diff --git a/.vitepress/sidebar.js b/.vitepress/sidebar.js
index 8b1cf0e1..543e6938 100644
--- a/.vitepress/sidebar.js
+++ b/.vitepress/sidebar.js
@@ -1,7 +1,9 @@
 import ZooEssentialsSidebar from '../src/essentials-for-zoo/sidebar.json';
 import YOOthemeProEssentialsSidebar from '../src/essentials-for-yootheme-pro/sidebar.json';
+import YOOthemeProEssentialsV22Sidebar from '../src/essentials-for-yootheme-pro/v2.2/sidebar.json';
 
 export default {
     '/essentials-for-zoo/': ZooEssentialsSidebar,
     '/essentials-for-yootheme-pro/': YOOthemeProEssentialsSidebar,
+    '/essentials-for-yootheme-pro/v2.2/': YOOthemeProEssentialsV22Sidebar,
 };
diff --git a/src/essentials-for-yootheme-pro/addons/forms/_partials/action-csv.md b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-csv.md
new file mode 100644
index 00000000..f7a9ddd8
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-csv.md
@@ -0,0 +1,37 @@
+## CSV Action {#csv}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-csv.svg-->
+</div>
+
+The **CSV Action** creates and deletes records from a local [CSV](https://en.wikipedia.org/wiki/Comma-separated_values) or [TSV](https://en.wikipedia.org/wiki/Tab-separated_values) file. Use it to store data or log submissions.
+
+::: warning Pre-formatted CSV File
+This action won't create or format the file by itself, you must provide a path to a pre-existing and pre-formatted file. The file can be as basic as a list of column headers separated by commas set in the very first line, as for example `Name,Comment,Date`.
+:::
+
+### Create/Update Record {#csv-record-upsert}
+
+Creates a CSV file record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *File* | The path to the file where the data will be appended. | &#x2713; |
+| *Delimeter* | The character used to separate columns data, defaults to a comma (`,`). |
+| *Enclosure* | The character used to enclose columns data, defaults to a double-quote (`"`). |
+<!--@include: ./common-action-settings.md-->
+
+<!--@include: ./common-action-content-mapping.md-->
+
+### Delete Record {#csv-record-delete}
+
+Deletes a CSV file record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *File* | The path to the file where the data will be appended. | &#x2713; |
+| *Delimeter* | The character used to separate columns data, defaults to a comma (`,`). |
+| *Enclosure* | The character used to enclose columns data, defaults to a double-quote (`"`). |
+| *Column* | The column that will identify the record to be deleted. | &#x2713; |
+| *Value* | The value that will identify the record to be deleted. | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/addons/forms/_partials/action-database.md b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-database.md
new file mode 100644
index 00000000..0de29de3
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-database.md
@@ -0,0 +1,47 @@
+## Database Action {#database}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-database.svg-->
+</div>
+
+The **Database Action** creates, updates and deletes records from a local or external database table. Use it to store data or log submissions.
+
+### Create/Update Record {#database-record-upsert}
+
+Creates or updates a database table record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Database* | The name of the database to which to connect. | &#x2713; |
+| *Custom Connection* | Allows overriding the system default database connection. |
+| -- *Host* | The server host IP or address to which to connect, e.g. `127.0.0.1`. | &#x2713; |
+| -- *Port* | The port to use for the connection, e.g. `3306`. | &#x2713; |
+| -- *Creds* | The username & password which to use for the connection. | &#x2713; |
+| *Table* | The name of the database Table to which to connect. | &#x2713; |
+| *Update Record* | Should a record be updated instead of created. |
+| -- *Associative Key* | The table column key that will be used to associate the record. | &#x2713; |
+| -- *Associative Value* | The table column value that will be used to associate the record. | &#x2713; | &#x2713; |
+| *Content* | The mapping configuration of the submission data to the table columns. | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
+
+<!--@include: ./common-action-content-mapping.md-->
+
+When the Update Record setting is enabled the submitted data will override an existing table record determined by the association configuration. If no associated record is found, a new record will be created instead.
+
+![SaveToDatabase Action Update](./assets/actions/action-database-update.webp)
+
+An example to understand the association is to think of a _Users Table_ with an _ID_ column as its primary key. In such a scenario, the submission data should contain the _user_id_ value representing the user row being updated, the _Associative Key_ should be set as _ID_, and the _Associative Value_ mapped to the Form Submission _user_id_.
+
+### Delete Record {#database-record-delete}
+
+Deletes a database table record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Database* | The name of the database to which to connect. | &#x2713; |
+| *Custom Connection* | Allows overriding the system default database connection. |
+| -- *Host* | The server host IP or address to which to connect, e.g. `127.0.0.1`. | &#x2713; |
+| -- *Port* | The port to use for the connection, e.g. `3306`. | &#x2713; |
+| -- *Creds* | The username & password which to use for the connection. | &#x2713; |
+| *Table* | The name of the database Table to which to connect. | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/addons/forms/_partials/action-google-sheets.md b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-google-sheets.md
new file mode 100644
index 00000000..00b95e6b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-google-sheets.md
@@ -0,0 +1,34 @@
+## Google Sheets Action {#google-sheets}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-google-sheets.svg-->
+</div>
+
+The **Google Sheets Action** creates and deletes records from [Google Sheets](https://workspace.google.com/products/sheets/) spreadsheets. Use it to store data or log submissions.
+
+### Create Record {#google-sheets-record-upsert}
+
+Creates a spreadsheet record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Account* | The Google account used to connect to Google Drive via OAuth. | &#x2713; |
+| *Spreadsheet* | The Google Drive Spreadsheet to which to connect. | &#x2713; |
+| *Sheet* | The Spreadsheet Sheet to use as the data destination, defaults to the first sheet. |
+| *Value Input Option* | Defines how the data will be interpreted when saved to the spreadsheet. _Raw_, the values will be stored as-is, or _User Entered_, the values will be parsed as if were typed into the UI. |
+<!--@include: ./common-action-settings.md-->
+
+<!--@include: ./common-action-content-mapping.md-->
+
+### Delete Record {#google-sheets-record-delete}
+
+Deletes a spreadsheet record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Account* | The Google account used to connect to Google Drive via OAuth. | &#x2713; |
+| *Spreadsheet* | The Google Drive Spreadsheet to which to connect. | &#x2713; |
+| *Sheet* | The Spreadsheet Sheet to use as the data destination, defaults to the first sheet. |
+| *Column* | The column that will identify the record to be deleted. | &#x2713; |
+| *Value* | The value that will identify the record to be deleted. | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/addons/forms/_partials/action-webhook.md b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-webhook.md
new file mode 100644
index 00000000..2f5d6ce2
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/forms/_partials/action-webhook.md
@@ -0,0 +1,16 @@
+## Webhook Action {#webhook}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-webhook.svg-->
+</div>
+
+The **Webhook Action** triggers an HTTP request to a third-party service. If the validation fails, no further actions will be executed.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *URL* | The URL to send the request to. | &#x2713; | &#x2713; |
+| *Method* | The HTTP method to send the request with, `GET`, `POST`, `PUT`, `PATCH`, or `DELETE`. Defaults to `POST`. | &#x2713; | &#x2713; |
+| *Format* | The format of the data that will be sent in the request, `JSON`, `XML`, `RAW` or `Form-Data`. Defaults to `JSON`. | | &#x2713; |
+| *Body* | The body content that will be sent in the request when the format is `json\|xml\|raw` and the method is not `GET`. | &#x2713; | &#x2713; |
+| *Data* | The data that will be sent in the request when the request method is `GET` or the format is `Form-Data`. | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/addons/forms/actions.md b/src/essentials-for-yootheme-pro/addons/forms/actions.md
index c55722ae..9e485d05 100644
--- a/src/essentials-for-yootheme-pro/addons/forms/actions.md
+++ b/src/essentials-for-yootheme-pro/addons/forms/actions.md
@@ -5,12 +5,13 @@ Actions are multi-instance functions that will run sequentially, after a form ha
 <!--@include: ./_partials/action-acymailing.md-->
 <!--@include: ./_partials/action-airtable.md-->
 <!--@include: ./_partials/action-alter.md-->
+<!--@include: ./_partials/action-csv.md-->
+<!--@include: ./_partials/action-database.md-->
 <!--@include: ./_partials/action-download.md-->
 <!--@include: ./_partials/action-email.md-->
+<!--@include: ./_partials/action-google-sheets.md-->
 <!--@include: ./_partials/action-mailchimp.md-->
 <!--@include: ./_partials/action-message.md-->
 <!--@include: ./_partials/action-redirect.md-->
 <!--@include: ./_partials/action-validate.md-->
-<!--@include: ./_partials/action-save-csv.md-->
-<!--@include: ./_partials/action-save-database.md-->
-<!--@include: ./_partials/action-save-google-sheet.md-->
+<!--@include: ./_partials/action-webhook.md-->
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/action-save-csv.svg b/src/essentials-for-yootheme-pro/addons/forms/assets/action-csv.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/action-save-csv.svg
rename to src/essentials-for-yootheme-pro/addons/forms/assets/action-csv.svg
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/action-save-database.svg b/src/essentials-for-yootheme-pro/addons/forms/assets/action-database.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/action-save-database.svg
rename to src/essentials-for-yootheme-pro/addons/forms/assets/action-database.svg
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/action-save-google-sheet.svg b/src/essentials-for-yootheme-pro/addons/forms/assets/action-google-sheets.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/action-save-google-sheet.svg
rename to src/essentials-for-yootheme-pro/addons/forms/assets/action-google-sheets.svg
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/action-webhook.svg b/src/essentials-for-yootheme-pro/addons/forms/assets/action-webhook.svg
new file mode 100644
index 00000000..55831073
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/forms/assets/action-webhook.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 30 30">
+  <path fill="#444" stroke="none" d="M15.654 1.563h-1.277l-.336.068a7.24 7.24 0 0 0-2.166.621 6.394 6.394 0 0 0-1.865 1.293 6.537 6.537 0 0 0-1.914 3.057 6.62 6.62 0 0 0-.27 2.116c.023.74.158 1.445.404 2.117a6.913 6.913 0 0 0 1.747 2.62l.436.403-2.788 4.535c-.582-.023-1.086.056-1.511.235-.672.291-1.176.739-1.512 1.344a3.465 3.465 0 0 0-.302 1.04c-.045.36-.023.717.067 1.076.179.672.549 1.21 1.108 1.612.336.224.706.386 1.109.487.403.101.806.123 1.21.067.402-.056.789-.195 1.158-.42.37-.223.678-.503.924-.84.269-.38.431-.817.487-1.31a2.704 2.704 0 0 0-.185-1.377c-.022-.112-.1-.268-.235-.47l-.1-.201 3.963-6.45c.134-.202.224-.358.269-.47l-.336-.101a2.054 2.054 0 0 1-.437-.134 4.8 4.8 0 0 1-1.394-.924 4.222 4.222 0 0 1-.957-1.327 3.912 3.912 0 0 1-.302-2.52c.09-.514.28-.996.57-1.444a4.627 4.627 0 0 1 1.042-1.142 4.566 4.566 0 0 1 2.754-.907 4.176 4.176 0 0 1 1.764.32c.571.234 1.07.576 1.495 1.024.38.358.677.79.89 1.293.213.504.33 1.013.353 1.528 0 .381-.068.851-.202 1.411l2.352.639.268.033a6.061 6.061 0 0 0 .235-2.889 6.368 6.368 0 0 0-.655-2.133 6.625 6.625 0 0 0-1.327-1.797c-.94-.94-2.093-1.568-3.46-1.881a4.276 4.276 0 0 0-.604-.134l-.47-.068Zm-.639 4.166a3.118 3.118 0 0 0-2.167.924c-.302.302-.52.655-.654 1.058-.18.448-.224.94-.135 1.478.068.403.224.783.47 1.142.247.358.56.638.941.84.538.335 1.165.481 1.881.436.067.09.123.18.168.269l3.763 6.416c.067.134.134.235.201.302.605-.582 1.26-.98 1.965-1.192a4.632 4.632 0 0 1 2.184-.118c.75.135 1.405.426 1.965.874.716.56 1.203 1.248 1.461 2.065.257.818.263 1.64.017 2.47a4.08 4.08 0 0 1-.958 1.679 4.398 4.398 0 0 1-1.629 1.109 4.285 4.285 0 0 1-2.234.285 4.605 4.605 0 0 1-2.133-.823c-.09-.067-.235-.18-.436-.336l-.168-.201c-.09.067-.213.179-.37.336l-1.579 1.545a7.365 7.365 0 0 0 1.747 1.293c.65.347 1.333.588 2.05.722l.738.135h1.31l.94-.168a7.017 7.017 0 0 0 3.696-2.016 6.638 6.638 0 0 0 1.226-1.696 6.756 6.756 0 0 0 .655-1.999 7.205 7.205 0 0 0-.067-2.402 6.428 6.428 0 0 0-.84-2.166A7.35 7.35 0 0 0 25.63 15.1a7.215 7.215 0 0 0-2.368-.538 7.862 7.862 0 0 0-2.402.235l-.57.168-2.722-4.602c.291-.425.47-.84.538-1.242a2.812 2.812 0 0 0-.437-2.016 2.844 2.844 0 0 0-1.478-1.176 3.507 3.507 0 0 0-1.176-.201Zm-9.472 8.868a6.994 6.994 0 0 0-3.36 1.78c-1.052.986-1.735 2.161-2.049 3.527L0 20.711v1.242l.067.37c.045.291.09.515.135.672.156.694.43 1.355.823 1.982a6.936 6.936 0 0 0 1.427 1.646 7.394 7.394 0 0 0 3.863 1.646c.851.09 1.702.039 2.553-.152a7.484 7.484 0 0 0 2.352-.957 6.812 6.812 0 0 0 2.62-3.057c.156-.38.313-.884.47-1.511.134-.023.336-.023.605 0l4.199.067c.313 0 .537.011.671.033.247.448.527.795.84 1.042.314.246.666.425 1.058.537.392.112.79.157 1.193.135a3.263 3.263 0 0 0 1.68-.672c.604-.47.962-1.075 1.074-1.814.045-.38.028-.75-.05-1.109a2.722 2.722 0 0 0-.454-1.007 3.092 3.092 0 0 0-1.377-1.075 2.893 2.893 0 0 0-1.192-.219 3.343 3.343 0 0 0-1.193.252 3.024 3.024 0 0 0-1.444 1.243l-.101.202c-.314 0-.784-.012-1.41-.034l-3.797-.034a23.361 23.361 0 0 0-1.444-.033l-1.68-.034.101.571c.18.963.034 1.87-.437 2.721a4.135 4.135 0 0 1-1.343 1.512c-.583.403-1.22.65-1.915.739a4.374 4.374 0 0 1-2.351-.252 4.288 4.288 0 0 1-1.915-1.428 3.984 3.984 0 0 1-.907-2.653c.022-.829.28-1.602.773-2.318a4.09 4.09 0 0 1 1.074-1.075 4.537 4.537 0 0 1 1.378-.638l.302-.101-.705-2.553Z"/>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetodb-update.webp b/src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-database-update.webp
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetodb-update.webp
rename to src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-database-update.webp
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/antdesign.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/antdesign.json
new file mode 100644
index 00000000..687bef05
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/antdesign.json
@@ -0,0 +1,14 @@
+{
+    "name": "antdesign",
+    "title": "Ant Design",
+    "description": "The abstract trees of the Ant Design SVG icons.",
+    "groups": [
+        "filled",
+        "outlined"
+    ],
+    "version": "4.3.0",
+    "release": "August, 2023",
+    "license": "MIT",
+    "url": "https://github.com/ant-design/ant-design-icons",
+    "icons": 639
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/antdesign.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/antdesign.svg
new file mode 100644
index 00000000..9e591f49
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/antdesign.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <g fill="#444">
+      <path fill-rule="nonzero" d="M57.316 2.486 2.484 57.272a7.519 7.519 0 0 0 0 10.648l54.832 54.786a7.533 7.533 0 0 0 10.657 0l22.989-22.97a6.75 6.75 0 0 0 0-9.553 6.763 6.763 0 0 0-9.56 0l-17.428 17.414c-.734.733-1.848.733-2.581 0L17.606 63.846c-.734-.733-.734-1.845 0-2.578l43.787-43.751c.734-.734 1.847-.734 2.581 0l17.428 17.414a6.765 6.765 0 0 0 9.56 0 6.748 6.748 0 0 0 0-9.552L67.975 2.41c-2.96-2.882-7.723-2.859-10.659.075v.001Z"/>
+      <path fill-rule="nonzero" d="M96.27 85.088a6.763 6.763 0 0 0 9.56 0l16.959-16.945a7.515 7.515 0 0 0 0-10.648l-17.107-17.031a6.775 6.775 0 0 0-9.569.008 6.75 6.75 0 0 0 0 9.552l11.554 11.544c.734.734.734 1.847 0 2.579L96.27 75.535a6.751 6.751 0 0 0 0 9.553Z"/>
+      <ellipse cx="62.918" cy="62.87" rx="14.804" ry="14.792"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap.php b/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap.php
new file mode 100644
index 00000000..196f18f9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace ZOOlanders\YOOessentials\Icon;
+
+return [
+    'extend' => [
+        IconLoader::class => function (IconLoader $loader, $app) {
+            $loader->registerCollections('~yooessentials/modules/icon-collections/*/*.json');
+        },
+    ],
+];
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/bootstrap.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/bootstrap.json
new file mode 100644
index 00000000..dff3eaf1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/bootstrap.json
@@ -0,0 +1,13 @@
+{
+    "name": "bootstrap",
+    "title": "Bootstrap",
+    "description": "Official Bootstrap SVG icon library with over 2.000 icons.",
+    "groups": [
+        "filled"
+    ],
+    "version": "1.11.3",
+    "release": "January, 2024",
+    "license": "MIT",
+    "url": "https://icons.getbootstrap.com",
+    "icons": 2051
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/bootstrap.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/bootstrap.svg
new file mode 100644
index 00000000..3cc96dde
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/bootstrap.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="#444" d="M25.963 12.712c-7.132 0-12.41 6.242-12.174 13.013.227 6.504-.068 14.928-2.188 21.797C9.474 54.412 5.876 58.776 0 59.337v6.326c5.876.561 9.474 4.925 11.601 11.815 2.12 6.869 2.415 15.293 2.188 21.797-.236 6.769 5.042 13.013 12.175 13.013h73.083c7.132 0 12.409-6.242 12.172-13.013-.226-6.504.068-14.928 2.189-21.797 2.128-6.89 5.716-11.254 11.592-11.815v-6.326c-5.876-.561-9.464-4.925-11.592-11.815-2.121-6.868-2.415-15.293-2.189-21.797.237-6.769-5.04-13.013-12.172-13.013H25.962h.001Zm58.783 61.295c0 9.322-6.954 14.976-18.493 14.976H46.61a2.128 2.128 0 0 1-2.118-2.119V38.136c0-1.163.956-2.119 2.118-2.119h19.531c9.622 0 15.936 5.212 15.936 13.214 0 5.616-4.248 10.645-9.66 11.525v.294c7.368.808 12.329 5.91 12.329 12.957ZM64.111 42.733h-11.2v15.82h9.433c7.293 0 11.314-2.936 11.314-8.185 0-4.919-3.458-7.635-9.547-7.635Zm-11.2 22.096v17.436h11.612c7.592 0 11.615-3.047 11.615-8.772 0-5.727-4.135-8.664-12.103-8.664H52.911Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/boxicons.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/boxicons.json
new file mode 100644
index 00000000..574e024b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/boxicons.json
@@ -0,0 +1,15 @@
+{
+    "name": "boxicons",
+    "title": "Boxicons",
+    "description": "High Quality Web Icons Set.",
+    "groups": [
+        "regular",
+        "solid",
+        "logos"
+    ],
+    "version": "2.1.4",
+    "release": "September, 2022",
+    "license": "MIT",
+    "url": "https://boxicons.com",
+    "icons": 1634
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/boxicons.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/boxicons.svg
new file mode 100644
index 00000000..b96a420f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/boxicons.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <g fill-rule="nonzero">
+      <path fill="#444" d="M7.254 30.19c-1.339 2.083-2.083 4.463-2.083 6.844V88.81c0 3.571 1.935 6.993 5.059 8.778l46.866 26.632c3.869 2.232 8.63-.595 8.63-5.059V63.666L7.254 30.19Z"/>
+      <path fill="#636363" d="m65.726 63.666 50.883-25.591c4.166-2.082 4.315-7.885.297-10.117L70.338 1.326c-2.976-1.636-6.547-1.785-9.522-.297L12.313 25.578c-2.083 1.041-3.868 2.678-5.207 4.612l58.62 33.476Z"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/coreui/coreui.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/coreui/coreui.json
new file mode 100644
index 00000000..dc77fc02
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/coreui/coreui.json
@@ -0,0 +1,13 @@
+{
+    "name": "coreui",
+    "title": "CoreUI",
+    "description": "Simply beautiful open source icons.",
+    "groups": [
+        "brand"
+    ],
+    "version": "3.0.1",
+    "release": "March, 2023",
+    "license": "MIT",
+    "url": "https://icons.coreui.io",
+    "icons": 1386
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/coreui/coreui.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/coreui/coreui.svg
new file mode 100644
index 00000000..37410268
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/coreui/coreui.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <g fill="#444" fill-rule="nonzero">
+      <path d="M111.813 26.437 69.075 1.762a13.15 13.15 0 0 0-13.15 0L13.187 26.437a13.185 13.185 0 0 0-6.575 11.388v49.35a13.185 13.185 0 0 0 6.575 11.388l42.738 24.675a13.15 13.15 0 0 0 13.15 0l42.738-24.675a13.185 13.185 0 0 0 6.575-11.388v-49.35a13.185 13.185 0 0 0-6.575-11.388Zm-2.191 60.738a4.384 4.384 0 0 1-2.192 3.796l-42.738 24.675a4.385 4.385 0 0 1-4.384 0L17.57 90.971a4.384 4.384 0 0 1-2.192-3.796v-49.35c0-1.566.836-3.013 2.192-3.796L60.308 9.354a4.385 4.385 0 0 1 4.384 0l42.738 24.675a4.384 4.384 0 0 1 2.192 3.796v49.35Z"/>
+      <path d="M87.728 76.788h-3.14c-.738 0-1.463.186-2.11.54L63.541 87.723 41.679 75.1V49.92l21.862-12.622 18.947 10.361a4.379 4.379 0 0 0 2.103.537h3.137a2.191 2.191 0 0 0 2.192-2.191v-2.972c0-.801-.437-1.538-1.14-1.923L67.752 29.609a8.808 8.808 0 0 0-8.594.098L37.295 42.329a8.793 8.793 0 0 0-4.383 7.592V75.1a8.767 8.767 0 0 0 4.383 7.592l21.863 12.623a8.815 8.815 0 0 0 8.595.096L88.782 83.87a2.192 2.192 0 0 0 1.137-1.921v-2.97c0-1.21-.981-2.191-2.191-2.191Z"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/fa6/fa6.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/fa6/fa6.json
new file mode 100644
index 00000000..32e78753
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/fa6/fa6.json
@@ -0,0 +1,15 @@
+{
+    "name": "fa6",
+    "title": "Font Awesome 6",
+    "description": "Icons and social logos by Font Awesome, the web's most popular icon set.",
+    "groups": [
+        "regular",
+        "solid",
+        "brands"
+    ],
+    "version": "6.6.0",
+    "release": "July, 2024",
+    "license": "CC BY 4.0",
+    "url": "https://fontawesome.com",
+    "icons": 2050
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/fa6/fa6.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/fa6/fa6.svg
new file mode 100644
index 00000000..b6962668
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/fa6/fa6.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="#444" fill-rule="nonzero" d="M125 4.47v93.75c-17.605 6.291-22.974 8.93-33.341 8.93-17.528 0-24.165-8.93-41.66-8.93-5.748 0-10.213 1.009-14.284 2.288V82.652c4.071-1.283 8.536-2.287 14.284-2.287 17.504 0 24.137 8.925 41.66 8.925 5.691 0 9.93-.836 15.486-2.596v-58.03c-5.556 1.759-9.795 2.596-15.486 2.596-17.528 0-24.165-8.926-41.66-8.926-14.173 0-20.897 5.744-32.144 8.008v85.742c0 4.898-4.03 8.928-8.927 8.928-4.898 0-8.928-4.03-8.928-8.928V8.685C0 4.004 3.999 0 8.67 0c4.682 0 9.18 3.999 9.18 8.68v3.783c11.247-2.24 17.976-7.998 32.144-7.998 17.504 0 24.137 8.93 41.66 8.93 10.382 0 15.736-2.644 33.341-8.93l.005.005Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/feather.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/feather.json
new file mode 100644
index 00000000..58c9a563
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/feather.json
@@ -0,0 +1,10 @@
+{
+    "name": "feather",
+    "title": "Feather",
+    "description": "Simply beautiful open source icons.",
+    "version": "4.29.0",
+    "release": "March, 2022",
+    "license": "MIT",
+    "url": "https://feathericons.com",
+    "icons": 287
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/feather.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/feather.svg
new file mode 100644
index 00000000..86962009
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/feather.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" clip-rule="evenodd" viewBox="0 0 125 125">
+    <g fill="none" stroke="#444" stroke-width="11.3">
+      <path d="M109.021 63.879a33.922 33.922 0 0 0 9.933-23.98c0-18.604-15.309-33.913-33.913-33.913a33.928 33.928 0 0 0-23.98 9.933L22.93 54.05v48.017h48.017l38.074-38.188ZM85.07 39.927 5.983 119.014M93.543 79.471H45.526"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/fontawesome.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/fontawesome.json
new file mode 100644
index 00000000..1b4cc9c9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/fontawesome.json
@@ -0,0 +1,15 @@
+{
+    "name": "fontawesome",
+    "title": "Font Awesome 5",
+    "description": "Icons and social logos by Font Awesome, the web's most popular icon set.",
+    "groups": [
+        "regular",
+        "solid",
+        "brands"
+    ],
+    "version": "5.15.4",
+    "release": "August 8, 2021",
+    "license": "CC BY 4.0",
+    "url": "https://fontawesome.com",
+    "icons": 1611
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/fontawesome.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/fontawesome.svg
new file mode 100644
index 00000000..60432dfe
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/fontawesome.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="none" stroke="#444" stroke-width="9.6" d="M107.665 4.774H17.119c-6.771.003-12.342 5.574-12.345 12.345v90.546c.003 6.771 5.574 12.342 12.345 12.345h90.546c6.771-.003 12.342-5.574 12.345-12.345V17.119c-.003-6.771-5.574-12.342-12.345-12.345Z"/>
+    <path fill="#444" fill-rule="nonzero" d="M101.842 78.376c0 1.281-1.099 1.824-2.375 2.376-5.117 2.193-10.599 4.204-16.445 4.204-8.222 0-12.057-5.116-21.926-5.116-7.128 0-14.616 2.558-20.644 5.299-.365.182-.735.182-1.099.365V99.39c0 3.816-2.876 6.211-6.029 6.211h-.048c-3.381 0-6.163-2.782-6.163-6.163V32.517a10.215 10.215 0 0 1-4.023-8.044c0-5.664 4.57-10.234 10.234-10.234s10.233 4.57 10.233 10.234c0 3.288-1.464 6.211-4.022 8.04v5.664c.739-.245 10.488-5.117 20.467-5.117 11.644 0 17.423 4.934 22.655 4.934 6.941 0 14.616-4.934 16.445-4.934 1.459 0 2.736 1.094 2.736 2.376v42.935l.004.005Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/heroicons.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/heroicons.json
new file mode 100644
index 00000000..db96e514
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/heroicons.json
@@ -0,0 +1,14 @@
+{
+    "name": "heroicons",
+    "title": "Heroicons",
+    "description": "Beautiful hand-crafted icons, by the makers of Tailwind CSS.",
+    "groups": [
+        "outline",
+        "solid"
+    ],
+    "version": "2.1.5",
+    "release": "July, 2024",
+    "license": "MIT",
+    "url": "https://heroicons.com",
+    "icons": 648
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/heroicons.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/heroicons.svg
new file mode 100644
index 00000000..c60da274
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/heroicons.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="none" stroke="#444" stroke-width="11.04" d="M62.5 7.733a94.668 94.668 0 0 0 55.96 19.772 79.703 79.703 0 0 1 1.171 13.665c0 36.127-24.138 66.62-57.131 76.097C29.507 107.79 5.369 77.297 5.369 41.17c0-4.667.4-9.235 1.171-13.673A94.654 94.654 0 0 0 62.5 7.737v-.004Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/ionicons.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/ionicons.json
new file mode 100644
index 00000000..b44194fb
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/ionicons.json
@@ -0,0 +1,16 @@
+{
+    "name": "ionicons",
+    "title": "Ionicons",
+    "description": "Beautifully crafted open source icons built by the Ionic Framework team.",
+    "groups": [
+        "outline",
+        "filled",
+        "sharp",
+        "logo"
+    ],
+    "version": "7.1.2",
+    "release": "May, 2023",
+    "license": "MIT",
+    "url": "https://ionicons.com",
+    "icons": 1338
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/ionicons.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/ionicons.svg
new file mode 100644
index 00000000..ea684314
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/ionicons.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <g fill="#444">
+      <path fill-rule="nonzero" d="M62.498 12.097c-27.837 0-50.401 22.564-50.401 50.401 0 27.836 22.564 50.4 50.401 50.4 27.836 0 50.4-22.564 50.4-50.4 0-3.715-.398-7.33-1.158-10.804l11.818-2.581A62.719 62.719 0 0 1 125 62.498c0 34.516-27.986 62.497-62.502 62.497C27.981 124.995 0 97.014 0 62.498 0 27.981 27.981 0 62.498 0c15.292 0 29.316 5.498 40.178 14.625l-7.781 9.261a50.176 50.176 0 0 0-32.397-11.789Z"/>
+      <path fill-rule="nonzero" d="M106.852 20.156c-3.32 0-6.053 2.733-6.053 6.054 0 3.32 2.733 6.053 6.053 6.053s6.051-2.732 6.051-6.051-2.731-6.051-6.051-6.051v-.005Zm-18.147 6.056c0-9.955 8.192-18.147 18.147-18.147 9.956 0 18.148 8.192 18.148 18.147 0 9.956-8.192 18.148-18.148 18.148-9.955 0-18.147-8.192-18.147-18.148Z"/>
+      <circle cx="62.495" cy="62.495" r="24.193"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/octicons.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/octicons.json
new file mode 100644
index 00000000..b3ff7873
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/octicons.json
@@ -0,0 +1,10 @@
+{
+    "name": "octicons",
+    "title": "Octicons",
+    "description": "Set of SVG icons built by GitHub for GitHub.",
+    "version": "19.12.0",
+    "release": "October, 2024",
+    "license": "MIT",
+    "url": "https://github.com/primer/octicons",
+    "icons": 307
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/octicons.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/octicons.svg
new file mode 100644
index 00000000..71f60e63
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/octicons.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="#444" fill-rule="nonzero" d="M62.5 1.542C27.968 1.542 0 29.51 0 64.042c0 27.653 17.887 51.012 42.733 59.297 3.132.544 4.299-1.331 4.299-2.968 0-1.486-.08-6.414-.08-11.642-15.702 2.884-19.762-3.83-21.014-7.347-.704-1.8-3.751-7.342-6.405-8.829-2.19-1.172-5.312-4.065-.075-4.14 4.918-.079 8.44 4.534 9.607 6.41 5.626 9.457 14.61 6.794 18.206 5.157.539-4.065 2.185-6.798 3.981-8.36-13.907-1.561-28.437-6.953-28.437-30.86 0-6.794 2.424-12.425 6.405-16.8-.624-1.561-2.813-7.961.623-16.56 0 0 5.238-1.641 17.189 6.404 4.998-1.401 10.315-2.109 15.623-2.109 5.312 0 10.624.708 15.627 2.109 11.947-8.125 17.184-6.4 17.184-6.4 3.442 8.595 1.252 15.004.628 16.556 3.981 4.379 6.405 9.926 6.405 16.8 0 23.987-14.605 29.299-28.516 30.86 2.269 1.951 4.219 5.702 4.219 11.563 0 8.355-.079 15.074-.079 17.188 0 1.641 1.172 3.592 4.294 2.968C107.77 114.74 124.95 90.817 125 64.046c0-34.532-27.968-62.5-62.5-62.5v-.004Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/phosporicons/phosporicons.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/phosporicons/phosporicons.json
new file mode 100644
index 00000000..e66090f4
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/phosporicons/phosporicons.json
@@ -0,0 +1,17 @@
+{
+    "name": "phosporicons",
+    "title": "Phospor Icons",
+    "description": "A flexible icon family for interfaces, diagrams, presentations...",
+    "groups": [
+        "bold",
+        "fill",
+        "light",
+        "regular",
+        "thin"
+    ],
+    "version": "1.4.0",
+    "release": "December, 2021",
+    "license": "MIT",
+    "url": "https://phosphoricons.com",
+    "icons": 5235
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/phosporicons/phosporicons.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/phosporicons/phosporicons.svg
new file mode 100644
index 00000000..3403b2f9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/phosporicons/phosporicons.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="#444" fill-rule="nonzero" d="M64.605.007h-44.47c-.854 0-1.673.339-2.278.943a3.224 3.224 0 0 0-.943 2.278v79.029A42.785 42.785 0 0 0 59.629 125a3.221 3.221 0 0 0 3.222-3.222V85.479h1.727a42.752 42.752 0 0 0 30.717-12.243 42.734 42.734 0 0 0 12.791-30.493A42.747 42.747 0 0 0 81.168 3.037a42.733 42.733 0 0 0-16.59-3.03h.027ZM56.38 118.42a36.341 36.341 0 0 1-32.9-32.9h32.9v32.9Zm0-49.803L25.358 6.45h31.077l-.055 62.167Zm8.225 10.419h-1.727V6.45h1.727a36.294 36.294 0 0 1 34.174 22.239 36.29 36.29 0 0 1 0 28.108 36.29 36.29 0 0 1-20.067 19.681 36.295 36.295 0 0 1-14.107 2.558Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/pixelarticons/pixelarticons.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/pixelarticons/pixelarticons.json
new file mode 100644
index 00000000..c441ac38
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/pixelarticons/pixelarticons.json
@@ -0,0 +1,10 @@
+{
+    "name": "pixelarticons",
+    "title": "Pixelarticons",
+    "description": "Pixel-art style icons.",
+    "version": "1.8.1",
+    "release": "April, 2024",
+    "license": "MIT",
+    "url": "https://pixelarticons.com",
+    "icons": 486
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/pixelarticons/pixelarticons.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/pixelarticons/pixelarticons.svg
new file mode 100644
index 00000000..2b898fd3
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/pixelarticons/pixelarticons.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="#444" d="M125 0H0v125h125V0ZM39.062 85.938l.001-15.625h31.25v15.625H54.688v15.625h15.625V85.938h15.625v15.625h15.625V85.938H85.938V70.313h15.625V54.688H85.938v15.625H70.313V23.437H23.438v62.501l15.625-.001Zm0-31.25h15.625V39.063H39.062v15.625Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/remixicon.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/remixicon.json
new file mode 100644
index 00000000..023777d0
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/remixicon.json
@@ -0,0 +1,31 @@
+{
+    "name": "remixicon",
+    "title": "Remix Icon",
+    "description": "A set of open-source neutral-style system symbols for designers and developers.",
+    "groups": [
+        "arrows",
+        "buildings",
+        "business",
+        "communication",
+        "design",
+        "development",
+        "device",
+        "document",
+        "editor",
+        "finance",
+        "food",
+        "health",
+        "logos",
+        "map",
+        "media",
+        "others",
+        "system",
+        "user",
+        "weather"
+    ],
+    "version": "4.5.0",
+    "release": "November, 2024",
+    "license": "Apache",
+    "url": "https://remixicon.com",
+    "icons": 3020
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/remixicon.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/remixicon.svg
new file mode 100644
index 00000000..8d844c05
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/remixicon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="#444" fill-rule="nonzero" d="M2.232 8.929 118.304 125H2.232V8.929Z"/>
+    <path fill="#636363" d="M2.232 8.929h71.429c.495 0 .991.006 1.484.022a34.267 34.267 0 0 0-1.484 10.067c0 16.098 13.991 30.089 32.408 30.089 4.748 0 9.313-1.216 13.389-3.346a47.143 47.143 0 0 1 1.078 10.043c0 19.31-11.677 35.893-28.355 43.074L2.232 8.929Z"/>
+    <circle cx="104.911" cy="17.857" r="17.857" fill="#444"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/tablericons.json b/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/tablericons.json
new file mode 100644
index 00000000..3bda3fcb
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/tablericons.json
@@ -0,0 +1,14 @@
+{
+    "name": "tablericons",
+    "title": "Tabler Icons",
+    "description": "A set of over 1250 high-quality SVG icons designed on a 24x24 grid and a 2px stroke.",
+    "groups": [
+        "filled",
+        "outline"
+    ],
+    "version": "3.22.0",
+    "release": "November, 2024",
+    "license": "MIT",
+    "url": "https://tabler-icons.io",
+    "icons": 5718
+}
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/tablericons.svg b/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/tablericons.svg
new file mode 100644
index 00000000..97590d16
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/tablericons.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 125 125">
+    <path fill="#444" fill-rule="nonzero" d="M27.767 2.777a218.654 218.654 0 0 1 69.478 0 34.559 34.559 0 0 1 24.982 24.987 218.414 218.414 0 0 1 0 69.477 34.56 34.56 0 0 1-24.982 24.982 218.654 218.654 0 0 1-69.478 0A34.559 34.559 0 0 1 2.781 97.241a218.356 218.356 0 0 1 0-69.477A34.557 34.557 0 0 1 27.762 2.777h.005Zm41.524 41.341-30.526 3.549-9.041 34.912a9.897 9.897 0 0 0 1.323 7.877l20.485-19.105c-1.702-3.318-.596-7.3 2.626-9.426a8.558 8.558 0 0 1 10.401.827c2.789 2.602 3.165 6.699.885 9.7-2.279 3.005-6.549 4.039-10.108 2.452L34.851 94.029c2.534 1.457 5.578 1.919 8.473 1.284l37.436-8.43 3.804-28.468-15.273-14.297Zm6.43-18.384-5.862 9.719 23.356 23.371 9.733-5.833-27.227-27.257Z"/>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/icons/assets/collection-coreui.webp b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-coreui.webp
new file mode 100644
index 00000000..b22c1c53
Binary files /dev/null and b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-coreui.webp differ
diff --git a/src/essentials-for-yootheme-pro/addons/icons/assets/collection-fa6.webp b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-fa6.webp
new file mode 100644
index 00000000..beacf193
Binary files /dev/null and b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-fa6.webp differ
diff --git a/src/essentials-for-yootheme-pro/addons/icons/assets/collection-phosporicons.webp b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-phosporicons.webp
new file mode 100644
index 00000000..ee2da6e0
Binary files /dev/null and b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-phosporicons.webp differ
diff --git a/src/essentials-for-yootheme-pro/addons/icons/assets/collection-pixelarticons.webp b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-pixelarticons.webp
new file mode 100644
index 00000000..19f807a8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/addons/icons/assets/collection-pixelarticons.webp differ
diff --git a/src/essentials-for-yootheme-pro/addons/icons/collections.data.js b/src/essentials-for-yootheme-pro/addons/icons/collections.data.js
index da70d4c0..217e626f 100644
--- a/src/essentials-for-yootheme-pro/addons/icons/collections.data.js
+++ b/src/essentials-for-yootheme-pro/addons/icons/collections.data.js
@@ -3,9 +3,11 @@ import fs from 'node:fs';
 export default {
     watch: ['./_collections/*/*.json'],
     load(watchedFiles) {
-        return watchedFiles.map((file) => ({
-            ...JSON.parse(fs.readFileSync(file, 'utf-8')),
-            icon: fs.readFileSync(file.replace('collection.json', 'icon.svg'), 'utf-8'),
-        }));
+        return watchedFiles.map((file) => {
+            return {
+                ...JSON.parse(fs.readFileSync(file, 'utf-8')),
+                icon: fs.readFileSync(file.replace('.json', '.svg'), 'utf-8'),
+            };
+        });
     },
 };
diff --git a/src/essentials-for-yootheme-pro/addons/sources/_partials/common-provider-settings.md b/src/essentials-for-yootheme-pro/addons/sources/_partials/common-provider-settings.md
index 7c273cce..6b647eed 100644
--- a/src/essentials-for-yootheme-pro/addons/sources/_partials/common-provider-settings.md
+++ b/src/essentials-for-yootheme-pro/addons/sources/_partials/common-provider-settings.md
@@ -1,4 +1,4 @@
-![Source Instance Common Settings](/essentials-for-yootheme-pro/addons/sources/assets/common-provider-settings.webp)
+![Source Instance Common Settings](assets/common-provider-settings.webp)
 
 | Setting | Description | Default |
 | --- | --- | --- |
diff --git a/src/essentials-for-yootheme-pro/addons/sources/_partials/provider-bluesky.md b/src/essentials-for-yootheme-pro/addons/sources/_partials/provider-bluesky.md
new file mode 100644
index 00000000..a11e8502
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/sources/_partials/provider-bluesky.md
@@ -0,0 +1,140 @@
+## Bluesky Source {#bluesky}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/provider-bluesky.svg-->
+</div>
+
+The **Bluesky Source** feeds data from the [Bluesky](https://bsky.app/) social platform supporting [Author Feed](#bluesky-author-feed-query), [List Feed](#bluesky-list-feed-query), [Posts](#bluesky-posts-query) and [Profile](#bluesky-profile-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+| Setting | Description |
+| --- | --- |
+| *Actor* | The Bluesky actor AT Identifier from which to create the source. |
+
+### Bluesky Author Feed Query
+
+Fetches posts and reposts made by the authenticated profile and resolves to [Bluesky Feed Type](#bluesky-feed-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Limit* | The maximum number of posts to fetch. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Bluesky List Feed Query
+
+Fetches posts and reposts from profiles from a list and resolves to [Bluesky Feed Type](#bluesky-feed-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *List* | The list of profiles from which to create the source from. | | &#x2713; |
+| *Limit* | The maximum number of posts to fetch. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Bluesky Posts Query
+
+Fetches posts made by the authenticated profile matching a search criteria and resolves to [Bluesky Post Type](#bluesky-post-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Query* | Syntax, phrase, boolean, and faceting is unspecified, but Lucene query syntax is recommended. | | &#x2713; |
+| *Since* | Filter results for posts after the indicated datetime (inclusive). Can be a datetime, or just an ISO date `YYYY-MM-DD`. | | &#x2713; |
+| *Until* | Filter results for posts before the indicated datetime (not inclusive). Can be a datetime, or just an ISO date `YYYY-MM-DD`. | | &#x2713; |
+| *Mentions* | Filter to posts which mention the given account. | | &#x2713; |
+| *Language* | Filter to posts in the given language. Expected to be based on post language field, though Bluesky server may override language detection. | | &#x2713; |
+| *Domain* | Filter to posts with URLs (facet links or embeds) linking to the given domain (hostname). Bluesky server may apply hostname normalization. | | &#x2713; |
+| *URL* | Filter to posts with links (facet links or embeds) pointing to this URL. Bluesky server may apply URL normalization or fuzzy matching. | | &#x2713; |
+| *Tag* | Filter to posts with the given tag (hashtag), based on rich-text facet or tag field. Do not include the hash (#) prefix. Multiple tags can be specified, with `AND` matching. | | &#x2713; |
+| *Limit* | The maximum number of posts to fetch. | | &#x2713; |
+| *Sort* | The order by wich to sort the posts, `Top` or `Latest`. | `Top` |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Bluesky Profile Query
+
+Fetches the authenticated profile detailed data and resolves to [Bluesky Profile Type](#bluesky-profile-type).
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Bluesky Feed Type
+
+Defines the mapping options of a Bluesky Feed object.
+
+| Field | Description | Type |
+| --- | --- | --- |
+| *Post* | The feed post. | [Post](#bluesky-post-type) |
+
+### Bluesky Post Type
+
+Defines the mapping options of a Bluesky Post object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *CID* | Unique identifier of the content. | `String` |
+| *URI* | Uniform Resource Identifier of the post. | `String` |
+| *Author* | Author of the post. | [Profile](#bluesky-profile-type) |
+| *Text* | Text of the post. | `String` | `limit` |
+| *Media Type* | If present, the type of media in the post. | `String` |
+| *Images* | Images of the post. |  [Post Image](#bluesky-post-image-type) |
+| *Images Counts* | The total amount of images of the post. | `Int` |
+| *Videos* | Videos of the post. | [Post Video](#bluesky-post-video-type) |
+| *GIF* | GIF of the post. | [Post GIF](#bluesky-post-gif-type) |
+| *Reply Count* | Number of replies to the post. | `Int` |
+| *Repost Count* | Number of reposts of the post. | `Int` |
+| *Like Count* | Number of likes on the post. | `Int` |
+| *Quote Count* | Number of quotes of the post. | `Int` |
+| *Indexed At* | Timestamp when the post was indexed. | `String` | `date` |
+<!-- | *Labels* | Labels associated with the post. | -->
+
+### Bluesky Post Video Type
+
+Defines the mapping options of a Bluesky Post Video object.
+
+| Field | Description | Type |
+| --- | --- | --- |
+| *CID* | Content Identifier for the video. | `String` |
+| *Thumbnail URL* | URL of the thumbnail image. | `String` |
+| *Playlist* | URL of the video playlist, or a single video. | `String` |
+| *Height* | Height of the video. | `Int` |
+| *Width* | Width of the video. | `Int` |
+
+### Bluesky Post Image Type
+
+Defines the mapping options of a Bluesky Post Image object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *Thumbnail URL* | URL of the thumbnail image. | `String` |
+| *Fullsize URL* | URL of the full-size image. | `String` |
+| *Alt Text* | Alternative text for the image. | `String` | `limit` |
+| *Height* | Height of the image. | `Int` |
+| *Width* | Width of the image. | `Int` |
+
+### Bluesky Post GIF Type
+
+Defines the mapping options of a Bluesky Post GIF object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *URI* | URL of the GIF. | `String` |
+| *Title* | Title of the GIF. | `String` | `limit` |
+| *Description* | Description of the GIF. | `String` | `limit` |
+| *Thumbnail URL* | URL of the thumbnail image. | `String` |
+
+### Bluesky Profile Type
+
+Defines the mapping options of a Bluesky Profile object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *DID* | Unique identifier. | `String` |
+| *Handle* | Unique alias used as username and url for the profile. | `String` |
+| *Display name* | Profile Display Name. | `String` |
+| *Description* | Profile description. | `String` | `limit` |
+| *Avatar* | Profile avatar URL. | `String` |
+| *Banner* | Profile banner URL. | `String` |
+| *Created At* | Profile date of creation. |  `String` | `date` |
+| *Followers Count* | Total number of followers. | `Int` |
+| *Follows Count* | Total number of follows. | `Int` |
+| *Posts Count* | Total number of posts. | `Int` |
diff --git a/src/essentials-for-yootheme-pro/addons/sources/_partials/provider-linkedin.md b/src/essentials-for-yootheme-pro/addons/sources/_partials/provider-linkedin.md
new file mode 100644
index 00000000..5ab58178
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/sources/_partials/provider-linkedin.md
@@ -0,0 +1,88 @@
+## LinkedIn Source {#linkedin}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/provider-linkedin.svg-->
+</div>
+
+The **LinkedIn Source** feeds data from the [LinkedIn](https://linkedin.com/) social platform supporting Organization [Post](#linkedin-organization-post-query) and [Posts](#linkedin-organization-posts-query) queries.
+
+:::warning LinkedIn App
+In order to authenticate you will need to create a custom LinkedIn App [following this guide](../../auths/custom-linkedin-dev-app.md).
+:::
+
+<!--@include: ./common-provider-settings.md-->
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The LinkedIn account which to connect with. |
+| *Organization* | The LinkedIn Organization from which to create the source. Only organizations that the authenticated user is an administrator of will be shown. |
+
+### LinkedIn Organization Post Query
+
+Fetches a single post belonging to an organization and resolves to a [LinkedIn Post Type](#linkedin-post-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *URN* | URN of the post, in full format like `urn:li:ugcPost:1234567890`. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### LinkedIn Organization Posts Query
+
+Fetches posts belonging to an organization and resolves to a list of [LinkedIn Post Type](#linkedin-post-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Start* | The start number of posts to fetch. | `1` | &#x2713; |
+| *Count* | The maximum number of posts to fetch. | `10` | &#x2713; |
+| *Sort By* | The order by which to sort the posts, `Last Modified` or `Created`. | `Last Modified` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### LinkedIn Post Type
+
+Defines the mapping options of a LinkedIn Post object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of the content. | `String` |
+| *State* | The state of the content. | `String` |
+| *Visibility* | The visibility of the content. | `String` |
+| *Commentary* | The user generated commentary for the content. | `String` | `limit` |
+| *Created At* | The post creation date. | `String` | `date` |
+| *Published At* | The post publication date. | `String` | `date` |
+| *Modified At* | The post last modification date. | `String` | `date` |
+| *Author* | The author of the content. | [Organization](#linkedin-organization-type) |
+| *Article* | The posted content of an Article. | [Post Article](#linkedin-post-article-type) |
+| *Media* | The posted media. | [Post Media](#linkedin-post-media-type) |
+| *Images* | The posted images. | [Post Media](#linkedin-post-media-type)[] |
+
+### LinkedIn Post Article Type
+
+Defines the mapping options of a LinkedIn Post Article object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of the content. | `String` |
+
+### LinkedIn Post Media Type
+
+Defines the mapping options of a LinkedIn Post Media object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of the content. | `String` |
+| *Alt Text* | Alternative text for the media. | `String` | `limit` |
+| *URL* | URL of the media. | `String` |
+| *Type* | Type of the media content, either image or video. | `String` |
+
+### LinkedIn Organization Type
+
+Defines the mapping options of a LinkedIn Organization object.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of the organization. | `String` |
+| *Name* | The organization name. | `String` |
+| *Vanity Name* | The organization vanity name. | `String` |
+| *Description* | The organization description. | `String` | `limit` |
+| *Website* | The organization website. | `String` |
+| *Logo URL* | The organization logo URL. | `String` |
diff --git a/src/essentials-for-yootheme-pro/addons/sources/assets/provider-bluesky.svg b/src/essentials-for-yootheme-pro/addons/sources/assets/provider-bluesky.svg
new file mode 100644
index 00000000..b212ac8b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/sources/assets/provider-bluesky.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 30 27">
+  <path fill="#444" stroke="none" d="M14.999 23.503c-.11.166-.227.329-.348.486-.985 1.28-2.299 2.206-3.876 2.359-1.513.145-3.448-.401-5.661-2.673-2.18-2.235-2.47-4.55-1.518-6.396.123-.238.273-.474.451-.704-1.364-.834-2.435-2.133-2.949-3.97C.818 11.606.32 5.46.32 4.628c0-2.023.726-3.175 1.569-3.825.876-.675 2.031-.908 3.31-.67 1.264.236 2.694.969 3.818 1.812 2.128 1.597 4.37 4.3 5.982 6.678 1.612-2.377 3.854-5.08 5.982-6.678C22.104 1.103 23.534.37 24.799.135c1.279-.239 2.434-.006 3.31.668.843.651 1.57 1.803 1.57 3.826 0 .831-.5 6.976-.78 7.976-.514 1.838-1.585 3.136-2.948 3.97.178.23.327.466.45.705.952 1.845.662 4.16-1.518 6.395-2.213 2.272-4.147 2.818-5.66 2.673-1.578-.153-2.89-1.08-3.877-2.359a9.039 9.039 0 0 1-.347-.486ZM7.816 3.546C5.718 1.97 2.32.752 2.32 4.629c0 .775.444 6.506.704 7.436.905 3.234 4.204 4.06 7.138 3.56-5.13.873-6.434 3.764-3.616 6.655 5.351 5.491 7.69-1.377 8.29-3.137.11-.323.162-.474.163-.346 0-.128.052.023.162.346.6 1.759 2.94 8.628 8.29 3.137 2.818-2.891 1.514-5.782-3.615-6.655 2.934.5 6.233-.326 7.137-3.56.261-.93.705-6.661.705-7.436 0-3.877-3.399-2.658-5.497-1.083-2.907 2.181-6.034 6.607-7.182 8.982-1.148-2.375-4.275-6.8-7.183-8.982Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/sources/assets/provider-linkedin.svg b/src/essentials-for-yootheme-pro/addons/sources/assets/provider-linkedin.svg
new file mode 100644
index 00000000..59ed6e68
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/addons/sources/assets/provider-linkedin.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 30 30">
+  <path fill="#444" fill-rule="nonzero" d="M9.374 25.013H5.006V11.645h4.368v13.368ZM7.294 9.62a2.212 2.212 0 0 1-2.288-2.307A2.213 2.213 0 0 1 7.33 5.008a2.213 2.213 0 0 1 2.287 2.306 2.212 2.212 0 0 1-2.325 2.307ZM25.01 25.013h-4.387V17.7c0-1.743-.619-2.943-2.175-2.943a2.342 2.342 0 0 0-2.193 1.574 2.683 2.683 0 0 0-.15 1.07v7.61h-4.312V11.646h4.312v1.875a4.35 4.35 0 0 1 3.937-2.268c2.83 0 4.968 1.875 4.968 5.868v7.893Z"/>
+  <path fill="#444" d="M27.597.003a2.307 2.307 0 0 1 2.4 2.343v25.085a2.512 2.512 0 0 1-2.4 2.569H2.57A2.644 2.644 0 0 1 0 27.431V2.346A2.457 2.457 0 0 1 2.569.003h25.028Zm-1.685 2.006H4.232a2.127 2.127 0 0 0-2.225 2.03v21.729a2.29 2.29 0 0 0 2.225 2.225h21.68a2.176 2.176 0 0 0 2.078-2.225V4.039a1.997 1.997 0 0 0-2.078-2.03Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/addons/sources/providers.md b/src/essentials-for-yootheme-pro/addons/sources/providers.md
index 8ca944b4..c3e2dc30 100644
--- a/src/essentials-for-yootheme-pro/addons/sources/providers.md
+++ b/src/essentials-for-yootheme-pro/addons/sources/providers.md
@@ -3,6 +3,7 @@
 Each Essentials multi-instance source relies on a provider that manages the source instances and workflow. To learn more about [sources](./), refer to the corresponding documentation.
 
 <!--@include: ./_partials/provider-airtable.md-->
+<!--@include: ./_partials/provider-bluesky.md-->
 <!--@include: ./_partials/provider-cloudflare-stream.md-->
 <!--@include: ./_partials/provider-csv.md-->
 <!--@include: ./_partials/provider-database.md-->
@@ -12,6 +13,7 @@ Each Essentials multi-instance source relies on a provider that manages the sour
 <!--@include: ./_partials/provider-google-photos.md-->
 <!--@include: ./_partials/provider-google-sheets.md-->
 <!--@include: ./_partials/provider-instagram.md-->
+<!--@include: ./_partials/provider-linkedin.md-->
 <!--@include: ./_partials/provider-rss.md-->
 <!--@include: ./_partials/provider-tiktok.md-->
 <!--@include: ./_partials/provider-twitter.md-->
diff --git a/src/essentials-for-yootheme-pro/index.md b/src/essentials-for-yootheme-pro/index.md
index 1d1622a3..1bb15869 100644
--- a/src/essentials-for-yootheme-pro/index.md
+++ b/src/essentials-for-yootheme-pro/index.md
@@ -14,8 +14,9 @@ Also take a look at the specific requirements of [YOOtheme Pro](https://yootheme
 
 | Version | YOOtheme Pro | WordPress | Joomla | PHP |
 | --- | --- | --- | --- | --- |
-| Essentials v1 | 2.3/3 | 5/6 | 3.9/5 | 7.4/8.2 |
-| Essentials v2 | 4/4.4 | 5/6 | 3.9/5 | 7.4/8.3 |
+| Essentials v1 | 2/3 | 5/6 | 3.9/5 | 7.4/8.2 |
+| Essentials v2.2 | 4.4 | 5/6 | 3.9/5 | 7.4/8.3 |
+| Essentials v2.3 | 4.5+ | 5/6 | 3.9/5 | 7.4/8.3 |
 
 ## Changelog
 
diff --git a/src/essentials-for-yootheme-pro/installation.md b/src/essentials-for-yootheme-pro/installation.md
index f5609f82..8ba4e64a 100644
--- a/src/essentials-for-yootheme-pro/installation.md
+++ b/src/essentials-for-yootheme-pro/installation.md
@@ -25,7 +25,7 @@ Locate the **ZOOlanders Installer Plugin** and input the Download ID into it set
 ::: details WordPress
 Locate the **ZOOlanders Settings Panel** in Global Settings, then input the Download ID into it settings.
 
-![Download ID WordPress](/essentials-for-yootheme-pro/assets/essential-settings-wordpress.png)
+![Download ID WordPress](./assets/essential-settings-wordpress.png)
 :::
 
 ## Upgrade
diff --git a/src/essentials-for-yootheme-pro/sidebar.json b/src/essentials-for-yootheme-pro/sidebar.json
index 4ba3d4db..32779e24 100644
--- a/src/essentials-for-yootheme-pro/sidebar.json
+++ b/src/essentials-for-yootheme-pro/sidebar.json
@@ -14,6 +14,10 @@
             {
                 "text": "Updating",
                 "link": "/updating"
+            },
+            {
+                "text": "v2.2",
+                "link": "/v2.2"
             }
         ]
     },
diff --git a/src/essentials-for-yootheme-pro/updating.md b/src/essentials-for-yootheme-pro/updating.md
index c94dc90c..3e1a633c 100644
--- a/src/essentials-for-yootheme-pro/updating.md
+++ b/src/essentials-for-yootheme-pro/updating.md
@@ -18,7 +18,7 @@ In Joomla go to the Installer Options in the **Global Configuration**.
 ::: details WordPress
 In WordPress go to the **ZOOlanders Settings Panel** in Global Settings.
 
-![Minimum Stability WordPress](/essentials-for-yootheme-pro/assets/essential-settings-wordpress.png)
+![Minimum Stability WordPress](./assets/essential-settings-wordpress.png)
 :::
 
 ## Updating Essentials
diff --git a/src/essentials-for-yootheme-pro/v2.2/_data/addons.data.js b/src/essentials-for-yootheme-pro/v2.2/_data/addons.data.js
new file mode 100644
index 00000000..42ef5d2d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/_data/addons.data.js
@@ -0,0 +1,13 @@
+import { createContentLoader } from 'vitepress';
+
+export default createContentLoader('/essentials-for-yootheme-pro/addons/*/index.md', {
+    excerpt: true,
+    transform(rawData) {
+        return rawData.map((item) => {
+            return {
+                ...item.frontmatter,
+                link: item.url,
+            };
+        });
+    },
+});
diff --git a/src/essentials-for-yootheme-pro/v2.2/_data/auth-drivers.data.js b/src/essentials-for-yootheme-pro/v2.2/_data/auth-drivers.data.js
new file mode 100644
index 00000000..2c2ed9e2
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/_data/auth-drivers.data.js
@@ -0,0 +1,18 @@
+import { createContentLoader } from 'vitepress';
+
+export default createContentLoader('/essentials-for-yootheme-pro/auth-drivers/*.md', {
+    excerpt: true,
+    transform(rawData) {
+        return rawData
+            .filter((item) => !item.url?.endsWith('/'))
+            .map((item) => {
+                const name = item.frontmatter?.title?.toLowerCase().replace(/ /g, '-');
+
+                return {
+                    ...item.frontmatter,
+                    icon: `/essentials-for-yootheme-pro/auth-drivers/assets/${name}.svg`,
+                    link: item.url,
+                };
+            });
+    },
+});
diff --git a/src/essentials-for-yootheme-pro/v2.2/_data/storage-adapters.data.js b/src/essentials-for-yootheme-pro/v2.2/_data/storage-adapters.data.js
new file mode 100644
index 00000000..0afe838a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/_data/storage-adapters.data.js
@@ -0,0 +1,18 @@
+import { createContentLoader } from 'vitepress';
+
+export default createContentLoader('/essentials-for-yootheme-pro/storage/*.md', {
+    excerpt: true,
+    transform(rawData) {
+        return rawData
+            .filter((item) => !item.url?.endsWith('/'))
+            .map((item) => {
+                const name = item.frontmatter?.title?.toLowerCase().replace(/ /g, '-');
+
+                return {
+                    ...item.frontmatter,
+                    icon: `/essentials-for-yootheme-pro/storage/assets/${name}.svg`,
+                    link: item.url,
+                };
+            });
+    },
+});
diff --git a/src/essentials-for-yootheme-pro/v2.2/_partials/storage-ftp.md b/src/essentials-for-yootheme-pro/v2.2/_partials/storage-ftp.md
new file mode 100644
index 00000000..bedd96ab
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/_partials/storage-ftp.md
@@ -0,0 +1,18 @@
+## FTP Storage Adapter
+
+The **S/FTP Storage Adapter** sets a remote server folder as storage through a S/FTP protocol.
+
+![S/FTP Storage Adapter](./assets/storage-ftp.webp)
+
+| Setting | Description | Required |
+| --- | --- | :---: |
+| *Name* | A name to identify this storage. | |
+| *Host* | The URL to the server hosting the folder. | &#x2713; |
+| *Port* | The port to use for establishing the connection with the server, defualts to `21`. | |
+| *Username/Password* | The credentials for establishing the connection with the server. | &#x2713; |
+| *Root* | The remote path that will be used as the storage root. | |
+| *Write Permission* | Wether the storage will have Write in addition to Read permission. | |
+| *Passive Mode* | Wether to use Passive Mode for the connection. | |
+| *SSL* | Wether to use SSL for the connection. | |
+| *UTF8* | Wether to use UTF8 as the files content encoding format. | |
+| *Ignore Passive Address* | Wether to ignore Passive Address for the connection. | |
diff --git a/src/essentials-for-yootheme-pro/v2.2/_partials/storage-local.md b/src/essentials-for-yootheme-pro/v2.2/_partials/storage-local.md
new file mode 100644
index 00000000..b00f1be4
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/_partials/storage-local.md
@@ -0,0 +1,17 @@
+## Local Storage Adapter
+
+The **Local Storage Adapter** sets a specific folder as a storage location. This folder can either be relative to the site directory, such as `layouts`, or absolute from the server root, such as `/home/user/layouts`.
+
+The designated folder must already exist and be accessible for reading and writing by the PHP user. Typically, this means that the folder should be located within the user's home directory.
+
+![Local Storage Adapter](./assets/storage-local.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | A name to identify this storage. |
+| *Root* | The path that will be used as the storage root, e.g. `layouts` as a site relative path or `/layouts` as a server absolute. |
+| *Write Permission* | Wether the storage will have Write in addition to Read permission. |
+
+::: warning Security Reminder
+Folders within the site's root directory are publicly accessible and exposed to those who know the folder path and its contents naming, unless you [explicitly deny access to it](https://stackoverflow.com/questions/9507645/htaccess-deny-from-all).
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/_partials/storage-s3.md b/src/essentials-for-yootheme-pro/v2.2/_partials/storage-s3.md
new file mode 100644
index 00000000..d22faaaf
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/_partials/storage-s3.md
@@ -0,0 +1,14 @@
+## S3 Storage Adapter
+
+The **S3 Storage Adapter** sets an Amazon S3 Bucket as storage.
+
+![S3 Storage Adapter](./assets/storage-s3.webp)
+
+| Setting | Description | Required |
+| --- | --- | :---: |
+| *Name* | A name to identify this storage. |
+| *Account* | The AWS credentials for establishing the connection. | &#x2713; |
+| *Bucket* | The name of the Amazon S3 bucket. | &#x2713; |
+| *Region* | The region where the bucket is hosted. | &#x2713; |
+| *Root* | The path relative to the bucket that will be used as the storage root. |
+| *Write Permission* | Wether the storage will have Write in addition to Read permission. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/_partials/enable-addon.md b/src/essentials-for-yootheme-pro/v2.2/addons/_partials/enable-addon.md
new file mode 100644
index 00000000..3061f28b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/_partials/enable-addon.md
@@ -0,0 +1,17 @@
+::: tip Requirements
+Make sure Essentials for YOOtheme Pro is [installed](/essentials-for-yootheme-pro/installation) and _{{ $frontmatter.addon }} Addon_ enabled.
+:::
+
+::: details How to enable {{ $frontmatter.addon }} Addon
+
+Open the _Customizer -> Essentials -> Advanced_ panel and spot the **{{ $frontmatter.addon }} Addon** checkbox. If is off, enable it, save the changes and refresh the page.
+
+<small v-if="$frontmatter.addon !== 'Elements'">
+
+Notice that **{{ $frontmatter.addon }}** is a premium addon not available in Essentials free release.
+
+</small>
+
+![Enable {{ $frontmatter.addon }} Addon](./assets/enable-addon.gif)
+
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/advanced-rule-settings.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/advanced-rule-settings.md
new file mode 100644
index 00000000..63d0072c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/advanced-rule-settings.md
@@ -0,0 +1,3 @@
+| *Advanced* | Advanced Tab settings. |
+| -- *Name* | The name to reference this condition. |
+| -- *Status* | Defines if the condition is `enabled` or `disabled`. | &#x2713; |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-browser.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-browser.md
new file mode 100644
index 00000000..fee678ce
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-browser.md
@@ -0,0 +1,30 @@
+---
+title: Browser
+description: Validates against the browser
+collection: Device
+---
+
+## Browser Rule {#browser}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-browser.svg-->
+</div>
+
+The **Browser Rule** evaluates whether the browser agent matches one of the specified patterns, e.g. `Firefox 90`.
+
+Supported browsers:
+
+- Desktop: _Chrome_, _Firefox_, _Opera_, _Safari_, _Edge_, _MSIE_.
+- Mobile: _Android_, _iPad_, _iPhone_, _iPod_, _Blackberry_, _IEMobile_, _NetFront_, _NokiaBrowser_, _Opera Mini_, _Opera Mobi_, _UC Browser_.
+
+::: warning Limited Detection
+Notice that browser detection is not always accurate, users can setup their browser to mimic other agents.
+:::
+
+![Browser Rule Settings](./assets/rules/rule-browser.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The browsers list with optional version range that the browser agent must match for the condition to be considered valid. Separate the entries with a comma and/or new line, e.g `Chrome, Firefox 60-70`. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-date.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-date.md
new file mode 100644
index 00000000..3ea0e101
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-date.md
@@ -0,0 +1,20 @@
+---
+title: Date
+collection: Date & Time
+---
+
+## Date Rule {#date}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-date.svg-->
+</div>
+
+The **Date Rule** evaluates whether the current date matches a specified date range.
+
+![Date Rule Settings](./assets/rules/rule-date.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *From/Until* | The range of date in `Y-m-d` format that the current date must constrain to for the condition to be considered valid. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-datetime.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-datetime.md
new file mode 100644
index 00000000..1a34150b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-datetime.md
@@ -0,0 +1,21 @@
+---
+title: Datetime
+description: Validates against the current date & time
+collection: Date & Time
+---
+
+## Datetime Rule {#datetime}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-datetime.svg-->
+</div>
+
+The **Datetime Rule** evaluates whether the current date & time matches the specified datetime range.
+
+![Datetime Rule Settings](./assets/rules/rule-datetime.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *From/Until* | The range of date & time in `Y-m-d H:i` format that the current time must constrain to for the condition to be considered valid. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-day.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-day.md
new file mode 100644
index 00000000..d0c277b5
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-day.md
@@ -0,0 +1,21 @@
+---
+title: Day
+description: Validates against the current day
+collection: Date & Time
+---
+
+## Day Rule {#day}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-day.svg-->
+</div>
+
+The **Day Rule** evaluates whether the current day matches one of the selected days.
+
+![Day Rule Settings](./assets/rules/rule-day.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The days that the current day must match, at least one, for the condition to be considered valid. Timezone from Site configuration is automatically applied. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-device.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-device.md
new file mode 100644
index 00000000..3ed0c718
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-device.md
@@ -0,0 +1,25 @@
+---
+title: Device
+description: Validates against the device type
+collection: Device
+---
+
+## Device Rule {#device}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-device.svg-->
+</div>
+
+The **Device Rule** evaluates whether the browser agent matches one of the selected device types, _Mobile_, _Table_, or _Desktop_.
+
+::: warning Limited Detection
+Notice that browser detection is not always accurate, users can setup their browser to mimic other agents.
+:::
+
+![Device Rule Settings](./assets/rules/rule-device.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The device types that the browser agent must match, at least one, for the condition to be considered valid. . | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-dynamic.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-dynamic.md
new file mode 100644
index 00000000..52ae2c04
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-dynamic.md
@@ -0,0 +1,23 @@
+---
+title: Dynamic
+description: Validates against dynamic content
+collection: Misc
+---
+
+## Dynamic Rule {#dynamic}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-dynamic.svg-->
+</div>
+
+The **Dynamic Rule** determines whether a given value satisfies a specific set of conditions. This Rule is versatile and can be applied to multiple scenarios as both the value and the condition value can be set either static or dynamic.
+
+![Dynamic Rule Settings](./assets/rules/rule-dynamic.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Value* | The value that must validate for the condition to be considered valid. | &#x2713; | &#x2713; |
+| *Evaluation* | The logic that will be applied to the specified value, _Is empty_, _Includes_, _Equals to_, _Greater than_, _Starts with_ or _Ends with_. | &#x2713; |
+| *Evaluation Value* | The value that the main value will be evaluated with, if required by the evaluation logic. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-ip-address.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-ip-address.md
new file mode 100644
index 00000000..67fc716a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-ip-address.md
@@ -0,0 +1,21 @@
+---
+title: IP Address
+description: Validates against the IP Address
+collection: Device
+---
+
+## IP Address Rule {#ip-address}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-ip-address.svg-->
+</div>
+
+The **IP Address Rule** evaluates whether the device ip address matches one of the specified patterns.
+
+![IP Address Rule Settings](./assets/rules/rule-ip-address.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The IP Address list with optional range that the device must match for the condition to be considered valid. Separate the entries with a comma and/or new line, e.g `127.0.0.1, 128.0-129.1`. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-ip-geolocation.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-ip-geolocation.md
new file mode 100644
index 00000000..c82b5b6b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-ip-geolocation.md
@@ -0,0 +1,24 @@
+---
+title: IP Geolocation
+description: Validates against the IP location
+collection: Device
+---
+
+## IP Geolocation Rule {#ip-geolocation}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-ip-geolocation.svg-->
+</div>
+
+The **IP Geolocation Rule** evaluates whether the device ip location, determined by [MaxMind GeoIp Database](/essentials-for-yootheme-pro/settings#geoip-database), matches one of the specified patterns.
+
+![IP Geolocation Rule Settings](./assets/rules/rule-ip-geolocation.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Continents* | The list of continents that the IP location must constraint to for the condition to be considered valid. International names and two letter codes are supported. Separate the entries with a comma and/or new line, e.g. `Africa, AU`. | &#x2713; |
+| *Countries* | The list of countries that the IP location must constraint to for the condition to be considered valid. International names and [ISO Codes](https://www.iso.org/iso-3166-country-codes.html) are supported. Separate the entries with a comma and/or new line, e.g. `Spain, DE`. | &#x2713; |
+| *Cities* | The list of cities that the IP location must constraint to for the condition to be considered valid. International names are supported. Separate the entries with a comma and/or new line, e.g. `Barcelona, Hamburg`. | &#x2713; |
+| *Postal Codes* | The list of postal codes that the IP location must constraint to for the condition to be considered valid. Separate the entries with a comma and/or new line, e.g. `55455, 55456`. | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-language.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-language.md
new file mode 100644
index 00000000..d4be14e3
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-language.md
@@ -0,0 +1,21 @@
+---
+title: Language
+description: Validates against the site's language
+collection: Site
+---
+
+## Language Rule {#language}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-language.svg-->
+</div>
+
+The **Language Rule** evaluates whether the site language matches one of the selected languages.
+
+![Language Rule Settings](./assets/rules/rule-language.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The languages that the site must match, at least one, for the condition to be considered valid. Only the installed languages will be listed. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-month.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-month.md
new file mode 100644
index 00000000..c725f916
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-month.md
@@ -0,0 +1,21 @@
+---
+title: Month
+description: Validates against the current month
+collection: Date & Time
+---
+
+## Month Rule {#month}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-month.svg-->
+</div>
+
+The **Month Rule** evaluates whether the current month matches one of the selected months.
+
+![Month Rule Settings](./assets/rules/rule-month.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The months that the current month must match, at least one, for the condition to be considered valid. Timezone from Site configuration is automatically applied. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-operating-system.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-operating-system.md
new file mode 100644
index 00000000..bc4072c1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-operating-system.md
@@ -0,0 +1,27 @@
+---
+title: Operating System
+description: Validates against the operating system
+collection: Device
+---
+
+## Operating System Rule {#operating-system}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-operating-system.svg-->
+</div>
+
+The **Operating System Rule** evaluates whether the browser agent matches one of the specified patterns, e.g. `MacOS 10.1`.
+
+Supported OS: _Mac OS X_, _Mac OS Classic_, _Linux_, _Open BSD_, _Sun OS_, _QNX_, _BeOS_, _OS/2_, _Windows_, _Windows Vista_, _Windows Server 2003_, _Windows XP_, _Windows 2000 sp1_, _Windows 2000_, _Windows NT_, _Windows Me_, _Windows 98_, _Windows 95_, _Windows CE_.
+
+::: warning Limited Detection
+Notice that browser detection is not always accurate, users can setup their browser to mimic other agents.
+:::
+
+![Operating System Rule Settings](./assets/rules/rule-os.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The Operating System list with optional version range that the browser agent must match for the condition to be considered valid. Separate the entries with a comma and/or new line, e.g `Windows, Mac OS X 10.2-10`. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-season.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-season.md
new file mode 100644
index 00000000..4a5221f8
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-season.md
@@ -0,0 +1,22 @@
+---
+title: Season
+description: Validates against the current season
+collection: Date & Time
+---
+
+## Season Rule {#season}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-season.svg-->
+</div>
+
+The **Season Rule** evaluates whether the current season matches one of the selected seasons.
+
+![Season Rule Settings](./assets/rules/rule-season.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The seasons that the current season must match, at least one, for the condition to be considered valid. Timezone from Site configuration is automatically applied. | &#x2713; | &#x2713; |
+| *Hemisphere* | The hemisphere from which to calculate the current season. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-time.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-time.md
new file mode 100644
index 00000000..ecb95714
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-time.md
@@ -0,0 +1,21 @@
+---
+title: Time
+description: Validates against the current time
+collection: Date & Time
+---
+
+## Time Rule {#time}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-time.svg-->
+</div>
+
+The **Time Rule** evaluates whether the current time matches the specified time range.
+
+![Time Rule Settings](./assets/rules/rule-time.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *From/Until* | The range of time in `H:i` format that the current time must constrain to for the condition to be considered valid. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-url.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-url.md
new file mode 100644
index 00000000..d9a89dee
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-url.md
@@ -0,0 +1,22 @@
+---
+title: URL
+description: Validates against the site's URL
+collection: Site
+---
+
+## URL Rule {#url}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-url.svg-->
+</div>
+
+The **URL Rule** evaluates whether the site URL matches one of the specified patterns.
+
+![URL Rule Settings](./assets/rules/rule-url.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Patterns* | The list of patterns that the Site URL must match for the condition to be considered valid. Separate the entries with a comma and/or new line, e.g `localhost, about/team`. | &#x2713; | &#x2713; |
+| *Use RegExp* | Whether to enable [Regular Expressions](https://regex101.com) in the patterns. | | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user-group.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user-group.md
new file mode 100644
index 00000000..55a9477b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user-group.md
@@ -0,0 +1,26 @@
+---
+title: User Group
+description: Validates against the current user's group
+collection: Site
+---
+
+## User Group Rule {#user-group}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-user-group.svg-->
+</div>
+
+The **User Group Rule** evaluates whether the current user is part of the selected user groups.
+
+::: warning Joomla Specific Rule
+Notice that this rule is specific to the Joomla platform.
+:::
+
+![User Group Rule Settings](./assets/rules/rule-user-group.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The groups that the user must match, at least one, for the condition to be considered valid. | &#x2713; | &#x2713; |
+| *Match All* | Whether all groups must be matched for the validation to pass. |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user-level.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user-level.md
new file mode 100644
index 00000000..7a5b6baf
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user-level.md
@@ -0,0 +1,22 @@
+---
+title: User Level
+description: Validates against current user access/role
+collection: Site
+---
+
+## User Level Rule {#user-level}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-user-level.svg-->
+</div>
+
+The **User Level Rule** evaluates whether the current user's access or role level matches one of the selection.
+
+![User Level Rule Settings](./assets/rules/rule-user-level.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The Access or Role levels that the user must match, at least one, for the condition to be considered valid. | &#x2713; | &#x2713; |
+| *Match All* | Whether all levels must be matched for the validation to pass. |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user.md
new file mode 100644
index 00000000..e5943fa5
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-user.md
@@ -0,0 +1,21 @@
+---
+title: User
+description: Validates against current user
+collection: Site
+---
+
+## User Rule {#user}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-user.svg-->
+</div>
+
+The **User Rule** evaluates whether the current user's `id` or `username` matches one of the selection.
+
+![User Rule Settings](./assets/rules/rule-user.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The ids or usernames that the user must match, at least one, for the condition to be considered valid. Separate the entries with a comma and/or new line, e.g `346, johndoe`. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-week.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-week.md
new file mode 100644
index 00000000..62b8f531
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/_partials/rule-week.md
@@ -0,0 +1,21 @@
+---
+title: Week
+description: Validates against the current week
+collection: Date & Time
+---
+
+## Week Rule {#week}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/rules/rule-week.svg-->
+</div>
+
+The **Week Rule** evaluates whether the current week of the year matches one of the patterns.
+
+![Week Rule Settings](./assets/rules/rule-week.webp)
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Selection* | The list or range of weeks in a year that the current week must match, considering that in average a year has 52 weeks and the week starts in Monday. Separate the entries with a comma and/or new line, e.g `2, 5-8`. | &#x2713; | &#x2713; |
+| *Reversed* | Whether the evaluation result should be returned reversed. Use it to set a condition as `IS NOT`. | | &#x2713; |
+<!--@include: ./advanced-rule-settings-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-addon.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-addon.webp
new file mode 100644
index 00000000..f0138b47
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-addon.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-evaluation.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-evaluation.webp
new file mode 100644
index 00000000..ef0bf1b0
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-evaluation.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-log.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-log.webp
new file mode 100644
index 00000000..11233537
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-log.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-logs.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-logs.webp
new file mode 100644
index 00000000..e5328a06
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-logs.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-rules.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-rules.webp
new file mode 100644
index 00000000..5e60c021
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition-rules.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition.webp
new file mode 100644
index 00000000..be23e3d2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/access-condition.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/compose-condition.gif b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/compose-condition.gif
new file mode 100644
index 00000000..1117720c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/compose-condition.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/enable-addon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/enable-addon.gif
new file mode 100644
index 00000000..b4ff9995
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/enable-addon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/open-condition-panel.gif b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/open-condition-panel.gif
new file mode 100644
index 00000000..d06845bd
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/open-condition-panel.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/review-evaluation-logs.gif b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/review-evaluation-logs.gif
new file mode 100644
index 00000000..1c32df7b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/review-evaluation-logs.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-browser.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-browser.svg
new file mode 100644
index 00000000..13eed443
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-browser.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M1 4.151c0-1.186.915-2.148 2.042-2.148h23.916c1.127 0 2.042.962 2.042 2.148l-.01 21.552c0 1.179-.87 2.3-1.99 2.3H2.997c-1.12 0-2.009-1.128-2.009-2.306L1 4.15zm2.286-.167a.301.301 0 00-.292.307l.003 1.986 4.42.022.003-2.315H3.286zm5.896 0L9.167 6.3h4.666V3.984H9.182zm6.401 0V6.3H27V4.29a.3.3 0 00-.292-.307H15.583zM27 8.14L2.997 8.121l-.012 17.576a.3.3 0 00.292.307h23.421c.16 0 .292-.139.292-.307L27 8.14z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-browser.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-browser.webp
new file mode 100644
index 00000000..01b7bb78
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-browser.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-customizer.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-customizer.svg
new file mode 100644
index 00000000..c3f68198
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-customizer.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" clip-rule="evenodd" viewBox="0 0 24 26">
+  <circle cx="9.997" cy="10" r="3.31" fill="none" stroke="#444" stroke-width="1.61" transform="translate(-.86 .215) scale(1.2785)"/>
+  <path fill="none" stroke="#444" stroke-width="2" d="m22.777 15.921-2.92 5.053c-1.128-.947-2.582-1.222-3.71-.57-1.118.636-1.605 2.022-1.35 3.463H9.028c.26-1.44-.233-2.814-1.344-3.463-1.129-.666-2.594-.383-3.722.57l-2.906-5.053c1.372-.529 2.323-1.644 2.323-2.933-.015-1.292-.95-2.39-2.323-2.908l2.896-5.027c1.125.936 2.594 1.22 3.736.573 1.11-.652 1.6-2.04 1.34-3.493h5.789c-.244 1.453.227 2.825 1.344 3.477 1.14.652 2.594.379 3.721-.544l2.892 5.011c-1.384.516-2.334 1.63-2.323 2.934.003 1.29.953 2.393 2.325 2.91Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-date.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-date.svg
new file mode 100644
index 00000000..3d1ca80c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-date.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M19.875 12.563c0-.446.367-.813.813-.813h1.625c.445 0 .812.367.812.813v1.624a.817.817 0 01-.813.813h-1.625a.817.817 0 01-.812-.813v-1.624z"/>
+    <path stroke="none" d="M7.688 2c.445 0 .812.367.812.813v.812h13v-.813c0-.445.367-.812.813-.812.445 0 .812.367.812.813v.812h1.625A3.265 3.265 0 0128 6.875V24.75A3.265 3.265 0 0124.75 28H5.25A3.265 3.265 0 012 24.75V6.875a3.265 3.265 0 013.25-3.25h1.625v-.813c0-.445.367-.812.813-.812zM3.625 8.5v16.25c0 .891.734 1.625 1.625 1.625h19.5c.891 0 1.625-.734 1.625-1.625V8.5H3.625z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-date.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-date.webp
new file mode 100644
index 00000000..6c64585e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-date.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-datetime.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-datetime.svg
new file mode 100644
index 00000000..761a80a9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-datetime.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444" fill="#444">
+    <path stroke="none" d="M19.875 23.446c0-.826.207-1.592.616-2.293a4.56 4.56 0 0 1 1.665-1.665 4.44 4.44 0 0 1 2.285-.612 4.6 4.6 0 0 1 3.225 1.333c.41.405.733.891.972 1.459.24.567.36 1.154.36 1.778a4.49 4.49 0 0 1-.36 1.77 4.554 4.554 0 0 1-.972 1.455c-.405.405-.891.73-1.455.968-.563.24-1.15.361-1.77.361a4.624 4.624 0 0 1-3.237-1.333 4.586 4.586 0 0 1-.972-1.45 4.39 4.39 0 0 1-.357-1.77zm1.005 0c0 .96.348 1.795 1.049 2.504.701.7 1.536 1.05 2.512 1.05.64 0 1.236-.159 1.778-.479a3.6 3.6 0 0 0 1.301-1.296c.32-.547.482-1.139.482-1.779a3.47 3.47 0 0 0-.482-1.782 3.574 3.574 0 0 0-1.3-1.301 3.456 3.456 0 0 0-1.779-.478c-.64 0-1.236.158-1.779.478a3.65 3.65 0 0 0-1.304 1.3 3.431 3.431 0 0 0-.478 1.783zm3.209 0v-2.698a.33.33 0 0 1 .097-.24.327.327 0 0 1 .239-.096c.093 0 .174.032.239.097a.327.327 0 0 1 .097.239v2.492l1.455.846a.33.33 0 0 1 .153.207.304.304 0 0 1-.036.251.315.315 0 0 1-.292.17.281.281 0 0 1-.17-.048l-1.548-.904a.334.334 0 0 1-.17-.117.308.308 0 0 1-.064-.199z"/>
+    <path stroke="none" d="M19.309 27.247a.753.753 0 0 1-.753.753H5.25A3.265 3.265 0 0 1 2 24.75V6.875a3.265 3.265 0 0 1 3.25-3.25h1.625v-.812c0-1.05 1.625-1.05 1.625 0v.812h13v-.812c0-1.05 1.625-1.05 1.625 0v.812h1.625A3.265 3.265 0 0 1 28 6.875v10.721a.787.787 0 0 1-.787.787h-.014a.824.824 0 0 1-.824-.824V8.5H3.625v16.25c0 .891.734 1.625 1.625 1.625h13.264c.439 0 .795.356.795.796v.076z"/>
+    <path stroke="none" d="M19.875 12.563c0-.446.367-.813.813-.813h1.625c.445 0 .812.367.812.813v1.624a.816.816 0 0 1-.813.813h-1.625a.817.817 0 0 1-.812-.813v-1.624z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-datetime.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-datetime.webp
new file mode 100644
index 00000000..c63da8d4
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-datetime.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-day.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-day.svg
new file mode 100644
index 00000000..8dfd37c0
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-day.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#444" fill="#444">
+    <path stroke="none" d="M9.611 20.725v-3.738h3.675v-.99H9.61v-2.945h4.004v-.992H8.5v8.665h1.112zm5.356 0h1.099v-4.133c0-.9.369-1.636 1.549-1.636.203 0 .419.007.534.025v-.997a2.924 2.924 0 00-.413-.032c-.945 0-1.447.52-1.644.921h-.033v-.819h-1.092v6.67zm4.559-8.276a.69.69 0 00.732.691.699.699 0 00.695-.695.699.699 0 00-.695-.696l-.034.001h-.006a.695.695 0 00-.692.692v.007zm.152 8.276h1.092v-6.67h-1.092v6.67z"/>
+    <path stroke="none" d="M7.688 2c.445 0 .812.367.812.813v.812h13v-.813c0-.445.367-.812.813-.812.445 0 .812.367.812.813v.812h1.625A3.265 3.265 0 0128 6.875V24.75A3.265 3.265 0 0124.75 28H5.25A3.265 3.265 0 012 24.75V6.875a3.265 3.265 0 013.25-3.25h1.625v-.813c0-.445.367-.812.813-.812zM3.625 8.5v16.25c0 .891.734 1.625 1.625 1.625h19.5c.891 0 1.625-.734 1.625-1.625V8.5H3.625z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-day.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-day.webp
new file mode 100644
index 00000000..3e807580
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-day.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-device.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-device.svg
new file mode 100644
index 00000000..b63b4363
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-device.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="2" d="M2.246 7.348c0-1.4 1.152-2.551 2.55-2.551h20.407c1.4 0 2.55 1.151 2.55 2.55v11.48c0 1.398-1.15 2.55-2.55 2.55H4.797c-1.4 0-2.55-1.152-2.55-2.55V7.346zM9.9 25.203H20.1"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-device.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-device.webp
new file mode 100644
index 00000000..657d7fd7
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-device.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic-usecase-date.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic-usecase-date.webp
new file mode 100644
index 00000000..13b1a2f0
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic-usecase-date.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic.svg
new file mode 100644
index 00000000..16633dd6
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke-width=".5" d="M15 2C9 2 4.475 4.044 4.475 6.755V23.24c0 2.71 4.525 4.758 10.525 4.758s10.525-2.042 10.525-4.758V6.754C25.525 4.043 21 2 15 2zm9.225 15.745c0 1.634-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459V14.61c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zm0-5.496c0 1.634-3.788 3.46-9.225 3.46-5.437 0-9.225-1.82-9.225-3.46V9.114c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zM15 3.3c5.437 0 9.225 1.82 9.225 3.459 0 1.64-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459C5.775 5.119 9.563 3.3 15 3.3zm0 23.394c-5.437 0-9.225-1.82-9.225-3.458V20.1c1.761 1.453 5.15 2.397 9.225 2.397 4.074 0 7.47-.944 9.225-2.397v3.135c0 1.639-3.788 3.458-9.225 3.458z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic.webp
new file mode 100644
index 00000000..0d7379ff
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-dynamic.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-address.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-address.svg
new file mode 100644
index 00000000..d930c480
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-address.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M6.615 15a8.925 8.925 0 01-.282-2.167c.005-.73.1-1.458.282-2.166h3.662a17.823 17.823 0 00-.152 2.166c.007.725.057 1.448.152 2.167h2.188a15.958 15.958 0 01-.173-2.167c.008-.725.065-1.449.173-2.166h5.07c.108.717.165 1.441.173 2.166-.008.726-.066 1.45-.173 2.167h2.188c.095-.719.145-1.442.152-2.167a17.823 17.823 0 00-.152-2.166h3.662c.182.708.277 1.435.282 2.166A8.925 8.925 0 0123.385 15l2.448 1.083v-3.25C25.833 6.89 20.943 2 15 2 9.057 2 4.167 6.89 4.167 12.833v3.25L6.615 15zm15.882-6.5H19.3a16.953 16.953 0 00-1.495-3.857 8.703 8.703 0 014.69 3.857zM15 4.21a15.27 15.27 0 012.07 4.29h-4.14A15.27 15.27 0 0115 4.21zm-2.806.433A16.953 16.953 0 0010.7 8.5H7.503a8.657 8.657 0 014.691-3.857z"/>
+    <path stroke="none" d="M24.75 17.167v8.666H5.25v-8.666h19.5m0-2.167H5.25a2.177 2.177 0 00-2.167 2.167v8.666c0 1.19.978 2.167 2.167 2.167h19.5a2.177 2.177 0 002.167-2.167v-8.666A2.177 2.177 0 0024.75 15z"/>
+    <path stroke="none" d="M10.732 18.333h1.998v6.444h-1.998zM14.145 18.333h3.312c.72 0 1.26.17 1.62.513.36.342.54.837.54 1.467 0 .648-.198 1.16-.585 1.52-.396.37-.99.55-1.791.55h-1.098v2.394h-1.998v-6.444zm1.998 2.745h.495c.378 0 .648-.063.8-.198a.631.631 0 00.235-.513.72.72 0 00-.198-.513c-.135-.144-.387-.207-.765-.207h-.567v1.43z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-address.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-address.webp
new file mode 100644
index 00000000..40ebbc39
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-address.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-geolocation.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-geolocation.svg
new file mode 100644
index 00000000..d930c480
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-geolocation.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M6.615 15a8.925 8.925 0 01-.282-2.167c.005-.73.1-1.458.282-2.166h3.662a17.823 17.823 0 00-.152 2.166c.007.725.057 1.448.152 2.167h2.188a15.958 15.958 0 01-.173-2.167c.008-.725.065-1.449.173-2.166h5.07c.108.717.165 1.441.173 2.166-.008.726-.066 1.45-.173 2.167h2.188c.095-.719.145-1.442.152-2.167a17.823 17.823 0 00-.152-2.166h3.662c.182.708.277 1.435.282 2.166A8.925 8.925 0 0123.385 15l2.448 1.083v-3.25C25.833 6.89 20.943 2 15 2 9.057 2 4.167 6.89 4.167 12.833v3.25L6.615 15zm15.882-6.5H19.3a16.953 16.953 0 00-1.495-3.857 8.703 8.703 0 014.69 3.857zM15 4.21a15.27 15.27 0 012.07 4.29h-4.14A15.27 15.27 0 0115 4.21zm-2.806.433A16.953 16.953 0 0010.7 8.5H7.503a8.657 8.657 0 014.691-3.857z"/>
+    <path stroke="none" d="M24.75 17.167v8.666H5.25v-8.666h19.5m0-2.167H5.25a2.177 2.177 0 00-2.167 2.167v8.666c0 1.19.978 2.167 2.167 2.167h19.5a2.177 2.177 0 002.167-2.167v-8.666A2.177 2.177 0 0024.75 15z"/>
+    <path stroke="none" d="M10.732 18.333h1.998v6.444h-1.998zM14.145 18.333h3.312c.72 0 1.26.17 1.62.513.36.342.54.837.54 1.467 0 .648-.198 1.16-.585 1.52-.396.37-.99.55-1.791.55h-1.098v2.394h-1.998v-6.444zm1.998 2.745h.495c.378 0 .648-.063.8-.198a.631.631 0 00.235-.513.72.72 0 00-.198-.513c-.135-.144-.387-.207-.765-.207h-.567v1.43z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-geolocation.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-geolocation.webp
new file mode 100644
index 00000000..fffd783b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-ip-geolocation.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-language.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-language.svg
new file mode 100644
index 00000000..3bcc541e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-language.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M18.525 2H1.78v16.746h9.695V28H28.22V11.254h-9.695V2zM9.068 5.966L6.302 13.86h1.867l.45-1.284h2.856v4.407H3.542V3.763h13.22v7.491H13.09l-1.852-5.288h-2.17zm2 4.848H9.237l.916-2.613.915 2.613zm15.39 2.203v13.22h-13.22v-13.22h13.22z"/>
+    <path stroke="none" d="M18.384 20.976c.169.27.354.53.556.777-.64.345-1.365.517-2.177.518v1.763c1.33 0 2.518-.353 3.525-1.037 1.008.684 2.196 1.037 3.526 1.037V22.27c-.811 0-1.537-.173-2.177-.518.201-.247.387-.507.555-.777a9.16 9.16 0 001.107-2.67h.955v-1.764H21.17V15.22h-1.762v1.322h-3.085v1.763h.955a9.16 9.16 0 001.107 2.67zm3.09-2.67a7.33 7.33 0 01-.777 1.735c-.124.2-.26.393-.409.576a5.703 5.703 0 01-.382-.532 7.31 7.31 0 01-.804-1.78h2.372z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-language.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-language.webp
new file mode 100644
index 00000000..0f597449
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-language.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-month.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-month.svg
new file mode 100644
index 00000000..f54c2d0e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-month.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#444" fill="#444">
+    <path stroke="none" d="M6.16 20.415l.877-2.604h3.225l.877 2.604h1.167L9.22 11.75h-1.13l-3.085 8.665H6.16zm2.509-7.357l1.294 3.86H7.337l1.3-3.86h.032zm9.337.686h-1.098v4.132c0 1.06-.673 1.663-1.632 1.663-.876 0-1.592-.4-1.592-1.645v-4.15h-1.099v4.462c0 1.53.985 2.316 2.361 2.316 1.066 0 1.695-.455 1.93-.983h.045v.875h1.085v-6.67zm3.67 8.2c-.915 0-1.48-.494-1.601-1.034h-1.117c.153 1.11 1.016 1.949 2.711 1.949 1.511 0 2.837-.857 2.837-2.565v-6.55h-1.054v.94h-.031c-.31-.566-1.035-1.04-1.942-1.04-1.568 0-2.665 1.103-2.665 3.064v.552c0 2 1.11 3.091 2.665 3.091.907 0 1.638-.476 1.904-1.053h.033v.983c0 1.048-.688 1.663-1.74 1.663zm.013-7.362c1.052 0 1.725.857 1.725 2.209v.41c0 1.379-.634 2.217-1.726 2.217-1.124 0-1.784-.832-1.784-2.216v-.411c0-1.41.66-2.21 1.784-2.21v.001z"/>
+    <path stroke="none" d="M7.688 2c.445 0 .812.367.812.813v.812h13v-.813c0-.445.367-.812.813-.812.445 0 .812.367.812.813v.812h1.625A3.265 3.265 0 0128 6.875V24.75A3.265 3.265 0 0124.75 28H5.25A3.265 3.265 0 012 24.75V6.875a3.265 3.265 0 013.25-3.25h1.625v-.813c0-.445.367-.812.813-.812zM3.625 8.5v16.25c0 .891.734 1.625 1.625 1.625h19.5c.891 0 1.625-.734 1.625-1.625V8.5H3.625z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-month.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-month.webp
new file mode 100644
index 00000000..6d967a01
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-month.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-operating-system.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-operating-system.svg
new file mode 100644
index 00000000..d8710043
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-operating-system.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M8.402 12.745c0-1.053.297-1.872.882-2.457.585-.585 1.404-.882 2.448-.882 1.07 0 1.899.288 2.475.864.585.576.873 1.377.873 2.421 0 .747-.126 1.368-.378 1.854a2.753 2.753 0 01-1.098 1.125c-.477.261-1.08.396-1.791.396-.73 0-1.332-.117-1.81-.342-.476-.234-.854-.603-1.151-1.098-.297-.504-.45-1.134-.45-1.88zm1.998.01c0 .647.117 1.115.36 1.394.243.288.567.432.99.432.423 0 .756-.144.99-.423.234-.279.35-.774.35-1.494 0-.612-.125-1.053-.368-1.332-.243-.279-.576-.423-.99-.423-.405 0-.73.144-.972.432-.243.28-.36.756-.36 1.413zM15.809 13.825l1.89-.117c.045.306.126.54.252.702.207.261.495.396.882.396.279 0 .504-.072.657-.207a.583.583 0 00.225-.459c0-.17-.072-.315-.216-.45-.144-.135-.486-.252-1.017-.369-.873-.198-1.503-.459-1.872-.783a1.585 1.585 0 01-.558-1.25c0-.325.09-.64.288-.937.189-.297.477-.522.864-.693.387-.17.909-.252 1.584-.252.819 0 1.449.153 1.881.46.432.305.693.791.774 1.457l-1.881.117c-.045-.297-.153-.504-.315-.639-.162-.126-.378-.198-.657-.198-.234 0-.405.054-.522.153a.452.452 0 00-.18.351c0 .108.045.198.144.28.099.09.315.161.666.242.873.18 1.494.37 1.872.567.378.19.648.432.828.711.171.288.252.603.252.954 0 .414-.117.792-.342 1.143a2.124 2.124 0 01-.954.792c-.414.18-.927.27-1.557.27-1.098 0-1.854-.207-2.277-.63-.423-.423-.657-.963-.711-1.61z"/>
+    <path fill="none" stroke-width="2" d="M2.246 7.348c0-1.4 1.152-2.551 2.55-2.551h20.407c1.4 0 2.55 1.151 2.55 2.55v11.48c0 1.398-1.15 2.55-2.55 2.55H4.797c-1.4 0-2.55-1.152-2.55-2.55V7.346zM9.9 25.203H20.1"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-os.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-os.webp
new file mode 100644
index 00000000..1871e4da
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-os.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-season.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-season.svg
new file mode 100644
index 00000000..18db60ff
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-season.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#444" fill="#444">
+    <path stroke="none" d="M16.625 12.563c0-.892.734-1.626 1.625-1.626h8.125v3.25H18.25a1.633 1.633 0 01-1.625-1.624zm-13 3.25h6.5c.891 0 1.625.733 1.625 1.624 0 .892-.734 1.625-1.625 1.625h-6.5v-3.25z"/>
+    <path stroke="none" d="M7.688 2c.445 0 .812.367.812.813v.812h13v-.813c0-.445.367-.812.813-.812.445 0 .812.367.812.813v.812h1.625A3.265 3.265 0 0128 6.875V24.75A3.265 3.265 0 0124.75 28H5.25A3.265 3.265 0 012 24.75V6.875a3.265 3.265 0 013.25-3.25h1.625v-.813c0-.445.367-.812.813-.812zM3.625 8.5v16.25c0 .891.734 1.625 1.625 1.625h19.5c.891 0 1.625-.734 1.625-1.625V8.5H3.625z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-season.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-season.webp
new file mode 100644
index 00000000..c92435cd
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-season.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-time.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-time.svg
new file mode 100644
index 00000000..7ad740d1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-time.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M2.034 15.023c0-2.349.587-4.525 1.75-6.518a12.955 12.955 0 014.733-4.733c1.992-1.162 4.157-1.738 6.495-1.738 1.75 0 3.43.345 5.032 1.025 1.6.679 2.97 1.612 4.134 2.763 1.163 1.152 2.084 2.534 2.763 4.146a12.833 12.833 0 011.025 5.055c0 1.75-.345 3.431-1.025 5.032a12.944 12.944 0 01-2.763 4.134c-1.152 1.152-2.534 2.073-4.134 2.752a12.73 12.73 0 01-5.032 1.025c-1.762 0-3.455-.345-5.056-1.025a13.142 13.142 0 01-4.145-2.763c-1.163-1.152-2.073-2.534-2.764-4.123-.69-1.589-1.013-3.27-1.013-5.032zm2.856 0c0 2.73.99 5.101 2.982 7.117 1.992 1.992 4.364 2.982 7.14 2.982 1.819 0 3.512-.45 5.055-1.359 1.543-.91 2.787-2.13 3.696-3.685a9.829 9.829 0 001.37-5.055 9.87 9.87 0 00-1.37-5.067 10.158 10.158 0 00-3.696-3.696A9.822 9.822 0 0015.012 4.9c-1.82 0-3.513.45-5.056 1.359a10.374 10.374 0 00-3.708 3.696c-.92 1.555-1.358 3.247-1.358 5.067zm9.12 0V7.354a.93.93 0 01.276-.68.93.93 0 01.68-.276.93.93 0 01.679.276.93.93 0 01.276.68v7.082l4.134 2.406a.94.94 0 01.438.588.865.865 0 01-.104.714.897.897 0 01-.829.483.8.8 0 01-.484-.138l-4.399-2.568a.95.95 0 01-.483-.334.875.875 0 01-.184-.564z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-time.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-time.webp
new file mode 100644
index 00000000..af316fbb
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-time.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-url.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-url.svg
new file mode 100644
index 00000000..ea394192
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-url.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M6.615 15a8.925 8.925 0 01-.282-2.167c.005-.73.1-1.458.282-2.166h3.662a17.823 17.823 0 00-.152 2.166c.007.725.057 1.448.152 2.167h2.188a15.958 15.958 0 01-.173-2.167c.008-.725.065-1.449.173-2.166h5.07c.108.717.165 1.441.173 2.166-.008.726-.066 1.45-.173 2.167h2.188c.095-.719.145-1.442.152-2.167a17.823 17.823 0 00-.152-2.166h3.662c.182.708.277 1.435.282 2.166A8.925 8.925 0 0123.385 15l2.448 1.083v-3.25C25.833 6.89 20.943 2 15 2 9.057 2 4.167 6.89 4.167 12.833v3.25L6.615 15zm15.882-6.5H19.3a16.953 16.953 0 00-1.495-3.857 8.703 8.703 0 014.69 3.857zM15 4.21a15.27 15.27 0 012.07 4.29h-4.14A15.27 15.27 0 0115 4.21zm-2.806.433A16.953 16.953 0 0010.7 8.5H7.503a8.657 8.657 0 014.691-3.857z"/>
+    <path stroke="none" d="M24.75 17.167v8.666H5.25v-8.666h19.5m0-2.167H5.25a2.177 2.177 0 00-2.167 2.167v8.666c0 1.19.978 2.167 2.167 2.167h19.5a2.177 2.177 0 002.167-2.167v-8.666A2.177 2.177 0 0024.75 15z"/>
+    <path stroke="none" d="M10.196 18.333h1.768v3.416c0 .336-.056.656-.16.96-.104.296-.272.56-.496.784a1.967 1.967 0 01-.712.48c-.344.128-.752.192-1.232.192-.28 0-.584-.024-.912-.064-.336-.04-.608-.112-.832-.232a2.15 2.15 0 01-.608-.488 1.929 1.929 0 01-.376-.664 3.63 3.63 0 01-.16-.968v-3.416h1.76v3.496c0 .312.088.56.264.736.176.176.416.264.72.264s.544-.088.72-.264c.168-.168.256-.416.256-.736v-3.496zM13.156 24.061v-5.728h2.952c.544 0 .96.048 1.256.144.288.088.52.264.696.52.176.256.264.56.264.928 0 .32-.064.592-.2.824-.136.232-.32.416-.56.56-.152.088-.36.168-.624.224.216.072.368.144.464.208.064.048.16.152.28.304.128.152.208.272.248.352l.856 1.664h-2l-.944-1.752c-.12-.224-.224-.368-.32-.44a.748.748 0 00-.432-.136h-.16v2.328h-1.776zm1.776-3.408h.752c.08 0 .232-.024.464-.08a.425.425 0 00.288-.176.548.548 0 00.112-.336.522.522 0 00-.176-.424c-.12-.096-.336-.144-.656-.144h-.784v1.16zM19.355 18.333h1.768v4.32h2.768v1.408h-4.536v-5.728z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-url.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-url.webp
new file mode 100644
index 00000000..f933b03d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-url.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-group.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-group.svg
new file mode 100644
index 00000000..fb12dcad
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-group.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="1.5" d="M28.265 22.659v-1c0-3.84-3.16-7-7-7m0-8c2.194 0 4 1.805 4 4 0 2.194-1.806 4-4 4M1.713 22.659v-1c0-3.84 3.16-7 7-7m0-8c-2.195 0-4 1.805-4 4 0 2.194 1.805 4 4 4"/>
+    <path fill="none" stroke-width="2" d="M4.596 26.891v-1.487C4.596 19.697 9.292 15 15 15s10.404 4.697 10.404 10.404v1.487M15 15c3.261 0 5.945-2.684 5.945-5.945 0-3.262-2.684-5.946-5.945-5.946S9.055 5.793 9.055 9.055C9.055 12.316 11.739 15 15 15z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-group.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-group.webp
new file mode 100644
index 00000000..35c0c1ef
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-group.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-level.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-level.svg
new file mode 100644
index 00000000..ea94b4c4
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-level.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="2" d="M4.596 26.891v-1.487C4.596 19.697 9.292 15 15 15c2.497 0 4.8.899 6.602 2.388M15 15c3.261 0 5.945-2.684 5.945-5.945 0-3.262-2.684-5.946-5.945-5.946S9.055 5.793 9.055 9.055C9.055 12.316 11.739 15 15 15z"/>
+    <path stroke="none" d="M22.998 19.331c-1.163 0-2.12.979-2.12 2.168v.723c-.777 0-1.415.652-1.415 1.445v2.89c0 .794.638 1.446 1.414 1.446h4.243c.775 0 1.414-.652 1.414-1.445v-2.89c0-.794-.639-1.446-1.414-1.446v-.723c0-1.19-.958-2.168-2.122-2.168zm-.707 2.168c0-.396.32-.722.707-.722.388 0 .707.326.707.722v.723h-1.414v-.723zm2.829 5.059h-4.243v-2.89h4.243v2.89z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-level.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-level.webp
new file mode 100644
index 00000000..fb465a6a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user-level.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user.svg
new file mode 100644
index 00000000..a8896c51
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="2" d="M4.596 26.891v-1.487C4.596 19.697 9.292 15 15 15s10.404 4.697 10.404 10.404v1.487M15 15c3.261 0 5.945-2.684 5.945-5.945 0-3.262-2.684-5.946-5.945-5.946S9.055 5.793 9.055 9.055C9.055 12.316 11.739 15 15 15z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user.webp
new file mode 100644
index 00000000..338e8a53
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-user.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-week.svg b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-week.svg
new file mode 100644
index 00000000..76536ff1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-week.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#444" fill="#444">
+    <path stroke="none" d="M19.875 12.563c0-.446.367-.813.813-.813h1.625c.445 0 .812.367.812.813v1.624a.816.816 0 0 1-.813.813h-1.625a.817.817 0 0 1-.812-.813v-1.624ZM15.542 12.563c0-.446.367-.813.812-.813h1.625c.446 0 .813.367.813.813v1.624a.816.816 0 0 1-.813.813h-1.625a.817.817 0 0 1-.812-.813v-1.624ZM11.208 12.563c0-.446.367-.813.813-.813h1.625c.445 0 .812.367.812.813v1.624a.816.816 0 0 1-.812.813H12.02a.817.817 0 0 1-.813-.813v-1.624ZM6.875 12.563c0-.446.367-.813.813-.813h1.625c.445 0 .812.367.812.813v1.624a.816.816 0 0 1-.813.813H7.688a.817.817 0 0 1-.813-.813v-1.624Z"/>
+    <path stroke="none" d="M7.688 2c.445 0 .812.367.812.813v.812h13v-.813c0-.445.367-.812.813-.812.445 0 .812.367.812.813v.812h1.625A3.265 3.265 0 0 1 28 6.875V24.75A3.265 3.265 0 0 1 24.75 28H5.25A3.265 3.265 0 0 1 2 24.75V6.875a3.265 3.265 0 0 1 3.25-3.25h1.625v-.813c0-.445.367-.812.813-.812ZM3.625 8.5v16.25c0 .891.734 1.625 1.625 1.625h19.5c.891 0 1.625-.734 1.625-1.625V8.5H3.625Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-week.webp b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-week.webp
new file mode 100644
index 00000000..de8ddc0f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/rules/rule-week.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/set-evaluation-mode.gif b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/set-evaluation-mode.gif
new file mode 100644
index 00000000..ca1dd976
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/access/assets/set-evaluation-mode.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/custom-rule.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/custom-rule.md
new file mode 100644
index 00000000..1ae6ca35
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/custom-rule.md
@@ -0,0 +1,87 @@
+---
+description: Learn now to create a Custom Access Condition Rule for Access and others
+---
+
+# Custom Access Rule
+
+{{ $frontmatter.description }}.
+
+Follow the bellow steps to create your custom rule, you can alternatively use this [rule example](https://github.com/zoolanders/ytp-condition-rules) in GitHub which includes more details and a working code. Also notice that core rules are a useful resource to get started and can be found in the `modules/condition/rules` directory relative to the [installation folder](/essentials-for-yootheme-pro/installation).
+
+::: warning Extending YOOtheme Pro
+The following guide assumes you are already familar with code, PHP, and [extending YOOtheme Pro](https://yootheme.com/support/yootheme-pro/joomla/developers-child-themes#extend-functionality).
+:::
+
+## 1. Create the Rule Class
+
+Start by creating a PHP Class that extends `ZOOlanders\YOOessentials\Access\AccessRule` and declares a `resolve` function. Store it into a YOOtheme Pro Child Theme or a Module.
+
+```php
+use ZOOlanders\YOOessentials\Access\AccessRule;
+
+class MyCustomRule extends AccessRule
+{
+    /**
+     * @param \stdClass $props The settings values from the rule fields
+     * @param \stdClass $node The current element node being evaluated
+     */
+    public function resolve($props, $node) : bool
+    {
+      // return early if no configuration is set
+      if (!isset($props->foo)) {
+        return true;
+      }
+
+      // evaluate...
+      $result = false;
+
+      // return a boolean indicating the validation status
+      return $result;
+    }
+```
+
+## 2. Create the Rule Config
+
+Create a config file in JSON format that will specify the rule configuration, store it beside the PHP class as `config.json`.
+
+```json
+{
+  "name": "",
+  "title": "",
+  "icon": "",
+  "description": "",
+  "group": "",
+  "collection": "",
+  "fields": {}
+}
+```
+
+| Prop | Description | Required |
+| --- | --- | :---: |
+| *Name* | The rule name prefixed by `yooessentials_access_`, e.g. `yooessentials_access_myrule`. | &#x2713; |
+| *Title* | The rule title as should appear in the UI, e.g. `My Rule`. | &#x2713; |
+| *Icon* | The absolute path to the rule icon. | &#x2713; |
+| *Fields* | The rule fields configuration. Those will hold the values of the configuration and are based on the same workflow as the [Elements Fields](https://yootheme.com/support/yootheme-pro/joomla/developers-elements). | &#x2713; |
+| *Description* | The rule description explaining what it validates. |
+| *Group* | Rules with the same group will be displayed under the same section in the UI. |
+| *Collection* | Rules of the same collection will be displayed joined in the UI, indicating a strong relation between them. |
+
+## 3. Declare the Rule
+
+Declare custom rules by adding a `yooessentials-condition-rules` key to the `config.php` or `bootstrap.php` file referencing the rule class and a path to it config.
+
+```php
+<?php
+
+require_once __DIR__ . '/rules/MyCustomRule/MyCustomRule.php';
+require_once __DIR__ . '/rules/MyOtherCustomRule/MyOtherCustomRule.php';
+
+return [
+
+    'yooessentials-condition-rules' => [
+        MyCustomRule::class => __DIR__ . '/rules/MyCustomRule/config.json',
+        MyOtherCustomRule::class => __DIR__ . '/rules/MyOtherCustomRule/config.json',
+    ]
+
+];
+```
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/index.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/index.md
new file mode 100644
index 00000000..85bf373a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/index.md
@@ -0,0 +1,29 @@
+# Access Conditions Overview
+
+Compose rules that will determine the evaluation criteria for rendering an element. With support for static and dynamic values, establish custom evaluation logic, and view logs directly in the builder to gain a better understanding of the evaluation results.
+
+The rules are composed in the builder element _Advanced Tab_ settings. Go through the [Integration Guide](./integration) to learn more about how to set a condition.
+
+![Access Condition](./assets/access-condition.webp)
+
+## Composable Rules
+
+Essentials provides a variety of core [rules](./rules), totaling over 16 organized into groups of _Site_, _Device_ and _DateTime_. It is possible to include multiple types of the same rule within a single condition, with different configurations.
+
+![Access Condition Rules](./assets/access-condition-rules.webp)
+
+## Evaluation Mode
+
+When an Access Condition is applied to an element, it will first evaluate each of the specified rules individually, then will apply an evaluation mode, `AND|OR|Custom`, to determine the final result. The `AND` mode requires all rules to pass, `OR` mode requires at least one, while `Custom` mode would apply a custom logic.
+
+A custom logic is inputed with a query that references each rule using their order number within brackets, such as `{1}`, and use `AND|OR` operators, such as `{1} AND {2}`, or `{1} OR {2}`. Parentheses can also be used to alter the execution order, such as `({1} AND {2}) OR {3}`.
+
+![Access Condition Evaluation](./assets/access-condition-evaluation.webp)
+
+## Evaluation Logs
+
+While in the customizer, the Access Condition will display evaluation logs for each rule as well the final result. These logs can be used to gain insights into the evaluation process and troubleshoot any issues with the logic.
+
+![Access Condition Evaluation Logs](./assets/access-condition-logs.webp)
+
+![Access Condition Evaluation Log](./assets/access-condition-log.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/integration.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/integration.md
new file mode 100644
index 00000000..96111f48
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/integration.md
@@ -0,0 +1,33 @@
+---
+addon: Access
+---
+
+# Access Conditions Integration
+
+Compose a rule that will determine the evaluation criteria for rendering an element.
+
+<!--@include: ../_partials/enable-addon.md-->
+
+## 1. Open the Condition Panel
+
+Navigate to the Builder and select the element you want to condition. From there, open the Access Condition Rules panel located under the [Advanced Settings](https://yootheme.com/support/yootheme-pro/joomla/elements).
+
+![Open Access Condition Panel](./assets/open-condition-panel.gif)
+
+## 2. Compose the Condition
+
+Check the [rules reference](./rules) to gain insights and form the condition according to your needs. In this particular case, we will be using a Day rule.
+
+![Compose Access Condition](./assets/compose-condition.gif)
+
+## 3. Set an Evaluation Mode
+
+If a condition is composed of multiple rules, the default evaluation mode is `AND`, meaning the condition will only be validated if all rules evaluate as true. However, you can also set the mode to `OR` or even `Custom`. In this case we are going to keep the default mode.
+
+![Set Access Condition Evaluation Mode](./assets/set-evaluation-mode.gif)
+
+### 4. Final Review
+
+Review the logs to confirm that the evaluation is using the correct data and that the outcome match your expectation.
+
+![Review Access Condition Evaluation Logs](./assets/review-evaluation-logs.gif)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/access/rules.md b/src/essentials-for-yootheme-pro/v2.2/addons/access/rules.md
new file mode 100644
index 00000000..4c417ed3
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/access/rules.md
@@ -0,0 +1,22 @@
+# Access Rules
+
+A list of rules to compose a condition. To learn more about [conditions](./), see the corresponding documentation.
+
+<!--@include: ./_partials/rule-dynamic.md-->
+<!--@include: ./_partials/rule-language.md-->
+<!--@include: ./_partials/rule-url.md-->
+<!--@include: ./_partials/rule-user.md-->
+<!--@include: ./_partials/rule-user-group.md-->
+<!--@include: ./_partials/rule-user-level.md-->
+<!--@include: ./_partials/rule-time.md-->
+<!--@include: ./_partials/rule-date.md-->
+<!--@include: ./_partials/rule-datetime.md-->
+<!--@include: ./_partials/rule-day.md-->
+<!--@include: ./_partials/rule-month.md-->
+<!--@include: ./_partials/rule-week.md-->
+<!--@include: ./_partials/rule-season.md-->
+<!--@include: ./_partials/rule-browser.md-->
+<!--@include: ./_partials/rule-device.md-->
+<!--@include: ./_partials/rule-operating-system.md-->
+<!--@include: ./_partials/rule-ip-address.md-->
+<!--@include: ./_partials/rule-ip-geolocation.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-alias.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-alias.webp
new file mode 100644
index 00000000..fb9ff06b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-alias.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-button.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-button.webp
new file mode 100644
index 00000000..b54587e8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-button.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-dynamic-content.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-dynamic-content.webp
new file mode 100644
index 00000000..120a4ff7
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-dynamic-content.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-editor.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-editor.webp
new file mode 100644
index 00000000..a5f0461f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-editor.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-filters.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-filters.webp
new file mode 100644
index 00000000..f551f9ff
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/composable-sources/compose-filters.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/dynamic-query-arguments.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/dynamic-query-arguments.webp
new file mode 100644
index 00000000..3f4c0954
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/dynamic-query-arguments.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/enable-addon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/enable-addon.gif
new file mode 100644
index 00000000..a4984376
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/enable-addon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-composed-source.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-composed-source.webp
new file mode 100644
index 00000000..fd1ff6d7
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-composed-source.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-custom-query-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-custom-query-config.webp
new file mode 100644
index 00000000..e62afa7c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-custom-query-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-custom-query.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-custom-query.webp
new file mode 100644
index 00000000..e8f3f53c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-custom-query.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-dynamic-button.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-dynamic-button.webp
new file mode 100644
index 00000000..07afc7d9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-dynamic-button.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-dynamic-options.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-dynamic-options.webp
new file mode 100644
index 00000000..1ce4b235
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-dynamic-options.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-filter-implode.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-filter-implode.webp
new file mode 100644
index 00000000..7102be94
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-filter-implode.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-global-query.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-global-query.webp
new file mode 100644
index 00000000..8b5b4e64
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-global-query.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-global-source.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-global-source.webp
new file mode 100644
index 00000000..b905abba
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-global-source.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-inherit-node.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-inherit-node.webp
new file mode 100644
index 00000000..9fe7f160
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-inherit-node.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-inherit-parent.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-inherit-parent.webp
new file mode 100644
index 00000000..d944ed85
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-inherit-parent.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-page-query.webp b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-page-query.webp
new file mode 100644
index 00000000..5a4111ab
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/assets/field-page-query.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/composed-sources.md b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/composed-sources.md
new file mode 100644
index 00000000..2d3a9f06
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/composed-sources.md
@@ -0,0 +1,31 @@
+# Composed Sources
+
+Composed Sources is an Essential only feature which doesn't limit you on the builder nodes tree to compose a source but rather let you write content and include between words dynamic content from any source as placeholders.
+
+![Compose Editor](./assets/composable-sources/compose-editor.webp)
+
+## Compose Content
+
+Composed Source will appear as a dynamic option for all fields. Once selected, it will open a new panel with a dedicated editor to compose a source by combining static text with values from dynamic content sources.
+
+![Field Composed Source](./assets/field-composed-source.webp)
+
+If a field has a dynamic content already assigned, a new `compose` icon will appear. If clicked the current source will be migrated to a composed source and open the editor where you will see the migrated source already inserted into the content. Now you can just start typing any additional content you may want to add, or even add new dynamic content to it.
+
+![Compose Editor](./assets/composable-sources/compose-editor.webp)
+
+To do so, just press the _Add Dynamic_ button on the top right of the editor, and choose any dynamic option as a new dynamic content. To learn more about Essentials [Dynamic Content](./), see the corresponding documentation.
+
+![Field Dynamic Options](./assets/field-dynamic-options.webp)
+
+## Filters and Arguments
+
+Once a dynamic content placeholder has been added to the content, you can click on it to show the editing interface that you're already used to from the dynamic workflow. As usual you can set filters, arguments if available, and the changes will be reflected immediately.
+
+![Compose Filters](./assets/composable-sources/compose-filters.webp)
+
+## Set an Alias
+
+Sometimes the placeholder name can get too long or not really meaningful. For these cases, you can set an alias by clicking on the placeholder, and then click on the _Set alias_ link near the name of the source. Fill in any name there, and it will be used in the placeholder tag instead of the default one. Don't worry, this has no impact at all on the rendering of the page, it's just an editing utility!
+
+![Compose Alias](./assets/composable-sources/compose-alias.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/index.md b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/index.md
new file mode 100644
index 00000000..94bb1fad
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/index.md
@@ -0,0 +1,99 @@
+# Dynamic Content Overview
+
+Essentials extends YOOtheme Pro [Dynamic Content](https://yootheme.com/support/yootheme-pro/joomla/dynamic-content) with advanced features that integrates natively into the builder. Lets find out what are those advanced features all about.
+
+## Field Sources
+
+In YOOtheme Pro a dynamic content source is set on a node level, e.g. a Text element, in which case the elements fields will be enhanced with an option to map a dynamic content from the node source. Essentials expands on that notion adding the option to choose a source on an element field level regardless of the element source configuration.
+
+With that in mind is expected that a Dynamic option will always be present above the element fields allowing to map to those any source directly.
+
+![Field Dynamic Options](./assets/field-dynamic-options.webp)
+
+If the mapped source content results in multiple values, those will be joined with a custom separator, or optionally left as is for the underlying element to deal with the content instead.
+
+![Field Implode Filter](./assets/field-filter-implode.webp)
+
+### Inherit Node
+
+What if a source has already been set in the element! In such case, an _Inherit Node_ option will appear and you can opt to inherit the souce from the node for that field specifically.
+
+![Field Inherit Node](./assets/field-inherit-node.webp)
+
+### Inherit Parent
+
+Similarly, if an upper level parent with a source is found, an _Inherit Parent_ will appear as a dynamic option.
+
+![Field Inherit Parent](./assets/field-inherit-parent.webp)
+
+### Page Sources
+
+If there are source queries related to the current view, e.g. _Article_ or _Post_, those will be available as dynamic options under the _Page_ group.
+
+![Field Page Query](./assets/field-page-query.webp)
+
+### Global Sources
+
+Global sources will always be available under the group _Global_, such is the _Site Source_, as well as the custom set [global queries](#global-queries).
+
+![Field Global Query](./assets/field-global-query.webp)
+
+### Custom Queries
+
+If none of the dynamic options fit the use case, there is a _Custom Query_ option that allows fetching a source with a custom query.
+
+![Field Custom Query](./assets/field-custom-query.webp)
+
+![Field Custom Query Config](./assets/field-custom-query-config.webp)
+
+::: warning
+Custom queries might affect page loading performance as the query would be executed for each field instead of each node. When possible, set those on a node level instead.
+:::
+
+### Composed Sources
+
+Finally, the _Composed Source_ option allows composing any dynamic options in a free-form text where sources are simple to set placeholders. As this is rather a feature reach option there is a [dedicated documentation](composed-sources) about it.
+
+![Field Composed Source](./assets/field-composed-source.webp)
+
+## Global Queries
+
+A global query is a custom source query made available as a global dynamic source option. It can help speed up the creation of layouts that use complex queries over and over. Those can be managed within the [Global Queries Manager](/essentials-for-yootheme-pro/settings#global-queries).
+
+![Global Queries](/essentials-for-yootheme-pro/assets/global-queries-manager.gif)
+
+## Query Arguments
+
+YOOtheme Pro Dynamic source queries arguments are limited to static configuration. Essentials breakes through that limitation and allows setting dynamic arguments opening the door for even more advanced dynamic workflows.
+
+![Dynamic Query Arguments](./assets/dynamic-query-arguments.webp)
+
+::: warning Obvious Limitation
+The arguments dynamic options are limited to _Page_, _Global_ and _Custom_ sources. That's expected as it would not be possible to inherit dynamic content from a node which source hasn't been set yet!
+:::
+
+If you want your custom sources to support this feature, add `'source' => 'true'` property to your source query aguments configuration.
+
+```php
+// query fields configuration
+'fields' => [
+    'events' => [
+        'type' => [
+            'listOf' => 'Event',
+        ],
+        'args' => [
+            'timeMin' => [
+                'type' => 'String',
+            ]
+        ],
+        'metadata' => [
+            'fields' => [
+                'timeMin' => [
+                    'label' => 'Time Min',
+                    'source' => 'true',
+                ],
+            ],
+        ],
+    ],
+]
+```
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/integration.md b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/integration.md
new file mode 100644
index 00000000..8f572d72
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/dynamic/integration.md
@@ -0,0 +1,13 @@
+---
+addon: Dynamic
+---
+
+# Dynamic Content Integration
+
+Extend YOOtheme Pro Dynamic Content workflow with advanced dynamic features.
+
+<!--@include: ../_partials/enable-addon.md-->
+
+At this point the Dynamic Content workflow has been extended, take the time to delve into the new [dynamic concepts](./). Incorporate them into your layouts as needed, using the familiar approach, but now with a wider range of mapping options available.
+
+![Field Dynamic Options](./assets/field-dynamic-options.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/add-element.gif b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/add-element.gif
new file mode 100644
index 00000000..81aace49
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/add-element.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/chartjs-element.webp b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/chartjs-element.webp
new file mode 100644
index 00000000..d084e589
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/chartjs-element.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/chartjs-preset.zip b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/chartjs-preset.zip
new file mode 100644
index 00000000..4b794d66
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/chartjs-preset.zip differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/enable-addon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/enable-addon.gif
new file mode 100644
index 00000000..218b2834
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/enable-addon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/chart.svg b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/chart.svg
new file mode 100644
index 00000000..efc0c496
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/chart.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path opacity=".6" stroke="none" d="M26.789 14.863c-1.404-1.802-2.356-3.874-4.405-3.874-3.626 0-2.672 5.915-6.679 5.915s-4.429-6.362-8.968-.382c-1.447 1.906-2.611 4.031-3.526 6.041l11.349 6.552 12.229-7.06v-7.192Z"/>
+    <path opacity=".6" stroke="none" d="M24.975 15.039c-4.124.081-3.265 2.692-6.172 3.352-2.952.67-3.418-7.211-6.37-7.211S8.827 18.836 5.13 24.092l-.105.149 7.925 4.575 12.025-6.942v-6.835Z"/>
+    <path stroke="none" d="M2.771 17.313c1.376-3.811 1.969-6.896 4.596-6.896 4.007 0 4.961 11.257 8.396 10.112 3.435-1.145 3.053-7.251 8.396-7.251 1.017 0 2.056.623 3.07 1.631v7.146L15 29.115l-12.229-7.06v-4.742Z"/>
+    <path stroke="none" d="M15 30 2.008 22.5v-15L15 0l12.992 7.5v15L15 30ZM3.534 21.619 15 28.238l11.466-6.619V8.381L15 1.762 3.534 8.381v13.238Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/markdown.svg b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/markdown.svg
new file mode 100644
index 00000000..0076ed09
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/markdown.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M27.834 5.77H2.166A2.166 2.166 0 0 0 0 7.931v14.133c0 1.195.97 2.166 2.166 2.166h25.673A2.16 2.16 0 0 0 30 22.069V7.931c0-1.19-.97-2.161-2.166-2.161ZM15.867 19.903h-2.883v-5.625l-2.882 3.605-2.883-3.605v5.625H4.327v-9.806h2.882l2.883 3.605 2.883-3.605h2.883v9.806h.009Zm6.342.145L17.883 15h2.883v-4.903h2.882V15h2.883l-4.322 5.048Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/social-sharing.svg b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/social-sharing.svg
new file mode 100644
index 00000000..6cff3396
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/icon/social-sharing.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="2" d="M27.371,23.013c0,1.897-1.588,3.486-3.646,3.486 c-1.906,0-3.648-1.589-3.648-3.486c0-1.904,1.588-3.648,3.648-3.648C25.627,19.364,27.371,20.947,27.371,23.013z"/>
+    <path fill="none" stroke-width="2" d="M27.371,7.148c0,1.906-1.588,3.489-3.646,3.489 c-1.906,0-3.648-1.583-3.648-3.489c0-1.901,1.588-3.647,3.648-3.647C25.627,3.501,27.371,5.09,27.371,7.148z"/>
+    <path fill="none" stroke-width="2" d="M9.924,15.08c0,1.901-1.589,3.491-3.648,3.491 c-2.059,0-3.647-1.59-3.647-3.491c0-1.905,1.589-3.647,3.647-3.647C8.335,11.433,9.924,13.017,9.924,15.08z"/>
+    <line fill="none" stroke-width="2" x1="20.393" y1="21.742" x2="9.129" y2="16.507"/>
+    <line fill="none" stroke-width="2" x1="20.553" y1="8.259" x2="9.446" y2="13.491"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/markdown-element.webp b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/markdown-element.webp
new file mode 100644
index 00000000..e4de8074
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/markdown-element.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/social-sharing-element.webp b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/social-sharing-element.webp
new file mode 100644
index 00000000..f20fe9a6
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/elements/assets/social-sharing-element.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/chart-element.md b/src/essentials-for-yootheme-pro/v2.2/addons/elements/chart-element.md
new file mode 100644
index 00000000..69c49a37
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/elements/chart-element.md
@@ -0,0 +1,29 @@
+---
+addon: 'Elements'
+---
+
+# Chart Element
+
+<span class="tm-lead">A chart element based on Chart.js.</span>
+
+The Chart Element allows you to display static and dynamic data using visually appealing charts and graphs based on the popular JavaScript library [Chart.js v4.3.0](https://www.chartjs.org/docs/4.3.0/).
+
+Variety of chart types are supported, including Line, Vertical Bar, Horizontal Bar, Radar, Pie, Doughnut, Polar Area, Bubble, and Scatter. You can also customize the appearance of your charts using a range of options and settings.
+
+![Chart Element](./assets/chartjs-element.webp)
+
+<!--@include: ../_partials/enable-addon.md-->
+
+## Quick Start
+
+Setting up a Dynamic Chart can be somewhat overwhelming, for an easier start you can download this combo of a _Section_ plus _CSV Data_ and then do this simple setup:
+
+1. [Download preset](/presets/chart-element.zip) and unzip.
+1. Create a new [CSV Source](/essentials-for-yootheme-pro/addons/sources/providers.html#csv) based on the csv file.
+1. Open the builder, import the layout and render it content.
+1. In the Chart element open the first _Dataset_, then again open its _Data Item_.
+1. In the _Advanced Tab_ of the item choose the previously created source as its Dynamic Content.
+
+::: warning Sources Addon Required
+Notice that this preset is dependent on the premium [Sources Addon](/essentials-for-yootheme-pro/addons/sources/) for the CSV data source creation.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/index.md b/src/essentials-for-yootheme-pro/v2.2/addons/elements/index.md
new file mode 100644
index 00000000..7402b36e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/elements/index.md
@@ -0,0 +1,12 @@
+---
+addon: Elements
+description: Create visually impressive charts, process markdown or let users share on social media
+---
+
+# Elements Overview
+
+Create visually appealing charts from static and dynamic data, process markdown content or let users share your website's content on their social media.
+
+Essential elements can be found in the element library under _Essentials_. They are standard YOOtheme Pro [elements](https://yootheme.com/support/yootheme-pro/joomla/elements), to learn more about general element settings, see the corresponding documentation.
+
+![Add Element](./assets/add-element.gif)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/markdown-element.md b/src/essentials-for-yootheme-pro/v2.2/addons/elements/markdown-element.md
new file mode 100644
index 00000000..ac5e0d8a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/elements/markdown-element.md
@@ -0,0 +1,13 @@
+---
+addon: 'Elements'
+---
+
+# Markdown Element
+
+<span class="tm-lead">A markdown element based on CommonMark.</span>
+
+Markdown is a lightweight markup language that is used to create content with plain text syntax. With the Markdown Element, static or dynamic markdown content can be rendered with [CommonMark](https://commonmark.org) and cached for optimal performance.
+
+![Markdown Element](./assets/markdown-element.webp)
+
+<!--@include: ../_partials/enable-addon.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/elements/social-sharing-element.md b/src/essentials-for-yootheme-pro/v2.2/addons/elements/social-sharing-element.md
new file mode 100644
index 00000000..14e307db
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/elements/social-sharing-element.md
@@ -0,0 +1,28 @@
+---
+addon: 'Elements'
+---
+
+# Social Sharing Element
+
+<span class="tm-lead">A social network sharing element.</span>
+
+Enable your users to share your website's content on their preferred social media platform, whether it be Twitter, Facebook, WhatsApp, Viber, a custom network that you have established, or even Email.
+
+![Social Sharing Element](./assets/social-sharing-element.webp)
+
+<!--@include: ../_partials/enable-addon.md-->
+
+## Content Preview of a Shared Url
+
+When a URL is shared in a Social Media or App is totally up to the plaform if and how to extract the content preview from it, but luckily there are some standards. Most of platforms, including Facebok, relies on the Open Graph protocol, while Twitter has it own called Twitter Cards. Our recommendation is to support both.
+
+- [Information and guide for Open Graph](https://developers.facebook.com/docs/sharing/webmasters)
+- [Information and guide for Twitter Cards](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards)
+
+## Share Current Page URL by Email
+
+Sharing the current site page by email is possible, but requires additional steps.
+
+1. First of all we need to retreieve the current page URL. Do so using the global _Request_ source part of Essentials Sources.
+1. Then map it _Href_ property to the MailTo body field.
+1. Further customizer thee body content using the _before_ and _after_ filters.
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-acymailing.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-acymailing.md
new file mode 100644
index 00000000..e31e230f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-acymailing.md
@@ -0,0 +1,30 @@
+## AcyMailing Action {#acymailing}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-acymailing.svg-->
+</div>
+
+The **AcyMailing Action** subscribes or unsubscribes a member from an [AcyMailing](https://www.acymailing.com/) list.
+
+### Subscribe {#acymailing-subscribe}
+
+Create or update an AcyMailing list subscriber.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Email* | Subscriber's email address. | &#x2713; | &#x2713; |
+| *Name* | Subscriber's name, it will be autocreated from the email if omited. | | &#x2713; |
+| *Status* | Subscriber's confirmation status. | | &#x2713; |
+| *Lists* | The lists to which to subscribe. | &#x2713; | &#x2713; |
+| *Custom Fields* | Subscriber's additional data specified by AcyMailing custom fields. | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
+
+### Unsubscribe {#acymailing-unsubscribe}
+
+Unsubcribe an AcyMailing list subscriber.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Email* | Subscriber's email address. | &#x2713; | &#x2713; |
+| *Lists* | The lists to which to subscribe. | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-airtable.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-airtable.md
new file mode 100644
index 00000000..9f9226ee
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-airtable.md
@@ -0,0 +1,36 @@
+## Airtable Action {#airtable}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/airtable.svg-->
+</div>
+
+The **Airtable Action** creates or deletes records from an [Airtable](https://airtable.com/) base.
+
+### Create Record {#airtable-create-record}
+
+Creates or update a base record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Authentication* | The Airtable authentication credentials. | &#x2713; |
+| *Base* | The Airtable base which to connect to. | &#x2713; |
+| *Table* | The Airtable table which to connect to. | &#x2713; |
+| *Record* | The Airtable record ID which to update. If left empty, a new record will be created instead. | |  &#x2713; |
+| *Fields* | Data mapping for the record fields. | &#x2713; | &#x2713; |
+| *Type Cast* | When enabled, Airtable API will perform best-effort for automatic data conversion. E.g. from a string to integer. |
+| *Replace* | When enabled, Airtable API will replace the entire record instead of patch it. |
+<!--@include: ./common-action-settings.md-->
+
+<!--@include: ./common-action-content-mapping.md-->
+
+### Delete Record {#airtable-delete-record}
+
+Deletes a base record.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Authentication* | The Airtable authentication credentials. | &#x2713; |
+| *Base* | The Airtable base which to connect to. | &#x2713; |
+| *Table* | The Airtable table which to connect to. | &#x2713; |
+| *Record* | The Airtable record ID which to delete. | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-alter.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-alter.md
new file mode 100644
index 00000000..a34ed01f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-alter.md
@@ -0,0 +1,22 @@
+## Alter Action {#alter}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-alter.svg-->
+</div>
+
+The **Alter Action** adds or alters the submitted data allowing a wide range of use cases.
+
+- Duplicate a submitted date with a custom format for consequent actions use.
+- Add context information to the Submission, e.g. the _Request -> Timestamp_ (current date & time) or IP.
+- Add sensitive data without the need to expose it in a hidden input.
+
+::: warning Order is important
+Notice that this action must be executed before any other action that might rely on it altered data.
+:::
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Data* | The list of data entries to add to the submission. | &#x2713; | &#x2713; |
+| -- *Name* | The name or key for the data entry, if data already exists it value will be overwritten. | &#x2713; |
+| -- *Value* | The value for the data entry. |  &#x2713; | &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-download.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-download.md
new file mode 100644
index 00000000..186516db
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-download.md
@@ -0,0 +1,12 @@
+## Download Action {#download}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-download.svg-->
+</div>
+
+The **Download Action** triggers a download of a specified file. Use it to provide the submitter with an asset only after a validated submission.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *File* | The path to the file which download to trigger. |  &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-email.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-email.md
new file mode 100644
index 00000000..f0b0d6bc
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-email.md
@@ -0,0 +1,29 @@
+## Email Action {#email}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-email.svg-->
+</div>
+
+The **Email Action** sends preset emails with support for attachments. Use it to send a _Thank You_ email to the submitter, a transactional email to the site owner, etc.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Subject* | The subject of the email. | &#x2713; | &#x2713; |
+| *Recipients* | The list of addresses to which the email will be sent, separated by a comma. | &#x2713; | &#x2713; |
+| *Body* | The main content of the email. | &#x2713; | &#x2713; |
+| *Send as HTML* | Should the email content be sent as HTML instead of plain text. |
+| *Reply To* | The list of addresses to which the recipient will be replying, separated by a comma. | &#x2713; |
+| *Static Attachments* | The list of server files that will be attached to the email. | &#x2713; |
+| *Dynamic Attachments* | The list of Upload Fields which files will be attached to the email. | &#x2713; |
+| *CCS* | The list of addresses to which the email will be sent as a [Carbon Copy](https://en.wikipedia.org/wiki/Carbon_copy), separated by a comma. | &#x2713; |
+| *BCCS* | The list of addresses to which the email will be sent as a [Blind Carbon Copy](https://en.wikipedia.org/wiki/Blind_carbon_copy), separated by a comma. | &#x2713; |
+| *From Name/Email* | The name and email address of the email sender, defaults to the site configuration one. | &#x2713; |
+<!--@include: ./common-action-settings.md-->
+
+::: tip Submitted Attachments
+When a file is submitted by the user, the [Data Placeholder](./index#data-placeholders) of the uploaded file holds just the name of the file, if you want to send that file attached to the email set it as a dynamic attachment instead.
+:::
+
+::: warning Reply To
+If you want to receive an email like if it was sent by the submitter, use _Reply To_ instead of _From Email_. Forcing the email sender to a different value is considered a bad practice and might affect the delivery rate.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-mailchimp.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-mailchimp.md
new file mode 100644
index 00000000..d160a041
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-mailchimp.md
@@ -0,0 +1,41 @@
+## Mailchimp Action {#mailchimp}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/mailchimp.svg-->
+</div>
+
+The **Mailchimp Action** creates, updates or removes a member from a [Mailchimp](https://mailchimp.com/) audience.
+
+### Add member to a list {#mailchimp-member-upsert}
+
+Create or update a Mailchimp audience member.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Account* | The Mailchimp account specified with oAuth or an API Key. | &#x2713; |
+| *Audience* | The audience to which to add a new member or alter an existing. | &#x2713; |
+| *Update if exists* | Specifies if the member data should be updated if it already exists. |
+| *Skip Merge Fields validation* | Specifies if Merge Fields validation should be skipped. |
+| *Email Address* | Member's email address. | &#x2713; | &#x2713; |
+| *Email Type* | The email type the member has requested to get (html or text). | | &#x2713; |
+| *Status* | Member's subscription status, for double opt-in set as pending. | |  &#x2713; |
+| *Language* | Member's language, used for segmentation purpose. If omitted Mailchimp will attempt to detect it with member's further interaction. | |  &#x2713; |
+| *VIP* | Mark the member as [VIP](https://mailchimp.com/help/designate-and-send-to-vip-contacts) for targeted campaigns. | | &#x2713; |
+| *Location* | Member's location latitute and longitude separated by a comma. Used for segmentation purpose. | | &#x2713; |
+| *Tags* | A list of tags, separated by a comma or newline, associated with the member. Used for segmentation purpose. | | &#x2713; |
+| *Merge Fields* | Specific to the selected audience, [Merge Fields](https://mailchimp.com/developer/marketing/docs/merge-fields) determines additional information about members. | | &#x2713; |
+| *Interests* | Specific to the selected audience, determines the member interests used in targeted campaigns. | | &#x2713; |
+| *Marketing Permissions* | Specific to the selected audience, determines the memebers marketing consents. | | &#x2713; |
+<!--@include: ./common-action-settings.md-->
+
+### Remove member from a list {#mailchimp-member-remove}
+
+Archive or delete a Mailchimp audience member.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Account* | The Mailchimp account specified with oAuth or an API Key. | &#x2713; |
+| *Audience* | The audience from which to remove a member. | &#x2713; |
+| *Email Address* | Member's email address. | &#x2713; | &#x2713; |
+| *Delete Instead* | Delete instead of archive. The member will be removed from the list and all it personally identifiable information will be deleted. This will make it impossible to re-import the list member. |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-message.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-message.md
new file mode 100644
index 00000000..45a13a0e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-message.md
@@ -0,0 +1,12 @@
+## Message Action {#message}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-message.svg-->
+</div>
+
+The **Message Action** displays a custom message in a modal. Use it to show the submitter a _Thank You_ message or additional information.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Message* | The content to display in the modal. |  &#x2713; | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-redirect.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-redirect.md
new file mode 100644
index 00000000..d55bcc3e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-redirect.md
@@ -0,0 +1,14 @@
+## Redirect Action {#redirect}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-redirect.svg-->
+</div>
+
+The **Redirect Action** redirects the browser to a specified URL, with an optional message that will be displayed using the Joomla or WordPress core message display system.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Redirect To* | The URL where to redirect the browser to. |  &#x2713; | &#x2713; |
+| *New Window* | Should the redirection happen in a new window instead. |
+| *Timeout* | The seconds to wait before triggering the redirect. |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/addons/forms/_partials/action-save-csv.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-save-csv.md
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/_partials/action-save-csv.md
rename to src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-save-csv.md
diff --git a/src/essentials-for-yootheme-pro/addons/forms/_partials/action-save-database.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-save-database.md
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/_partials/action-save-database.md
rename to src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-save-database.md
diff --git a/src/essentials-for-yootheme-pro/addons/forms/_partials/action-save-google-sheet.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-save-google-sheet.md
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/_partials/action-save-google-sheet.md
rename to src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-save-google-sheet.md
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-validate.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-validate.md
new file mode 100644
index 00000000..2fe3a1d6
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/action-validate.md
@@ -0,0 +1,13 @@
+## Validate Action {#validate}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/action-validate.svg-->
+</div>
+
+The **Validate Action** validates the submitted data with custom condition rules, if the validation fails no further actions will be executed.
+
+| Setting | Description | Required | Dynamic |
+| --- | --- | :---: | :---: |
+| *Conditions* | The condition that will be used for validation. | &#x2713; | &#x2713; |
+| *Message* | The message that will be displayed if the validation fails. | &#x2713; |
+<!--@include: ./common-action-settings.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-action-content-mapping.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-action-content-mapping.md
new file mode 100644
index 00000000..1a578c90
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-action-content-mapping.md
@@ -0,0 +1,7 @@
+Once the basic configuration has been set, the resource fields will load for mapping. The mapping will determine the value that each resource field will be created or updated with. Each field can be mapped to a static or dynamic value.
+
+![Save to Action Mapping](./assets/actions/action-saveto-mapping.webp)
+
+::: tip Most mapping is optional
+In fact, mapping is disabled by default and must be enabled for each field by clicking on the last toggle  icon.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-action-settings.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-action-settings.md
new file mode 100644
index 00000000..e9953623
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-action-settings.md
@@ -0,0 +1,4 @@
+| <span class="tm-table-head">Advanced</span> |
+| *Action Name* | The name to reference this action. |
+| *Status* | Defines if the action is `enabled` or `disabled`. |
+| *Execution* | A composed condition that must be met in order for the action to be executed. | | &#x2713; |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-options.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-options.md
new file mode 100644
index 00000000..6fe8b0fe
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-options.md
@@ -0,0 +1,10 @@
+Options are specified as child items that can be input manually as well as dynamically with the use of a Dynamic Content source. Each option has the following settings:
+
+![Field Options](./assets/elements/options.webp)
+
+| Setting | Description | Required |
+| --- | --- | :---: |
+| *Value* | The option value, must be unique among its siblings. | &#x2713; |
+| *Text* | The option text, defaults to the value if omitted. HTML tags are supported. | &#x2713; |
+| *State* | Defines if the option is _Disabled_ or _Enabled_. Disabled options are unusable and unclickable. | &#x2713; |
+| *Id* | The option ID attribute, it overrides any ID set in the parent element. | &#x2713; |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-settings.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-settings.md
new file mode 100644
index 00000000..c72115ca
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-settings.md
@@ -0,0 +1,6 @@
+| *Label* | The title for the field that represents the field data. | &#x2713; |
+| *Control* | The name that identifies the field control within the form. It's required and must be unique for the Form Area. |
+| *Value* | The default value for the field. The user can change it. | &#x2713; |
+| *Readonly* | Should the field be read-only. Any default value will be unedible. |
+| *Autofocus* | Should the field will be autofocused as soon as the page loads. Only one field can be focused on each page. |
+| *Sync ID / Control* | Should the field ID attribute obtain it value from the Control Name. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-validation.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-validation.md
new file mode 100644
index 00000000..7c1a4bd2
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/common-element-validation.md
@@ -0,0 +1,2 @@
+| *Required* | Defines if the field must have a value. | &#x2713; |  &#x2713; | &#x2713; |
+| *Error Message* | A message that will be displayed if the element validation fails. Optionally use `{fieldlabel}` as placeholder, it will be replaced with the field label. | &#x2713; | | &#x2713; |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-button.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-button.md
new file mode 100644
index 00000000..e4476a98
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-button.md
@@ -0,0 +1,42 @@
+## Button Element {#button}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-button.svg-->
+</div>
+
+The **Form Button Element** displays a grid of [\<button\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) HTML elements with support for `submit` and `reset` types. Each type is wrapped into a child element with its specific features.
+
+![Button Element](./assets/elements/button-settings.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Size* | The field size defined by `uk-form-{size}` [modifier](https://getuikit.com/docs/form#size-modifiers). |
+| *Full Width* | Should the field occupy the full width of its parent. |
+| *Column Gap* | The size of the gap between grid columns. |
+| *Row Gap* | The size of the gap between grid rows. |
+
+## Button Reset Element {#button-reset}
+
+Child of [Button Element](#button), the **Button Reset Element** displays a [\<button type="reset"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/reset) HTML element, use it to display a button that will reset the form.
+
+![Button Reset Element](./assets/elements/button-reset.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Content* | The text for the button. | &#x2713; |
+| *Style* | The button style as _Default_, _Primary_, _Secondary_, _Danger_, _Text_, _Link_, _Link Muted_, or _Link Text_. ||
+| *Icon* | The name of the Icon that will be displayed inside the button. | &#x2713; |
+| *Icon Alignment* | The side of the button where the icon will be positioned, _Left_ or _Right_. ||
+
+## Button Submit Element {#button-submit}
+
+Child of [Button Element](#button), the **Button Submit Element** displays a [\<button type="submit"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit) HTML element, use it to display a button that will submit the form.
+
+![Button Submit Element](./assets/elements/button-submit.webp)
+
+| Setting | Description | Dynamic |
+| -- | -- | :--: |
+| *Content* | The text for the button. | &#x2713; |
+| *Style* | The button style as _Default_, _Primary_, _Secondary_, _Danger_, _Text_, _Link_, _Link Muted_, or _Link Text_. ||
+| *Icon* | The name of the Icon that will be displayed inside the button. | &#x2713; |
+| *Icon Alignment* | The side of the button where the icon will be positioned, _Left_ or _Right_. ||
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-checkbox.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-checkbox.md
new file mode 100644
index 00000000..2fb52c66
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-checkbox.md
@@ -0,0 +1,22 @@
+## Checkbox Element {#checkbox}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-checkbox.svg-->
+</div>
+
+The **Checkbox Element** displays a group of [\<input type="checkbox"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox) HTML elements wrapped in a `<label>`, use it to allow users choosing, by toggling boxes, a single or multiple pre-established options.
+
+![Checkbox Element](./assets/elements/checkbox.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Layout* | The layout that will be used to display the options, _Vertical_ or _Horizontal_. |
+<!--@include: ./common-element-settings.md-->
+
+<!--@include: ./common-element-options.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min* | The minimum amount of options that must be chosen, `greater than` or `equal to`. | &#x2713; | |  &#x2713; |
+| *Max* | The maximum amount of options that can be chosen, `lower than` or `equal to`. | &#x2713; | |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-fcaptcha.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-fcaptcha.md
new file mode 100644
index 00000000..6def47dd
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-fcaptcha.md
@@ -0,0 +1,17 @@
+## Friendly Captcha
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-fcaptcha.svg-->
+</div>
+
+The Friendly Captcha element integrates [Friendly Captcha](https://friendlycaptcha.com/) anti-bot solution that is GDPR compliant and made in Europe.
+
+![Friendly Captcha Element](./assets/elements/fcaptcha.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Site/API Key* | The Site and API keys obtained from [Friendly Captcha](https://friendlycaptcha.com/) Dashboard. |
+| *Label* | The title for the field that represent the field data. | &#x2713; |
+| *Endpoint* | The primary endpoint for the puzzles and verification requests. Note that this feature requires a FriendlyCaptcha premium plan and to be specifically enabled. | &#x2713; |
+| *Language* | The language for the captcha, defaults to the site language. | &#x2713; |
+| *Error Message* | A message that will be displayed if the element validation fails. Optionally use `{fieldlabel}` as a placeholder, it will be replaced with the field label. | &#x2713; |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-fieldset.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-fieldset.md
new file mode 100644
index 00000000..17139bed
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-fieldset.md
@@ -0,0 +1,13 @@
+## Fieldset Element {#fieldset}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-fieldset.svg-->
+</div>
+
+The **Fieldset Element** displays a [\<fieldset\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Fieldset) HTML element, use it to group fields for visual and accessibility purposes.
+
+| Setting | Description |
+| --- | --- |
+| *Content* | The text for the button. |
+| *Layout* | The layout for the fields display, _Horizontal_ or _Stacked_. |
+| *Show Label* | Should the label of the field be displayed. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-hcaptcha.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-hcaptcha.md
new file mode 100644
index 00000000..d69a48b3
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-hcaptcha.md
@@ -0,0 +1,36 @@
+## hCaptcha
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-hcaptcha.svg-->
+</div>
+
+The hCaptcha element integrates [hCaptcha](https://www.hcaptcha.com/) anti-bot solution that protects user privacy and rewards websites.
+
+![hCaptcha Element](./assets/elements/hcaptcha.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Type* | The type of captcha to display, _Checkbox_ or _Invisible_. |
+| *Site/Secret Key* | The Site and Secret keys obtained from [hCaptcha](https://www.hcaptcha.com/) Dashboard. |
+| *Theme* | The theme style, _Light_ or _Dark_. |
+| *Score Threshold* | The threshold over which to consider the submitter a bot. From `0.0` (no risk) to `1.0` (confirmed threat), available only for hCaptcha Enterprise. | |
+| *Error Message* | A message that will be displayed if the element validation fails. Optionally use `{fieldlabel}` as a placeholder, it will be replaced with the field label. | &#x2713; |
+
+### Checkbox
+
+A variation that will render a "checkbox" style field by which the captcha challenge could be initiated by the user.
+
+![hCaptcha Checkbox](./assets/elements/hcaptcha-checkbox.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Label* | The title for the field that represent the field data. | &#x2713; |
+| *Size* | The size of the checkbox, _Normal_ or _Compact_. | |
+
+### Invisible
+
+A variation that will only render the Compliance text initing the challenge when the form is submitted.
+
+| Setting | Description |
+| --- | --- |
+| *Compliance* | A legally required text to comply with online privacy laws. Make sure it links to hCaptcha [Privacy Policy](https://www.hcaptcha.com/privacy) and [Terms of Service](https://hcaptcha.com/terms). |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-hidden.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-hidden.md
new file mode 100644
index 00000000..488a0ba5
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-hidden.md
@@ -0,0 +1,12 @@
+## Hidden Element {#hidden}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-hidden.svg-->
+</div>
+
+The **Hidden Element** displays a [\<input type="hidden"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden) HTML element, use it to include data that cannot be seen or modified by users when a form is submitted.
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Control* | The name that identifies the field control within the form. It's required and must be unique for the form area. ||
+| *Value* | The value to submit for the control. | &#x2713; |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-input.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-input.md
new file mode 100644
index 00000000..b5a79b2a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-input.md
@@ -0,0 +1,228 @@
+## Input Element {#input}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-input.svg-->
+</div>
+
+The **Input Element** displays a grid of [\<input\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) HTML elements with support for _text_, _date_, _email_, _number_, _password_, _tel_, _url_, _month_, _time_, and _week_ types. Each type is wrapped into a child element with its specific features and validation covered in the next sections.
+
+Set multiple children of any type and control the display, grid, and settings of all of them within the parent with an option to override.
+
+![Input Element](./assets/elements/input.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Show Label* | Should the label be displayed for all children. |
+| *Show Icon* | Should the icon be displayed for all children. |
+
+![Input Common Settings](./assets/elements/input-commons.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Size* | The field size defined by `uk-form-{size}` [modifier](https://getuikit.com/docs/form#size-modifiers). |
+| *Width* | The field width defined by `uk-form-width-{width}` [modifier](https://getuikit.com/docs/form#width-modifiers). |
+| *Full Width* | Should the field occupy the full width of its parent. |
+| *Icon* | The name of the Icon that will be displayed inside the field. |
+| *Icon Alignment* | The side of the field where the icon will be aligned, _Left_ or _Right_. |
+
+![Input Columns Settings](./assets/elements/input-grid.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Number of Columns* | The amount of grid columns. |
+| *Column Gap* | The size of the gap between grid columns. |
+| *Row Gap* | The size of the gap between grid rows. |
+
+## Input Text Element {#input-text}
+
+Child of [Input Element](#input), the **Input Text Element** displays a [\<input type="text"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text) HTML element, use it to create one-line text fields.
+
+![Input Text Element](./assets/elements/input-text.webp)
+
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Placeholder* | The text to be shown while there is no user input. | &#x2713; |
+<!--@include: ./common-element-settings.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min Length* | The minimum content length that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max Length* | The maximum content length that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Pattern* | The [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) pattern that the input value must match to. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Number Element {#input-number}
+
+Child of [Input Element](#input), the **Input Number Element** displays a [\<input type="number"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number) HTML element, use it to create one-line fields restricted to numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by tapping with a fingertip.
+
+![Input Number Element](./assets/elements/input-number.webp)
+
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Placeholder* | The text to be shown while there is no user input. | &#x2713; |
+<!--@include: ./common-element-settings.md-->
+
+While the browser validation invalidates any entry that isn't a number, it inherits common validation with the following specifics:
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min* | The minimum amount that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max* | The maximum amount that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Date Element {#input-date}
+
+Child of [Input Element](#input), the **Input Date Element** displays a [\<input type="date"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date) HTML element, use it to create one-line date edit fields.
+
+![Input Date Element](./assets/elements/input-date.webp)
+
+::: warning Styling Limitations
+Date input relies on the browser's native implementation, the picker and icon style is inconsistent and its customization is not possible.
+:::
+
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+<!--@include: ./common-element-settings.md-->
+
+::: warning
+Browser does not apply any validation other than the user agent's interface, when supported, restricting the input to a date value. As we cannot entirely rely on the browser, a date format validation is performed on the server side.
+:::
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min* | The minimum date that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max* | The maximum date that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Email Element {#input-email}
+
+Child of [Input Element](#input), the **Input Email Element** displays a [\<input type="email"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email) HTML element, use it to create one-line e-mail address edit fields.
+
+![Input Email Element](./assets/elements/input-email.webp)
+
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Placeholder* | The text to be shown while there is no user input. | &#x2713; |
+<!--@include: ./common-element-settings.md-->
+
+::: warning
+Browser-side validation ensures that only text that matches the standard format for Internet e-mail addresses is entered. If you need the URL to be restricted further you can set a regular expression pattern.
+:::
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | -- | :---: | :---: | :---: |
+| *Min Length* | The minimum content length that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |
+| *Max Length* | The maximum content length that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |
+| *Pattern* | The [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) pattern that the input value must match to. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Time Element {#input-time}
+
+Child of [Input Element](#input), the **Input Time Element** displays a [\<input type="time"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time) HTML element, use it to create one-line time edit fields.
+
+![Input Time Element](./assets/elements/input-time.webp)
+
+::: warning Styling Limitations
+Time input relies on the browser's native implementation, the picker and icon style is inconsistent and its customization is not possible.
+:::
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+<!--@include: ./common-element-settings.md-->
+
+::: warning
+Browser does not apply any validation other than the user agent's interface, when supported, restricting the input to a time value. As we cannot entirely rely on the browser, a time format validation is performed on the server side.
+:::
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min* | The minimum time that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max* | The maximum time that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Url Element {#input-url}
+
+Child of [Input Element](#input), the **Input Url Element** displays a [\<input type="url"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/url) HTML element, use it to create one-line url edit fields.
+
+![Input Url Element](./assets/elements/input-url.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Placeholder* | The text to be shown while there is no user input. | &#x2713; |
+<!--@include: ./common-element-settings.md-->
+
+Browser-side validation ensures that only text that matches the standard format for URLs is entered. If you need the URL to be restricted further you can set a regular expression pattern.
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | -- | :---: | :---: | :---: |
+| *Min Length* | The minimum content length that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max Length* | The maximum content length that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Pattern* | The [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) pattern that the input value must match to. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Password Element {#input-password}
+
+Child of [Input Element](#input), the **Input Password Element** displays a [\<input type="password"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password) HTML element, use it to create one-line text field where the user can input it password without it being visible. The text is obscured usually by replacing each character with a symbol such as an asterisk (`*`) or a dot (`•`). This character will vary depending on the user agent and operating system.
+
+![Input Password Element](./assets/elements/input-password.webp)
+
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Placeholder* | The text to be shown while there is no user input. | &#x2713; |
+<!--@include: ./common-element-settings.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | -- | :---: | :---: | :---: |
+| *Min Length* | The minimum content length that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max Length* | The maximum content length that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Pattern* | The [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) pattern that the input value must match to. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Month Element {#input-month}
+
+Child of [Input Element](#input), the **Input Month Element** displays a [\<input type="month"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month) HTML element, use it to create one-line month edit fields.
+
+![Input Month Element](./assets/elements/input-month.webp)
+
+::: warning Styling Limitations
+Month input relies on the browser's native implementation, the picker and icon style is inconsistent and its customization is not possible.
+:::
+
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+<!--@include: ./common-element-settings.md-->
+
+::: warning
+Browser does not apply any validation other than the user agent's interface, when supported, restricting the input to a date value.
+:::
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min* | The minimum month that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max* | The maximum month that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+## Input Tel Element {#input-tel}
+
+Child of [Input Element](#input), the **Input Tel Element** displays a [\<input type="tel"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel) HTML element, use it to create one-line telephone number edit fields.
+
+![Input Tel Element](./assets/elements/input-tel.webp)
+
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Placeholder* | The text to be shown while there is no user input. | &#x2713; |
+<!--@include: ./common-element-settings.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | -- | :---: | :---: | :---: |
+| *Min Length* | The minimum content length that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max Length* | The maximum content length that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Pattern* | The [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) pattern that the input value must match to. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-radio.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-radio.md
new file mode 100644
index 00000000..f186816c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-radio.md
@@ -0,0 +1,20 @@
+## Radio Element {#radio}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-radio.svg-->
+</div>
+
+The **Radio Element** displays a group of [\<input type="radio"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio) HTML elements wrapped in a `<label>`, use it to allow users choosing a single option from a pre-established group.
+
+![Radio Element](./assets/elements/radio.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Layout* | The layout that will be used to display the options, `Vertical` or `Horizontal`. |
+<!--@include: ./common-element-settings.md-->
+
+<!--@include: ./common-element-options.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+<!--@include: ./common-element-validation.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-range.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-range.md
new file mode 100644
index 00000000..f7c01a9f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-range.md
@@ -0,0 +1,22 @@
+## Range Element {#range}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-range.svg-->
+</div>
+
+The **Range Element** displays a [\<input type="range"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range) HTML element, use it to allow users to enter a numeric value in a specified range which precise value, however, is not considered important.
+
+![Range Element](./assets/elements/range.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Size* | The field size applied with `uk-form-{size}` [modifier](https://getuikit.com/docs/form#size-modifiers). |
+| *Width* | The field width applied with `uk-form-width-{width}` [modifier](https://getuikit.com/docs/form#width-modifiers). |
+<!--@include: ./common-element-settings.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min* | The minimum amount that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max* | The maximum amount that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Step* | The multiple of which the input value must constrain to. | &#x2713; |   &#x2713; ||
+<!--@include: ./common-element-validation.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-recaptcha.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-recaptcha.md
new file mode 100644
index 00000000..faf1fdc7
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-recaptcha.md
@@ -0,0 +1,60 @@
+## reCAPTCHA
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-recaptcha.svg-->
+</div>
+
+The reCAPTCHA element integrates [Google reCAPTCHA](https://developers.google.com/recaptcha) service that helps protect websites from spam and abuse, supporting both v2 and v3.
+
+![reCAPTCHA Element](./assets/elements/recaptcha.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Type* | The type of captcha to display, _v2 Checkbox_, _v2 Invisible_ or _v3_. | |
+| *Site/Secret Key* | The sit and secret keys obtained from [reCAPTCHA](https://developers.google.com/recaptcha) Dashboard. |
+| *Error Message* | A message that will be displayed if the element validation fails. Optionally use `{fieldlabel}` as a placeholder, it will be replaced with the field label. | &#x2713; |
+
+::: tip
+The [reCAPTCHA Admin Console](https://www.google.com/recaptcha/admin) allows you to manage your reCAPTCHA site and secret keys, and configure the [settings](https://developers.google.com/recaptcha/docs/settings) of those at any time. It also allows you to permanently delete your reCAPTCHA keys.
+:::
+
+### reCAPTCHA v2
+
+reCAPTCHA v2 verifies if an interaction is legitimate with a captcha challenge presented in two variations.
+
+::: tip
+By default, only the most suspicious traffic will be prompted to solve a captcha. To alter this behavior edit the site security preference under the [reCAPTCHA Admin Console](#admin-console) advanced settings.
+:::
+
+### "I'm not a robot" Checkbox
+
+Requires the user to click a checkbox indicating is not a robot.
+
+![reCAPTCHA v2 Checkbox](./assets/elements/recaptcha-checkbox.gif)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Label* | The title for the field that represent the field data. | &#x2713; |
+| *Theme* | The field style output, _Light_ or _Dark_. ||
+| *Size* | The field size output, _Normal_ or _Compact_. ||
+
+#### Invisible reCAPTCHA badge
+
+A captcha might be invoked when the form is submitted, but the badge is always visible.
+
+![reCAPTCHA v2 Invisible](./assets/elements/recaptcha-invisible.png)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Position* | The badge position, _Bottom Left_, _Bottom Right_, or _Inline_. ||
+| *Label* | The title for the field that should represent the field data, when the position is set as _Inline_. ||
+| *Theme* | The badge style output, _Light_ or _Dark_. ||
+
+### reCAPTCHA v3
+
+reCAPTCHA v3 verifies if an interaction is legitimate without any user interaction, instead of showing a CAPTCHA challenge it evaluates based on the returned score by the API.
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Score Threshold* | The value below which to consider the submitter a bot. The score runs from `0.0` (bot) to `1.0` (human). ||
+| *Action* | The [action](https://developers.google.com/recaptcha/docs/v3#actions) name for the captcha request. Used for more advanced integrations, may only contain alphanumeric characters and slashes. ||
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-select.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-select.md
new file mode 100644
index 00000000..1ad19462
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-select.md
@@ -0,0 +1,29 @@
+## Select Element {#select}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-select.svg-->
+</div>
+
+The **Select Element** displays a [\<select\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) HTML element, use it to allow users to choose, by selection, a single or multiple pre-established options.
+
+![Select Element](./assets/elements/select.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Size* | The field size applied with `uk-form-{size}` [modifier](https://getuikit.com/docs/form#size-modifiers). |
+| *Width* | The field width applied with `uk-form-width-{width}` [modifier](https://getuikit.com/docs/form#width-modifiers). |
+| *Height* | The number of rows in the list that will be visible by default, if Multiple Selection is enabled. |
+| *Multiple Selection* | Should it be allowed to choose more than one option. |
+<!--@include: ./common-element-settings.md-->
+
+<!--@include: ./common-element-options.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min* | The minimum amount of options that must be chosen, `greater than` or `equal to`. | &#x2713; | |  &#x2713; |
+| *Max* | The maximum amount of options that can be chosen, `lower than` or `equal to`. | &#x2713; | |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
+
+::: tip
+For a select with a placeholder add an option with an empty value and custom label above all other options.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-textarea.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-textarea.md
new file mode 100644
index 00000000..3b83bc7c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-textarea.md
@@ -0,0 +1,24 @@
+## Textarea Element {#textarea}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-textarea.svg-->
+</div>
+
+The **Textarea Element** displays a [\<textarea\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea) HTML element, use it to allow users entering a sizeable amount of free-form text, for example, a comment on a review or feedback form.
+
+![Textarea Element](./assets/elements/textarea.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Placeholder* | The text to be shown while there is no user input. | &#x2713; |
+| *Size* | The field size applyied with `uk-form-{size}` [modifier](https://getuikit.com/docs/form#size-modifiers). ||
+| *Width* | The field width applyied with `uk-form-width-{width}` [modifier](https://getuikit.com/docs/form#width-modifiers). ||
+| *Rows* | The number of visible text lines by setting a value for `rows` attribute. ||
+<!--@include: ./common-element-settings.md-->
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Min Length* | The minimum content length that the input value must constrain to, `greater than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Max Length* | The maximum content length that the input value must constrain to, `lower than` or `equal to`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Pattern* | The [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) pattern that the input value must match to. | &#x2713; |   &#x2713; |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-turnstile.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-turnstile.md
new file mode 100644
index 00000000..5c2fcbb8
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-turnstile.md
@@ -0,0 +1,19 @@
+## Turnstile
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-turnstile.svg-->
+</div>
+
+The Turnstile element integrates [Cloudflare Turnstile](https://www.cloudflare.com/products/turnstile) captcha alternative.
+
+![Turnstile Element](./assets/elements/turnstile.gif)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Appears* | When should the widget appear, _Always_ or _When Interaction Required_. |
+| *Site/Secret Key* | The Site and Secret keys obtained from [Turnstile](https://dash.cloudflare.com/?to=/:account/turnstile) Dashboard. |
+| *Label* | An optional label for the field. | &#x2713; |
+| *Theme* | The widget theme style, _Light_ or _Dark_. |
+| *Size* | The widget theme size, _Normal_ or _Compact_. |
+| *Compliance* | Optional override of the legally required text to comply with online privacy laws. It should link to [Turnstile Privacy Policy](https://www.cloudflare.com/privacypolicy) and [Terms of Service](https://www.cloudflare.com/website-terms). |
+| *Error Message* | A message that will be displayed if the element validation fails. Optionally use `{fieldlabel}` as a placeholder, it will be replaced with the field label. | &#x2713; |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-upload.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-upload.md
new file mode 100644
index 00000000..725a1385
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_partials/element-upload.md
@@ -0,0 +1,49 @@
+## Upload Element {#upload}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/element-upload.svg-->
+</div>
+
+The **Upload Element** displays a [\<input type="file"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file) HTML element wrapped with a [UIkit Custom Control](https://getuikit.com/docs/form#custom-controls), use it to allow users uploading one or more files from their device.
+
+![Upload Element](./assets/elements/upload.webp)
+
+| Setting | Description | Dynamic |
+| --- | --- | :---: |
+| *Upload to* | The server path where the file will be uploaded to. | &#x2713; |
+| *Filename* | An optional filename to rename the uploaded file with. | &#x2713; |
+| *Allow multiple* | Should be allowed to upload multiple files simultaneously. |
+| *Avoid collisions* | Should the uploaded filename be renamed in the case of a name conflict with a pre-existing file. The new name will be the original name appended with `_{n}`, being `n` a sequential number. |
+| *Label* | The title for the field that represents the field data. | &#x2713; |
+| *Control* | The name that identifies the field control within the form. It's required and must be unique for the Form Area. |
+| *Sync ID / Control* | Should the field ID attribute obtain it value from the Control Name. |
+
+![Upload Display](./assets/elements/upload-display.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Display* | The combination of HTML elements to show, _Button & Input_, _Button_, _Link_, or _Native_. |
+| *Text* | The text for the button or link, if those are displayed. |
+
+![Upload Input](./assets/elements/upload-input.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Icon* | The name of the Icon that will be displayed inside the input field. |
+| *Icon Alignment* | The side of the field where the icon will be aligned, _Left_ or _Right_. |
+
+![Upload Button](./assets/elements/upload-button.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Full Width* | Should the button occupy the full width of its parent. |
+| *Icon* | The name of the Icon that will be displayed inside the input field. |
+| *Icon Alignment* | The side of the button where the icon will be aligned, _Left_ or _Right_. |
+
+| Validation | Description | Dynamic | Browser Side | Server Side |
+| --- | --- | :---: | :---: | :---: |
+| *Mime Types* | The comma-separated list of mime types that the uploaded files must constrain to, e.g. `image/png, video/*`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Extensions* | The comma-separated list of file extensions that the uploaded files must constrain to, e.g. `png, jpg, gif`. | &#x2713; |   &#x2713; |  &#x2713; |
+| *Min File Size* | The minimum size that the uploaded files must constrain to, `greater than` or `equal to`, using any standard size unit _B_, _KB_, _MB_, _GB_, _TB_, _PB_, _EB_, _ZB_, or _YB_. | &#x2713; | |  &#x2713; |
+| *Max File Size* | The maximum size that the uploaded files must constrain to, `lower than` or `equal to`, using the same size units as Min File Size. | &#x2713; | |  &#x2713; |
+<!--@include: ./common-element-validation.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_shared/actions.data.js b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_shared/actions.data.js
new file mode 100644
index 00000000..d7163b4b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_shared/actions.data.js
@@ -0,0 +1,18 @@
+import { createContentLoader } from 'vitepress';
+
+export default createContentLoader('/essentials-for-yootheme-pro/addons/forms/actions/*.md', {
+    excerpt: true,
+    transform(rawData) {
+        return rawData
+            .filter((item) => !item.url.endsWith('/'))
+            .map((item) => {
+                const name = item.frontmatter?.title?.toLowerCase().replace(/ /g, '-');
+
+                return {
+                    ...item.frontmatter,
+                    icon: `/essentials-for-yootheme-pro/addons/forms/actions/assets/icon/${name}.svg`,
+                    link: item.url,
+                };
+            });
+    },
+});
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/_shared/fields.data.js b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_shared/fields.data.js
new file mode 100644
index 00000000..d5e3f667
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/_shared/fields.data.js
@@ -0,0 +1,18 @@
+import { createContentLoader } from 'vitepress';
+
+export default createContentLoader('/essentials-for-yootheme-pro/addons/forms/fields/*.md', {
+    excerpt: true,
+    transform(rawData) {
+        return rawData
+            .filter((item) => !item.url.endsWith('/'))
+            .map((item) => {
+                const name = item.frontmatter?.title?.toLowerCase();
+
+                return {
+                    ...item.frontmatter,
+                    icon: `/essentials-for-yootheme-pro/addons/forms/fields/assets/icon/${name}.svg`,
+                    link: item.url,
+                };
+            });
+    },
+});
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/actions.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/actions.md
new file mode 100644
index 00000000..c55722ae
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/actions.md
@@ -0,0 +1,16 @@
+# After Submit Actions
+
+Actions are multi-instance functions that will run sequentially, after a form has been successfully submitted. To learn more about [actions](./form-area#after-submit-actions), see the corresponding documentation.
+
+<!--@include: ./_partials/action-acymailing.md-->
+<!--@include: ./_partials/action-airtable.md-->
+<!--@include: ./_partials/action-alter.md-->
+<!--@include: ./_partials/action-download.md-->
+<!--@include: ./_partials/action-email.md-->
+<!--@include: ./_partials/action-mailchimp.md-->
+<!--@include: ./_partials/action-message.md-->
+<!--@include: ./_partials/action-redirect.md-->
+<!--@include: ./_partials/action-validate.md-->
+<!--@include: ./_partials/action-save-csv.md-->
+<!--@include: ./_partials/action-save-database.md-->
+<!--@include: ./_partials/action-save-google-sheet.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-acymailing.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-acymailing.svg
new file mode 100644
index 00000000..6b2ec0aa
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-acymailing.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 387 385">
+  <path fill="#444" fill-rule="nonzero" d="M208.831 54.209c-4.607 2.764-10.134 3.993-15.356 3.993-5.221 0-10.442-1.229-15.355-3.993L86.603 1.695 0 51.753v276.394l96.123 54.358V220.047l82.918 46.987c4.3 2.457 9.214 3.685 14.127 3.685 4.607 0 9.521-1.228 13.82-3.685l83.532-46.987v162.458l96.124-54.664V51.446L300.041 1.695l-91.21 52.515v-.001Zm-23.34 199.004-81.997-46.373-23.033-12.898V356.4l-65.413-36.852V69.565l159.694 92.745c3.379 1.843 6.757 3.071 10.442 3.992v86.911h.307Zm185.798 66.028-65.413 37.16V193.636l-23.033 12.898-81.997 46.373v-86.603c3.685-.922 7.063-2.15 10.442-3.992l160.001-93.053v249.983-.001ZM203.61 149.105a21.106 21.106 0 0 1-20.883 0L23.032 56.36l63.571-36.852 83.839 48.215c7.064 3.993 15.048 6.143 23.033 6.143 7.985 0 15.969-2.15 23.033-6.143l83.839-48.215 63.571 36.852-160.309 92.745h.001Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-alter.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-alter.svg
new file mode 100644
index 00000000..2bc3a09d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-alter.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+    <g stroke="#444" fill="#444">
+      <path fill="none" stroke-width="2" d="M28.992 15.341v13.651H1.008V1.008h13.651"/>
+      <path stroke="none" d="M18.7 9.6 27.5.9l1.6 1.6-8.8 8.7-1.6 0 0-1.6Z"/>
+      <path fill="none" stroke-width="2" d="M5.487 24.583h19.026"/>
+      <path fill="none" stroke-width="2" d="M5.487 14.583h8.207"/>
+      <path fill="none" stroke-width="2" d="M5.487 19.583h19.026"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-download.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-download.svg
new file mode 100644
index 00000000..3d7a31d9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-download.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+    <g stroke="#444">
+      <path fill="none" stroke-width="2" d="M 1 21 v 8 h 28 v -8"/>
+      <path fill="none" stroke-width="2" d="M9.455 13.879 15 19.424l5.545-5.545"/>
+      <path fill="none" stroke-width="2" d="M 15 19 V 0"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-email.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-email.svg
new file mode 100644
index 00000000..7282b9c2
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-email.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+    <g stroke="#444">
+      <path fill="none" stroke-width="2" d="M27 5.087 9.107 18.338l.04 6.575 3.868-4.295 6.31 3.664L27 5.087 3 14.756l6.107 3.582"/>
+    </g>
+  </svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-message.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-message.svg
new file mode 100644
index 00000000..90faea47
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-message.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 94">
+    <g fill="#444">
+      <path d="M93.619 0v76.282H19.058L0 93.619V0h93.619Zm-6.812 6.812H6.812v71.401l9.611-8.743h70.384V6.812Z"/>
+      <path fill-rule="nonzero" d="M42.347 35.488h8.925v8.928h-8.925v-8.928Zm-17.856 0h8.928v8.928h-8.928v-8.928Zm35.706 0h8.931v8.928h-8.931v-8.928Z"/>
+      <path d="M42.347 35.488h8.925v8.928h-8.925v-8.928Zm3.125 3.124v2.679h2.675v-2.678l-2.675-.001Zm-20.981-3.125h8.928v8.929h-8.928v-8.929Zm3.125 3.125v2.679h2.678v-2.679h-2.678Zm32.581-3.125h8.931v8.929h-8.931v-8.929Zm3.125 3.125v2.679h2.681v-2.678l-2.681-.001Z"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-redirect.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-redirect.svg
new file mode 100644
index 00000000..fbfa116c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-redirect.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+    <g stroke="#444">
+      <path fill="none" stroke-width="2" stroke-linecap="square" d="M9.856 3.977h14.697l3.788 2.927-3.787 2.952L8.39 9.855V3.974m7.345 11.761H5.446l-3.757 2.894 3.757 2.984h11.763v-5.876m-2.944 13.225v-7.349m0-5.878V9.856m0-5.879V1.048"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-csv.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-csv.svg
new file mode 100644
index 00000000..b0c3f76c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-csv.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="2" d="M25.719 8.569v20.366H4.281V1.065h11.79"/>
+    <path stroke="none" d="M18.76 24.041c.521-.146.907-.388 1.152-.729.245-.34.387-.817.423-1.43H18.76v-2.715h2.806v2.35c0 .414-.056.843-.164 1.294a2.63 2.63 0 0 1-.61 1.166c-.315.347-.703.619-1.135.798-.434.178-.733.267-.897.267v-1Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-database.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-database.svg
new file mode 100644
index 00000000..567c24f1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-database.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M4.327 23.029c0-.734.647-1.336 1.434-1.336.788 0 1.435.602 1.435 1.336 0 .733-.647 1.336-1.435 1.336-.787 0-1.434-.603-1.434-1.336Zm0-15.965c0-.734.647-1.336 1.434-1.336.788 0 1.435.602 1.435 1.336 0 .733-.647 1.336-1.435 1.336-.787 0-1.434-.603-1.434-1.336Z"/>
+    <path fill="none" stroke-width="2" d="M28.925 28.925H1.075V17.213h27.85v11.712ZM1.075 1.075h27.85v11.712H1.075V1.075Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-google-sheet.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-google-sheet.svg
new file mode 100644
index 00000000..513386c9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-save-google-sheet.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="2" d="M25 9v19l-20 0 0-26 11 0"/>
+    <path stroke="none" d="m24.103 8.295 1.51-2.156L22.418.705h-2.876l-3.194 5.434 1.51 2.156h6.245Zm-.282-.542h-5.406l.828-1.355h5.527l-.949 1.355Zm-1.404-1.897h-2.843l1.407-2.306 1.436 2.306Zm2.4 0h-1.761l-2.87-4.609h1.922l2.709 4.609ZM19.704 1.5l.956 1.535-2.712 4.444-.956-1.365L19.704 1.5Z"/>
+    <path stroke="none" d="M21.084 12.617H8.916v12.168h12.168V12.617Zm-10.43 5.215h3.477v1.738h-3.477v-1.738Zm5.215 0h3.477v1.738h-3.477v-1.738Zm3.477-1.738h-3.477v-1.739h3.477v1.739Zm-5.215-1.739v1.739h-3.477v-1.739h3.477Zm-3.477 6.953h3.477v1.739h-3.477v-1.739Zm5.215 1.739v-1.739h3.477v1.739h-3.477Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-validate.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-validate.svg
new file mode 100644
index 00000000..5a1e4bc4
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/action-validate.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+    <g fill="#444" stroke="#444" stroke-width="2">
+      <path fill="none" d="M28.992 15.341v13.651H1.008V1.008h13.651"/>
+      <path fill="none" d="M5.487 24.583h19.026"/>
+      <path fill="none" d="M5.487 14.583h8.207"/>
+      <path fill="none" d="M5.487 19.583h19.026"/>
+      <path fill="none" d="m28.49 1.615-6.433 9.783-4.011-3.318"/>
+    </g>
+  </svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions.webp
new file mode 100644
index 00000000..5050bd36
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-data-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-data-settings.webp
new file mode 100644
index 00000000..ce2b4aa9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-data-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-download-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-download-settings.webp
new file mode 100644
index 00000000..1de0117f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-download-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-email-attachments.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-email-attachments.webp
new file mode 100644
index 00000000..8d4f68ca
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-email-attachments.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-email-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-email-settings.webp
new file mode 100644
index 00000000..e27fad72
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-email-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-message-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-message-settings.webp
new file mode 100644
index 00000000..c28e418b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-message-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-redirect-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-redirect-settings.webp
new file mode 100644
index 00000000..5ad15395
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-redirect-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-saveto-mapping.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-saveto-mapping.webp
new file mode 100644
index 00000000..7e2a1fd8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-saveto-mapping.webp differ
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetocsv-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetocsv-settings.webp
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetocsv-settings.webp
rename to src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetocsv-settings.webp
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetodb-connection.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetodb-connection.webp
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetodb-connection.webp
rename to src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetodb-connection.webp
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetodb-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetodb-settings.webp
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetodb-settings.webp
rename to src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetodb-settings.webp
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetodb-update.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetodb-update.webp
new file mode 100644
index 00000000..63ad3889
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetodb-update.webp differ
diff --git a/src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetogsheet-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetogsheet-settings.webp
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/forms/assets/actions/action-savetogsheet-settings.webp
rename to src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/action-savetogsheet-settings.webp
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/actions.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/actions.webp
new file mode 100644
index 00000000..5050bd36
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/actions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/exec-dynamic.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/exec-dynamic.webp
new file mode 100644
index 00000000..6d803d7c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/exec-dynamic.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/execution.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/execution.webp
new file mode 100644
index 00000000..9668b24b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/execution.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/multi-instance.png b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/multi-instance.png
new file mode 100644
index 00000000..766dc15c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/multi-instance.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/multi-instance.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/multi-instance.webp
new file mode 100644
index 00000000..a89eee3e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/actions/multi-instance.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/captcha-elements.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/captcha-elements.webp
new file mode 100644
index 00000000..1d18b3d1
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/captcha-elements.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-button.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-button.svg
new file mode 100644
index 00000000..878c5b86
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-button.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#444">
+    <path fill="none" stroke-width="2" d="M11,8l10.882,8.611l-2.902,1.681l3.209,5.965 l-3.98,2.146l-3.207-5.965l-2.9,1.681L11,8z" />
+    <polyline fill="none" stroke-width="2" points="8,18 2,18 2,3 28,3 28,18 25,18 " />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-checkbox.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-checkbox.svg
new file mode 100644
index 00000000..712baf56
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-checkbox.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+    <path stroke-width="2" fill="none" d="M1.567 12.078h6.454v5.195H1.567z" transform="matrix(.89867 0 0 1.11653 .4461395 -10.584083)"/>
+    <path stroke-width="2" fill="none" d="M1.567 12.078h6.454v5.195H1.567z" transform="matrix(.89867 0 0 1.11653 .4461395 -1.484526)"/>
+    <path stroke-width="2" fill="none" d="M1.567 12.078h6.454v5.195H1.567z" transform="matrix(.89867 0 0 1.11653 .4461395 7.826924)"/>
+    <path stroke="none" d="M12.9513025 4.501717h16.006949v2.6h-16.006949z"/>
+    <path stroke="none" d="M12.9513025 13.601274h16.006949v2.6h-16.006949z"/>
+    <path stroke="none" d="M12.9513025 22.912724h16.006949v2.6h-16.006949z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-fcaptcha.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-fcaptcha.svg
new file mode 100644
index 00000000..b90f8b4f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-fcaptcha.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+    <path fill="none" stroke-width="2" stroke-linejoin="round" d="M7.128 24.941c5.446 5.446 14.41 5.446 19.856 0l-2.978-2.977c-3.813 3.811-10.086 3.811-13.899 0L7.128 24.94Z"/>
+    <path fill="none" stroke-width="2" stroke-linejoin="round" d="M7.228 15.014c0 3.608 2.878 6.949 2.879 6.949L7.13 24.94a14.003 14.003 0 0 1-4.114-9.926c0-7.75 6.29-14.04 14.04-14.04a14.04 14.04 0 0 1 9.928 4.112l-2.978 2.978a9.832 9.832 0 0 0-6.951-2.88c-5.391 0-9.828 4.436-9.828 9.828v.002Z"/>
+    <circle stroke="none" cx="175" cy="250" r="37.5" transform="matrix(.0586 0 0 .0586 2.497 .352)"/>
+    <circle stroke="none" cx="325" cy="250" r="37.5" transform="matrix(.0586 0 0 .0586 2.497 .352)"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-fieldset.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-fieldset.svg
new file mode 100644
index 00000000..d30b412f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-fieldset.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444" fill="#444">
+    <path fill="none" stroke-width="2" d="M1 4h28v22H1z"/>
+    <path stroke-width="2" d="M5 17h19zM5 13h19zM5 9h10z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-hcaptcha.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-hcaptcha.svg
new file mode 100644
index 00000000..1921c408
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-hcaptcha.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444" fill="none">
+    <path stroke-width="2" d="M22.03 4.48V.99H8.06v3.49H4.57v3.49H1.08v13.95h3.49v3.49h3.49v3.49h13.97v-3.49h3.49v-3.49h3.49V7.97h-3.49V4.48h-3.49z"/>
+    <path d="m10.75 14.07.87-1.96c.32-.5.28-1.12-.08-1.47a.91.91 0 0 0-.16-.12.97.97 0 0 0-.8-.1c-.3.1-.56.29-.73.56-.17.27-1.2 2.8-1.65 4.06-.45 1.25-.27 3.56 1.45 5.29 1.82 1.82 4.47 2.24 6.15.97a.64.64 0 0 0 .19-.13l5.19-4.34c.25-.2.63-.63.29-1.12-.32-.47-.94-.16-1.2.01l-2.98 2.17a.14.14 0 0 1-.09.03.14.14 0 0 1-.11-.05c-.08-.1-.09-.34.03-.44l4.58-3.89c.4-.36.46-.87.13-1.23-.31-.35-.8-.33-1.2.03l-4.13 3.22a.18.18 0 0 1-.12.05.18.18 0 0 1-.15-.08c-.09-.09-.12-.25-.03-.34l4.68-4.53a.93.93 0 0 0 .04-1.29.87.87 0 0 0-.63-.27.93.93 0 0 0-.66.26l-4.77 4.49c-.12.11-.34 0-.37-.14a.15.15 0 0 1 .04-.14l3.65-4.16a.9.9 0 0 0 .29-.66.92.92 0 0 0-.9-.9.9.9 0 0 0-.66.28l-5.54 6.12c-.19.2-.49.21-.63.1a.21.21 0 0 1-.04-.29h.01z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-hidden.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-hidden.svg
new file mode 100644
index 00000000..f02a42ff
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-hidden.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444">
+    <path fill="none" stroke-width="2" d="M2 7.5h26v15H2z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-honeypot.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-honeypot.svg
new file mode 100644
index 00000000..3fd346e5
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-honeypot.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <path d="M11.953 11.194l-3.957 2.227-3.865-2.232V6.571l3.965-2.232 3.908 2.314-.05 4.541zM8.045 2.011L2.1 5.447v6.868l5.946 3.433 5.949-3.433V5.447L8.045 2.01zM25.86 11.184l-3.957 2.227-3.865-2.232V6.561l3.966-2.232 3.907 2.314-.05 4.541zm-3.907-9.183l-5.947 3.436v6.868l5.947 3.433 5.948-3.433V5.437L21.953 2zM18.907 23.444l-3.958 2.227-3.864-2.232-.001-4.618 3.966-2.232 3.908 2.314-.051 4.541zm-3.908-9.182l-5.947 3.435v6.868L15 27.999l5.949-3.434v-6.868l-5.949-3.435z" fill="#444" fill-rule="nonzero"/>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-input.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-input.svg
new file mode 100644
index 00000000..4da5bcf9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-input.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444">
+    <path fill="none" stroke-width="2" d="M2 7.5h26v15H2z"/>
+    <path stroke-width="2" d="M 6 11 V 19 Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-radio.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-radio.svg
new file mode 100644
index 00000000..c826efdc
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-radio.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444" fill="#444">
+    <path fill="none" stroke-width="2" d="M27.371 7.148c0 1.906-1.588 3.489-3.646 3.489-1.906 0-3.648-1.583-3.648-3.489 0-1.901 1.588-3.647 3.648-3.647 1.902 0 3.646 1.589 3.646 3.647z" transform="matrix(.86372 0 0 .88357 -15.5612161 17.802899)"/>
+    <path fill="none" stroke-width="2" d="M27.371 7.148c0 1.906-1.588 3.489-3.646 3.489-1.906 0-3.648-1.583-3.648-3.489 0-1.901 1.588-3.647 3.648-3.647 1.902 0 3.646 1.589 3.646 3.647z" transform="matrix(.86372 0 0 .88357 -15.56121615 8.764207)"/>
+    <path fill="none" stroke-width="2" d="M27.371 7.148c0 1.906-1.588 3.489-3.646 3.489-1.906 0-3.648-1.583-3.648-3.489 0-1.901 1.588-3.647 3.648-3.647 1.902 0 3.646 1.589 3.646 3.647z" transform="matrix(.86372 0 0 .88357 -15.56121615 -.27448)"/>
+    <path stroke="none" d="M12.9513025 4.501717h16.006949v2.6h-16.006949z"/>
+    <path stroke="none" d="M12.9513025 13.601274h16.006949v2.6h-16.006949z"/>
+    <path stroke="none" d="M12.9513025 22.912724h16.006949v2.6h-16.006949z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-range.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-range.svg
new file mode 100644
index 00000000..aaffa0bd
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-range.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+    <path stroke-width="2" d="M28 3H2h26z" transform="matrix(1.07712 0 0 1 -1.16509 12)"/>
+    <ellipse stroke="none" cx="4.553" cy="24.48" rx="1.019" ry="1.054" transform="matrix(4.6174 0 0 4.42474 -6.02189 -93.31628)"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-recaptcha.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-recaptcha.svg
new file mode 100644
index 00000000..c448ff46
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-recaptcha.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444" fill="none">
+    <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1.806 16.304c0 .173.004.345.012.516v9.745l2.694-2.694a12.002 12.002 0 0 0 9.317 4.423c3.91 0 7.384-1.866 9.58-4.757l-4.416-4.462a5.858 5.858 0 0 1-1.789 2.007c-.771.602-1.864 1.093-3.375 1.093-.182 0-.323-.021-.427-.061a5.824 5.824 0 0 1-4.451-2.681l3.126-3.126c-3.959.016-8.432.025-10.271-.002"/>
+    <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M28.194 13.7a12.648 12.648 0 0 0-.012-.516V3.439l-2.694 2.694c-2.205-2.699-4.485-4.427-8.243-4.427v6.025c1.818.469 3.06 1.27 3.804 2.84l-3.126 3.126c3.959-.015 8.432-.025 10.271.002"/>
+    <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M13.795 1.706c-.173 0-.344.005-.515.012H3.534l2.694 2.694c-2.699 2.205-4.407 7.245-4.405 8.408 0 0 6.177-.019 6.2-.011.148-1.872 1.144-3.002 2.643-3.958l3.126 3.126c-.015-3.959-.024-8.432.002-10.271"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-select.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-select.svg
new file mode 100644
index 00000000..355bdf5c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-select.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444">
+    <path fill="none" stroke-width="2" d="M2 7.5h26v15H2z"/>
+    <path fill="none" stroke-width="2" d="M24 14l-3 3-3-3"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-textarea.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-textarea.svg
new file mode 100644
index 00000000..b06f8084
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-textarea.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444">
+    <path stroke-width="2" fill="none" d="M2 3h26v24H2z"/>
+    <path stroke-width="2" d="M 6 7 V 15 Z"/>
+    <path stroke-width="2" d="M0 4 V 18 4z" transform="matrix(.7071 .7071 -.34192 .34192 26.0579 17.4075)"/>
+    <path stroke-width="2" d="M1 4 V 18 4z" transform="matrix(.7071 .7071 -.17222 .17222 25.5588 20.7305)"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-turnstile.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-turnstile.svg
new file mode 100644
index 00000000..9d6a8ef5
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-turnstile.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="none">
+    <path d="M15.424 1.747a14.111 14.111 0 0 0-9.806 3.567L6.51.422 4.194 0 2.626 8.586l8.589 1.567.422-2.316-4.411-.805a11.735 11.735 0 0 1 7.736-2.912c6.436 0 11.732 5.296 11.732 11.732 0 6.436-5.296 11.732-11.732 11.732-6.436 0-11.732-5.296-11.732-11.732 0-1.002.128-2.001.382-2.971l-2.279-.597A14.134 14.134 0 0 0 .87 15.87C.87 23.622 7.249 30 15 30c7.751 0 14.13-6.378 14.13-14.13 0-7.591-6.118-13.895-13.706-14.123Z"/>
+    <path d="m23.79 12.38-2.118-2.117-8.306 8.307-3.304-3.302-2.12 2.12 5.428 5.429 2.12-2.121-.008-.008 8.308-8.307v-.001Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-upload.svg b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-upload.svg
new file mode 100644
index 00000000..17083cd1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/element-upload.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444">
+    <path fill="none" stroke-width="2" d="M2 7.5h26v15H2z"/>
+    <path fill="none" stroke-width="2" d="M11 15 15 11l4 4"/>
+    <path fill="none" stroke-width="2" d="M15 11v9"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-reset.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-reset.webp
new file mode 100644
index 00000000..aa805fcc
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-reset.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-settings.webp
new file mode 100644
index 00000000..70985603
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-submit.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-submit.webp
new file mode 100644
index 00000000..313d0863
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/button-submit.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/checkbox.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/checkbox.webp
new file mode 100644
index 00000000..59b2c99e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/checkbox.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/elements.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/elements.webp
new file mode 100644
index 00000000..b7c5ef18
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/elements.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/fcaptcha.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/fcaptcha.webp
new file mode 100644
index 00000000..d867fb29
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/fcaptcha.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/hcaptcha-checkbox.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/hcaptcha-checkbox.webp
new file mode 100644
index 00000000..e7a631d2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/hcaptcha-checkbox.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/hcaptcha.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/hcaptcha.webp
new file mode 100644
index 00000000..11555ec5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/hcaptcha.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-commons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-commons.webp
new file mode 100644
index 00000000..17b6339c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-commons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-date.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-date.webp
new file mode 100644
index 00000000..0a9f68e6
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-date.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-email.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-email.webp
new file mode 100644
index 00000000..19fd3996
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-email.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-grid.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-grid.webp
new file mode 100644
index 00000000..e897846d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-grid.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-month.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-month.webp
new file mode 100644
index 00000000..36fdd0f8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-month.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-number.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-number.webp
new file mode 100644
index 00000000..34cb20e1
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-number.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-password.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-password.webp
new file mode 100644
index 00000000..281172e1
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-password.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-tel.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-tel.webp
new file mode 100644
index 00000000..2ce6e0a4
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-tel.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-text.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-text.webp
new file mode 100644
index 00000000..9e9f6ad2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-text.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-time.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-time.webp
new file mode 100644
index 00000000..c71d6021
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-time.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-url.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-url.webp
new file mode 100644
index 00000000..eba21b07
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-url.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-week.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-week.webp
new file mode 100644
index 00000000..52ad3221
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input-week.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input.webp
new file mode 100644
index 00000000..1c27da15
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/input.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/options.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/options.webp
new file mode 100644
index 00000000..9247fca8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/options.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/radio.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/radio.webp
new file mode 100644
index 00000000..b13d1435
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/radio.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/range.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/range.webp
new file mode 100644
index 00000000..3718fa60
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/range.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha-checkbox.gif b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha-checkbox.gif
new file mode 100644
index 00000000..c3d21bce
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha-checkbox.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha-invisible.png b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha-invisible.png
new file mode 100644
index 00000000..d4a8234f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha-invisible.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha.webp
new file mode 100644
index 00000000..a14fd1f7
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/recaptcha.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/select.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/select.webp
new file mode 100644
index 00000000..368031e0
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/select.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/textarea.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/textarea.webp
new file mode 100644
index 00000000..cccd0fd9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/textarea.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/turnstile.gif b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/turnstile.gif
new file mode 100644
index 00000000..c19810d2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/turnstile.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-button.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-button.webp
new file mode 100644
index 00000000..d8f5b9ba
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-button.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-display.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-display.webp
new file mode 100644
index 00000000..c83a4e49
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-display.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-input.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-input.webp
new file mode 100644
index 00000000..afda5952
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload-input.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload.webp
new file mode 100644
index 00000000..1029a099
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/elements/upload.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/enable-addon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/enable-addon.gif
new file mode 100644
index 00000000..790b88c2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/enable-addon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-data-placeholders.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-data-placeholders.webp
new file mode 100644
index 00000000..581a1b0b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-data-placeholders.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-dynamic-content.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-dynamic-content.webp
new file mode 100644
index 00000000..0d634c12
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-dynamic-content.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-fields.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-fields.webp
new file mode 100644
index 00000000..e66383cd
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/form-fields.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-action-override.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-action-override.webp
new file mode 100644
index 00000000..e942e29f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-action-override.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-actions.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-actions.webp
new file mode 100644
index 00000000..196b71e5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-actions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-attr.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-attr.webp
new file mode 100644
index 00000000..1abc50c6
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-attr.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-custom-scripts.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-custom-scripts.webp
new file mode 100644
index 00000000..9c1b74bf
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-custom-scripts.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-errors-display.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-errors-display.webp
new file mode 100644
index 00000000..5c900744
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-errors-display.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-settings.webp
new file mode 100644
index 00000000..9227d280
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-shortcut.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-shortcut.webp
new file mode 100644
index 00000000..9c46ce65
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/formarea-config-shortcut.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/add-form-actions.gif b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/add-form-actions.gif
new file mode 100644
index 00000000..dcbf0403
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/add-form-actions.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/add-form-fields.gif b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/add-form-fields.gif
new file mode 100644
index 00000000..da44e075
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/add-form-fields.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/create-form-area.gif b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/create-form-area.gif
new file mode 100644
index 00000000..e5fb9fec
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/create-form-area.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/submission-test.webp b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/submission-test.webp
new file mode 100644
index 00000000..044c6606
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/forms/assets/integration/submission-test.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/captcha.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/captcha.md
new file mode 100644
index 00000000..e8e4f0b0
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/captcha.md
@@ -0,0 +1,8 @@
+# CAPTCHA
+
+A CAPTCHA is a type of test that is used to determine whether the user is human by presenting a challenge-response test. It is often used in online forms to prevent spam and abuse. There are various third-party CAPTCHA service providers that are supported out of the box, use them to set a workflow that will protect the form from such abuses.
+
+<!--@include: ./_partials/element-hcaptcha.md-->
+<!--@include: ./_partials/element-recaptcha.md-->
+<!--@include: ./_partials/element-fcaptcha.md-->
+<!--@include: ./_partials/element-turnstile.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/custom-action.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/custom-action.md
new file mode 100644
index 00000000..02ed10d7
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/custom-action.md
@@ -0,0 +1,98 @@
+---
+description: Create a Custom After Submit Action
+---
+
+# Custom Form Action
+
+Learn how to create a custom [After Submit Action](./form-area#after-submit-actions).
+
+Follow the bellow steps to create your first action, you can alternatively use this [action example](https://github.com/zoolanders/ytp-form-actions) in GitHub which includes more details and a working code. Also notice that core actions are a very useful resource to get started and can be found in the `modules/forms/actions` directory relative to the [installation folder](/essentials-for-yootheme-pro/installation).
+
+::: warning Extending YOOtheme Pro
+The following guide assumes you are already familar with coding, PHP, and [extending YOOtheme Pro](https://yootheme.com/support/yootheme-pro/joomla/developers-child-themes#extend-functionality).
+:::
+
+## 1. Create the Action Class
+
+An Action is a _Class_ extending `StandardAction` executed during the after-submission process, let's declare it in a YOOtheme Pro Module. If you are not familiar with those please review [YOOtheme Pro Documentation](https://yootheme.com/support/yootheme-pro/joomla/developers-modules) first.
+
+```php
+// myaction/MyAction.php
+<?php
+
+namespace MyActionNameSpace;
+
+use ZOOlanders\YOOessentials\Form\Action\StandardAction;
+use ZOOlanders\YOOessentials\Form\Action\ActionConfigurationException;
+use ZOOlanders\YOOessentials\Form\Http\FormSubmissionResponse;
+
+class MyAction extends StandardAction
+{
+    public function __invoke(FormSubmissionResponse $response, callable $next) : FormSubmissionResponse
+    {
+        // This is the `Form` class. It holds all the form configurations
+        $form = $response->submission()->form();
+
+        // This is the user-submitted data
+        $data = $response->submission()->data();
+
+        // This is the action configuration, any dynamic setting has already been resolved
+        $config = (object) $this->getConfig();
+
+        // validate configuration
+        if (!$config) {
+            throw ActionConfigurationException::create($this, 'Config Error Message', $e);
+            // or throw new \Exception('Error Message...');
+        }
+
+        // by calling $next() the next action in queue will
+        // be executed receiving the altered response
+        return $next($response->withData([]));
+    }
+}
+```
+
+Both the action configuration (inputed by the Developer) as the action data (submitted by the User) can be validated during runtime by throwing a proper Exception.
+
+Any `\Exception` thrown during the action execution will stop the entire actions chain, with the difference that the `ActionConfigurationException` error will be visible only while in the Customizer giving a hint what action has triggered the error. Use it to warn the integrator that some configuration is wrong or missing.
+
+## 2. Create the Action Config
+
+Besides a _Class_, each Action requires a `config.json` or `config.php` file that will declare the name, icon, and fields of the action for its configuration. Here's an example that is very similar to that of an `element.json` as is based on the same config creation workflow.
+
+```json
+// myaction/config.json
+{
+  "name": "my-action",
+  "title": "My Action",
+  "icon": "${url:~root/path/to/icon.svg}",
+  "fields": {
+    "name": {
+      "label": "Action Name",
+      "description": "A name to identify this action."
+    },
+    "foo": {
+      "label": "Foo",
+      "description": "..."
+    }
+  }
+}
+```
+
+## 3. Declare the Action
+
+Finally, each action must be registered by adding a reference to the _Class_ and _Config_ to the `yooessentials-form-actions` key of the `config.php` or `bootstrap.php` file of a [child theme](https://yootheme.com/support/yootheme-pro/joomla/developers-child-themes#extend-functionality) or [plugin](https://yootheme.com/support/yootheme-pro/joomla/developers-modules).
+
+```php
+<?php
+
+require_once __DIR__ . '/myaction/MyAction.php';
+
+return [
+
+    'yooessentials-form-actions' => [
+        MyAction::class => __DIR__ . '/myaction/config.json'
+    ]
+
+];
+```
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/custom-element.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/custom-element.md
new file mode 100644
index 00000000..b9d814d0
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/custom-element.md
@@ -0,0 +1,81 @@
+---
+description: Create a Custom Form Element
+---
+
+# Custom Form Element
+
+Learn how to create a custom [Form Element](./elements).
+
+Follow the steps below to create your first element. Notice that core form elements are a very useful resource to get started and can be found in the `modules/forms/elements` directory relative to the [installation folder](/essentials-for-yootheme-pro/installation).
+
+::: warning Extending YOOtheme Pro
+The following guide assumes you are already familiar with coding, PHP, and [extending YOOtheme Pro](https://yootheme.com/support/yootheme-pro/joomla/developers-child-themes#extend-functionality).
+:::
+
+## 1. Create Element Structure
+
+A Form Element is no different from a standard core element, with the exception of a few more options we are going to see in the next steps. For now, create a new custom element following the official guide on [how to create a custom element](https://yootheme.com/support/yootheme-pro/joomla/developers-elements).
+
+## 2. Extend as Form Element
+
+Once your custom element is ready, let's upgrade it in order to be properly recognized by the form.
+
+Open the `element.json` file and prefix the name prop with `yooessentials_form_`, then add the `submittable` prop as `true` and basic `control_` fields, as illustrated.
+
+```json
+// myelement/element.json
+{
+  "@import": "./element.php",
+  "name": "myelement", // [!code --]
+  "name": "yooessentials_form_myelement", // [!code ++]
+  "submittable": true, // [!code ++]
+  ...
+  "fields": {
+    "control_id": "${yooessentials.form.fields.control_id}", // [!code ++]
+    "control_name": "${yooessentials.form.fields.control_name}", // [!code ++]
+    "control_label": "${yooessentials.form.fields.control_label}", // [!code ++]
+    "control_required": "${yooessentials.form.fields.control_required}", // [!code ++]
+    ...
+  },
+  "fieldset": {
+    "default": {
+      "type": "tabs",
+      "fields": [
+        {
+          "title": "Content",
+          "fields": [
+              "control_id", // [!code ++]
+              "control_name", // [!code ++]
+              "control_label", // [!code ++]
+              "control_required", // [!code ++]
+              ...
+          ]
+        },
+        ...
+      ]
+    }
+  }
+}
+```
+
+Even though not strictly necessary, it is good practice to wrap the element output with a form control, which will display and connect the label properly as well as adapt the output to the different form layouts.
+
+```php
+// myelement/templates/template.php
+<?php
+$el = $this->el('div');
+$myfield = $this->el(...);
+$control = $this['ye-form']->control( // [!code ++]
+    $node->props['control_name'], // [!code ++]
+    $node->props['control_label'], // [!code ++]
+    $node->props['control_required'], // [!code ++]
+    $node->props['id'] // [!code ++]
+); // [!code ++]
+?>
+
+<?= $el($props, $attrs) ?>
+    <?= $control() ?> // [!code ++]
+        <?= $myfield(...) ?>
+    <?= $control->end() ?> // [!code ++]
+<?= $el->end() ?>
+```
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/elements.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/elements.md
new file mode 100644
index 00000000..d7d2b87a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/elements.md
@@ -0,0 +1,16 @@
+# Form Elements
+
+Form Elements are YOOtheme Pro builder elements used to structure a Form Area and define data specifics. Those are grouped under _Form Essentials_ builder element library.
+
+![Form Fields](./assets/form-fields.webp)
+
+<!--@include: ./_partials/element-button.md-->
+<!--@include: ./_partials/element-input.md-->
+<!--@include: ./_partials/element-textarea.md-->
+<!--@include: ./_partials/element-range.md-->
+<!--@include: ./_partials/element-select.md-->
+<!--@include: ./_partials/element-checkbox.md-->
+<!--@include: ./_partials/element-radio.md-->
+<!--@include: ./_partials/element-upload.md-->
+<!--@include: ./_partials/element-hidden.md-->
+<!--@include: ./_partials/element-fieldset.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/form-area.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/form-area.md
new file mode 100644
index 00000000..e6693ed1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/form-area.md
@@ -0,0 +1,97 @@
+# Form Area
+
+A form area is a layout _section_, _column_ or _sublayout_ defined as such in the _Advanced Tab_ settings. It configuration and fields structure is scoped, making possible the placement of multiple forms in the same layout.
+
+![Form Area Shortcut](./assets/formarea-config-shortcut.webp)
+
+For every form area a `paper-plane`  icon will appear in the builder's main panel to both state that the node is a form area as well as to allow directly opening its configuration panel when clicked.
+
+## After Submit Actions
+
+After Submit Actions, or simply actions, are multi-instance functions that will run sequentially, after a form has been successfully submitted, as long as the chain is not disrupted by an error. These are crucial for the form workflow, as submission data is not processed or logged unless there is an action set for the task.
+
+Actions are set in the form area [configuration](#form-area-configuration) and tipically involves sending an email or saving the submission data to the database. For a full overview of available actions and their capabilities, consult the [actions](./actions) section.
+
+![After Submit Actions](./assets/actions/actions.webp)
+
+Actions will by default be always executed unless their status has been manually set to `disabled`, or it execution condition dynamically been resolved to false. The execution condition supports Dynamic Content, including the form submitted data.
+
+![Actions Dynamic Execution](./assets/actions/exec-dynamic.webp)
+
+::: tip
+Use execution conditions for advanced workflows, e.g. subscribing to a newsletter only if a specific checkbox has been checked on.
+:::
+
+## Form Area Configuration
+
+The form area configuration panel contains form specific settings, including [after submit actions](#after-submit-actions).
+
+![Form Area Actions](./assets/formarea-config-actions.webp)
+
+![Form Area Settings](./assets/formarea-config-settings.webp)
+
+| Setting | Default | Description |
+| --- | --- | --- |
+| *After Submit Actions* | `[]` | List of actions to execute after a successful submission. At least one action is necessary. |
+| *HTML 5 Validation* | `true` | Whether to execute front side HTML5 validation before submission. Server side validation is always executed. |
+| *Reset After Submit* | `true` | Whether to reset the form to it initial state after a successfull submission. |
+
+::: tip Note
+For field specific validation refer to [elements field settings](./elements).
+:::
+
+![Form Area Errors Display](./assets/formarea-config-errors-display.webp)
+
+| Setting | Default | Description |
+| --- | --- | --- |
+| *Display in Modal* | `false` | Wether to display server side errors in a Modal instead of the bottom block. |
+| *Modal Content* | | The content to be displayed in the modal, use `{errors}` as placeholder for the list of errors. |
+| *Center Modal* | `false` | Wether to vertically center the modal. |
+
+![Form Attributes](./assets/formarea-config-attr.webp)
+
+| Setting | Default | Description |
+| --- | --- | --- |
+| *Name* |  | A custom name attribute for the form dom node. |
+| *ID* |  | A custom ID attribute for the form dom node. |
+| *Class* |  | Custom classes for the form dom node. |
+
+![Form Action Override](./assets/formarea-config-action-override.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Action URL* | The URL where the form should submit the data to. |
+| *Action Method* | The method that should user for submitting the data, `GET` or `POST`. |
+
+::: warning Side Effects
+Notice that when a custom action URL is set, server-side validation and after submit actions will not be executed.
+:::
+
+![Form Area Custom Scripts](./assets/formarea-config-custom-scripts.webp)
+
+| Event | Scope Variables | Description |
+| --- | --- | --- |
+| *Before Submission* | `event`, `form` | Executes before the submission allowing to prevent it. |
+| *After Submission* | `event`, `form`, `data`, `response` | Executes after successfull submission. |
+| *After Submission Error* | `event`, `form`, `data`, `errors`, `validation` | Executes after server side submission error, including validation errors. |
+| *After Validation Error* | `event`, `form`, `data` | Executes after front-end validation error. |
+
+::: tip
+For more advanced customizations consult [Extending Forms](./form-events) section.
+:::
+
+## Form Area Dynamic Source
+
+For each form area, a dynamic content source is created as an alternative, and more convenient, way of accessing submitted data during actions configuration. As a dynamic source, it has all the advantages of [YOOtheme Pro Dynamic Content](https://yootheme.com/support/yootheme-pro/joomla/dynamic-content), like the ability to alter the submitted data with filters.
+
+The mapping option for the form area source will be listed as part of each field _Dynamic_ options under the _Submission Group_.
+
+![Form Dynamic Content](./assets/form-dynamic-content.webp)
+
+## Form in a Modal
+
+Out of the box, a form cannot be displayed in a Modal, but there are 3rd party solutions.
+
+- [FS Teaser Card](https://flart.studio/yootheme-pro/teaser-card) by Flart Studio
+- [DJ-Popup](https://dj-extensions.com/yootheme/dj-popup) by DJ Extensions
+- [JP CE Modal Pro](https://extensions.joomlapro.com/product/ce-modal-pro) by JoomlaPro
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/form-events.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/form-events.md
new file mode 100644
index 00000000..44738391
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/form-events.md
@@ -0,0 +1,58 @@
+# Forms Events
+
+JavaScript events triggered by each form for which is possible to add listeners and perform custom actions. Set those in a custom script as illustrated bellow or as a [form area setting](./form-area#settings).
+
+## On Submit
+
+Triggers before submission allowing to prevent the action.
+
+```js
+UIkit.util.ready(function () {
+  // local
+  UIkit.util.on('#form-id', 'form:submit', function (e) {
+    // e.preventDefault();
+  });
+
+  // global
+  UIkit.util.on(document, 'yooessentials-form:submit', function (e, ctx) {
+    // ctx = {form}
+    // e.preventDefault();
+  });
+});
+```
+
+## On Submitted
+
+Triggers after submission, preventing the action is no longer possible.
+
+```js
+UIkit.util.ready(function () {
+  // local
+  UIkit.util.on('#form-id', 'form:submitted', function (e, ctx) {
+    // ctx = {response}
+  });
+
+  // global
+  UIkit.util.on(document, 'yooessentials-form:submitted', function (e, ctx) {
+    // ctx = {form, response}
+  });
+});
+```
+
+## On Submission Error
+
+Trigger on submission error and validation error.
+
+```js
+UIkit.util.ready(function () {
+  // local
+  UIkit.util.on('#form-id', 'form:submission-error', function (e, ctx) {
+    // ctx = {error, errors, validation}
+  });
+
+  // global
+  UIkit.util.on(document, 'yooessentials-form:submission-error', function (e, ctx) {
+    // ctx = {form, error, errors, validation}
+  });
+});
+```
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/index.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/index.md
new file mode 100644
index 00000000..538ef8db
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/index.md
@@ -0,0 +1,49 @@
+# Forms Builder Overview
+
+When a section, column or sublayout is defined as a [form area](./form-area) it is enclosed with a standard `<form\>` HTML element without losing builder capabilities. Forms are dynamic in nature as it is YOOtheme Pro builder with dynamic content. Essentials forms builds up on both to create a dynamic data workflow before and after a submission.
+
+![Form Area Shortcut](./assets/formarea-config-shortcut.webp)
+
+## Data Placeholders
+
+Data placeholders are plain string references to the submitted data based on their control names. For instance, if there is an input field with the control name _email_, the placeholder reference would be `{email}`. These placeholders can be placed in action settings and will be replaced with the submitted data value during the action execution.
+
+![Form Data Placeholders](./assets/form-data-placeholders.webp)
+
+<small>
+As a quick reference a list of available placeholders can be accessed by clicking the Placeholder Button.
+</small>
+
+::: tip
+For a more advanced data workflow combine a [composed source](/essentials-for-yootheme-pro/addons/dynamic/composed-sources) with a [forma area dynamic source](./form-area#form-area-dynamic-source).
+:::
+
+## Page Sources
+
+In certain form workflows, there may be a need for dynamic content from the current page, also known as page sources. This content is available during the form rendering, but is not during the form submission, which is why it's not listed as a mapping option. To work around this limitation page content can be mapped to a [hidden form field](./elements#hidden) and referenced in the actions using [data placeholders](#data-placeholders) or a [form area source](./form-area#form-area-source).
+
+::: warning Hidden, But Still Exposed
+It's important to note that although hidden field content is not visible on the page, it is still exposed in the source code of the page. If the data is sensitive, it's crucial to enable the encryption setting in the hidden field to ensure that it remains secure and protected from unauthorized access or disclosure.
+:::
+
+## Contextual Data
+
+Contextual data such as the current date and time, page URL, and user IP are not included in the submission by default. However, since this information is available within dynamic sources, it can be easily mapped to the actions when necessary.
+
+As a quick reference use these sources:
+
+| Data | Source |
+| --- | --- |
+| Datetime | *Request -> Timestamp* |
+| User IP | *Request -> IP* |
+| Page URL | *Request -> Href* |
+
+## Validation
+
+For a form data to be submitted it must pass the fields validation as well as the CAPTCHA validation, if any present. The validation is first run in the browser, and once again via server-side ajax request.
+
+Each field has its own validation rules which can be set independently under the element _Validation Tab_ settings. For more information and integration details, refer to [elements](./elements) documentation.
+
+::: warning Custom Error Message
+At the moment, it is only possible to customize the validation error messages for server-side validation, not for HTML5 validation. A workaround is to disable HTML5 validation in the Form Area configuration.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/integration.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/integration.md
new file mode 100644
index 00000000..5a0f3f69
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/integration.md
@@ -0,0 +1,58 @@
+---
+addon: Forms
+---
+
+# Forms Builder Integration
+
+Empower a section, column or sublayout as a form area, set form fields and trigger actions after a successful submission.
+
+<!--@include: ../_partials/enable-addon.md-->
+
+## 1. Create a Form Area
+
+An Essential form is structured inside a [form area](./form-area). Lets create one.
+
+![Create a Form Area](./assets/integration/create-form-area.gif)
+
+1. Open the layout builder you want to create the form at.
+1. Create a new Section and access it _Advanced Tab_ settings.
+1. Toggle the `Enable as Form Area` checkbox.
+
+## 2. Add an After Submit Action
+
+The secton has now been declared as a form area and we can add and after submit actions to greet the submitter with a custom message.
+
+::: tip
+For more advanced scenarios, adding _Email_ and _SaveTo_ actions would be necessary to send an email and save the submitted data.
+:::
+
+![Add After Submit Actions](./assets/integration/add-form-actions.gif)
+
+1. Open the form area configuration created in the previous step.
+1. In _After Submit Actions_ add a new action of the type _Display Message_.
+1. Input in the _Message_ field `Thank you for your submission, your comment was {comment}!`.
+
+::: tip Notice the `{comment}` part
+It's what we call [Data Placeholders](./index#data-placeholders), and is one of the simplest and direct ways to reference submitted data.
+:::
+
+## 3. Add Form Fields
+
+Essentials comes with prebuild [elements](./elements) to structure a form as needed. Let's add a textarea to collect the comment and a submit button.
+
+![Add Form Fields](./assets/integration/add-form-fields.gif)
+
+1. Go back to the builder main panel and add an __Textarea Element__ from the `Form Essentials` group.
+1. Open it configuration panel and input `comment` in the _Control Name_ setting.
+1. Repeat the process adding a _Button Element_ which will render a submit button by default.
+
+## 4. Test The Submission
+
+Let's give it a try!
+
+![Form Submission Test](./assets/integration/submission-test.webp)
+
+1. Locate the form in the builder preview.
+1. Input a message in the Comment textarea and Submit.
+
+You should see a modal with the submitted message!
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/forms/troubleshooting.md b/src/essentials-for-yootheme-pro/v2.2/addons/forms/troubleshooting.md
new file mode 100644
index 00000000..d6a2e614
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/forms/troubleshooting.md
@@ -0,0 +1,95 @@
+# Forms Addon Related Issues
+
+Learn how to handle common issues within essential forms addon.
+
+## Submission Errors
+
+### Submission Fails When Cache is Enabled
+
+The form displays an _Internal Server Error_ when page caching is enabled. When the cache is cleared, it works, but soon after, it stops working.
+
+This is expected. Due to the nature of how submissions are validated, pages containing a form cannot be cached. Find a way to make a caching exception for those pages.
+
+### Submission Fails With Vague Error
+
+The form displays a _Submission Failed_ error without any further details, it is most likely a suppressed PHP error. To get more insights about it you can:
+
+- Check the server PHP's recent error logs.
+- Open the Customizer and submit the form again making sure _Error Reporting_ is enabled.
+
+::: tip Enable Error Reporting
+Error reporting can be enabled in Joomla Global Configuration or in WordPress `wp-config.php` file.
+:::
+
+### Submission Fails With No Error
+
+The form does not display any visual feedback regarding the error, it could be the `.htaccess` redirecting the _post_ request.
+
+The best way to debug this is to check if:
+
+- In the browser console. check if a request redirect is happening when the form is submitted.
+- In the `.htaccess` file, check if there is any rule that is affecting the _URL_, eg removing/adding a trailing slash.
+
+If this is the case, you can either remove such a rule or make it more specific, for example by restricting the redirect to only affect GET requests, like so:
+
+Before
+
+```sh
+# Remove Trailing Slash
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*)/$ /$1 [R=301,NC,L]
+```
+
+After
+
+```sh
+# Remove Trailing Slash
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_METHOD} GET
+RewriteRule ^(.*)/$ /$1 [R=301,NC,L]
+```
+
+## Email Delivery Issues
+
+### Email Is Sent But Not Delivered
+
+When dealing with email we must distinguish between sending and delivery. While we can assure the email has been sent we cannot warranty it has been delivered, as that is beyond our control. Most of the time emails are not delivered because of server misconfiguration, but also because are discarded for the following reasons:
+
+| Reason | Description |
+| --- | --- |
+| _SPF Records_ | SPF (Sender Policy Framework) records are used to prevent spammers from sending emails on behalf of your domain. If you change the "From" address to a domain that you do not have permission to send from, the recipient's email server may reject the email based on the SPF record. |
+| _DMARC Policy_ | DMARC (Domain-based Message Authentication, Reporting & Conformance) uses SPF and DKIM (DomainKeys Identified Mail) to determine the authenticity of an email message. If you're sending an email with a "From" address that's not aligned with the domain's DMARC policy, it could be rejected or sent to the spam folder. |
+| _Reputation_ | Email servers often consider the reputation of the sender's domain and IP address when deciding whether to accept or reject an email. If you change the "From" address to a domain or IP with a poor reputation, your email may not be delivered. |
+| _Recipient Trust_ | If the recipient doesn't recognize the "From" address, they might mark the email as spam, which can affect future email deliverability. |
+| _Email Client Rules_ | Some email clients allow users to set rules to automatically move emails from certain senders to specific folders. If you change the "From" address, these rules may not apply, and the email might not end up where the recipient expects it to be. |
+
+Therefore, to ensure your emails are delivered successfully use a consistent, recognizable "From" address that you have permission to send from and do so from a trusted SMTP server or 3rd party service.
+
+::: tip Email Delivery Test
+We recommend the free service from [Mailtrap](https://mailtrap.io/) which allows you to test if an email has been sent and give it delivery punctuation. If you don't want to open an account feel free to reach out to our support and we will assist you using ours.
+:::
+
+## SPAM Issues
+
+### Forms Get Unsolicited Submissions
+
+SPAM is a problem that impacts all publicly accessible forms and fighting is complicated by the fact that spammers and bots are constantly evolving their methods. There are a number of solutions you can use to reduce the amount of spam, but note that there’s not any single anti-spam method in the world able to catch 100% of it.
+
+You can find hundreds of different anti-spam techniques and services, being the most popular ones captcha-based solutions, and the honeypot technique, which we both support and recommend using together. Simply drop reCaptcha or hCatpcha element together with Honeypot element in any form and fulfill the settings. That should considerably reduce the amount, but remember that no solution is definitive.
+
+## Other Issues
+
+### Dates Are Shown With a Wrong Format
+
+No matter the format used during the input of a date it value will be saved in a standard ISO format. A side effect is that when that date is referenced in an After Submit Action it format might not be the desired one.
+
+There are two possible solutions:
+
+1. Save the date as a new FormData value using the [Alter Action](./actions#alter) while applying the desired format during the mapping.
+2. Set a [Composed Source](/essentials-for-yootheme-pro/addons/dynamic/composed-sources) instead of raw placeholders and map the date value from the Form Submission source. Set the desired format during the field mapping process.
+
+### Google Recaptcha shows Session Expired
+
+Sometimes, mostly when submitting form that contains a large file upload, Google Recaptcha can report an error saying that the "session is expired".
+
+The solution unfortunately here is to change captcha system, since this is a know issue on google recaptcha's systems when dealing with large form file uploads and slow networks.
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/antdesign/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/antdesign/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/antdesign/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/antdesign/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/antdesign/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/bootstrap/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/bootstrap/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/bootstrap/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/bootstrap/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/bootstrap/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/boxicons/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/boxicons/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/boxicons/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/boxicons/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/boxicons/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/feather/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/feather/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/feather/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/feather/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/feather/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/feather/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/feather/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/fontawesome/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/fontawesome/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/fontawesome/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/fontawesome/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/fontawesome/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/heroicons/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/heroicons/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/heroicons/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/heroicons/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/heroicons/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/ionicons/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/ionicons/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/ionicons/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/ionicons/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/ionicons/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/octicons/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/octicons/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/octicons/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/octicons/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/octicons/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/remixicon/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/remixicon/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/remixicon/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/remixicon/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/remixicon/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/tablericons/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/tablericons/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/tablericons/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/tablericons/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/tablericons/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/teenyicons/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/teenyicons/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/teenyicons/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/teenyicons/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/teenyicons/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/teenyicons/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/teenyicons/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/teenyicons/icon.svg
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/zondicons/collection.json b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/zondicons/collection.json
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/zondicons/collection.json
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/zondicons/collection.json
diff --git a/src/essentials-for-yootheme-pro/addons/icons/_collections/zondicons/icon.svg b/src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/zondicons/icon.svg
similarity index 100%
rename from src/essentials-for-yootheme-pro/addons/icons/_collections/zondicons/icon.svg
rename to src/essentials-for-yootheme-pro/v2.2/addons/icons/_collections/zondicons/icon.svg
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-antdesign.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-antdesign.webp
new file mode 100644
index 00000000..2ea90ebb
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-antdesign.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-bootstrap.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-bootstrap.webp
new file mode 100644
index 00000000..540779c3
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-bootstrap.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-boxicons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-boxicons.webp
new file mode 100644
index 00000000..0e652612
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-boxicons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-feather.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-feather.webp
new file mode 100644
index 00000000..3cd5957d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-feather.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-fontawesome.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-fontawesome.webp
new file mode 100644
index 00000000..beacf193
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-fontawesome.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-heroicons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-heroicons.webp
new file mode 100644
index 00000000..75fee089
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-heroicons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-ionicons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-ionicons.webp
new file mode 100644
index 00000000..47ac8999
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-ionicons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-octicons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-octicons.webp
new file mode 100644
index 00000000..52c66a76
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-octicons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-remixicon.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-remixicon.webp
new file mode 100644
index 00000000..04454916
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-remixicon.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-tablericons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-tablericons.webp
new file mode 100644
index 00000000..d816f0fa
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-tablericons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-teenyicons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-teenyicons.webp
new file mode 100644
index 00000000..e063ecfd
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-teenyicons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-zondicons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-zondicons.webp
new file mode 100644
index 00000000..9422e604
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/collection-zondicons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/display-icon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/display-icon.gif
new file mode 100644
index 00000000..d1e5d660
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/display-icon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/enable-addon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/enable-addon.gif
new file mode 100644
index 00000000..8cc18d51
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/enable-addon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/icon-collections.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/icon-collections.webp
new file mode 100644
index 00000000..50f2c691
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/icon-collections.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/my-icons.webp b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/my-icons.webp
new file mode 100644
index 00000000..4ae556f9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/icons/assets/my-icons.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/collections.data.js b/src/essentials-for-yootheme-pro/v2.2/addons/icons/collections.data.js
new file mode 100644
index 00000000..da70d4c0
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/icons/collections.data.js
@@ -0,0 +1,11 @@
+import fs from 'node:fs';
+
+export default {
+    watch: ['./_collections/*/*.json'],
+    load(watchedFiles) {
+        return watchedFiles.map((file) => ({
+            ...JSON.parse(fs.readFileSync(file, 'utf-8')),
+            icon: fs.readFileSync(file.replace('collection.json', 'icon.svg'), 'utf-8'),
+        }));
+    },
+};
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/collections.md b/src/essentials-for-yootheme-pro/v2.2/addons/icons/collections.md
new file mode 100644
index 00000000..8e0fee7a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/icons/collections.md
@@ -0,0 +1,25 @@
+<script setup>
+import { ref } from 'vue'
+import {data} from './collections.data.js'
+
+const collections = data;
+</script>
+
+# Icon Collections
+
+A list of icon collections provided by Essentials. To learn more about [collections](./index#icon-collection), see the corresponding documentation.
+
+<template v-for="col in collections">
+
+<h2 :id="col.name" tabindex="-1">
+  {{ col.title }} Icon Collection
+  <a class="header-anchor" :href="`#${col.name}`" :aria-label="`Permalink to &quot;${col.name}&quot;`">​</a>
+</h2>
+
+<div v-html="col.icon" class="tm-resource-icon"></div>
+
+A collection of `{{ col.icons }}` icons from <a :href="col.url" target="_blank">{{ col.title }}</a> released on {{ col.release }} under the {{ col.license }} license as version `{{ col.version }}`.
+
+<img :src="`./assets/collection-${col.name}.webp`" :alt="`${col.title} Icon Collection` ">
+
+</template>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/custom-collection.md b/src/essentials-for-yootheme-pro/v2.2/addons/icons/custom-collection.md
new file mode 100644
index 00000000..1275811b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/icons/custom-collection.md
@@ -0,0 +1,43 @@
+# Custom Icon Collection
+
+Create and manage custom Icon Collections.
+
+::: warning Extending YOOtheme Pro
+The following guide assumes you are already familar with code, PHP, and [extending YOOtheme Pro](https://yootheme.com/support/yootheme-pro/joomla/developers-child-themes#extend-functionality).
+:::
+
+## Add Collection
+
+Adding a custom collection is simple as placing the collection in `media/yooessentials/icons/mycollection` for Joomla or `wp-content/yooessentials/icons/mycollection` for WordPress. The collection will be automatically picked up and displayed among other collections in the icons picker modal.
+
+You can group the icons into subfolders for a better organization or style separation, eg `mycollection/group-a` or `mycollection/group-b`.
+
+::: warning
+Notice that a collection name cannot contain hyphens `-`, while a group name doesn't have such limitation.
+:::
+
+## Distribute Collections
+
+If you would like to distribute your collections among other projects wrap those in a YOOtheme Pro module and plate it in a Child Theme or a plugin.
+
+Register the collections folder by extending the `ZOOlanders\YOOessentials\Icons` service in the `bootstrap.php` file.
+
+```php
+// bootstrap.php
+
+<?php
+
+use ZOOlanders\YOOessentials\Icons;
+
+return [
+
+  'extend' => [
+
+    Icons::class => function (Icons $icons, $app) {
+      $icons->addCollectionsDir('/path/to/collections');
+    }
+
+  ]
+
+];
+```
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/index.md b/src/essentials-for-yootheme-pro/v2.2/addons/icons/index.md
new file mode 100644
index 00000000..570afe83
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/icons/index.md
@@ -0,0 +1,19 @@
+# Icons Overview
+
+Essentials Icons is a collection of +12k icons for YOOtheme Pro icon library with support for 3rd party as custom collections.
+
+## Icon Collection
+
+An icon collection represents a set of icons that can be added or removed collectively from the builder's icon library. You can install one of the [collections](./collections) provided by Essentials or [create a custom collection](./custom-collection).
+
+After installation, the collection icons will integrate natively and be available in the builder Icon Picker under the _Collections_ Tab.
+
+![Icon Collections](./assets/icon-collections.webp)
+
+## My Icons
+
+My Icons is a collection of custom curated icons set under the scope of a Child Theme. By placing the icons in the `{childtheme}/myicons` folder the icons of the currently active Child Theme seamlessly integrate into the icon library under the My Icons tab.
+
+You can as well group them into subfolders, e.g. `{childtheme}/myicons/group-a`, `{childtheme}/myicons/group-b`.
+
+![My Icons](./assets/my-icons.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/integration.md b/src/essentials-for-yootheme-pro/v2.2/addons/icons/integration.md
new file mode 100644
index 00000000..5c5f7868
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/icons/integration.md
@@ -0,0 +1,31 @@
+---
+addon: 'Icons'
+---
+
+# Icons Integration
+
+Lets expand the builder icon library with a third-party [icon collection](./index#icon-collection) and display one of it icons.
+
+<!--@include: ../_partials/enable-addon.md-->
+
+## 1. Add an Icon Collection
+
+Before being able to choose an icon we must first install a collection within the [Icon Collections manager](/essentials-for-yootheme-pro/settings#icon-collections).
+
+![Icon Collections Manager](/essentials-for-yootheme-pro/assets/icon-collections-manager.gif)
+
+1. Open the manager within _Customizer -> Essentials_ panel.
+1. Click on the _Add Collection_ button and choose some collection.
+1. Wait until the collection is listed in the manager.
+
+## 2. Display an Icon
+
+Now that a collection is installed we are ready to use them in our layouts.
+
+![Display Icon](./assets/display-icon.gif)
+
+1. Open some layout within the builder.
+1. Add an _Icon Element_ and click on the _Icon Picker_.
+1. In the picker Modal select the _Collections Tab_ and choose some icon.
+
+The chosen icon should be displayed!
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/icons/troubleshooting.md b/src/essentials-for-yootheme-pro/v2.2/addons/icons/troubleshooting.md
new file mode 100644
index 00000000..9ee4dc6e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/icons/troubleshooting.md
@@ -0,0 +1,46 @@
+# Icons Addon Related Issues
+
+Learn how to handle common issues within essential icons addon.
+
+## Icons Are Not Being Displayed
+
+An icon is correctly selected but not displayed in the layout and there is no aparent rendering error.
+
+It could be that UIkit has been loaded twice, once by YOOtheme Pro and once again by an extension as could be **Widgetkit**. In such scenario the icons would be registered in the wrong UIkit instance and not available during the rendering.
+
+As a solution make sure only one UIkit instance is loaded, in Widgetkit that is possible in the Global Configuration.
+
+## Icons set in HTML Are Not Loaded
+
+Manually inputted icons in HTML using `uk-icon="..."` will not work because Essentials does not load them by default. To work around this, you can force the loading of the icons you plan to use. Add the following code to your child theme's `config.php` file:
+
+```php
+<?php
+use ZOOlanders\YOOessentials\Icon\IconLoader;
+
+return [
+    'extend' => [
+        IconLoader::class => function (IconLoader $loader, $app) {
+            foreach ([
+                'myicons-foo-icon',
+                'mycollection-bar-icon',
+                ...
+            ] as $icon) {
+                $loader->loadIcon($icon);
+            }
+        },
+    ],
+];
+```
+
+## My Custom Icons Are Displayed Broken
+
+You have custom icons for an Icon Collection or My Icons, but when being selected in the builder the icon is displayed broken.
+
+Most likely the source code of your SVG icon is not as clean as UIkit expects it, a tool like [SVGO](https://jakearchibald.github.io/svgomg/) should help.
+
+## Unable to Download a Collection
+
+The process of installing a new collection within the builder fails, giving you no option but to download the collection manually.
+
+Sometimes the servers can block petitions from other servers as for their security rules, in such download the collection from the link provided in the manager and follow the [Add Custom Collection](./custom-collection) guide.
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/create-library.gif b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/create-library.gif
new file mode 100644
index 00000000..28f23bf3
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/create-library.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/enable-addon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/enable-addon.gif
new file mode 100644
index 00000000..7ccd61b4
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/enable-addon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/library-ui.webp b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/library-ui.webp
new file mode 100644
index 00000000..75f00f2f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/library-ui.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/save-to-library.gif b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/save-to-library.gif
new file mode 100644
index 00000000..e6558d5e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/assets/save-to-library.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/layouts/index.md b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/index.md
new file mode 100644
index 00000000..209f79b6
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/index.md
@@ -0,0 +1,15 @@
+# Layout Libraries Overview
+
+A custom layout libraries store layouts in custom set locations that can be easier to backup and share across multiple sites. By [setting a custom layout library](./) you can load and browse page builder layouts from it in a workflow similar to the core Layout Library. However, a custom library come with some valuable enhancements.
+
+## Enhanced User Experience
+
+The user interface of the custom layout library is designed to be more advanced and user-friendly, featuring support for bulk layout management. This enables you to efficiently manage multiple layouts at once, making it easier to streamline your workflow and save time.
+
+![Layout Library UI](./assets/library-ui.webp)
+
+## Cross-Site Layout Sharing
+
+Thanks to the library's integration with various storage options, you have the ability to specify whether your layouts are located locally or externally. For instance, if you opt to use FTP or Amazon S3 as your storage option, you can utilize the same location for your layouts across multiple sites, enabling you to share layouts seamlessly between different sites.
+
+![Layout Library Storage](/essentials-for-yootheme-pro/assets/storage-s3.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/layouts/integration.md b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/integration.md
new file mode 100644
index 00000000..7631fd45
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/layouts/integration.md
@@ -0,0 +1,35 @@
+---
+addon: Layouts
+---
+
+# Layout Libraries Integration
+
+Create custom layout libraries which layouts can be stored locally or shared across multiple sites through the use of external storage options like FTP or Amazon S3.
+
+<!--@include: ../_partials/enable-addon.md-->
+
+## 1. Create Library
+
+Let's create a custom layout library within the [Layout Libraries manager](/essentials-for-yootheme-pro/settings#layout-libraries).
+
+![Layout Libraries Manager](/essentials-for-yootheme-pro/assets/layout-libraries-manager.gif)
+
+1. Open the Layout Libraries manager.
+1. Click on the _New Library_ button and set a name for it.
+
+## 2. Create Library Storage
+
+In this case we are going to set a library with a local storage, but you can opt to set an external storage and that way enable layouts cross-site sharing.
+
+![Create Layout Library](./assets/create-library.gif)
+
+1. In the _Storage_ field click on the storage picker.
+1. Choose _local_ storage or of choice.
+1. Another modal will open, set the name and details.
+1. Save the storage and library by clicking _Save_ on both opened modals.
+
+## 3. Save Layout To Library
+
+The new library will appear in the [Layout Library](https://yootheme.com/support/yootheme-pro/joomla/layout-library) modal Tab with the name used during it creation as well as in the elements presets modal. You can now save and load layouts within the new Library in the same way you are already used to.
+
+![Save Layout To Library](./assets/save-to-library.gif)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/common-provider-settings.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/common-provider-settings.md
new file mode 100644
index 00000000..7c273cce
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/common-provider-settings.md
@@ -0,0 +1,6 @@
+![Source Instance Common Settings](/essentials-for-yootheme-pro/addons/sources/assets/common-provider-settings.webp)
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Name* | The name that will identify this source instance. |
+| *Default Cache Time* | The default duration in seconds before the cache is renewed, set to `0` to disable caching. This setting can be overriden in each query configuration. | `3600` |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-airtable.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-airtable.md
new file mode 100644
index 00000000..c8b521cc
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-airtable.md
@@ -0,0 +1,78 @@
+## Airtable Source {#airtable}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/airtable.svg-->
+</div>
+
+The **Airtable Source** feeds data from [Airtable](https://airtable.com/) bases supporting [Record](#airtable-record-query) and [Records](#airtable-records-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Airtable Source Configuration](./assets/providers/airtable-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Airtable Account which to authenticate with. |
+| *Base* | The Airtable base which to retrieve the data from. |
+| *Table* | The Airtable base table which data to create the source with. |
+
+### Airtable Record Query
+
+Fetches a single record from an Airtable base and resolves to [Airtable Record Type](#airtable-record-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Record ID* | The ID of the record to query. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Airtable Records Query
+
+Fetches records from an Airtable base and resolves to a list of [Airtable Record Type](#airtable-record-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *View* | Optional table view to use instead of a raw query. |
+| *Start* | The offset applied to the query. | `1` | &#x2713; |
+| *Quantity* | The limit applied to the query. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Airtable Record Type
+
+The record type will be dynamically generated based on the Airtable base table schema by mapping [Airtable field types](https://airtable.com/developers/web/api/field-model) with GraphQL types as follows.
+
+| Airtable Field Types | Type | Filters |
+| --- | --- | --- |
+| Number, Count, Currency, Duration, Percent, Rating, Auto number | *Int* |
+| AI Text, Long Text, Rich text, Single line text | *String* | *Limit* |
+| Date, Date and time, Created time, Last modified time | *String* | *Date* |
+| Multiple select | *String* with separator |
+| Created by, Last modified by, Collaborator, Multiple collaborators | [Airtable User](#airtable-user-type) |
+| Multiple attachments | [Airtable Attachment](#airtable-attachment-type) |
+
+Every record has the following fields available regardless of it schema.
+
+| Field | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this record. | *String* |
+| *Created Time* | The unixstamp when this record was created. | *String* | *Date* |
+
+### Airtable User Type
+
+| Field | Description | Type |
+| --- | --- | --- |
+| *Email* | The user email. | *String* |
+| *Name* | The user name. | *String* |
+| *ID* | The user unique identifier. | *String* |
+
+### Airtable Attachment Type
+
+| Field | Description | Type |
+| --- | --- | --- |
+| *URL* | The attachment url, e.g. `https://v5.airtableusercontent.com/foo`. <br><small>Notice that URLs expire 2 hours after being returned from the Airtable API.</small> | *String* |
+| *Filename* | The attachment filename, e.g. `foo.jpg`. | *String* |
+| *Type* | The attachment content type, e.g. `image/jpeg`. | *String* |
+| *Size* | The attachment file size, in bytes. | *Int* |
+| *Width* | The attachment width in pixels, if attachment is an image. | *Int* |
+| *Height* | The attachment height in pixels, if attachment is an image. | *Int* |
+| *Thumbnail* | The attachment thumbnail, if attachment is an image. | *String* |
+| *ID* | Unique attachment id. | *String* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-cloudflare-stream.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-cloudflare-stream.md
new file mode 100644
index 00000000..36f8f06e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-cloudflare-stream.md
@@ -0,0 +1,65 @@
+## Cloudflare Stream Source {#cloudflare-stream}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/cloudflare.svg-->
+</div>
+
+The **Cloudflare Stream Source** feeds data from [Cloudflare Stream](https://www.cloudflare.com/products/cloudflare-stream/) supporting [Video](#cloudflare-stream-video-query) and [Videos](#cloudflare-stream-videos-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Cloudflare Stream Source Configuration](./assets/providers/cf-stream-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Token* | The Cloudflare API Token which to authenticate with. |
+| *Account* | The Cloudflare account which to connecto to. |
+| *Signing Key* | An auto-generated key used to signing private videos. Not necessary for public videos. |
+
+### Cloudflare Stream Video Query
+
+Fetches a single video from the authenticated account and resolves to a [Cloudflare Stream Video Type](#cloudflare-stream-video-type).
+
+![Cloudflare Stream Video Query](./assets/providers/cf-stream-query-video.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Video* | The Cloudflare Stream video to create the source from. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Cloudflare Stream Videos Query
+
+Fetches videos from the authenticated account and resolves to a list of [Cloudflare Stream Video Type](#cloudflare-stream-video-type).
+
+![Cloudflare Stream Videos Query](./assets/providers/cf-stream-query-videos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Search* | The video name search term by which to filter the results. | | &#x2713; |
+| *Since/Until* | Restricts the results to videos that have been published within the specified range of dates. | | &#x2713; |
+| *Status* | The status by whic to filter the results, within _Ready_, _Queued_, _In Progress_, _Downloading_, and _Error_. | `Ready` |
+| *Quantity* | The amount of videos to fetch. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Cloudflare Stream Video Type
+
+Defines the mapping options of a Cloudflare Stream Video object.
+
+![Cloudflare Stream Video Mapping](./assets/providers/cf-stream-type-video.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this video. | *String* |
+| *Title* | The title of this video. | *String* | _Limit_ |
+| *Iframe URL* | Generates an iframe URL with _Autoplay_, _Loop_, _Muted_, _Controls_, and _Time_ arguments. | *String* |
+| *Preview URL* | The preview URL of this video. | *String* |
+| *Playback URL* | The streaming playback URL of this video. | *String* |
+| *Size* | The formated size of this video. | *String* |
+| *Duration* | The duration of this video in seconds. | *Int* |
+| *Width* | The width of this video in pixels. | *Int* |
+| *Height* | The height of this video in pixels. | *Int* |
+| *Thumbnail* | The path to the dynamically generated and locally cached thumbnail of this video, with _Time_, _Height_, _Width_, and _Fit_ arguments. | *String* |
+| *Thumbnail (animated)* | The path to the dynamically generated and locally cached animated thumbnail of this video, with _Time_, _Height_, _Width_, and _Fit_ arguments. | *String* |
+| *Created At* | The time this video was created. | *String* | _Date_ |
+| *Modified At* | The time this video was last modified. | *String* | _Date_ |
+| *Uploaded At* | The time this video was uploaded. | *String* | _Date_ |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-csv.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-csv.md
new file mode 100644
index 00000000..2daa5023
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-csv.md
@@ -0,0 +1,31 @@
+## CSV Source {#csv}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/provider-csv.svg-->
+</div>
+
+The **CSV Source** feeds data from local [CSV](https://en.wikipedia.org/wiki/Comma-separated_values) or [TSV](https://en.wikipedia.org/wiki/Tab-separated_values) files supporting [Records](#csv-records-query) query with dynamic filtering and/or ordering.
+
+<!--@include: ./common-provider-settings.md-->
+
+![CSV Source Settings](./assets/providers/csv-config.webp)
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *File* | The relative or absolute local path to the file which to use as source. |
+| *Delimeter* | The delimiter character the content is formated with. | `,` |
+| *Enclosure* | The enclosure character the content is formated with. | `"` |
+
+### CSV Records Query
+
+Fetches records from the file and resolves to a list of dynamically generated CSV record type based on the file schema.
+
+![CSV Records Query](./assets/providers/csv-query-records.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Filters* | The list of filter conditions applied to the query. | `[]` | &#x2713; |
+| *Ordering* | The list of ordering conditions applied to the query. | `[]` | &#x2713; |
+| *Start* | The offset applied to the query. | `1` |  &#x2713; |
+| *Quantity* | The limit applied to the query. | `20` |  &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-database.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-database.md
new file mode 100644
index 00000000..9541db5b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-database.md
@@ -0,0 +1,79 @@
+## Database Source {#database}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/provider-database.svg-->
+</div>
+
+The **Database Source** feeds data from local or external MySQL Database Tables, supporting [Record](#database-record-query) and [Records](#database-records-query) queries with relations and dynamic filtering and/or ordering.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Database Source Configuration](./assets/providers/db-config.webp)
+
+| Setting | Description | Required |
+| --- | --- | :---: |
+| *Database* | The name of the database to which to connect to. Defaults to the site database. |
+| *Table* | The table from which to create the source. | &#x2713; |
+| *Primary Key* | The primary key of the selected table, this is specially important when using relations. | &#x2713; |
+| *Custom Connection* | Should the connection to the database use custom connection instead of the site one. |
+| *Relations* | The list of relations and their configuration. |
+
+The connection to the database will use the site configuration, but if _Custom Connection_ is enabled the settings inputs will be used instead with support for local as remote servers.
+
+![Database Instance Connection](./assets/providers/db-config-connection.webp)
+
+| Setting | Description | Required |
+| --- | --- | :---: |
+| *Host* | The IP or domain of the database server. | &#x2713; |
+| *Port* | The port which to use to connect to the server. | &#x2713; |
+| *Username / Password* | The credentials which to use to connect to the server. | &#x2713; |
+
+Complex data structures typically involve several tables related between them, if that's the case you can set as many relations as needed of the type:
+
+| Type | Description |
+| --- | --- |
+| *One to One* | Also known as _BelongsTo_, where a single entry relates with another single entry, e.g. _Article belongs to an Author_. |
+| *One to Many* | Also known as _HasMany_, where a single entry relates with multiple entries, e.g. _Article is assigned to many Categories_. |
+
+![Database Instance Relations](./assets/providers/db-config-relations.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name to associate the relation with. Should be meaningfull, e.g. _Author_. |
+| *Relation Type* | The relation type, _One to One_ or _One to Many_. |
+| *Related Table* | The table that is being related with the main table. |
+| *Main Table Key* | The column key from the main table to use for the relation. |
+| *Related Table Key* | The column key from the related table to use for the relation. |
+
+::: tip MySQL Views
+Relations can get complex and difficult to debug, an alternative simpler approach is to create a [MySQL View](https://dev.mysql.com/doc/refman/8.0/en/view-syntax.html) with the relations solved and use that view as the main table.
+:::
+
+### Database Record Query
+
+Fetches a single record from the table and resolves to a dynamically generated record type based on the table schema.
+
+![Database Record Query](./assets/providers/db-query-record.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Filters* | The list of filter conditions applied to the query. | `[]` | &#x2713; |
+| *Ordering* | The list of ordering conditions applied to the query. | `[]` | &#x2713; |
+| *Random* | Should the ordering be randomized ignoring any ordering condition. | `false` |
+| *Start* | The offset applied to the query. | `1` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Database Records Query
+
+Fetches records from the table and resolves to a dynamically generated list of record type based on the table schema.
+
+![Database Records Query](./assets/providers/db-query-records.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Filters* | The list of filter conditions applied to the query. | `[]` | &#x2713; |
+| *Ordering* | The list of ordering conditions applied to the query. | `[]` | &#x2713; |
+| *Random* | Should the ordering be randomized ignoring any ordering condition. | `false` |
+| *Start* | The offset applied to the query. | `1` | &#x2713; |
+| *Quantity* | The limit applied to the query. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-facebook.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-facebook.md
new file mode 100644
index 00000000..da583460
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-facebook.md
@@ -0,0 +1,93 @@
+## Facebook Source {#facebook}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/facebook.svg-->
+</div>
+
+The **Facebook Source** feeds data from [Facebook](https://www.facebook.com/) supporting [Page](#facebook-page-query) and [Page Posts](#facebook-page-posts-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Facebook Source Configuration](./assets/providers/fb-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Facebook Account which to authenticate with. |
+| *Page* | The Facebook page from which to create the source content. |
+
+### Facebook Page Query
+
+Fetches the content from the page resolving to a list of [Facebook Page Type](#facebook-page-type).
+
+![Facebook Page Query](./assets/providers/fb-query-page.webp)
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Facebook Page Posts Query
+
+Fetches the posts from the page resolving to a list of [Facebook Page Post Type](#facebook-page-post-type).
+
+![Facebook Page Posts Query](./assets/providers/fb-query-page-posts.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Limit* | The maximum amount of posts to fetch. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Facebook Page Type
+
+Defines the mapping options of a Facebook Page object.
+
+![Facebook Page Mapping](./assets/providers/fb-type-page.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of this Page. | *String* |
+| *Name* | The name of this Page. | *String* |
+| *Username* | The alias of this Page, e.g for `www.facebook.com/platform` the username is `platform`. | *String* |
+| *Link* | The Page's Facebook URL. | *String* |
+| *Category* | The Page's category, e.g. _Product/Service_, _Computers/Technology_. | *String* |
+| *Description* | The description of this Page. | *String* | *Limit* |
+| *Description HTML* | The description of this Page in raw HTML. | *String* |
+| *About* | Information about this Page. | *String* | *Limit* |
+| *General Info* | General information provided by this Page. | *String* | *Limit* |
+| *Website* | The URL of this Page's website. | *String* |
+| *WhatsApp Number* | The WhatsApp number of this Page. | *String* |
+| *Total Ratings* | Number of public ratings for this Page. | *Int* |
+| *Total Followers* | Number of page followers. | *Int* |
+| *Total Mentions* | Number of people talking about this Page. | *Int* |
+
+| Page Person Options | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *Birthday* | The birthday of this Person Page. | *String* | *Date* |
+| *Personal Info* | The personal info of this Person Page. | *String* | *Limit* |
+| *Personal Interests* | The personal interests of this Person Page. | *String* | *Limit* |
+| *Affiliation* | The affiliation of this Person Page. | *String* | *Limit* |
+
+### Facebook Page Post Type
+
+Defines the mapping options of a Facebook Page Post object.
+
+![Facebook Page Post Mapping](./assets/providers/fb-type-post.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of this post. | *String* |
+| *Permalink* | The permanent static URL of this post, e.g `www.facebook.com/.../posts/10153449196`. | *String* |
+| *Picture URL* | The full size picture attached to this post. | *String* |
+| *Message* | The message written in this post. | *String* | *Limit* |
+| *From* | The name of the user, page, group, or event that published this post. | *String* |
+| *Tags* | The profiles tagged in post message as a custom formated string with _Separator_, _Show Link_ and _Link Style_ arguments. | *String* |
+| *Created At* | The time this post was published. | *String* | *Date* |
+| *Updated At* | The time this post was last updated, which occurs when a user comments on this post. | *String* | *Date* |
+| *Is Published* | Whether this post was published. | *Boolean* |
+| *Is Expired* | Whether this post has expiration time that has passed. | *Boolean* |
+| *Is Hidden* | Whether this post has been set to hidden. | *Boolean* |
+| *Is Popular* | Whether this post is currently popular based on whether the total actions as a percentage of reach exceeds a certain threshold. | *Boolean* |
+| *Total Shares* | Number of times this post has been shared. | *Int* |
+| *Total Likes* | Number of times this post has been liked. | *Int* |
+| *Total Comments* | Number of comments made on this post. | *Int* |
+| *Total Reactions* | Number of times people reacted to this post. | *Int* |
+| *Parent ID* | Unique identifier of a parent post for this post, if it exists. | *String* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-business-profile.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-business-profile.md
new file mode 100644
index 00000000..0b591aba
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-business-profile.md
@@ -0,0 +1,224 @@
+## Google Business Profile Source {#google-business-profile}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/google-business-profile.svg-->
+</div>
+
+The **Google Business Profile Source** feeds data from [Google Business Profile](https://business.google.com/) supporting [Location](#google-business-profile-location-query), [Review](#google-business-profile-review-query), [Reviews](#google-business-profile-reviews-query), [Media](#google-business-profile-media-query) and [Posts](#google-business-profile-posts-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Google Business Profile location Source](./assets/providers/gbp-location-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Google Account which to authenticate with. |
+| *Profile* | The Google Business Profile from which to retrieve the locations. |
+| *Location* | The Google Business Profile location from which to create the source. |
+
+### Google Business Profile Location Query
+
+Fetches a single location from the profile resolving to a [Google Business Profile Location Type](#google-business-profile-location-type).
+
+![Google Business Profile Location Query](./assets/providers/gbp-query-location.webp)
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+| *Multiple Items* |
+| -- [Business Hours](#google-business-profile-period-type) | A subquery fetching this location open hours. |
+| -- [Special Hours](#google-business-profile-period-type) | A subquery fetching this location special hours. |
+
+### Google Business Profile Review Query
+
+Fetches a single review from the profile location resolving to a [Google Business Profile Review Type](#google-business-profile-review-type).
+
+![Google Business Profile Review Query](./assets/providers/gbp-query-review.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Review* | The location review which content to fetch. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Business Profile Reviews Query
+
+Fetches reviews from the profile location resolving to a list of [Google Business Profile Review Type](#review-type).
+
+![Google Business Profile Reviews Query](./assets/providers/gbp-query-reviews.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Order By* | The order by which to fetch the reviews, _Latest_, _Rating Ascending_, or _Rating Descending_. | `Latest` |
+| *Quantity* | The maximum amount of reviews to fetch. | `10` |  &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Business Profile Media Query
+
+Fetches media from the profile location resolving to a list of [Google Business Profile Media Type](#media-type).
+
+![Google Business Profile Media Query](./assets/providers/gbp-query-media.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Quantity* | The maximum amount of media to fetch. | `20` |  &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Business Profile Posts Query
+
+Fetches posts from the profile location resolving to a list of [Google Business Profile Post Type](#google-business-profile-post-type).
+
+![Google Business Profile Post Query](./assets/providers/gbp-query-posts.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Quantity* | The maximum amount of posts to fetch. | `20` |  &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Business Profile Location Type
+
+Defines the mapping options of a Google Business Profile Location object.
+
+![Google Business Profile Location Mapping](./assets/providers/gbp-type-location.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this location. | *String* |
+| *Title* | The title of this location. | *String* | *Limit* |
+| *Description* | The description of this location. | *String* | *Limit* |
+| *Phone* | The primary phone number of this location. | *String* |
+| *Website* | The website of this location. | *String* |
+| *Category* | The primary category that describes this location business. | *String* |
+| *Labels* | The free-form tags of this location, separated by a comma. | *String* |
+| *Language* | The language of this location. | *String* |
+| *Store Code* | The external identifier for this location. | *String* |
+| *Coordinates* | The latitude and longitude for this location, separated by a comma. | *String* |
+| *Latitude* | The latitude for this location. | *String* |
+| *Longitude* | The longitude for this location. | *String* |
+| *Total Reviews* | The number of reviews for this location. | *Int* |
+| *Average Rating* | The average star rating of all reviews for this location on a scale of 1 to 5, where 5 is the highest rating. | *Int* |
+| *Reviews URI* | The Google URI pointing to this location reviews. | *String* |
+| *New Review URI* | The Google URI pointing to a form where a new review for this location can be posted. | *String* |
+| *Google Maps URI* | The Google Maps URI pointing to this location. | *String* |
+| *Google Maps Place ID* | The Google Maps Place ID for this location. | *String* |
+| *Address* | The address for this location. | [Postal Address](#google-business-profile-postal-address-type) |
+
+### Google Business Profile Review Type
+
+Defines the mapping options of a Google Business Profile Location Review object.
+
+![Google Business Profile Location Review Mapping](./assets/providers/gbp-type-review.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this location. | *String* |
+| *Comment* | The body of this review comment as plain text with markups. | *String* | *Limit* |
+| *Original Comment* | The comment of this review without translation. | *String* | *Limit* |
+| *Translated Comment* | The translated comment of this review. | *String* | *Limit* |
+| *Star Rating* | The star rating given by this review where five is the highest rated. | *Int* |
+| *Created At* | The date this review was created. | *String* | *Date* |
+| *Updated At* | The date this review was last modified. | *String* | *Date* |
+| *Reply* | The owner/manager of this location's reply to this review. | [Review Reply Type](#review-reply-type) |
+| *Reviewer* | The author of this review. | [Reviewer Type](#google-business-profile-reviewer-type) |
+
+### Google Business Profile Review Reply Type
+
+Defines the mapping options of a Google Business Profile Review Reply object.
+
+![Google Business Profile Review Reply Mapping](./assets/providers/gbp-type-review-reply.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *Comment* | The body of this reply as plain text with markups. | *String* | *Limit* |
+| *Updated At* | The date this reply was last modified. | *String* | *Date* |
+
+### Google Business Profile Reviewer Type
+
+Defines the mapping options of a Google Business Profile Reviewer object.
+
+![Google Business Profile Reviewer Mapping](./assets/providers/gbp-type-reviewer.webp)
+
+| Option | Description | Type |
+| --- | --- | --- |
+| *Display Name* | The name of the reviewer, only populated with the reviewer's real name if is not anonymous. | *String* |
+| *Profile Photo URL* | The path to the locally cached reviewer profile photo. | *String* |
+| *Is Anonymous* | Indicates whether the reviewer has opted to remain anonymous. | *Boolean* |
+
+### Google Business Profile Post Type
+
+Defines the mapping options of a Google Business Profile Post object.
+
+![Google Business Profile Post Mapping](./assets/providers/gbp-type-post.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this post. | *String* |
+| *URL* | The link to the post in Google search. | *String* |
+| *Topic Type* | The topic type of the post, _STANDARD_, _EVENT_, _OFFER_, or _ALERT_. | *String* |
+| *Summary* | The description/body of the post. | *String* |
+| *Primary Media URL* | The path to the locally cached post primary media thumbnail. | *String* |
+| *Language* | The language of the post. | *String* |
+| *Created At* | The date this post was created. | *String* | *Date* |
+| *Updated At* | The date this post was last modified. | *String* | *Date* |
+| *Offer* |
+| *Coupon Code* | Offer code that is usable in store or online. | *String* |
+| *Redeem Online URL* | Online link to redeem this offer. | *String* |
+| *Terms & Conditions* | Terms and conditions of this offer. | *String* |
+
+### Google Business Profile Media Type
+
+Defines the mapping options of a Google Business Profile Media object.
+
+![Google Business Profile Media Mapping](./assets/providers/gbp-type-media.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this media. | *String* |
+| *Description* | The description of this media. | *String* | *Limit* |
+| *Format* | The format of this media, _PHOTO_, _VIDEO_, OR _MEDIA_FORMAT_UNSPECIFIED_. | *String* |
+| *Width* | The width of the media, in pixels. | *String* |
+| *Height* | The height of the media, in pixels. | *String* |
+| *Thumbnail URL* | The path to the locally cached media thumbnail. | *String* |
+| *Source URL* | A publicly accessible URL where the media can be retrieved from. | *String* |
+| *Google URL* | The Google-hosted URL for this media. For video this will be a preview image with an overlaid play icon. | *String* |
+| *Created At* | The date this media was created. | *String* | *Date* |
+| *Total Views* | The number of times this media has been viewed. | *Int* |
+| *Attribution* |
+| *Profile Name* | The name of the attributed user. | *String* |
+| *Profile URL* | The URL of the attributed user's Google Maps profile page. | *String* |
+| *Profile Photo URL* | The path to the locally cached attributed user's profile photo thumbnail. | *String* |
+| *Location Association* |
+| *Category* | The [category](https://developers.google.com/my-business/reference/rest/v4/accounts.locations.media#MediaItem.Category) that this location photo belongs to. | *String* |
+| *Price List Item ID* | The ID of a price list item that this location media is associated with. | *String* |
+
+### Google Business Profile Period Type
+
+Defines the mapping options of a Google Business Profile time period object.
+
+![Google Business Profile Time Period Mapping](./assets/providers/gbp-type-period.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *Open Period* | The current period during which the location is open, formated as `{start time} - {end time}` with a custom time format setting. | *String* |
+| *Open Day* | The day of the week this period starts on. | *String* |
+| *Close Day* | The day of the week this period ends on. | *String* |
+| *Open Time* | The time this period starts on. | *String* | *Time* |
+| *Close Time* | The time this period ends on. | *String* | *Time* |
+
+### Google Business Profile Postal Address Type
+
+Defines the mapping options of a Google Business Profile Postal Address object.
+
+![Google Business Profile Postal Address Mapping](./assets/providers/gbp-type-postal-address.webp)
+
+| Option | Description | Type |
+| --- | --- | --- |
+| *Organization* | The name of the organization for this address. | *String* |
+| *Address* | The address lines separated by comma. | *String* |
+| *Address Full* | The address lines with postal, locality and area separated by comma. | *String* |
+| *Locality* | The city/town portion of this address. | *String* |
+| *Sublocality* | The sublocality of this address, this can be neighborhoods, boroughs, districts. | *String* |
+| *Administrative Area* | The highest administrative subdivision which is used for postal addresses of a country or region. | *String* |
+| *Region Code* | The CLDR region code of the country/region of this address. | *String* |
+| *Sorting Code* | The country-specific sorting code, if applicable. | *String* |
+| *Postal Code* | The postal code of this address, if applicable. | *String* |
+| *Language Code* | The BCP-47 language code of the contents of this address. | *String* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-calendar.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-calendar.md
new file mode 100644
index 00000000..e79f0823
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-calendar.md
@@ -0,0 +1,118 @@
+## Google Calendar Source {#google-calendar}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/google-calendar.svg-->
+</div>
+
+The **Google Calendar Source** feeds data from [Google Calendar](https://calendar.google.com/) supporting [Calendar](#google-calendar-query), [Event](#google-calendar-event-query) and [Events](#google-calendar-events-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Google Calendar Configuration](./assets/providers/google-calendar-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Google account which to authenticate with. |
+| *Calendar* | The Google calendar which data to create the source with. |
+
+### Google Calendar Query
+
+Fetches the Calendar data resolving to a [Google Calendar Type](#google-calendar-type).
+
+| Setting | Description |  Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Calendar Event Query
+
+Fetches a single event from the calendar and resolves to a [Google Calendar Event Type](#google-calendar-event-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Event ID* | The ID of the event to query. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Calendar Events Query
+
+Fetches events from the calendar and resolves to a list of [Google Calendar Event Type](#google-calendar-event-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Query* | Optionaly filter matching terms in the summary, description, location, attendee\'s displayName and attendee\'s email fields. | | &#x2713; |
+| *Time Min / Max* | Lower and Upper bounds (exclusive) for an event\'s start or end time to filter by. Can be date without time, e.g. 2011-06-03 formated as `Y-m-d`, in which case the current time will be appended, or a timestamp with time zone offset, e.g. `2011-06-03T10:00:00-07:00` formated as `c`. | | &#x2713; |
+| *Order By* | The order by which to query the events. _Start Time_, by event start date/time (ascending) or _Updated_, by event last modification time (ascending). The default is an unspecified, stable order. | `Default` |
+| *Quantity* | The maximum amount of events to query, cannot be higher than `2500`. | `250` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Calendar Type
+
+Defines the mapping options of a Google Calendar object.
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of the calendar. | *String* |
+| *Summary* | Title of the calendar. | *String* | *Limit* |
+| *Description* | Description of the calendar. | *String* | *Limit* |
+| *Location* | Geographic location of the event as free-form text. | *String* | *Limit* |
+| *Time Zone* | The calendars default time zone. | *String* |
+
+### Google Calendar Event Type
+
+Defines the mapping options of a Google Calendar Event object.
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Opaque identifier of the event. | *String* |
+| *URL* | An absolute link to the event in the Google Calendar Web UI. | *String* |
+| *Type* | Specific type of the event, `default`, `outOfOffice`, `focusTime` or `workingLocation`. | *String* |
+| *Status* | Status of the event, `confirmed`, `tentative` or `cancelled`. - | *String* |
+| *Visibility* | Visibility of the event, `default`, `public`, `private`, or `confidential* | *String* |
+| *Summary* | Title of the event. | *String* | *Limit* |
+| *Description* | Description of the calendar. | *String* | *Limit* |
+| *Location* | Geographic location of the event as free-form text. | *String* | *Limit* |
+| *Start* | The (inclusive) start time of the event. For a recurring event, this is the start time of the first instance. | *String* | *Date* |
+| *End* | The (exclusive) end time of the event. For a recurring event, this is the end time of the first instance. | *String* | *Date* |
+| *Created* | Creation time of the event. | *String* | *Date* |
+| *Updated* | Last modification time of the event. | *String* | *Date* |
+| *Creator* | The creator of the event. | [Google Calendar Profile Type](#google-calendar-profile-type) |
+| *Organizer* | The organizer of the event. | [Google Calendar Profile Type](#google-calendar-profile-type) |
+| *Attendees* | The attendees of the event. | [Google Calendar Attendee Type](#google-calendar-attendee-type) |
+| *Attachments* | File attachments of the event. | [Google Calendar Attachment Type](#google-calendar-attachment-type) |
+
+### Google Calendar Profile Type
+
+Defines the mapping options of a Google Calendar Profile object.
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Identifier of the profile. | *String* |
+| *Email* | The profile's email. | *String* |
+| *Name* | The profile's name. | *String* | *Limit* |
+
+### Google Calendar Attendee Type
+
+Defines the mapping options of a Google Calendar Attendee object.
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Identifier of the attendee. | *String* |
+| *Email* | The attendee's email. | *String* |
+| *Name* | The attendee's name. | *String* | *Limit* |
+| *Comment* | The attendee's name. | *String* | *Limit* |
+| *Response Status* | The attendee's response status, `needsAction`, `declined`, `tentative` or `accepted`. | *String* |
+| *Is Organizer* | Whether the attendee is the organizer of the event. | *Boolean* |
+| *Is Resource* | Whether the attendee is a resource. | *Boolean* |
+| *Is Optional* | Whether this is an optional attendee. | *Boolean* |
+| *Additional Guests Count* | Number of additional guests. | *Int* |
+
+### Google Calendar Attachment Type
+
+Defines the mapping options of a Google Calendar Attachment object.
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Identifier of the attached file. | *String* |
+| *Title* | Title of the attachment. | *String* | *Limit* |
+| *Mime Type* | Internet media type (MIME type) of the attachment. | *String* |
+| *File URL* | URL link to the attachment. | *String* |
+| *Icon URL* | URL link to the attachment's icon. | *String* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-photos.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-photos.md
new file mode 100644
index 00000000..8cf62fe3
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-photos.md
@@ -0,0 +1,85 @@
+## Google Photos Source {#google-photos}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/google-photos.svg-->
+</div>
+
+The **Google Photos Source** feeds media from [Google Photos](https://photos.google.com/) supporting [Album](#google-photos-album-query), [Albums](#google-photos-albums-query) and [Album Media](#google-photos-album-media-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Google Photos Configuration](./assets/providers/google-photos-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Google account which to authenticate with. |
+
+### Google Photos Album Query
+
+Fetches a single album resolving to a [Google Photos Album Type](#google-photos-album-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Album ID* | The ID of the album to query. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Photos Album Media Query
+
+Fetches media from a single album resolving to a list of [Google Photos Media Type](#google-photos-media-type).
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Album ID* | The ID of the album to query. | | &#x2713; |
+| *Type* | The media type which to query, _All_, _Images_ or _Videos_. | `All` |
+| *Order By* | The order by which to query the media _Date (desc)_ or _Date (asc)_. | `Date (desc)` |
+| *Start* | The offset applied to the query. | `1` | &#x2713; |
+| *Quantity* | The limit applied to the query. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Photos Albums Query
+
+Fetches all albums from the library resolving to a list of [Google Photos Album Type](#google-photos-album-type).
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Google Photos Album Type
+
+Defines the mapping options of a Google Photos Album object.
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of the album. | *String* |
+| *Title* | Title of the album. | *String* | *Limit* |
+| *Cover Photo URL* | The album cover photo URL. | *String* |
+| *Total Media Count* | The album total amount of media. | *Int* |
+
+### Google Photos Media Type
+
+Defines the mapping options of a Google Photos Media object.
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Opaque identifier of the media. | *String* |
+| *URL* | The path to the locally cached media file, with optionall arguments `Width` and `Height` . | *String* |
+| *Description* | Description of the media. This is shown to the user in the item's info section in the Google Photos app. | *String* | *Limit* |
+| *Filename* | Filename of the media. This is shown to the user in the item's info section in the Google Photos app. | *String* |
+| *MIME Type* | MIME type of the media. For example, `image/jpeg`. | *String* |
+
+### Google Photos Metadata Type
+
+Defines the mapping options of a Google Photos Metadata object.
+
+| Option | Description | Type |
+| --- | --- | --- |
+| *Width* | Original width (in pixels) of the media. | *Int* |
+| *Height* | Original height (in pixels) of the media. | *Int* |
+| *Creation Time* | Time when the media was first created (not when it was uploaded to Google Photos). | *String* |
+| *Camera Brand* | Brand of the camera with which the photo was taken. | *String* |
+| *Camera Model* | Model of the camera with which the photo was taken. | *String* |
+| *Frame Rate* | Frame rate of the media in case is a video. | *Int* |
+| *Camera ISO* | ISO of the camera with which the photo was taken. | *Int* |
+| *Focal Length* | Focal length of the camera lens with which the photo was taken. | *Int* |
+| *Aperture F* | Aperture f number of the camera lens with which the photo was taken. | *Int* |
+| *Exposure Time* | Exposure time of the camera aperture in seconds when the photo was taken. | *String* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-sheets.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-sheets.md
new file mode 100644
index 00000000..19fd7536
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-google-sheets.md
@@ -0,0 +1,31 @@
+## Google Sheets Source {#google-sheet}
+
+<div class="tm-resource-icon">
+    <!--@include: ../assets/provider-google-sheets.svg-->
+</div>
+
+The **Google Sheets Source** feeds data from [Google Sheets](https://www.google.com/sheets) supporting [Records](#google-sheets-records-query) query.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Google Sheets Instance Configuration](./assets/providers/google-sheets-config.webp)
+
+| Setting | Default | Description | Required |
+| --- | --- | --- | :---: |
+| *Account* | | The Google Account which to authenticate with. | &#x2713; |
+| *Spreadsheet* | | The spreadsheet which to retrieve the data from. | &#x2713; |
+| *Sheet* | `Default` | The spreadsheet sheet which data to create the source with. |
+| *Start Column* | `A` | The starting column to restrict the sheet data with. |
+| *End Column* | `Z` | The ending column to restrict the sheet data with. |
+
+### Google Sheets Records Query
+
+Fetches records from the spreadsheet and resolves to a dynamically generated list of record type based on the sheet schema.
+
+![Google Sheets Records Query](./assets/providers/google-sheets-query-records.webp)
+
+| Setting | Default | Description |
+| --- | --- | --- |
+| *Start* | `1` | The offset applied to the query. |
+| *Quantity* | `20` | The limit applied to the query. |
+| *Cache* | `3600` | The duration in seconds before the cache is invalidated and the query re-executed. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-instagram.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-instagram.md
new file mode 100644
index 00000000..0c316f5b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-instagram.md
@@ -0,0 +1,135 @@
+## Instagram Source {#instagram}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/instagram.svg-->
+</div>
+
+The **Instagram Source** feeds data from Personal and Business [Instagram](https://www.instagram.com/) accounts supporting [Media](#instagram-media-query), [Media Single](#instagram-media-single-query), [Hashtagged Media](#instagram-hashtagged-media-query) and [User](#instagram-user-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Instagram Source Settings](./assets/providers/ig-business-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Instagram Account which to authenticate with. |
+| *Page* | The Facebook Page associated with the Instagram Business account. Not applicable for Instagram Personal. |
+
+### Instagram Media Query
+
+Fetches media from the authenticated account and resolves to a list of [Instagram Media Type](#instagram-media-type).
+
+![Instagram Media Query](./assets/providers/ig-query-media.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Type* | The type of media to fetch, _All_, _Image_, or _Video_. | `All` |
+| *Offset* | The offset media to fetch. | `0` |  &#x2713; |
+| *Limit* | The maximum amount of media to fetch. | `20` | &#x2713; |
+| *Since/Until* | The `start` and/or `end` datetime the fetched media will be restricted to. | |  &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Instagram Media Single Query
+
+Fetches a single media from the authenticated account and resolves to a [Media Type](#instagram-media-type).
+
+![Instagram Media Single Query](./assets/providers/ig-query-media-single.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *ID* | Unique identifier of the media to retrieve. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+If the Media is of Album Type you can fetch it media with the Multi Items query which resolves to a list of [Instagram Album Media Type](#instagram-album-media-type).
+
+![Instagram Album Media Query](./assets/providers/ig-query-media-single.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *ID* | Unique identifier of the media to retrieve. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+#### Instagram Hashtagged Media Query
+
+Fetches top and recent hashtagged media from the authenticated business account and resolves to a list of [Instagram Media Type](#instagram-media-type).
+
+![Instagram Hashtagged Media Query](./assets/providers/ig-query-hashtagged-media.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Hashtag* | The hashtag to query for. | | &#x2713; |
+| *Edge* | Should the query look for _Top Media_ or _Recent Media_ hashtagged with. | `Top` |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+::: warning Notice
+Take into consideration that this query is available for Instagram **Business** Accounts only and that the API imposes the following limitations:
+
+- Only returns public photos and videos.
+- Will not return promoted/boosted/ads media.
+- Responses will not always be in chronological order.
+- Maximum of 30 unique hashtags within a 7 day period.
+:::
+
+#### Instagram User Query
+
+Fetches the user profile from the authenticated account and resolves to a [Instagram User Type](#instagram-user-type).
+
+![Instagram User Query](./assets/providers/ig-query-user.webp)
+
+| Setting | Default | Description |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `0` |
+
+::: warning Notice
+This query is only available for Instagram Business Accounts
+:::
+
+### Instagram Media Type
+
+![Instagram Media Mapping](./assets/providers/ig-type-media.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of this media. | *String* |
+| *Type* | The type of this media, _Album_, _Image_, or _Video_. | *String* |
+| *URL* | The path to the locally cached media asset. | *String* |
+| *Thumbnail URL* | The path to the locally cached media thumbnail asset. | *String* |
+| *Permalink* | The Instagram Media URL, e.g. `www.instagram.com/p/CO9O62hnpR5nkt`. | *String* |
+| *Caption* | The caption content. | *String* | *Limit* |
+| *Hashtags* | The media hashtags as a custom formated string with _Separator_ argument. | *String* |
+| *Created At* | The time this media was created. | *String* | *Date* |
+| *Created By* | The username of the user who created this media. | *String* |
+
+| Business Only Options | Description | Type |
+| --- | --- | --- |
+| *Total Comments* | Number of comments made one this media. | *Int* |
+| *Total Likes* | Number of user that liked this media. | *Int* |
+
+### Instagram Album Media Type
+
+![Instagram Album Media Mapping](./assets/providers/ig-type-album-media.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of this media. | *String* |
+| *Type* | The type of this media, _Album_, _Image_, or _Video_. | *String* |
+| *URL* | The path to the locally cached media asset. | *String* |
+| *Thumbnail URL* | The path to the locally cached media thumbnail asset. | *String* |
+| *Permalink* | The Instagram Media URL, e.g. `www.instagram.com/p/CO9O62hnpR5nkt`. | *String* |
+| *Created At* | The time this media was created. | *String* | *Date* |
+| *Created By* | The username of the user who created this media. | *String* |
+
+### Instagram User Type
+
+![Instagram User Mapping](./assets/providers/ig-type-user.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of this user. | *String* |
+| *Name* | The name of this user. | *String* |
+| *Website* | The website of this user profile. | *String* |
+| *Biography* | The biography of this user profile. | *String* | *Limit* |
+| *Picture URL* | The profile picture URL of this user. | *String* |
+| *Total Followers* | Number of Instagram users following this user. | *Int* |
+| *Total Follows* | Number of Instagram users this user follows. | *Int* |
+| *Total Media* | Number of Instagram Media published on this user. | *Int* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-rss.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-rss.md
new file mode 100644
index 00000000..e2447327
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-rss.md
@@ -0,0 +1,39 @@
+## RSS Source {#rss}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/rss.svg-->
+</div>
+
+The **RSS Source** is a specialized version of the [XML Source](#xml) that feeds data from [RSS](https://en.wikipedia.org/wiki/RSS) 0.9, 1.0, 2.0, and Atom specifications supporting [Feed](#rss-feed-query) and [Entries](#rss-entries-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![RSS Source Settings](./assets/providers/rss-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *URL* | The feed URL from which to generate the source content. |
+
+### RSS Feed Query
+
+Fetches information from the feed and resolves to a dynamically generated feed type based on it schema.
+
+![RSS Source Feed Query](./assets/providers/rss-query-feed.webp)
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### RSS Entries Query
+
+Fetches records from the feed and resolves to a list of dynamically generated record type based on the feed schema.
+
+![RSS Source Entries Query](./assets/providers/rss-query-entries.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Filters* | The list of filter conditions applied to the query. | `[]` | &#x2713; |
+| *Ordering* | The list of ordering conditions applied to the query. | `[]` | &#x2713; |
+| *Start* | The offset applied to the query. | `1` | &#x2713; |
+| *Quantity* | The limit applied to the query. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-tiktok.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-tiktok.md
new file mode 100644
index 00000000..60d06810
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-tiktok.md
@@ -0,0 +1,53 @@
+## TikTok Source {#tiktok}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/tiktok.svg-->
+</div>
+
+The **TikTok Source** feeds media from [TikTok](https://www.vimeo.com) supporting [My Videos](#tiktok-my-videos-query) query.
+
+<!--@include: ./common-provider-settings.md-->
+
+![TikTok Source Configuration](./assets/providers/tiktok-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The TikTok Account which to authenticate with. |
+
+### TikTok My Videos Query
+
+Fetches videos from the authenticated account and resolves to a list of [TikTok Video Type](#tiktok-video-type).
+
+![TikTok Videos Query](./assets/providers/tiktok-query-videos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Filter by ID* | Filter videos comma separated list of IDs, up to maximum 20 videos. | | &#x2713; |
+| *Filter by date* | Filter videos created before the specified date. | | &#x2713; |
+| *Start* | The starting point, e.g of a list of 20 videos start from the number 2. | `1` | &#x2713; |
+| *Quantity* | The maximum amount of videos to retrieve. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### TikTok Video Type
+
+Defines the mapping options of a TikTok Video object.
+
+![TikTok Video Mapping](./assets/providers/tiktok-type-video.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this video. | *String* |
+| *Title* | The title of this video, max length 150. | *String* | *Limit* |
+| *Description* | The description for this video, max length 150. | *String* | *Limit* |
+| *Duration* | The duration of this video in seconds. | *Int* |
+| *Width* | The width of this video. | *Int* |
+| *Height* | The height of this video. | *Int* |
+| *Cover* | The path to the locally cached video cover. | *String* |
+| *Embed Link* | The embed link of tiktok.com for this video. | *String* |
+| *Embed HTML* | The HTML code for embedded video. | *String* |
+| *Share URL* | A shareable link for this video. Note that the website behaves differently on Mobile and Desktop devices. | *String* |
+| *Created At* | The time this video was created. | *String* | *Date* |
+| *Total Shares* | Number of times this video has been shared. | *Int* |
+| *Total Likes* | Number of times this video has been liked. | *Int* |
+| *Total Comments* | Number of times this video has been commented. | *Int* |
+| *Total Views* | Number of times this video has been viewed. | *Int* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-twitter.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-twitter.md
new file mode 100644
index 00000000..98746048
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-twitter.md
@@ -0,0 +1,76 @@
+## Twitter Source {#twitter}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/twitter.svg-->
+</div>
+
+The **Twitter Source** feeds data from [Twitter](https://www.twitter.com) supporting [My Tweets](#my-tweets-query) and [User](#twitter-user-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Twitter Source Configuration](./assets/providers/twitter-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Twitter Account which to authenticate with. |
+
+### My Tweets Query
+
+Fetches tweets from the authenticated account resolving to a list of [Tweet Type](#tweet-type).
+
+![Twitter Tweets Query](./assets/providers/twitter-query-tweets.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Since/Until* | The `start` and/or `end` datetime the fetched tweets will be restricted to. | | &#x2713; |
+| *Limit* | The maximum amount of tweets to fetch. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Twitter User Query
+
+Fetches the authenticated user account resolving to a list of [Twitter User Type](#twitter-user-type).
+
+![Twitter User Query](./assets/providers/twitter-query-user.webp)
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Tweet Type
+
+Defines the mapping options of a Twitter Tweet object.
+
+![Twitter Tweet Mapping](./assets/providers/twitter-type-tweet.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of this Tweet. | *String* |
+| *Text* | The content of the Tweet. | *String* | *Limit* |
+| *Text HTML* | The content of the Tweet as HTML. | *String* | *Limit* |
+| *Permalink* | The Tweet URL, e.g. `twitter.com/Twitter/status/123456789`. | *String* |
+| *Created At* | The time this Tweet was created. | *String* | *Date* |
+| *Language* | Language of the Tweet, if detected by Twitter. Returned as a BCP47 language tag. | *String* |
+| *Total Retweets* | Number of times this Tweet has been Retweeted. | *Int* |
+| *Total Replies* | Number of Replies of this Tweet. | *Int* |
+| *Total Likes* | Number of Likes of this Tweet. | *Int* |
+| *Total Quotes* | Number of times this Tweet has been Retweeted with a comment (also known as Quote). | *Int* |
+
+### Twitter User Type
+
+Defines the mapping options of a Twitter User object.
+
+![Twitter User Mapping](./assets/providers/twitter-type-user.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | Unique identifier of this user. | *String* |
+| *Username* | The Twitter handle (screen name) of this user. | *String* |
+| *Created At* | The time this user account was created. | *String* | *Date* |
+| *Profile URL* | The URL specified in the user's profile, if present. | *String* |
+| *Profile Name* | The friendly name of this user, as shown on their profile. | *String* |
+| *Profile Image* | The path to the locally cached profile image for this user, as shown on the user's profile. | *String* |
+| *Profile Description* | The text of this user's profile description (also known as bio), if the user provided one. | *String* | *Limit* |
+| *Total Followers* | Number of users who follows this user. | *Int* |
+| *Total Following* | Number of users this user is following. | *Int* |
+| *Total Tweets* | Number of Tweets (including Retweets) posted by this user. | *Int* |
+| *Total Listed* | Number of lists that include this user. | *Int* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-vimeo.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-vimeo.md
new file mode 100644
index 00000000..566cd01f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-vimeo.md
@@ -0,0 +1,111 @@
+## Vimeo Source {#vimeo}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/vimeo.svg-->
+</div>
+
+The Vimeo Source feeds media from [Vimeo](https://www.vimeo.com) supporting [My Videos](#vimeo-my-videos-query), [My Folder Videos](#vimeo-my-folder-videos-query) and [My Showcase Videos](#vimeo-my-showcase-videos-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+![Vimeo Source Configuration](./assets/providers/vimeo-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Vimeo Account which to authenticate with. |
+
+### Vimeo My Videos Query
+
+Fetches videos from the authenticated account and resolves to a list of [Vimeo Video Type](#vimeo-video-type).
+
+![Vimeo My Videos Query](./assets/providers/vimeo-query-myvideos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Query* | The search term by which to filter the videos. | | &#x2713; |
+| *Attribute* | The video attribute by which to filter the videos, within _Featured_, _Live_, and _No Live_. |
+| *Tags* | Comma separated tags by which to filter the videos. | | &#x2713; |
+| *Sort* | The order of the videos, within _Default_, _Alphabetical_, _Date_, _Modified_, _Duration_, _Last User Action_, _Total Plays_, and _Total Likes_. | `Default` | &#x2713; |
+| *Direction* | The order direction of the videos, _Ascending_ or _Descending_. | `Descending` |
+| *Page* | The page number of the videos. | `1` | &#x2713; |
+| *Per Page* | The number of videos to return on each page, up to a maximum of 100. | `25` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Vimeo My Folder Videos Query
+
+Fetches videos from the authenticated account specific folder and resolves to a list of [Vimeo Video Type](#vimeo-video-type).
+
+![Vimeo My Vimeo Folder Videos Query](./assets/providers/vimeo-query-myfolder-videos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Folder ID* | The unique identifier of the folder from which to retrieve the videos. | | &#x2713; |
+| *Include Subfolders* | Whether to include videos of all subfolders. |
+| *Query* | The search term by which to filter the videos. | | &#x2713; |
+| *Sort* | The order of the videos, within _Default_, _Alphabetical_, _Date_, _Duration_, and _Last User Action_. | `Default` |
+| *Direction* | The order direction of the videos, _Ascending_ or _Descending_. | `Descending` |
+| *Page* | The page number of the videos. | `1` |  &#x2713; |
+| *Per Page* | The number of videos to return on each page, up to a maximum of 100. | `25` |  &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Vimeo My Showcase Videos Query
+
+Fetches videos from the authenticated account specific showcase and resolves to a list of [Vimeo Video Type](#vimeo-video-type).
+
+![Vimeo My Vimeo Showcase Videos Query](./assets/providers/vimeo-query-myshowcase-videos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Showcase ID* | The unique identifier of the showcase from which to retrieve the videos. | | &#x2713; |
+| *Password* | The password of the showcase in case it has one. | | &#x2713; |
+| *Query* | The search term by which to filter the videos. | | &#x2713; |
+| *Sort* | The order of the videos, within _Default_, _Alphabetical_, _Date_, _Duration_, and _Last User Action_. | `Default` |
+| *Direction* | The order direction of the videos, _Ascending_ or _Descending_. | `Descending` |
+| *Page* | The page number of the videos. | `1` |  &#x2713; |
+| *Per Page* | The number of videos to return on each page, up to a maximum of 100. | `25` |  &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### Vimeo Video Type
+
+Defines the mapping options of a Vimeo Video object.
+
+![Vimeo Video Mapping](./assets/providers/vimeo-type-video.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this video. | *String* |
+| *URL* | The URL of this video, e.g. `vimeo.com/123456789`. | *String* |
+| *Custom URL* | The custom URL of this video. | *String* |
+| *Type* | The type of this video, _live_ (is or was a live event), _stock_ (is a Vimeo Stock video), or _video_ (standard Vimeo video). | *String* |
+| *Title* | The title of this video. | *String* | *Limit* |
+| *Description* | A brief explanation of this video's content. | *String* | *Limit* |
+| *Duration* | The duration of this video in seconds. | *Int* |
+| *Language* | The primary language of this video. | *String* |
+| *License* | The [Creative Commons](https://creativecommons.org/licenses/) license given to this video under _BY_, _BY-NC_, _BY-NC-ND_, _BY-NC-SA_, _BY-ND_, _BY-SA_, or _CC0_. | *String* |
+| *Thumbnail* | The path to the locally cached video picture. | *String* |
+| *Width* | The width of this video in pixels. | *Int* |
+| *Height* | The height of this video in pixels. | *Int* |
+| *Tags* | A formated list of all tags assigned to this video, joined with a custom separator. | *String* |
+| *Categories* | A formated list of all categories this video belongs to, joined with a custom separator, optional link and style. | *String* |
+| *Created At* | The time this video was created. | *String* | *Date* |
+| *Released At* | The time this video was released. | *String* | *Date* |
+| *Modified At* | The time this video was modified. | *String* | *Date* |
+| *Total Plays* | Number of times this video has been played. | *Int* |
+| *Total Comments* | Number of times this video has been commented. | *Int* |
+
+### Vimeo User Type
+
+Defines the mapping options of a Vimeo User object.
+
+![Vimeo User Mapping](./assets/providers/vimeo-type-user.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this user. | *String* |
+| *URL* | The absolute URL of this user profile page. | *String* |
+| *Name* | The display name of this user. | *String* |
+| *Gender* | The gender of this user. | *String* |
+| *Bio* | The long bio text of this user. | *String* | *Limit* |
+| *Bio Short* | The short bio text of this user. | *String* | *Limit* |
+| *Location* | The location of this user. | *String* |
+| *Is Expert* | Whether the creator enrolled in and successfully completed the Vimeo Experts program. | *String* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-xml.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-xml.md
new file mode 100644
index 00000000..14590e75
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-xml.md
@@ -0,0 +1,58 @@
+## XML Source {#xml}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/xml.svg-->
+</div>
+
+The **XML Source** feeds data from any [XML](https://en.wikipedia.org/wiki/XML) URL or local file, reading its structure and building a dedicated query and source types to the best of its abilities.
+
+<!--@include: ./common-provider-settings.md-->
+
+If the source is a remote file, the URL and an optional API key-based authentication are required:
+
+![XML Source URL Settings](./assets/providers/xml-url-config.webp)
+
+| Setting                   | Description                                                    |
+|---------------------------|----------------------------------------------------------------|
+| *URL*                     | The feed URL from which to generate the source content.        |
+| *Requires Authentication* | If the URL is protected by authorization.                      |
+| *Authentication*          | The authentication details to use.                             |
+
+When authentication is present, you can specify its details. Currently, only the API key method is supported, either via a header or a query parameter.
+
+![API Key Auth Settings](./assets/providers/xml-source-api-key-auth.webp)
+
+| Setting          | Description                                                |
+|------------------|------------------------------------------------------------|
+| *API Key*        | The API key to use.                                        |
+| *API Key Mode*   | Where the key is set, in a header or in a query parameter. |
+| *Parameter Name* | The name of the header or of the query parameter where the API key is set. |
+
+If the source is a local file, the file path is required.
+
+| Setting | Description |
+|---------|-------------|
+| *File*  | The relative or absolute local path to the file to use as source. |
+
+![XML Source URL Settings](./assets/providers/xml-file-config.webp)
+
+Optionally, an [XPath filter](https://en.wikipedia.org/wiki/XPath) can be set, which will allow narrowing down your XML file if needed. It's also possible to map some of the result item properties to dedicated types, to make better use of YOOtheme Pro filters, such as dates or numbers.
+
+![XML Settings](./assets/providers/xml-config.webp)
+
+| Setting       | Description                                      |
+|---------------|--------------------------------------------------|
+| *XPath Filter* | Optional XPath filter, like `/jobs/job`.        |
+| *Data Types*  | Data type mapping for each field.               |
+
+### XML Query
+
+Fetches records from the XML file and resolves to a list of dynamically generated record types based on the feed schema.
+
+![XML Source Query](./assets/providers/xml-query-config.webp)
+
+| Setting   | Description                                       | Default | Dynamic |
+|-----------|---------------------------------------------------|---------|:-------:|
+| *Start*   | The offset applied to the query.                  | `1`     | &#x2713; |
+| *Quantity*| The limit applied to the query.                   | `20`    | &#x2713; |
+| *Cache*   | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-youtube.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-youtube.md
new file mode 100644
index 00000000..39d8d312
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/_partials/provider-youtube.md
@@ -0,0 +1,191 @@
+## YouTube Source {#youtube}
+
+<div class="tm-resource-icon">
+    <!--@include: @essentials-for-yootheme-pro/assets/brands/youtube.svg-->
+</div>
+
+The YouTube Source feeds data from [YouTube](https://www.youtube.com/) supporting [Videos](#youtube-videos-query), [My Channel](#youtube-my-channel-query), [My Channel Video](#youtube-my-channel-video-query), [My Channel Videos](#youtube-my-channel-videos-query), [My Channel Playlist](#youtube-my-channel-playlist-query), [My Channel Playlist Videos](#youtube-my-channel-playlist-videos-query), [My Playlist Video](#youtube-my-playlist-video-query) and [My Playlist Videos](#youtube-my-playlist-videos-query) queries.
+
+<!--@include: ./common-provider-settings.md-->
+
+If the source is based on a YouTube channel or playlist an oAuth authentication is required.
+
+![YouTube Source Configuration Account](./assets/providers/youtube-config-account.webp)
+
+![YouTube Source Configuration Channel](./assets/providers/youtube-config-channel.webp)
+
+![YouTube Source Configuration Playlist](./assets/providers/youtube-config-playlist.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Account* | The Google Account which to authenticate with. |
+| *Channel* | The YouTube Channel from which to create the source. |
+| *Playlist* | The YouTube Playlist from which to create the source. |
+
+If the source is based on YouTube videos an API Key is required instead.
+
+![YouTube Videos Source Configuration](./assets/providers/youtube-videos-config.webp)
+
+| Setting | Description |
+| --- | --- |
+| *API Key* | The Google API Key which to authenticate with. |
+
+### YouTube Videos Query
+
+Fetches public videos with advanced query params resolving to a list of [YouTube Video Type](#youtube-video-type).
+
+![YouTube Videos Query](./assets/providers/youtube-videos-query.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Videos ID* | Restricts the results to videos created by a specific channel ID. | | &#x2713; |
+| *Channel ID* | Restricts the results to videos created by a specific channel ID. | | &#x2713; |
+| *Query Term* | The list of terms the videos should be associated with. Use the Boolean NOT (`-`) and OR (`\|`) operators to exclude or find videos that are associated with one of several search terms. For example, to match either "boating" or "sailing", set as `boating\|sailing`. Similarly, to exclude "fishing", set as `boating\|sailing -fishing`. | | &#x2713; |
+| *Since/Until* | Restricts the results to videos that have been published within the specified range of dates. | | &#x2713; |
+| *Location/Radius* | Location in conjunction with radius, defines a circular geographic area to which to restrict the videos. The location points the center of the area with latitude/longitude coordinates e.g. `37.42307,-122.08427`, while the radius is the maximum distance from the location in `m`, `km`, `ft`, or `mi` units, e.g `5km`. | | &#x2713; |
+| *Region* | Restricts the results to videos that can be viewed in the specified country. The value is an [ISO 3166-1 alpha-2](https://www.iso.org/iso-3166-country-codes.html) country code, e.g `ES`. | | &#x2713; |
+| *Language* | Restricts the results to videos that are most relevant to the specified language. The value is typically an [ISO 639-1 two-letter](https://www.loc.gov/standards/iso639-2/php/code_list.php) language code, however, you should use the values `zh-Hans` for simplified Chinese and `zh-Hant` for traditional Chinese. Note that results in other languages will still be returned if they are highly relevant to the search query term. | | &#x2713; |
+| *Definition* | Restricts the results based on the videos quality, either _High Definition_, _Standard Definition_, or _Any_. HD videos are available for playback in at least 720p, though higher resolutions, like 1080p, might also be available. | `Any` |
+| *Duration* | Restricts the results based on the videos duration, either _Long_, longer than 20 minutes, `Medium`, between four and 20 minutes, _Short_, less than four minutes, or _Any_. | `Any` |
+| *Start* | The starting point, e.g of a list of 20 videos start from the number 2. | `1` | &#x2713; |
+| *Quantity* | The maximum amount of videos to retrieve. | `20` | &#x2713; |
+| *Order* | The order in which the videos will be returned, within *Date*, reverse chronological order based on the date the videos were created, _Rating_, from highest to lowest rating, _Relevance_, based on their relevance to the search query, _Title_, alphabetically by title, or _View Count_, from highest to lowest number of views. | `Relevance` |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### YouTube My Channel Query
+
+Fetches the channel content resolving to a [YouTube Channel Type](#youtube-channel-type).
+
+![My YouTube Channel Query](./assets/providers/youtube-mychannel.webp)
+
+| Setting | Description | Default |
+| --- | --- | --- |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### YouTube My Channel Video Query
+
+Fetches a single video from the channel resolving to a [YouTube Video Type](#youtube-video-type).
+
+![My YouTube Channel Video Query](./assets/providers/youtube-mychannel-video.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Video* | The playlist video which content to fetch. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### YouTube My Channel Videos Query
+
+Fetches videos from the channel resolving to a list of [YouTube Video Type](#youtube-video-type).
+
+![My YouTube Channel Videos Query](./assets/providers/youtube-mychannel-videos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Start* | The starting position to retrieve the videos at. | `1` | &#x2713; |
+| *Quantity* | The maximum amount of videos to fetch. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### YouTube My Channel Playlist Query
+
+Fetches a single playlist from the channel resolving to a [YouTube Playlist Type](#youtube-playlist-type).
+
+![My YouTube Channel Playlist Query](./assets/providers/youtube-mychannel-playlist.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Playlist* | The YouTube Playlist which content to fetch. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+| *Multi Items* | The related multi-items content to query instead with _Videos_ as the only option. |
+
+### YouTube My Channel Playlist Videos Query
+
+Fetches videos from the playlist resolving to a list of [YouTube Video Type](#youtube-video-type).
+
+![My YouTube Channel Videos Query](./assets/providers/youtube-mychannel-playlist-videos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Start* | The starting position to retrieve the videos at. | `1` | &#x2713; |
+| *Quantity* | The maximum amount of videos to fetch. | `20` | &#x2713; |
+
+### YouTube My Playlist Video Query
+
+Fetches a single video from the playlist resolving to a [YouTube Video Type](#youtube-video-type).
+
+![My YouTube Playlist Video Query](./assets/providers/youtube-myplaylist-video.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Video* | The playlist video which content to fetch. | | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### YouTube My Playlist Videos Query
+
+Fetches videos from the playlist resolving to a list of [YouTube Video Type](#youtube-video-type).
+
+![My YouTube Playlist Videos Query](./assets/providers/youtube-myplaylist-videos.webp)
+
+| Setting | Description | Default | Dynamic |
+| --- | --- | --- | :---: |
+| *Start* | The starting position to retrieve the videos at. | `1` | &#x2713; |
+| *Quantity* | The maximum amount of videos to fetch. | `20` | &#x2713; |
+| *Cache* | The duration in seconds before the cache is invalidated and the query re-executed. | `3600` |
+
+### YouTube Video Type
+
+Defines the mapping options of a YouTube Video object.
+
+![YouTube Video Mapping](./assets/providers/youtube-type-video.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this video. | *String* |
+| *Title* | The title of this video. | *String* | *Limit* |
+| *Description* | The description of this video. | *String* | *Limit* |
+| *URL* | The YouTube public URL, e.g. `www.youtube.com/watch?v=c2pz2mlSfXA`. | *String* |
+| *Iframe Player* | Generates an HTML embed video player with several configuration settings. | *String* |
+| *Published At* | The date this video was published. | *String* | *Date* |
+| *Thumbnail URL* | The URL to this video thumbnail with different size options, _Low_, _Medium_ (default), _High Resolution_, _Standard_, and `Max Resolution* | *String* |
+| *Thumbnail Width* | The width of this video thumbnail with same size options as for URL. | *String* |
+| *Thumbnail Height* | The height of this video thumbnail with same size options as for URL. | *String* |
+| *Total Views* | Number of times this video has been viewed. | *Int* |
+| *Total Comments* | Number of comments for this video. | *Int* |
+| *Total Likes* | Number of users that have indicated they like this video. | *Int* |
+| *Total Dislikes* | Number of users that have indicated they dislike this video. | *Int* |
+
+### YouTube Channel Type
+
+Defines the mapping options of a YouTube Channel object.
+
+![YouTube Channel Mapping](./assets/providers/youtube-type-channel.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this channel. | *String* |
+| *Title* | The title of this channel. | *String* | *Limit* |
+| *Description* | The description of this channel. | *String* | *Limit* |
+| *Country* | The country with which this channel is associated. | *String* |
+| *Published At* | The date this channel was published. | *String* | *Date* |
+| *Thumbnail URL* | The URL to this channel thumbnail with different size options, _Low_, _Medium_ (default), _High Resolution_, _Standard_, and _Max Resolution_ | *String* |
+| *Thumbnail Width* | The width of this channel thumbnail with same size options as for URL. | *String* |
+| *Thumbnail Height* | The height of this channel thumbnail with same size options as for URL. | *String* |
+| *Total Views* | Number of times this channel has been viewed. | *Int* |
+| *Total Videos* | Number of public videos uploaded to this channel. | *Int* |
+| *Total Subscribers* | Number of subscribers this channel has, the value is rounded down to three significant figures. | *Int* |
+
+### YouTube Playlist Type
+
+Defines the mapping options of a YouTube Playlist object.
+
+![YouTube Video Mapping](./assets/providers/youtube-type-playlist.webp)
+
+| Option | Description | Type | Filters |
+| --- | --- | --- | --- |
+| *ID* | The unique identifier of this playlist. | *String* |
+| *Title* | The title of this playlist. | *String* | *Limit* |
+| *Description* | The description of this playlist. | *String* | *Limit* |
+| *Iframe Player* | Generates an HTML embed playlist player with several configuration settings. | *String* |
+| *Published At* | The date this playlist was published. | *String* | *Date* |
+| *Thumbnail URL* | The URL to this playlist thumbnail with different size options, _Low_, _Medium_ (default), _High Resolution_, _Standard_, and _Max Resolution_ | *String* |
+| *Thumbnail Width* | The width of this playlist thumbnail with same size options as for URL. | *String* |
+| *Thumbnail Height* | The height of this playlist thumbnail with same size options as for URL. | *String* |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/common-provider-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/common-provider-settings.webp
new file mode 100644
index 00000000..265a68b2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/common-provider-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/create-source-instance.gif b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/create-source-instance.gif
new file mode 100644
index 00000000..bdd3ba13
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/create-source-instance.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/enable-addon.gif b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/enable-addon.gif
new file mode 100644
index 00000000..e7568eea
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/enable-addon.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/global/request-source-fields.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/global/request-source-fields.png
new file mode 100644
index 00000000..e1c70cd2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/global/request-source-fields.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/global/request-source.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/global/request-source.webp
new file mode 100644
index 00000000..fa503260
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/global/request-source.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/instance-common-settings.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/instance-common-settings.webp
new file mode 100644
index 00000000..265a68b2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/instance-common-settings.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/manager-instance-multi.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/manager-instance-multi.webp
new file mode 100644
index 00000000..db84664c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/manager-instance-multi.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/map-source-content.gif b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/map-source-content.gif
new file mode 100644
index 00000000..f96d85a4
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/map-source-content.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-csv.svg b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-csv.svg
new file mode 100644
index 00000000..b085db99
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-csv.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M24.034 6.975l-4.26-4.259A2.436 2.436 0 0018.054 2H7.687A2.446 2.446 0 005.25 4.442v21.121A2.438 2.438 0 007.687 28h14.626a2.438 2.438 0 002.437-2.437V8.702c0-.645-.259-1.269-.716-1.727zm-5.782-3.32a.795.795 0 01.375.213l4.26 4.26a.785.785 0 01.213.376h-4.848V3.655zm4.874 21.908a.816.816 0 01-.813.813H7.687a.816.816 0 01-.813-.813V4.442c0-.447.366-.817.813-.817h8.94V8.91c0 .675.543 1.215 1.218 1.215h5.281v15.438z"/>
+    <path stroke="none" d="M16.4 19.554a1.9 1.9 0 01-.334.168 2.698 2.698 0 01-.462.119l-.391.074c-.368.065-.631.145-.79.239-.269.159-.404.406-.404.74 0 .298.083.513.248.646a.93.93 0 00.603.199c.375 0 .721-.11 1.037-.331.317-.22.481-.622.493-1.205v-.649zm-1.059-.814c.322-.041.553-.092.692-.153.249-.107.373-.272.373-.496 0-.274-.095-.462-.284-.566-.19-.105-.469-.157-.836-.157-.412 0-.704.102-.875.306-.123.151-.204.356-.245.613h-1.684c.037-.584.2-1.063.49-1.439.461-.588 1.253-.881 2.375-.881.731 0 1.38.145 1.947.434.567.29.851.837.851 1.641v3.06c0 .213.004.47.012.772.012.228.047.383.104.465a.622.622 0 00.257.202v.257H16.62a1.985 1.985 0 01-.11-.38 5.039 5.039 0 01-.049-.404c-.24.262-.518.484-.832.668-.376.216-.8.324-1.273.324-.604 0-1.103-.172-1.497-.517-.394-.345-.591-.834-.591-1.466 0-.82.316-1.414.949-1.781.347-.2.857-.343 1.53-.429l.594-.073zM19.602 24.249c.35-.098.609-.261.774-.49.165-.228.26-.549.284-.961h-1.058v-1.824h1.885v1.579c0 .278-.037.567-.11.869-.074.302-.21.564-.41.784a2.126 2.126 0 01-.763.536c-.291.12-.492.18-.602.18v-.673z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-database.svg b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-database.svg
new file mode 100644
index 00000000..5e0ae820
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-database.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+     <path stroke-width=".3" d="M15 2C9 2 4.475 4.044 4.475 6.755V23.24c0 2.71 4.525 4.758 10.525 4.758s10.525-2.042 10.525-4.758V6.754C25.525 4.043 21 2 15 2zm9.225 15.745c0 1.634-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459V14.61c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zm0-5.496c0 1.634-3.788 3.46-9.225 3.46-5.437 0-9.225-1.82-9.225-3.46V9.114c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zM15 3.3c5.437 0 9.225 1.82 9.225 3.459 0 1.64-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459C5.775 5.119 9.563 3.3 15 3.3zm0 23.394c-5.437 0-9.225-1.82-9.225-3.458V20.1c1.761 1.453 5.15 2.397 9.225 2.397 4.074 0 7.47-.944 9.225-2.397v3.135c0 1.639-3.788 3.458-9.225 3.458z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-google-sheets.svg b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-google-sheets.svg
new file mode 100644
index 00000000..d4d0e48f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-google-sheets.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g stroke="#444" fill="#444">
+    <path stroke="none" d="M7.687 2c4.328-.011 1.71-.023 8.94 0 .727.002.727 1.623 0 1.625-7.23.023-4.612.011-8.94 0a.819.819 0 00-.813.817v21.121c0 .447.366.813.813.813h14.626a.815.815 0 00.813-.813s-.014-15.412 0-15.439c.358-.695 1.191-.686 1.624 0 .011.018 0 15.44 0 15.44A2.438 2.438 0 0122.313 28H7.687a2.438 2.438 0 01-2.437-2.437V4.442A2.446 2.446 0 017.687 2z"/>
+    <path stroke="none" d="M20.215 13.095H9.785a.87.87 0 00-.869.87v10.429c0 .48.39.869.87.869h10.429c.48 0 .869-.39.869-.87V13.965a.87.87 0 00-.87-.869zm-9.56 5.215h3.476v1.738h-3.477V18.31zm5.214 0h3.477v1.738h-3.477V18.31zm3.477-1.738h-3.477v-1.739h3.477v1.739zm-5.215-1.739v1.739h-3.477v-1.739h3.477zm-3.477 6.953h3.477v1.739h-3.477v-1.739zm5.215 1.739v-1.739h3.477v1.739h-3.477z"/>
+    <path stroke-width=".3" d="M24.931 8.478l1.51-2.156L23.246.888H20.37l-3.194 5.434 1.51 2.156h6.245zm-.282-.542h-5.406l.828-1.355h5.527l-.949 1.355zm-1.404-1.897h-2.843l1.407-2.306 1.436 2.306zm2.4 0h-1.761l-2.87-4.609h1.922l2.709 4.609zm-5.113-4.356l.956 1.535-2.712 4.444-.956-1.365 2.712-4.614z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-instagram.svg b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-instagram.svg
new file mode 100644
index 00000000..972dbb03
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-instagram.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M20.128 2H9.887C5.539 2 2 5.525 2 9.858v10.284C2 24.475 5.539 28 9.887 28h10.226C24.475 28 28 24.475 28 20.142V9.858C28.014 5.525 24.475 2 20.128 2zm5.705 18.778a5.061 5.061 0 01-5.055 5.055H9.222a5.061 5.061 0 01-5.055-5.055V9.222a5.061 5.061 0 015.055-5.055h11.556a5.061 5.061 0 015.055 5.055v11.556z"/>
+    <circle stroke="none" cx="22.034" cy="8.153" r="1.574"/>
+    <path stroke="none" d="M15.043 8.428c-3.683 0-6.687 2.975-6.687 6.644 0 3.684 2.99 6.659 6.687 6.659 3.698 0 6.688-2.977 6.688-6.659-.014-3.669-3.004-6.644-6.688-6.644zm.073 10.905a4.325 4.325 0 01-4.334-4.319 4.324 4.324 0 014.334-4.318 4.324 4.324 0 014.333 4.318 4.324 4.324 0 01-4.333 4.319z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-xml.svg b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-xml.svg
new file mode 100644
index 00000000..d4ca478b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/provider-xml.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 82">
+  <g fill="#444" fill-rule="nonzero">
+    <path d="M58.7 15.547 45.387 2.237A7.612 7.612 0 0 0 40.012 0H7.616C3.438.015.007 3.453 0 7.631v66.003c.002 4.178 3.438 7.614 7.616 7.616h45.706c4.177-.002 7.614-3.438 7.615-7.616v-52.69a7.662 7.662 0 0 0-2.237-5.397ZM40.631 5.172c.445.11.85.34 1.172.665L55.116 19.15c.327.322.558.729.665 1.175h-15.15V5.172Zm15.231 68.462a2.561 2.561 0 0 1-2.54 2.541H7.616a2.562 2.562 0 0 1-2.541-2.541V7.631c0-1.397 1.144-2.553 2.541-2.553h27.937v16.516a3.79 3.79 0 0 0 3.806 3.797h16.504l-.001 48.243Z"/>
+    <path d="M11.994 60.585a1.538 1.538 0 0 1-1.088-2.628l9.237-9.238a1.538 1.538 0 0 1 2.177 0 1.538 1.538 0 0 1 0 2.177l-9.237 9.238c-.301.3-.695.451-1.089.451Z"/>
+    <path d="M21.231 69.822c-.394 0-.788-.151-1.088-.451l-9.237-9.237a1.538 1.538 0 0 1 0-2.177 1.538 1.538 0 0 1 2.177 0l9.237 9.237a1.538 1.538 0 0 1-1.089 2.628ZM39.706 69.822a1.538 1.538 0 0 1-1.088-2.628l9.237-9.237a1.538 1.538 0 0 1 2.177 0 1.538 1.538 0 0 1 0 2.177l-9.237 9.237c-.301.3-.695.451-1.089.451Z"/>
+    <path d="M48.943 60.585c-.394 0-.788-.151-1.088-.451l-9.237-9.238a1.538 1.538 0 0 1 0-2.177 1.538 1.538 0 0 1 2.177 0l9.237 9.238a1.538 1.538 0 0 1-1.089 2.628ZM25.85 72.901a1.544 1.544 0 0 1-1.452-2.054l9.238-26.172a1.539 1.539 0 1 1 2.903 1.025l-9.237 26.173a1.539 1.539 0 0 1-1.452 1.028Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/airtable-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/airtable-config.webp
new file mode 100644
index 00000000..30245077
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/airtable-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-config.webp
new file mode 100644
index 00000000..3469c9bf
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-query-video.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-query-video.webp
new file mode 100644
index 00000000..ea0230b7
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-query-video.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-query-videos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-query-videos.webp
new file mode 100644
index 00000000..4aad83d9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-query-videos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-type-video.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-type-video.webp
new file mode 100644
index 00000000..b26fbed1
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/cf-stream-type-video.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/csv-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/csv-config.webp
new file mode 100644
index 00000000..0d3cc5f5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/csv-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/csv-query-records.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/csv-query-records.webp
new file mode 100644
index 00000000..db55280f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/csv-query-records.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config-connection.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config-connection.webp
new file mode 100644
index 00000000..c02d337a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config-connection.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config-relations.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config-relations.webp
new file mode 100644
index 00000000..bf102729
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config-relations.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config.webp
new file mode 100644
index 00000000..6f8e702d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-query-record.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-query-record.webp
new file mode 100644
index 00000000..42400061
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-query-record.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-query-records.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-query-records.webp
new file mode 100644
index 00000000..9bc5d5e5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/db-query-records.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-config.webp
new file mode 100644
index 00000000..efe83c37
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-query-page-posts.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-query-page-posts.webp
new file mode 100644
index 00000000..614287e6
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-query-page-posts.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-query-page.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-query-page.webp
new file mode 100644
index 00000000..241e3ca1
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-query-page.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-type-page.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-type-page.webp
new file mode 100644
index 00000000..0c9077e5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-type-page.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-type-post.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-type-post.webp
new file mode 100644
index 00000000..0fb0ff9c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/fb-type-post.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-location-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-location-config.webp
new file mode 100644
index 00000000..2efa832e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-location-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-location.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-location.webp
new file mode 100644
index 00000000..b27c0b2a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-location.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-media.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-media.webp
new file mode 100644
index 00000000..3111dacc
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-media.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-posts.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-posts.webp
new file mode 100644
index 00000000..5a63376d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-posts.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-review.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-review.webp
new file mode 100644
index 00000000..a1883dae
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-review.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-reviews.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-reviews.webp
new file mode 100644
index 00000000..14f1ad9e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-query-reviews.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-location.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-location.webp
new file mode 100644
index 00000000..6c13cc66
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-location.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-media.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-media.webp
new file mode 100644
index 00000000..0473af44
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-media.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-period.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-period.webp
new file mode 100644
index 00000000..84e94867
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-period.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-post.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-post.webp
new file mode 100644
index 00000000..3b48b7c0
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-post.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-postal-address.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-postal-address.webp
new file mode 100644
index 00000000..1ae134ee
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-postal-address.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-review-reply.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-review-reply.webp
new file mode 100644
index 00000000..0b466c2e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-review-reply.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-review.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-review.webp
new file mode 100644
index 00000000..49d11493
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-review.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-reviewer.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-reviewer.webp
new file mode 100644
index 00000000..8711d160
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/gbp-type-reviewer.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-calendar-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-calendar-config.webp
new file mode 100644
index 00000000..bad25c35
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-calendar-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-photos-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-photos-config.webp
new file mode 100644
index 00000000..f5909d4e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-photos-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-sheets-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-sheets-config.webp
new file mode 100644
index 00000000..88aa2a35
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-sheets-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-sheets-query-records.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-sheets-query-records.webp
new file mode 100644
index 00000000..439c3c31
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/google-sheets-query-records.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-business-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-business-config.webp
new file mode 100644
index 00000000..b3e035ac
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-business-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-personal-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-personal-config.webp
new file mode 100644
index 00000000..d2db5760
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-personal-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-hashtagged-media.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-hashtagged-media.webp
new file mode 100644
index 00000000..23cf398a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-hashtagged-media.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-media-single.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-media-single.webp
new file mode 100644
index 00000000..b8744c39
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-media-single.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-media.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-media.webp
new file mode 100644
index 00000000..884ab028
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-media.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-user.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-user.webp
new file mode 100644
index 00000000..beb0fd60
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-query-user.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-album-media.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-album-media.webp
new file mode 100644
index 00000000..6f65b7e3
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-album-media.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-media.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-media.webp
new file mode 100644
index 00000000..4f123f1f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-media.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-user.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-user.webp
new file mode 100644
index 00000000..1e35a9ec
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/ig-type-user.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-config.webp
new file mode 100644
index 00000000..f2959458
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-query-entries.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-query-entries.webp
new file mode 100644
index 00000000..db55280f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-query-entries.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-query-feed.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-query-feed.webp
new file mode 100644
index 00000000..0caaeaa3
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/rss-query-feed.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-config.webp
new file mode 100644
index 00000000..71a54cb8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-query-videos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-query-videos.webp
new file mode 100644
index 00000000..6d8178ec
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-query-videos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-type-video.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-type-video.webp
new file mode 100644
index 00000000..c308c4ca
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/tiktok-type-video.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-config.webp
new file mode 100644
index 00000000..d2ca4ee9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-query-tweets.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-query-tweets.webp
new file mode 100644
index 00000000..a991eae9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-query-tweets.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-query-user.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-query-user.webp
new file mode 100644
index 00000000..70171f71
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-query-user.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-type-tweet.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-type-tweet.webp
new file mode 100644
index 00000000..b4f5cbe6
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-type-tweet.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-type-user.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-type-user.webp
new file mode 100644
index 00000000..b59f8644
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/twitter-type-user.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-config.webp
new file mode 100644
index 00000000..7c6fe87e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myfolder-videos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myfolder-videos.webp
new file mode 100644
index 00000000..fbb6fd57
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myfolder-videos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myshowcase-videos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myshowcase-videos.webp
new file mode 100644
index 00000000..80fb2757
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myshowcase-videos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myvideos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myvideos.webp
new file mode 100644
index 00000000..7e18dc88
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-query-myvideos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-type-user.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-type-user.webp
new file mode 100644
index 00000000..b9d2d60a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-type-user.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-type-video.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-type-video.webp
new file mode 100644
index 00000000..31499ef1
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/vimeo-type-video.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-config.webp
new file mode 100644
index 00000000..dfe38a68
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-file-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-file-config.webp
new file mode 100644
index 00000000..0efdbca0
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-file-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-query-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-query-config.webp
new file mode 100644
index 00000000..2d5f4327
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-query-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-source-api-key-auth.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-source-api-key-auth.webp
new file mode 100644
index 00000000..22a3282a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-source-api-key-auth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-url-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-url-config.webp
new file mode 100644
index 00000000..e98e12a9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/xml-url-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-account.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-account.webp
new file mode 100644
index 00000000..1fb1e8f7
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-account.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-channel.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-channel.webp
new file mode 100644
index 00000000..bb80cf41
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-channel.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-playlist.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-playlist.webp
new file mode 100644
index 00000000..272407be
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config-playlist.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config.webp
new file mode 100644
index 00000000..98bebaae
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-playlist-videos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-playlist-videos.webp
new file mode 100644
index 00000000..6d040644
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-playlist-videos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-playlist.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-playlist.webp
new file mode 100644
index 00000000..9d079c57
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-playlist.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-video.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-video.webp
new file mode 100644
index 00000000..4f014a88
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-video.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-videos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-videos.webp
new file mode 100644
index 00000000..71544159
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel-videos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel.webp
new file mode 100644
index 00000000..ebcb2d8d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-mychannel.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-myplaylist-video.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-myplaylist-video.webp
new file mode 100644
index 00000000..4f014a88
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-myplaylist-video.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-myplaylist-videos.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-myplaylist-videos.webp
new file mode 100644
index 00000000..71544159
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-myplaylist-videos.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-channel.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-channel.webp
new file mode 100644
index 00000000..c4ee4226
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-channel.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-playlist.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-playlist.webp
new file mode 100644
index 00000000..aa60c18e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-playlist.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-video.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-video.webp
new file mode 100644
index 00000000..e00b6a2c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-type-video.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-videos-config.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-videos-config.webp
new file mode 100644
index 00000000..51a77eff
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-videos-config.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-videos-query.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-videos-query.webp
new file mode 100644
index 00000000..059cb6d4
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/providers/youtube-videos-query.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/add-new-page.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/add-new-page.png
new file mode 100644
index 00000000..5b8ab10f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/add-new-page.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/album-layout.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/album-layout.png
new file mode 100644
index 00000000..5348bb94
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/album-layout.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/album-template.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/album-template.png
new file mode 100644
index 00000000..ff18c08c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/album-template.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/articles-route-album.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/articles-route-album.png
new file mode 100644
index 00000000..78bec584
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/articles-route-album.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/articles-route-mapping.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/articles-route-mapping.png
new file mode 100644
index 00000000..11510dc9
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/articles-route-mapping.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/global-request-id-param.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/global-request-id-param.png
new file mode 100644
index 00000000..0a084b97
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/global-request-id-param.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/google-photos-albums.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/google-photos-albums.png
new file mode 100644
index 00000000..1907fb5c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/google-photos-albums.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/page-route-mapping.png b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/page-route-mapping.png
new file mode 100644
index 00000000..9377ee20
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/routing/page-route-mapping.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/source-authentication.webp b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/source-authentication.webp
new file mode 100644
index 00000000..ee5b6913
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/addons/sources/assets/source-authentication.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/custom-provider.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/custom-provider.md
new file mode 100644
index 00000000..90340fec
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/custom-provider.md
@@ -0,0 +1,216 @@
+# Custom Source Provider
+
+Learn how to create a Custom Multi-Instance Source.
+
+::: warning Extending YOOtheme Pro
+The following guide assumes you are already familar with code, PHP, and [extending YOOtheme Pro](https://yootheme.com/support/yootheme-pro/joomla/developers-child-themes#extend-functionality).
+:::
+
+## 1. Create the Source Main Class
+
+Start by creating a PHP Class that extends `AbstractSourceType` and implements
+the `SourceInterface` interface. Store it into a YOOtheme Pro Child Theme or Module.
+
+```php
+<?php
+
+use ZOOlanders\YOOessentials\Source\Type\AbstractSourceType;
+use ZOOlanders\YOOessentials\Source\Type\SourceInterface;
+use ZOOlanders\YOOessentials\Source\SourceService;
+
+class MySource extends AbstractSourceType implements SourceInterface
+{
+    // declare here the source types and queries
+    public function types(): array;
+}
+```
+
+## 2. Create the Source Config
+
+Create a config file in JSON format that will specify the source configuration, store it beside the PHP class as `config.json`.
+
+```json
+{
+  "name": "",
+  "title": "",
+  "icon": "",
+  "description": "",
+  "fields": {}
+}
+```
+
+| Prop | Description | Required |
+| --- | --- | :---: |
+| *Name* | The source name prefixed, e.g. `mysource`. | &#x2713; |
+| *Title* | The source title as should appear in the UI, e.g. `My Source`. | &#x2713; |
+| *Icon* | The absolute path to the source icon. | &#x2713; |
+| *Fields* | The source fields configuration. Those will hold the values of the configuration and are based on the same workflow as the [Elements Fields](https://yootheme.com/support/yootheme-pro/joomla/developers-elements). | &#x2713; |
+| *Description* | The source description explaining what the source is for. |
+| *Group* | Sources with the same group will be displayed under the same section in the UI. |
+| *Collection* | Sources of the same collection will be displayed joined in the UI, indicating a strong relation between them. |
+
+## 3. Create a Source Type Class
+
+Create a PHP Class that specifies the source content mapping configuration, it must extend `ZOOlanders\YOOessentials\Source\GraphQL\AbstractObjectType` and implement
+the `ZOOlanders\YOOessentials\Source\GraphQL\HasSourceInterface` interface. Store it beside the main class.
+
+```php
+<?php
+
+use ZOOlanders\YOOessentials\Source\GraphQL\AbstractObjectType;
+use ZOOlanders\YOOessentials\Source\GraphQL\HasSourceInterface;
+use ZOOlanders\YOOessentials\Source\SourceService;
+
+class MySourceType extends AbstractObjectType implements HasSourceInterface
+{
+    // a unique name is required for the type registration,
+    // using the source config is in general a good way to do so
+    public function name(): string
+    {
+        return 'mySource_' . sha1(json_encode($this->source->config())));
+    }
+
+    // return a standard config for the Type based
+    // on the current source configuration
+    public function config(): array
+    {
+        $fields = [];
+        $config = $this->source->config();
+
+        // apply your logic to form the Type fields
+        foreach ($values as $value) {
+            // we recommend to cleanup the fields names as
+            // to ensure it follows Graph Schema standards
+            $fields[SourceService::encodeField($value)] = [
+                'type' => 'String',
+                'metadata' => [
+                    'label' => 'Field Label',
+                    'fields' => []
+                ]
+            ];
+        }
+
+        return [
+            'fields' => $fields,
+            'metadata' => [
+                'type' => true,
+                'label' => $this->label(),
+            ],
+        ];
+    }
+}
+```
+
+## 4. Create a Source Query Class
+
+Create a PHP Class that specifies the source content query arguments and resolving, it must extend `ZOOlanders\YOOessentials\Source\GraphQL\AbstractQueryType` and implement
+the `ZOOlanders\YOOessentials\Source\GraphQL\HasSourceInterface` interface. Store it beside the main class.
+
+```php
+<?php
+
+use ZOOlanders\YOOessentials\Source\GraphQL\AbstractQueryType;
+use ZOOlanders\YOOessentials\Source\GraphQL\HasSourceInterface;
+use ZOOlanders\YOOessentials\Source\SourceService;
+use ZOOlanders\YOOessentials\Source\Type\Csv\CsvSource;
+use ZOOlanders\YOOessentials\Source\Type\SourceInterface;
+
+class MySourceQueryType extends AbstractQueryType implements HasSourceInterface
+{
+    private $mySourceType;
+
+    public function __construct(SourceInterface $source, MySourceType $mySourceType)
+    {
+        parent::__construct($source);
+
+        // declare the source type/s for use in the config
+        $this->mySourceType = $mySourceType;
+    }
+
+    // a unique name for the query type,
+    // we recommend using the source id
+    public function name(): string
+    {
+        return "mySource_{$this->source()->id()}_query";
+    }
+
+    public function config(): array
+    {
+        return [
+
+            'fields' => [
+
+                $this->name() => [
+                    'type' => ['listOf' => $this->mySourceType->name()],
+
+                    'args' => [
+
+                        'offset' => [
+                            'type' => 'Int',
+                        ],
+                        'limit' => [
+                            'type' => 'Int',
+                        ]
+
+                    ],
+
+                    'metadata' => [
+                        'group' => 'My Source',
+                        'label' => $this->label(),
+                        'fields' => [],
+                    ],
+
+                    'extensions' => [
+                        'call' => [
+                            'call' => __CLASS__ . '::resolve',
+                            'args' => [
+                                // is important to provide the source id
+                                'source_id' => $this->source->id(),
+                            ]
+                        ]
+                    ],
+
+                ],
+
+            ],
+
+        ];
+    }
+}
+```
+
+## 5. Declare the Source
+
+Now that the classes are ready we can update the Main Class and declare it as a source.
+
+```php
+<?php
+
+class MySource extends AbstractSourceType implements SourceInterface
+{
+    // update this function
+    public function types(): array
+    {
+        return [
+            new MySourceType($this),
+            new MySourceQueryType($this)
+        ];
+    }
+
+    ...
+}
+```
+
+Declare the custom source by adding a `yooessentials-sources` key to the `config.php` or `bootstrap.php` file referencing the class.
+
+```php
+<?php
+
+require_once __DIR__ . '/sources/MySource/MySource.php';
+
+return [
+    'yooessentials-sources' => [
+        'my-source' => MySource::class
+    ]
+];
+```
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/global.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/global.md
new file mode 100644
index 00000000..91b8a48e
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/global.md
@@ -0,0 +1,29 @@
+# Global Sources
+
+Global sources are sources available globally for mapping in any element at any moment, like Site Source.
+
+## Request Source {#request}
+
+The **Request Source** feeds from the current page request exposing the following fields.
+
+![Request Source](./assets/global/request-source.webp)
+
+![Request Source Fields](./assets/global/request-source-fields.png)
+
+| Setting | Description |
+| --- | --- |
+| **Request** |
+| *Timestamp* | The date and time the page was requested, e.g. `2024-05-10 10:20`. |
+| *Href* | The href tha was requested, e.g.`http://mysite.io/index.php`. |
+| *IP* | The IP from which the page was requested, e.g. `110.07.88.44`. |
+| *Method* | The method the pas was requested with , e.g. `GET`. |
+| *Origin* | The origin from which the page was requested, e.g. `http://mysite.io`. |
+| *User Agent* | The agent from which the page was requested, e.g. `Mozilla/5.0 (Macintosh...`. |
+| **URL** |
+| *Param* | The URL query param specified by a name or path, e.g. `foo` or `foo.0`. |
+| *Query* | The URL query, e.g. `?foo=bar&q=zoo`. |
+| *Scheme* | The URL scheme, e.g. `http`. |
+| *Host* | The URL host, e.g. `mysite.io`. |
+| *Port* | The URL port, e.g. `3360`. |
+| *Path* | The URL path, e.g. `/index.php`. |
+| *Fragment* | The URL fragment, e.g. `#fragment`. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/index.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/index.md
new file mode 100644
index 00000000..788ad1fc
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/index.md
@@ -0,0 +1,9 @@
+# Dynamic Sources Overview
+
+Generate dynamic content sources from configuration or service-dependent data, such as database tables, CSV files, Instagram media, Google Spreadsheets, and more.
+
+## Multi Instance
+
+A multi-instance source is based on the same core principles introduced by [YOOtheme Pro Dynamic Content](https://yootheme.com/support/yootheme-pro/joomla/dynamic-content) sources, but allows running multiple identical instances in parallel. New instances schema is stored in the builder GraphQL Schema, being the final result and performance identical as of a standard source.
+
+![Multi-Instance Source](./assets/manager-instance-multi.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/integration.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/integration.md
new file mode 100644
index 00000000..0bde418a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/integration.md
@@ -0,0 +1,35 @@
+---
+addon: Sources
+---
+
+# Dynamic Sources Integration
+
+Lets create a RSS source and render it feed data to a layout.
+
+<!--@include: ../_partials/enable-addon.md-->
+
+## 1. Create a Source Instance
+
+Before being able to use a source we must first create an instance of it within the [Sources manager](/essentials-for-yootheme-pro/settings#sources).
+
+![Create a Source Instance](./assets/create-source-instance.gif)
+
+1. Open the Sources manager panel and click on _Add Source_.
+2. Choose the [source](./providers) you want to make an instance from, e.g. [RSS](./providers#rss).
+3. Set the source name and the configuration basics, e.g. _My Feed_ and `https://www.theverge.com/rss/reviews/index.xml`.
+4. Leave the rest as is and save.
+
+## 2. Map the Source Content
+
+Once the source instance has been created it schema will be generated based on it configuration and it content made available for mapping as any other dynamic core source. Lets map it content to the layout.
+
+![Map Source Content](./assets/map-source-content.gif)
+
+1. Open the builder layout where you want to map the source.
+1. Add a new _Text Element_ and open it _Advanced Tab_ settings.
+1. Finde the _Dynamic Content_ select field and open it.
+1. From the _RSS_ group choose the _My Feed Entries_ option.
+1. Open the element _Content Tab_ settings and click on the _Dynamic_ button above the content field.
+1. Choose the data you want to map from the dropdown options.
+
+A list of the feed entries should be rendered! For more insights about [YOOtheme Dynamic Content](https://yootheme.com/support/yootheme-pro/joomla/dynamic-content) workflow, consult the corresponding documentation.
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/providers.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/providers.md
new file mode 100644
index 00000000..8ca944b4
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/providers.md
@@ -0,0 +1,20 @@
+# Source Providers
+
+Each Essentials multi-instance source relies on a provider that manages the source instances and workflow. To learn more about [sources](./), refer to the corresponding documentation.
+
+<!--@include: ./_partials/provider-airtable.md-->
+<!--@include: ./_partials/provider-cloudflare-stream.md-->
+<!--@include: ./_partials/provider-csv.md-->
+<!--@include: ./_partials/provider-database.md-->
+<!--@include: ./_partials/provider-facebook.md-->
+<!--@include: ./_partials/provider-google-business-profile.md-->
+<!--@include: ./_partials/provider-google-calendar.md-->
+<!--@include: ./_partials/provider-google-photos.md-->
+<!--@include: ./_partials/provider-google-sheets.md-->
+<!--@include: ./_partials/provider-instagram.md-->
+<!--@include: ./_partials/provider-rss.md-->
+<!--@include: ./_partials/provider-tiktok.md-->
+<!--@include: ./_partials/provider-twitter.md-->
+<!--@include: ./_partials/provider-vimeo.md-->
+<!--@include: ./_partials/provider-xml.md-->
+<!--@include: ./_partials/provider-youtube.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/routing.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/routing.md
new file mode 100644
index 00000000..e423b57c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/routing.md
@@ -0,0 +1,70 @@
+# Source Routing
+
+Routing is the process of mapping URLs to specific views within a framework. Since YOOtheme Pro Sources do not support routing natively, we must use some workarounds to "emulate" routing for these sources.
+
+Let's take Google Photos as an example of a source we would like to route. Assume our Google Photos account has two albums, each containing a set of photos.
+
+![Google Photos Albums](./assets/routing/google-photos-albums.png)
+
+We can take a few approaches to route these albums, each with its pros and cons.
+
+| Approach | Route | Description |
+| --- | --- | --- |
+| [Page as Route](#page-as-route) | `/trips/album?id={albumid}` | Simple setup, works with any new album, but not good for SEO. Choose this approach when convenience is more important than SEO. |
+| [Articles as Route](#articles-as-route) | `/trips/{alias}` | Great for SEO, but requires manual intervention each time there is a new album. Choose this approach when SEO is important. |
+
+## Page as Route
+
+This approach leverages a single page for source routing by setting a layout that dynamically loads the source content based on the URL's query parameter. For example, we could set a page under the route `/trips/album` and pass the album reference as a parameter, typically `id`. The final route would look like `/trips/album?id=xxx`, and the album `id` would be dynamically read by the source query. Let's see how!
+
+### 1. Add a New Page
+
+Create a new custom page that will serve as the main layout for the album. You can place it under any route you prefer by following the Add a New Page guide for [Joomla](https://yootheme.com/support/yootheme-pro/joomla/pages#add-a-new-page) or [WordPress](https://yootheme.com/support/yootheme-pro/wordpress/pages#add-a-new-page).
+
+![Add New Page](./assets/routing/add-new-page.png)
+
+### 2. Layout the Page
+
+Design the page layout to best suit your use case. This could be as simple as Headline and Image elements displaying the current album title and cover, or a more advanced composition where a Gallery element shows the media as well.
+
+![Page Layout](./assets/routing/album-layout.png)
+
+### 3. Map the URL Album ID
+
+The key to this workflow is to ensure that the album ID stored in the URL is mapped to all Google Photos sources referencing an album. We can do this by choosing the Dynamic option for the Album in the source configuration and mapping the URL query parameter that holds the album ID. The parameter value can be retrieved with the global [Request Source](./global#request) and its URL Query Param field, with the final mapping as `Global -> Request -> URL -> Param (id)`.
+
+![Page Route Mapping](./assets/routing/page-route-mapping.png)
+
+When the Request Source query parameter is mapped, press the `pencil` icon to open the field configuration and set the name of the parameter, in this case `id`.
+
+![Global Request ID Param](./assets/routing/global-request-id-param.png)
+
+## Articles as Route
+
+This alternative approach leverages the system's articles for source routing by creating one article for each album that will also hold the album ID. The advantage is an SEO-friendly URL, e.g., `/trips/thailand-2024`, with the disadvantage of manual intervention each time there is a new album.
+
+### 1. Add Articles
+
+Similarly to the previous approach, we need to add articles, but this time one article for each album. Additionally, we need to create an article custom field that will hold the album ID, or simply use one of the article's existing fields.
+
+![Article Album](./assets/routing/articles-route-album.png)
+
+::: tip
+Group the articles under the same category for easier templating.
+:::
+
+### 2. Template the Articles
+
+Instead of laying out the articles individually, create a Single Article [template](https://yootheme.com/support/yootheme-pro/joomla/templates) and limit it by category.
+
+![Article Template](./assets/routing/album-template.png)
+
+Design this template to best suit your use case. This could be as simple as Headline and Image elements displaying the current album title and cover, or a more advanced composition where a Gallery element shows the media as well.
+
+![Article Template Layout](./assets/routing/album-layout.png)
+
+### 3. Map the Article Album ID
+
+The key to this workflow is to ensure that the album ID stored in the article is mapped to all Google Photos sources referencing an album. We can do this by choosing the Dynamic option for the Album in the source configuration and mapping the article field that holds the album ID. The article field value can be retrieved with the Page Article Source and its Custom Fields, with the final mapping as `Page -> Article -> Fields -> Album ID`.
+
+![Articles Route Mapping](./assets/routing/articles-route-mapping.png)
diff --git a/src/essentials-for-yootheme-pro/v2.2/addons/sources/troubleshooting.md b/src/essentials-for-yootheme-pro/v2.2/addons/sources/troubleshooting.md
new file mode 100644
index 00000000..7a8f70a7
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/addons/sources/troubleshooting.md
@@ -0,0 +1,11 @@
+# Sources Addon Related Issues
+
+Learn how to handle common issues within essential sources addon.
+
+## A Source is Triggering a Fatal Error
+
+After a source instance creation a fatal error is triggered without the possibility to access the Customizer and delete the instance.
+
+As a quick solution delete the folder of the source instance provider that is triggering the error, then delete the orphan instance within the Source Manager.
+
+The source providers are located at `modules/sources/providers` directory relative to the [installation folder](/essentials-for-yootheme-pro/installation)
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/auth-zl-oauth-app.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auth-zl-oauth-app.webp
new file mode 100644
index 00000000..63d10961
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auth-zl-oauth-app.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-custom-app.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-custom-app.webp
new file mode 100644
index 00000000..ddc5e82b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-custom-app.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-key.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-key.webp
new file mode 100644
index 00000000..1ef902f8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-key.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-manager-field.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-manager-field.webp
new file mode 100644
index 00000000..b02e6f6c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-manager-field.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-manager.gif b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-manager.gif
new file mode 100644
index 00000000..e0be1d85
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-manager.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-oauth.webp
new file mode 100644
index 00000000..ee5b6913
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/auths-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-airtable-access-token.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-airtable-access-token.webp
new file mode 100644
index 00000000..04a8e344
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-airtable-access-token.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-api-key.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-api-key.webp
new file mode 100644
index 00000000..0ae9bdb3
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-api-key.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-api.svg b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-api.svg
new file mode 100644
index 00000000..040c7330
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-api.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M12.565 10.94c.001-3.565 2.936-6.498 6.502-6.498s6.501 2.935 6.501 6.501c0 3.567-2.935 6.502-6.501 6.502a6.503 6.503 0 0 1-2.063-.336 1.22 1.22 0 0 0-1.248.293l-1.663 1.666h-1.934c-.669 0-1.22.55-1.22 1.219v1.934l-.097.098H8.908c-.669 0-1.219.55-1.219 1.219v1.934l-.098.097H4.845a.408.408 0 0 1-.407-.406v-2.747l8.166-8.164c.326-.326.44-.811.294-1.249a6.494 6.494 0 0 1-.333-2.062Zm6.502-8.939h-.002c-4.904 0-8.94 4.036-8.94 8.94 0 .705.084 1.408.25 2.093l-8.017 8.017a1.22 1.22 0 0 0-.358.861v3.251a2.845 2.845 0 0 0 2.845 2.844h3.25c.323 0 .634-.129.862-.357l.812-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.22c.322 0 .632-.128.86-.357l.813-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.219c.323 0 .633-.128.861-.357l1.515-1.515a8.938 8.938 0 0 0 2.087.247c4.904 0 8.94-4.035 8.94-8.94 0-4.901-4.032-8.935-8.933-8.939Zm.812 9.753c.892 0 1.626-.734 1.626-1.626 0-.892-.734-1.625-1.626-1.625-.891 0-1.625.733-1.625 1.625s.734 1.626 1.625 1.626Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-aws.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-aws.webp
new file mode 100644
index 00000000..932af53f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-aws.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-basic.svg b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-basic.svg
new file mode 100644
index 00000000..040c7330
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-basic.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M12.565 10.94c.001-3.565 2.936-6.498 6.502-6.498s6.501 2.935 6.501 6.501c0 3.567-2.935 6.502-6.501 6.502a6.503 6.503 0 0 1-2.063-.336 1.22 1.22 0 0 0-1.248.293l-1.663 1.666h-1.934c-.669 0-1.22.55-1.22 1.219v1.934l-.097.098H8.908c-.669 0-1.219.55-1.219 1.219v1.934l-.098.097H4.845a.408.408 0 0 1-.407-.406v-2.747l8.166-8.164c.326-.326.44-.811.294-1.249a6.494 6.494 0 0 1-.333-2.062Zm6.502-8.939h-.002c-4.904 0-8.94 4.036-8.94 8.94 0 .705.084 1.408.25 2.093l-8.017 8.017a1.22 1.22 0 0 0-.358.861v3.251a2.845 2.845 0 0 0 2.845 2.844h3.25c.323 0 .634-.129.862-.357l.812-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.22c.322 0 .632-.128.86-.357l.813-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.219c.323 0 .633-.128.861-.357l1.515-1.515a8.938 8.938 0 0 0 2.087.247c4.904 0 8.94-4.035 8.94-8.94 0-4.901-4.032-8.935-8.933-8.939Zm.812 9.753c.892 0 1.626-.734 1.626-1.626 0-.892-.734-1.625-1.626-1.625-.891 0-1.625.733-1.625 1.625s.734 1.626 1.625 1.626Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-cloudflare-api-token.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-cloudflare-api-token.webp
new file mode 100644
index 00000000..da569b2e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-cloudflare-api-token.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-database.svg b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-database.svg
new file mode 100644
index 00000000..5e0ae820
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-database.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+     <path stroke-width=".3" d="M15 2C9 2 4.475 4.044 4.475 6.755V23.24c0 2.71 4.525 4.758 10.525 4.758s10.525-2.042 10.525-4.758V6.754C25.525 4.043 21 2 15 2zm9.225 15.745c0 1.634-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459V14.61c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zm0-5.496c0 1.634-3.788 3.46-9.225 3.46-5.437 0-9.225-1.82-9.225-3.46V9.114c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zM15 3.3c5.437 0 9.225 1.82 9.225 3.459 0 1.64-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459C5.775 5.119 9.563 3.3 15 3.3zm0 23.394c-5.437 0-9.225-1.82-9.225-3.458V20.1c1.761 1.453 5.15 2.397 9.225 2.397 4.074 0 7.47-.944 9.225-2.397v3.135c0 1.639-3.788 3.458-9.225 3.458z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-facebook-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-facebook-oauth.webp
new file mode 100644
index 00000000..d908af19
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-facebook-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-google-api-key.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-google-api-key.webp
new file mode 100644
index 00000000..f1e4b6d5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-google-api-key.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-google-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-google-oauth.webp
new file mode 100644
index 00000000..d6aea440
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-google-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-instagram-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-instagram-oauth.webp
new file mode 100644
index 00000000..2be3291e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-instagram-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-tiktok-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-tiktok-oauth.webp
new file mode 100644
index 00000000..1072af67
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-tiktok-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-twitter-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-twitter-oauth.webp
new file mode 100644
index 00000000..615b4a80
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-twitter-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-vimeo-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-vimeo-oauth.webp
new file mode 100644
index 00000000..67231054
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/auth/driver-vimeo-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/airtable.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/airtable.svg
new file mode 100644
index 00000000..8affa67d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/airtable.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="none">
+    <path d="m2.733 10.771-.026-.001a.698.698 0 0 0-.495.206.635.635 0 0 0-.212.437v9.053a.69.69 0 0 0 .987.582l-.004.002 7.125-3.416 3.216-1.555a.646.646 0 0 0-.062-1.181l-.004-.002-10.302-4.08a.616.616 0 0 0-.223-.047h-.001l.001.002ZM27.349 10.728a.637.637 0 0 0-.244.05l.004-.001-10.846 4.2a.664.664 0 0 0-.411.611v9.637a.65.65 0 0 0 .893.596l-.004.002 10.847-4.214a.632.632 0 0 0 .412-.592v-9.642a.65.65 0 0 0-.65-.646l-.001-.001ZM14.991 4.131c-.5 0-.977.102-1.41.287l.023-.009-9.677 4.002a.653.653 0 0 0 .009 1.207l.004.002 9.73 3.854a3.536 3.536 0 0 0 2.681-.008l-.023.008 9.729-3.854a.655.655 0 0 0 .018-1.206l-.005-.002-9.702-4.002a3.474 3.474 0 0 0-1.374-.278h-.005l.002-.001Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/aws.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/aws.svg
new file mode 100644
index 00000000..38e7bda6
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/aws.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="none">
+    <path d="M9.327 12.873c0 .32.035.58.095.77.07.19.156.397.277.622.043.07.06.138.06.199 0 .086-.051.173-.164.26l-.545.362a.415.415 0 0 1-.224.078c-.087 0-.173-.043-.26-.12a2.675 2.675 0 0 1-.311-.407 6.694 6.694 0 0 1-.268-.51c-.675.795-1.522 1.193-2.543 1.193-.726 0-1.305-.208-1.729-.623-.424-.415-.64-.968-.64-1.66 0-.735.26-1.332.787-1.781.527-.45 1.228-.675 2.119-.675.294 0 .596.026.916.07.32.043.649.112.995.19v-.632c0-.657-.139-1.115-.407-1.383-.277-.268-.743-.398-1.41-.398-.302 0-.613.035-.933.112a6.89 6.89 0 0 0-.934.294c-.138.061-.242.096-.303.113a.53.53 0 0 1-.138.026c-.121 0-.182-.087-.182-.268V8.28c0-.138.018-.242.06-.303a.647.647 0 0 1 .243-.181 4.978 4.978 0 0 1 1.09-.39 5.243 5.243 0 0 1 1.348-.164c1.03 0 1.782.234 2.266.7.476.468.718 1.177.718 2.128v2.802h.017Zm-3.51 1.314c.285 0 .579-.052.89-.155.311-.104.588-.295.821-.554.139-.164.243-.346.294-.553.052-.208.087-.459.087-.753v-.363a7.221 7.221 0 0 0-.796-.147 6.516 6.516 0 0 0-.812-.052c-.58 0-1.004.113-1.289.346-.285.234-.424.562-.424.995 0 .406.104.709.32.916.208.216.51.32.908.32Zm6.943.934c-.156 0-.26-.026-.329-.086-.069-.052-.13-.173-.181-.338l-2.032-6.684a1.515 1.515 0 0 1-.078-.346c0-.138.07-.216.207-.216h.848c.164 0 .277.026.337.086.07.052.121.173.173.338l1.453 5.724 1.349-5.724c.043-.173.095-.286.164-.338.07-.051.19-.086.346-.086h.692c.164 0 .276.026.346.086.069.052.13.173.164.338l1.366 5.793 1.496-5.793c.052-.173.113-.286.173-.338.07-.051.182-.086.337-.086h.805c.138 0 .216.07.216.216 0 .043-.009.087-.018.139a1.232 1.232 0 0 1-.06.216l-2.084 6.684c-.052.173-.112.285-.182.337a.553.553 0 0 1-.328.087h-.744c-.164 0-.277-.026-.346-.087-.069-.06-.13-.173-.164-.346l-1.34-5.577-1.332 5.569c-.043.173-.095.285-.164.346-.07.06-.19.086-.346.086h-.744Zm11.112.234c-.45 0-.9-.052-1.332-.156-.432-.104-.77-.216-.994-.346-.139-.078-.234-.164-.268-.242a.61.61 0 0 1-.052-.242v-.441c0-.182.069-.268.199-.268.052 0 .103.008.155.026.052.017.13.051.216.086.294.13.614.234.952.303.346.069.683.104 1.029.104.544 0 .968-.096 1.262-.286a.931.931 0 0 0 .45-.821.842.842 0 0 0-.234-.606c-.155-.164-.45-.311-.873-.45l-1.254-.388c-.631-.2-1.098-.493-1.383-.882a2.06 2.06 0 0 1-.433-1.254c0-.364.078-.683.234-.96.155-.277.363-.519.622-.71.26-.198.554-.345.9-.449.346-.104.709-.147 1.09-.147.19 0 .388.009.579.035.198.026.38.06.562.095.173.043.337.086.493.138.155.052.276.104.363.156.12.069.207.138.26.216.051.07.077.164.077.285v.407c0 .181-.07.276-.199.276-.07 0-.182-.034-.329-.103a3.956 3.956 0 0 0-1.66-.338c-.493 0-.882.078-1.15.243-.268.164-.406.415-.406.77 0 .241.086.449.26.613.172.164.492.329.95.476l1.228.389c.623.199 1.072.475 1.34.83.269.355.398.761.398 1.21 0 .373-.078.71-.225 1.004a2.326 2.326 0 0 1-.63.76 2.787 2.787 0 0 1-.96.485c-.39.121-.796.182-1.237.182ZM25.506 19.557c-2.845 2.101-6.978 3.217-10.532 3.217-4.981 0-9.469-1.842-12.859-4.903-.268-.242-.026-.57.294-.38 3.667 2.127 8.19 3.415 12.867 3.415 3.157 0 6.624-.657 9.815-2.006.476-.216.882.311.415.657Zm1.185-1.349c-.363-.467-2.404-.225-3.33-.112-.276.034-.32-.208-.069-.39 1.626-1.14 4.298-.812 4.61-.432.31.39-.087 3.061-1.609 4.341-.233.2-.458.095-.354-.164.345-.856 1.115-2.785.752-3.243Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/cloudflare.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/cloudflare.svg
new file mode 100644
index 00000000..8ecbb36c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/cloudflare.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="none">
+    <path d="M19.884 20.246c.16-.548.1-1.051-.167-1.425-.244-.342-.655-.54-1.15-.564l-9.381-.121a.173.173 0 01-.145-.076.21.21 0 01-.023-.168.258.258 0 01.22-.168l9.466-.122c1.12-.053 2.338-.96 2.766-2.072l.54-1.41a.305.305 0 00.015-.183 6.163 6.163 0 00-11.849-.633 2.8 2.8 0 00-1.943-.54 2.775 2.775 0 00-2.407 3.444A3.937 3.937 0 002 20.148c0 .19.015.38.038.571.015.091.092.16.183.16h17.313c.099 0 .19-.069.221-.168l.13-.465zM22.872 14.219c-.084 0-.176 0-.26.007-.06 0-.114.046-.137.107l-.366 1.273c-.16.549-.098 1.051.168 1.425.244.343.655.54 1.15.564l1.997.121c.061 0 .114.031.145.077.03.045.038.114.023.168a.258.258 0 01-.221.167l-2.08.122c-1.128.053-2.34.96-2.767 2.073l-.152.388c-.03.076.023.153.107.153h7.148c.083 0 .16-.054.182-.137.122-.442.191-.907.191-1.387 0-2.82-2.302-5.121-5.128-5.121"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/facebook.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/facebook.svg
new file mode 100644
index 00000000..b2147fbe
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/facebook.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#444" fill="none">
+    <path stroke-width="1.7" stroke-linejoin="round" d="M27.999 15c0-7.179-5.82-12.999-13-12.999C7.82 2.001 2 7.821 2 15.001c0 6.488 4.754 11.866 10.968 12.841v-9.084h-3.3v-3.757h3.3v-2.864c0-3.258 1.941-5.058 4.91-5.058 1.423 0 2.91.254 2.91.254v3.199H19.15c-1.615 0-2.118 1.002-2.118 2.03v2.439h3.605l-.576 3.757h-3.03v9.084C23.246 26.867 28 21.489 28 15.001Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-business-profile.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-business-profile.svg
new file mode 100644
index 00000000..16bb051a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-business-profile.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="none">
+    <path d="M20.431 20.301v1.05h1.737c-.07.45-.525 1.32-1.737 1.32-1.045 0-1.898-.865-1.898-1.933 0-1.067.853-1.933 1.898-1.933.595 0 .993.254 1.22.473l.832-.801a2.935 2.935 0 0 0-2.052-.8 3.06 3.06 0 0 0-3.062 3.061 3.06 3.06 0 0 0 3.062 3.062c1.767 0 2.94-1.242 2.94-2.992 0-.2-.022-.354-.048-.507H20.43z"/>
+    <path d="M24.338 14.148c-1.416 0-2.39-.694-2.39-2.11v-.033l-.848-6.88h2.878c.389 0 1.146.503 1.23.882l1.323 6.108c-.03 1.39-.79 2.033-2.187 2.033m.333 10.591H5.997c-.33 0-.704-.385-.704-.714v-8.37s.068.043.36.043a3.66 3.66 0 0 0 3.113-1.74 3.66 3.66 0 0 0 3.114 1.74 3.66 3.66 0 0 0 3.113-1.74 3.66 3.66 0 0 0 3.114 1.74 3.66 3.66 0 0 0 3.114-1.74 3.66 3.66 0 0 0 3.114 1.74c.314 0 .342-.063.342-.063v8.424a.68.68 0 0 1-.699.68M5.008 5.846c.084-.38.371-.71.76-.71l3.033-.01-.9 7.048v.034c0 1.416-.826 1.94-2.242 1.94-1.397 0-1.944-.663-1.974-2.053l1.323-6.25zm5.304-.72h3.985l.054 6.912c0 1.416-1.004 2.11-2.42 2.11-1.405 0-2.388-.614-2.405-2.015l.786-7.008zm10.181 6.944c-.017 1.402-.8 2.078-2.206 2.078-1.416 0-2.553-.694-2.553-2.11l-.013-6.913h3.864l.908 6.945zm5.997-6.905a1.938 1.938 0 0 0-1.88-1.511H5.377c-.897 0-1.688.635-1.881 1.51L1.992 11.98v.06a3.66 3.66 0 0 0 1.74 3.113v9.27a1.92 1.92 0 0 0 1.917 1.918h18.754a1.92 1.92 0 0 0 1.918-1.917V15.11a3.66 3.66 0 0 0 1.674-3.072v-.06L26.49 5.166z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-calendar.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-calendar.svg
new file mode 100644
index 00000000..15720e05
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-calendar.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <path fill="none" stroke="#444" stroke-width="2" d="M1.025 22.355V3.231c0-1.218.987-2.206 2.206-2.206h23.538c1.218 0 2.206.988 2.206 2.206v19.125l-6.62 6.62H7.646l-4.414-.001a2.207 2.207 0 0 1-2.206-2.207v-4.413Z"/>
+  <path fill="#444" stroke="none" fill-rule="nonzero" d="m16.753 12.162.847 1.285 1.683-1.226v8.081h1.67V9.972h-1.164l-3.036 2.19ZM13.81 14.88v-.092c.393-.212.717-.505.96-.859l.006-.009a2.331 2.331 0 0 0 .393-1.385v.004-.034c0-.524-.157-1.012-.428-1.418l.006.01a2.904 2.904 0 0 0-1.153-.997l-.018-.008a3.746 3.746 0 0 0-1.687-.361h.003a3.208 3.208 0 0 0-2.091.663l.008-.006c-.5.386-.885.9-1.108 1.493l-.008.023 1.527.636a2.13 2.13 0 0 1 .579-.889l.002-.001a1.534 1.534 0 0 1 1.083-.362h-.004l.069-.001c.409 0 .785.14 1.082.375l-.003-.003a1.209 1.209 0 0 1 .453.992v-.003l.001.056c0 .421-.197.796-.505 1.037l-.003.002a1.931 1.931 0 0 1-1.25.4h.004-.798v1.526h.89l.08-.001c.512 0 .985.173 1.36.465l-.004-.004a1.45 1.45 0 0 1 .572 1.188v-.002.03c0 .46-.21.87-.541 1.138l-.003.003a1.935 1.935 0 0 1-1.302.46h.002-.052c-.461 0-.885-.165-1.213-.44l.003.002a2.333 2.333 0 0 1-.73-1.224l-.003-.015-1.542.636a3.45 3.45 0 0 0 1.364 1.963l.01.008c.6.42 1.345.67 2.148.67H12.041c.642 0 1.248-.15 1.786-.42l-.023.011a3.22 3.22 0 0 0 1.261-1.105l.008-.012a2.88 2.88 0 0 0 .46-1.619v.003-.065a2.52 2.52 0 0 0-.49-1.497l.006.007a2.924 2.924 0 0 0-1.22-.962l-.02-.007Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-photos.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-photos.svg
new file mode 100644
index 00000000..738cf9fe
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google-photos.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="none" stroke="#444">
+    <path stroke-width="2" d="M8.01 7.376A6.99 6.99 0 0 1 15 14.365V15H1.656a.635.635 0 0 1-.635-.635 6.99 6.99 0 0 1 6.99-6.99ZM22.624 8.01A6.99 6.99 0 0 1 15.635 15H15V1.656c0-.35.284-.635.635-.635a6.99 6.99 0 0 1 6.99 6.99ZM21.99 22.624A6.99 6.99 0 0 1 15 15.635V15h13.344c.35 0 .635.284.635.635a6.99 6.99 0 0 1-6.99 6.99ZM7.376 21.99A6.99 6.99 0 0 1 14.365 15H15v13.344c0 .35-.284.635-.635.635a6.99 6.99 0 0 1-6.99-6.99Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/google.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google.svg
new file mode 100644
index 00000000..fe6c97ba
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/google.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="none" fill="#444">
+    <path d="M27.51 13.28c.956 4.823-1.146 11.078-6.446 13.482-6.94 3.136-15.408.191-18.05-7.465-2.85-8.261 2.785-16.634 11.19-17.255 3.294-.238 6.24.541 8.834 2.579.27.207.51.446.891.78-1.13 1.066-2.197 2.085-3.358 3.183-1.958-1.687-4.235-2.26-6.718-1.846-1.846.302-3.374 1.241-4.632 2.626-2.371 2.61-2.785 6.733-.97 9.853 1.894 3.263 5.427 4.744 9.247 3.868 2.706-.605 5.078-3.056 5.285-5.571h-6.972V13.28h11.7z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/instagram.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/instagram.svg
new file mode 100644
index 00000000..96bc549b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/instagram.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="none">
+    <path d="M20.128 2H9.887C5.539 2 2 5.525 2 9.858v10.284C2 24.475 5.539 28 9.887 28h10.226C24.475 28 28 24.475 28 20.142V9.858C28.014 5.525 24.475 2 20.128 2zm5.705 18.778a5.061 5.061 0 01-5.055 5.055H9.222a5.061 5.061 0 01-5.055-5.055V9.222a5.061 5.061 0 015.055-5.055h11.556a5.061 5.061 0 015.055 5.055v11.556z"/>
+    <circle cx="22.034" cy="8.153" r="1.574"/>
+    <path d="M15.043 8.428c-3.683 0-6.687 2.975-6.687 6.644 0 3.684 2.99 6.659 6.687 6.659 3.698 0 6.688-2.977 6.688-6.659-.014-3.669-3.004-6.644-6.688-6.644zm.073 10.905a4.325 4.325 0 01-4.334-4.319 4.324 4.324 0 014.334-4.318 4.324 4.324 0 014.333 4.318 4.324 4.324 0 01-4.333 4.319z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/mailchimp.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/mailchimp.svg
new file mode 100644
index 00000000..ad152ac9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/mailchimp.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 230.81 244.96">
+    <g>
+        <g>
+            <g>
+                <g>
+                    <path
+                        d="M173.62,115.76c1.79-0.21,3.5-0.22,5.07,0c0.91-2.09,1.07-5.69,0.25-9.61c-1.22-5.83-2.87-9.36-6.27-8.81 c-3.41,0.55-3.53,4.77-2.31,10.6C171.04,111.22,172.26,114.02,173.62,115.76z" />
+                    <path
+                        d="M144.37,120.37c2.44,1.07,3.94,1.78,4.52,1.16c0.38-0.39,0.26-1.12-0.32-2.07c-1.2-1.96-3.68-3.96-6.3-5.07 c-5.37-2.31-11.77-1.54-16.71,2.01c-1.63,1.19-3.18,2.85-2.96,3.85c0.07,0.33,0.32,0.57,0.89,0.65 c1.34,0.15,6.04-2.22,11.45-2.55C138.77,118.11,141.93,119.3,144.37,120.37z" />
+                    <path
+                        d="M139.47,123.17c-3.17,0.5-4.93,1.55-6.05,2.52c-0.96,0.84-1.55,1.77-1.55,2.42c0,0.31,0.14,0.49,0.24,0.58 c0.14,0.13,0.32,0.2,0.52,0.2c0.72,0,2.32-0.64,2.32-0.64c4.42-1.58,7.33-1.39,10.22-1.06c1.6,0.18,2.35,0.28,2.7-0.27 c0.1-0.16,0.23-0.5-0.09-1.01C147.05,124.69,143.84,122.65,139.47,123.17z" />
+                    <path
+                        d="M163.74,133.44c2.16,1.06,4.53,0.64,5.3-0.93c0.77-1.57-0.35-3.7-2.5-4.76c-2.16-1.06-4.53-0.64-5.3,0.93 C160.46,130.25,161.59,132.38,163.74,133.44z" />
+                    <path
+                        d="M177.6,121.33c-1.75-0.03-3.2,1.89-3.24,4.29c-0.04,2.4,1.35,4.37,3.1,4.4c1.75,0.03,3.2-1.89,3.24-4.29 C180.74,123.33,179.35,121.36,177.6,121.33z" />
+                    <path
+                        d="M59.98,164.63c-0.44-0.55-1.15-0.38-1.84-0.22c-0.48,0.11-1.03,0.24-1.63,0.23c-1.29-0.02-2.38-0.58-2.99-1.52 c-0.8-1.22-0.75-3.05,0.13-5.14c0.12-0.28,0.26-0.59,0.41-0.94c1.4-3.15,3.76-8.42,1.12-13.45c-1.99-3.78-5.23-6.14-9.12-6.63 c-3.74-0.47-7.59,0.91-10.04,3.62c-3.87,4.27-4.48,10.09-3.73,12.14c0.27,0.75,0.7,0.96,1.02,1c0.66,0.09,1.63-0.39,2.24-2.03 c0.04-0.12,0.1-0.3,0.17-0.53c0.27-0.87,0.78-2.49,1.61-3.78c1-1.56,2.56-2.64,4.39-3.03c1.86-0.4,3.77-0.04,5.36,1 c2.71,1.78,3.76,5.1,2.6,8.27c-0.6,1.64-1.57,4.78-1.36,7.36c0.43,5.22,3.64,7.31,6.53,7.54c2.8,0.11,4.76-1.47,5.26-2.62 C60.39,165.22,60.14,164.81,59.98,164.63z" />
+                    <path
+                        d="M221.78,155.09c-0.11-0.38-0.8-2.92-1.76-5.98c-0.96-3.06-1.94-5.22-1.94-5.22c3.83-5.74,3.9-10.87,3.39-13.77 c-0.54-3.6-2.04-6.67-5.07-9.84c-3.02-3.17-9.2-6.42-17.89-8.86c-0.99-0.28-4.27-1.18-4.56-1.27 c-0.02-0.19-0.24-10.74-0.44-15.28c-0.14-3.28-0.43-8.39-2.01-13.43c-1.89-6.82-5.19-12.78-9.3-16.6 c11.35-11.76,18.43-24.72,18.42-35.84c-0.03-21.38-26.29-27.85-58.65-14.45c-0.03,0.01-6.81,2.89-6.86,2.91 c-0.03-0.03-12.39-12.16-12.58-12.32C85.65-27.04-29.7,101.18,7.18,132.32l8.06,6.83c-2.09,5.42-2.91,11.62-2.24,18.29 c0.86,8.57,5.28,16.79,12.45,23.13c6.8,6.03,15.74,9.84,24.42,9.83c14.35,33.07,47.14,53.36,85.59,54.5 c41.24,1.23,75.86-18.13,90.37-52.89c0.95-2.44,4.98-13.43,4.98-23.14C230.81,159.13,225.3,155.09,221.78,155.09z M53.04,181.12 c-1.25,0.21-2.53,0.3-3.82,0.27c-12.46-0.33-25.91-11.55-27.25-24.85c-1.48-14.7,6.03-26.01,19.33-28.7 c1.59-0.32,3.51-0.51,5.58-0.4c7.45,0.41,18.43,6.13,20.94,22.36C70.05,164.18,66.52,178.82,53.04,181.12z M39.13,119.05 c-8.28,1.61-15.58,6.3-20.04,12.78c-2.67-2.22-7.64-6.53-8.51-8.21c-7.12-13.53,7.77-39.83,18.18-54.68 c25.72-36.7,66-64.49,84.65-59.45c3.03,0.86,13.07,12.5,13.07,12.5s-18.64,10.34-35.93,24.76 C67.27,64.69,49.67,90.76,39.13,119.05z M169.88,175.62c0.27-0.11,0.46-0.42,0.43-0.73c-0.04-0.38-0.38-0.65-0.75-0.61 c0,0-19.51,2.89-37.95-3.86c2.01-6.53,7.35-4.17,15.42-3.52c14.55,0.87,27.58-1.26,37.22-4.02c8.35-2.4,19.31-7.12,27.83-13.84 c2.87,6.31,3.89,13.25,3.89,13.25s2.22-0.4,4.08,0.75c1.76,1.08,3.04,3.33,2.16,9.13c-1.79,10.85-6.4,19.66-14.15,27.76 c-4.72,5.08-10.45,9.5-17,12.71c-3.48,1.83-7.19,3.41-11.1,4.69c-29.22,9.54-59.13-0.95-68.77-23.48 c-0.77-1.69-1.42-3.47-1.93-5.32c-4.11-14.85-0.62-32.66,10.28-43.88c0,0,0,0,0-0.01c0.67-0.71,1.36-1.55,1.36-2.61 c0-0.89-0.56-1.82-1.05-2.48c-3.81-5.53-17.03-14.96-14.38-33.21c1.9-13.11,13.37-22.34,24.06-21.79 c0.9,0.05,1.81,0.1,2.71,0.16c4.63,0.27,8.67,0.87,12.49,1.03c6.38,0.28,12.12-0.65,18.92-6.32c2.29-1.91,4.13-3.57,7.24-4.09 c0.33-0.06,1.14-0.35,2.77-0.27c1.66,0.09,3.24,0.54,4.66,1.49c5.45,3.63,6.22,12.41,6.5,18.83c0.16,3.67,0.6,12.54,0.76,15.09 c0.35,5.82,1.88,6.65,4.97,7.67c1.74,0.57,3.36,1,5.74,1.67c7.21,2.03,11.49,4.08,14.19,6.72c1.61,1.65,2.36,3.4,2.59,5.07 c0.85,6.2-4.82,13.87-19.82,20.83c-16.4,7.61-36.3,9.54-50.05,8.01c-1.05-0.12-4.8-0.54-4.82-0.54 c-11-1.48-17.27,12.73-10.67,22.47c4.25,6.28,15.84,10.36,27.43,10.36c26.58,0,47.01-11.35,54.61-21.15 c0.23-0.29,0.25-0.33,0.61-0.87c0.37-0.56,0.07-0.87-0.4-0.56c-6.21,4.25-33.79,21.11-63.28,16.04c0,0-3.58-0.59-6.86-1.86 c-2.6-1.01-8.04-3.51-8.7-9.1C154.89,182.58,169.88,175.62,169.88,175.62z M132.17,171.17 C132.17,171.17,132.18,171.17,132.17,171.17c0.01,0.01,0.01,0.01,0.01,0.02C132.18,171.18,132.18,171.17,132.17,171.17z M86.63,68.79c9.14-10.57,20.4-19.75,30.48-24.91c0.35-0.18,0.72,0.2,0.53,0.54c-0.8,1.45-2.34,4.55-2.83,6.91 c-0.08,0.37,0.32,0.64,0.63,0.43c6.27-4.28,17.19-8.86,26.76-9.45c0.41-0.03,0.61,0.5,0.28,0.75c-1.46,1.12-3.05,2.66-4.21,4.22 c-0.2,0.27-0.01,0.65,0.32,0.65c6.72,0.05,16.2,2.4,22.37,5.86c0.42,0.23,0.12,1.04-0.35,0.94c-9.34-2.14-24.64-3.77-40.53,0.11 c-14.18,3.46-25.01,8.8-32.91,14.55C86.79,69.69,86.31,69.17,86.63,68.79z" />
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/rss.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/rss.svg
new file mode 100644
index 00000000..c549ae55
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/rss.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="none">
+    <path d="M24.75 3.626c.891 0 1.625.734 1.625 1.625v19.5c0 .891-.734 1.625-1.625 1.625H5.25a1.633 1.633 0 0 1-1.625-1.625V5.25c0-.891.734-1.625 1.625-1.625h19.5ZM5.25 2.001A3.265 3.265 0 0 0 2 5.251v19.5A3.265 3.265 0 0 0 5.25 28h19.5A3.265 3.265 0 0 0 28 24.75V5.25a3.265 3.265 0 0 0-3.25-3.25H5.25Z"/>
+    <path d="M10.938 21.5A2.45 2.45 0 0 1 8.5 23.939a2.45 2.45 0 0 1-2.437-2.437A2.45 2.45 0 0 1 8.5 19.063a2.45 2.45 0 0 1 2.438 2.438ZM6.063 7.69c0-.892.733-1.625 1.625-1.625 8.974 0 16.25 7.275 16.25 16.25 0 .89-.734 1.624-1.626 1.624a1.633 1.633 0 0 1-1.625-1.625c0-7.13-5.868-13-13-13A1.633 1.633 0 0 1 6.064 7.69Zm0 6.5c0-.892.733-1.625 1.625-1.625 5.348 0 9.75 4.4 9.75 9.75 0 .89-.734 1.624-1.626 1.624a1.633 1.633 0 0 1-1.624-1.625c0-3.565-2.935-6.5-6.5-6.5a1.633 1.633 0 0 1-1.625-1.624Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/tiktok.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/tiktok.svg
new file mode 100644
index 00000000..4df31dae
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/tiktok.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="none" fill="#444">
+    <path d="M11.804 28a8.386 8.386 0 0 1-5.955-2.44 8.2 8.2 0 0 1-2.454-6.42 8.28 8.28 0 0 1 2.083-4.983 8.377 8.377 0 0 1 6.326-2.83c.421 0 .846.032 1.265.094l.65.096v5.768l-1.001-.33a2.863 2.863 0 0 0-.902-.146c-.775 0-1.5.304-2.043.855a2.83 2.83 0 0 0-.82 2.043 2.84 2.84 0 0 0 1.397 2.405 2.863 2.863 0 0 0 2.367.26 2.85 2.85 0 0 0 1.962-2.708l.005-5.982V2h5.513l.006.754a5.412 5.412 0 0 0 2.16 4.281 5.384 5.384 0 0 0 3.268 1.092c.028 0 .028 0 .282.018l.709.05v5.433h-1.02c-1.468 0-2.844-.28-4.207-.856a10.957 10.957 0 0 1-1.184-.586l.017 7.505a8.243 8.243 0 0 1-2.47 5.868 8.377 8.377 0 0 1-4.69 2.346c-.416.062-.841.093-1.264.093Zm0-15.15c-2.01 0-3.854.825-5.19 2.321a6.752 6.752 0 0 0-1.7 4.062 6.697 6.697 0 0 0 2.006 5.244 6.876 6.876 0 0 0 4.884 2c.348-.001.698-.027 1.04-.078a6.862 6.862 0 0 0 3.844-1.922 6.727 6.727 0 0 0 2.017-4.786l-.023-10.48 1.23.95c.635.49 1.334.897 2.076 1.21a9.117 9.117 0 0 0 3.11.722v-2.46a6.885 6.885 0 0 1-3.652-1.38 6.933 6.933 0 0 1-2.719-4.728h-2.52v10.157l-.005 5.982a4.37 4.37 0 0 1-3.008 4.154 4.389 4.389 0 0 1-3.627-.4A4.353 4.353 0 0 1 7.43 19.73a4.344 4.344 0 0 1 1.258-3.135 4.358 4.358 0 0 1 3.507-1.292v-2.44c-.13-.008-.26-.011-.39-.011Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/twitter.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/twitter.svg
new file mode 100644
index 00000000..bcff094c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/twitter.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none" stroke="#444">
+    <path stroke-width="1.5" stroke-linejoin="round" d="M25.338 9.696c.016.23.016.459.016.69 0 7.048-5.366 15.177-15.177 15.177v-.004A15.1 15.1 0 0 1 2 23.168a10.711 10.711 0 0 0 7.894-2.21 5.34 5.34 0 0 1-4.983-3.705c.8.154 1.624.122 2.408-.092a5.335 5.335 0 0 1-4.278-5.229v-.067a5.3 5.3 0 0 0 2.42.667 5.34 5.34 0 0 1-1.65-7.122 15.14 15.14 0 0 0 10.993 5.573 5.34 5.34 0 0 1 9.09-4.865 10.704 10.704 0 0 0 3.388-1.295 5.354 5.354 0 0 1-2.345 2.95A10.609 10.609 0 0 0 28 6.933a10.837 10.837 0 0 1-2.662 2.763Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/vimeo.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/vimeo.svg
new file mode 100644
index 00000000..dc8b787a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/vimeo.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g stroke="#444">
+    <path stroke-width="1.7" stroke-linejoin="round" d="M27.987 8.92c-.115 2.547-1.883 6.034-5.302 10.46-3.535 4.623-6.526 6.934-8.972 6.934-1.515 0-2.799-1.407-3.846-4.223l-2.099-7.742c-.778-2.815-1.612-4.223-2.504-4.223-.195 0-.875.412-2.04 1.232L2 9.772a328.813 328.813 0 0 0 3.794-3.404c1.712-1.488 2.997-2.27 3.853-2.35 2.023-.195 3.269 1.196 3.736 4.175.505 3.215.855 5.214 1.051 5.996.584 2.667 1.225 3.998 1.927 3.998.544 0 1.361-.865 2.45-2.594 1.09-1.73 1.673-3.046 1.752-3.95.155-1.493-.429-2.242-1.751-2.242-.623 0-1.264.145-1.924.43 1.277-4.212 3.719-6.257 7.322-6.14 2.672.079 3.931 1.822 3.777 5.23Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/xml.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/xml.svg
new file mode 100644
index 00000000..4af4e9a6
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/xml.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="none">
+      <path
+          d="M25.424 5.74 20.508.826A2.811 2.811 0 0 0 18.524 0H6.562A2.836 2.836 0 0 0 3.75 2.818v24.37A2.826 2.826 0 0 0 6.562 30h16.876a2.826 2.826 0 0 0 2.812-2.812V7.733a2.83 2.83 0 0 0-.826-1.993Zm-6.672-3.83a.92.92 0 0 1 .433.245l4.916 4.916c.12.119.206.269.245.434h-5.594V1.91Zm5.624 25.278a.95.95 0 0 1-.938.938H6.562a.95.95 0 0 1-.938-.938V2.818c0-.516.422-.943.938-.943h10.315v6.101c0 .767.632 1.4 1.4 1.4h6.099v17.812Z" />
+      <path
+          d="M8.179 22.37h-.001a.568.568 0 0 1-.4-.97l3.41-3.411a.567.567 0 1 1 .803.803l-3.41 3.411a.568.568 0 0 1-.402.167Z" />
+      <path
+          d="M11.59 25.78a.567.567 0 0 1-.402-.166l-3.411-3.41a.567.567 0 1 1 .804-.804l3.41 3.41a.568.568 0 0 1-.4.97h-.002Zm6.82 0a.568.568 0 0 1-.4-.97l3.41-3.41a.567.567 0 1 1 .803.803l-3.41 3.41a.568.568 0 0 1-.402.167Z" />
+      <path
+          d="M21.821 22.37a.567.567 0 0 1-.401-.167l-3.41-3.41a.567.567 0 1 1 .803-.804l3.41 3.41a.568.568 0 0 1-.4.97h-.002Zm-8.526 4.547a.573.573 0 0 1-.536-.758l3.41-9.664a.57.57 0 0 1 1.105.19.57.57 0 0 1-.033.189l-3.41 9.664a.569.569 0 0 1-.536.38Z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/brands/youtube.svg b/src/essentials-for-yootheme-pro/v2.2/assets/brands/youtube.svg
new file mode 100644
index 00000000..f25d83e0
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/brands/youtube.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="none">
+    <path d="M15.006 24.394h-.014c-.784-.005-7.72-.068-9.685-.6A4.018 4.018 0 012.48 20.97c-.515-1.93-.482-5.647-.478-5.944-.004-.295-.037-4.042.476-5.988l.002-.006c.366-1.358 1.474-2.474 2.824-2.844l.01-.003c1.943-.51 8.892-.573 9.678-.578h.014c.787.005 7.74.068 9.688.6a4.017 4.017 0 012.824 2.822c.533 1.947.484 5.703.478 6.02.004.312.035 3.995-.476 5.935l-.001.005a4.02 4.02 0 01-2.83 2.826l-.005.002c-1.942.51-8.892.573-9.678.578zM4.441 9.558c-.451 1.718-.408 5.417-.408 5.454v.027c-.014 1.026.034 3.997.409 5.404a1.98 1.98 0 001.394 1.39c1.45.392 7.099.516 9.163.53 2.07-.014 7.727-.134 9.166-.511a1.982 1.982 0 001.392-1.39c.375-1.427.422-4.384.408-5.403v-.032c.019-1.039-.018-4.044-.406-5.463l-.001-.004a1.982 1.982 0 00-1.396-1.393c-1.436-.393-7.093-.516-9.163-.53-2.068.014-7.72.134-9.163.51a2.037 2.037 0 00-1.395 1.41zm22.097 11.166zM12.41 19.113v-8.226L19.52 15l-7.11 4.113z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/conditions/access-conditions.webp b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/access-conditions.webp
new file mode 100644
index 00000000..9cf20fe3
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/access-conditions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/conditions/dynamic-conditions.webp b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/dynamic-conditions.webp
new file mode 100644
index 00000000..3e48033b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/dynamic-conditions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-conditions.webp b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-conditions.webp
new file mode 100644
index 00000000..04a3e251
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-conditions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-filter-condition.webp b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-filter-condition.webp
new file mode 100644
index 00000000..a80197bd
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-filter-condition.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-filter-conditions.webp b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-filter-conditions.webp
new file mode 100644
index 00000000..61b05c90
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-filter-conditions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-order-condition.webp b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-order-condition.webp
new file mode 100644
index 00000000..797e92bb
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-order-condition.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-order-conditions.webp b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-order-conditions.webp
new file mode 100644
index 00000000..69518e20
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/conditions/query-order-conditions.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-alter.webp b/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-alter.webp
new file mode 100644
index 00000000..556cfa39
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-alter.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-evaluation.webp b/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-evaluation.webp
new file mode 100644
index 00000000..f9a6f5ec
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-evaluation.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-format.webp b/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-format.webp
new file mode 100644
index 00000000..fa812aff
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/datetime/request-timestamp-format.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/essential-settings-wordpress.png b/src/essentials-for-yootheme-pro/v2.2/assets/essential-settings-wordpress.png
new file mode 100644
index 00000000..d363d436
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/essential-settings-wordpress.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/essentials-changelog.gif b/src/essentials-for-yootheme-pro/v2.2/assets/essentials-changelog.gif
new file mode 100644
index 00000000..0c3bede4
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/essentials-changelog.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/global-queries-manager.gif b/src/essentials-for-yootheme-pro/v2.2/assets/global-queries-manager.gif
new file mode 100644
index 00000000..42cbff5c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/global-queries-manager.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/icon-collections-manager.gif b/src/essentials-for-yootheme-pro/v2.2/assets/icon-collections-manager.gif
new file mode 100644
index 00000000..f9fe35e0
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/icon-collections-manager.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/layout-libraries-manager.gif b/src/essentials-for-yootheme-pro/v2.2/assets/layout-libraries-manager.gif
new file mode 100644
index 00000000..63cbb64e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/layout-libraries-manager.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-about.png b/src/essentials-for-yootheme-pro/v2.2/assets/settings-about.png
new file mode 100644
index 00000000..11e7c98c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-about.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-advanced.webp b/src/essentials-for-yootheme-pro/v2.2/assets/settings-advanced.webp
new file mode 100644
index 00000000..27eddaae
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-advanced.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-auths.png b/src/essentials-for-yootheme-pro/v2.2/assets/settings-auths.png
new file mode 100644
index 00000000..f71f6bdf
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-auths.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-global-queries.png b/src/essentials-for-yootheme-pro/v2.2/assets/settings-global-queries.png
new file mode 100644
index 00000000..19652e4a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-global-queries.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-icon-collections.png b/src/essentials-for-yootheme-pro/v2.2/assets/settings-icon-collections.png
new file mode 100644
index 00000000..d8e77d8d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-icon-collections.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-layout-libraries.png b/src/essentials-for-yootheme-pro/v2.2/assets/settings-layout-libraries.png
new file mode 100644
index 00000000..12877552
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-layout-libraries.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-sources.png b/src/essentials-for-yootheme-pro/v2.2/assets/settings-sources.png
new file mode 100644
index 00000000..e07e64fc
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-sources.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings-storages.png b/src/essentials-for-yootheme-pro/v2.2/assets/settings-storages.png
new file mode 100644
index 00000000..09cbdcef
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings-storages.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/settings.gif b/src/essentials-for-yootheme-pro/v2.2/assets/settings.gif
new file mode 100644
index 00000000..1b390121
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/settings.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/sources-manager.gif b/src/essentials-for-yootheme-pro/v2.2/assets/sources-manager.gif
new file mode 100644
index 00000000..4a5074b5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/sources-manager.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/storage-ftp.svg b/src/essentials-for-yootheme-pro/v2.2/assets/storage-ftp.svg
new file mode 100644
index 00000000..9bc7cb81
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/storage-ftp.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M20.57 13.056H9.426a.233.233 0 0 0-.233.232v11.666c0 .128.105.233.233.233H20.57a.233.233 0 0 0 .232-.233V13.288a.233.233 0 0 0-.232-.232Zm-9.52 1.857h7.895v3.395h-7.894v-3.395Zm7.895 8.416h-7.894v-3.395h7.894v3.395Z"/>
+    <path stroke="none" d="M12.444 21.82c0 .51.42.929.929.929.509 0 .928-.42.928-.929 0-.51-.42-.929-.928-.929-.51 0-.929.42-.929.93Zm0-5.166c0 .51.42.929.929.929.509 0 .928-.42.928-.929 0-.51-.42-.929-.928-.929-.51 0-.929.42-.929.929Z"/>
+    <path stroke="none" d="M23.687 10.818c-1.33-3.509-4.716-6.005-8.683-6.005-3.968 0-7.355 2.493-8.684 6.002a5.816 5.816 0 0 0-4.324 5.653c.017 3.03 2.368 5.494 5.329 5.758a.232.232 0 0 0 .252-.232v-1.752a.232.232 0 0 0-.203-.23 3.618 3.618 0 0 1-2.093-1.001 3.577 3.577 0 0 1-1.08-2.571c0-.813.265-1.58.76-2.218a3.615 3.615 0 0 1 1.92-1.268l1.1-.29.403-1.066a7.13 7.13 0 0 1 2.557-3.294 7.028 7.028 0 0 1 4.063-1.282c1.465 0 2.87.444 4.063 1.286a7.07 7.07 0 0 1 1.52 1.45c.439.56.787 1.182 1.037 1.843l.4 1.063 1.097.29a3.604 3.604 0 0 1 2.673 3.483c0 .975-.383 1.889-1.08 2.57a3.612 3.612 0 0 1-2.086 1.002.229.229 0 0 0-.2.23v1.755c0 .137.118.244.255.232C25.635 21.96 27.98 19.5 28 16.474a5.815 5.815 0 0 0-4.313-5.656Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/storage-ftp.webp b/src/essentials-for-yootheme-pro/v2.2/assets/storage-ftp.webp
new file mode 100644
index 00000000..209fcdb5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/storage-ftp.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/storage-local.svg b/src/essentials-for-yootheme-pro/v2.2/assets/storage-local.svg
new file mode 100644
index 00000000..31ce3770
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/storage-local.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path d="M14.998 28.007c-7.133 0-13.002-5.869-13.002-13.002 0-7.132 5.87-13.002 13.002-13.002C22.13 2.003 28 7.873 28 15.005c-.008 7.13-5.872 12.995-13.002 13.002Zm0-24.12c-6.1 0-11.118 5.02-11.118 11.118 0 6.1 5.019 11.118 11.118 11.118 6.1 0 11.118-5.018 11.118-11.118-.007-6.096-5.022-11.11-11.118-11.117Z"/>
+    <path d="M14.998 19.716c-2.585 0-4.71-2.126-4.71-4.71 0-2.585 2.125-4.711 4.71-4.711 2.584 0 4.71 2.126 4.71 4.71-.002 2.583-2.127 4.708-4.71 4.711Zm0-7.537a2.84 2.84 0 0 0-2.827 2.826 2.84 2.84 0 0 0 2.827 2.827 2.84 2.84 0 0 0 2.826-2.827 2.857 2.857 0 0 0-2.826-2.826Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/storage-local.webp b/src/essentials-for-yootheme-pro/v2.2/assets/storage-local.webp
new file mode 100644
index 00000000..ada36164
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/storage-local.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/storage-s3.svg b/src/essentials-for-yootheme-pro/v2.2/assets/storage-s3.svg
new file mode 100644
index 00000000..edaabef7
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/assets/storage-s3.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M9.327 12.873c0 .32.035.58.095.77.07.19.156.397.277.622.043.07.06.138.06.199 0 .086-.051.173-.164.26l-.545.362a.415.415 0 0 1-.224.078c-.087 0-.173-.043-.26-.12a2.675 2.675 0 0 1-.311-.407 6.694 6.694 0 0 1-.268-.51c-.675.795-1.522 1.193-2.543 1.193-.726 0-1.305-.208-1.729-.623-.424-.415-.64-.968-.64-1.66 0-.735.26-1.332.787-1.781.527-.45 1.228-.675 2.119-.675.294 0 .596.026.916.07.32.043.649.112.995.19v-.632c0-.657-.139-1.115-.407-1.383-.277-.268-.743-.398-1.41-.398-.302 0-.613.035-.933.112a6.89 6.89 0 0 0-.934.294c-.138.061-.242.096-.303.113a.53.53 0 0 1-.138.026c-.121 0-.182-.087-.182-.268V8.28c0-.138.018-.242.06-.303a.647.647 0 0 1 .243-.181 4.978 4.978 0 0 1 1.09-.39 5.243 5.243 0 0 1 1.348-.164c1.03 0 1.782.234 2.266.7.476.468.718 1.177.718 2.128v2.802h.017Zm-3.51 1.314c.285 0 .579-.052.89-.155.311-.104.588-.295.821-.554.139-.164.243-.346.294-.553.052-.208.087-.459.087-.753v-.363a7.221 7.221 0 0 0-.796-.147 6.516 6.516 0 0 0-.812-.052c-.58 0-1.004.113-1.289.346-.285.234-.424.562-.424.995 0 .406.104.709.32.916.208.216.51.32.908.32Zm6.943.934c-.156 0-.26-.026-.329-.086-.069-.052-.13-.173-.181-.338l-2.032-6.684a1.515 1.515 0 0 1-.078-.346c0-.138.07-.216.207-.216h.848c.164 0 .277.026.337.086.07.052.121.173.173.338l1.453 5.724 1.349-5.724c.043-.173.095-.286.164-.338.07-.051.19-.086.346-.086h.692c.164 0 .276.026.346.086.069.052.13.173.164.338l1.366 5.793 1.496-5.793c.052-.173.113-.286.173-.338.07-.051.182-.086.337-.086h.805c.138 0 .216.07.216.216 0 .043-.009.087-.018.139a1.232 1.232 0 0 1-.06.216l-2.084 6.684c-.052.173-.112.285-.182.337a.553.553 0 0 1-.328.087h-.744c-.164 0-.277-.026-.346-.087-.069-.06-.13-.173-.164-.346l-1.34-5.577-1.332 5.569c-.043.173-.095.285-.164.346-.07.06-.19.086-.346.086h-.744Zm11.112.234c-.45 0-.9-.052-1.332-.156-.432-.104-.77-.216-.994-.346-.139-.078-.234-.164-.268-.242a.61.61 0 0 1-.052-.242v-.441c0-.182.069-.268.199-.268.052 0 .103.008.155.026.052.017.13.051.216.086.294.13.614.234.952.303.346.069.683.104 1.029.104.544 0 .968-.096 1.262-.286a.931.931 0 0 0 .45-.821.842.842 0 0 0-.234-.606c-.155-.164-.45-.311-.873-.45l-1.254-.388c-.631-.2-1.098-.493-1.383-.882a2.06 2.06 0 0 1-.433-1.254c0-.364.078-.683.234-.96.155-.277.363-.519.622-.71.26-.198.554-.345.9-.449.346-.104.709-.147 1.09-.147.19 0 .388.009.579.035.198.026.38.06.562.095.173.043.337.086.493.138.155.052.276.104.363.156.12.069.207.138.26.216.051.07.077.164.077.285v.407c0 .181-.07.276-.199.276-.07 0-.182-.034-.329-.103a3.956 3.956 0 0 0-1.66-.338c-.493 0-.882.078-1.15.243-.268.164-.406.415-.406.77 0 .241.086.449.26.613.172.164.492.329.95.476l1.228.389c.623.199 1.072.475 1.34.83.269.355.398.761.398 1.21 0 .373-.078.71-.225 1.004a2.326 2.326 0 0 1-.63.76 2.787 2.787 0 0 1-.96.485c-.39.121-.796.182-1.237.182ZM25.506 19.557c-2.845 2.101-6.978 3.217-10.532 3.217-4.981 0-9.469-1.842-12.859-4.903-.268-.242-.026-.57.294-.38 3.667 2.127 8.19 3.415 12.867 3.415 3.157 0 6.624-.657 9.815-2.006.476-.216.882.311.415.657Zm1.185-1.349c-.363-.467-2.404-.225-3.33-.112-.276.034-.32-.208-.069-.39 1.626-1.14 4.298-.812 4.61-.432.31.39-.087 3.061-1.609 4.341-.233.2-.458.095-.354-.164.345-.856 1.115-2.785.752-3.243Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/assets/storage-s3.webp b/src/essentials-for-yootheme-pro/v2.2/assets/storage-s3.webp
new file mode 100644
index 00000000..758c5131
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/assets/storage-s3.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-airtable.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-airtable.md
new file mode 100644
index 00000000..2279abd9
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-airtable.md
@@ -0,0 +1,10 @@
+## Airtable Auth Driver
+
+The **Airtable Auth Driver** manage Airtable Personal Access Tokens obtained through the [Airtable](https://airtable.com/create/tokens) dashboard.
+
+![Airtable Auth Driver](./assets/driver-airtable-access-token.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name that will identify this token. |
+| *Token* | The access token created at the Airtable Dashboard. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-api.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-api.md
new file mode 100644
index 00000000..41fa003d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-api.md
@@ -0,0 +1,5 @@
+## API Auth Driver
+
+The **API Auth Driver** it's a generic API key driver in case a service specific one is missing.
+
+![API Auth Driver](./assets/driver-api-key.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-aws.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-aws.md
new file mode 100644
index 00000000..594aff6d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-aws.md
@@ -0,0 +1,5 @@
+## AWS Auth Driver
+
+The **AWS Auth Driver** manage API keys and secrets for [Amazon Web Services](https://aws.amazon.com).
+
+![AWS Auth Driver](./assets/driver-aws.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-cloudflare.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-cloudflare.md
new file mode 100644
index 00000000..8d4c5dc0
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-cloudflare.md
@@ -0,0 +1,5 @@
+## Cloudflare Auth Driver
+
+The **Cloudflare Auth Driver** manage Cloudflare API tokens obtained through the [Cloudflare Profile Dashboard](https://dash.cloudflare.com/profile/api-tokens).
+
+![Cloudflare Auth Driver](./assets/driver-cloudflare-api-token.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-facebook.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-facebook.md
new file mode 100644
index 00000000..b0858d60
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-facebook.md
@@ -0,0 +1,12 @@
+## Facebook Auth Driver
+
+The **Facebook Auth Driver** manage Facebook OAuth protocol to authenticate and grant scope permissions.
+
+![Facebook Auth Driver](./assets/driver-facebook-oauth.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name that will identify this auth. |
+| *Scopes* | The list of scopes this auth has access to, those can be revoked at [facebook.com/settings](https://www.facebook.com/settings?tab=business_tools&ref=business_login_reentry). |
+| *Authentication* | Triggers the OAuth authentication and permission grant. |
+| *Custom App* | Whether to use a custom OAuth App instead of ZOOlanders one. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-google.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-google.md
new file mode 100644
index 00000000..fddea0ab
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-google.md
@@ -0,0 +1,18 @@
+## Google Auth Driver
+
+The **Google Auth Driver** manage Google OAuth 2.0 protocol to authenticate and grant scope permissions.
+
+![Google Auth Driver](./assets/driver-google-oauth.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name that will identify this auth. |
+| *Scopes* | The list of scopes this auth has access to, those can be revoked at [myaccount.google.com/permissions](https://myaccount.google.com/permissions). |
+| *Authentication* | Triggers the OAuth authentication and permission grant. |
+| *Custom App* | Whether to use a custom OAuth App instead of ZOOlanders one. |
+
+## Google API Key Driver
+
+The **Google API Key Driver** manage Google API keys obtained through the [Google Cloud Platform](https://console.cloud.google.com/apis/credentials) dashboard.
+
+![Google API Key Auth Driver](./assets/driver-google-api-key.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-instagram.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-instagram.md
new file mode 100644
index 00000000..8f32aa44
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-instagram.md
@@ -0,0 +1,12 @@
+## Instagram Auth Driver
+
+The **Instagram Auth Driver** manage Instagram OAuth protocol to authenticate and grant scope permissions.
+
+![Instagram Auth Driver](./assets/driver-instagram-oauth.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name that will identify this auth. |
+| *Scopes* | The list of scopes this auth has access to, those can be revoked at [instagram.com/accounts](https://www.instagram.com/accounts/manage_access). |
+| *Authentication* | Triggers the OAuth authentication and permission grant. |
+| *Custom App* | Whether to use a custom OAuth App instead of ZOOlanders one. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-tiktok.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-tiktok.md
new file mode 100644
index 00000000..e0dd5951
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-tiktok.md
@@ -0,0 +1,12 @@
+## TikTok Auth Driver
+
+The **TikTok Auth Driver** manage TikTok OAuth protocol to authenticate and grant scope permissions.
+
+![TikTok Auth Driver](./assets/driver-tiktok-oauth.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name that will identify this auth. |
+| *Scopes* | The list of scopes this auth has access to, learn more about it and how to revoke permissions at [support.tiktok.com](https://support.tiktok.com/en/safety-hc/account-and-user-safety/connect-to-third-party-apps). |
+| *Authentication* | Triggers the OAuth authentication and permission grant. |
+| *Custom App* | Whether to use a custom OAuth App instead of ZOOlanders one. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-twitter.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-twitter.md
new file mode 100644
index 00000000..b4a2729d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-twitter.md
@@ -0,0 +1,17 @@
+## Twitter Auth Driver
+
+The **Twitter Auth Driver** manage Twitter OAuth protocol to authenticate and grant scope permissions.
+
+::: warning Custom Dev App
+Due to Twitter API policies it is not possible to use a ZOOlanders oAuth App, instead you must [create a custom Twitter Dev App](./custom-twitter-dev-app) and use your own credentials.
+:::
+
+![Twitter Auth Driver](./assets/driver-twitter-oauth.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name that will identify this auth. |
+| *Scopes* | The list of scopes this auth has access to, those can be revoked at [twitter.com/settings](https://twitter.com/settings/apps_and_sessions). |
+| *Client ID* | The public identifier of your Twitter Dev App. |
+| *Client Secret* | The secret key of your Twitter Dev App. |
+| *Refresh Token* | The token that will allow us to obtain and refresh an Access Token. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-vimeo.md b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-vimeo.md
new file mode 100644
index 00000000..9f1b727b
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/_partials/auth-driver-vimeo.md
@@ -0,0 +1,12 @@
+## Vimeo Auth Driver
+
+The **Vimeo Auth Driver** manage Vimeo OAuth protocol to authenticate and grant scope permissions.
+
+![Vimeo Auth Driver](./assets/driver-vimeo-oauth.webp)
+
+| Setting | Description |
+| --- | --- |
+| *Name* | The name that will identify this auth. |
+| *Scopes* | The list of scopes this auth has access to, those can be revoked at [vimeo.com/settings](https://vimeo.com/settings/apps). |
+| *Authentication* | Triggers the OAuth authentication and permission grant. |
+| *Custom App* | Whether to use a custom OAuth App instead of ZOOlanders one. |
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/auth-zl-oauth-app.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auth-zl-oauth-app.webp
new file mode 100644
index 00000000..63d10961
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auth-zl-oauth-app.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-custom-app.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-custom-app.webp
new file mode 100644
index 00000000..ddc5e82b
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-custom-app.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-key.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-key.webp
new file mode 100644
index 00000000..1ef902f8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-key.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-manager-field.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-manager-field.webp
new file mode 100644
index 00000000..b02e6f6c
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-manager-field.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-manager.gif b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-manager.gif
new file mode 100644
index 00000000..e0be1d85
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-manager.gif differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-oauth.webp
new file mode 100644
index 00000000..ee5b6913
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/auths-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-airtable-access-token.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-airtable-access-token.webp
new file mode 100644
index 00000000..04a8e344
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-airtable-access-token.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-api-key.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-api-key.webp
new file mode 100644
index 00000000..0ae9bdb3
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-api-key.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-api.svg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-api.svg
new file mode 100644
index 00000000..040c7330
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-api.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M12.565 10.94c.001-3.565 2.936-6.498 6.502-6.498s6.501 2.935 6.501 6.501c0 3.567-2.935 6.502-6.501 6.502a6.503 6.503 0 0 1-2.063-.336 1.22 1.22 0 0 0-1.248.293l-1.663 1.666h-1.934c-.669 0-1.22.55-1.22 1.219v1.934l-.097.098H8.908c-.669 0-1.219.55-1.219 1.219v1.934l-.098.097H4.845a.408.408 0 0 1-.407-.406v-2.747l8.166-8.164c.326-.326.44-.811.294-1.249a6.494 6.494 0 0 1-.333-2.062Zm6.502-8.939h-.002c-4.904 0-8.94 4.036-8.94 8.94 0 .705.084 1.408.25 2.093l-8.017 8.017a1.22 1.22 0 0 0-.358.861v3.251a2.845 2.845 0 0 0 2.845 2.844h3.25c.323 0 .634-.129.862-.357l.812-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.22c.322 0 .632-.128.86-.357l.813-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.219c.323 0 .633-.128.861-.357l1.515-1.515a8.938 8.938 0 0 0 2.087.247c4.904 0 8.94-4.035 8.94-8.94 0-4.901-4.032-8.935-8.933-8.939Zm.812 9.753c.892 0 1.626-.734 1.626-1.626 0-.892-.734-1.625-1.626-1.625-.891 0-1.625.733-1.625 1.625s.734 1.626 1.625 1.626Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-aws.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-aws.webp
new file mode 100644
index 00000000..932af53f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-aws.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-basic.svg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-basic.svg
new file mode 100644
index 00000000..040c7330
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-basic.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#444" stroke="#444">
+    <path stroke="none" d="M12.565 10.94c.001-3.565 2.936-6.498 6.502-6.498s6.501 2.935 6.501 6.501c0 3.567-2.935 6.502-6.501 6.502a6.503 6.503 0 0 1-2.063-.336 1.22 1.22 0 0 0-1.248.293l-1.663 1.666h-1.934c-.669 0-1.22.55-1.22 1.219v1.934l-.097.098H8.908c-.669 0-1.219.55-1.219 1.219v1.934l-.098.097H4.845a.408.408 0 0 1-.407-.406v-2.747l8.166-8.164c.326-.326.44-.811.294-1.249a6.494 6.494 0 0 1-.333-2.062Zm6.502-8.939h-.002c-4.904 0-8.94 4.036-8.94 8.94 0 .705.084 1.408.25 2.093l-8.017 8.017a1.22 1.22 0 0 0-.358.861v3.251a2.845 2.845 0 0 0 2.845 2.844h3.25c.323 0 .634-.129.862-.357l.812-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.22c.322 0 .632-.128.86-.357l.813-.813a1.22 1.22 0 0 0 .358-.861v-1.22h1.219c.323 0 .633-.128.861-.357l1.515-1.515a8.938 8.938 0 0 0 2.087.247c4.904 0 8.94-4.035 8.94-8.94 0-4.901-4.032-8.935-8.933-8.939Zm.812 9.753c.892 0 1.626-.734 1.626-1.626 0-.892-.734-1.625-1.626-1.625-.891 0-1.625.733-1.625 1.625s.734 1.626 1.625 1.626Z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-cloudflare-api-token.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-cloudflare-api-token.webp
new file mode 100644
index 00000000..da569b2e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-cloudflare-api-token.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-database.svg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-database.svg
new file mode 100644
index 00000000..5e0ae820
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-database.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <g fill="#444" stroke="#444">
+     <path stroke-width=".3" d="M15 2C9 2 4.475 4.044 4.475 6.755V23.24c0 2.71 4.525 4.758 10.525 4.758s10.525-2.042 10.525-4.758V6.754C25.525 4.043 21 2 15 2zm9.225 15.745c0 1.634-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459V14.61c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zm0-5.496c0 1.634-3.788 3.46-9.225 3.46-5.437 0-9.225-1.82-9.225-3.46V9.114c1.761 1.454 5.15 2.398 9.225 2.398 4.074 0 7.47-.944 9.225-2.398v3.135zM15 3.3c5.437 0 9.225 1.82 9.225 3.459 0 1.64-3.788 3.459-9.225 3.459-5.437 0-9.225-1.82-9.225-3.459C5.775 5.119 9.563 3.3 15 3.3zm0 23.394c-5.437 0-9.225-1.82-9.225-3.458V20.1c1.761 1.453 5.15 2.397 9.225 2.397 4.074 0 7.47-.944 9.225-2.397v3.135c0 1.639-3.788 3.458-9.225 3.458z"/>
+  </g>
+</svg>
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-facebook-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-facebook-oauth.webp
new file mode 100644
index 00000000..d908af19
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-facebook-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-google-api-key.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-google-api-key.webp
new file mode 100644
index 00000000..f1e4b6d5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-google-api-key.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-google-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-google-oauth.webp
new file mode 100644
index 00000000..d6aea440
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-google-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-instagram-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-instagram-oauth.webp
new file mode 100644
index 00000000..2be3291e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-instagram-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-tiktok-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-tiktok-oauth.webp
new file mode 100644
index 00000000..1072af67
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-tiktok-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-twitter-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-twitter-oauth.webp
new file mode 100644
index 00000000..615b4a80
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-twitter-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-vimeo-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-vimeo-oauth.webp
new file mode 100644
index 00000000..67231054
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/driver-vimeo-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-details.jpg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-details.jpg
new file mode 100644
index 00000000..cc7c07fd
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-details.jpg differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-products.jpg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-products.jpg
new file mode 100644
index 00000000..e992d81d
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-products.jpg differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-purpose.jpg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-purpose.jpg
new file mode 100644
index 00000000..987a61d5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-purpose.jpg differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-type.jpg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-type.jpg
new file mode 100644
index 00000000..95a3554f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/app-type.jpg differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/source-auth.jpg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/source-auth.jpg
new file mode 100644
index 00000000..66e9c61a
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/source-auth.jpg differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/token-generate.jpg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/token-generate.jpg
new file mode 100644
index 00000000..dff9b002
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/token-generate.jpg differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/token-info.jpg b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/token-info.jpg
new file mode 100644
index 00000000..06e5d9ab
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/facebook/token-info.jpg differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-choose-project.png b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-choose-project.png
new file mode 100644
index 00000000..40116183
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-choose-project.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-cloud-console.png b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-cloud-console.png
new file mode 100644
index 00000000..e6f3a3b2
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-cloud-console.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-custom-oauth.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-custom-oauth.webp
new file mode 100644
index 00000000..cf0bcb99
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-custom-oauth.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-enable-apis.png b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-enable-apis.png
new file mode 100644
index 00000000..d7ec1d7f
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-enable-apis.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-oauth-client-id.png b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-oauth-client-id.png
new file mode 100644
index 00000000..1ae680f5
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-oauth-client-id.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-oauth-consent-screen.png b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-oauth-consent-screen.png
new file mode 100644
index 00000000..43586740
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/google/google-oauth-consent-screen.png differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-product.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-product.webp
new file mode 100644
index 00000000..f9ff9b40
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-product.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-request.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-request.webp
new file mode 100644
index 00000000..3b6893df
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-request.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-use-case.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-use-case.webp
new file mode 100644
index 00000000..ed676608
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-use-case.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-use-description.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-use-description.webp
new file mode 100644
index 00000000..b0427f59
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-app-api-use-description.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-create-app.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-create-app.webp
new file mode 100644
index 00000000..e4edf7b8
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-create-app.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-dev-portal.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-dev-portal.webp
new file mode 100644
index 00000000..40f06f95
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-dev-portal.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-token-gen-form.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-token-gen-form.webp
new file mode 100644
index 00000000..470b3351
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-token-gen-form.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-verify-page-url.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-verify-page-url.webp
new file mode 100644
index 00000000..0f80dc79
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-verify-page-url.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-verify-page.webp b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-verify-page.webp
new file mode 100644
index 00000000..8038f97e
Binary files /dev/null and b/src/essentials-for-yootheme-pro/v2.2/auths/assets/linkedin/ln-verify-page.webp differ
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/custom-facebook-dev-app.md b/src/essentials-for-yootheme-pro/v2.2/auths/custom-facebook-dev-app.md
new file mode 100644
index 00000000..9aeea089
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/custom-facebook-dev-app.md
@@ -0,0 +1,61 @@
+# Custom Facebook Dev App
+
+Learn how to create a custom Facebook Dev App and get your own credentials. Once ready, you can use the resulting _Access Token_ into the respective [Facebook Auth](/essentials-for-yootheme-pro/auths/drivers#facebook) driver to authenticate.
+
+## 1. Create a New Dev App
+
+Go to [https://developers.facebook.com/apps/creation](https://developers.facebook.com/apps/creation) and choose "Other".
+
+![Choose app purpose](./assets/facebook/app-purpose.jpg)
+
+On Next Choose "Business".
+
+![Choose app type](./assets/facebook/app-type.jpg)
+
+On Next fill in the details and Create app.
+
+![Fill in app details](./assets/facebook/app-details.jpg)
+
+From the left column or from the dashboard, add both _Facebook Login for Business_ and _Instagram Graph API_ products leaving all settings as per their defaults.
+
+![Add products to your app](./assets/facebook/app-products.jpg)
+
+## 2. Generate Access Token
+
+Go to [https://developers.facebook.com/tools/explorer](https://developers.facebook.com/tools/explorer). Select from the list of apps on the right the app you just created, and add the following permissions in the permissions list:
+
+- instagram_basic
+- pages_show_list
+- pages_read_engagement
+- pages_read_user_content
+- business_management
+
+Be sure that the list matches with the screenshot and _Generate Access Token_.
+
+![Generate access token](./assets/facebook/token-generate.jpg)
+
+- When prompted login with the account that created the app itself.
+- Select the business accounts (or all of them).
+- Select the pages you want to give access to.
+- Select the Instagram accounts you want to allow.
+- Confirm.
+
+::: tip Account Permissions
+The Access Token should be generated with the account that created the app or at least one of the accounts listed in the app as _Testers_, _Developers_ or _Administrators_. If you don’t do this, you will need to publish the app and get through the facebook review process (not recommended).
+:::
+
+You now have an access token. Click on the Info icon and then on the _Open in Access Token Tool_.
+
+![Get access token info](./assets/facebook/token-info.jpg)
+
+Click on _Extend Access Token_ and copy the new Access Token. Use that token when authenticating a source with your custom app.
+
+## 3. Authenticate a Source
+
+Now that you have an access token create a Facebook or Instagram Business source. When authenticating choose _Custom App_, past the generated access token and complete the source setup.
+
+![Set access token](./assets/facebook/source-auth.jpg)
+
+::: tip Token Expiration
+Note that the token will be auto-renewed by the source when used, but it may expire if not used enough during the given time period. If it does, you will need to generate a new token.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/custom-google-dev-app.md b/src/essentials-for-yootheme-pro/v2.2/auths/custom-google-dev-app.md
new file mode 100644
index 00000000..2a60275c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/custom-google-dev-app.md
@@ -0,0 +1,95 @@
+# Custom Google Dev App
+
+Learn how to create a custom Google Dev App and get your own oAuth credentials. Once ready, you can use the resulting _Access Token_ into the respective [Google Auth](./drivers#google-auth-driver) driver to authenticate.
+
+This process is covered in great extens by the [Google official guide](https://developers.google.com/identity/protocols/oauth2/web-server) while next step will try to summarize it.
+
+## 1. Create Google Cloud Project
+
+Login with your Google account to the [Google Cloud Console](https://cloud.google.com/cloud-console/) and create and/or choose a project where to manage the custom oAuth credentials.
+
+![Google Cloud Console](./assets/google/google-cloud-console.png)
+
+## 2. Enable Google APIs
+
+Go to the [Google Cloud Console API Libraries](https://console.cloud.google.com/apis/library) and enable the APIs you need. For example, for Google Sheets enable the _Google Sheets API_, for YouTube the _YouTube Data API_, etc.
+
+![Choose project](./assets/google/google-choose-project.png)
+
+![Enable APIs](./assets/google/google-enable-apis.png)
+
+::: tip
+You can either create one project for each API, or a single-project for every API. It's up to you and your security policies.
+:::
+
+## 3. Create oAuth Consent Screen
+
+Go to the console [oAuth Consent Screen Page](https://console.developers.google.com/apis/credentials/consent) and choose _Internal_ as the User Type. Follow through the form to fullfill all the necessary data.
+
+![Google oAuth Consent Screen](./assets/google/google-oauth-consent-screen.png)
+
+In the scopes section you would usually match the scopes for the APIs you have enabled previously. Refer to the following table as the scopes required by Essential addons.
+
+| Scope  | Addon |
+|--------|-------|
+| https://www.googleapis.com/auth/youtube.readonly | Youtube Source |
+| https://www.googleapis.com/auth/business.manage | Google Business Profile Source. |
+| https://www.googleapis.com/auth/drive.readonly | Google Sheets Source and Google Sheets Form Action |
+| https://www.googleapis.com/auth/spreadsheets | Google Sheets Source and Google Sheets Form Action |
+| https://www.googleapis.com/auth/calendar.readonly | Google Calendar Source |
+| https://www.googleapis.com/auth/calendar.events.readonly | Google Calendar Source |
+| https://www.googleapis.com/auth/photoslibrary.readonly | Google Photos Source |
+
+## 4. Create oAuth Client ID
+
+Go to the console [Credentials Page](https://console.developers.google.com/apis/credentials) and create an _oAuth Client ID_. Select _Web Application_ and set a name. For the URL, input your site one or any URL you want to set as authorized.
+
+Once created, copy the `Redirect URI`, `Client ID` and `Client Secret` parameters.
+
+![Google oAuth Client ID](./assets/google/google-oauth-client-id.png)
+
+## 5. Generate Refresh Token
+
+Through your browser, visit the following URL, replacing the placeholders with parameters from the previous steps.
+
+```html
+https://accounts.google.com/o/oauth2/v2/auth?client_id={CLIENT_ID}&redirect_uri={REDIRECT_URI}&response_type=code&access_type=offline&state=state&scope={LIST_OF_SCOPES}
+```
+
+::: tip
+If there are multiple scopes, separate them with a comma.
+:::
+
+You will get redirected back to the _REDIRECT_URI_ with a `code` parameter in the URL, for example `https://example.com/?code=4/P7q7W91a-oMsCeLvIaQm6bTrgtp7`. Copy that `code` value.
+
+Through an HTTP client like [Postman](https://www.postman.com/), or your terminal using CURL, make a post request like the following one, once again, replacing the placeholders.
+
+```curl
+POST /token HTTP/1.1
+Host: oauth2.googleapis.com
+Content-Type: application/x-www-form-urlencoded
+
+code={CODE}
+client_id={CLIENT_ID}&
+client_secret={CLIENT_SECRET}&
+redirect_uri={REDIRECT_URI}&
+grant_type=authorization_code
+```
+
+You should get back a JSON response that contains the `refresh_token` you need, for example:
+
+```json
+{
+  "access_token": "1/fFAGRNJru1FTz70BzhT3Zg",
+  "expires_in": 3920,
+  "token_type": "Bearer",
+  "scope": "https://www.googleapis.com/auth/drive.metadata.readonly",
+  "refresh_token": "1//xEoDL4iW3cxlI7yDbSRFYNG01kVKM2C-259HOF2aQbI"
+}
+```
+
+## 6. Authenticate
+
+When creating a Source or Action that requires Google Authentication choose Custom App and fill in the details using the `Client ID`, `Client Secret` and `Refresh Token` obtained in the previous steps.
+
+![Google Custom OAuth](./assets/google/google-custom-oauth.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/custom-linkedin-dev-app.md b/src/essentials-for-yootheme-pro/v2.2/auths/custom-linkedin-dev-app.md
new file mode 100644
index 00000000..285f31b8
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/custom-linkedin-dev-app.md
@@ -0,0 +1,78 @@
+# Custom LinkedIn Dev App
+
+Learn how to create a custom LinkedIn Developer App and generate the required access tokens to directly authenticate with Essential LinkedIn Sources.
+
+## Create LinkedIn App
+
+Sign in to the [LinkedIn Developer Portal](https://www.linkedin.com/developers) with your personal account. If you don't already have one, you can easily [create a free account](https://www.linkedin.com/).
+
+![LinkedIn Developer Portal](./assets/linkedin/ln-dev-portal.webp)
+
+Access [My Apps](https://www.linkedin.com/developers/apps) section and click on *Create App* button. Enter the required information and submit.
+
+![LinkedIn Create App](./assets/linkedin/ln-create-app.webp)
+
+| Setting | Description |
+| ------- | ----------- |
+| *App name* | The application name. Can be changed later. |
+| *App logo* | The application logo, can be the company one. |
+| *LinkedIn Page* | The associated LinkedIn Company Page URL, e.g. `https://www.linkedin.com/company`. |
+
+::: tip Company Page
+A LinkedIn App requires a LinkedIn Company Page to be associate with. Use your company's page or, if you're working for a client, their company page.
+
+Don't have a company page yet? No problem! Simply [create one here](https://www.linkedin.com/company/setup/new/).
+:::
+
+## Verify Page Association
+
+The organization that owns the page you have associated the app with function as the publisher of the app. The super admin must approve the association in the following 30 days. [Learn More](https://www.linkedin.com/help/linkedin/answer/a548360/).
+
+![LinkedIn Page Verification](./assets/linkedin/ln-verify-page.webp)
+
+Go to the *App Settings* panel and click on the *Verify* button. A modal will appear allowing you to generate a verification URL.
+
+![LinkedIn Page Verification URL](./assets/linkedin/ln-verify-page-url.webp)
+
+Generate the URL and send it to the page super admin. An email will be sent whenever the association has been approved or denied. Wait for the approval before proceeding further.
+
+## Request API Access
+
+For the Essentials LinkedIn Source use case, you must request the `Advertising API` product. To do so go to *App Products* panel of the app and follow below steps.
+
+![LinkedIn Advertising API Product](./assets/linkedin/ln-app-api-product.webp)
+
+::: warning
+Note that only one product can be requested per app. If you mistakenly requested a different one, you will need to create a new app from scratch.
+:::
+
+1. Click on the *Request access* button within the *Advertising API* product section.
+2. A modal will appear, fullfill the form as instructed and submit.
+
+![LinkedIn Advertising API Request](./assets/linkedin/ln-app-api-request.webp)
+
+3. Wait for approximately one minute, then refresh the page.
+4. A new button *Access Request Form* should appear in the product section. Click the button and complete legal details.
+
+::: warning
+Accurate and current company information is crucial. LinkedIn will carefully review your company details to verify their validity.
+:::
+
+5. When asked about the app primary use case, choose *Direct Advertiser*.
+
+![LinkedIn Advertising API Use Case](./assets/linkedin/ln-app-api-use-case.webp)
+
+6. When asked about what do you plan to do with the APIs, describe it without mentionining fetching or displaying data in your website. Focus on statistics or advertising, instead.
+
+![LinkedIn Advertising API Use Description](./assets/linkedin/ln-app-api-use-description.webp)
+
+## Generate a Token
+
+Once the app is ready you can generate a token with it and use it for authentication.
+
+![LinkedIn Token Generation Form](./assets/linkedin/ln-token-gen-form.webp)
+
+1. Visit the [LinkedIn Developer Portal Token Generator](https://www.linkedin.com/developers/tools/oauth/token-generator) tool.
+2. Select the app you'd like to generate a token for.
+3. Select the permission scopes. Usually that would be `r_basicprofile`, `r_organization_admin` and `r_organization_social`.
+4. Copy both *Refresh* and *Access* generated tokens.
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/custom-twitter-dev-app.md b/src/essentials-for-yootheme-pro/v2.2/auths/custom-twitter-dev-app.md
new file mode 100644
index 00000000..a782d262
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/custom-twitter-dev-app.md
@@ -0,0 +1,41 @@
+# Custom Twitter Dev App
+
+Learn how to create a custom Twitter Dev App and get your own credentials. Once ready, you can use the resulting _Client ID_, _Client Secret_ and _Refresh Token_ into the respective [Twitter Auth](./drivers#twitter) driver to authenticate.
+
+::: warning ZOOlanders OAuth
+Beware that it's a technical process that requires some development skills like interacting with REST APIs.
+:::
+
+## 1. Create a new Dev App
+
+Following the [Twitter guide](https://developer.twitter.com/en/docs/twitter-api/getting-started/getting-access-to-the-twitter-api) select the plan that best suits your case. Once the app is created, you need to enable the OAuth2 support at the bottom of the App Page on the Twitter Developer Portal.
+
+## 2. Generate a Refresh Token
+
+Generate a refresh token via REST APIs calls following [this guide](https://developer.twitter.com/en/docs/authentication/oauth-2-0/user-access-token) where the first step is to generate a proper authorization url and visit it in your browser. The url will look something like this:
+
+```html
+https://twitter.com/i/oauth2/authorize?response_type=code&client_id=YOUR_APP_CLIENT_ID&redirect_uri=https://www.example.com&scope=tweet.read%20users.read%20offline.access&state=state&code_challenge=challenge&code_challenge_method=plain
+```
+
+Be sure that the redirect url you set there is the same you specified at Step 1 in your app settings. It doesn't need to be a particular url, it can be whatever you want, but it should be the same as the one specified in the `redirect_uri` parameter.
+
+## 3. Authenticate With Twitter
+
+When visiting such url, you will be asked to authenticate with your desidered twitter account, and allow access. The system will redirect you to the url specified in the _redirect_url_ parameter. Ignore the page itself and look at the url. Copy the value of the _code_ pararameter, you will need it in the next step.
+
+## 4. Get a Refresh Token
+
+Using a console or a tool like Postman, make a post request to create an access and refresh token:
+
+```bash
+curl --location --request POST 'https://api.twitter.com/2/oauth2/token' \
+--header 'Content-Type: application/x-www-form-urlencoded' \
+--data-urlencode 'code=THE_CODE_YOU_COPIED_AT_STEP_6' \
+--data-urlencode 'grant_type=authorization_code' \
+--data-urlencode 'client_id=YOUR_APP_CLIENT_ID' \
+--data-urlencode 'redirect_uri=https://www.example.com' \
+--data-urlencode 'code_verifier=challenge'
+```
+
+In the reply, copy the value of the refresh token. Then fill in Client id, Client Secret and Refresh Token in Essentials configuration.
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/drivers.md b/src/essentials-for-yootheme-pro/v2.2/auths/drivers.md
new file mode 100644
index 00000000..f9e93ca5
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/drivers.md
@@ -0,0 +1,16 @@
+# Auth Drivers
+
+Authenticate to third-party services and/or store keys and secrets.
+
+Auth Drivers are part of Essentials [authentication workflow](./). All keys, secrets and access tokens are processed by one of the drivers. To learn more about the workflow, see the corresponding documentation.
+
+<!--@include: ./_partials/auth-driver-api.md-->
+<!--@include: ./_partials/auth-driver-airtable.md-->
+<!--@include: ./_partials/auth-driver-aws.md-->
+<!--@include: ./_partials/auth-driver-cloudflare.md-->
+<!--@include: ./_partials/auth-driver-facebook.md-->
+<!--@include: ./_partials/auth-driver-google.md-->
+<!--@include: ./_partials/auth-driver-instagram.md-->
+<!--@include: ./_partials/auth-driver-tiktok.md-->
+<!--@include: ./_partials/auth-driver-twitter.md-->
+<!--@include: ./_partials/auth-driver-vimeo.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/auths/index.md b/src/essentials-for-yootheme-pro/v2.2/auths/index.md
new file mode 100644
index 00000000..ab810e82
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/auths/index.md
@@ -0,0 +1,67 @@
+# Auths, Keys & Secrets
+
+OAuths, Keys & Secrets is sensitive authentication data that we simply call, auths.
+
+Essentials builds on top of YOOtheme Pro a workflow to authenticate to third-party services with the [OAuth](#oauth) protocol as well as to store [Keys and Secrets](#keys-and-secrets). The auth workflow has been built with [security](#security) in mind, as well as convenience through the [Auths Manager](#auth-manager).
+
+## OAuth
+
+This is the process where you authenticate to third-party services using the OAuth protocol and grant [Essentials OAuth App](#essentials-oauth-app), or your [Custom OAuth App](#custom-oauth-app), permissions to access content or act on your behalf.
+
+![OAuth](./assets/auths-oauth.webp)
+
+## Essentials OAuth App
+
+To use the OAuth protocol with a service, it is necessary to create an OAuth App within that service and go through its approval process. While creating an OAuth App is a recommended security measure, the process can be time-consuming and challenging.
+
+To address these challenges, we have developed a web app that acts as an intermediary for all service-specific apps that have already been created and approved. This approach provides a simple and straightforward way for you to authenticate and grant permissions without having to go through the process yourself.
+
+![ZOOlanders OAuth App](./assets/auth-zl-oauth-app.webp)
+::: warning Quota Limitations
+It is important to keep in mind that when using our OAuth App, the API quota is shared among other users. Although we keep our requests optimized and have not yet reached any limits, it is still necessary to consider the possibility it might happen.
+:::
+
+## Custom OAuth App
+
+We strongly recommend that high traffic sites, or anyone with the necessary skills, create their own OAuth App and use its client ID and secret for authentication. This approach helps to avoid any potential quota limitations and provides additional security measures. By creating your own OAuth App, you can have more control over the authentication process and tailor it to your specific needs.
+
+![Custom OAuth App](./assets/auths-custom-app.webp)
+
+**See also**:
+
+- [Create a Custom Twitter Dev App](./custom-twitter-dev-app)
+- [Create a Custom Facebook Dev App](./custom-facebook-dev-app)
+
+## Keys and Secrets
+
+The auth workflow is a convenient way to securely manage keys and secrets that are required for certain features and services. By centralizing these keys and secrets you can ensure that they are stored securely and are easily accessible when needed. This helps simplify the management of these credentials and provide an additional layer of security.
+
+![Keys and Secrets](./assets/auths-key.webp)
+
+## Security
+
+The auth workflow has been built with security in mind but is important to understand the concepts behind it. By having a solid understanding of these concepts, you can ensure that your applications and services are properly secured and protected against unauthorized access or data breaches.
+
+### Encryption
+
+All auth tokens, keys and secrets are securely **encrypted** and stored within the [Essentials Settings](/essentials-for-yootheme-pro/settings), which is essentially a database table. This is a critical security measure as it ensures that these sensitive credentials are not exposed. Even if they were somehow accessed, the encryption would render them useless to any unauthorized party.
+
+### OAuth Principles
+
+We strictly follow the OAuth security principles and ensure that permissions are requested with the lowest possible scope required. In practical terms, this means that when accessing a resource, we request a read-only scope. Only when a resource is expected to be updated, do we request a read and write scope instead. By following these principles, we can minimize the amount of access granted, reducing the risk of unauthorized changes or data breaches.
+
+It's important to note that any granted permissions can be revoked at any time by the service provider as well as by your request. This would immediately render all stored tokens useless, without the possibility of reactivation. This allows to quickly revoke access in the event of a security breach or any other unauthorized access.
+
+### OAuth App
+
+Using the ZOOlanders OAuth App is a convenient and secure, we do not store any login or token information. Instead, we pass this information directly to your site. However, for most services, we recommend creating a custom OAuth App and using it instead. This provides an additional layer of security and can help bypass any potential quota limitations.
+
+## Auth Manager
+
+The Auth Manager can be accessed at [Essentials Advanced](/essentials-for-yootheme-pro/settings#auths) section. You can manage OAuths, Keys & Secrets, but you cannot create new ones as an auth is tied to specific scopes, and/or purpose only, known while building the layouts.
+
+![Auth Manager](./assets/auths-manager.gif)
+
+It is also possible, and somewhat more convenient, to manage the auths while creating the resources that requires them.
+
+![Auth Manager Field](./assets/auths-manager-field.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/conditions.md b/src/essentials-for-yootheme-pro/v2.2/conditions.md
new file mode 100644
index 00000000..220b83d8
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/conditions.md
@@ -0,0 +1,102 @@
+# Conditions and Filters
+
+There are different types of conditions available during content rendering. Their execution time and support for dynamic content differs, it's important to understand the difference and learn how to combine them effectively.
+
+| Type | Description | Execution Time | Dynamic Support |
+| --- | --- | --- | --- |
+| [Query Conditions](#query-conditions) | Provided by each source individually. | Query | Partial |
+| [Dynamic Condition](#dynamic-condition) | Provided globally as part of the Dynamic Content core workflow. | Render | None |
+| [Access Condition](#access-condition) | Provided globally as part of the Essentials Access addon workflow. | Render | Full |
+
+## Query Conditions
+
+Filter and/or order query conditions are rules, applied during a query execution, that the content must evaluate to in order to be included in the fetched results. The conditions are provided and supported by every source individually.
+
+![Query Conditions](./assets/conditions/query-conditions.webp)
+
+::: details Filter Condition Details
+
+### Filter Condition
+
+![Query Filter Condition](./assets/conditions/query-filter-condition.webp)
+
+| Setting | Description | Dynamic | Required |
+| --- | --- | :---: | :---: |
+| *Name* | A name to better identify this condition. | &#x2713; |
+| *Status* | Should this condition be evaluated. | &#x2713; |
+| *Field* | The field of the currently evaluated record to use for the condition evaluation. | | &#x2713; |
+| *Operator* | The operator for the evaluation, see full list bellow. | | &#x2713; |
+| *-- Is Null* | The field must `be null`. |
+| *-- Is not Null* | The field must `not be null`. |
+| *-- Is empty* | The field must `be empty`. |
+| *-- Is not empty* | The field must `not be empty`. |
+| *-- Equal To* | The field must be `equal to` the specified value. |
+| *-- Not Equal To* | The field must `not be equal to` the specified value. |
+| *-- Less than* | The field must be `less than` the specified value. |
+| *-- Greater than* | The field must be `greater than` the specified value. |
+| *-- Less than or equal to* | The field must be `less than or equal to` the specified value. |
+| *-- Greater than or equal to* | The field must be `greater than or equal to` the specified value. |
+| *-- Starts with* | The field must `start with` the specified value. |
+| *-- Ends with* | The field must `end with` the specified value. |
+| *-- LIKE* | The field must `match a pattern` specified in value. |
+| *-- LIKE %%* | The field must `match a pattern` specified in value which will be wrapped with `%` wildcard that represents `zero`, `one`, or `multiple` characters. |
+| *Value* | The static or dynamic value that the field is being evaluated with. | &#x2713; | &#x2713; |
+
+### Filter Evaluation Logic
+
+![Query Filter Conditions](./assets/conditions/query-filter-conditions.webp)
+
+| Setting | Default | Description |
+| --- | --- | --- |
+| *Filters* | `[]` | The list of filter conditions applied during the query execution. |
+| *Mode* | `AND` | The filter conditions evaluation logic, `AND`, `OR`, or `Custom`. |
+| *-- AND* | | All conditions must evaluate as true. |
+| *-- OR* | | At least one condition must evaluate as true. |
+| *-- Custom* | | Reference a condition with brackets `{}` and it index number, e.g. `{1}`. Combine conditions with the logic operators `AND\|OR`, e.g. `{1} AND {2} OR {3}`. Alter the execution order with parenthesis `()`, e.g. `{1} AND ({2} OR {3})` where the conditions 2 and 3 will be evaluated first. |
+
+:::
+
+::: details Order Condition Details
+
+### Order Condition
+
+![Query Order Condition](./assets/conditions/query-order-condition.webp)
+
+| Setting | Description | Dynamic | Required |
+| --- | --- | :---: | :---: |
+| *Name* | A name to better identify this condition. | &#x2713; |
+| *Status* | Should this condition be evaluated. | &#x2713; |
+| *Field* | The field of the currently evaluated record to use for the condition evaluation. | | &#x2713; |
+| *Direction* | The ordering direction, ascendent `ASC` or descendent `DESC`. | &#x2713; | &#x2713; |
+
+:::
+
+## Dynamic Condition
+
+Part of the [Dynamic Content](https://yootheme.com/support/yootheme-pro/joomla/dynamic-content#dynamic-conditions) core workflow, Dynamic Condition is set during a source mapping to determine should the element be displayed. The amount of conditions is limited to one, and cannot use dynamic content for more advanced evaluation.
+
+![Dynamic Conditions](./assets/conditions/dynamic-conditions.webp)
+
+## Access Condition
+
+Part of the [Access Addon](/essentials-for-yootheme-pro/addons/access/) workflow, Access Condition has the same functionality as the [Dynamic Condition](#dynamic-condition), but with support for dynamic content, multiple rules and custom evaluation logic. You can opt to use it instead as per higher possibilities.
+
+![Access Conditions](./assets/conditions/access-conditions.webp)
+
+## Execution Performance
+
+With **Query Conditions**, the content is fetched pre-filtered and the load in memory minimum, e.g. from 500 items 20 would be loaded, then 20 elements rendered.
+
+With **Dynamic or Access Condition**, all content is fetched into memory, then the elements are filtered during runtime, e.g. from 500 items 500 items would be loaded, then 500 elements conditioned during the pre-rendering phase, but only 20 rendered.
+
+To optimize page loading speed and minimize the risk of memory errors, Query Conditions are the preferred method and should always be used if available. If not available, the next best approach is to combine different types of conditions. This is because the more data loaded into memory and processing required during runtime, the slower the page loads and the higher the risk of running into memory errors.
+
+## Combined Conditions
+
+Not all queries support conditions, and if do most likely do not support evaluating dynamic values. In such situations a good strategy is to combine **Query Conditions** with **Dynamic or Access Condition**. In practice that would mean load the minimum amount of content into memory, e.g. load items from a specific category, then further filter down those during the rendering.
+
+::: warning Pagination Errors
+Be aware of the pagination (offset and limit) while combining conditions as the results might not be what you expect. For example, you might set a limit condition of 20, but the final filtered result be 18.
+
+As a rule of thumb, when an exact amount of items is required do not combine conditions.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/datetime.md b/src/essentials-for-yootheme-pro/v2.2/datetime.md
new file mode 100644
index 00000000..f240f1c4
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/datetime.md
@@ -0,0 +1,21 @@
+# Date and Time
+
+The current date and time are crucial for most workflows, but unfortunately, YOOtheme Pro does not provide global access to this information. Essentials addresses this by offering a [Global Request](./addons/sources/global#request) source that provides access to the request timestamp and more.
+
+![Global Request Source](./addons/sources/assets/global/request-source.webp)
+
+## Timestamp Mapping
+
+By mapping the Request Timestamp to a layout, we gain access to the current date and time, which we can then format as needed to achieve the desired outcome.
+
+![Request Timestamp Format](./assets/datetime/request-timestamp-format.webp)
+
+We can modify the date to obtain the timestamp for yesterday by subtracting one day (`-1 day`) or for tomorrow by adding one day (`+1 day`).
+
+![Request Timestamp Alter](./assets/datetime/request-timestamp-alter.webp)
+
+## Timestamp Evaluation
+
+Similarly, if we map the current timestamp to access or filter [conditions](./conditions), we can alter the results based on the current date. Note that when comparing dates, both must be formatted as ISO valid dates, e.g., `Y-m-d`.
+
+![Request Timestamp Evaluation](./assets/datetime/request-timestamp-evaluation.webp)
diff --git a/src/essentials-for-yootheme-pro/v2.2/index.md b/src/essentials-for-yootheme-pro/v2.2/index.md
new file mode 100644
index 00000000..1d1622a3
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/index.md
@@ -0,0 +1,26 @@
+# Introduction
+
+Essentials for YOOtheme Pro is a set of free and premium addons for the [YOOtheme Pro](https://yootheme.com/page-builder) page builder compatible with both Joomla and WordPress. It expands the YOOtheme Pro framework natively and effectively with features that are considered _essential_.
+
+## Requirements
+
+There are only a few requirements, and they should be fulfilled by any modern web server. Make sure your server and site meets the following specifications..
+
+- PHP 7.4+
+- YOOtheme Pro 4
+- Joomla 3/4/5 or WordPress 5/6
+
+Also take a look at the specific requirements of [YOOtheme Pro](https://yootheme.com/support/yootheme-pro/joomla/introduction#requirements), [Joomla](https://docs.joomla.org/J4.x:Installing_Joomla#Requirements) and/or [WordPress](https://wordpress.org/about/requirements).
+
+| Version | YOOtheme Pro | WordPress | Joomla | PHP |
+| --- | --- | --- | --- | --- |
+| Essentials v1 | 2.3/3 | 5/6 | 3.9/5 | 7.4/8.2 |
+| Essentials v2 | 4/4.4 | 5/6 | 3.9/5 | 7.4/8.3 |
+
+## Changelog
+
+The changelog contains information about the modifications made in each stable version. To access the Essentials changelog and/or check the current version installed, go to the _Essentials -> About_ section of the Customizer.
+
+![Essentials Changelog](./assets/essentials-changelog.gif)
+
+You can alternatively access the changelog online at [http://zoolanders.com/essentials-for-yootheme-pro/changelog](https://www.zoolanders.com/essentials-for-yootheme-pro/changelog).
diff --git a/src/essentials-for-yootheme-pro/v2.2/installation.md b/src/essentials-for-yootheme-pro/v2.2/installation.md
new file mode 100644
index 00000000..f5609f82
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/installation.md
@@ -0,0 +1,33 @@
+# Installation
+
+Download the [Essentials for YOOtheme Pro](https://www.zoolanders.com/downloads) plugin and install it by following the official [Joomla extension installation](https://docs.joomla.org/Installing_an_extension) or the [WordPress plugin installation](https://wordpress.org/support/article/managing-plugins/#installing-plugins-1) instructions. After a successful installation, a plugin named **Essentials YOOtheme Pro** (a.k.a. `yooessentials`) should be listed and enabled.
+
+::: tip Installation Folder
+The plugin will be installed under the `plugins/system/yooessentials` for Joomla and `wp-contents/plugins/yooessentials` directory for WordPress.
+:::
+
+Essentials can be updated using the platform update system. Whenever a new version of is available, you will receive a notification in the platform dashboard. Before you can update, you have to first add your Essentials Download ID.
+
+## Download ID
+
+An Essentials Download ID is an alphanumeric code and is created individually for each website. Without it, you won't be able to update Essentials. You can find and manage your IDs in the [Download IDs](https://zoolanders.com/account/download-ids) section of your account.
+
+![Download ID](/assets/download-id.png)
+
+Once obtained, set it in your site, an action that slightly differs for each platform.
+
+::: details Joomla
+Locate the **ZOOlanders Installer Plugin** and input the Download ID into it settings.
+
+![Download ID Joomla](/assets/download-id-joomla.png)
+:::
+
+::: details WordPress
+Locate the **ZOOlanders Settings Panel** in Global Settings, then input the Download ID into it settings.
+
+![Download ID WordPress](/essentials-for-yootheme-pro/assets/essential-settings-wordpress.png)
+:::
+
+## Upgrade
+
+The upgrade from Essentials Freemium to Premium version is as simple as installing the premium package without uninstalling the freemium one. The upgrade process must be done manually, after that automatic updates will take over.
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Buttons.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Buttons.json
new file mode 100644
index 00000000..ca67d032
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Buttons.json
@@ -0,0 +1,32 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_button",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_button_item"
+                                },
+                                {
+                                    "type": "yooessentials_form_button_reset"
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Buttons"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Checkbox.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Checkbox.json
new file mode 100644
index 00000000..3ee06371
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Checkbox.json
@@ -0,0 +1,54 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{options}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_checkbox",
+                            "props": {
+                                "control_name": "options"
+                            },
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_option",
+                                    "props": {
+                                        "text": "Option 1",
+                                        "value": "option-1"
+                                    }
+                                },
+                                {
+                                    "type": "yooessentials_form_option",
+                                    "props": {
+                                        "text": "Option 2",
+                                        "value": "option-2"
+                                    }
+                                }
+                            ]
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Checkbox"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Fieldset.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Fieldset.json
new file mode 100644
index 00000000..44794271
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Fieldset.json
@@ -0,0 +1,46 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{message}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_fieldset",
+                            "props": {
+                                "layout": "stacked"
+                            },
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_textarea",
+                                    "props": {
+                                        "control_name": "message"
+                                    }
+                                }
+                            ]
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Fieldset"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Hidden.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Hidden.json
new file mode 100644
index 00000000..13d30244
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Hidden.json
@@ -0,0 +1,45 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>\n<p>With hidden input: {hidden}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_textarea",
+                            "props": {
+                                "control_name": "input"
+                            }
+                        },
+                        {
+                            "type": "yooessentials_form_hidden",
+                            "props": {
+                                "control_name": "hidden",
+                                "control_value": "I was hidden!"
+                            }
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Hidden"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputDate.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputDate.json
new file mode 100644
index 00000000..4d376d94
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputDate.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_date",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Text"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputMonth.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputMonth.json
new file mode 100644
index 00000000..e6adc84f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputMonth.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_month",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Text"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputNumber.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputNumber.json
new file mode 100644
index 00000000..1ddd329c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputNumber.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_number",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Number"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputPassword.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputPassword.json
new file mode 100644
index 00000000..cba97b0c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputPassword.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_password",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Password"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputText.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputText.json
new file mode 100644
index 00000000..08fdcdb7
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputText.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_text",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Text"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputTime.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputTime.json
new file mode 100644
index 00000000..06d7a309
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputTime.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_time",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Text"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputUrl.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputUrl.json
new file mode 100644
index 00000000..1d35c51d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputUrl.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_url",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Text"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputWeek.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputWeek.json
new file mode 100644
index 00000000..21b4adfa
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-InputWeek.json
@@ -0,0 +1,41 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_input",
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_input_week",
+                                    "props": {
+                                        "control_name": "input"
+                                    }
+                                }
+                            ]
+                        },
+                        { "type": "yooessentials_form_button" }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Input Text"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Preset.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Preset.json
new file mode 100644
index 00000000..a08dab4a
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Preset.json
@@ -0,0 +1,38 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your comment was:</p>\n<p>{comment}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_textarea",
+                            "props": {
+                                "control_name": "comment"
+                            }
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Preset"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Radio.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Radio.json
new file mode 100644
index 00000000..24de91c1
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Radio.json
@@ -0,0 +1,54 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{options}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_radio",
+                            "props": {
+                                "control_name": "options"
+                            },
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_option",
+                                    "props": {
+                                        "text": "Option 1",
+                                        "value": "option-1"
+                                    }
+                                },
+                                {
+                                    "type": "yooessentials_form_option",
+                                    "props": {
+                                        "text": "Option 2",
+                                        "value": "option-2"
+                                    }
+                                }
+                            ]
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Radio"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Range.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Range.json
new file mode 100644
index 00000000..1c308b7f
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Range.json
@@ -0,0 +1,38 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{input}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_range",
+                            "props": {
+                                "control_name": "input"
+                            }
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Range"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Select.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Select.json
new file mode 100644
index 00000000..16802fbc
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Select.json
@@ -0,0 +1,54 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{options}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_select",
+                            "props": {
+                                "control_name": "options"
+                            },
+                            "children": [
+                                {
+                                    "type": "yooessentials_form_option",
+                                    "props": {
+                                        "text": "Option 1",
+                                        "value": "option-1"
+                                    }
+                                },
+                                {
+                                    "type": "yooessentials_form_option",
+                                    "props": {
+                                        "text": "Option 2",
+                                        "value": "option-2"
+                                    }
+                                }
+                            ]
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Select"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Textarea.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Textarea.json
new file mode 100644
index 00000000..3694fad6
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Textarea.json
@@ -0,0 +1,38 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you! Your input was:</p>\n<p>{message}</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_textarea",
+                            "props": {
+                                "control_name": "message"
+                            }
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Textarea"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Upload.json b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Upload.json
new file mode 100644
index 00000000..b250a939
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/presets/FormArea-Upload.json
@@ -0,0 +1,39 @@
+{
+    "type": "section",
+    "props": {
+        "yooessentials_form": {
+            "state": true,
+            "after_submit_actions": [
+                {
+                    "type": "message",
+                    "props": {
+                        "content": "<p>Thank you!</p>"
+                    }
+                }
+            ]
+        }
+    },
+    "children": [
+        {
+            "type": "row",
+            "children": [
+                {
+                    "type": "column",
+                    "children": [
+                        {
+                            "type": "yooessentials_form_upload",
+                            "props": {
+                                "control_name": "upload",
+                                "control_upload_path": "~/theme"
+                            }
+                        },
+                        {
+                            "type": "yooessentials_form_button"
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "name": "FormArea - Upload"
+}
diff --git a/src/essentials-for-yootheme-pro/v2.2/settings.md b/src/essentials-for-yootheme-pro/v2.2/settings.md
new file mode 100644
index 00000000..dd35759d
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/settings.md
@@ -0,0 +1,77 @@
+# Settings
+
+Essentials global settings, accessed within _Customizer -> Essentials_ panel, are stored independently from the theme in a database tabse. Most of these setting need to be configured only once and can be imported/exported within the Advanced section.
+
+![Essentials Settings](./assets/settings.gif)
+
+## Sources
+
+Create and manage dynamic content [sources](./addons/sources/providers). Those will become available as sources in the builder dynamic workflow.
+
+![Essentials Sources Manager](./assets/sources-manager.gif)
+
+## Global Queries
+
+Create and manage source [Global Queries](./addons/dynamic/#global-queries). Those will become available as sources in the builder dynamic workflow.
+
+![Essentials Global Queries Manager](./assets/global-queries-manager.gif)
+
+## Layout Libraries
+
+Create and manage [Layout Libraries](./addons/layouts/). Those will become available as additional libraries in the builder layouts library.
+
+![Essentials Layout Libraries Manager](./assets/layout-libraries-manager.gif)
+
+## Icon Collections
+
+Create and manage [Icon Collections](./addons/icons/collections). Those will become available as additional icon collections in the builder icons library.
+
+![Icon Collections Manager](./assets/icon-collections-manager.gif)
+
+## Storages
+
+Create and manage [Storages](./storage). Those will become available as storage options for Layout Libraries.
+
+![Essentials Settings - Storages](./assets/settings-storages.png)
+
+## Auths
+
+Manage [Auths, Keys & Secrets](./auths/) that have been created during other resources creation. At the moment you cannot create auths directly.
+
+![Essentials Settings - Auths](./assets/settings-auths.png)
+
+## Advanced
+
+Configure some advanced settings.
+
+| Option | Description |
+| --- | --- |
+| *Addons* | Disable Essential addons individually. A disabled addon will be completely skipped from execution and is a good way to debug issues or to keep the global execution as smooth as possible. |
+| *GeoIP Database Source* | The IP Geolocation database is required to localize the device IP geographically, used for example by the **Access IP Geolocation Rule**. If needed, follow the [GeoIP Database Installation](#geoip-database-installation). |
+| *Import/Export* | Being Essentials Settings independent from the Theme, the only way to backup and/or restore is using the dedicated methods within _Customizer -> Essentials -> Advanced_ panel. |
+| *Debug Data* | If the support team requests it, here is where you can generate and download Debug Data information which includes a copy of the Theme Settings, Essentials Settings, Sources Schema, and the server configuration. As it might include sensitive data, be carefull who you share this with. |
+
+## About
+
+This panel shows the Essentials version currently used on this site, as well as the release changelog. Refer to this section after an update to see what has changed.
+
+![Essentials Settings - About](./assets/settings-about.png)
+
+## GeoIP Database
+
+Geolocation rely on [MaxMind](https://www.maxmind.com/en/geoip2-services-and-databases)'s **GeoIP2** (commercial) or **GeoLite2** (free) Database. While the free version is enough for the majority of projects, the commercial one is claimed to be more accurate and frequently updated.
+
+As per the license limitations, Essentials doesn't distribute either of them, if geolocation feature is required please proceed with the manual database installation.
+
+### Installation {#geoip-database-installation}
+
+Download the chosen Database from MaxMind, previous free registration is required, and upload it to any chosen folder of your web project server. Copy the relative path to the Database file, prepend it with `~/`, and past it into the _GeoIP Database Source_ setting at the _Customizer -> Essentials -> Advanced_ panel, e.g. `~/geoip/GeoLite2-Country.mmdb`.
+
+Alternatively you can rely on 3rd party plugins for the installation and posterior updates of the Database. If opted this way, make sure the path to the Database is properly updated after installation.
+
+- [Joomla Regular Labs GeoIP Provider](https://regularlabs.com/geoip)
+- [WordPress Geolocation IP Detection](https://wordpress.org/plugins/geoip-detect)
+
+::: tip Country or City Database
+The **Country Database** allows resolving IP geolocation on the continent and country level, while the **City Database** allows the same plus cities and postal code levels. The City one might seems the obvious choice, but taking into consideration that its size is considerably bigger, choose it only when necessary.
+:::
diff --git a/src/essentials-for-yootheme-pro/v2.2/sidebar.json b/src/essentials-for-yootheme-pro/v2.2/sidebar.json
new file mode 100644
index 00000000..4ba3d4db
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/sidebar.json
@@ -0,0 +1,264 @@
+[
+    {
+        "text": "Getting Started",
+        "base": "/essentials-for-yootheme-pro",
+        "items": [
+            {
+                "text": "Introduction",
+                "link": "/"
+            },
+            {
+                "text": "Installation",
+                "link": "/installation"
+            },
+            {
+                "text": "Updating",
+                "link": "/updating"
+            }
+        ]
+    },
+    {
+        "text": "General",
+        "base": "/essentials-for-yootheme-pro",
+        "items": [
+            {
+                "text": "Auth, Keys & Secrets",
+                "link": "/auths/"
+            },
+            {
+                "text": "Auth Drivers",
+                "link": "/auths/drivers"
+            },
+            {
+                "text": "Settings",
+                "link": "/settings"
+            },
+            {
+                "text": "Date & Time",
+                "link": "/datetime"
+            },
+            {
+                "text": "Conditions",
+                "link": "/conditions"
+            },
+            {
+                "text": "Storage Abstraction",
+                "link": "/storage"
+            }
+        ]
+    },
+    {
+        "text": "Forms Builder",
+        "base": "/essentials-for-yootheme-pro/addons/forms",
+        "items": [
+            {
+                "text": "Overview",
+                "link": "/"
+            },
+            {
+                "text": "Integration",
+                "link": "/integration"
+            },
+            {
+                "text": "Form Area",
+                "link": "/form-area"
+            },
+            {
+                "text": "Actions",
+                "link": "/actions"
+            },
+            {
+                "text": "Elements",
+                "link": "/elements"
+            },
+            {
+                "text": "Captcha",
+                "link": "/captcha"
+            }
+        ]
+    },
+    {
+        "text": "Dynamic Sources",
+        "base": "/essentials-for-yootheme-pro/addons/sources",
+        "items": [
+            {
+                "text": "Overview",
+                "link": "/"
+            },
+            {
+                "text": "Integration",
+                "link": "/integration"
+            },
+            {
+                "text": "Global Sources",
+                "link": "/global"
+            },
+            {
+                "text": "Source Providers",
+                "link": "/providers"
+            },
+            {
+                "text": "Source Routing",
+                "link": "/routing"
+            }
+        ]
+    },
+    {
+        "text": "Dynamic Content",
+        "base": "/essentials-for-yootheme-pro/addons/dynamic",
+        "items": [
+            {
+                "text": "Overview",
+                "link": "/"
+            },
+            {
+                "text": "Integration",
+                "link": "/integration"
+            },
+            {
+                "text": "Composed Sources",
+                "link": "/composed-sources"
+            }
+        ]
+    },
+    {
+        "text": "Access Conditions",
+        "base": "/essentials-for-yootheme-pro/addons/access",
+        "items": [
+            {
+                "text": "Overview",
+                "link": "/"
+            },
+            {
+                "text": "Integration",
+                "link": "/integration"
+            },
+            {
+                "text": "Rules",
+                "link": "/rules"
+            }
+        ]
+    },
+    {
+        "text": "Icons",
+        "base": "/essentials-for-yootheme-pro/addons/icons",
+        "items": [
+            {
+                "text": "Overview",
+                "link": "/"
+            },
+            {
+                "text": "Integration",
+                "link": "/integration"
+            },
+            {
+                "text": "Collections",
+                "link": "/collections"
+            }
+        ]
+    },
+    {
+        "text": "Layout Libraries",
+        "base": "/essentials-for-yootheme-pro/addons/layouts",
+        "items": [
+            {
+                "text": "Overview",
+                "link": "/"
+            },
+            {
+                "text": "Integration",
+                "link": "/integration"
+            }
+        ]
+    },
+    {
+        "text": "Elements",
+        "base": "/essentials-for-yootheme-pro/addons/elements",
+        "items": [
+            {
+                "text": "Overview",
+                "link": "/"
+            },
+            {
+                "text": "Chart Element",
+                "link": "/chart-element"
+            },
+            {
+                "text": "Markdown Element",
+                "link": "/markdown-element"
+            },
+            {
+                "text": "Social Sharing Element",
+                "link": "/social-sharing-element"
+            }
+        ]
+    },
+    {
+        "text": "Developer",
+        "base": "/essentials-for-yootheme-pro",
+        "items": [
+            {
+                "text": "Custom Form Action",
+                "link": "/addons/forms/custom-action"
+            },
+            {
+                "text": "Custom Form Element",
+                "link": "/addons/forms/custom-element"
+            },
+            {
+                "text": "Custom Source Provider",
+                "link": "/addons/sources/custom-provider"
+            },
+            {
+                "text": "Custom Access Rule",
+                "link": "/addons/access/custom-rule"
+            },
+            {
+                "text": "Custom Icon Collection",
+                "link": "/addons/icons/custom-collection"
+            },
+            {
+                "text": "Custom Twitter Dev App",
+                "link": "/auths/custom-twitter-dev-app"
+            },
+            {
+                "text": "Custom Facebook Dev App",
+                "link": "/auths/custom-facebook-dev-app"
+            },
+            {
+                "text": "Custom Google Dev App",
+                "link": "/auths/custom-google-dev-app"
+            },
+            {
+                "text": "Custom LinkedIn Dev App",
+                "link": "/auths/custom-linkedin-dev-app"
+            },
+            {
+                "text": "Form Events",
+                "link": "/addons/forms/form-events"
+            }
+        ]
+    },
+    {
+        "text": "Troubleshooting",
+        "base": "/essentials-for-yootheme-pro",
+        "items": [
+            {
+                "text": "Common Issues",
+                "link": "/troubleshooting"
+            },
+            {
+                "text": "Forms Related Issues",
+                "link": "/addons/forms/troubleshooting"
+            },
+            {
+                "text": "Sources Related Issues",
+                "link": "/addons/sources/troubleshooting"
+            },
+            {
+                "text": "Icons Related Issues",
+                "link": "/addons/icons/troubleshooting"
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/src/essentials-for-yootheme-pro/v2.2/storage.md b/src/essentials-for-yootheme-pro/v2.2/storage.md
new file mode 100644
index 00000000..a0cb1fc8
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/storage.md
@@ -0,0 +1,13 @@
+# Storage Abstraction
+
+File Storage Abstraction allows a seamles experience for working with files across different platforms and locations.
+
+Essentials has several features that involve reading and/or writing data with abstraction, allowing for interaction with many different types of filesystems regardless of their location. To accomplish this, we have implemented [FlySystem](https://flysystem.thephpleague.com/docs) as the abstraction library of choice which provides a unified interface for working with various filesystems.
+
+::: tip Storage Usage
+Even storage abstraction is only used by Layouts Addon, at the moment, it is already possible to use in your custom addons.
+:::
+
+<!--@include: ./_partials/storage-local.md-->
+<!--@include: ./_partials/storage-ftp.md-->
+<!--@include: ./_partials/storage-s3.md-->
diff --git a/src/essentials-for-yootheme-pro/v2.2/troubleshooting.md b/src/essentials-for-yootheme-pro/v2.2/troubleshooting.md
new file mode 100644
index 00000000..5620f5db
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/troubleshooting.md
@@ -0,0 +1,25 @@
+# Common Issues
+
+Learn how to handle common issues within essentials.
+
+## Execution Error
+
+_A PHP error was triggered while executing yooessentials plugin._
+
+If an unexpected error occurs during the execution of an Essentials feature, an error message will be displayed with details to help you resolve the problem. This message will only be shown while previewing the site within the customizer or while there is an active customizer session.
+
+If you require further assistance, please contact support and provide the complete error message.
+
+## Plugin Execution Prevented
+
+_The Essentials plugin execution has been prevented due to corrupted installation or altered files._
+
+If you see this error the Essentials files integrity check has detected that some file are corrupted or missing. No matter the reason the solution is to reinstall the plugin manually without uninstalling the previous version. If the issue persist after, reach out support.
+
+## AbstractRule Class Not Found
+
+A fatal error displaying `Class "ZOOlanders\YOOessentials\Access\AbstractRule" not found` most likely is related to a 3rd party plugin trying to access this class before Essentials has been able to declare it. The solution is simple, set the 3rd party plugin order with lower priority than Essentials.
+
+## Where to set SMTP credentials
+
+In Joomla you can do so in the `Global Configuration` while for WordPress you need to install a SMTP plugin, like [WP Mail SMTP](https://wpmailsmtp.com), and do so in it configuration.
diff --git a/src/essentials-for-yootheme-pro/v2.2/updating.md b/src/essentials-for-yootheme-pro/v2.2/updating.md
new file mode 100644
index 00000000..c94dc90c
--- /dev/null
+++ b/src/essentials-for-yootheme-pro/v2.2/updating.md
@@ -0,0 +1,38 @@
+# Updating
+
+Essentials can be updated manually in a similar way it was installed, or programmatically by the platform. When the latest, make sure to choose the right minimum stability, either Stable or Beta.
+
+| Release | Description |
+| --- | --- |
+| *Stable* | This release is a version which has been thoroughly tested by both our team and the community. Use it for production sites. |
+| *Beta* | This release is a version which has been thoroughly tested by our team. Use it to help us test and prevent issues in the Stable release. |
+
+::: details Joomla
+In Joomla go to the Installer Options in the **Global Configuration**.
+
+![Minimum Stability Joomla](/assets/minimum-stability.webp)
+
+**Notice** that this option applies to all theme and extension updates.
+:::
+
+::: details WordPress
+In WordPress go to the **ZOOlanders Settings Panel** in Global Settings.
+
+![Minimum Stability WordPress](/essentials-for-yootheme-pro/assets/essential-settings-wordpress.png)
+:::
+
+## Updating Essentials
+
+When updating Essentials v1.x to v2.x, or v2.2 to v2.3, plan carefully as those version introduce major changes and have specific compatibility with YOOtheme Pro. In order to properly update, follow these steps in the given order.
+
+1. Make a full, restorable backup of the site.
+1. Head over to _System > Plugins_ and disable the _Essentials_ plugin.
+1. Upgrade YOOtheme Pro to latest stable version.
+1. Upgrade Essentials to latest stable version.
+1. Head over to the plugins manager and enable back the _Essentials_ plugin.
+
+Thoroughly clear all caches, and test. If anything goes wrong, restore the backup and reach out support.
+
+## Upgrading Essentials
+
+The upgrade from Essentials Freemium to Premium version is as simple as [installing](./installation) the premium package without uninstalling the freemium one. The upgrade process must be done manually, after that automatic updates will take over.