diff --git a/src/Umbraco.Web.UI.Client/.github/workflows/build_test.yml b/src/Umbraco.Web.UI.Client/.github/workflows/build_test.yml
index 23e2c23745..f7b3170890 100644
--- a/src/Umbraco.Web.UI.Client/.github/workflows/build_test.yml
+++ b/src/Umbraco.Web.UI.Client/.github/workflows/build_test.yml
@@ -33,3 +33,18 @@ jobs:
     - run: npm run build
     - run: sudo npx playwright install-deps
     - run: npm test
+    # Uncommented since the github-actions-report-lcov also generates a html report
+    # - name: Upload Code Coverage reports
+    #   uses: actions/upload-artifact@v2
+    #   if: always()
+    #   with:
+    #     name: code-coverage
+    #     path: coverage/
+    #     retention-days: 30
+    - name: Report code coverage
+      uses: zgosalvez/github-actions-report-lcov@v1
+      with:
+        coverage-files: coverage/lcov.info
+        artifact-name: code-coverage-report
+        github-token: ${{ secrets.GITHUB_TOKEN }}
+        working-directory: ./
diff --git a/src/Umbraco.Web.UI.Client/.storybook/preview-head.html b/src/Umbraco.Web.UI.Client/.storybook/preview-head.html
index 62e8b25cee..e20ae776b7 100644
--- a/src/Umbraco.Web.UI.Client/.storybook/preview-head.html
+++ b/src/Umbraco.Web.UI.Client/.storybook/preview-head.html
@@ -1,4 +1,15 @@
 <style>
+	/* Make stories able to use 100% height */
+  html {
+    height: 100vh;
+  }
+  /* Make stories able to use 100% height */
+  body,
+  #root,
+  #root-inner {
+    height: 100%;
+  }
+	
 	body {
 		padding: 0px !important;
 	}
diff --git a/src/Umbraco.Web.UI.Client/.storybook/preview.js b/src/Umbraco.Web.UI.Client/.storybook/preview.js
index 179f32bb70..9bb86ac869 100644
--- a/src/Umbraco.Web.UI.Client/.storybook/preview.js
+++ b/src/Umbraco.Web.UI.Client/.storybook/preview.js
@@ -1,16 +1,52 @@
 import '@umbraco-ui/uui';
 import '@umbraco-ui/uui-css/dist/uui-css.css';
+import { html } from 'lit-html';
 
 import { initialize, mswDecorator } from 'msw-storybook-addon';
 
 import { onUnhandledRequest } from '../src/mocks/browser';
 import { handlers } from '../src/mocks/browser-handlers';
 
+import { UmbExtensionRegistry } from '../src/core/extension';
+import { internalManifests } from '../src/temp-internal-manifests';
+
+import '../src/core/context/context-provider.element';
+import { UmbNodeStore } from '../src/core/stores/node.store';
+import { UmbDataTypeStore } from '../src/core/stores/data-type.store';
+import { UmbDocumentTypeStore } from '../src/core/stores/document-type.store';
+
+const extensionRegistry = new UmbExtensionRegistry();
+internalManifests.forEach((manifest) => extensionRegistry.register(manifest));
+
+const extensionRegistryProvider = (story) => html`
+	<umb-context-provider key="umbExtensionRegistry" .value=${extensionRegistry}>${story()}</umb-context-provider>
+`;
+
+const nodeStoreProvider = (story) => html`
+	<umb-context-provider key="umbNodeStore" .value=${new UmbNodeStore()}>${story()}</umb-context-provider>
+`;
+
+const dataTypeStoreProvider = (story) => html`
+	<umb-context-provider key="umbDataTypeStore" .value=${new UmbDataTypeStore()}>${story()}</umb-context-provider>
+`;
+
+const documentTypeStoreProvider = (story) => html`
+	<umb-context-provider key="umbDocumentTypeStore" .value=${new UmbDocumentTypeStore()}
+		>${story()}</umb-context-provider
+	>
+`;
+
 // Initialize MSW
-initialize({onUnhandledRequest});
+initialize({ onUnhandledRequest });
 
 // Provide the MSW addon decorator globally
-export const decorators = [mswDecorator];
+export const decorators = [
+	mswDecorator,
+	extensionRegistryProvider,
+	nodeStoreProvider,
+	dataTypeStoreProvider,
+	documentTypeStoreProvider,
+];
 
 export const parameters = {
 	actions: { argTypesRegex: '^on.*' },
@@ -23,7 +59,7 @@ export const parameters = {
 	},
 	msw: {
 		handlers: {
-			global: handlers
-		}
-	}
+			global: handlers,
+		},
+	},
 };
diff --git a/src/Umbraco.Web.UI.Client/index.html b/src/Umbraco.Web.UI.Client/index.html
index 55a4b269e6..d71d6fecd9 100644
--- a/src/Umbraco.Web.UI.Client/index.html
+++ b/src/Umbraco.Web.UI.Client/index.html
@@ -1,17 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Umbraco</title>
+		<script type="module" src="/src/index.ts"></script>
+		<base href="/" />
+	</head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Umbraco</title>
-  <script type="module" src="/src/index.ts"></script>
-  <base href="/">
-</head>
-
-<body class="uui-font uui-text" style="margin: 0; padding: 0">
-  <umb-app></umb-app>
-</body>
-
-</html>
\ No newline at end of file
+	<body class="uui-font uui-text" style="margin: 0; padding: 0; overflow: hidden">
+		<umb-app></umb-app>
+	</body>
+</html>
diff --git a/src/Umbraco.Web.UI.Client/package-lock.json b/src/Umbraco.Web.UI.Client/package-lock.json
index 8d83549ccb..a606454122 100644
--- a/src/Umbraco.Web.UI.Client/package-lock.json
+++ b/src/Umbraco.Web.UI.Client/package-lock.json
@@ -10,6 +10,10 @@
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui": "^1.0.0-rc.1",
+        "@umbraco-ui/uui-modal": "file:umbraco-ui-uui-modal-0.0.0.tgz",
+        "@umbraco-ui/uui-modal-container": "file:umbraco-ui-uui-modal-container-0.0.0.tgz",
+        "@umbraco-ui/uui-modal-dialog": "file:umbraco-ui-uui-modal-dialog-0.0.0.tgz",
+        "@umbraco-ui/uui-modal-sidebar": "file:umbraco-ui-uui-modal-sidebar-0.0.0.tgz",
         "element-internals-polyfill": "^1.1.6",
         "lit": "^2.2.8",
         "openapi-typescript-fetch": "^1.1.3",
@@ -6044,712 +6048,780 @@
       }
     },
     "node_modules/@umbraco-ui/uui": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui/-/uui-1.0.0-rc.1.tgz",
-      "integrity": "sha512-jSe/XKCwsJAeDHKnnFAoG1rKOKKpAiLtRsyMDz+7vNGQ6MNVfkcSXzA2/XSmhf5clKtwagpxYYCD/sdxjkiL3w==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui/-/uui-1.0.0-rc.2.tgz",
+      "integrity": "sha512-w3XUzb0hxc294gqbOmhA1DEFI0iVEPkkNIXz8JCtUc2AAGrl/ffHsG/8QPw8Ikr/yoBCk1K+pm8M9pCx0Rfk+w==",
       "dependencies": {
-        "@umbraco-ui/uui-action-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-avatar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-avatar-group": "1.0.0-rc.1",
-        "@umbraco-ui/uui-badge": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.1",
-        "@umbraco-ui/uui-box": "1.0.0-rc.1",
-        "@umbraco-ui/uui-breadcrumbs": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-group": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-inline-create": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card-content-node": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card-media": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card-user": "1.0.0-rc.1",
-        "@umbraco-ui/uui-caret": "1.0.0-rc.1",
-        "@umbraco-ui/uui-checkbox": "1.0.0-rc.1",
-        "@umbraco-ui/uui-combobox": "1.0.0-rc.1",
-        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1",
-        "@umbraco-ui/uui-dialog": "1.0.0-rc.1",
-        "@umbraco-ui/uui-dialog-layout": "1.0.0-rc.1",
-        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.1",
-        "@umbraco-ui/uui-file-preview": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form-layout-item": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input-lock": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input-password": "1.0.0-rc.1",
-        "@umbraco-ui/uui-keyboard-shortcut": "1.0.0-rc.1",
-        "@umbraco-ui/uui-label": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader-circle": "1.0.0-rc.1",
-        "@umbraco-ui/uui-menu-item": "1.0.0-rc.1",
-        "@umbraco-ui/uui-pagination": "1.0.0-rc.1",
-        "@umbraco-ui/uui-popover": "1.0.0-rc.1",
-        "@umbraco-ui/uui-progress-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-radio": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-list": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-data-type": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-document-type": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-form": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-member": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-package": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-user": "1.0.0-rc.1",
-        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.1",
-        "@umbraco-ui/uui-select": "1.0.0-rc.1",
-        "@umbraco-ui/uui-slider": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-lock": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-more": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-sort": "1.0.0-rc.1",
-        "@umbraco-ui/uui-table": "1.0.0-rc.1",
-        "@umbraco-ui/uui-tabs": "1.0.0-rc.1",
-        "@umbraco-ui/uui-tag": "1.0.0-rc.1",
-        "@umbraco-ui/uui-textarea": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification-container": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification-layout": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toggle": "1.0.0-rc.1"
+        "@umbraco-ui/uui-action-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-avatar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-avatar-group": "1.0.0-rc.2",
+        "@umbraco-ui/uui-badge": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.2",
+        "@umbraco-ui/uui-box": "1.0.0-rc.2",
+        "@umbraco-ui/uui-breadcrumbs": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-group": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-inline-create": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card-content-node": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card-media": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card-user": "1.0.0-rc.2",
+        "@umbraco-ui/uui-caret": "1.0.0-rc.2",
+        "@umbraco-ui/uui-checkbox": "1.0.0-rc.2",
+        "@umbraco-ui/uui-combobox": "1.0.0-rc.2",
+        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2",
+        "@umbraco-ui/uui-dialog": "1.0.0-rc.2",
+        "@umbraco-ui/uui-dialog-layout": "1.0.0-rc.2",
+        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.2",
+        "@umbraco-ui/uui-file-preview": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form-layout-item": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input-lock": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input-password": "1.0.0-rc.2",
+        "@umbraco-ui/uui-keyboard-shortcut": "1.0.0-rc.2",
+        "@umbraco-ui/uui-label": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader-circle": "1.0.0-rc.2",
+        "@umbraco-ui/uui-menu-item": "1.0.0-rc.2",
+        "@umbraco-ui/uui-pagination": "1.0.0-rc.2",
+        "@umbraco-ui/uui-popover": "1.0.0-rc.2",
+        "@umbraco-ui/uui-progress-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-radio": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-list": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-data-type": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-document-type": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-form": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-member": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-package": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-user": "1.0.0-rc.2",
+        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.2",
+        "@umbraco-ui/uui-select": "1.0.0-rc.2",
+        "@umbraco-ui/uui-slider": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-lock": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-more": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-sort": "1.0.0-rc.2",
+        "@umbraco-ui/uui-table": "1.0.0-rc.2",
+        "@umbraco-ui/uui-tabs": "1.0.0-rc.2",
+        "@umbraco-ui/uui-tag": "1.0.0-rc.2",
+        "@umbraco-ui/uui-textarea": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification-container": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification-layout": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toggle": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-action-bar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-action-bar/-/uui-action-bar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-hMUvDK427pP+WpVoI73gjcOXoOYrLzRQUjD6XaoajXzl1C7Mdv0GseJ9kZbDh5pL+JOTW5R4VA4C12nxT4vSfA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-action-bar/-/uui-action-bar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-/F1QwRDyKuKs1LFdXlg5dMp8S/Qf/dCbEDMFvFchUlQGSKkKnFyhVt3B0GaWQ6SK4HJHXd4ZkijD3hM08aTW6Q==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-group": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-group": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-avatar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar/-/uui-avatar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5pFvmP/rr9DTEAKT61GY/30+H6NH/VFGCbHKZID0NbWDgd7ZOVAMY9qGgp+G/mRbPGRpNU4hIfA9pFNTCOXUyQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar/-/uui-avatar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-8TCVhe4bb+W66AdqlAJqO4z8eNIYL+OrJmbSKox9Wol2v9jSZ7ZsasF2eSFU5DY/5uMbbynE+gHe/0/v9JPhYg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-avatar-group": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar-group/-/uui-avatar-group-1.0.0-rc.1.tgz",
-      "integrity": "sha512-oCLL+a5eyCdqHIfecOSzfmHa61oHool950i+X7vNKaNJj47TlFIJoUb+AVrbsmqqTmWr275JqVl28yuTRgb3Aw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar-group/-/uui-avatar-group-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0bdYCGOTYAsZoTApaNB3SzN2dC2BZnLi71DjNyObB42J167Xgni9HQXheBKqLfCpzzYwaqIxyUZHFnHJFlqirQ==",
       "dependencies": {
-        "@umbraco-ui/uui-avatar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-avatar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-badge": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-badge/-/uui-badge-1.0.0-rc.1.tgz",
-      "integrity": "sha512-XIwuAbiFkQM5eXmhsnFls5XbVFBVL9hgHpgQ1YprievJhYnv6yoUzPgk1ITqp6gbhRQ/oDdx6AETVHgcuZjv2w==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-badge/-/uui-badge-1.0.0-rc.2.tgz",
+      "integrity": "sha512-zhJXW7LpizvkgXYo29qVk3LReReXaRtRA0F4UD55oedAj57mZWkRYwICZoEhyRVvU6y9QSNsHX7ANO3r+8ma3A==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-base": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.1.tgz",
-      "integrity": "sha512-4qBS8YpIGtukqLroFbl4/2JRLcBQLBxc64kZq4pqTadbXgwoZ4m61x31N4gxtVQihJ2QT3Gd6y2AWn5ORP09Gw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.2.tgz",
+      "integrity": "sha512-WK6JR6LmjP834jv120BoPM/7g5TurvwjVom9BfTHwyR1/kLYAawvyYe2LQQpLw6tACBsbHdmDIu7qCdhcgCkXQ==",
       "dependencies": {
-        "lit": "^2.2.2"
+        "lit": "^2.2.8"
       }
     },
     "node_modules/@umbraco-ui/uui-boolean-input": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-boolean-input/-/uui-boolean-input-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5XvGOoEdshgd0gkUiZhPqDj3A74R26PWA77ZE99OLfnF168NswhItFKhdSf0GSl7Cv06n3tt1Psee70UYIULUQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-boolean-input/-/uui-boolean-input-1.0.0-rc.2.tgz",
+      "integrity": "sha512-mNbSFh3SHfK2zshzFjT75iJsu0iV7b8MZ+9BOKQtlXTY+OrVIZ7p1olf1ZOpcf7RSmi4I8oPhoJKLt6fR6ZDxA==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-box": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-box/-/uui-box-1.0.0-rc.1.tgz",
-      "integrity": "sha512-TOp03GUc1RUgp6Vx8XyvmWHU6kldnThMELDU2Uplw6bWdonmK9eaRp/PUWvnY0IydQykeCXAvd6ae/2bhCVD7Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-box/-/uui-box-1.0.0-rc.2.tgz",
+      "integrity": "sha512-SmKmfLT2a8TUKEuuenBKCCKxL2ZeaOzFPm90AVNBc6i/aMEFV+Smzkwqs8CQb19XHJ9Etrd8DTmCzHIRsLKcXA==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-breadcrumbs": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-breadcrumbs/-/uui-breadcrumbs-1.0.0-rc.1.tgz",
-      "integrity": "sha512-IJOqy9I5zCeY+JRnY3rbQ1aCi+CmoNXlBiHgByRMbsCH0U8pVwUnYLSERS7ZGsOXS+b3d9SCcgDjtXW3IYlksw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-breadcrumbs/-/uui-breadcrumbs-1.0.0-rc.2.tgz",
+      "integrity": "sha512-t8HtDtTHUZnF8vqtT79rOzCLcG3bTVyz/nYo+K+MxqUffmE8ua79L45S5bA+j5mJDUICKsoKJRN+07Z7jK6LFw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-button": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button/-/uui-button-1.0.0-rc.1.tgz",
-      "integrity": "sha512-nTPakI83EFl89naxiQx6qrkNcK8T4zIA8Oii6Qu7Uz0RArNxCG7WvKHotOmlUN/TfpBV8qc8vzrijBUbSJsnMw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button/-/uui-button-1.0.0-rc.2.tgz",
+      "integrity": "sha512-UByt2G3PRjO+JmHJ15YWCBnWVs5lul+/ffd7Q9XrecWzKtu4WHI3Hha6jvF97fBQqEmD/LPi/WMahKjFlnBhlg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-button-group": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-group/-/uui-button-group-1.0.0-rc.1.tgz",
-      "integrity": "sha512-hv30ylVSC6+TTXM3UQ0NgBkPNUTOOMU4vZZbCyDyKVKrlvxT0KvVoZ0tOU9y1o25ZLhlu9XF/mVoR/y52ohybw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-group/-/uui-button-group-1.0.0-rc.2.tgz",
+      "integrity": "sha512-SiWe555xt4NBimwdVqbIJppGRk3vloujy90hYfC4zpfROygWELr5GFNtKIOMHFWam1qrMfam3wZ7G1Az8HszLQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-button-inline-create": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-inline-create/-/uui-button-inline-create-1.0.0-rc.1.tgz",
-      "integrity": "sha512-X2xNX0wqPFGPKQs3Fgc7/nrUs0uWdS8XGd/7fWpZ0j0uqZBTep71Fo7kJg3MF21MwHydA2mbucJnaNipp560Gw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-inline-create/-/uui-button-inline-create-1.0.0-rc.2.tgz",
+      "integrity": "sha512-VhJSAojzbfpXTfm3BuvdfSVpnEX0WTg9cyP/GpzixLQSTs2z5+gOU1t9fWratYfN7S322xCymTUrLka3f9YcTg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-card": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card/-/uui-card-1.0.0-rc.1.tgz",
-      "integrity": "sha512-ti9VTFKDutCUcX/wiPexCPSbSAVxw9R2MbdidbJSUwnmZDlj/2VCrEoSTG1lCelOhSKlU1/mbr9PR7BR8ca44A==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card/-/uui-card-1.0.0-rc.2.tgz",
+      "integrity": "sha512-AjLaxVFzjzsSBlo2zx1eOCifqY41HMgCEcVwwB7qfrrTDwSq1UTNmZR6krHdTRlyAMX8YWm+96CrGpDjM1n3Qg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-card-content-node": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-content-node/-/uui-card-content-node-1.0.0-rc.1.tgz",
-      "integrity": "sha512-rwji0xltvcljhX/wvpAGcmE6q9BpHg6QNV9iCBNRdXvI2sq3mQE5bYkwXQB+/4rPWE17XUpj4I6B+3ns12f4dQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-content-node/-/uui-card-content-node-1.0.0-rc.2.tgz",
+      "integrity": "sha512-XvbCfMWtqe5UinMDD/txvZbOeDRTTnhd78FLIFlxsoXZUFzzANZw3I8U5RuzVre1UMIRPBXXH8CY+20nZzKuQQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-card-media": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-media/-/uui-card-media-1.0.0-rc.1.tgz",
-      "integrity": "sha512-3/O84di4RVxWCbMQ1yTnlwlczV5JZw2ehC5eOh1v90x7RT3VzACLIT8/DC5JlpGrhx89sYhIRfypT2HZDj5AxQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-media/-/uui-card-media-1.0.0-rc.2.tgz",
+      "integrity": "sha512-lmLFPQHmxEjT7YVWYH1JLPe/iBF9xDECqUCn+xvyMDk0FXpxEiooDrRf5+kP0qrlGMCOTstHA//MfPGqgW3ZXw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-card-user": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-user/-/uui-card-user-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0g7Sg03srJ3DvQMurafWhRAPyrqoq6PvQV2zID0LOnUpfKIx03MsPu8ws/slp8j1eK1oL/BV11UvO3qkxo/GQQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-user/-/uui-card-user-1.0.0-rc.2.tgz",
+      "integrity": "sha512-oOazTjHFP6kbtkJutditkHHtxBWW1g//pgE81WhUcf4Dby/4x8FfWQ8HCTZGf56+9p3VV3MP2Bm4QJvXWAaDmg==",
       "dependencies": {
-        "@umbraco-ui/uui-avatar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1"
+        "@umbraco-ui/uui-avatar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-caret": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-caret/-/uui-caret-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Bl6LhrNllr9oj+/C802DljZIn1ySdBgczPitoVd8gKO9gUnDVYQau+FT7BhMCQRx81FTYKQOEX96BxXFYzd9OA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-caret/-/uui-caret-1.0.0-rc.2.tgz",
+      "integrity": "sha512-ATEV85ersPgI+S8PMKq+Wbgi7iQ7ikkVGt4ydj4Xri3isKnDbNfzqmt9qAaADBZvVNiyFO3xCfgKqSKqOKNpbQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-checkbox": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-checkbox/-/uui-checkbox-1.0.0-rc.1.tgz",
-      "integrity": "sha512-sHGKzPPkJ1lGA94BkumOWSEIysEZfidjgGupE++15pEzEdfa4QsrW3agA2XHhiOPImpS1NqXkTbDjkJ8tzC3ow==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-checkbox/-/uui-checkbox-1.0.0-rc.2.tgz",
+      "integrity": "sha512-mkpOLTmRWOd6COk+MC5Ae70EhUTfsAlO/AB8WXwnVvdemepb/3eqtw0fTphpmQ3HQf5K3+soc7nf14EBOijMLw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-combobox": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox/-/uui-combobox-1.0.0-rc.1.tgz",
-      "integrity": "sha512-kYNwnsXbraJcLttGlzdUezlog9SWg2Pt1D6JFd1au4ntCkHIwucNDroKzWIjrTEBb8xqPdYVhqo9OraH2bRh+g==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox/-/uui-combobox-1.0.0-rc.2.tgz",
+      "integrity": "sha512-2atsd1OKnFK7XbBnIbK+CF/ZEkz/N+Q2GhoH7oLpJ/v9X6ECEzWAVoQfG7gf7fANBt8y0eKxeyueN1hwBoEp/w==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-combobox-list": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox-list/-/uui-combobox-list-1.0.0-rc.1.tgz",
-      "integrity": "sha512-i1mc/HtEqlYLfy3EBhk9MZngpYr9shPEkvrT2PKO6PzdJdMbbczCrwB1Pb8YgpK/VcvaBGEQQdC1DSDKo5uzZQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox-list/-/uui-combobox-list-1.0.0-rc.2.tgz",
+      "integrity": "sha512-QnQ1QA9tWcGfyIELTeI8eoAq6+0BGdJgatjrO/HcMQIbeYa6RSg3k7qWWCToGY9IjSFn2xS0zGbmExwENesmLg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-css": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-css/-/uui-css-1.0.0-rc.1.tgz",
-      "integrity": "sha512-ERLzyNYNNURM/TPfePuA2QkvHbp/ihps1lvMjmdT4au+N7lKN6cNOYPL4WDXkLtQfIsrABTBhv3gs9aFjkUGUw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-css/-/uui-css-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Xwg1aePsDQyQp4iyUCCCH6AIqixeh+okLWaBQMvHg0UnEwcXDOrZgwBYm7ZYw5KSc178klUeqInwCe0BPXtuMg==",
       "dependencies": {
         "lit": "^2.2.2"
       }
     },
     "node_modules/@umbraco-ui/uui-dialog": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog/-/uui-dialog-1.0.0-rc.1.tgz",
-      "integrity": "sha512-msWtzrUPgr2E1T7+akPZPDxB94xSi2/Nd1jcsfOn4JzDKeYdgbsm6EkDE/W1eMol4HbJkmQKwC/HnMGQ25X1BA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog/-/uui-dialog-1.0.0-rc.2.tgz",
+      "integrity": "sha512-F6yM/4CucA5kPchZkNc0ZDSYWwh/VUI04mtOFPTbIJsXiO5CEr5USbtWEs5jSHqaieth+d5jUPF3szY/OHLk+Q==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-dialog-layout": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog-layout/-/uui-dialog-layout-1.0.0-rc.1.tgz",
-      "integrity": "sha512-pqB/l8r4jdMHkgPutfiEzFzgb73F28y0QRz9MF0evgJXUCVfl3UGf7a3d5gPNY8PEEkiITMMW3jnnww3f+kfiw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog-layout/-/uui-dialog-layout-1.0.0-rc.2.tgz",
+      "integrity": "sha512-L6d5sAQ44Tq/KJjqpeZ1rzArPRO7ODA5l7GknxUcU7Ar8Q852yZg5cr4FFs1qPT1ERMr3kFU/A+TnVFx+fzBmw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-file-dropzone": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-dropzone/-/uui-file-dropzone-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5PxnHycG6mH2FK3ZRyxrnmg1jmNSiQvdVWc4U3t+d4Xp+JoYVhveqomMXYb2SW+S+yzxmMFvXkOVoabx9W5nmw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-dropzone/-/uui-file-dropzone-1.0.0-rc.2.tgz",
+      "integrity": "sha512-OPj86OSEXltsQj6KKvo6iKTMf3npLa5sQf4lj2JdB0XxlJdkwohrSf7RpeYIKLA8F4hT+8mRcAkjWqRlWucgLQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-file-preview": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-preview/-/uui-file-preview-1.0.0-rc.1.tgz",
-      "integrity": "sha512-jTUttqDf6VONsXqepaWAA0bbQUZRkSLHlcixgAurxCVSZWeqfUayaoQKL8v77CVpTLc7B/3xwMqTTuf+csWfDA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-preview/-/uui-file-preview-1.0.0-rc.2.tgz",
+      "integrity": "sha512-thg3pdtFxrH7vWBQy4793RIB27R2uHXOp4qrJOOEVKM6+lQY03oVGnKtSI3vQ+6NTqrVfdEDj8IQd1w6kdKjRw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-form": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form/-/uui-form-1.0.0-rc.1.tgz",
-      "integrity": "sha512-HBWOENJnwsBMYwAe4JAcvOBEms06KfxVZJ1rpImxUlqHT2qz+319nSjF6qNS2l0GZrXoM8jtHRImwys8JBXNYA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form/-/uui-form-1.0.0-rc.2.tgz",
+      "integrity": "sha512-G2m0tu/o6D+L3SSDYL9HOwEsClJOZcRRwaJqrHowSx4DvB3acDFYfm+t9V5GRa/y1wcXC9tXliWZpvbHdQaQjg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-form-layout-item": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-layout-item/-/uui-form-layout-item-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tIDcvNy0b8q+ixwzFlFVU3gXB4UTDBDcOnsDcmghyehPOuxGw9CWHWCOIHY+BlrZNh1b1tv6w/m/YlKcTfafrw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-layout-item/-/uui-form-layout-item-1.0.0-rc.2.tgz",
+      "integrity": "sha512-eOyhfHTED1eo4MJ3Ty1DqZdS/HWFbHTqAbFmT0rbffc6QERHuGmtwdAjQkFm4RAQo6NmWp/wqfAE3HFgxYMX2Q==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-form-validation-message": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-validation-message/-/uui-form-validation-message-1.0.0-rc.1.tgz",
-      "integrity": "sha512-igaE9XFCCfHgYCFr+NI4UvnHKHijrVoTYe7apffunie8QmiD5it+NDYE862h4/kjeYG6KcbmHCzVquROZN/zSA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-validation-message/-/uui-form-validation-message-1.0.0-rc.2.tgz",
+      "integrity": "sha512-5yH2TzAk0ucJue/5wXRShXfQ68ur7MU6KbPHFmrQTNFR69MPVOHEiCIXvWN4A0uODhJlzdrKzfxbbrNPvSpGMg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-icon": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon/-/uui-icon-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0WkO4mcraT/Bvwr0ndfqh6faMm06eVHXeHkTqmE+lWVQCjJfNxd++byaUiULAiMnexVvin/N3ZVV/lTSLcrNAg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon/-/uui-icon-1.0.0-rc.2.tgz",
+      "integrity": "sha512-aIcW6OA91fuBvX7nDBafTLOtMJ+L3c9t3Dp+6psbvvu1JCxaoNG7J55KstOkDfyeKWglAFxSq9xxDM43D1QEWw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-icon-registry": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry/-/uui-icon-registry-1.0.0-rc.1.tgz",
-      "integrity": "sha512-OIUiCscGCrRqqFE/xSYQqCRBpaMAQqxqhQR1pG+KUKK9sLrfVTceZ79VIJjd9faUfwxlyDbzaaoGbnk2U9od6Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry/-/uui-icon-registry-1.0.0-rc.2.tgz",
+      "integrity": "sha512-ePbqQVv3Kr8+toHw0MBMd+zBnMy1JjJROUWb4coVFEiJSx2Apt0nmpu5nKnizj/GCwp8pjjQ6juhrCR+2PCc5A==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-icon-registry-essential": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry-essential/-/uui-icon-registry-essential-1.0.0-rc.1.tgz",
-      "integrity": "sha512-FUACr2Ht/Y7ADYKz+0qgLDQ0zIKmfP+g5WLH5LJAh05iYyZ9jS6B8g1G9zFFujHZVJq7VhWj7Q3IHaF/ArQ1nw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry-essential/-/uui-icon-registry-essential-1.0.0-rc.2.tgz",
+      "integrity": "sha512-7/ZP/27o0XcKmjLN/kKoPnf3P+cOBofG0gjA5daeFuQx12lda7y0g+2hq2bc8No2sb85n5b9ROMaLAW8+QB0Qw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-input": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input/-/uui-input-1.0.0-rc.1.tgz",
-      "integrity": "sha512-NPNt5LfwKQ674Esir8ES/XZ9Gf5ilxu4HlRklGl1VKz3P1bZWSrRDh+2rHQuU5V4NqgxOOwPHcqWCJzAdSfIWA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input/-/uui-input-1.0.0-rc.2.tgz",
+      "integrity": "sha512-rdK8yKjLzhe//OCnjBKU5snpU/w53+HZadvdHD1aTgWTZEZ4Vw7/W79eLHlJlGv4degVN03jme2gH4rq/ExqrQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-input-file": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-file/-/uui-input-file-1.0.0-rc.1.tgz",
-      "integrity": "sha512-RzomAeN+5AGrrAKr6QbMJwidmH5JHeI7mYATaIqRrGZ+D9HhBluaevVVRiEZWEN050yYakhKmkn4XI1Sc8QaIw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-file/-/uui-input-file-1.0.0-rc.2.tgz",
+      "integrity": "sha512-FIjo3JhZFleeDzxfuHk5s1CMiVYp5PI6urnnCXw2kfNKkdbdtm5FINTgZ6DkqsntaRYcrSX7ALP6sVEUyY6OEw==",
       "dependencies": {
-        "@umbraco-ui/uui-action-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-action-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-input-lock": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-lock/-/uui-input-lock-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tHVK/9FYFKKOlfy7VnWkOGEKPr5BF6hV/wd09Ae4hmZeQ47gboWe+KyfDNuSxyBOBjin0FoLNsoJ0k73VzZjUQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-lock/-/uui-input-lock-1.0.0-rc.2.tgz",
+      "integrity": "sha512-aeCwVJ3yIafYziStYJy/8C8DufvdP+jEqxjMYGCLfoIxEij9jTYV9cyWFh0x/5jJw+wdX4ZsMBY2ySWwbLHPjQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-input-password": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-password/-/uui-input-password-1.0.0-rc.1.tgz",
-      "integrity": "sha512-h/UtUcY3l9hnj/v1wdwWE5KhHJX3y/vZ1grBEE7pAILXNSDoWzoVOzQOfEl+ZuZS0VUnEJ9+ewk68gFeRR3gQg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-password/-/uui-input-password-1.0.0-rc.2.tgz",
+      "integrity": "sha512-/gHYnaSaJrBRg38TLVkRGPQD9i/PoY0RQS98KgYVIkIyqzxEsRavFB786UWxH034KJhaGegz61WEwRo8CcOOxQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-keyboard-shortcut": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-keyboard-shortcut/-/uui-keyboard-shortcut-1.0.0-rc.1.tgz",
-      "integrity": "sha512-klZbth1Xlr+Ayn1iX+1TQkAcMkPitXpnyEr6eIku7+AYNpCmUDjJRZY3C8TjbyyE1gKc3xs9ps70TcOcOl6KXQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-keyboard-shortcut/-/uui-keyboard-shortcut-1.0.0-rc.2.tgz",
+      "integrity": "sha512-2fGB8935Pj+hQo7ITCzaufCcMG6pgFHMMpxBaQCF1AzpULMLHl/V3NEqE5ZUcQHD+5RBgF7SqkjVFJnQ4AwVZw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-label": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-label/-/uui-label-1.0.0-rc.1.tgz",
-      "integrity": "sha512-MoPkkbI7F6BJxaFzQJYJbks7F2QnAAVa3+wVS/z1/4qslbwIjp7IjRmR6qDwQhVuaBRBqmWmCz85KeF35XWMHQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-label/-/uui-label-1.0.0-rc.2.tgz",
+      "integrity": "sha512-dwhEAF8pD1Zt50VgxSeBae+5pmDcJLyOHz2O3X1w7umfI/ivd4pzxiNyHzq/ofKP3EM+rSMXS9YnkspkCqzg3A==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-loader": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader/-/uui-loader-1.0.0-rc.1.tgz",
-      "integrity": "sha512-YOiZYpmm/b+5dn2u5hdngd7cpyhS2jVjxyGi/P/2h8FpXE3a/k9hlpMzfzByq+pBssTyBhgZoPkHn/ZSnyC+KQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader/-/uui-loader-1.0.0-rc.2.tgz",
+      "integrity": "sha512-lyMYVWBojmMuhLF09tqjLbVKCbW7YX+c73FiKJTUplniUr2lLiZpGJ07dZgCy0XZ5i9upQdPgSc4ErPFqnJ5sA==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-loader-bar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-bar/-/uui-loader-bar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-7IeCUU+/lDDmIs5Avqf1yFq5IBeMNel+wAZb87iwXSoG6Aq8Yrnq76jMenh/YweadGuV6c33RyhsXmUpo5YkoA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-bar/-/uui-loader-bar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-GTp63bEMY13s1WXV6y9Oh9eM0wtSayoP6yuTk8Jkt23Z/G6UzixWXuhRVfM5foNbadOGnWkU6ZcnskwrUUfE2A==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-loader-circle": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-circle/-/uui-loader-circle-1.0.0-rc.1.tgz",
-      "integrity": "sha512-p2gCxWi1SlanMfw8LrBFBE45Li5NPkbIJlFCe/Nqq8xX6Vvr2DiDpeAGKlcGPyWYV2nIXD9FLyGYMMcTu3nIOw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-circle/-/uui-loader-circle-1.0.0-rc.2.tgz",
+      "integrity": "sha512-cDen8LN3FZKP7cX0CyxzRVzvB0TmSiLUQUZzG1JAvypoqRiITXk5+oM6jC4mhgYzeQOM+B/gPOEpUbsqoXpgMw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-menu-item": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-menu-item/-/uui-menu-item-1.0.0-rc.1.tgz",
-      "integrity": "sha512-UirgUfd4Uea0YzA9S+oxuYj2R8wIP9uNRpZyfCvI7cOCszva0o459sU8AU/wCMyokF+g2YmrvpU9GDs+XG/GSA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-menu-item/-/uui-menu-item-1.0.0-rc.2.tgz",
+      "integrity": "sha512-ZIY6t2S0hvaBh5WFB43Uh/USf0xHH1a3LV6YcP3gyB7uanGSJSFpFULmGenEKzvbc1j4q9dn/8U7Pp+hLjsXuw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.2"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal": {
+      "version": "0.0.0",
+      "resolved": "file:umbraco-ui-uui-modal-0.0.0.tgz",
+      "integrity": "sha512-BYfbO5UocZrtj8t1Baox3ivldbNyoKugZGvwKXl0XZ7FZVGvAMrVmzZSI6KtEvYl9Jey/I8VqkZh30QBflEM0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal-container": {
+      "version": "0.0.0",
+      "resolved": "file:umbraco-ui-uui-modal-container-0.0.0.tgz",
+      "integrity": "sha512-nsw2fkpOnG7pU+TqDZqXF57eNw2a4zIyN1TllVNEU4tdPrF5c4vTyIzE5O6Flsu8euCVruDZepo9SyLTm6jnew==",
+      "license": "MIT",
+      "dependencies": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal-container/node_modules/@umbraco-ui/uui-base": {
+      "version": "1.0.0-rc.0",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+      "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+      "dependencies": {
+        "lit": "^2.2.2"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal-dialog": {
+      "version": "0.0.0",
+      "resolved": "file:umbraco-ui-uui-modal-dialog-0.0.0.tgz",
+      "integrity": "sha512-hv3LQ/kzTZQMMXDt8NM5ZJTIsEYof5zKx9VFxbUGnhJhNRLeJ4bk9suWVl8h942VsOJwR+NbXzOs4XTIqXb9MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal-dialog/node_modules/@umbraco-ui/uui-base": {
+      "version": "1.0.0-rc.0",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+      "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+      "dependencies": {
+        "lit": "^2.2.2"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal-sidebar": {
+      "version": "0.0.0",
+      "resolved": "file:umbraco-ui-uui-modal-sidebar-0.0.0.tgz",
+      "integrity": "sha512-qQTO/YD3wzACmHf6QVW5c2smWMPougDwyKLV6Zku+QdgeZleS1ZiR/AvqHVHiRjuQ84ZhKyBl4H1IcYnAMntnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal-sidebar/node_modules/@umbraco-ui/uui-base": {
+      "version": "1.0.0-rc.0",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+      "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+      "dependencies": {
+        "lit": "^2.2.2"
+      }
+    },
+    "node_modules/@umbraco-ui/uui-modal/node_modules/@umbraco-ui/uui-base": {
+      "version": "1.0.0-rc.0",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+      "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+      "dependencies": {
+        "lit": "^2.2.2"
       }
     },
     "node_modules/@umbraco-ui/uui-pagination": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-pagination/-/uui-pagination-1.0.0-rc.1.tgz",
-      "integrity": "sha512-TMge8lfc/8YyIkU52C5T4A6IJHEnVbBF/iyXeLg+ohrOb7+DySXEiUoIsPQvErMBWL7Ov/mjMmg1KBw5kTUYeA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-pagination/-/uui-pagination-1.0.0-rc.2.tgz",
+      "integrity": "sha512-1ZkYuF2BaCdLOmLP5kyt7V9KGHSmqFulbTnaAyZLDX/L/+9sky7kGMc+0R81fE24RUihbAc7eZ87lgM4tWRlFw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-group": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-group": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-popover": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-popover/-/uui-popover-1.0.0-rc.1.tgz",
-      "integrity": "sha512-qBRhTHWidKn32gCG00lRvhJc93zAJVgIe419M97EjP34HGBi+k+31UejG4SyPm8YnD5TEY3BiDtQQkmzlqKygA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-popover/-/uui-popover-1.0.0-rc.2.tgz",
+      "integrity": "sha512-m4hNKO1T3FVty2ngwIxrv9AgUthMzi0VPQaU3p2P4EzCDLDaqsnfdyknvjmxKiyIFYGNeNFicvkFfXSFyzXvsw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-progress-bar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-progress-bar/-/uui-progress-bar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-zvf7lwJu3eaBsCj6ByTlv/iHg3ME8BOXAwGe7drzmRfPUgwd5YWjUbe3No1fUR3HdAuqI27isYSAlCIsW6xn5g==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-progress-bar/-/uui-progress-bar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-pxBE3Dz9rwZ+9SzKFn05BnWXqIRt7RBGyG9hvqTHSnDWX6+rFnQRv5L3hxg83Xz/WcFHrm/fHYOc6EWZqNUuug==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-radio": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-radio/-/uui-radio-1.0.0-rc.1.tgz",
-      "integrity": "sha512-i+f7nTazWnTNhpXnRdY+3u+JClr8sGmXyHRhXa6G0xWveRl0s1+wwLRupqxdhG5Hkh7SZgU7BfOn+h8IM06TRA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-radio/-/uui-radio-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0JKY2KmO7GHlH8fHk2amYY5h6BY48oVaIZ25ex2vRwB1WYwdpBnGItlsO2n1+022zwkStUbCNQqDWuhMru1LIQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref/-/uui-ref-1.0.0-rc.1.tgz",
-      "integrity": "sha512-DthAk8X4Ri43CuRKlxhKgc8Lbn0a9FDTiVA2r1GXAxyThebM6uQO+XIJkiiqmfI/JJf/c9CFnuolzLrzFR6gKQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref/-/uui-ref-1.0.0-rc.2.tgz",
+      "integrity": "sha512-D5U6JDtLS0zYBI+6W92ZbR4g1Ve0lLbrnsBZPBV+1hBmqPI5ecyja4ay3Gchu2RrmCniI8l7Itx29t2srZ+llg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-list": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-list/-/uui-ref-list-1.0.0-rc.1.tgz",
-      "integrity": "sha512-JFlk3lErz6Zs08DG+JHsbIPLCawiiqoGnOwaEJRCdsXlp89wljm0fpHTxYNrc0wGr9cmpEoxcwYh/ma4BqIqaw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-list/-/uui-ref-list-1.0.0-rc.2.tgz",
+      "integrity": "sha512-hBMjIkOwWnzIkcSNxMyurBxfim/EG9gFDAlS6oLoPQWUKsxBVJVbppJyDo9/ATMMHTG5aiQ20f+PR4Z7oCkb8w==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-node": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node/-/uui-ref-node-1.0.0-rc.1.tgz",
-      "integrity": "sha512-8G/dUXNHuUDkm5kTvrcMUL0X/FVtUIeDipzrHAPQuRKRpMmTdtTyUgsxIt6+bTfd79sZ4WoQFESzsqByW27AEQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node/-/uui-ref-node-1.0.0-rc.2.tgz",
+      "integrity": "sha512-BqoyDI35xUH4vKrg0g91wx/nvvsbVgPDP6QMDM99ipDfBPoxHjK69L4aMkFJt13Vw5Af+g0PXAdsnBBGTkSJ1g==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-node-data-type": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-data-type/-/uui-ref-node-data-type-1.0.0-rc.1.tgz",
-      "integrity": "sha512-V1dB4Gw+AIjHeHH4v8ofuxglG8GcKvBiKivv+gnbxLgykV52qb/1TZVMZzuAbghpJ8Z2JxzT0VRaYh3O5iiTtA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-data-type/-/uui-ref-node-data-type-1.0.0-rc.2.tgz",
+      "integrity": "sha512-WHLiTmqj34RXIUbG5cjflPaKZbcOMXw4KFFPnyuomaTxrVduMASUw0KVivN1FGXh0YJ6kYRh+Rb9sDPsqsHqIw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-node-document-type": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-document-type/-/uui-ref-node-document-type-1.0.0-rc.1.tgz",
-      "integrity": "sha512-T+SHfvZqfdZPRP87n5Dce0XLMBD0kErKXVLEEfPO5eU87xSzB0N3DxKTwUPDFassuaTJg+LQUXcsdZVS3eTLAg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-document-type/-/uui-ref-node-document-type-1.0.0-rc.2.tgz",
+      "integrity": "sha512-UuR2YiQJsjd2oe87TXQj2b3pGKkXK/oRBETG4F+gOFOf7g3dl2Qp6hK4o7C1Yihtk/CxfaMGJBJ5YQsStD6Vhg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-node-form": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-form/-/uui-ref-node-form-1.0.0-rc.1.tgz",
-      "integrity": "sha512-WAiBmCSJfboi1fZvVz7IuS2BgZ4nmJ3sZlmXDez09HpDvVoJD+FMenCjOAlp7NFFBlfVRO7vCbilMClZ8IVyvw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-form/-/uui-ref-node-form-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Po1BW09I3E7BZ21HLLJGt72/rlTWsHhLtZInjmf82Ca3ZmU43XrzCL5Dq/NbLXcSnZh7pw2YhjWtssllJf21Gg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-node-member": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-member/-/uui-ref-node-member-1.0.0-rc.1.tgz",
-      "integrity": "sha512-3Xb3tBfx+fWml29JNDJlWMpXOfFIL9I60LLq7veAyFewXNZ2xXam95DQcSi842W+9WLryOYOyRPL3YoY0MfmOQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-member/-/uui-ref-node-member-1.0.0-rc.2.tgz",
+      "integrity": "sha512-7YWHvsS6CZzULrm5w+Eq+h+gC77o5I0BizLC8CXeWhHkM81aOfxIHa/1eOzsEATqmVmfkjqEFzqu9g+yU2Eoew==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-node-package": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-package/-/uui-ref-node-package-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Z/oyqmb7WFYH7p7uL8lPzBptrd38daaSv1fTvU5k+NrpmHKKj7DPAohdIwh0EhEYz2AnOH84t2ohZdh5u276iQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-package/-/uui-ref-node-package-1.0.0-rc.2.tgz",
+      "integrity": "sha512-8bpD5mA1V0MaRqFOdwwFMP9gZy0D80BKmZNaf3Jx106BXpyZOseB0tkIPCR1ydhCKqU+mqNudhfF3uC4ePySDg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-ref-node-user": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-user/-/uui-ref-node-user-1.0.0-rc.1.tgz",
-      "integrity": "sha512-2PfXGfcYlS4Bno3IpTzhnHCOd5SyGTRBlTFZUNvRHvdMzDn3bLSwRLvnTMdRA6gfitz+JXanhUEBWUMJBn1gGw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-user/-/uui-ref-node-user-1.0.0-rc.2.tgz",
+      "integrity": "sha512-T9F1nAVG/sQxbHThUtM/z/zMqVw+18N5yJg47RE0Uj1aGgE0vSJ1BLbZHNg8uXGog4XLYeRUY6O1T/wOh20Ngw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-scroll-container": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-scroll-container/-/uui-scroll-container-1.0.0-rc.1.tgz",
-      "integrity": "sha512-HlmwcpPO8y17EU8xFP0jJjw1CmhAT2n2uUTfg5d5cGOX4owOBLMjvMwGOtMQy52WcTepS5gj0rp6OpdR3sgMTQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-scroll-container/-/uui-scroll-container-1.0.0-rc.2.tgz",
+      "integrity": "sha512-4mzhU+ELrAkqunRndIBEDQSAjzt3+GHbliMiu1Ky5toJRvec4e8uly9cnVooZhhrK2owidi6A+B/qqoRd4EFLw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-select": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-select/-/uui-select-1.0.0-rc.1.tgz",
-      "integrity": "sha512-9ohxvIcyWU0vJnqfyXhpYlKt9nWWG4cCGJn3OUIpZRy2txeSgXca4Q+1yd9T7dpUdD5FnGzWoqAPUeiDuI0O5g==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-select/-/uui-select-1.0.0-rc.2.tgz",
+      "integrity": "sha512-F17sc1iuoZabVXHoBPhs+Ug6i0KVjIJRYOUBl8ARX4HbcBVFx0OuuewsRWvkbOlgystjAQJRwJk+WX26OAsa1g==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-slider": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-slider/-/uui-slider-1.0.0-rc.1.tgz",
-      "integrity": "sha512-vwPIZBKiWImUqVhRwGeQ+zZTAT3lgQGH2URZgH7SNyvvT6IBLXqSURafaNuUT+5QbYI7uf+Wp6EBDAgdXLjLmg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-slider/-/uui-slider-1.0.0-rc.2.tgz",
+      "integrity": "sha512-T4PBxxpsPktjwUG0nzKhZwnx4pQ8EieWWAyhlqMY0tlRn9YN47qCqQitgCaxKQZ7N7QFlCc4I9k3XxGJb2cEVQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-expand": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-expand/-/uui-symbol-expand-1.0.0-rc.1.tgz",
-      "integrity": "sha512-KkJquJKWgVbbO5Lfoh0PcpR0SAxBKNb2rprya47ct7mKvn9oXnlMDmDN0ONsdxM4uoj0F6GpLyq06KjAH4uq7Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-expand/-/uui-symbol-expand-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0EeCsOKQHmgEuqxx37HNqZRUz4mt4V4vQDNcZMTs2K+Y1UeQEPVT5s8PG9IbjX1qZcmOrpHaMGKqppkumjnncg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-file": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file/-/uui-symbol-file-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5BqLpOPWO3C9iL03rylKtITdDxXVE/oV0XQ2U7Dkq4A1mryF4dppU57SMNSXaM7VeG/GImknygOqVFeqbyfy1A==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file/-/uui-symbol-file-1.0.0-rc.2.tgz",
+      "integrity": "sha512-KnivC5HGvbT4CG25gQ1q7LgMXQX32PzXjBClYB7+0yPWXv0b1Hc+I/rsIVM27OZTehdPeHA+TYwKwanfpg/wpg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-file-dropzone": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-dropzone/-/uui-symbol-file-dropzone-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0LT3Z4z8QCuKtDOH44xWuzR4UFwmm+xT5DnlOSAaL/anSGqbKgrjIBqZNsZvDLduZkASUicOY3OfrNFU5N7yXw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-dropzone/-/uui-symbol-file-dropzone-1.0.0-rc.2.tgz",
+      "integrity": "sha512-GF6EXsyxRPkRVxRqkMx1hqguDgK8exC+Y6knI3BHH4w+gP5QLa1+YMQjdgpjWMa0n0hIIsgNZ5uKc0Ib+EvEbQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-file-thumbnail": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-thumbnail/-/uui-symbol-file-thumbnail-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tbKLHOgMsPkNwtTiJnCRsJB0fQMRhy9zf2wTIs0IU5FTzRDvZxbBtNDsdOmBAd0bh7CSvF6NccVq7gHrHLn/Gw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-thumbnail/-/uui-symbol-file-thumbnail-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Dt+QoB78td4mQBmfEWHj8509FC9xzBVraH/9XMFvfRWr+3F/EfVf1w8sEWTQvcm3ex69aQSQqWTTkhcA8M3yrg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-folder": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-folder/-/uui-symbol-folder-1.0.0-rc.1.tgz",
-      "integrity": "sha512-/KJkaVIUZSkNfuXgDSJZqCA/iPRSoHliArQLAwBHFTaOux1AVJuhMgQRrTZgNhCuIHPWGchU2gBE8lCBDnk3aQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-folder/-/uui-symbol-folder-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0uysC0FahI3Fs4/U1MwePNhkZdFbK9rC1+YE6hUNRcEeH1KmavmkFT6QeShJ9ILIUVpI1cB0ibOzXwHtvZOYNw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-lock": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-lock/-/uui-symbol-lock-1.0.0-rc.1.tgz",
-      "integrity": "sha512-GvMae1PKlx34KeolrkHtrkYexhTkatowhvBZQ4WEa4oEXM+1jYni1XeDn7ho0imWmy66Oud2Yk6uRXEfqLzSZg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-lock/-/uui-symbol-lock-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Qdun7L9Jrgy1xWfnlukp3CCPXCRTYa8u+zTZ24XIo5Pyv5blp8GFndysEIFCdZsaJ4x0GxJWDcQ7LNy9ZyvKxw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-more": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-more/-/uui-symbol-more-1.0.0-rc.1.tgz",
-      "integrity": "sha512-k51b5uaZDRstqYcC2abOJniZD2yxvd/cAADaLTvrRJeaG7/37E8PNCRMHUeJ5nxjdhuyAq9V7UDROxzbNxGVVQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-more/-/uui-symbol-more-1.0.0-rc.2.tgz",
+      "integrity": "sha512-JBJ+UD5uHq5G8+yIbcqSN7vF60oAixm3Gnzfp28OrAVziBauCBA3BoT548ovpEEcD695zT0xgswqxfdMSNlRJQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-symbol-sort": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-sort/-/uui-symbol-sort-1.0.0-rc.1.tgz",
-      "integrity": "sha512-AGj+D1pYe3Ub14Dxg8urlnz9Yy+2osvHVz3cgKX0B/KqOWPCC60/Qng8AMb/O7RUvAD2b8lB0OurTgX5kiAENQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-sort/-/uui-symbol-sort-1.0.0-rc.2.tgz",
+      "integrity": "sha512-voqyUYHdcimA3qsRmddfZlBO6OqKcve1i9WaXf2pI3rv6gyjfDqGvc4jlR7AOCFMZcbvKCzojQ9fYOKwPYJCzQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-table": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-table/-/uui-table-1.0.0-rc.1.tgz",
-      "integrity": "sha512-TNLThKetwtYZyl5A6EV3EC6fuwe7DYKs9rC7AbLellgpF2gj9+wvEMRAf+Wk1MXfcN4oUOr3lCKFYUMDwENFnw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-table/-/uui-table-1.0.0-rc.2.tgz",
+      "integrity": "sha512-uuX4pq7s8Yk5moDcsNZ6+Wa9tNiXO4vADNE+3J+6LBnImDTFWIhODyy/DUUgmssAbe572rSRzehtRHy7NKzN7w==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-tabs": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tabs/-/uui-tabs-1.0.0-rc.1.tgz",
-      "integrity": "sha512-UcB9NQgku+h+niZavGzlYOUNtqoY5LBbCBQtbO6H1fulDuvPPbUAcVTXCZVdv668JrzswHUnULWy3CD+ARBUYg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tabs/-/uui-tabs-1.0.0-rc.2.tgz",
+      "integrity": "sha512-jt2SRrtHY/qa3Li97tbeVKIUfQHPw7Xm3dBfX3b3/OQ3hR+zDlnY8ncQNsy0H1UhSucCEeZIoXd2lfqo7JQ8uw==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-tag": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tag/-/uui-tag-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Ba34wBwkvq1p9aDwOSrgHNay9bADlQTDxUoYAMrgBcAQpz2yqjqqvjE6cR/52JQZdgqDyVFuNoIRHukWoRNt0Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tag/-/uui-tag-1.0.0-rc.2.tgz",
+      "integrity": "sha512-XQgumuehQJSD2ba2zD/Gw3I8owUc0RdP+jcIbt4osYWI7Kfdl3H+q1/j3jaYpCtWDurMLsrBkc8Y9P0pMHXIGQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-textarea": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-textarea/-/uui-textarea-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Ntz3A0+mbsyIpD0t4w8mTYTGODIItTJUb3WsGsnqQ6dzczx/0cLkMg3os68fk4QLUFaoWV7GUIwu3I09Y0EzHw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-textarea/-/uui-textarea-1.0.0-rc.2.tgz",
+      "integrity": "sha512-MnvAEI9q4b45cp3KYKIMjJ4dSLYHvVAdfKYg4VgVxAWfsxUjSaPM/NXfI8p+0t5PtMRIxsEpSGPqwA9uBKleGg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-toast-notification": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification/-/uui-toast-notification-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0bp9qXGAhssiW+QZLr0K4YGUe0KDQSuWZGEA23DYRgoO/VUIisw+F1T8zFLab9aBF4onpq7M8aCxm92bOGthfg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification/-/uui-toast-notification-1.0.0-rc.2.tgz",
+      "integrity": "sha512-U3Bh/oIFgwtv0ZwS8vw+lu8CXDiuNiiWdspxnw9rwe1SxCDNAS8LGTQeB0hALcMcDwj+9y4gUh5iS3mFVVxgRA==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-toast-notification-container": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-container/-/uui-toast-notification-container-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tmklj3aLXtLhRDl4Ai8FMKu+sTVFldJTsAFwMJfOQ2Jtz4QD1hje3HBbiYxzPdh9j6JeW2sZ64AL/lniunScQg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-container/-/uui-toast-notification-container-1.0.0-rc.2.tgz",
+      "integrity": "sha512-pC5bEd82n5PE2EG/ONmkV9t+CsztUuscfsdM8v5dXmS7E3nzl0eOAGq7Xv4QulJZFcsGcoo9arVT4Z+7Zn1t7g==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-toast-notification-layout": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-layout/-/uui-toast-notification-layout-1.0.0-rc.1.tgz",
-      "integrity": "sha512-7jRP2vizSxndMj36RT1AfSvDWGP4Q8wnzmtraWuukdBG4itBs82xvhGtIX/vg5rvMM1w5ce2vV1wuHM8V/6fvw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-layout/-/uui-toast-notification-layout-1.0.0-rc.2.tgz",
+      "integrity": "sha512-jsKzZHTa+9/WOgIHrB1NW/AEaayV5EJqzur2wSVTTQJS2lKW5iiJ85i8tIiwp8H+hwsYPlPhSgNK/ldkYtcRNQ==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2"
       }
     },
     "node_modules/@umbraco-ui/uui-toggle": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toggle/-/uui-toggle-1.0.0-rc.1.tgz",
-      "integrity": "sha512-FMiu4NsuyeIY2gqA0LENQ0BmRys0O1J0YZij2jYrlgCysrr/Rf5iNnQTdw3/quL+05Z6iNcFGFf49NXxMYGEBg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toggle/-/uui-toggle-1.0.0-rc.2.tgz",
+      "integrity": "sha512-wdrIuwBcO4qoGHVmD+Pt0hZJXOd76pxt+W2XwTCC3/dGkbd8fDUFyB9HJLbEVsZA8KDI8tOQdir1ijX1AvkICg==",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.2"
       }
     },
     "node_modules/@vitejs/plugin-react": {
@@ -6871,9 +6943,9 @@
       }
     },
     "node_modules/@web/dev-server-core/node_modules/es-module-lexer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.0.2.tgz",
-      "integrity": "sha512-W6d+UibP+MDkF0+uUqj2sZTiyqA6v9f7/hDPqrxNYntp+NFMilA9Zr+qF9IZ7F4lcHQqw0toMlwxJxY2qm30uQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.0.3.tgz",
+      "integrity": "sha512-iC67eXHToclrlVhQfpRawDiF8D8sQxNxmbqw5oebegOaJkyx/w9C/k57/5e6yJR2zIByRt9OXdqX50DV2t6ZKw==",
       "dev": true
     },
     "node_modules/@web/dev-server-core/node_modules/ws": {
@@ -9006,9 +9078,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001374",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001374.tgz",
-      "integrity": "sha512-mWvzatRx3w+j5wx/mpFN5v5twlPrabG8NqX2c6e45LCpymdoGqNvRkRutFUqpRTXKFQFNQJasvK0YT7suW6/Hw==",
+      "version": "1.0.30001375",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001375.tgz",
+      "integrity": "sha512-kWIMkNzLYxSvnjy0hL8w1NOaWNr2rn39RTAVyIwcw8juu60bZDWiF1/loOYANzjtJmy6qPgNmn38ro5Pygagdw==",
       "dev": true,
       "funding": [
         {
@@ -10952,9 +11024,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.212",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.212.tgz",
-      "integrity": "sha512-LjQUg1SpLj2GfyaPDVBUHdhmlDU1vDB4f0mJWSGkISoXQrn5/lH3ECPCuo2Bkvf6Y30wO+b69te+rZK/llZmjg==",
+      "version": "1.4.213",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.213.tgz",
+      "integrity": "sha512-+3DbGHGOCHTVB/Ms63bGqbyC1b8y7Fk86+7ltssB8NQrZtSCvZG6eooSl9U2Q0yw++fL2DpHKOdTU0NVEkFObg==",
       "dev": true
     },
     "node_modules/element-internals-polyfill": {
@@ -23317,9 +23389,9 @@
       "dev": true
     },
     "node_modules/synckit": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.1.tgz",
-      "integrity": "sha512-rJEeygO5PNmcZICmrgnbOd2usi5zWE1ESc0Gn5tTmJlongoU8zCTwMFQtar2UgMSiR68vK9afPQ+uVs2lURSIA==",
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.2.tgz",
+      "integrity": "sha512-k7D/IqZ8/jCiPSWqQqe7GtyG/ir0gubq58VWIX983QvdSP3L6T27qW1iTN7dm1MsTDZgu+dP5zooCKlMnGA32A==",
       "dev": true,
       "dependencies": {
         "@pkgr/utils": "^2.3.0",
@@ -30545,712 +30617,780 @@
       }
     },
     "@umbraco-ui/uui": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui/-/uui-1.0.0-rc.1.tgz",
-      "integrity": "sha512-jSe/XKCwsJAeDHKnnFAoG1rKOKKpAiLtRsyMDz+7vNGQ6MNVfkcSXzA2/XSmhf5clKtwagpxYYCD/sdxjkiL3w==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui/-/uui-1.0.0-rc.2.tgz",
+      "integrity": "sha512-w3XUzb0hxc294gqbOmhA1DEFI0iVEPkkNIXz8JCtUc2AAGrl/ffHsG/8QPw8Ikr/yoBCk1K+pm8M9pCx0Rfk+w==",
       "requires": {
-        "@umbraco-ui/uui-action-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-avatar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-avatar-group": "1.0.0-rc.1",
-        "@umbraco-ui/uui-badge": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.1",
-        "@umbraco-ui/uui-box": "1.0.0-rc.1",
-        "@umbraco-ui/uui-breadcrumbs": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-group": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-inline-create": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card-content-node": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card-media": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card-user": "1.0.0-rc.1",
-        "@umbraco-ui/uui-caret": "1.0.0-rc.1",
-        "@umbraco-ui/uui-checkbox": "1.0.0-rc.1",
-        "@umbraco-ui/uui-combobox": "1.0.0-rc.1",
-        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1",
-        "@umbraco-ui/uui-dialog": "1.0.0-rc.1",
-        "@umbraco-ui/uui-dialog-layout": "1.0.0-rc.1",
-        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.1",
-        "@umbraco-ui/uui-file-preview": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form-layout-item": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input-lock": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input-password": "1.0.0-rc.1",
-        "@umbraco-ui/uui-keyboard-shortcut": "1.0.0-rc.1",
-        "@umbraco-ui/uui-label": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader-circle": "1.0.0-rc.1",
-        "@umbraco-ui/uui-menu-item": "1.0.0-rc.1",
-        "@umbraco-ui/uui-pagination": "1.0.0-rc.1",
-        "@umbraco-ui/uui-popover": "1.0.0-rc.1",
-        "@umbraco-ui/uui-progress-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-radio": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-list": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-data-type": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-document-type": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-form": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-member": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-package": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node-user": "1.0.0-rc.1",
-        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.1",
-        "@umbraco-ui/uui-select": "1.0.0-rc.1",
-        "@umbraco-ui/uui-slider": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-lock": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-more": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-sort": "1.0.0-rc.1",
-        "@umbraco-ui/uui-table": "1.0.0-rc.1",
-        "@umbraco-ui/uui-tabs": "1.0.0-rc.1",
-        "@umbraco-ui/uui-tag": "1.0.0-rc.1",
-        "@umbraco-ui/uui-textarea": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification-container": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification-layout": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toggle": "1.0.0-rc.1"
+        "@umbraco-ui/uui-action-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-avatar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-avatar-group": "1.0.0-rc.2",
+        "@umbraco-ui/uui-badge": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.2",
+        "@umbraco-ui/uui-box": "1.0.0-rc.2",
+        "@umbraco-ui/uui-breadcrumbs": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-group": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-inline-create": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card-content-node": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card-media": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card-user": "1.0.0-rc.2",
+        "@umbraco-ui/uui-caret": "1.0.0-rc.2",
+        "@umbraco-ui/uui-checkbox": "1.0.0-rc.2",
+        "@umbraco-ui/uui-combobox": "1.0.0-rc.2",
+        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2",
+        "@umbraco-ui/uui-dialog": "1.0.0-rc.2",
+        "@umbraco-ui/uui-dialog-layout": "1.0.0-rc.2",
+        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.2",
+        "@umbraco-ui/uui-file-preview": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form-layout-item": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input-lock": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input-password": "1.0.0-rc.2",
+        "@umbraco-ui/uui-keyboard-shortcut": "1.0.0-rc.2",
+        "@umbraco-ui/uui-label": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader-circle": "1.0.0-rc.2",
+        "@umbraco-ui/uui-menu-item": "1.0.0-rc.2",
+        "@umbraco-ui/uui-pagination": "1.0.0-rc.2",
+        "@umbraco-ui/uui-popover": "1.0.0-rc.2",
+        "@umbraco-ui/uui-progress-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-radio": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-list": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-data-type": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-document-type": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-form": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-member": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-package": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node-user": "1.0.0-rc.2",
+        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.2",
+        "@umbraco-ui/uui-select": "1.0.0-rc.2",
+        "@umbraco-ui/uui-slider": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-lock": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-more": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-sort": "1.0.0-rc.2",
+        "@umbraco-ui/uui-table": "1.0.0-rc.2",
+        "@umbraco-ui/uui-tabs": "1.0.0-rc.2",
+        "@umbraco-ui/uui-tag": "1.0.0-rc.2",
+        "@umbraco-ui/uui-textarea": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification-container": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification-layout": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toggle": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-action-bar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-action-bar/-/uui-action-bar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-hMUvDK427pP+WpVoI73gjcOXoOYrLzRQUjD6XaoajXzl1C7Mdv0GseJ9kZbDh5pL+JOTW5R4VA4C12nxT4vSfA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-action-bar/-/uui-action-bar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-/F1QwRDyKuKs1LFdXlg5dMp8S/Qf/dCbEDMFvFchUlQGSKkKnFyhVt3B0GaWQ6SK4HJHXd4ZkijD3hM08aTW6Q==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-group": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-group": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-avatar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar/-/uui-avatar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5pFvmP/rr9DTEAKT61GY/30+H6NH/VFGCbHKZID0NbWDgd7ZOVAMY9qGgp+G/mRbPGRpNU4hIfA9pFNTCOXUyQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar/-/uui-avatar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-8TCVhe4bb+W66AdqlAJqO4z8eNIYL+OrJmbSKox9Wol2v9jSZ7ZsasF2eSFU5DY/5uMbbynE+gHe/0/v9JPhYg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-avatar-group": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar-group/-/uui-avatar-group-1.0.0-rc.1.tgz",
-      "integrity": "sha512-oCLL+a5eyCdqHIfecOSzfmHa61oHool950i+X7vNKaNJj47TlFIJoUb+AVrbsmqqTmWr275JqVl28yuTRgb3Aw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-avatar-group/-/uui-avatar-group-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0bdYCGOTYAsZoTApaNB3SzN2dC2BZnLi71DjNyObB42J167Xgni9HQXheBKqLfCpzzYwaqIxyUZHFnHJFlqirQ==",
       "requires": {
-        "@umbraco-ui/uui-avatar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-avatar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-badge": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-badge/-/uui-badge-1.0.0-rc.1.tgz",
-      "integrity": "sha512-XIwuAbiFkQM5eXmhsnFls5XbVFBVL9hgHpgQ1YprievJhYnv6yoUzPgk1ITqp6gbhRQ/oDdx6AETVHgcuZjv2w==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-badge/-/uui-badge-1.0.0-rc.2.tgz",
+      "integrity": "sha512-zhJXW7LpizvkgXYo29qVk3LReReXaRtRA0F4UD55oedAj57mZWkRYwICZoEhyRVvU6y9QSNsHX7ANO3r+8ma3A==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-base": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.1.tgz",
-      "integrity": "sha512-4qBS8YpIGtukqLroFbl4/2JRLcBQLBxc64kZq4pqTadbXgwoZ4m61x31N4gxtVQihJ2QT3Gd6y2AWn5ORP09Gw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.2.tgz",
+      "integrity": "sha512-WK6JR6LmjP834jv120BoPM/7g5TurvwjVom9BfTHwyR1/kLYAawvyYe2LQQpLw6tACBsbHdmDIu7qCdhcgCkXQ==",
       "requires": {
-        "lit": "^2.2.2"
+        "lit": "^2.2.8"
       }
     },
     "@umbraco-ui/uui-boolean-input": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-boolean-input/-/uui-boolean-input-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5XvGOoEdshgd0gkUiZhPqDj3A74R26PWA77ZE99OLfnF168NswhItFKhdSf0GSl7Cv06n3tt1Psee70UYIULUQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-boolean-input/-/uui-boolean-input-1.0.0-rc.2.tgz",
+      "integrity": "sha512-mNbSFh3SHfK2zshzFjT75iJsu0iV7b8MZ+9BOKQtlXTY+OrVIZ7p1olf1ZOpcf7RSmi4I8oPhoJKLt6fR6ZDxA==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-box": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-box/-/uui-box-1.0.0-rc.1.tgz",
-      "integrity": "sha512-TOp03GUc1RUgp6Vx8XyvmWHU6kldnThMELDU2Uplw6bWdonmK9eaRp/PUWvnY0IydQykeCXAvd6ae/2bhCVD7Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-box/-/uui-box-1.0.0-rc.2.tgz",
+      "integrity": "sha512-SmKmfLT2a8TUKEuuenBKCCKxL2ZeaOzFPm90AVNBc6i/aMEFV+Smzkwqs8CQb19XHJ9Etrd8DTmCzHIRsLKcXA==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-breadcrumbs": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-breadcrumbs/-/uui-breadcrumbs-1.0.0-rc.1.tgz",
-      "integrity": "sha512-IJOqy9I5zCeY+JRnY3rbQ1aCi+CmoNXlBiHgByRMbsCH0U8pVwUnYLSERS7ZGsOXS+b3d9SCcgDjtXW3IYlksw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-breadcrumbs/-/uui-breadcrumbs-1.0.0-rc.2.tgz",
+      "integrity": "sha512-t8HtDtTHUZnF8vqtT79rOzCLcG3bTVyz/nYo+K+MxqUffmE8ua79L45S5bA+j5mJDUICKsoKJRN+07Z7jK6LFw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-button": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button/-/uui-button-1.0.0-rc.1.tgz",
-      "integrity": "sha512-nTPakI83EFl89naxiQx6qrkNcK8T4zIA8Oii6Qu7Uz0RArNxCG7WvKHotOmlUN/TfpBV8qc8vzrijBUbSJsnMw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button/-/uui-button-1.0.0-rc.2.tgz",
+      "integrity": "sha512-UByt2G3PRjO+JmHJ15YWCBnWVs5lul+/ffd7Q9XrecWzKtu4WHI3Hha6jvF97fBQqEmD/LPi/WMahKjFlnBhlg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-button-group": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-group/-/uui-button-group-1.0.0-rc.1.tgz",
-      "integrity": "sha512-hv30ylVSC6+TTXM3UQ0NgBkPNUTOOMU4vZZbCyDyKVKrlvxT0KvVoZ0tOU9y1o25ZLhlu9XF/mVoR/y52ohybw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-group/-/uui-button-group-1.0.0-rc.2.tgz",
+      "integrity": "sha512-SiWe555xt4NBimwdVqbIJppGRk3vloujy90hYfC4zpfROygWELr5GFNtKIOMHFWam1qrMfam3wZ7G1Az8HszLQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-button-inline-create": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-inline-create/-/uui-button-inline-create-1.0.0-rc.1.tgz",
-      "integrity": "sha512-X2xNX0wqPFGPKQs3Fgc7/nrUs0uWdS8XGd/7fWpZ0j0uqZBTep71Fo7kJg3MF21MwHydA2mbucJnaNipp560Gw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-button-inline-create/-/uui-button-inline-create-1.0.0-rc.2.tgz",
+      "integrity": "sha512-VhJSAojzbfpXTfm3BuvdfSVpnEX0WTg9cyP/GpzixLQSTs2z5+gOU1t9fWratYfN7S322xCymTUrLka3f9YcTg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-card": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card/-/uui-card-1.0.0-rc.1.tgz",
-      "integrity": "sha512-ti9VTFKDutCUcX/wiPexCPSbSAVxw9R2MbdidbJSUwnmZDlj/2VCrEoSTG1lCelOhSKlU1/mbr9PR7BR8ca44A==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card/-/uui-card-1.0.0-rc.2.tgz",
+      "integrity": "sha512-AjLaxVFzjzsSBlo2zx1eOCifqY41HMgCEcVwwB7qfrrTDwSq1UTNmZR6krHdTRlyAMX8YWm+96CrGpDjM1n3Qg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-card-content-node": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-content-node/-/uui-card-content-node-1.0.0-rc.1.tgz",
-      "integrity": "sha512-rwji0xltvcljhX/wvpAGcmE6q9BpHg6QNV9iCBNRdXvI2sq3mQE5bYkwXQB+/4rPWE17XUpj4I6B+3ns12f4dQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-content-node/-/uui-card-content-node-1.0.0-rc.2.tgz",
+      "integrity": "sha512-XvbCfMWtqe5UinMDD/txvZbOeDRTTnhd78FLIFlxsoXZUFzzANZw3I8U5RuzVre1UMIRPBXXH8CY+20nZzKuQQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-card-media": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-media/-/uui-card-media-1.0.0-rc.1.tgz",
-      "integrity": "sha512-3/O84di4RVxWCbMQ1yTnlwlczV5JZw2ehC5eOh1v90x7RT3VzACLIT8/DC5JlpGrhx89sYhIRfypT2HZDj5AxQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-media/-/uui-card-media-1.0.0-rc.2.tgz",
+      "integrity": "sha512-lmLFPQHmxEjT7YVWYH1JLPe/iBF9xDECqUCn+xvyMDk0FXpxEiooDrRf5+kP0qrlGMCOTstHA//MfPGqgW3ZXw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-card-user": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-user/-/uui-card-user-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0g7Sg03srJ3DvQMurafWhRAPyrqoq6PvQV2zID0LOnUpfKIx03MsPu8ws/slp8j1eK1oL/BV11UvO3qkxo/GQQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-card-user/-/uui-card-user-1.0.0-rc.2.tgz",
+      "integrity": "sha512-oOazTjHFP6kbtkJutditkHHtxBWW1g//pgE81WhUcf4Dby/4x8FfWQ8HCTZGf56+9p3VV3MP2Bm4QJvXWAaDmg==",
       "requires": {
-        "@umbraco-ui/uui-avatar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-card": "1.0.0-rc.1"
+        "@umbraco-ui/uui-avatar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-card": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-caret": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-caret/-/uui-caret-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Bl6LhrNllr9oj+/C802DljZIn1ySdBgczPitoVd8gKO9gUnDVYQau+FT7BhMCQRx81FTYKQOEX96BxXFYzd9OA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-caret/-/uui-caret-1.0.0-rc.2.tgz",
+      "integrity": "sha512-ATEV85ersPgI+S8PMKq+Wbgi7iQ7ikkVGt4ydj4Xri3isKnDbNfzqmt9qAaADBZvVNiyFO3xCfgKqSKqOKNpbQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-checkbox": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-checkbox/-/uui-checkbox-1.0.0-rc.1.tgz",
-      "integrity": "sha512-sHGKzPPkJ1lGA94BkumOWSEIysEZfidjgGupE++15pEzEdfa4QsrW3agA2XHhiOPImpS1NqXkTbDjkJ8tzC3ow==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-checkbox/-/uui-checkbox-1.0.0-rc.2.tgz",
+      "integrity": "sha512-mkpOLTmRWOd6COk+MC5Ae70EhUTfsAlO/AB8WXwnVvdemepb/3eqtw0fTphpmQ3HQf5K3+soc7nf14EBOijMLw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-combobox": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox/-/uui-combobox-1.0.0-rc.1.tgz",
-      "integrity": "sha512-kYNwnsXbraJcLttGlzdUezlog9SWg2Pt1D6JFd1au4ntCkHIwucNDroKzWIjrTEBb8xqPdYVhqo9OraH2bRh+g==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox/-/uui-combobox-1.0.0-rc.2.tgz",
+      "integrity": "sha512-2atsd1OKnFK7XbBnIbK+CF/ZEkz/N+Q2GhoH7oLpJ/v9X6ECEzWAVoQfG7gf7fANBt8y0eKxeyueN1hwBoEp/w==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-combobox-list": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-scroll-container": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-combobox-list": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox-list/-/uui-combobox-list-1.0.0-rc.1.tgz",
-      "integrity": "sha512-i1mc/HtEqlYLfy3EBhk9MZngpYr9shPEkvrT2PKO6PzdJdMbbczCrwB1Pb8YgpK/VcvaBGEQQdC1DSDKo5uzZQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-combobox-list/-/uui-combobox-list-1.0.0-rc.2.tgz",
+      "integrity": "sha512-QnQ1QA9tWcGfyIELTeI8eoAq6+0BGdJgatjrO/HcMQIbeYa6RSg3k7qWWCToGY9IjSFn2xS0zGbmExwENesmLg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-css": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-css/-/uui-css-1.0.0-rc.1.tgz",
-      "integrity": "sha512-ERLzyNYNNURM/TPfePuA2QkvHbp/ihps1lvMjmdT4au+N7lKN6cNOYPL4WDXkLtQfIsrABTBhv3gs9aFjkUGUw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-css/-/uui-css-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Xwg1aePsDQyQp4iyUCCCH6AIqixeh+okLWaBQMvHg0UnEwcXDOrZgwBYm7ZYw5KSc178klUeqInwCe0BPXtuMg==",
       "requires": {
         "lit": "^2.2.2"
       }
     },
     "@umbraco-ui/uui-dialog": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog/-/uui-dialog-1.0.0-rc.1.tgz",
-      "integrity": "sha512-msWtzrUPgr2E1T7+akPZPDxB94xSi2/Nd1jcsfOn4JzDKeYdgbsm6EkDE/W1eMol4HbJkmQKwC/HnMGQ25X1BA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog/-/uui-dialog-1.0.0-rc.2.tgz",
+      "integrity": "sha512-F6yM/4CucA5kPchZkNc0ZDSYWwh/VUI04mtOFPTbIJsXiO5CEr5USbtWEs5jSHqaieth+d5jUPF3szY/OHLk+Q==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-dialog-layout": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog-layout/-/uui-dialog-layout-1.0.0-rc.1.tgz",
-      "integrity": "sha512-pqB/l8r4jdMHkgPutfiEzFzgb73F28y0QRz9MF0evgJXUCVfl3UGf7a3d5gPNY8PEEkiITMMW3jnnww3f+kfiw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-dialog-layout/-/uui-dialog-layout-1.0.0-rc.2.tgz",
+      "integrity": "sha512-L6d5sAQ44Tq/KJjqpeZ1rzArPRO7ODA5l7GknxUcU7Ar8Q852yZg5cr4FFs1qPT1ERMr3kFU/A+TnVFx+fzBmw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-file-dropzone": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-dropzone/-/uui-file-dropzone-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5PxnHycG6mH2FK3ZRyxrnmg1jmNSiQvdVWc4U3t+d4Xp+JoYVhveqomMXYb2SW+S+yzxmMFvXkOVoabx9W5nmw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-dropzone/-/uui-file-dropzone-1.0.0-rc.2.tgz",
+      "integrity": "sha512-OPj86OSEXltsQj6KKvo6iKTMf3npLa5sQf4lj2JdB0XxlJdkwohrSf7RpeYIKLA8F4hT+8mRcAkjWqRlWucgLQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-dropzone": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-file-preview": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-preview/-/uui-file-preview-1.0.0-rc.1.tgz",
-      "integrity": "sha512-jTUttqDf6VONsXqepaWAA0bbQUZRkSLHlcixgAurxCVSZWeqfUayaoQKL8v77CVpTLc7B/3xwMqTTuf+csWfDA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-file-preview/-/uui-file-preview-1.0.0-rc.2.tgz",
+      "integrity": "sha512-thg3pdtFxrH7vWBQy4793RIB27R2uHXOp4qrJOOEVKM6+lQY03oVGnKtSI3vQ+6NTqrVfdEDj8IQd1w6kdKjRw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-file-thumbnail": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-folder": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-form": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form/-/uui-form-1.0.0-rc.1.tgz",
-      "integrity": "sha512-HBWOENJnwsBMYwAe4JAcvOBEms06KfxVZJ1rpImxUlqHT2qz+319nSjF6qNS2l0GZrXoM8jtHRImwys8JBXNYA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form/-/uui-form-1.0.0-rc.2.tgz",
+      "integrity": "sha512-G2m0tu/o6D+L3SSDYL9HOwEsClJOZcRRwaJqrHowSx4DvB3acDFYfm+t9V5GRa/y1wcXC9tXliWZpvbHdQaQjg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-form-layout-item": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-layout-item/-/uui-form-layout-item-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tIDcvNy0b8q+ixwzFlFVU3gXB4UTDBDcOnsDcmghyehPOuxGw9CWHWCOIHY+BlrZNh1b1tv6w/m/YlKcTfafrw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-layout-item/-/uui-form-layout-item-1.0.0-rc.2.tgz",
+      "integrity": "sha512-eOyhfHTED1eo4MJ3Ty1DqZdS/HWFbHTqAbFmT0rbffc6QERHuGmtwdAjQkFm4RAQo6NmWp/wqfAE3HFgxYMX2Q==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-form-validation-message": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-form-validation-message": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-validation-message/-/uui-form-validation-message-1.0.0-rc.1.tgz",
-      "integrity": "sha512-igaE9XFCCfHgYCFr+NI4UvnHKHijrVoTYe7apffunie8QmiD5it+NDYE862h4/kjeYG6KcbmHCzVquROZN/zSA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-form-validation-message/-/uui-form-validation-message-1.0.0-rc.2.tgz",
+      "integrity": "sha512-5yH2TzAk0ucJue/5wXRShXfQ68ur7MU6KbPHFmrQTNFR69MPVOHEiCIXvWN4A0uODhJlzdrKzfxbbrNPvSpGMg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-icon": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon/-/uui-icon-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0WkO4mcraT/Bvwr0ndfqh6faMm06eVHXeHkTqmE+lWVQCjJfNxd++byaUiULAiMnexVvin/N3ZVV/lTSLcrNAg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon/-/uui-icon-1.0.0-rc.2.tgz",
+      "integrity": "sha512-aIcW6OA91fuBvX7nDBafTLOtMJ+L3c9t3Dp+6psbvvu1JCxaoNG7J55KstOkDfyeKWglAFxSq9xxDM43D1QEWw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-icon-registry": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry/-/uui-icon-registry-1.0.0-rc.1.tgz",
-      "integrity": "sha512-OIUiCscGCrRqqFE/xSYQqCRBpaMAQqxqhQR1pG+KUKK9sLrfVTceZ79VIJjd9faUfwxlyDbzaaoGbnk2U9od6Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry/-/uui-icon-registry-1.0.0-rc.2.tgz",
+      "integrity": "sha512-ePbqQVv3Kr8+toHw0MBMd+zBnMy1JjJROUWb4coVFEiJSx2Apt0nmpu5nKnizj/GCwp8pjjQ6juhrCR+2PCc5A==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-icon-registry-essential": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry-essential/-/uui-icon-registry-essential-1.0.0-rc.1.tgz",
-      "integrity": "sha512-FUACr2Ht/Y7ADYKz+0qgLDQ0zIKmfP+g5WLH5LJAh05iYyZ9jS6B8g1G9zFFujHZVJq7VhWj7Q3IHaF/ArQ1nw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-icon-registry-essential/-/uui-icon-registry-essential-1.0.0-rc.2.tgz",
+      "integrity": "sha512-7/ZP/27o0XcKmjLN/kKoPnf3P+cOBofG0gjA5daeFuQx12lda7y0g+2hq2bc8No2sb85n5b9ROMaLAW8+QB0Qw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-input": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input/-/uui-input-1.0.0-rc.1.tgz",
-      "integrity": "sha512-NPNt5LfwKQ674Esir8ES/XZ9Gf5ilxu4HlRklGl1VKz3P1bZWSrRDh+2rHQuU5V4NqgxOOwPHcqWCJzAdSfIWA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input/-/uui-input-1.0.0-rc.2.tgz",
+      "integrity": "sha512-rdK8yKjLzhe//OCnjBKU5snpU/w53+HZadvdHD1aTgWTZEZ4Vw7/W79eLHlJlGv4degVN03jme2gH4rq/ExqrQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-input-file": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-file/-/uui-input-file-1.0.0-rc.1.tgz",
-      "integrity": "sha512-RzomAeN+5AGrrAKr6QbMJwidmH5JHeI7mYATaIqRrGZ+D9HhBluaevVVRiEZWEN050yYakhKmkn4XI1Sc8QaIw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-file/-/uui-input-file-1.0.0-rc.2.tgz",
+      "integrity": "sha512-FIjo3JhZFleeDzxfuHk5s1CMiVYp5PI6urnnCXw2kfNKkdbdtm5FINTgZ6DkqsntaRYcrSX7ALP6sVEUyY6OEw==",
       "requires": {
-        "@umbraco-ui/uui-action-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-action-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-file-dropzone": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-input-lock": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-lock/-/uui-input-lock-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tHVK/9FYFKKOlfy7VnWkOGEKPr5BF6hV/wd09Ae4hmZeQ47gboWe+KyfDNuSxyBOBjin0FoLNsoJ0k73VzZjUQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-lock/-/uui-input-lock-1.0.0-rc.2.tgz",
+      "integrity": "sha512-aeCwVJ3yIafYziStYJy/8C8DufvdP+jEqxjMYGCLfoIxEij9jTYV9cyWFh0x/5jJw+wdX4ZsMBY2ySWwbLHPjQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-input-password": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-password/-/uui-input-password-1.0.0-rc.1.tgz",
-      "integrity": "sha512-h/UtUcY3l9hnj/v1wdwWE5KhHJX3y/vZ1grBEE7pAILXNSDoWzoVOzQOfEl+ZuZS0VUnEJ9+ewk68gFeRR3gQg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-input-password/-/uui-input-password-1.0.0-rc.2.tgz",
+      "integrity": "sha512-/gHYnaSaJrBRg38TLVkRGPQD9i/PoY0RQS98KgYVIkIyqzxEsRavFB786UWxH034KJhaGegz61WEwRo8CcOOxQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1",
-        "@umbraco-ui/uui-input": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2",
+        "@umbraco-ui/uui-input": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-keyboard-shortcut": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-keyboard-shortcut/-/uui-keyboard-shortcut-1.0.0-rc.1.tgz",
-      "integrity": "sha512-klZbth1Xlr+Ayn1iX+1TQkAcMkPitXpnyEr6eIku7+AYNpCmUDjJRZY3C8TjbyyE1gKc3xs9ps70TcOcOl6KXQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-keyboard-shortcut/-/uui-keyboard-shortcut-1.0.0-rc.2.tgz",
+      "integrity": "sha512-2fGB8935Pj+hQo7ITCzaufCcMG6pgFHMMpxBaQCF1AzpULMLHl/V3NEqE5ZUcQHD+5RBgF7SqkjVFJnQ4AwVZw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-label": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-label/-/uui-label-1.0.0-rc.1.tgz",
-      "integrity": "sha512-MoPkkbI7F6BJxaFzQJYJbks7F2QnAAVa3+wVS/z1/4qslbwIjp7IjRmR6qDwQhVuaBRBqmWmCz85KeF35XWMHQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-label/-/uui-label-1.0.0-rc.2.tgz",
+      "integrity": "sha512-dwhEAF8pD1Zt50VgxSeBae+5pmDcJLyOHz2O3X1w7umfI/ivd4pzxiNyHzq/ofKP3EM+rSMXS9YnkspkCqzg3A==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-loader": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader/-/uui-loader-1.0.0-rc.1.tgz",
-      "integrity": "sha512-YOiZYpmm/b+5dn2u5hdngd7cpyhS2jVjxyGi/P/2h8FpXE3a/k9hlpMzfzByq+pBssTyBhgZoPkHn/ZSnyC+KQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader/-/uui-loader-1.0.0-rc.2.tgz",
+      "integrity": "sha512-lyMYVWBojmMuhLF09tqjLbVKCbW7YX+c73FiKJTUplniUr2lLiZpGJ07dZgCy0XZ5i9upQdPgSc4ErPFqnJ5sA==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-loader-bar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-bar/-/uui-loader-bar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-7IeCUU+/lDDmIs5Avqf1yFq5IBeMNel+wAZb87iwXSoG6Aq8Yrnq76jMenh/YweadGuV6c33RyhsXmUpo5YkoA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-bar/-/uui-loader-bar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-GTp63bEMY13s1WXV6y9Oh9eM0wtSayoP6yuTk8Jkt23Z/G6UzixWXuhRVfM5foNbadOGnWkU6ZcnskwrUUfE2A==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-loader-circle": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-circle/-/uui-loader-circle-1.0.0-rc.1.tgz",
-      "integrity": "sha512-p2gCxWi1SlanMfw8LrBFBE45Li5NPkbIJlFCe/Nqq8xX6Vvr2DiDpeAGKlcGPyWYV2nIXD9FLyGYMMcTu3nIOw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-loader-circle/-/uui-loader-circle-1.0.0-rc.2.tgz",
+      "integrity": "sha512-cDen8LN3FZKP7cX0CyxzRVzvB0TmSiLUQUZzG1JAvypoqRiITXk5+oM6jC4mhgYzeQOM+B/gPOEpUbsqoXpgMw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-menu-item": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-menu-item/-/uui-menu-item-1.0.0-rc.1.tgz",
-      "integrity": "sha512-UirgUfd4Uea0YzA9S+oxuYj2R8wIP9uNRpZyfCvI7cOCszva0o459sU8AU/wCMyokF+g2YmrvpU9GDs+XG/GSA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-menu-item/-/uui-menu-item-1.0.0-rc.2.tgz",
+      "integrity": "sha512-ZIY6t2S0hvaBh5WFB43Uh/USf0xHH1a3LV6YcP3gyB7uanGSJSFpFULmGenEKzvbc1j4q9dn/8U7Pp+hLjsXuw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.1",
-        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-loader-bar": "1.0.0-rc.2",
+        "@umbraco-ui/uui-symbol-expand": "1.0.0-rc.2"
+      }
+    },
+    "@umbraco-ui/uui-modal": {
+      "version": "file:umbraco-ui-uui-modal-0.0.0.tgz",
+      "integrity": "sha512-BYfbO5UocZrtj8t1Baox3ivldbNyoKugZGvwKXl0XZ7FZVGvAMrVmzZSI6KtEvYl9Jey/I8VqkZh30QBflEM0Q==",
+      "requires": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      },
+      "dependencies": {
+        "@umbraco-ui/uui-base": {
+          "version": "1.0.0-rc.0",
+          "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+          "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+          "requires": {
+            "lit": "^2.2.2"
+          }
+        }
+      }
+    },
+    "@umbraco-ui/uui-modal-container": {
+      "version": "file:umbraco-ui-uui-modal-container-0.0.0.tgz",
+      "integrity": "sha512-nsw2fkpOnG7pU+TqDZqXF57eNw2a4zIyN1TllVNEU4tdPrF5c4vTyIzE5O6Flsu8euCVruDZepo9SyLTm6jnew==",
+      "requires": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      },
+      "dependencies": {
+        "@umbraco-ui/uui-base": {
+          "version": "1.0.0-rc.0",
+          "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+          "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+          "requires": {
+            "lit": "^2.2.2"
+          }
+        }
+      }
+    },
+    "@umbraco-ui/uui-modal-dialog": {
+      "version": "file:umbraco-ui-uui-modal-dialog-0.0.0.tgz",
+      "integrity": "sha512-hv3LQ/kzTZQMMXDt8NM5ZJTIsEYof5zKx9VFxbUGnhJhNRLeJ4bk9suWVl8h942VsOJwR+NbXzOs4XTIqXb9MA==",
+      "requires": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      },
+      "dependencies": {
+        "@umbraco-ui/uui-base": {
+          "version": "1.0.0-rc.0",
+          "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+          "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+          "requires": {
+            "lit": "^2.2.2"
+          }
+        }
+      }
+    },
+    "@umbraco-ui/uui-modal-sidebar": {
+      "version": "file:umbraco-ui-uui-modal-sidebar-0.0.0.tgz",
+      "integrity": "sha512-qQTO/YD3wzACmHf6QVW5c2smWMPougDwyKLV6Zku+QdgeZleS1ZiR/AvqHVHiRjuQ84ZhKyBl4H1IcYnAMntnw==",
+      "requires": {
+        "@umbraco-ui/uui-base": "1.0.0-rc.0"
+      },
+      "dependencies": {
+        "@umbraco-ui/uui-base": {
+          "version": "1.0.0-rc.0",
+          "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-base/-/uui-base-1.0.0-rc.0.tgz",
+          "integrity": "sha512-MgWuWCPKMyn4a4MzrgxCCKGb7w5tXcEnG5y6IyYKV2BNfcnSqyRwfwE3bueDRyDfeC2eclGM5AStONBsfw63eA==",
+          "requires": {
+            "lit": "^2.2.2"
+          }
+        }
       }
     },
     "@umbraco-ui/uui-pagination": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-pagination/-/uui-pagination-1.0.0-rc.1.tgz",
-      "integrity": "sha512-TMge8lfc/8YyIkU52C5T4A6IJHEnVbBF/iyXeLg+ohrOb7+DySXEiUoIsPQvErMBWL7Ov/mjMmg1KBw5kTUYeA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-pagination/-/uui-pagination-1.0.0-rc.2.tgz",
+      "integrity": "sha512-1ZkYuF2BaCdLOmLP5kyt7V9KGHSmqFulbTnaAyZLDX/L/+9sky7kGMc+0R81fE24RUihbAc7eZ87lgM4tWRlFw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button-group": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button-group": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-popover": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-popover/-/uui-popover-1.0.0-rc.1.tgz",
-      "integrity": "sha512-qBRhTHWidKn32gCG00lRvhJc93zAJVgIe419M97EjP34HGBi+k+31UejG4SyPm8YnD5TEY3BiDtQQkmzlqKygA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-popover/-/uui-popover-1.0.0-rc.2.tgz",
+      "integrity": "sha512-m4hNKO1T3FVty2ngwIxrv9AgUthMzi0VPQaU3p2P4EzCDLDaqsnfdyknvjmxKiyIFYGNeNFicvkFfXSFyzXvsw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-progress-bar": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-progress-bar/-/uui-progress-bar-1.0.0-rc.1.tgz",
-      "integrity": "sha512-zvf7lwJu3eaBsCj6ByTlv/iHg3ME8BOXAwGe7drzmRfPUgwd5YWjUbe3No1fUR3HdAuqI27isYSAlCIsW6xn5g==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-progress-bar/-/uui-progress-bar-1.0.0-rc.2.tgz",
+      "integrity": "sha512-pxBE3Dz9rwZ+9SzKFn05BnWXqIRt7RBGyG9hvqTHSnDWX6+rFnQRv5L3hxg83Xz/WcFHrm/fHYOc6EWZqNUuug==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-radio": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-radio/-/uui-radio-1.0.0-rc.1.tgz",
-      "integrity": "sha512-i+f7nTazWnTNhpXnRdY+3u+JClr8sGmXyHRhXa6G0xWveRl0s1+wwLRupqxdhG5Hkh7SZgU7BfOn+h8IM06TRA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-radio/-/uui-radio-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0JKY2KmO7GHlH8fHk2amYY5h6BY48oVaIZ25ex2vRwB1WYwdpBnGItlsO2n1+022zwkStUbCNQqDWuhMru1LIQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref/-/uui-ref-1.0.0-rc.1.tgz",
-      "integrity": "sha512-DthAk8X4Ri43CuRKlxhKgc8Lbn0a9FDTiVA2r1GXAxyThebM6uQO+XIJkiiqmfI/JJf/c9CFnuolzLrzFR6gKQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref/-/uui-ref-1.0.0-rc.2.tgz",
+      "integrity": "sha512-D5U6JDtLS0zYBI+6W92ZbR4g1Ve0lLbrnsBZPBV+1hBmqPI5ecyja4ay3Gchu2RrmCniI8l7Itx29t2srZ+llg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-list": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-list/-/uui-ref-list-1.0.0-rc.1.tgz",
-      "integrity": "sha512-JFlk3lErz6Zs08DG+JHsbIPLCawiiqoGnOwaEJRCdsXlp89wljm0fpHTxYNrc0wGr9cmpEoxcwYh/ma4BqIqaw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-list/-/uui-ref-list-1.0.0-rc.2.tgz",
+      "integrity": "sha512-hBMjIkOwWnzIkcSNxMyurBxfim/EG9gFDAlS6oLoPQWUKsxBVJVbppJyDo9/ATMMHTG5aiQ20f+PR4Z7oCkb8w==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-node": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node/-/uui-ref-node-1.0.0-rc.1.tgz",
-      "integrity": "sha512-8G/dUXNHuUDkm5kTvrcMUL0X/FVtUIeDipzrHAPQuRKRpMmTdtTyUgsxIt6+bTfd79sZ4WoQFESzsqByW27AEQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node/-/uui-ref-node-1.0.0-rc.2.tgz",
+      "integrity": "sha512-BqoyDI35xUH4vKrg0g91wx/nvvsbVgPDP6QMDM99ipDfBPoxHjK69L4aMkFJt13Vw5Af+g0PXAdsnBBGTkSJ1g==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-node-data-type": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-data-type/-/uui-ref-node-data-type-1.0.0-rc.1.tgz",
-      "integrity": "sha512-V1dB4Gw+AIjHeHH4v8ofuxglG8GcKvBiKivv+gnbxLgykV52qb/1TZVMZzuAbghpJ8Z2JxzT0VRaYh3O5iiTtA==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-data-type/-/uui-ref-node-data-type-1.0.0-rc.2.tgz",
+      "integrity": "sha512-WHLiTmqj34RXIUbG5cjflPaKZbcOMXw4KFFPnyuomaTxrVduMASUw0KVivN1FGXh0YJ6kYRh+Rb9sDPsqsHqIw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-node-document-type": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-document-type/-/uui-ref-node-document-type-1.0.0-rc.1.tgz",
-      "integrity": "sha512-T+SHfvZqfdZPRP87n5Dce0XLMBD0kErKXVLEEfPO5eU87xSzB0N3DxKTwUPDFassuaTJg+LQUXcsdZVS3eTLAg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-document-type/-/uui-ref-node-document-type-1.0.0-rc.2.tgz",
+      "integrity": "sha512-UuR2YiQJsjd2oe87TXQj2b3pGKkXK/oRBETG4F+gOFOf7g3dl2Qp6hK4o7C1Yihtk/CxfaMGJBJ5YQsStD6Vhg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-node-form": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-form/-/uui-ref-node-form-1.0.0-rc.1.tgz",
-      "integrity": "sha512-WAiBmCSJfboi1fZvVz7IuS2BgZ4nmJ3sZlmXDez09HpDvVoJD+FMenCjOAlp7NFFBlfVRO7vCbilMClZ8IVyvw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-form/-/uui-ref-node-form-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Po1BW09I3E7BZ21HLLJGt72/rlTWsHhLtZInjmf82Ca3ZmU43XrzCL5Dq/NbLXcSnZh7pw2YhjWtssllJf21Gg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-node-member": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-member/-/uui-ref-node-member-1.0.0-rc.1.tgz",
-      "integrity": "sha512-3Xb3tBfx+fWml29JNDJlWMpXOfFIL9I60LLq7veAyFewXNZ2xXam95DQcSi842W+9WLryOYOyRPL3YoY0MfmOQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-member/-/uui-ref-node-member-1.0.0-rc.2.tgz",
+      "integrity": "sha512-7YWHvsS6CZzULrm5w+Eq+h+gC77o5I0BizLC8CXeWhHkM81aOfxIHa/1eOzsEATqmVmfkjqEFzqu9g+yU2Eoew==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-node-package": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-package/-/uui-ref-node-package-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Z/oyqmb7WFYH7p7uL8lPzBptrd38daaSv1fTvU5k+NrpmHKKj7DPAohdIwh0EhEYz2AnOH84t2ohZdh5u276iQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-package/-/uui-ref-node-package-1.0.0-rc.2.tgz",
+      "integrity": "sha512-8bpD5mA1V0MaRqFOdwwFMP9gZy0D80BKmZNaf3Jx106BXpyZOseB0tkIPCR1ydhCKqU+mqNudhfF3uC4ePySDg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-ref-node-user": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-user/-/uui-ref-node-user-1.0.0-rc.1.tgz",
-      "integrity": "sha512-2PfXGfcYlS4Bno3IpTzhnHCOd5SyGTRBlTFZUNvRHvdMzDn3bLSwRLvnTMdRA6gfitz+JXanhUEBWUMJBn1gGw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-ref-node-user/-/uui-ref-node-user-1.0.0-rc.2.tgz",
+      "integrity": "sha512-T9F1nAVG/sQxbHThUtM/z/zMqVw+18N5yJg47RE0Uj1aGgE0vSJ1BLbZHNg8uXGog4XLYeRUY6O1T/wOh20Ngw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-ref-node": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-ref-node": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-scroll-container": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-scroll-container/-/uui-scroll-container-1.0.0-rc.1.tgz",
-      "integrity": "sha512-HlmwcpPO8y17EU8xFP0jJjw1CmhAT2n2uUTfg5d5cGOX4owOBLMjvMwGOtMQy52WcTepS5gj0rp6OpdR3sgMTQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-scroll-container/-/uui-scroll-container-1.0.0-rc.2.tgz",
+      "integrity": "sha512-4mzhU+ELrAkqunRndIBEDQSAjzt3+GHbliMiu1Ky5toJRvec4e8uly9cnVooZhhrK2owidi6A+B/qqoRd4EFLw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-select": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-select/-/uui-select-1.0.0-rc.1.tgz",
-      "integrity": "sha512-9ohxvIcyWU0vJnqfyXhpYlKt9nWWG4cCGJn3OUIpZRy2txeSgXca4Q+1yd9T7dpUdD5FnGzWoqAPUeiDuI0O5g==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-select/-/uui-select-1.0.0-rc.2.tgz",
+      "integrity": "sha512-F17sc1iuoZabVXHoBPhs+Ug6i0KVjIJRYOUBl8ARX4HbcBVFx0OuuewsRWvkbOlgystjAQJRwJk+WX26OAsa1g==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-slider": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-slider/-/uui-slider-1.0.0-rc.1.tgz",
-      "integrity": "sha512-vwPIZBKiWImUqVhRwGeQ+zZTAT3lgQGH2URZgH7SNyvvT6IBLXqSURafaNuUT+5QbYI7uf+Wp6EBDAgdXLjLmg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-slider/-/uui-slider-1.0.0-rc.2.tgz",
+      "integrity": "sha512-T4PBxxpsPktjwUG0nzKhZwnx4pQ8EieWWAyhlqMY0tlRn9YN47qCqQitgCaxKQZ7N7QFlCc4I9k3XxGJb2cEVQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-expand": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-expand/-/uui-symbol-expand-1.0.0-rc.1.tgz",
-      "integrity": "sha512-KkJquJKWgVbbO5Lfoh0PcpR0SAxBKNb2rprya47ct7mKvn9oXnlMDmDN0ONsdxM4uoj0F6GpLyq06KjAH4uq7Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-expand/-/uui-symbol-expand-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0EeCsOKQHmgEuqxx37HNqZRUz4mt4V4vQDNcZMTs2K+Y1UeQEPVT5s8PG9IbjX1qZcmOrpHaMGKqppkumjnncg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-file": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file/-/uui-symbol-file-1.0.0-rc.1.tgz",
-      "integrity": "sha512-5BqLpOPWO3C9iL03rylKtITdDxXVE/oV0XQ2U7Dkq4A1mryF4dppU57SMNSXaM7VeG/GImknygOqVFeqbyfy1A==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file/-/uui-symbol-file-1.0.0-rc.2.tgz",
+      "integrity": "sha512-KnivC5HGvbT4CG25gQ1q7LgMXQX32PzXjBClYB7+0yPWXv0b1Hc+I/rsIVM27OZTehdPeHA+TYwKwanfpg/wpg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-file-dropzone": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-dropzone/-/uui-symbol-file-dropzone-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0LT3Z4z8QCuKtDOH44xWuzR4UFwmm+xT5DnlOSAaL/anSGqbKgrjIBqZNsZvDLduZkASUicOY3OfrNFU5N7yXw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-dropzone/-/uui-symbol-file-dropzone-1.0.0-rc.2.tgz",
+      "integrity": "sha512-GF6EXsyxRPkRVxRqkMx1hqguDgK8exC+Y6knI3BHH4w+gP5QLa1+YMQjdgpjWMa0n0hIIsgNZ5uKc0Ib+EvEbQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-file-thumbnail": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-thumbnail/-/uui-symbol-file-thumbnail-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tbKLHOgMsPkNwtTiJnCRsJB0fQMRhy9zf2wTIs0IU5FTzRDvZxbBtNDsdOmBAd0bh7CSvF6NccVq7gHrHLn/Gw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-file-thumbnail/-/uui-symbol-file-thumbnail-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Dt+QoB78td4mQBmfEWHj8509FC9xzBVraH/9XMFvfRWr+3F/EfVf1w8sEWTQvcm3ex69aQSQqWTTkhcA8M3yrg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-folder": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-folder/-/uui-symbol-folder-1.0.0-rc.1.tgz",
-      "integrity": "sha512-/KJkaVIUZSkNfuXgDSJZqCA/iPRSoHliArQLAwBHFTaOux1AVJuhMgQRrTZgNhCuIHPWGchU2gBE8lCBDnk3aQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-folder/-/uui-symbol-folder-1.0.0-rc.2.tgz",
+      "integrity": "sha512-0uysC0FahI3Fs4/U1MwePNhkZdFbK9rC1+YE6hUNRcEeH1KmavmkFT6QeShJ9ILIUVpI1cB0ibOzXwHtvZOYNw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-lock": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-lock/-/uui-symbol-lock-1.0.0-rc.1.tgz",
-      "integrity": "sha512-GvMae1PKlx34KeolrkHtrkYexhTkatowhvBZQ4WEa4oEXM+1jYni1XeDn7ho0imWmy66Oud2Yk6uRXEfqLzSZg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-lock/-/uui-symbol-lock-1.0.0-rc.2.tgz",
+      "integrity": "sha512-Qdun7L9Jrgy1xWfnlukp3CCPXCRTYa8u+zTZ24XIo5Pyv5blp8GFndysEIFCdZsaJ4x0GxJWDcQ7LNy9ZyvKxw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-more": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-more/-/uui-symbol-more-1.0.0-rc.1.tgz",
-      "integrity": "sha512-k51b5uaZDRstqYcC2abOJniZD2yxvd/cAADaLTvrRJeaG7/37E8PNCRMHUeJ5nxjdhuyAq9V7UDROxzbNxGVVQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-more/-/uui-symbol-more-1.0.0-rc.2.tgz",
+      "integrity": "sha512-JBJ+UD5uHq5G8+yIbcqSN7vF60oAixm3Gnzfp28OrAVziBauCBA3BoT548ovpEEcD695zT0xgswqxfdMSNlRJQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-symbol-sort": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-sort/-/uui-symbol-sort-1.0.0-rc.1.tgz",
-      "integrity": "sha512-AGj+D1pYe3Ub14Dxg8urlnz9Yy+2osvHVz3cgKX0B/KqOWPCC60/Qng8AMb/O7RUvAD2b8lB0OurTgX5kiAENQ==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-symbol-sort/-/uui-symbol-sort-1.0.0-rc.2.tgz",
+      "integrity": "sha512-voqyUYHdcimA3qsRmddfZlBO6OqKcve1i9WaXf2pI3rv6gyjfDqGvc4jlR7AOCFMZcbvKCzojQ9fYOKwPYJCzQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-table": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-table/-/uui-table-1.0.0-rc.1.tgz",
-      "integrity": "sha512-TNLThKetwtYZyl5A6EV3EC6fuwe7DYKs9rC7AbLellgpF2gj9+wvEMRAf+Wk1MXfcN4oUOr3lCKFYUMDwENFnw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-table/-/uui-table-1.0.0-rc.2.tgz",
+      "integrity": "sha512-uuX4pq7s8Yk5moDcsNZ6+Wa9tNiXO4vADNE+3J+6LBnImDTFWIhODyy/DUUgmssAbe572rSRzehtRHy7NKzN7w==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-tabs": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tabs/-/uui-tabs-1.0.0-rc.1.tgz",
-      "integrity": "sha512-UcB9NQgku+h+niZavGzlYOUNtqoY5LBbCBQtbO6H1fulDuvPPbUAcVTXCZVdv668JrzswHUnULWy3CD+ARBUYg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tabs/-/uui-tabs-1.0.0-rc.2.tgz",
+      "integrity": "sha512-jt2SRrtHY/qa3Li97tbeVKIUfQHPw7Xm3dBfX3b3/OQ3hR+zDlnY8ncQNsy0H1UhSucCEeZIoXd2lfqo7JQ8uw==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-tag": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tag/-/uui-tag-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Ba34wBwkvq1p9aDwOSrgHNay9bADlQTDxUoYAMrgBcAQpz2yqjqqvjE6cR/52JQZdgqDyVFuNoIRHukWoRNt0Q==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-tag/-/uui-tag-1.0.0-rc.2.tgz",
+      "integrity": "sha512-XQgumuehQJSD2ba2zD/Gw3I8owUc0RdP+jcIbt4osYWI7Kfdl3H+q1/j3jaYpCtWDurMLsrBkc8Y9P0pMHXIGQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-textarea": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-textarea/-/uui-textarea-1.0.0-rc.1.tgz",
-      "integrity": "sha512-Ntz3A0+mbsyIpD0t4w8mTYTGODIItTJUb3WsGsnqQ6dzczx/0cLkMg3os68fk4QLUFaoWV7GUIwu3I09Y0EzHw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-textarea/-/uui-textarea-1.0.0-rc.2.tgz",
+      "integrity": "sha512-MnvAEI9q4b45cp3KYKIMjJ4dSLYHvVAdfKYg4VgVxAWfsxUjSaPM/NXfI8p+0t5PtMRIxsEpSGPqwA9uBKleGg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-toast-notification": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification/-/uui-toast-notification-1.0.0-rc.1.tgz",
-      "integrity": "sha512-0bp9qXGAhssiW+QZLr0K4YGUe0KDQSuWZGEA23DYRgoO/VUIisw+F1T8zFLab9aBF4onpq7M8aCxm92bOGthfg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification/-/uui-toast-notification-1.0.0-rc.2.tgz",
+      "integrity": "sha512-U3Bh/oIFgwtv0ZwS8vw+lu8CXDiuNiiWdspxnw9rwe1SxCDNAS8LGTQeB0hALcMcDwj+9y4gUh5iS3mFVVxgRA==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-button": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon": "1.0.0-rc.1",
-        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-button": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon": "1.0.0-rc.2",
+        "@umbraco-ui/uui-icon-registry-essential": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-toast-notification-container": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-container/-/uui-toast-notification-container-1.0.0-rc.1.tgz",
-      "integrity": "sha512-tmklj3aLXtLhRDl4Ai8FMKu+sTVFldJTsAFwMJfOQ2Jtz4QD1hje3HBbiYxzPdh9j6JeW2sZ64AL/lniunScQg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-container/-/uui-toast-notification-container-1.0.0-rc.2.tgz",
+      "integrity": "sha512-pC5bEd82n5PE2EG/ONmkV9t+CsztUuscfsdM8v5dXmS7E3nzl0eOAGq7Xv4QulJZFcsGcoo9arVT4Z+7Zn1t7g==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-toast-notification": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-toast-notification-layout": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-layout/-/uui-toast-notification-layout-1.0.0-rc.1.tgz",
-      "integrity": "sha512-7jRP2vizSxndMj36RT1AfSvDWGP4Q8wnzmtraWuukdBG4itBs82xvhGtIX/vg5rvMM1w5ce2vV1wuHM8V/6fvw==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toast-notification-layout/-/uui-toast-notification-layout-1.0.0-rc.2.tgz",
+      "integrity": "sha512-jsKzZHTa+9/WOgIHrB1NW/AEaayV5EJqzur2wSVTTQJS2lKW5iiJ85i8tIiwp8H+hwsYPlPhSgNK/ldkYtcRNQ==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-css": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-css": "1.0.0-rc.2"
       }
     },
     "@umbraco-ui/uui-toggle": {
-      "version": "1.0.0-rc.1",
-      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toggle/-/uui-toggle-1.0.0-rc.1.tgz",
-      "integrity": "sha512-FMiu4NsuyeIY2gqA0LENQ0BmRys0O1J0YZij2jYrlgCysrr/Rf5iNnQTdw3/quL+05Z6iNcFGFf49NXxMYGEBg==",
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@umbraco-ui/uui-toggle/-/uui-toggle-1.0.0-rc.2.tgz",
+      "integrity": "sha512-wdrIuwBcO4qoGHVmD+Pt0hZJXOd76pxt+W2XwTCC3/dGkbd8fDUFyB9HJLbEVsZA8KDI8tOQdir1ijX1AvkICg==",
       "requires": {
-        "@umbraco-ui/uui-base": "1.0.0-rc.1",
-        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.1"
+        "@umbraco-ui/uui-base": "1.0.0-rc.2",
+        "@umbraco-ui/uui-boolean-input": "1.0.0-rc.2"
       }
     },
     "@vitejs/plugin-react": {
@@ -31354,9 +31494,9 @@
       },
       "dependencies": {
         "es-module-lexer": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.0.2.tgz",
-          "integrity": "sha512-W6d+UibP+MDkF0+uUqj2sZTiyqA6v9f7/hDPqrxNYntp+NFMilA9Zr+qF9IZ7F4lcHQqw0toMlwxJxY2qm30uQ==",
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.0.3.tgz",
+          "integrity": "sha512-iC67eXHToclrlVhQfpRawDiF8D8sQxNxmbqw5oebegOaJkyx/w9C/k57/5e6yJR2zIByRt9OXdqX50DV2t6ZKw==",
           "dev": true
         },
         "ws": {
@@ -33029,9 +33169,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001374",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001374.tgz",
-      "integrity": "sha512-mWvzatRx3w+j5wx/mpFN5v5twlPrabG8NqX2c6e45LCpymdoGqNvRkRutFUqpRTXKFQFNQJasvK0YT7suW6/Hw==",
+      "version": "1.0.30001375",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001375.tgz",
+      "integrity": "sha512-kWIMkNzLYxSvnjy0hL8w1NOaWNr2rn39RTAVyIwcw8juu60bZDWiF1/loOYANzjtJmy6qPgNmn38ro5Pygagdw==",
       "dev": true
     },
     "capture-exit": {
@@ -34575,9 +34715,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.4.212",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.212.tgz",
-      "integrity": "sha512-LjQUg1SpLj2GfyaPDVBUHdhmlDU1vDB4f0mJWSGkISoXQrn5/lH3ECPCuo2Bkvf6Y30wO+b69te+rZK/llZmjg==",
+      "version": "1.4.213",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.213.tgz",
+      "integrity": "sha512-+3DbGHGOCHTVB/Ms63bGqbyC1b8y7Fk86+7ltssB8NQrZtSCvZG6eooSl9U2Q0yw++fL2DpHKOdTU0NVEkFObg==",
       "dev": true
     },
     "element-internals-polyfill": {
@@ -43952,9 +44092,9 @@
       "dev": true
     },
     "synckit": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.1.tgz",
-      "integrity": "sha512-rJEeygO5PNmcZICmrgnbOd2usi5zWE1ESc0Gn5tTmJlongoU8zCTwMFQtar2UgMSiR68vK9afPQ+uVs2lURSIA==",
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.2.tgz",
+      "integrity": "sha512-k7D/IqZ8/jCiPSWqQqe7GtyG/ir0gubq58VWIX983QvdSP3L6T27qW1iTN7dm1MsTDZgu+dP5zooCKlMnGA32A==",
       "dev": true,
       "requires": {
         "@pkgr/utils": "^2.3.0",
diff --git a/src/Umbraco.Web.UI.Client/package.json b/src/Umbraco.Web.UI.Client/package.json
index b91d92aba0..e2f9eaf257 100644
--- a/src/Umbraco.Web.UI.Client/package.json
+++ b/src/Umbraco.Web.UI.Client/package.json
@@ -41,7 +41,11 @@
     "openapi-typescript-fetch": "^1.1.3",
     "router-slot": "^1.5.5",
     "rxjs": "^7.5.6",
-    "uuid": "^8.3.2"
+    "uuid": "^8.3.2",
+    "@umbraco-ui/uui-modal": "file:umbraco-ui-uui-modal-0.0.0.tgz",
+		"@umbraco-ui/uui-modal-container": "file:umbraco-ui-uui-modal-container-0.0.0.tgz",
+		"@umbraco-ui/uui-modal-dialog": "file:umbraco-ui-uui-modal-dialog-0.0.0.tgz",
+		"@umbraco-ui/uui-modal-sidebar": "file:umbraco-ui-uui-modal-sidebar-0.0.0.tgz"
   },
   "devDependencies": {
     "@babel/core": "^7.18.10",
diff --git a/src/Umbraco.Web.UI.Client/src/app.ts b/src/Umbraco.Web.UI.Client/src/app.ts
index 41680e6adc..5f8f164cee 100644
--- a/src/Umbraco.Web.UI.Client/src/app.ts
+++ b/src/Umbraco.Web.UI.Client/src/app.ts
@@ -15,6 +15,10 @@ import { internalManifests } from './temp-internal-manifests';
 @customElement('umb-app')
 export class UmbApp extends UmbContextProviderMixin(LitElement) {
 	static styles = css`
+		:host {
+			overflow: hidden;
+		}
+
 		:host,
 		#router-slot {
 			display: block;
diff --git a/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts b/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts
index adee6ab90f..018262ff40 100644
--- a/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts
@@ -80,7 +80,7 @@ export default class UmbLogin extends LitElement {
 					<uui-form>
 						<form id="LoginForm" name="login" @submit="${this._handleSubmit}">
 							<uui-form-layout-item>
-								<uui-label for="email" slot="label" required>Email</uui-label>
+								<uui-label id="emailLabel" for="email" slot="label" required>Email</uui-label>
 								<uui-input
 									type="email"
 									id="email"
@@ -91,7 +91,7 @@ export default class UmbLogin extends LitElement {
 							</uui-form-layout-item>
 
 							<uui-form-layout-item>
-								<uui-label for="password" slot="label" required>Password</uui-label>
+								<uui-label id="passwordLabel" for="password" slot="label" required>Password</uui-label>
 								<uui-input-password
 									id="password"
 									name="password"
diff --git a/src/Umbraco.Web.UI.Client/src/auth/login/login.test.ts b/src/Umbraco.Web.UI.Client/src/auth/login/login.test.ts
new file mode 100644
index 0000000000..4e0e92841a
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/auth/login/login.test.ts
@@ -0,0 +1,20 @@
+import { expect, fixture, html } from '@open-wc/testing';
+
+import { defaultA11yConfig } from '../../core/helpers/chai';
+import UmbLogin from './login.element';
+
+describe('UmbLogin', () => {
+	let element: UmbLogin;
+
+	beforeEach(async () => {
+		element = await fixture(html`<umb-login></umb-login>`);
+	});
+
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbLogin);
+	});
+
+	it('passes the a11y audit', async () => {
+		await expect(element).to.be.accessible(defaultA11yConfig);
+	});
+});
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
index 275772ae3f..d6171e0712 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
@@ -4,16 +4,20 @@ import { css, html, LitElement } from 'lit';
 
 import { UmbContextProviderMixin } from '../core/context';
 import { UmbNotificationService } from '../core/services/notification';
+import { UmbModalService } from '../core/services/modal';
 import { UmbDataTypeStore } from '../core/stores/data-type.store';
+import { UmbDocumentTypeStore } from '../core/stores/document-type.store';
 import { UmbNodeStore } from '../core/stores/node.store';
 
 import './components/backoffice-header.element';
 import './components/backoffice-main.element';
 import './components/backoffice-notification-container.element';
-import './components/editor-layout.element';
+import './components/backoffice-modal-container.element';
 import './components/editor-property-layout.element';
 import './components/node-property.element';
+import './components/section-layout.element';
 import './components/section-sidebar.element';
+import './components/section-main.element';
 
 @defineElement('umb-backoffice')
 export default class UmbBackoffice extends UmbContextProviderMixin(LitElement) {
@@ -37,7 +41,9 @@ export default class UmbBackoffice extends UmbContextProviderMixin(LitElement) {
 
 		this.provideContext('umbNodeStore', new UmbNodeStore());
 		this.provideContext('umbDataTypeStore', new UmbDataTypeStore());
+		this.provideContext('umbDocumentTypeStore', new UmbDocumentTypeStore());
 		this.provideContext('umbNotificationService', new UmbNotificationService());
+		this.provideContext('umbModalService', new UmbModalService());
 	}
 
 	render() {
@@ -45,6 +51,7 @@ export default class UmbBackoffice extends UmbContextProviderMixin(LitElement) {
 			<umb-backoffice-header></umb-backoffice-header>
 			<umb-backoffice-main></umb-backoffice-main>
 			<umb-backoffice-notification-container></umb-backoffice-notification-container>
+			<umb-backoffice-modal-container></umb-backoffice-modal-container>
 		`;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-main.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-main.element.ts
index 4632c07b09..357c6dd0bc 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-main.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-main.element.ts
@@ -17,6 +17,7 @@ export class UmbBackofficeMain extends UmbContextConsumerMixin(LitElement) {
 				display: block;
 				width: 100%;
 				height: 100%;
+				overflow: hidden;
 			}
 		`,
 	];
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-modal-container.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-modal-container.element.ts
new file mode 100644
index 0000000000..c738054155
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-modal-container.element.ts
@@ -0,0 +1,56 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, CSSResultGroup, html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { Subscription } from 'rxjs';
+import { UmbContextConsumerMixin } from '../../core/context';
+import { UmbModalHandler, UmbModalService } from '../../core/services/modal';
+
+@customElement('umb-backoffice-modal-container')
+export class UmbBackofficeModalContainer extends UmbContextConsumerMixin(LitElement) {
+	static styles: CSSResultGroup = [
+		UUITextStyles,
+		css`
+			:host {
+				position: absolute;
+			}
+		`,
+	];
+
+	@state()
+	private _modals: UmbModalHandler[] = [];
+
+	private _modalService?: UmbModalService;
+	private _modalSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbModalService', (modalService: UmbModalService) => {
+			this._modalService = modalService;
+			this._modalSubscription?.unsubscribe();
+			this._modalService?.modals.subscribe((modals: Array<UmbModalHandler>) => {
+				this._modals = modals;
+			});
+		});
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._modalSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`
+			<uui-modal-container>
+				${repeat(this._modals, (modalHandler) => html`${modalHandler.element}`)})})}
+			</uui-modal-container>
+		`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-backoffice-modal-container': UmbBackofficeModalContainer;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-notification-container.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-notification-container.element.ts
index 2ad748ac2e..868cc40079 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-notification-container.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-notification-container.element.ts
@@ -46,10 +46,6 @@ export class UmbBackofficeNotificationContainer extends UmbContextConsumerMixin(
 		});
 	}
 
-	private _closedNotificationHandler(notificationHandler: UmbNotificationHandler) {
-		notificationHandler.close();
-	}
-
 	disconnectedCallback(): void {
 		super.disconnectedCallback();
 		this._notificationSubscription?.unsubscribe();
@@ -61,12 +57,7 @@ export class UmbBackofficeNotificationContainer extends UmbContextConsumerMixin(
 				${repeat(
 					this._notifications,
 					(notification: UmbNotificationHandler) => notification.key,
-					(notification) => html`<uui-toast-notification
-						color="${notification.color}"
-						.autoClose="${notification.duration}"
-						@closed="${() => this._closedNotificationHandler(notification)}">
-						${notification.element}
-					</uui-toast-notification>`
+					(notification) => html`${notification.element}`
 				)}
 			</uui-toast-notification-container>
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/node-editor.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/node-editor.element.ts
deleted file mode 100644
index a81f7e2ff4..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/node-editor.element.ts
+++ /dev/null
@@ -1,253 +0,0 @@
-import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { UmbContextConsumerMixin } from '../../core/context';
-import { UmbNodeStore } from '../../core/stores/node.store';
-import { map, Subscription } from 'rxjs';
-import { DocumentNode } from '../../mocks/data/content.data';
-import type { UmbNotificationService } from '../../core/services/notification';
-import { UmbExtensionManifest, UmbExtensionManifestEditorView, UmbExtensionRegistry } from '../../core/extension';
-import { IRoutingInfo, RouterSlot } from 'router-slot';
-
-// Lazy load
-// TODO: Make this dynamic, use load-extensions method to loop over extensions for this node.
-import '../editor-views/editor-view-node-edit.element';
-import '../editor-views/editor-view-node-info.element';
-import { UmbNotificationDefaultData } from '../../core/services/notification/layouts/default';
-
-@customElement('umb-node-editor')
-export class UmbNodeEditor extends UmbContextConsumerMixin(LitElement) {
-	static styles = [
-		UUITextStyles,
-		css`
-			:host {
-				display: block;
-				width: 100%;
-				height: 100%;
-			}
-
-			uui-input {
-				width: 100%;
-				margin-left: 16px;
-			}
-
-			uui-tab-group {
-				--uui-tab-divider: var(--uui-color-border);
-				border-left: 1px solid var(--uui-color-border);
-				flex-wrap: nowrap;
-				height: 60px;
-			}
-
-			uui-tab {
-				font-size: 0.8rem;
-			}
-
-			uui-box hr {
-				margin-bottom: var(--uui-size-6);
-			}
-		`,
-	];
-
-	@property()
-	id!: string;
-
-	@state()
-	_node?: DocumentNode;
-
-	@state()
-	private _routes: Array<any> = [];
-
-	@state()
-	private _editorViews: Array<any> = [];
-
-	@state()
-	private _currentView = '';
-
-	private _nodeStore?: UmbNodeStore;
-	private _nodeSubscription?: Subscription;
-
-	private _notificationService?: UmbNotificationService;
-
-	private _extensionRegistry?: UmbExtensionRegistry;
-	private _editorViewsSubscription?: Subscription;
-
-	private _routerFolder = '';
-
-	constructor() {
-		super();
-
-		this.consumeContext('umbNodeStore', (store: UmbNodeStore) => {
-			this._nodeStore = store;
-			this._useNode();
-		});
-
-		this.consumeContext('umbNotificationService', (service: UmbNotificationService) => {
-			this._notificationService = service;
-		});
-
-		this.consumeContext('umbExtensionRegistry', (extensionRegistry: UmbExtensionRegistry) => {
-			this._extensionRegistry = extensionRegistry;
-			this._useEditorViews();
-		});
-
-		this.addEventListener('property-value-change', this._onPropertyValueChange);
-	}
-
-	connectedCallback(): void {
-		super.connectedCallback();
-		/* TODO: find a way to construct absolute urls */
-		this._routerFolder = window.location.pathname.split('/view')[0];
-	}
-
-	private _onPropertyValueChange = (e: Event) => {
-		const target = e.composedPath()[0] as any;
-
-		// TODO: Set value.
-		const property = this._node?.properties.find((x) => x.alias === target.property.alias);
-		if (property) {
-			this._setPropertyValue(property.alias, target.value);
-		} else {
-			console.error('property was not found', target.property.alias);
-		}
-	};
-
-	private _setPropertyValue(alias: string, value: unknown) {
-		this._node?.data.forEach((data) => {
-			if (data.alias === alias) {
-				data.value = value;
-			}
-		});
-	}
-
-	private _useNode() {
-		this._nodeSubscription?.unsubscribe();
-
-		this._nodeSubscription = this._nodeStore?.getById(parseInt(this.id)).subscribe((node) => {
-			if (!node) return; // TODO: Handle nicely if there is no node.
-			this._node = node;
-			// TODO: merge observables
-			this._createRoutes();
-		});
-	}
-
-	private _useEditorViews() {
-		this._editorViewsSubscription?.unsubscribe();
-
-		// TODO: how do we know which editor to show the views for?
-		this._editorViewsSubscription = this._extensionRegistry?.extensions
-			.pipe(
-				map((extensions: Array<UmbExtensionManifest>) =>
-					extensions
-						.filter((extension) => extension.type === 'editorView')
-						.sort((a: any, b: any) => b.meta.weight - a.meta.weight)
-				)
-			)
-			.subscribe((dashboards: Array<UmbExtensionManifest>) => {
-				this._editorViews = dashboards as Array<UmbExtensionManifestEditorView>;
-				// TODO: merge observables
-				this._createRoutes();
-			});
-	}
-
-	private _onSaveAndPublish() {
-		this._onSave();
-	}
-
-	private _onSave() {
-		// TODO: What if store is not present, what if node is not loaded....
-		if (this._node) {
-			this._nodeStore?.save([this._node]).then(() => {
-				const data: UmbNotificationDefaultData = { message: 'Document Saved' };
-				this._notificationService?.peek('positive', { data });
-			});
-		}
-	}
-
-	private _onSaveAndPreview() {
-		this._onSave();
-	}
-
-	private async _createRoutes() {
-		if (this._node && this._editorViews.length > 0) {
-			this._routes = [];
-
-			this._routes = this._editorViews.map((view) => {
-				return {
-					path: `view/${view.meta.pathname}`,
-					component: () => document.createElement(view.elementName),
-					setup: (element: HTMLElement, info: IRoutingInfo) => {
-						// TODO: make interface for EditorViews
-						const editorView = element as any;
-						// TODO: how do we pass data to views? Maybe we should use a context?
-						editorView.node = this._node;
-						this._currentView = info.match.route.path;
-					},
-				};
-			});
-			this._routes.push({
-				path: '**',
-				redirectTo: `view/${this._editorViews?.[0].meta.pathname}`,
-			});
-
-			this.requestUpdate();
-			await this.updateComplete;
-
-			this._forceRouteRender();
-		}
-	}
-
-	// TODO: Fgure out why this has been necessary for this case. Come up with another case
-	private _forceRouteRender() {
-		const routerSlotEl = this.shadowRoot?.querySelector('router-slot') as RouterSlot;
-		if (routerSlotEl) {
-			routerSlotEl.render();
-		}
-	}
-
-	disconnectedCallback(): void {
-		super.disconnectedCallback();
-		this._nodeSubscription?.unsubscribe();
-		delete this._node;
-	}
-
-	render() {
-		return html`
-			<umb-editor-layout>
-				<uui-input slot="name" .value="${this._node?.name}"></uui-input>
-				<uui-tab-group slot="apps">
-					${this._editorViews.map(
-						(view: UmbExtensionManifestEditorView) => html`
-							<uui-tab
-								.label="${view.name}"
-								href="${this._routerFolder}/view/${view.meta.pathname}"
-								?active="${this._currentView.includes(view.meta.pathname)}">
-								<uui-icon slot="icon" name="${view.meta.icon}"></uui-icon>
-								${view.name}
-							</uui-tab>
-						`
-					)}
-				</uui-tab-group>
-
-				<router-slot .routes="${this._routes}"></router-slot>
-
-				<div slot="actions">
-					<uui-button @click=${this._onSaveAndPreview} label="Save and preview"></uui-button>
-					<uui-button @click=${this._onSave} look="secondary" label="Save"></uui-button>
-					<uui-button
-						@click=${this._onSaveAndPublish}
-						look="primary"
-						color="positive"
-						label="Save and publish"></uui-button>
-				</div>
-			</umb-editor-layout>
-		`;
-	}
-}
-
-export default UmbNodeEditor;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-node-editor': UmbNodeEditor;
-	}
-}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/node-property.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/node-property.element.ts
index ddaae5b7b4..b1cdcd8f54 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/node-property.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/node-property.element.ts
@@ -1,12 +1,11 @@
 import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { css, html, LitElement, PropertyValueMap } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { EMPTY, of, Subscription, switchMap } from 'rxjs';
-
+import { distinctUntilChanged, EMPTY, of, Subscription, switchMap } from 'rxjs';
 import { UmbContextConsumerMixin } from '../../core/context';
 import { createExtensionElement, UmbExtensionManifest, UmbExtensionRegistry } from '../../core/extension';
 import { UmbDataTypeStore } from '../../core/stores/data-type.store';
-import { DataTypeEntity } from '../../mocks/data/content.data';
+import { DataTypeEntity } from '../../mocks/data/data-type.data';
 
 import '../property-actions/property-action-menu/property-action-menu.element';
 
@@ -60,36 +59,37 @@ class UmbNodeProperty extends UmbContextConsumerMixin(LitElement) {
 	constructor() {
 		super();
 
-    /** TODO: Use DI for these types of services. */
-    this.consumeContext('umbDataTypeStore', (_instance: UmbDataTypeStore) => {
-      this._dataTypeStore = _instance;
-      this._useDataType();
-    });
+		/** TODO: Use DI for these types of services. */
+		this.consumeContext('umbDataTypeStore', (_instance: UmbDataTypeStore) => {
+			this._dataTypeStore = _instance;
+			this._useDataType();
+		});
 
-    this.consumeContext('umbExtensionRegistry', (_instance: UmbExtensionRegistry) => {
-      this._extensionRegistry = _instance;
-      this._useDataType();
-    });
-    // TODO: solution to know when both contexts are available
-  }
+		this.consumeContext('umbExtensionRegistry', (_instance: UmbExtensionRegistry) => {
+			this._extensionRegistry = _instance;
+			this._useDataType();
+		});
+		// TODO: solution to know when both contexts are available
+	}
 
-  connectedCallback(): void {
-    super.connectedCallback();
-    this.addEventListener('property-editor-change', this._onPropertyEditorChange as any as EventListener);
-  }
+	connectedCallback(): void {
+		super.connectedCallback();
+		this.addEventListener('property-editor-change', this._onPropertyEditorChange as any as EventListener);
+	}
 
-  // TODO: use subscribtion, rename to _useDataType:
-  private _useDataType() {
-    this._dataTypeSubscription?.unsubscribe();
-    if (this._property.dataTypeKey && this._extensionRegistry && this._dataTypeStore) {
-      this._dataTypeSubscription = this._dataTypeStore
-        .getByKey(this._property.dataTypeKey)
-        .pipe(
-          switchMap((dataTypeEntity) => {
-            if (!dataTypeEntity) {
-              return EMPTY;
-            }
-            this._dataType = dataTypeEntity;
+	private _useDataType() {
+		this._dataTypeSubscription?.unsubscribe();
+
+		if (this._property.dataTypeKey && this._extensionRegistry && this._dataTypeStore) {
+			this._dataTypeSubscription = this._dataTypeStore
+				.getByKey(this._property.dataTypeKey)
+				.pipe(
+					distinctUntilChanged(),
+					switchMap((dataTypeEntity) => {
+						if (!dataTypeEntity) {
+							return EMPTY;
+						}
+						this._dataType = dataTypeEntity;
 
 						return this._extensionRegistry?.getByAlias(dataTypeEntity.propertyEditorUIAlias) ?? of(null);
 					})
@@ -114,23 +114,23 @@ class UmbNodeProperty extends UmbContextConsumerMixin(LitElement) {
 				const oldValue = this._element;
 				this._element = el;
 
-        // TODO: Set/Parse Data-Type-UI-configuration
-        if (this._element) {
-          this._element.value = this.value; // Be aware its duplicated code
-        }
-        this.requestUpdate('element', oldValue);
-      })
-      .catch(() => {
-        // TODO: loading JS failed so we should do some nice UI. (This does only happen if extension has a js prop, otherwise we concluded that no source was needed resolved the load.)
-      });
-  }
+				// TODO: Set/Parse Data-Type-UI-configuration
+				if (this._element) {
+					this._element.value = this.value; // Be aware its duplicated code
+				}
+				this.requestUpdate('element', oldValue);
+			})
+			.catch(() => {
+				// TODO: loading JS failed so we should do some nice UI. (This does only happen if extension has a js prop, otherwise we concluded that no source was needed resolved the load.)
+			});
+	}
 
-  private _onPropertyEditorChange = (e: CustomEvent) => {
-    const target = e.composedPath()[0] as any;
-    this.value = target.value;
-    this.dispatchEvent(new CustomEvent('property-value-change', { bubbles: true, composed: true }));
-    e.stopPropagation();
-  };
+	private _onPropertyEditorChange = (e: CustomEvent) => {
+		const target = e.composedPath()[0] as any;
+		this.value = target.value;
+		this.dispatchEvent(new CustomEvent('property-value-change', { bubbles: true, composed: true }));
+		e.stopPropagation();
+	};
 
 	/** Lit does not currently handle dynamic tag names, therefor we are doing some manual rendering */
 	// TODO: Refactor into a base class for dynamic-tag element? we will be using this a lot for extensions.
@@ -149,22 +149,27 @@ class UmbNodeProperty extends UmbContextConsumerMixin(LitElement) {
 		this._dataTypeSubscription?.unsubscribe();
 	}
 
-  private _renderPropertyActionMenu () {
-    return html`${ this._dataType ? html`<umb-property-action-menu id="property-action-menu" .propertyEditorUIAlias="${this._dataType.propertyEditorUIAlias}" .value="${this.value}"></umb-property-action-menu>`: '' }`;
-  }
+	private _renderPropertyActionMenu() {
+		return html`${this._dataType
+			? html`<umb-property-action-menu
+					id="property-action-menu"
+					.propertyEditorUIAlias="${this._dataType.propertyEditorUIAlias}"
+					.value="${this.value}"></umb-property-action-menu>`
+			: ''}`;
+	}
 
-  render() {
-    return html`
-      <umb-editor-property-layout id="layout">
-        <div slot="header">
-          <uui-label>${this.property.label}</uui-label>
-          ${ this._renderPropertyActionMenu() }
-          <p>${this.property.description}</p>
-        </div>
-        <div slot="editor">${this._element}</div>
-      </umb-editor-property-layout>
-    `;
-  }
+	render() {
+		return html`
+			<umb-editor-property-layout id="layout">
+				<div slot="header">
+					<uui-label>${this.property.label}</uui-label>
+					${this._renderPropertyActionMenu()}
+					<p>${this.property.description}</p>
+				</div>
+				<div slot="editor">${this._element}</div>
+			</umb-editor-property-layout>
+		`;
+	}
 }
 
 declare global {
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/section-layout.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/section-layout.element.ts
new file mode 100644
index 0000000000..116fb2bf94
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/section-layout.element.ts
@@ -0,0 +1,27 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+@customElement('umb-section-layout')
+export class UmbSectionLayout extends LitElement {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				display: flex;
+				width: 100%;
+				height: 100%;
+			}
+		`,
+	];
+
+	render() {
+		return html`<slot></slot>`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-section-layout': UmbSectionLayout;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/section-main.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/section-main.element.ts
new file mode 100644
index 0000000000..664add7cbb
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/section-main.element.ts
@@ -0,0 +1,26 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+@customElement('umb-section-main')
+export class UmbSectionMain extends LitElement {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				flex: 1 1 auto;
+				height: 100%;
+			}
+		`,
+	];
+
+	render() {
+		return html`<slot></slot>`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-section-main': UmbSectionMain;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts
index ac72f13414..74186d2cbc 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts
@@ -3,7 +3,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 
 @customElement('umb-dashboard-redirect-management')
-export class UmbDashboardRedirectManagement extends LitElement {
+export class UmbDashboardRedirectManagementElement extends LitElement {
 	static styles = [UUITextStyles, css``];
 
 	render() {
@@ -17,6 +17,6 @@ export class UmbDashboardRedirectManagement extends LitElement {
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-dashboard-redirect-management': UmbDashboardRedirectManagement;
+		'umb-dashboard-redirect-management': UmbDashboardRedirectManagementElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.stories.ts
new file mode 100644
index 0000000000..c492f69ee4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.stories.ts
@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbDashboardRedirectManagementElement } from './dashboard-redirect-management.element';
+import './dashboard-redirect-management.element';
+
+export default {
+	title: 'Dashboards/Redirect Management',
+	component: 'umb-dashboard-redirect-management',
+	id: 'umb-dashboard-redirect-management',
+} as Meta;
+
+export const AAAOverview: Story<UmbDashboardRedirectManagementElement> = () =>
+	html` <umb-dashboard-redirect-management></umb-dashboard-redirect-management>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts
index 377ce3b17a..d497d1ddd3 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts
@@ -3,7 +3,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 
 @customElement('umb-dashboard-welcome')
-export class UmbDashboardWelcome extends LitElement {
+export class UmbDashboardWelcomeElement extends LitElement {
 	static styles = [UUITextStyles, css``];
 
 	render() {
@@ -18,6 +18,6 @@ export class UmbDashboardWelcome extends LitElement {
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-dashboard-welcome': UmbDashboardWelcome;
+		'umb-dashboard-welcome': UmbDashboardWelcomeElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.stories.ts
new file mode 100644
index 0000000000..42028e5030
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.stories.ts
@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbDashboardWelcomeElement } from './dashboard-welcome.element';
+import './dashboard-welcome.element';
+
+export default {
+	title: 'Dashboards/Welcome',
+	component: 'umb-dashboard-welcome',
+	id: 'umb-dashboard-welcome',
+} as Meta;
+
+export const AAAOverview: Story<UmbDashboardWelcomeElement> = () =>
+	html` <umb-dashboard-welcome></umb-dashboard-welcome>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editor-views/editor-view-node-edit.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editor-views/editor-view-node-edit.element.ts
deleted file mode 100644
index 874943398a..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/editor-views/editor-view-node-edit.element.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { css, html, LitElement } from 'lit';
-import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
-import { customElement, property } from 'lit/decorators.js';
-import { DocumentNode, NodeProperty } from '../../mocks/data/content.data';
-
-@customElement('umb-editor-view-node-edit')
-export class UmbEditorViewNodeEdit extends LitElement {
-	static styles = [
-		UUITextStyles,
-		css`
-			hr {
-				border: 0;
-				/* TODO: Use correct color property */
-				border-top: 1px solid #e7e7e7;
-			}
-		`,
-	];
-
-	@property({ type: Object })
-	node?: DocumentNode;
-
-	render() {
-		return html`
-			<uui-box>
-				${this.node?.properties.map(
-					(property: NodeProperty) => html`
-						<umb-node-property
-							.property=${property}
-							.value=${this.node?.data.find((data) => data.alias === property.alias)?.value}></umb-node-property>
-						<hr />
-					`
-				)}
-			</uui-box>
-		`;
-	}
-}
-
-export default UmbEditorViewNodeEdit;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-editor-view-node-edit': UmbEditorViewNodeEdit;
-	}
-}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editor-views/editor-view-node-info.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editor-views/editor-view-node-info.element.ts
deleted file mode 100644
index 98d1eb594f..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/editor-views/editor-view-node-info.element.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { css, html, LitElement } from 'lit';
-import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
-import { customElement, property } from 'lit/decorators.js';
-
-@customElement('umb-editor-view-node-info')
-export class UmbEditorViewNodeInfo extends LitElement {
-	static styles = [UUITextStyles, css``];
-
-	@property()
-	node: any;
-
-	render() {
-		return html`<div>Info Editor View</div>`;
-	}
-}
-
-export default UmbEditorViewNodeInfo;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-editor-view-node-info': UmbEditorViewNodeInfo;
-	}
-}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/content/editor-content.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/content/editor-content.element.ts
new file mode 100644
index 0000000000..e9f52283fc
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/content/editor-content.element.ts
@@ -0,0 +1,34 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+
+import '../shared/node/editor-node.element';
+
+@customElement('umb-editor-content')
+export class UmbEditorContentElement extends LitElement {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+		`,
+	];
+
+	@property()
+	id!: string;
+
+	render() {
+		return html`<umb-editor-node id=${this.id} alias="Umb.Editor.Content"></umb-editor-node>`;
+	}
+}
+
+export default UmbEditorContentElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-content': UmbEditorContentElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/content/editor-content.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/content/editor-content.stories.ts
new file mode 100644
index 0000000000..aebb0076f3
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/content/editor-content.stories.ts
@@ -0,0 +1,19 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbEditorContentElement } from './editor-content.element';
+import './editor-content.element';
+
+import { data } from '../../../mocks/data/node.data';
+
+export default {
+	title: 'Editors/Content',
+	component: 'umb-editor-content',
+	id: 'umb-editor-content',
+} as Meta;
+
+const documentNodes = data.filter((node) => node.type === 'document');
+
+export const AAAOverview: Story<UmbEditorContentElement> = () =>
+	html` <umb-editor-content id="${documentNodes[0].id}"></umb-editor-content>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/data-type.context.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/data-type.context.ts
new file mode 100644
index 0000000000..a43a9026d7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/data-type.context.ts
@@ -0,0 +1,27 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+import { DataTypeEntity } from '../../../mocks/data/data-type.data';
+
+export class UmbDataTypeContext {
+	// TODO: figure out how fine grained we want to make our observables.
+	private _data: BehaviorSubject<DataTypeEntity> = new BehaviorSubject({
+		id: -1,
+		key: '',
+		name: '',
+		propertyEditorUIAlias: '',
+	});
+	public readonly data: Observable<DataTypeEntity> = this._data.asObservable();
+
+	constructor(dataType: DataTypeEntity) {
+		if (!dataType) return;
+		this._data.next(dataType);
+	}
+
+	// TODO: figure out how we want to update data
+	public update(data: Partial<DataTypeEntity>) {
+		this._data.next({ ...this._data.getValue(), ...data });
+	}
+
+	public getData() {
+		return this._data.getValue();
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/editor-data-type.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/editor-data-type.element.ts
new file mode 100644
index 0000000000..d5eff8caa8
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/editor-data-type.element.ts
@@ -0,0 +1,151 @@
+import { UUIButtonState, UUIInputElement, UUIInputEvent } from '@umbraco-ui/uui';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { Subscription, distinctUntilChanged } from 'rxjs';
+import { UmbContextProviderMixin, UmbContextConsumerMixin } from '../../../core/context';
+import { UmbNotificationService } from '../../../core/services/notification';
+import { UmbDataTypeStore } from '../../../core/stores/data-type.store';
+import { DataTypeEntity } from '../../../mocks/data/data-type.data';
+import { UmbDataTypeContext } from './data-type.context';
+
+import '../shared/editor-entity/editor-entity.element';
+
+// Lazy load
+// TODO: Make this dynamic, use load-extensions method to loop over extensions for this node.
+import './views/editor-view-data-type-edit.element';
+import { UmbNotificationDefaultData } from '../../../core/services/notification/layouts/default';
+
+@customElement('umb-editor-data-type')
+export class UmbEditorDataTypeElement extends UmbContextProviderMixin(UmbContextConsumerMixin(LitElement)) {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+
+			#name {
+				width: 100%;
+			}
+		`,
+	];
+
+	@property()
+	id!: string;
+
+	@state()
+	private _dataType?: DataTypeEntity;
+
+	@state()
+	private _saveButtonState?: UUIButtonState;
+
+	private _dataTypeContext?: UmbDataTypeContext;
+	private _dataTypeContextSubscription?: Subscription;
+
+	private _dataTypeStore?: UmbDataTypeStore;
+	private _dataTypeStoreSubscription?: Subscription;
+
+	private _notificationService?: UmbNotificationService;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbDataTypeStore', (store: UmbDataTypeStore) => {
+			this._dataTypeStore = store;
+			this._useDataType();
+		});
+
+		this.consumeContext('umbNotificationService', (service: UmbNotificationService) => {
+			this._notificationService = service;
+		});
+
+		this.provideContext('umbDataType', this._dataTypeContext);
+	}
+
+	private _useDataType() {
+		this._dataTypeStoreSubscription?.unsubscribe();
+
+		// TODO: This should be done in a better way, but for now it works.
+		this._dataTypeStoreSubscription = this._dataTypeStore?.getById(parseInt(this.id)).subscribe((dataType) => {
+			if (!dataType) return; // TODO: Handle nicely if there is no node.
+
+			this._dataTypeContextSubscription?.unsubscribe();
+
+			if (!this._dataTypeContext) {
+				this._dataTypeContext = new UmbDataTypeContext(dataType);
+				this.provideContext('umbDataTypeContext', this._dataTypeContext);
+			} else {
+				this._dataTypeContext.update(dataType);
+			}
+
+			this._dataTypeContextSubscription = this._dataTypeContext.data.pipe(distinctUntilChanged()).subscribe((data) => {
+				this._dataType = data;
+			});
+		});
+	}
+
+	private async _onSave() {
+		// TODO: What if store is not present, what if node is not loaded....
+		if (!this._dataTypeStore) return;
+		if (!this._dataType) return;
+
+		try {
+			this._saveButtonState = 'waiting';
+			await this._dataTypeStore.save([this._dataType]);
+			const data: UmbNotificationDefaultData = { message: 'Data Type Saved' };
+			this._notificationService?.peek('positive', { data });
+			this._saveButtonState = 'success';
+		} catch (error) {
+			this._saveButtonState = 'failed';
+		}
+	}
+
+	// TODO. find a way where we don't have to do this for all editors.
+	private _handleInput(event: UUIInputEvent) {
+		if (event instanceof UUIInputEvent) {
+			const target = event.composedPath()[0] as UUIInputElement;
+
+			if (typeof target?.value === 'string') {
+				this._dataTypeContext?.update({ name: target.value });
+			}
+		}
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._dataTypeStoreSubscription?.unsubscribe();
+		this._dataTypeContextSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`
+			${this._dataType
+				? html`
+						<umb-editor-entity alias="Umb.Editor.DataType">
+							<uui-input id="name" slot="name" .value=${this._dataType?.name} @input="${this._handleInput}"></uui-input>
+							<!-- TODO: these could be extensions points too -->
+							<div slot="actions">
+								<uui-button
+									@click=${this._onSave}
+									look="primary"
+									color="positive"
+									label="Save"
+									.state="${this._saveButtonState}"></uui-button>
+							</div>
+						</umb-editor-entity>
+				  `
+				: nothing}
+		`;
+	}
+}
+
+export default UmbEditorDataTypeElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-data-type': UmbEditorDataTypeElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/editor-data-type.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/editor-data-type.stories.ts
new file mode 100644
index 0000000000..cdb79a4095
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/editor-data-type.stories.ts
@@ -0,0 +1,17 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbEditorDataTypeElement } from './editor-data-type.element';
+import './editor-data-type.element';
+
+import { data } from '../../../mocks/data/data-type.data';
+
+export default {
+	title: 'Editors/Data Type',
+	component: 'umb-editor-data-type',
+	id: 'umb-editor-data-type',
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorDataTypeElement> = () =>
+	html` <umb-editor-data-type id="${data[0].id}"></umb-editor-data-type>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/views/editor-view-data-type-edit.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/views/editor-view-data-type-edit.element.ts
new file mode 100644
index 0000000000..5fa870bdb6
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/views/editor-view-data-type-edit.element.ts
@@ -0,0 +1,103 @@
+import { css, html, LitElement } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { UmbContextConsumerMixin } from '../../../../core/context';
+import type { DataTypeEntity } from '../../../../mocks/data/data-type.data';
+import type { UmbExtensionManifestPropertyEditorUI, UmbExtensionRegistry } from '../../../../core/extension';
+import { Subscription, distinctUntilChanged } from 'rxjs';
+import { UmbDataTypeContext } from '../data-type.context';
+import { UUIComboboxListElement, UUIComboboxListEvent } from '@umbraco-ui/uui';
+
+@customElement('umb-editor-view-data-type-edit')
+export class UmbEditorViewDataTypeEditElement extends UmbContextConsumerMixin(LitElement) {
+	static styles = [UUITextStyles, css``];
+
+	@state()
+	_dataType?: DataTypeEntity;
+
+	@state()
+	private _propertyEditorUIs: Array<UmbExtensionManifestPropertyEditorUI> = [];
+
+	private _extensionRegistry?: UmbExtensionRegistry;
+	private _dataTypeContext?: UmbDataTypeContext;
+
+	private _propertyEditorUIsSubscription?: Subscription;
+	private _dataTypeSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbExtensionRegistry', (registry) => {
+			this._extensionRegistry = registry;
+			this._usePropertyEditorUIs();
+		});
+
+		this.consumeContext('umbDataTypeContext', (dataTypeContext) => {
+			this._dataTypeContext = dataTypeContext;
+			this._useDataType();
+		});
+	}
+
+	private _usePropertyEditorUIs() {
+		this._propertyEditorUIsSubscription = this._extensionRegistry
+			?.extensionsOfType('propertyEditorUI')
+			.subscribe((propertyEditorUIs) => {
+				this._propertyEditorUIs = propertyEditorUIs;
+			});
+	}
+
+	private _useDataType() {
+		this._dataTypeSubscription?.unsubscribe();
+
+		this._dataTypeSubscription = this._dataTypeContext?.data
+			.pipe(distinctUntilChanged())
+			.subscribe((dataType: DataTypeEntity) => {
+				this._dataType = dataType;
+			});
+	}
+
+	private _handleChange(event: UUIComboboxListEvent) {
+		if (!this._dataType) return;
+
+		const target = event.composedPath()[0] as UUIComboboxListElement;
+		const value = target.value as string;
+
+		this._dataTypeContext?.update({ propertyEditorUIAlias: value });
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+
+		this._propertyEditorUIsSubscription?.unsubscribe();
+		this._dataTypeSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`
+			<uui-box>
+				<!-- TODO: temp property editor ui selector. Change when we have dialogs -->
+				<h3>Property Editor UI</h3>
+				<uui-combobox-list value="${ifDefined(this._dataType?.propertyEditorUIAlias)}" @change="${this._handleChange}">
+					${this._propertyEditorUIs.map(
+						(propertyEditorUI) =>
+							html`<uui-combobox-list-option style="padding: 8px; margin: 0;" value="${propertyEditorUI.alias}">
+								<div style="display: flex; align-items: center;">
+									<uui-icon style="margin-right: 5px;" name="${propertyEditorUI.meta.icon}"></uui-icon>
+									${propertyEditorUI.name}
+								</div>
+							</uui-combobox-list-option>`
+					)}
+				</uui-combobox-list>
+			</uui-box>
+		`;
+	}
+}
+
+export default UmbEditorViewDataTypeEditElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-view-data-type-edit': UmbEditorViewDataTypeEditElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/views/editor-view-data-type-edit.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/views/editor-view-data-type-edit.stories.ts
new file mode 100644
index 0000000000..2a7cfb1ae7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/data-type/views/editor-view-data-type-edit.stories.ts
@@ -0,0 +1,23 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbDataTypeContext } from '../data-type.context';
+import { UmbEditorViewDataTypeEditElement } from './editor-view-data-type-edit.element';
+import './editor-view-data-type-edit.element';
+import { data } from '../../../../mocks/data/data-type.data';
+
+export default {
+	title: 'Editors/Data Type/Views/Edit',
+	component: 'umb-editor-view-data-type-edit',
+	id: 'umb-editor-view-data-type-edit',
+	decorators: [
+		(story) =>
+			html` <umb-context-provider key="umbDataTypeContext" .value=${new UmbDataTypeContext(data[0])}>
+				${story()}
+			</umb-context-provider>`,
+	],
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorViewDataTypeEditElement> = () =>
+	html` <umb-editor-view-data-type-edit></umb-editor-view-data-type-edit>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/document-type.context.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/document-type.context.ts
new file mode 100644
index 0000000000..aef036416b
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/document-type.context.ts
@@ -0,0 +1,28 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+import { DocumentTypeEntity } from '../../../mocks/data/document-type.data';
+
+export class UmbDocumentTypeContext {
+	// TODO: figure out how fine grained we want to make our observables.
+	private _data: BehaviorSubject<DocumentTypeEntity> = new BehaviorSubject({
+		id: -1,
+		key: '',
+		name: '',
+		alias: '',
+		properties: [],
+	});
+	public readonly data: Observable<DocumentTypeEntity> = this._data.asObservable();
+
+	constructor(documentType?: DocumentTypeEntity) {
+		if (!documentType) return;
+		this._data.next(documentType);
+	}
+
+	// TODO: figure out how we want to update data
+	public update(data: Partial<DocumentTypeEntity>) {
+		this._data.next({ ...this._data.getValue(), ...data });
+	}
+
+	public getData() {
+		return this._data.getValue();
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.element.ts
new file mode 100644
index 0000000000..c4bd628fe1
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.element.ts
@@ -0,0 +1,158 @@
+import { UUIButtonState, UUIInputElement, UUIInputEvent } from '@umbraco-ui/uui';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { distinctUntilChanged, Subscription } from 'rxjs';
+import { UmbContextConsumerMixin, UmbContextProviderMixin } from '../../../core/context';
+import { UmbNotificationService } from '../../../core/services/notification';
+import { UmbDocumentTypeStore } from '../../../core/stores/document-type.store';
+import { DocumentTypeEntity } from '../../../mocks/data/document-type.data';
+import { UmbDocumentTypeContext } from './document-type.context';
+
+import '../shared/editor-entity/editor-entity.element';
+
+// Lazy load
+// TODO: Make this dynamic, use load-extensions method to loop over extensions for this node.
+import './views/editor-view-document-type-design.element';
+import { UmbNotificationDefaultData } from '../../../core/services/notification/layouts/default';
+
+@customElement('umb-editor-document-type')
+export class UmbEditorDocumentTypeElement extends UmbContextProviderMixin(UmbContextConsumerMixin(LitElement)) {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+
+			#name {
+				width: 100%;
+			}
+
+			#alias {
+				padding: 0 var(--uui-size-space-3);
+			}
+		`,
+	];
+
+	@property()
+	id!: string;
+
+	@state()
+	private _documentType?: DocumentTypeEntity;
+
+	@state()
+	private _saveButtonState?: UUIButtonState;
+
+	private _documentTypeContext?: UmbDocumentTypeContext;
+	private _documentTypeContextSubscription?: Subscription;
+
+	private _documentTypeStore?: UmbDocumentTypeStore;
+	private _documentTypeStoreSubscription?: Subscription;
+
+	private _notificationService?: UmbNotificationService;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbDocumentTypeStore', (store: UmbDocumentTypeStore) => {
+			this._documentTypeStore = store;
+			this._useDocumentType();
+		});
+
+		this.consumeContext('umbNotificationService', (service: UmbNotificationService) => {
+			this._notificationService = service;
+		});
+
+		this.provideContext('umbDocumentType', this._documentTypeContext);
+	}
+
+	private _useDocumentType() {
+		this._documentTypeStoreSubscription?.unsubscribe();
+
+		// TODO: This should be done in a better way, but for now it works.
+		this._documentTypeStoreSubscription = this._documentTypeStore
+			?.getById(parseInt(this.id))
+			.subscribe((documentType) => {
+				if (!documentType) return; // TODO: Handle nicely if there is no document type
+
+				this._documentTypeContextSubscription?.unsubscribe();
+
+				if (!this._documentTypeContext) {
+					this._documentTypeContext = new UmbDocumentTypeContext(documentType);
+					this.provideContext('umbDocumentTypeContext', this._documentTypeContext);
+				} else {
+					this._documentTypeContext.update(documentType);
+				}
+
+				this._documentTypeContextSubscription = this._documentTypeContext.data
+					.pipe(distinctUntilChanged())
+					.subscribe((data) => {
+						this._documentType = data;
+					});
+			});
+	}
+
+	private async _onSave() {
+		// TODO: What if store is not present, what if node is not loaded....
+		if (!this._documentTypeStore) return;
+		if (!this._documentType) return;
+
+		try {
+			this._saveButtonState = 'waiting';
+			await this._documentTypeStore.save([this._documentType]);
+			const data: UmbNotificationDefaultData = { message: 'Document Type Saved' };
+			this._notificationService?.peek('positive', { data });
+			this._saveButtonState = 'success';
+		} catch (error) {
+			this._saveButtonState = 'failed';
+		}
+	}
+
+	// TODO. find a way where we don't have to do this for all editors.
+	private _handleInput(event: UUIInputEvent) {
+		if (event instanceof UUIInputEvent) {
+			const target = event.composedPath()[0] as UUIInputElement;
+
+			if (typeof target?.value === 'string') {
+				this._documentTypeContext?.update({ name: target.value });
+			}
+		}
+	}
+
+	render() {
+		return html`
+			<umb-editor-entity alias="Umb.Editor.DocumentType">
+				<div slot="icon">Icon</div>
+
+				<div slot="name">
+					<uui-input id="name" .value=${this._documentType?.name} @input="${this._handleInput}">
+						<div id="alias" slot="append">${this._documentType?.alias}</div>
+					</uui-input>
+				</div>
+
+				<div slot="footer">Keyboard Shortcuts</div>
+
+				<!-- TODO: these could be extensions points too -->
+				<div slot="actions">
+					<uui-button
+						@click=${this._onSave}
+						look="primary"
+						color="positive"
+						label="Save"
+						.state="${this._saveButtonState}"></uui-button>
+				</div>
+			</umb-editor-entity>
+		`;
+	}
+}
+
+export default UmbEditorDocumentTypeElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-document-type': UmbEditorDocumentTypeElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.stories.ts
new file mode 100644
index 0000000000..ea9a5f50f4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/editor-document-type.stories.ts
@@ -0,0 +1,17 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbEditorDocumentTypeElement } from './editor-document-type.element';
+import './editor-document-type.element';
+
+import { data } from '../../../mocks/data/document-type.data';
+
+export default {
+	title: 'Editors/Document Type',
+	component: 'umb-editor-document-type',
+	id: 'umb-editor-document-type',
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorDocumentTypeElement> = () =>
+	html` <umb-editor-document-type id="${data[0].id}"></umb-editor-document-type>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/views/editor-view-document-type-design.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/views/editor-view-document-type-design.element.ts
new file mode 100644
index 0000000000..4f5a744ac7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/views/editor-view-document-type-design.element.ts
@@ -0,0 +1,58 @@
+import { css, html, LitElement } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement, property, state } from 'lit/decorators.js';
+import { UmbContextConsumerMixin } from '../../../../core/context';
+import type { DocumentTypeEntity } from '../../../../mocks/data/document-type.data';
+import { Subscription, distinctUntilChanged } from 'rxjs';
+import { UmbDocumentTypeContext } from '../document-type.context';
+
+@customElement('umb-editor-view-document-type-design')
+export class UmbEditorViewDocumentTypeDesignElement extends UmbContextConsumerMixin(LitElement) {
+	static styles = [UUITextStyles, css``];
+
+	@property({ type: Object })
+	documentType?: DocumentTypeEntity;
+
+	@state()
+	_documentType?: DocumentTypeEntity;
+
+	private _documentTypeContext?: UmbDocumentTypeContext;
+
+	private _documentTypeSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbDocumentTypeContext', (documentTypeContext) => {
+			this._documentTypeContext = documentTypeContext;
+			this._useDocumentType();
+		});
+	}
+
+	private _useDocumentType() {
+		this._documentTypeSubscription?.unsubscribe();
+
+		this._documentTypeSubscription = this._documentTypeContext?.data
+			.pipe(distinctUntilChanged())
+			.subscribe((documentType) => {
+				this._documentType = documentType;
+			});
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._documentTypeSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`<div>Design of ${this._documentType?.name}</div>`;
+	}
+}
+
+export default UmbEditorViewDocumentTypeDesignElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-view-document-type-design': UmbEditorViewDocumentTypeDesignElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/views/editor-view-document-type-design.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/views/editor-view-document-type-design.stories.ts
new file mode 100644
index 0000000000..cd747c26ce
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/document-type/views/editor-view-document-type-design.stories.ts
@@ -0,0 +1,23 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbDocumentTypeContext } from '../document-type.context';
+import { UmbEditorViewDocumentTypeDesignElement } from './editor-view-document-type-design.element';
+import './editor-view-document-type-design.element';
+import { data } from '../../../../mocks/data/document-type.data';
+
+export default {
+	title: 'Editors/Document Type/Views/Design',
+	component: 'umb-editor-view-document-type-design',
+	id: 'umb-editor-view-document-type-design',
+	decorators: [
+		(story) =>
+			html` <umb-context-provider key="umbDocumentTypeContext" .value=${new UmbDocumentTypeContext(data[0])}>
+				${story()}
+			</umb-context-provider>`,
+	],
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorViewDocumentTypeDesignElement> = () =>
+	html` <umb-editor-view-document-type-design></umb-editor-view-document-type-design>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/extensions/editor-extensions.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/extensions/editor-extensions.element.ts
new file mode 100644
index 0000000000..de709ca97b
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/extensions/editor-extensions.element.ts
@@ -0,0 +1,83 @@
+import { html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { Subscription } from 'rxjs';
+import { UmbContextConsumerMixin } from '../../../core/context';
+import { UmbExtensionManifest, UmbExtensionRegistry } from '../../../core/extension';
+
+import '../shared/editor-entity/editor-entity.element';
+
+@customElement('umb-editor-extensions')
+export class UmbEditorExtensionsElement extends UmbContextConsumerMixin(LitElement) {
+	@state()
+	private _extensions: Array<UmbExtensionManifest> = [];
+
+	private _extensionRegistry?: UmbExtensionRegistry;
+	private _extensionsSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbExtensionRegistry', (_instance: UmbExtensionRegistry) => {
+			this._extensionRegistry = _instance;
+
+			this._extensionsSubscription?.unsubscribe();
+
+			// TODO: Niels: Could we make it easier to unsubscribe? If we invented a Pattern/Mixin/class ala Lit-Controllers we could make it auto unsubscribe.
+			// ContextConsumers could be turned into single classes which uses the 'Controller' ability to hook into connected and disconnected.
+			// Generally that means that a web component must have the ControllerMixin?? and then controllers can easily be attached, they would know about life cycle and thereby be able to unsubscribe on disconnected etc.
+			//
+			// All code regarding subscription could be boiled down to:
+			// OurUmbracoSubscribeMethod(this, this._extensionRegistry.extensions, (extensions) => {}); // uses `this` to append the subscription to the controller array.
+			// Or:
+			// this.attachSubscription(this._extensionRegistry.extensions, (extensions) => {});
+			this._extensionsSubscription = this._extensionRegistry.extensions.subscribe((extensions) => {
+				this._extensions = [...extensions]; // TODO: Though, this is a shallow clone, wouldn't we either do a deep clone or no clone at all?
+			});
+
+			this._extensionsSubscription = this._extensionRegistry.extensionsOfType('section').subscribe((sections) => {
+				// In this callback sections are typed. Example meta.weight...
+				console.log(sections[0].meta.weight);
+			});
+		});
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._extensionsSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`
+			<umb-editor-entity alias="Umb.Editor.Extensions">
+				<h3 slot="name">Extensions</h3>
+				<uui-box headline="Extensions">
+					<uui-table>
+						<uui-table-head>
+							<uui-table-head-cell>Type</uui-table-head-cell>
+							<uui-table-head-cell>Name</uui-table-head-cell>
+							<uui-table-head-cell>Alias</uui-table-head-cell>
+						</uui-table-head>
+
+						${this._extensions.map(
+							(extension) => html`
+								<uui-table-row>
+									<uui-table-cell>${extension.type}</uui-table-cell>
+									<uui-table-cell>${extension.name}</uui-table-cell>
+									<uui-table-cell>${extension.alias}</uui-table-cell>
+								</uui-table-row>
+							`
+						)}
+					</uui-table>
+				</uui-box>
+			</umb-editor-entity>
+		`;
+	}
+}
+
+export default UmbEditorExtensionsElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-extensions': UmbEditorExtensionsElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/extensions/editor-extensions.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/extensions/editor-extensions.stories.ts
new file mode 100644
index 0000000000..d084a04646
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/extensions/editor-extensions.stories.ts
@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbEditorExtensionsElement } from './editor-extensions.element';
+import './editor-extensions.element';
+
+export default {
+	title: 'Editors/Extensions',
+	component: 'umb-editor-extensions',
+	id: 'umb-editor-extensions',
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorExtensionsElement> = () =>
+	html` <umb-editor-extensions></umb-editor-extensions>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/media/editor-media.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/media/editor-media.element.ts
new file mode 100644
index 0000000000..6c20a43fdf
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/media/editor-media.element.ts
@@ -0,0 +1,38 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+
+import '../shared/node/editor-node.element';
+
+@customElement('umb-editor-media')
+export class UmbEditorMediaElement extends LitElement {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+		`,
+	];
+
+	@property()
+	id!: string;
+
+	constructor() {
+		super();
+	}
+
+	render() {
+		return html`<umb-editor-node id=${this.id} alias="Umb.Editor.Media"></umb-editor-node>`;
+	}
+}
+
+export default UmbEditorMediaElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-media': UmbEditorMediaElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/media/editor-media.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/media/editor-media.stories.ts
new file mode 100644
index 0000000000..d036b1cf53
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/media/editor-media.stories.ts
@@ -0,0 +1,19 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbEditorMediaElement } from './editor-media.element';
+import './editor-media.element';
+
+import { data } from '../../../mocks/data/node.data';
+
+export default {
+	title: 'Editors/Media',
+	component: 'umb-editor-media',
+	id: 'umb-editor-media',
+} as Meta;
+
+const mediaNodes = data.filter((node) => node.type === 'media');
+
+export const AAAOverview: Story<UmbEditorMediaElement> = () =>
+	html` <umb-editor-media id="${mediaNodes[0].id}"></umb-editor-media>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-entity/editor-entity.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-entity/editor-entity.element.ts
new file mode 100644
index 0000000000..8d52e1095c
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-entity/editor-entity.element.ts
@@ -0,0 +1,191 @@
+import { css, html, LitElement, nothing } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement, property, state } from 'lit/decorators.js';
+import { UmbContextConsumerMixin } from '../../../../core/context';
+import { UmbExtensionManifestEditorView, UmbExtensionRegistry } from '../../../../core/extension';
+import { map, Subscription } from 'rxjs';
+import { IRoute, IRoutingInfo, RouterSlot } from 'router-slot';
+
+import '../editor-layout/editor-layout.element';
+@customElement('umb-editor-entity')
+export class UmbEditorEntity extends UmbContextConsumerMixin(LitElement) {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+
+			#header {
+				display: flex;
+				gap: 16px;
+				align-items: center;
+				min-height: 60px;
+			}
+
+			#name {
+				display: block;
+				flex: 1 1 auto;
+			}
+
+			#footer {
+				display: flex;
+				height: 100%;
+				align-items: center;
+				gap: 16px;
+				flex: 1 1 auto;
+			}
+
+			#actions {
+				display: block;
+				margin-left: auto;
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			uui-tab-group {
+				--uui-tab-divider: var(--uui-color-border);
+				border-left: 1px solid var(--uui-color-border);
+				border-right: 1px solid var(--uui-color-border);
+			}
+		`,
+	];
+
+	@property()
+	alias = '';
+
+	@property()
+	name = '';
+
+	@state()
+	private _editorViews: Array<UmbExtensionManifestEditorView> = [];
+
+	@state()
+	private _currentView = '';
+
+	@state()
+	private _routes: Array<IRoute> = [];
+
+	private _extensionRegistry?: UmbExtensionRegistry;
+	private _editorViewsSubscription?: Subscription;
+	private _routerFolder = '';
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbExtensionRegistry', (extensionRegistry: UmbExtensionRegistry) => {
+			this._extensionRegistry = extensionRegistry;
+			this._useEditorViews();
+		});
+	}
+
+	connectedCallback(): void {
+		super.connectedCallback();
+		/* TODO: find a way to construct absolute urls */
+		this._routerFolder = window.location.pathname.split('/view')[0];
+	}
+
+	private _useEditorViews() {
+		this._editorViewsSubscription?.unsubscribe();
+
+		this._editorViewsSubscription = this._extensionRegistry
+			?.extensionsOfType('editorView')
+			.pipe(
+				map((extensions) =>
+					extensions
+						.filter((extension) => extension.meta.editors.includes(this.alias))
+						.sort((a, b) => b.meta.weight - a.meta.weight)
+				)
+			)
+			.subscribe((editorViews) => {
+				this._editorViews = editorViews;
+				this._createRoutes();
+			});
+	}
+
+	private async _createRoutes() {
+		if (this._editorViews.length > 0) {
+			this._routes = [];
+
+			this._routes = this._editorViews.map((view) => {
+				return {
+					path: `view/${view.meta.pathname}`,
+					component: () => document.createElement(view.elementName || 'div'),
+					setup: (element: HTMLElement, info: IRoutingInfo) => {
+						this._currentView = info.match.route.path;
+					},
+				};
+			});
+
+			this._routes.push({
+				path: '**',
+				redirectTo: `view/${this._editorViews?.[0].meta.pathname}`,
+			});
+
+			this.requestUpdate();
+			await this.updateComplete;
+
+			this._forceRouteRender();
+		}
+	}
+
+	// TODO: Figure out why this has been necessary for this case. Come up with another case
+	private _forceRouteRender() {
+		const routerSlotEl = this.shadowRoot?.querySelector('router-slot') as RouterSlot;
+		if (routerSlotEl) {
+			routerSlotEl.render();
+		}
+	}
+
+	private _renderViews() {
+		return html`
+			${this._editorViews?.length > 0
+				? html`
+						<uui-tab-group slot="views">
+							${this._editorViews.map(
+								(view: UmbExtensionManifestEditorView) => html`
+									<uui-tab
+										.label="${view.name}"
+										href="${this._routerFolder}/view/${view.meta.pathname}"
+										?active="${this._currentView.includes(view.meta.pathname)}">
+										<uui-icon slot="icon" name="${view.meta.icon}"></uui-icon>
+										${view.name}
+									</uui-tab>
+								`
+							)}
+						</uui-tab-group>
+				  `
+				: nothing}
+		`;
+	}
+
+	render() {
+		return html`
+			<umb-editor-layout>
+				<div id="header" slot="header">
+					<slot id="icon" name="icon"></slot>
+					<slot id="name" name="name"></slot>
+					${this._renderViews()}
+				</div>
+
+				<router-slot .routes="${this._routes}"></router-slot>
+				<slot></slot>
+
+				<div id="footer" slot="footer">
+					<slot name="footer"></slot>
+					<slot id="actions" name="actions"></slot>
+				</div>
+			</umb-editor-layout>
+		`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-entity': UmbEditorEntity;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-entity/editor-entity.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-entity/editor-entity.stories.ts
new file mode 100644
index 0000000000..c66266d79d
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-entity/editor-entity.stories.ts
@@ -0,0 +1,20 @@
+import { UmbEditorEntity } from './editor-entity.element';
+import './editor-entity.element';
+
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+export default {
+	title: 'Editors/Shared/Editor Entity',
+	component: 'umb-editor-entity',
+	id: 'umb-editor-entity',
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorEntity> = () => html` <umb-editor-entity>
+	<div slot="icon"><uui-button color="" look="placeholder">Icon slot</uui-button></div>
+	<div slot="name"><uui-button color="" look="placeholder">Name slot</uui-button></div>
+	<div slot="footer"><uui-button color="" look="placeholder">Footer slot</uui-button></div>
+	<div slot="actions"><uui-button color="" look="placeholder">Actions slot</uui-button></div>
+	<uui-button color="" look="placeholder">Main slot</uui-button>
+</umb-editor-entity>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/editor-layout.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-layout/editor-layout.element.ts
similarity index 80%
rename from src/Umbraco.Web.UI.Client/src/backoffice/components/editor-layout.element.ts
rename to src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-layout/editor-layout.element.ts
index ae7376b5eb..8d01d667a3 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/editor-layout.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-layout/editor-layout.element.ts
@@ -3,7 +3,7 @@ import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { customElement } from 'lit/decorators.js';
 
 @customElement('umb-editor-layout')
-class UmbEditorLayout extends LitElement {
+export class UmbEditorLayout extends LitElement {
 	static styles = [
 		UUITextStyles,
 		css`
@@ -24,11 +24,9 @@ class UmbEditorLayout extends LitElement {
 			#header {
 				background-color: var(--uui-color-surface);
 				width: 100%;
-				display: flex;
-				flex: none;
-				gap: 16px;
-				align-items: center;
 				border-bottom: 1px solid var(--uui-color-border);
+				box-sizing: border-box;
+				padding: 0 var(--uui-size-6);
 			}
 
 			#main {
@@ -36,18 +34,14 @@ class UmbEditorLayout extends LitElement {
 				display: flex;
 				flex: 1;
 				flex-direction: column;
-				gap: 16px;
 			}
 
 			#footer {
 				display: flex;
-				flex: none;
-				justify-content: end;
 				align-items: center;
 				height: 70px;
 				width: 100%;
-				gap: 16px;
-				padding-right: 24px;
+				padding: 0 var(--uui-size-6);
 				border-top: 1px solid var(--uui-color-border);
 				background-color: var(--uui-color-surface);
 				box-sizing: border-box;
@@ -59,15 +53,14 @@ class UmbEditorLayout extends LitElement {
 		return html`
 			<div id="editor-frame">
 				<div id="header">
-					<slot name="name"></slot>
-					<slot name="apps"></slot>
+					<slot name="header"></slot>
 				</div>
 				<uui-scroll-container id="main">
 					<slot></slot>
 				</uui-scroll-container>
 				<div id="footer">
 					<!-- only show footer if slot has elements -->
-					<slot name="actions"></slot>
+					<slot name="footer"></slot>
 				</div>
 			</div>
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-layout/editor-layout.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-layout/editor-layout.stories.ts
new file mode 100644
index 0000000000..86cb91589b
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/editor-layout/editor-layout.stories.ts
@@ -0,0 +1,18 @@
+import { UmbEditorLayout } from './editor-layout.element';
+import './editor-layout.element';
+
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+export default {
+	title: 'Editors/Shared/Editor Layout',
+	component: 'umb-editor-layout',
+	id: 'umb-editor-layout',
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorLayout> = () => html` <umb-editor-layout>
+	<div slot="header"><uui-button color="" look="placeholder">Header slot</uui-button></div>
+	<uui-button color="" look="placeholder">Main slot</uui-button>
+	<div slot="footer"><uui-button color="" look="placeholder">Footer slot</uui-button></div>
+</umb-editor-layout>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/editor-node.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/editor-node.element.ts
new file mode 100644
index 0000000000..0a315d3c23
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/editor-node.element.ts
@@ -0,0 +1,229 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { UUIInputElement, UUIInputEvent } from '@umbraco-ui/uui';
+import { UmbContextConsumerMixin, UmbContextProviderMixin } from '../../../../core/context';
+import { UmbNodeStore } from '../../../../core/stores/node.store';
+import { distinctUntilChanged, Subscription } from 'rxjs';
+import { NodeEntity } from '../../../../mocks/data/node.data';
+import type { UmbNotificationService } from '../../../../core/services/notification';
+import { UmbNodeContext } from './node.context';
+
+import '../../shared/editor-entity/editor-entity.element';
+
+// Lazy load
+// TODO: Make this dynamic, use load-extensions method to loop over extensions for this node.
+import './views/edit/editor-view-node-edit.element';
+import './views/info/editor-view-node-info.element';
+import { UmbNotificationDefaultData } from '../../../../core/services/notification/layouts/default';
+
+@customElement('umb-editor-node')
+export class UmbEditorNodeElement extends UmbContextProviderMixin(UmbContextConsumerMixin(LitElement)) {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+
+			#popover {
+				display: block;
+			}
+
+			#dropdown {
+				overflow: hidden;
+				z-index: -1;
+				background-color: var(--uui-combobox-popover-background-color, var(--uui-color-surface));
+				border: 1px solid var(--uui-color-border);
+				border-radius: var(--uui-border-radius);
+				width: 100%;
+				height: 100%;
+				box-sizing: border-box;
+				box-shadow: var(--uui-shadow-depth-3);
+			}
+
+			uui-input {
+				width: 100%;
+			}
+		`,
+	];
+
+	@property()
+	id!: string;
+
+	@property()
+	alias!: string;
+
+	@state()
+	_node?: NodeEntity;
+
+	private _nodeStore?: UmbNodeStore;
+	private _nodeStoreSubscription?: Subscription;
+
+	private _nodeContext?: UmbNodeContext;
+	private _nodeContextSubscription?: Subscription;
+
+	private _notificationService?: UmbNotificationService;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbNodeStore', (store: UmbNodeStore) => {
+			this._nodeStore = store;
+			this._useNode();
+		});
+
+		this.consumeContext('umbNotificationService', (service: UmbNotificationService) => {
+			this._notificationService = service;
+		});
+
+		this.addEventListener('property-value-change', this._onPropertyValueChange);
+	}
+
+	private _onPropertyValueChange = (e: Event) => {
+		const target = e.composedPath()[0] as any;
+
+		// TODO: Set value.
+		const property = this._node?.properties.find((x) => x.alias === target.property.alias);
+		if (property) {
+			this._setPropertyValue(property.alias, target.value);
+		} else {
+			console.error('property was not found', target.property.alias);
+		}
+	};
+
+	private _setPropertyValue(alias: string, value: unknown) {
+		this._node?.data.forEach((data) => {
+			if (data.alias === alias) {
+				data.value = value;
+			}
+		});
+	}
+
+	private _useNode() {
+		this._nodeStoreSubscription?.unsubscribe();
+
+		this._nodeStoreSubscription = this._nodeStore?.getById(parseInt(this.id)).subscribe((node) => {
+			if (!node) return; // TODO: Handle nicely if there is no node.
+
+			this._nodeContextSubscription?.unsubscribe();
+
+			if (!this._nodeContext) {
+				this._nodeContext = new UmbNodeContext(node);
+				this.provideContext('umbNodeContext', this._nodeContext);
+			} else {
+				this._nodeContext.update(node);
+			}
+
+			this._nodeContextSubscription = this._nodeContext.data.pipe(distinctUntilChanged()).subscribe((data) => {
+				this._node = data;
+			});
+		});
+	}
+
+	private _onSaveAndPublish() {
+		this._onSave();
+	}
+
+	private _onSave() {
+		// TODO: What if store is not present, what if node is not loaded....
+		if (this._node) {
+			this._nodeStore?.save([this._node]).then(() => {
+				const data: UmbNotificationDefaultData = { message: 'Document Saved' };
+				this._notificationService?.peek('positive', { data });
+			});
+		}
+	}
+
+	private _onSaveAndPreview() {
+		this._onSave();
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._nodeStoreSubscription?.unsubscribe();
+		this._nodeContextSubscription?.unsubscribe();
+		delete this._node;
+	}
+
+	// TODO. find a way where we don't have to do this for all editors.
+	private _handleInput(event: UUIInputEvent) {
+		if (event instanceof UUIInputEvent) {
+			const target = event.composedPath()[0] as UUIInputElement;
+
+			if (typeof target?.value === 'string') {
+				this._nodeContext?.update({ name: target.value });
+			}
+		}
+	}
+
+	private _toggleVariantSelector() {
+		this._variantSelectorIsOpen = !this._variantSelectorIsOpen;
+	}
+
+	@state()
+	private _variantSelectorIsOpen = false;
+
+	private _close() {
+		this._variantSelectorIsOpen = false;
+	}
+
+	render() {
+		return html`
+			<umb-editor-entity alias=${this.alias}>
+				<div slot="name">
+					<uui-input .value=${this._node?.name} @input="${this._handleInput}">
+						<!-- Implement Variant Selector -->
+						${this._node && this._node.variants.length > 0
+							? html`
+									<div slot="append">
+										<uui-button id="trigger" @click=${this._toggleVariantSelector}>
+											English (United States)
+											<uui-caret></uui-caret>
+										</uui-button>
+									</div>
+							  `
+							: nothing}
+					</uui-input>
+
+					<!-- Implement Variant Selector -->
+					${this._node && this._node.variants.length > 0
+						? html`
+								<uui-popover id="popover" .open=${this._variantSelectorIsOpen} @close=${this._close}>
+									<div id="dropdown" slot="popover">
+										<uui-scroll-container id="scroll-container">
+											<ul>
+												<li>Implement variants</li>
+											</ul>
+										</uui-scroll-container>
+									</div>
+								</uui-popover>
+						  `
+						: nothing}
+				</div>
+
+				<div slot="footer">Breadcrumbs</div>
+
+				<div slot="actions">
+					<uui-button @click=${this._onSaveAndPreview} label="Save and preview"></uui-button>
+					<uui-button @click=${this._onSave} look="secondary" label="Save"></uui-button>
+					<uui-button
+						@click=${this._onSaveAndPublish}
+						look="primary"
+						color="positive"
+						label="Save and publish"></uui-button>
+				</div>
+			</umb-editor-entity>
+		`;
+	}
+}
+
+export default UmbEditorNodeElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-node': UmbEditorNodeElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/editor-node.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/editor-node.stories.ts
new file mode 100644
index 0000000000..8018fa8eb7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/editor-node.stories.ts
@@ -0,0 +1,17 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbEditorNodeElement } from './editor-node.element';
+import './editor-node.element';
+
+import { data } from '../../../../mocks/data/node.data';
+
+export default {
+	title: 'Editors/Shared/Node',
+	component: 'umb-editor-node',
+	id: 'umb-editor-node',
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorNodeElement> = () =>
+	html` <umb-editor-node id="${data[0].id}"></umb-editor-node>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/node.context.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/node.context.ts
new file mode 100644
index 0000000000..ca831214da
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/node.context.ts
@@ -0,0 +1,47 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+import { NodeEntity } from '../../../../mocks/data/node.data';
+
+export class UmbNodeContext {
+	// TODO: figure out how fine grained we want to make our observables.
+	private _data: BehaviorSubject<NodeEntity> = new BehaviorSubject({
+		id: -1,
+		key: '',
+		name: '',
+		type: '',
+		icon: '',
+		properties: [
+			{
+				alias: '',
+				label: '',
+				description: '',
+				dataTypeKey: '',
+			},
+		],
+		data: [
+			{
+				alias: '',
+				value: '',
+			},
+		],
+		variants: [
+			{
+				name: '',
+			},
+		],
+	});
+	public readonly data: Observable<NodeEntity> = this._data.asObservable();
+
+	constructor(node: NodeEntity) {
+		if (!node) return;
+		this._data.next(node);
+	}
+
+	// TODO: figure out how we want to update data
+	public update(data: Partial<NodeEntity>) {
+		this._data.next({ ...this._data.getValue(), ...data });
+	}
+
+	public getData() {
+		return this._data.getValue();
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/edit/editor-view-node-edit.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/edit/editor-view-node-edit.element.ts
new file mode 100644
index 0000000000..171c1ec2a1
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/edit/editor-view-node-edit.element.ts
@@ -0,0 +1,77 @@
+import { css, html, LitElement } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement, state } from 'lit/decorators.js';
+import { NodeProperty, NodePropertyData } from '../../../../../../mocks/data/node.data';
+import { UmbContextConsumerMixin } from '../../../../../../core/context';
+import { UmbNodeContext } from '../../node.context';
+import { Subscription, distinctUntilChanged } from 'rxjs';
+
+import '../../../../../components/node-property.element';
+
+@customElement('umb-editor-view-node-edit')
+export class UmbEditorViewNodeEditElement extends UmbContextConsumerMixin(LitElement) {
+	static styles = [
+		UUITextStyles,
+		css`
+			hr {
+				border: 0;
+				border-top: 1px solid var(--uui-color-border);
+			}
+		`,
+	];
+
+	@state()
+	_properties: NodeProperty[] = [];
+
+	@state()
+	_data: NodePropertyData[] = [];
+
+	private _nodeContext?: UmbNodeContext;
+	private _nodeContextSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbNodeContext', (nodeContext) => {
+			this._nodeContext = nodeContext;
+			this._useNode();
+		});
+	}
+
+	private _useNode() {
+		this._nodeContextSubscription?.unsubscribe();
+
+		this._nodeContextSubscription = this._nodeContext?.data.pipe(distinctUntilChanged()).subscribe((node) => {
+			this._properties = node.properties;
+			this._data = node.data;
+		});
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._nodeContextSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`
+			<uui-box>
+				${this._properties.map(
+					(property: NodeProperty) => html`
+						<umb-node-property
+							.property=${property}
+							.value=${this._data.find((data) => data.alias === property.alias)?.value}></umb-node-property>
+						<hr />
+					`
+				)}
+			</uui-box>
+		`;
+	}
+}
+
+export default UmbEditorViewNodeEditElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-view-node-edit': UmbEditorViewNodeEditElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/edit/editor-view-node-edit.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/edit/editor-view-node-edit.stories.ts
new file mode 100644
index 0000000000..1910d9d838
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/edit/editor-view-node-edit.stories.ts
@@ -0,0 +1,23 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbNodeContext } from '../../node.context';
+import { UmbEditorViewNodeEditElement } from './editor-view-node-edit.element';
+import './editor-view-node-edit.element';
+import { data } from '../../../../../../mocks/data/node.data';
+
+export default {
+	title: 'Editors/Shared/Node/Views/Edit',
+	component: 'umb-editor-view-node-edit',
+	id: 'umb-editor-view-node-edit',
+	decorators: [
+		(story) =>
+			html` <umb-context-provider key="umbNodeContext" .value=${new UmbNodeContext(data[0])}>
+				${story()}
+			</umb-context-provider>`,
+	],
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorViewNodeEditElement> = () =>
+	html` <umb-editor-view-node-edit></umb-editor-view-node-edit>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/info/editor-view-node-info.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/info/editor-view-node-info.element.ts
new file mode 100644
index 0000000000..e987b05ea7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/info/editor-view-node-info.element.ts
@@ -0,0 +1,46 @@
+import { css, html, LitElement } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement, state } from 'lit/decorators.js';
+import { UmbContextConsumerMixin } from '../../../../../../core/context';
+import { UmbNodeContext } from '../../node.context';
+import { Subscription, distinctUntilChanged } from 'rxjs';
+
+@customElement('umb-editor-view-node-info')
+export class UmbEditorViewNodeInfoElement extends UmbContextConsumerMixin(LitElement) {
+	static styles = [UUITextStyles, css``];
+
+	private _nodeContext?: UmbNodeContext;
+	private _nodeContextSubscription?: Subscription;
+
+	@state()
+	private _nodeName = '';
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbNodeContext', (nodeContext) => {
+			this._nodeContext = nodeContext;
+			this._useNode();
+		});
+	}
+
+	private _useNode() {
+		this._nodeContextSubscription?.unsubscribe();
+
+		this._nodeContextSubscription = this._nodeContext?.data.pipe(distinctUntilChanged()).subscribe((node) => {
+			this._nodeName = node.name;
+		});
+	}
+
+	render() {
+		return html`<div>Info Editor View for ${this._nodeName}</div>`;
+	}
+}
+
+export default UmbEditorViewNodeInfoElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-view-node-info': UmbEditorViewNodeInfoElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/info/editor-view-node-info.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/info/editor-view-node-info.stories.ts
new file mode 100644
index 0000000000..da306f5605
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/shared/node/views/info/editor-view-node-info.stories.ts
@@ -0,0 +1,23 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbNodeContext } from '../../node.context';
+import { UmbEditorViewNodeInfoElement } from './editor-view-node-info.element';
+import './editor-view-node-info.element';
+import { data } from '../../../../../../mocks/data/node.data';
+
+export default {
+	title: 'Editors/Shared/Node/Views/Info',
+	component: 'umb-editor-view-node-info',
+	id: 'umb-editor-view-node-info',
+	decorators: [
+		(story) =>
+			html` <umb-context-provider key="umbNodeContext" .value=${new UmbNodeContext(data[0])}>
+				${story()}
+			</umb-context-provider>`,
+	],
+} as Meta;
+
+export const AAAOverview: Story<UmbEditorViewNodeInfoElement> = () =>
+	html` <umb-editor-view-node-info></umb-editor-view-node-info>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/property-editors/property-editor-content-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/property-editors/property-editor-content-picker.element.ts
new file mode 100644
index 0000000000..bb863d7443
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/property-editors/property-editor-content-picker.element.ts
@@ -0,0 +1,96 @@
+import { css, html, LitElement } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement, state } from 'lit/decorators.js';
+
+import { UmbContextConsumerMixin } from '../../core/context';
+import { UmbModalService } from '../../core/services/modal';
+
+// TODO: remove these imports when they are part of UUI
+import '@umbraco-ui/uui-modal';
+import '@umbraco-ui/uui-modal-sidebar';
+import '@umbraco-ui/uui-modal-container';
+import '@umbraco-ui/uui-modal-dialog';
+
+@customElement('umb-property-editor-content-picker')
+export class UmbPropertyEditorContentPicker extends UmbContextConsumerMixin(LitElement) {
+	static styles = [
+		UUITextStyles,
+		css`
+			h3 {
+				margin-left: 16px;
+				margin-right: 16px;
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			hr {
+				border: none;
+				border-bottom: 1px solid var(--uui-color-divider);
+				margin: 16px 0;
+			}
+
+			#add-button {
+				width: 100%;
+			}
+		`,
+	];
+
+	private _modalService?: UmbModalService;
+
+	@state()
+	private _selectedContent: any[] = [];
+
+	constructor() {
+		super();
+		this.consumeContext('umbModalService', (modalService: UmbModalService) => {
+			this._modalService = modalService;
+		});
+	}
+
+	private _open() {
+		const modalHandler = this._modalService?.contentPicker({ multiple: true });
+		modalHandler?.onClose.then(({ selection }: any) => {
+			this._selectedContent = [...this._selectedContent, ...selection];
+			this.requestUpdate('_selectedContent');
+		});
+	}
+
+	private _removeContent(index: number, content: any) {
+		const modalHandler = this._modalService?.confirm({
+			color: 'danger',
+			headline: 'Remove',
+			confirmLabel: 'Remove',
+			content: html`Remove <strong>${content.name}</strong>?`,
+		});
+
+		modalHandler?.onClose.then(({ confirmed }) => {
+			if (confirmed) {
+				this._selectedContent.splice(index, 1);
+				this.requestUpdate('_selectedContent');
+			}
+		});
+	}
+
+	private _renderContent(content: any, index: number) {
+		return html`
+			<uui-ref-node name=${content.name} detail=${content.id}>
+				<uui-action-bar slot="actions">
+					<uui-button @click=${() => this._removeContent(index, content)}>Remove</uui-button>
+				</uui-action-bar>
+			</uui-ref-node>
+		`;
+	}
+
+	render() {
+		return html`${this._selectedContent.map((content, index) => this._renderContent(content, index))}
+			<uui-button id="add-button" look="placeholder" @click=${this._open} label="open">Add</uui-button>`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-property-editor-content-picker': UmbPropertyEditorContentPicker;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section-tree.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section-tree.element.ts
index 9c9a367d42..daed40fc37 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section-tree.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section-tree.element.ts
@@ -1,10 +1,13 @@
 import { css, html, LitElement } from 'lit';
 import { customElement, state, property } from 'lit/decorators.js';
 import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
-import { data } from '../../../mocks/data/content.data';
+import { data } from '../../../mocks/data/node.data';
+import { UmbContextConsumerMixin } from '../../../core/context';
+import { UmbNodeStore } from '../../../core/stores/node.store';
+import { map, Subscription } from 'rxjs';
 
 @customElement('umb-content-section-tree')
-class UmbContentSectionTree extends LitElement {
+class UmbContentSectionTree extends UmbContextConsumerMixin(LitElement) {
 	static styles = [
 		UUITextStyles,
 		css`
@@ -19,11 +22,35 @@ class UmbContentSectionTree extends LitElement {
 
 	// simplified tree data for testing
 	@state()
-	_tree: Array<any> = data;
+	_tree: Array<any> = [];
 
 	@state()
 	_section?: string;
 
+	private _nodeStore?: UmbNodeStore;
+	private _nodesSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		// TODO: temp solution until we know where to get tree data from
+		this.consumeContext('umbNodeStore', (store) => {
+			this._nodeStore = store;
+
+			this._nodesSubscription = this._nodeStore
+				?.getAll()
+				.pipe(map((nodes) => nodes.filter((node) => node.type === 'document')))
+				.subscribe((mediaNodes) => {
+					this._tree = mediaNodes;
+				});
+		});
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._nodesSubscription?.unsubscribe();
+	}
+
 	render() {
 		return html`
 			<a href="${'/section/content'}">
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section.element.ts
index b1dad45aec..fdecbfa6e1 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/content/content-section.element.ts
@@ -30,7 +30,7 @@ export class UmbContentSection extends LitElement {
 		},
 		{
 			path: 'node/:nodeId',
-			component: () => import('../../components/node-editor.element'),
+			component: () => import('../../editors/content/editor-content.element'),
 			setup: (component: HTMLElement, info: IRoutingInfo) => {
 				this._currentNodeId = info.match.params.nodeId;
 				component.id = this._currentNodeId;
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/media/media-section-tree.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/media/media-section-tree.element.ts
new file mode 100644
index 0000000000..f03abb170a
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/media/media-section-tree.element.ts
@@ -0,0 +1,80 @@
+import { css, html, LitElement } from 'lit';
+import { customElement, state, property } from 'lit/decorators.js';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { data } from '../../../mocks/data/node.data';
+import { UmbContextConsumerMixin } from '../../../core/context';
+import { UmbNodeStore } from '../../../core/stores/node.store';
+import { map, Subscription } from 'rxjs';
+
+@customElement('umb-media-section-tree')
+class UmbMediaSectionTree extends UmbContextConsumerMixin(LitElement) {
+	static styles = [
+		UUITextStyles,
+		css`
+			h3 {
+				padding: var(--uui-size-4) var(--uui-size-8);
+			}
+		`,
+	];
+
+	@property()
+	public currentNodeId?: string;
+
+	// simplified tree data for testing
+	@state()
+	_tree: Array<any> = [];
+
+	@state()
+	_section?: string;
+
+	private _nodeStore?: UmbNodeStore;
+	private _nodesSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		// TODO: temp solution until we know where to get tree data from
+		this.consumeContext('umbNodeStore', (store) => {
+			this._nodeStore = store;
+
+			this._nodesSubscription = this._nodeStore
+				?.getAll()
+				.pipe(map((nodes) => nodes.filter((node) => node.type === 'media')))
+				.subscribe((mediaNodes) => {
+					this._tree = mediaNodes;
+				});
+		});
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+		this._nodesSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`
+			<a href="${'/section/media'}">
+				<h3>Media</h3>
+			</a>
+
+			<div class="nav-list">
+				${this._tree.map(
+					(item) => html`
+						<uui-menu-item
+							?active="${parseInt(this.currentNodeId || '-1') === item.id}"
+							label="${item.name}"
+							href="/section/media/node/${item.id}">
+							<uui-icon slot="icon" name="${item.icon}"></uui-icon>
+						</uui-menu-item>
+					`
+				)}
+			</div>
+		`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-media-section-tree': UmbMediaSectionTree;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/media/media-section.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/media/media-section.element.ts
new file mode 100644
index 0000000000..deaef0537a
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/media/media-section.element.ts
@@ -0,0 +1,62 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { IRoute, IRoutingInfo } from 'router-slot';
+
+import './media-section-tree.element';
+
+@customElement('umb-media-section')
+export class UmbMediaSection extends LitElement {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host,
+			#router-slot {
+				display: flex;
+				width: 100%;
+				height: 100%;
+			}
+		`,
+	];
+
+	@state()
+	private _routes: Array<IRoute> = [
+		{
+			path: 'dashboard',
+			component: () => import('../../components/section-dashboards.element'),
+			setup: () => {
+				this._currentNodeId = undefined;
+			},
+		},
+		{
+			path: 'node/:nodeId',
+			component: () => import('../../editors/media/editor-media.element'),
+			setup: (component: HTMLElement, info: IRoutingInfo) => {
+				this._currentNodeId = info.match.params.nodeId;
+				component.id = this._currentNodeId;
+			},
+		},
+		{
+			path: '**',
+			redirectTo: 'dashboard',
+		},
+	];
+
+	@state()
+	private _currentNodeId?: string;
+
+	render() {
+		return html`
+			<umb-section-sidebar>
+				<umb-media-section-tree .currentNodeId="${this._currentNodeId}"></umb-media-section-tree>
+			</umb-section-sidebar>
+			<router-slot id="router-slot" .routes="${this._routes}"></router-slot>
+		`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-media-section': UmbMediaSection;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/settings/settings-section-tree.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/settings/settings-section-tree.element.ts
new file mode 100644
index 0000000000..f5b2bfd084
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/settings/settings-section-tree.element.ts
@@ -0,0 +1,96 @@
+import { css, html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { data as dataTypeData } from '../../../mocks/data/data-type.data';
+import { data as documentTypeData } from '../../../mocks/data/document-type.data';
+import { UmbContextConsumerMixin } from '../../../core/context';
+import { UmbDataTypeStore } from '../../../core/stores/data-type.store';
+import { Subscription } from 'rxjs';
+import { UmbDocumentTypeStore } from '../../../core/stores/document-type.store';
+
+@customElement('umb-settings-section-tree')
+class UmbSettingsSectionTree extends UmbContextConsumerMixin(LitElement) {
+	static styles = [
+		UUITextStyles,
+		css`
+			h3 {
+				padding: var(--uui-size-4) var(--uui-size-8);
+			}
+		`,
+	];
+
+	// TODO: implement dynamic tree data
+	@state()
+	_dataTypes: Array<any> = [];
+
+	@state()
+	_documentTypes: Array<any> = [];
+
+	private _dataTypeStore?: UmbDataTypeStore;
+	private _documentTypeStore?: UmbDocumentTypeStore;
+
+	private _dataTypesSubscription?: Subscription;
+	private _documentTypesSubscription?: Subscription;
+
+	constructor() {
+		super();
+
+		// TODO: temp solution until we know where to get tree data from
+		this.consumeContext('umbDataTypeStore', (store) => {
+			this._dataTypeStore = store;
+
+			this._dataTypesSubscription = this._dataTypeStore?.getAll().subscribe((dataTypes) => {
+				this._dataTypes = dataTypes;
+			});
+		});
+
+		// TODO: temp solution until we know where to get tree data from
+		this.consumeContext('umbDocumentTypeStore', (store) => {
+			this._documentTypeStore = store;
+
+			this._documentTypesSubscription = this._documentTypeStore?.getAll().subscribe((documentTypes) => {
+				this._documentTypes = documentTypes;
+			});
+		});
+	}
+
+	disconnectedCallback(): void {
+		super.disconnectedCallback();
+
+		this._dataTypesSubscription?.unsubscribe();
+		this._documentTypesSubscription?.unsubscribe();
+	}
+
+	render() {
+		return html`
+			<a href="${'/section/settings'}">
+				<h3>Settings</h3>
+			</a>
+
+			<!-- TODO: hardcoded tree items. These should come the extensions -->
+			<uui-menu-item label="Extensions" href="/section/settings/extensions"></uui-menu-item>
+			<uui-menu-item label="Data Types" has-children>
+				${this._dataTypes.map(
+					(dataType) => html`
+						<uui-menu-item label="${dataType.name}" href="/section/settings/data-type/${dataType.id}"></uui-menu-item>
+					`
+				)}
+			</uui-menu-item>
+			<uui-menu-item label="Document Types" has-children>
+				${this._documentTypes.map(
+					(documentType) => html`
+						<uui-menu-item
+							label="${documentType.name}"
+							href="/section/settings/document-type/${documentType.id}"></uui-menu-item>
+					`
+				)}
+			</uui-menu-item>
+		`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-settings-section-tree': UmbSettingsSectionTree;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/sections/settings/settings-section.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/sections/settings/settings-section.element.ts
index 92d95baf90..d4e9fcd09b 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/sections/settings/settings-section.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/sections/settings/settings-section.element.ts
@@ -1,81 +1,54 @@
-import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
-import { css, html, LitElement } from 'lit';
+import { html, LitElement } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
-import { Subscription } from 'rxjs';
+import { IRoute, IRoutingInfo } from 'router-slot';
 import { UmbContextConsumerMixin } from '../../../core/context';
-import { UmbExtensionManifest, UmbExtensionRegistry } from '../../../core/extension';
 
+import './settings-section-tree.element';
 @customElement('umb-settings-section')
 export class UmbSettingsSection extends UmbContextConsumerMixin(LitElement) {
-	static styles = [
-		UUITextStyles,
-		css`
-			:host {
-				display: block;
-				padding: var(--uui-size-space-5);
-			}
-		`,
-	];
-
+	// TODO: hardcoded tree routes. These should come from extensions
 	@state()
-	private _extensions: Array<UmbExtensionManifest> = [];
-
-	private _extensionRegistry?: UmbExtensionRegistry;
-	private _extensionsSubscription?: Subscription;
-
-	constructor() {
-		super();
-
-		this.consumeContext('umbExtensionRegistry', (_instance: UmbExtensionRegistry) => {
-			this._extensionRegistry = _instance;
-
-			this._extensionsSubscription?.unsubscribe();
-
-			// TODO: Niels: Could we make it easier to unsubscribe? If we invented a Pattern/Mixin/class ala Lit-Controllers we could make it auto unsubscribe.
-			// ContextConsumers could be turned into single classes which uses the 'Controller' ability to hook into connected and disconnected.
-			// Generally that means that a web component must have the ControllerMixin?? and then controllers can easily be attached, they would know about life cycle and thereby be able to unsubscribe on disconnected etc.
-			//
-			// All code regarding subscription could be boiled down to:
-			// OurUmbracoSubscribeMethod(this, this._extensionRegistry.extensions, (extensions) => {}); // uses `this` to append the subscription to the controller array.
-			// Or:
-			// this.attachSubscription(this._extensionRegistry.extensions, (extensions) => {});
-			this._extensionsSubscription = this._extensionRegistry.extensions.subscribe((extensions) => {
-				this._extensions = [...extensions]; // TODO: Though, this is a shallow clone, wouldn't we either do a deep clone or no clone at all?
-			});
-
-			this._extensionsSubscription = this._extensionRegistry.extensionsOfType('section').subscribe((sections) => {
-				// In this callback sections are typed. Example meta.weight...
-				console.log(sections[0].meta.weight);
-			});
-		});
-	}
-
-	disconnectedCallback(): void {
-		super.disconnectedCallback();
-		this._extensionsSubscription?.unsubscribe();
-	}
+	private _routes: Array<IRoute> = [
+		{
+			path: 'dashboard',
+			component: () => import('../../components/section-dashboards.element'),
+		},
+		{
+			path: 'extensions',
+			component: () => import('../../editors/extensions/editor-extensions.element'),
+		},
+		// TODO: who should own this logic? Should it be each tree/editor that knows sub-routes?
+		{
+			path: 'data-type/:id',
+			component: () => import('../../editors/data-type/editor-data-type.element'),
+			setup(component: any, info: IRoutingInfo) {
+				component.id = info.match.params.id;
+			},
+		},
+		{
+			path: 'document-type/:id',
+			component: () => import('../../editors/document-type/editor-document-type.element'),
+			setup(component: any, info: IRoutingInfo) {
+				component.id = info.match.params.id;
+			},
+		},
+		{
+			path: '**',
+			redirectTo: 'dashboard',
+		},
+	];
 
 	render() {
 		return html`
-			<uui-box headline="Extensions">
-				<uui-table>
-					<uui-table-head>
-						<uui-table-head-cell>Type</uui-table-head-cell>
-						<uui-table-head-cell>Name</uui-table-head-cell>
-						<uui-table-head-cell>Alias</uui-table-head-cell>
-					</uui-table-head>
+			<umb-section-layout>
+				<umb-section-sidebar>
+					<umb-settings-section-tree></umb-settings-section-tree>
+				</umb-section-sidebar>
 
-					${this._extensions.map(
-						(extension) => html`
-							<uui-table-row>
-								<uui-table-cell>${extension.type}</uui-table-cell>
-								<uui-table-cell>${extension.name}</uui-table-cell>
-								<uui-table-cell>${extension.alias}</uui-table-cell>
-							</uui-table-row>
-						`
-					)}
-				</uui-table>
-			</uui-box>
+				<umb-section-main>
+					<router-slot id="router-slot" .routes="${this._routes}"></router-slot>
+				</umb-section-main>
+			</umb-section-layout>
 		`;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/core/context/context-provider.element.test.ts b/src/Umbraco.Web.UI.Client/src/core/context/context-provider.element.test.ts
new file mode 100644
index 0000000000..e8676ab1eb
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/context/context-provider.element.test.ts
@@ -0,0 +1,40 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+import { UmbContextConsumerMixin } from './context-consumer.mixin';
+import { UmbContextProviderElement } from './context-provider.element';
+
+@customElement('umb-context-test')
+export class ContextTestElement extends UmbContextConsumerMixin(LitElement) {
+	public value: string | null = null;
+	constructor() {
+		super();
+		this.consumeContext('test-context', (value) => {
+			this.value = value;
+		});
+	}
+}
+
+describe('UmbContextProvider', () => {
+	let element: UmbContextProviderElement;
+	let consumer: ContextTestElement;
+	const contextValue = 'test-value';
+
+	beforeEach(async () => {
+		element = await fixture(
+			html` <umb-context-provider key="test-context" .value=${contextValue}>
+				<umb-context-test></umb-context-test>
+			</umb-context-provider>`
+		);
+		consumer = element.getElementsByTagName('umb-context-test')[0] as ContextTestElement;
+	});
+
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbContextProviderElement);
+	});
+
+	it('provides the context', () => {
+		expect(consumer.value).to.equal(contextValue);
+	});
+});
diff --git a/src/Umbraco.Web.UI.Client/src/core/context/context-provider.element.ts b/src/Umbraco.Web.UI.Client/src/core/context/context-provider.element.ts
index 172c8aa476..575e81f818 100644
--- a/src/Umbraco.Web.UI.Client/src/core/context/context-provider.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/context/context-provider.element.ts
@@ -10,7 +10,7 @@ export class UmbContextProviderElement extends UmbContextProviderMixin(LitElemen
 	 * @required
 	 */
 	@property({ type: Object })
-	value!: unknown;
+	value: unknown;
 
 	/**
 	 * The key to provide to the context.
diff --git a/src/Umbraco.Web.UI.Client/src/core/extension/extension.registry.ts b/src/Umbraco.Web.UI.Client/src/core/extension/extension.registry.ts
index 7bece422e0..ec71384302 100644
--- a/src/Umbraco.Web.UI.Client/src/core/extension/extension.registry.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/extension/extension.registry.ts
@@ -33,19 +33,19 @@ export type UmbManifestPropertyEditorMeta = {
 	//description: string;
 	//configConfig: unknown; // we need a name and concept for how to setup editor-UI for
 };
-export type UmbExtensionManifestPropertyEditor = {
+export type UmbExtensionManifestPropertyEditorUI = {
 	type: 'propertyEditorUI';
 	meta: UmbManifestPropertyEditorMeta;
 } & UmbExtensionManifestBase;
 
 // Property Actions
 export type UmbExtensionManifestPropertyAction = {
-  type: 'propertyAction';
-  meta: UmbManifestPropertyActionMeta;
+	type: 'propertyAction';
+	meta: UmbManifestPropertyActionMeta;
 } & UmbExtensionManifestBase;
 
 export type UmbManifestPropertyActionMeta = {
-  propertyEditors: Array<string>;
+	propertyEditors: Array<string>;
 };
 
 // Dashboard:
@@ -61,6 +61,7 @@ export type UmbExtensionManifestDashboard = {
 
 // Editor View:
 export type UmbManifestEditorViewMeta = {
+	editors: Array<string>; // TODO: how to we want to filter views?
 	pathname: string; // TODO: how to we want to support pretty urls?
 	icon: string;
 	weight: number;
@@ -73,7 +74,7 @@ export type UmbExtensionManifestEditorView = {
 export type UmbExtensionManifestCore =
 	| UmbExtensionManifestSection
 	| UmbExtensionManifestDashboard
-	| UmbExtensionManifestPropertyEditor
+	| UmbExtensionManifestPropertyEditorUI
 	| UmbExtensionManifestPropertyAction
 	| UmbExtensionManifestEditorView;
 
@@ -114,7 +115,8 @@ export class UmbExtensionRegistry {
 	// Typings concept, need to put all core types to get a good array return type for the provided type...
 	extensionsOfType(type: 'section'): Observable<Array<UmbExtensionManifestSection>>;
 	extensionsOfType(type: 'dashboard'): Observable<Array<UmbExtensionManifestDashboard>>;
-	extensionsOfType(type: 'propertyEditor'): Observable<Array<UmbExtensionManifestPropertyEditor>>;
+	extensionsOfType(type: 'editorView'): Observable<Array<UmbExtensionManifestEditorView>>;
+	extensionsOfType(type: 'propertyEditorUI'): Observable<Array<UmbExtensionManifestPropertyEditorUI>>;
 	extensionsOfType(type: 'propertyAction'): Observable<Array<UmbExtensionManifestPropertyAction>>;
 	extensionsOfType(type: UmbExtensionManifestCoreTypes): Observable<Array<UmbExtensionManifestCore>>;
 	extensionsOfType(type: string): Observable<Array<UmbExtensionManifestOther>>;
diff --git a/src/Umbraco.Web.UI.Client/src/core/helpers/chai.ts b/src/Umbraco.Web.UI.Client/src/core/helpers/chai.ts
new file mode 100644
index 0000000000..a738f42671
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/helpers/chai.ts
@@ -0,0 +1,3 @@
+export const defaultA11yConfig = {
+	ignoredRules: ['color-contrast'],
+};
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/index.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/index.ts
new file mode 100644
index 0000000000..7cd0d81ba6
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/index.ts
@@ -0,0 +1,2 @@
+export * from './modal.service';
+export * from './modal-handler';
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/confirm/modal-layout-confirm.element.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/confirm/modal-layout-confirm.element.ts
new file mode 100644
index 0000000000..cdeab181b7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/confirm/modal-layout-confirm.element.ts
@@ -0,0 +1,47 @@
+import { html, TemplateResult } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement } from 'lit/decorators.js';
+import { UmbModalLayoutElement } from '../modal-layout.element';
+
+export interface UmbModalConfirmData {
+	headline: string;
+	content: TemplateResult | string;
+	color?: 'positive' | 'danger';
+	confirmLabel?: string;
+}
+
+@customElement('umb-modal-layout-confirm')
+export class UmbModalLayoutConfirmElement extends UmbModalLayoutElement<UmbModalConfirmData> {
+	static styles = [UUITextStyles];
+
+	private _handleConfirm() {
+		this.modalHandler?.close({ confirmed: true });
+	}
+
+	private _handleCancel() {
+		this.modalHandler?.close({ confirmed: false });
+	}
+
+	render() {
+		return html`
+			<uui-dialog-layout class="uui-text" .headline=${this.data?.headline || null}>
+				${this.data?.content}
+
+				<uui-button slot="actions" id="cancel" label="Cancel" @click="${this._handleCancel}">Cancel</uui-button>
+				<uui-button
+					slot="actions"
+					id="confirm"
+					color="${this.data?.color || 'positive'}"
+					look="primary"
+					label="${this.data?.confirmLabel || 'Confirm'}"
+					@click=${this._handleConfirm}></uui-button>
+			</uui-dialog-layout>
+		`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-modal-layout-confirm': UmbModalLayoutConfirmElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/confirm/modal-layout-confirm.stories.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/confirm/modal-layout-confirm.stories.ts
new file mode 100644
index 0000000000..f1e3e1f715
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/confirm/modal-layout-confirm.stories.ts
@@ -0,0 +1,38 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit';
+import { UmbModalLayoutConfirmElement, UmbModalConfirmData } from './modal-layout-confirm.element';
+import './modal-layout-confirm.element';
+
+export default {
+	title: 'API/Modals/Layouts/Confirm',
+	component: 'umb-modal-layout-confirm',
+	id: 'modal-layout-confirm',
+} as Meta;
+
+const positiveData: UmbModalConfirmData = {
+	headline: 'Publish with descendants',
+	content: html`Publish <b>This example</b> and all content items underneath and thereby making their content publicly
+		available.`,
+	confirmLabel: 'Publish',
+};
+
+export const Positive: Story<UmbModalLayoutConfirmElement> = () => html`
+	<!-- TODO: figure out if generics are allowed for properties: 
+	https://github.com/runem/lit-analyzer/issues/149
+	https://github.com/runem/lit-analyzer/issues/163 -->
+	<umb-modal-layout-confirm .data=${positiveData as any}></umb-modal-layout-confirm>
+`;
+
+const dangerData: UmbModalConfirmData = {
+	color: 'danger',
+	headline: 'Delete',
+	content: html`Delete <b>This example</b> and all items underneath.`,
+	confirmLabel: 'Delete',
+};
+
+export const Danger: Story<UmbModalLayoutConfirmElement> = () => html`
+	<!-- TODO: figure out if generics are allowed for properties: 
+	https://github.com/runem/lit-analyzer/issues/149
+	https://github.com/runem/lit-analyzer/issues/163 -->
+	<umb-modal-layout-confirm .data=${dangerData as any}></umb-modal-layout-confirm>
+`;
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/content-picker/modal-layout-content-picker.element.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/content-picker/modal-layout-content-picker.element.ts
new file mode 100644
index 0000000000..1e671bbbc2
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/content-picker/modal-layout-content-picker.element.ts
@@ -0,0 +1,122 @@
+import { css, html } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { customElement, state } from 'lit/decorators.js';
+import { UmbModalLayoutElement } from '../modal-layout.element';
+
+export interface UmbModalContentPickerData {
+	multiple?: boolean;
+}
+
+@customElement('umb-modal-layout-content-picker')
+export class UmbModalLayoutContentPickerElement extends UmbModalLayoutElement<UmbModalContentPickerData> {
+	static styles = [
+		UUITextStyles,
+		css`
+			h3 {
+				margin-left: 16px;
+				margin-right: 16px;
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			hr {
+				border: none;
+				border-bottom: 1px solid var(--uui-color-divider);
+				margin: 16px 0;
+			}
+
+			#content-list {
+				display: flex;
+				flex-direction: column;
+				gap: 8px;
+			}
+
+			.content-item {
+				cursor: pointer;
+			}
+
+			.content-item.selected {
+				background-color: var(--uui-color-selected);
+				color: var(--uui-color-selected-contrast);
+			}
+		`,
+	];
+
+	private _tempContent = [
+		{
+			id: 1,
+			name: 'Content 1',
+			description: 'Content 1 description',
+			icon: 'icon-umb-content',
+		},
+		{
+			id: 2,
+			name: 'Content 2',
+			description: 'Content 2 description',
+			icon: 'icon-umb-content',
+		},
+		{
+			id: 3,
+			name: 'Content 3',
+			description: 'Content 3 description',
+			icon: 'icon-umb-content',
+		},
+	];
+
+	@state()
+	_selectedContent: any[] = [];
+
+	private _clickContent(content: any) {
+		if (this._selectedContent.includes(content)) {
+			this._selectedContent = this._selectedContent.filter((c) => c !== content);
+		} else {
+			this._selectedContent.push(content);
+		}
+
+		this.requestUpdate('_selectedContent');
+	}
+
+	private _submit() {
+		this.modalHandler?.close({ selection: this._selectedContent });
+	}
+
+	private _close() {
+		this.modalHandler?.close();
+	}
+
+	render() {
+		return html`
+			<!-- TODO: maybe we need a layout component between umb-editor-layout and umb-editor-entity? -->
+			<umb-editor-entity>
+				<h3 slot="name">Select content</h3>
+				<uui-box>
+					<uui-input></uui-input>
+					<hr />
+					<div id="content-list">
+						${this._tempContent.map(
+							(content) =>
+								// eslint-disable-next-line lit-a11y/click-events-have-key-events
+								html`<div
+									class=${`content-item ${this._selectedContent.includes(content) ? 'selected' : ''}`}
+									@click=${() => this._clickContent(content)}>
+									${content.name}
+								</div>`
+						)}
+					</div>
+				</uui-box>
+				<div slot="actions">
+					<uui-button label="Close" @click=${this._close}></uui-button>
+					<uui-button label="Submit" look="primary" color="positive" @click=${this._submit}></uui-button>
+				</div>
+			</umb-editor-entity>
+		`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-modal-layout-content-picker': UmbModalLayoutContentPickerElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/content-picker/modal-layout-content-picker.stories.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/content-picker/modal-layout-content-picker.stories.ts
new file mode 100644
index 0000000000..3422b78379
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/content-picker/modal-layout-content-picker.stories.ts
@@ -0,0 +1,21 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit';
+import { UmbModalLayoutContentPickerElement, UmbModalContentPickerData } from './modal-layout-content-picker.element';
+import './modal-layout-content-picker.element';
+
+import '../../../../../backoffice/editors/shared/editor-layout/editor-layout.element';
+
+export default {
+	title: 'API/Modals/Layouts/Content Picker',
+	component: 'umb-modal-layout-content-picker',
+	id: 'modal-layout-content-picker',
+} as Meta;
+
+const data: UmbModalContentPickerData = {};
+
+export const Overview: Story<UmbModalLayoutContentPickerElement> = () => html`
+	<!-- TODO: figure out if generics are allowed for properties: 
+	https://github.com/runem/lit-analyzer/issues/149
+	https://github.com/runem/lit-analyzer/issues/163 -->
+	<umb-modal-layout-content-picker .data=${data as any}></umb-modal-layout-content-picker>
+`;
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/modal-layout.element.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/modal-layout.element.ts
new file mode 100644
index 0000000000..57e3aa4a7f
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/modal-layout.element.ts
@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { UmbModalHandler } from '../../modal';
+
+@customElement('umb-modal-layout')
+export class UmbModalLayoutElement<UmbModalData> extends LitElement {
+	@property({ attribute: false })
+	modalHandler?: UmbModalHandler;
+
+	@property({ type: Object })
+	data?: UmbModalData;
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-modal-layout': UmbModalLayoutElement<unknown>;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/modal-handler.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal-handler.ts
new file mode 100644
index 0000000000..d9a65c0b63
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal-handler.ts
@@ -0,0 +1,66 @@
+import { UUIDialogElement } from '@umbraco-ui/uui';
+import { UUIModalDialogElement } from '@umbraco-ui/uui-modal-dialog';
+import { UUIModalSidebarElement, UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
+import { v4 as uuidv4 } from 'uuid';
+import { UmbModalOptions } from './modal.service';
+
+//TODO consider splitting this into two separate handlers
+export class UmbModalHandler {
+	private _closeResolver: any;
+	private _closePromise: any;
+
+	public element: UUIModalDialogElement | UUIModalSidebarElement;
+	public key: string;
+	public type: string;
+	public size: UUIModalSidebarSize;
+
+	constructor(elementName: string, options?: UmbModalOptions<unknown>) {
+		this.key = uuidv4();
+
+		this.type = options?.type || 'dialog';
+		this.size = options?.size || 'small';
+		this.element = this._createElement(elementName, options);
+
+		this._closePromise = new Promise((resolve) => {
+			this._closeResolver = resolve;
+		});
+	}
+
+	private _createElement(elementName: string, options?: UmbModalOptions<unknown>) {
+		const layoutElement = this._createLayoutElement(elementName, options?.data);
+		return this.type === 'sidebar'
+			? this._createSidebarElement(layoutElement)
+			: this._createDialogElement(layoutElement);
+	}
+
+	private _createSidebarElement(layoutElement: HTMLElement) {
+		const sidebarElement = document.createElement('uui-modal-sidebar');
+		sidebarElement.appendChild(layoutElement);
+		sidebarElement.size = this.size;
+		return sidebarElement;
+	}
+
+	private _createDialogElement(layoutElement: HTMLElement) {
+		const modalDialogElement = document.createElement('uui-modal-dialog');
+		const dialogElement: UUIDialogElement = document.createElement('uui-dialog');
+		modalDialogElement.appendChild(dialogElement);
+		dialogElement.appendChild(layoutElement);
+		return modalDialogElement;
+	}
+
+	private _createLayoutElement(elementName: string, data: unknown) {
+		const layoutElement: any = document.createElement(elementName);
+		layoutElement.data = data;
+		layoutElement.modalHandler = this;
+		return layoutElement;
+	}
+
+	public close(...args: any) {
+		this._closeResolver(...args);
+		this.element.close();
+	}
+
+	public get onClose(): Promise<any> {
+		return this._closePromise;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.service.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.service.ts
new file mode 100644
index 0000000000..ac363efc3e
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.service.ts
@@ -0,0 +1,48 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+import { UmbModalHandler } from './';
+import { UmbModalConfirmData } from './layouts/confirm/modal-layout-confirm.element';
+import { UmbModalContentPickerData } from './layouts/content-picker/modal-layout-content-picker.element';
+import { UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
+
+// TODO: lazy load
+import './layouts/confirm/modal-layout-confirm.element';
+import './layouts/content-picker/modal-layout-content-picker.element';
+
+export type UmbModelType = 'dialog' | 'sidebar';
+
+export interface UmbModalOptions<UmbModalData> {
+	type?: UmbModelType;
+	size?: UUIModalSidebarSize;
+	data?: UmbModalData;
+}
+
+export class UmbModalService {
+	private _modals: BehaviorSubject<Array<UmbModalHandler>> = new BehaviorSubject(<Array<UmbModalHandler>>[]);
+	public readonly modals: Observable<Array<UmbModalHandler>> = this._modals.asObservable();
+
+	public confirm(data: UmbModalConfirmData): UmbModalHandler {
+		return this.open('umb-modal-layout-confirm', { data, type: 'dialog' });
+	}
+
+	public contentPicker(data?: UmbModalContentPickerData): UmbModalHandler {
+		return this.open('umb-modal-layout-content-picker', { data, type: 'sidebar', size: 'small' });
+	}
+
+	public open(elementName: string, options?: UmbModalOptions<unknown>): UmbModalHandler {
+		const modalHandler = new UmbModalHandler(elementName, options);
+
+		modalHandler.element.addEventListener('close-end', () => this._handleCloseEnd(modalHandler));
+
+		this._modals.next([...this._modals.getValue(), modalHandler]);
+		return modalHandler;
+	}
+
+	private _close(key: string) {
+		this._modals.next(this._modals.getValue().filter((modal) => modal.key !== key));
+	}
+
+	private _handleCloseEnd(modalHandler: UmbModalHandler) {
+		modalHandler.element.removeEventListener('close-end', () => this._handleCloseEnd(modalHandler));
+		this._close(modalHandler.key);
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.stories.mdx b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.stories.mdx
new file mode 100644
index 0000000000..50deee6c53
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.stories.mdx
@@ -0,0 +1,96 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="API/Modals/Intro" />
+
+# Modals
+
+A modal is a popup that darkens the background and has focus lock. There are two types of modals: "dialog" and "sidebar".
+
+**Dialog modals** appears in the middle of the screen.
+| option | values |
+|:------:|:--------------------------:|
+| No options yet | |
+
+**Sidebar modals** slides in from the right.
+| option | values |
+|:------:|:--------------------------:|
+| size | small, medium, large, full |
+
+## Basic Usage
+
+### Consume UmbModalService from an element
+
+The UmbModal service can be used to open modals.
+
+```ts
+import { html, LitElement } from 'lit';
+import { UmbContextConsumerMixin } from './core/context';
+import type { UmbModalService } from './core/services/modal';
+class MyElement extends UmbContextConsumerMixin(LitElement) {
+	private _modalService_?: UmbModalService;
+	constructor() {
+		super();
+		this.consumeContext('umbModalService', (modalService: UmbModalService) => {
+			this._modalService = modalService;
+			// modalService is now ready to be used.
+		});
+	}
+}
+```
+
+### Open a modal
+
+A modal is opened by calling one of the helper methods on the UmbModalService. The methods will accept an element template and modal options and return an instance of UmbModalHandler.
+
+```ts
+import { html, LitElement } from 'lit';
+import { UmbContextConsumerMixin } from './core/context';
+import type { UmbModalService } from './core/services/modal';
+class MyElement extends UmbContextConsumerMixin(LitElement) {
+	private _modalService?: UmbModalService;
+	constructor() {
+		super();
+		this.consumeContext('umbModalService', (modalService) => {
+			this._modalService = modalService.;
+			// modalService is now ready to be used
+		});
+	}
+	private _handleClick() {
+		const options = {'options goes here'}
+		const modalHandler = this._modalService?.openDialog('my-dialog'), options);
+		modalHandler.onClose.then((data) => {
+			// if any data is supplied on close, it will be available here.
+		});
+	}
+	render() {
+		return html`<button @click=${this._handleClick}>Open modal</button>`;
+	}
+}
+```
+
+The dialog template to open:
+
+```ts
+import { html, LitElement } from 'lit';
+import type { UmbModalHandler } from './core/services/modal';
+class MyDialog extends LitElement {
+	// the modal handler will be injected into the element when the modal is opened.
+	@property({ attribute: false })
+	modalHandler?: UmbModalHandler;
+
+	private _handleClose() {
+		/* Optional data of any type can be applied to the close method to pass it
+		   to the modal parent through the onClose promise. */
+		this._modalHandler?.close('optional data');
+	}
+
+	render() {
+		return html`
+			<div>
+				<h1>My Dialog</h1>
+				<button @click=${this._handleClose}>Close</button>
+			</div>
+		`;
+	}
+}
+```
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.stories.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.stories.ts
new file mode 100644
index 0000000000..f2e1f77107
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/modal.stories.ts
@@ -0,0 +1,83 @@
+import '../../../backoffice/components/backoffice-modal-container.element';
+import '../../../core/services/modal/layouts/content-picker/modal-layout-content-picker.element';
+import '../../context/context-provider.element';
+import '../../../backoffice/editors/shared/editor-layout/editor-layout.element';
+
+import '@umbraco-ui/uui-modal';
+import '@umbraco-ui/uui-modal-container';
+import '@umbraco-ui/uui-modal-sidebar';
+import '@umbraco-ui/uui-modal-dialog';
+
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+import { customElement, property, state } from 'lit/decorators.js';
+import { UmbContextConsumerMixin } from '../../context';
+import { LitElement } from 'lit';
+import { UmbModalService } from './';
+
+export default {
+	title: 'API/Modals',
+	component: 'umb-installer',
+	decorators: [
+		(story) =>
+			html`<umb-context-provider
+				style="display: block; padding: 32px;"
+				key="umbModalService"
+				.value=${new UmbModalService()}>
+				${story()}
+			</umb-context-provider>`,
+	],
+	id: 'installer-page',
+	argTypes: {
+		modalLayout: { control: 'select', options: ['Confirm', 'Content Picker'] },
+	},
+} as Meta;
+
+@customElement('story-modal-service-example')
+class StoryModalServiceExampleElement extends UmbContextConsumerMixin(LitElement) {
+	@property()
+	modalLayout = 'confirm';
+
+	@state()
+	value = '';
+
+	private _modalService?: UmbModalService;
+
+	constructor() {
+		super();
+		this.consumeContext('umbModalService', (modalService: UmbModalService) => {
+			this._modalService = modalService;
+		});
+	}
+
+	private _open() {
+		switch (this.modalLayout) {
+			case 'Content Picker':
+				this._modalService?.contentPicker();
+				break;
+			default:
+				this._modalService?.confirm({
+					headline: 'Headline',
+					content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit',
+				});
+				break;
+		}
+	}
+
+	render() {
+		return html`
+			<uui-button label="open-dialog" look="primary" @click=${() => this._open()} style="margin-right: 9px;"
+				>Open modal</uui-button
+			>
+		`;
+	}
+}
+
+const Template: Story = (props) => {
+	return html`
+		<umb-backoffice-modal-container></umb-backoffice-modal-container>
+		<story-modal-service-example .modalLayout=${props.modalLayout}></story-modal-service-example>
+	`;
+};
+
+export const Overview = Template.bind({});
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.test.ts b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.test.ts
index 7684463c85..31e47e56a8 100644
--- a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.test.ts
@@ -1,10 +1,12 @@
 import { assert, expect } from '@open-wc/testing';
 import { validate as uuidValidate } from 'uuid';
-import { UmbNotificationHandler } from './notification-handler';
-import type { UmbNotificationDefaultData } from './layouts/default';
-import type { UmbNotificationOptions } from './';
 
-describe('UCPNotificationHandler', () => {
+import { UmbNotificationHandler } from './notification-handler';
+
+import type { UmbNotificationDefaultData } from './layouts/default';
+import type { UmbNotificationOptions } from '.';
+
+describe('UmbNotificationHandler', () => {
 	let notificationHandler: UmbNotificationHandler;
 
 	beforeEach(async () => {
@@ -67,6 +69,7 @@ describe('UCPNotificationHandler', () => {
 	describe('Layout', () => {
 		describe('Default Layout', () => {
 			let defaultLayoutNotification: UmbNotificationHandler;
+			let layoutElement: any;
 
 			beforeEach(async () => {
 				const options: UmbNotificationOptions<UmbNotificationDefaultData> = {
@@ -76,23 +79,25 @@ describe('UCPNotificationHandler', () => {
 					},
 				};
 				defaultLayoutNotification = new UmbNotificationHandler(options);
+				layoutElement = defaultLayoutNotification.element.querySelector('umb-notification-layout-default');
 			});
 
 			it('creates a default layout if a custom element name havnt been specified', () => {
-				expect(defaultLayoutNotification.element.tagName).to.equal('UMB-NOTIFICATION-LAYOUT-DEFAULT');
+				expect(layoutElement.tagName).to.equal('UMB-NOTIFICATION-LAYOUT-DEFAULT');
 			});
 
 			it('it sets notificationHandler on custom element', () => {
-				expect(defaultLayoutNotification.element.notificationHandler).to.equal(defaultLayoutNotification);
+				expect(layoutElement.notificationHandler).to.equal(defaultLayoutNotification);
 			});
 
 			it('it sets data on custom element', () => {
-				expect(defaultLayoutNotification.element.data.message).to.equal('Notification default layout message');
+				expect(layoutElement.data.message).to.equal('Notification default layout message');
 			});
 		});
 
 		describe('Custom Layout', () => {
 			let customLayoutNotification: UmbNotificationHandler;
+			let layoutElement: any;
 
 			beforeEach(async () => {
 				const options: UmbNotificationOptions<UmbNotificationDefaultData> = {
@@ -103,18 +108,19 @@ describe('UCPNotificationHandler', () => {
 					},
 				};
 				customLayoutNotification = new UmbNotificationHandler(options);
+				layoutElement = customLayoutNotification.element.querySelector('umb-notification-test-element');
 			});
 
 			it('creates a custom element', () => {
-				expect(customLayoutNotification.element.tagName).to.equal('UMB-NOTIFICATION-TEST-ELEMENT');
+				expect(layoutElement.tagName).to.equal('UMB-NOTIFICATION-TEST-ELEMENT');
 			});
 
 			it('it sets notificationHandler on custom element', () => {
-				expect(customLayoutNotification.element.notificationHandler).to.equal(customLayoutNotification);
+				expect(layoutElement.notificationHandler).to.equal(customLayoutNotification);
 			});
 
 			it('it sets data on custom element', () => {
-				expect(customLayoutNotification.element.data.message).to.equal('Notification custom layout message');
+				expect(layoutElement.data.message).to.equal('Notification custom layout message');
 			});
 		});
 	});
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.ts b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.ts
index 235350548c..155148ff4d 100644
--- a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification-handler.ts
@@ -1,3 +1,4 @@
+import { UUIToastNotificationElement } from '@umbraco-ui/uui';
 import { v4 as uuidv4 } from 'uuid';
 import type { UmbNotificationOptions, UmbNotificationData, UmbNotificationColor } from './';
 
@@ -39,18 +40,28 @@ export class UmbNotificationHandler {
 			this._closeResolver = res;
 		});
 
-		this._createLayoutElement();
+		this._createElement();
 	}
 
 	/**
 	 * @private
 	 * @memberof UmbNotificationHandler
 	 */
-	private _createLayoutElement() {
+	private _createElement() {
 		if (!this._elementName) return;
-		this.element = document.createElement(this._elementName);
-		this.element.data = this._data;
-		this.element.notificationHandler = this;
+
+		const notification: UUIToastNotificationElement = document.createElement('uui-toast-notification');
+
+		notification.color = this.color;
+		notification.autoClose = this.duration;
+
+		const element: any = document.createElement(this._elementName);
+		element.data = this._data;
+		element.notificationHandler = this;
+
+		notification.appendChild(element);
+
+		this.element = notification;
 	}
 
 	/**
@@ -59,6 +70,7 @@ export class UmbNotificationHandler {
 	 */
 	public close(...args: any) {
 		this._closeResolver(...args);
+		this.element.open = false;
 	}
 
 	/**
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/notification/notifications.service.test.ts b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.service.test.ts
similarity index 85%
rename from src/Umbraco.Web.UI.Client/src/core/services/notification/notifications.service.test.ts
rename to src/Umbraco.Web.UI.Client/src/core/services/notification/notification.service.test.ts
index b828d053aa..ddd0490067 100644
--- a/src/Umbraco.Web.UI.Client/src/core/services/notification/notifications.service.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.service.test.ts
@@ -1,5 +1,6 @@
 import { expect } from '@open-wc/testing';
-import { UmbNotificationService, UmbNotificationHandler } from './';
+
+import { UmbNotificationHandler, UmbNotificationService } from '.';
 
 describe('UCPNotificationService', () => {
 	let notificationService: UmbNotificationService;
@@ -28,6 +29,7 @@ describe('UCPNotificationService', () => {
 
 	describe('peek', () => {
 		let peekNotificationHandler: UmbNotificationHandler | undefined = undefined;
+		let layoutElement: any;
 
 		beforeEach(async () => {
 			const peekOptions = {
@@ -35,6 +37,7 @@ describe('UCPNotificationService', () => {
 			};
 
 			peekNotificationHandler = notificationService.peek('positive', peekOptions);
+			layoutElement = peekNotificationHandler.element.querySelector('umb-notification-layout-default');
 		});
 
 		it('it sets notification color', () => {
@@ -42,7 +45,7 @@ describe('UCPNotificationService', () => {
 		});
 
 		it('should set peek data on the notification element', () => {
-			const data = peekNotificationHandler?.element.data;
+			const data = layoutElement.data;
 			expect(data.headline).to.equal('Peek notification headline');
 			expect(data.message).to.equal('Peek notification message');
 		});
@@ -54,6 +57,7 @@ describe('UCPNotificationService', () => {
 
 	describe('stay', () => {
 		let stayNotificationHandler: UmbNotificationHandler | undefined = undefined;
+		let layoutElement: any;
 
 		beforeEach(async () => {
 			const stayOptions = {
@@ -61,6 +65,7 @@ describe('UCPNotificationService', () => {
 			};
 
 			stayNotificationHandler = notificationService.stay('danger', stayOptions);
+			layoutElement = stayNotificationHandler.element.querySelector('umb-notification-layout-default');
 		});
 
 		it('it sets notification color', () => {
@@ -68,7 +73,7 @@ describe('UCPNotificationService', () => {
 		});
 
 		it('should set stay data on the notification element', () => {
-			const data = stayNotificationHandler?.element.data;
+			const data = layoutElement?.data;
 			expect(data.headline).to.equal('Stay notification headline');
 			expect(data.message).to.equal('Stay notification message');
 		});
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.service.ts b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.service.ts
index c2056b82ca..0296e2ef94 100644
--- a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.service.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.service.ts
@@ -31,7 +31,7 @@ export class UmbNotificationService {
 	 */
 	private _open(options: UmbNotificationOptions<UmbNotificationData>): UmbNotificationHandler {
 		const notificationHandler = new UmbNotificationHandler(options);
-		notificationHandler.onClose().then(() => this._close(notificationHandler.key));
+		notificationHandler.element.addEventListener('closed', () => this._handleClosed(notificationHandler));
 
 		this._notifications.next([...this._notifications.getValue(), notificationHandler]);
 
@@ -47,6 +47,16 @@ export class UmbNotificationService {
 		this._notifications.next(this._notifications.getValue().filter((notification) => notification.key !== key));
 	}
 
+	/**
+	 * @private
+	 * @param {string} key
+	 * @memberof UmbNotificationService
+	 */
+	private _handleClosed(notificationHandler: UmbNotificationHandler) {
+		notificationHandler.element.removeEventListener('closed', () => this._handleClosed(notificationHandler));
+		this._close(notificationHandler.key);
+	}
+
 	/**
 	 * Opens a notification that automatically goes away after 6 sek.
 	 * @param {UmbNotificationColor} color
diff --git a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.stories.ts b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.stories.ts
index f5204ddd0f..157787db0e 100644
--- a/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/services/notification/notification.stories.ts
@@ -29,7 +29,6 @@ class StoryNotificationDefaultExampleElement extends UmbContextConsumerMixin(Lit
 
 		this.consumeContext('umbNotificationService', (notificationService) => {
 			this._notificationService = notificationService;
-			console.log('notification service ready');
 		});
 	}
 
diff --git a/src/Umbraco.Web.UI.Client/src/core/stores/data-type.store.ts b/src/Umbraco.Web.UI.Client/src/core/stores/data-type.store.ts
index 78ba0fbb04..38662cba84 100644
--- a/src/Umbraco.Web.UI.Client/src/core/stores/data-type.store.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/stores/data-type.store.ts
@@ -1,54 +1,78 @@
 import { BehaviorSubject, map, Observable } from 'rxjs';
-import { DataTypeEntity } from '../../mocks/data/content.data';
+import { DataTypeEntity, umbDataTypeData } from '../../mocks/data/data-type.data';
 
 export class UmbDataTypeStore {
 	private _dataTypes: BehaviorSubject<Array<DataTypeEntity>> = new BehaviorSubject(<Array<DataTypeEntity>>[]);
 	public readonly dataTypes: Observable<Array<DataTypeEntity>> = this._dataTypes.asObservable();
 
-	constructor() {
-		this._dataTypes.next([
-			{
-				id: 1245,
-				key: 'dt-1',
-				name: 'TextString (DataType)',
-				propertyEditorUIAlias: 'Umb.PropertyEditorUI.Text',
-			},
-			{
-				id: 1244,
-				key: 'dt-2',
-				name: 'Textarea (DataType)',
-				propertyEditorUIAlias: 'Umb.PropertyEditorUI.Textarea',
-			},
-			{
-				id: 1246,
-				key: 'dt-3',
-				name: 'My JS Property Editor (DataType)',
-				propertyEditorUIAlias: 'My.PropertyEditorUI.Custom',
-			},
-			{
-				id: 1247,
-				key: 'dt-4',
-				name: 'Context Example (DataType)',
-				propertyEditorUIAlias: 'Umb.PropertyEditorUI.ContextExample',
-			},
-		]);
-	}
-
 	getById(id: number): Observable<DataTypeEntity | null> {
-		// no fetch..
+		// TODO: use Fetcher API.
+		// TODO: only fetch if the data type is not in the store?
+		fetch(`/umbraco/backoffice/data-type/${id}`)
+			.then((res) => res.json())
+			.then((data) => {
+				this._updateStore(data);
+			});
 
-		// TODO: make pipes prettier/simpler/reuseable
 		return this.dataTypes.pipe(
 			map((dataTypes: Array<DataTypeEntity>) => dataTypes.find((node: DataTypeEntity) => node.id === id) || null)
 		);
 	}
 
 	getByKey(key: string): Observable<DataTypeEntity | null> {
-		// no fetch..
+		// TODO: use Fetcher API.
+		// TODO: only fetch if the data type is not in the store?
+		fetch(`/umbraco/backoffice/data-type/by-key/${key}`)
+			.then((res) => res.json())
+			.then((data) => {
+				this._updateStore(data);
+			});
 
-		// TODO: make pipes prettier/simpler/reuseable
 		return this.dataTypes.pipe(
 			map((dataTypes: Array<DataTypeEntity>) => dataTypes.find((node: DataTypeEntity) => node.key === key) || null)
 		);
 	}
+
+	// TODO: temp solution until we know where to get tree data from
+	getAll(): Observable<Array<DataTypeEntity>> {
+		const documentTypes = umbDataTypeData.getAll();
+		this._dataTypes.next(documentTypes);
+		return this.dataTypes;
+	}
+
+	async save(dataTypes: Array<DataTypeEntity>) {
+		// TODO: use Fetcher API.
+		try {
+			const res = await fetch('/umbraco/backoffice/data-type/save', {
+				method: 'POST',
+				body: JSON.stringify(dataTypes),
+				headers: {
+					'Content-Type': 'application/json',
+				},
+			});
+			const json = await res.json();
+			this._updateStore(json);
+		} catch (error) {
+			console.error('Save Data Type error', error);
+		}
+	}
+
+	private _updateStore(fetchedDataTypes: Array<DataTypeEntity>) {
+		const storedDataTypes = this._dataTypes.getValue();
+		const updated: DataTypeEntity[] = [...storedDataTypes];
+
+		fetchedDataTypes.forEach((fetchedDataType) => {
+			const index = storedDataTypes.map((storedNode) => storedNode.id).indexOf(fetchedDataType.id);
+
+			if (index !== -1) {
+				// If the data type is already in the store, update it
+				updated[index] = fetchedDataType;
+			} else {
+				// If the data type is not in the store, add it
+				updated.push(fetchedDataType);
+			}
+		});
+
+		this._dataTypes.next([...updated]);
+	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/core/stores/document-type.store.ts b/src/Umbraco.Web.UI.Client/src/core/stores/document-type.store.ts
new file mode 100644
index 0000000000..b4d417ea6c
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/core/stores/document-type.store.ts
@@ -0,0 +1,69 @@
+import { BehaviorSubject, map, Observable } from 'rxjs';
+import { DocumentTypeEntity, umbDocumentTypeData } from '../../mocks/data/document-type.data';
+
+export class UmbDocumentTypeStore {
+	private _documentTypes: BehaviorSubject<Array<DocumentTypeEntity>> = new BehaviorSubject(
+		<Array<DocumentTypeEntity>>[]
+	);
+	public readonly documentTypes: Observable<Array<DocumentTypeEntity>> = this._documentTypes.asObservable();
+
+	getById(id: number): Observable<DocumentTypeEntity | null> {
+		// TODO: use Fetcher API.
+		// TODO: only fetch if the data type is not in the store?
+		fetch(`/umbraco/backoffice/document-type/${id}`)
+			.then((res) => res.json())
+			.then((data) => {
+				this._updateStore(data);
+			});
+
+		return this.documentTypes.pipe(
+			map(
+				(documentTypes: Array<DocumentTypeEntity>) =>
+					documentTypes.find((node: DocumentTypeEntity) => node.id === id) || null
+			)
+		);
+	}
+
+	// TODO: temp solution until we know where to get tree data from
+	getAll(): Observable<Array<DocumentTypeEntity>> {
+		const documentTypes = umbDocumentTypeData.getAll();
+		this._documentTypes.next(documentTypes);
+		return this.documentTypes;
+	}
+
+	async save(documentTypes: Array<DocumentTypeEntity>) {
+		// TODO: use Fetcher API.
+		try {
+			const res = await fetch('/umbraco/backoffice/document-type/save', {
+				method: 'POST',
+				body: JSON.stringify(documentTypes),
+				headers: {
+					'Content-Type': 'application/json',
+				},
+			});
+			const json = await res.json();
+			this._updateStore(json);
+		} catch (error) {
+			console.error('Save Document Type error', error);
+		}
+	}
+
+	private _updateStore(fetchedDocumentTypes: Array<DocumentTypeEntity>) {
+		const storedDocumentTypes = this._documentTypes.getValue();
+		const updated: DocumentTypeEntity[] = [...storedDocumentTypes];
+
+		fetchedDocumentTypes.forEach((fetchedDocumentType) => {
+			const index = storedDocumentTypes.map((storedNode) => storedNode.id).indexOf(fetchedDocumentType.id);
+
+			if (index !== -1) {
+				// If the data type is already in the store, update it
+				updated[index] = fetchedDocumentType;
+			} else {
+				// If the data type is not in the store, add it
+				updated.push(fetchedDocumentType);
+			}
+		});
+
+		this._documentTypes.next([...updated]);
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/core/stores/node.store.ts b/src/Umbraco.Web.UI.Client/src/core/stores/node.store.ts
index bd7a0cf961..6a0d3780ef 100644
--- a/src/Umbraco.Web.UI.Client/src/core/stores/node.store.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/stores/node.store.ts
@@ -1,11 +1,11 @@
 import { BehaviorSubject, map, Observable } from 'rxjs';
-import { DocumentNode } from '../../mocks/data/content.data';
+import { NodeEntity, umbNodeData } from '../../mocks/data/node.data';
 
 export class UmbNodeStore {
-	private _nodes: BehaviorSubject<Array<DocumentNode>> = new BehaviorSubject(<Array<DocumentNode>>[]);
-	public readonly nodes: Observable<Array<DocumentNode>> = this._nodes.asObservable();
+	private _nodes: BehaviorSubject<Array<NodeEntity>> = new BehaviorSubject(<Array<NodeEntity>>[]);
+	public readonly nodes: Observable<Array<NodeEntity>> = this._nodes.asObservable();
 
-	getById(id: number): Observable<DocumentNode | null> {
+	getById(id: number): Observable<NodeEntity | null> {
 		// fetch from server and update store
 		fetch(`/umbraco/backoffice/content/${id}`)
 			.then((res) => res.json())
@@ -13,14 +13,19 @@ export class UmbNodeStore {
 				this._updateStore(data);
 			});
 
-		return this.nodes.pipe(
-			map((nodes: Array<DocumentNode>) => nodes.find((node: DocumentNode) => node.id === id) || null)
-		);
+		return this.nodes.pipe(map((nodes: Array<NodeEntity>) => nodes.find((node: NodeEntity) => node.id === id) || null));
+	}
+
+	// TODO: temp solution until we know where to get tree data from
+	getAll(): Observable<Array<NodeEntity>> {
+		const nodes = umbNodeData.getAll();
+		this._nodes.next(nodes);
+		return this.nodes;
 	}
 
 	// TODO: Use Node type, to not be specific about Document.
 	// TODO: make sure UI somehow can follow the status of this action.
-	save(data: DocumentNode[]): Promise<void> {
+	save(data: NodeEntity[]): Promise<void> {
 		// fetch from server and update store
 		// TODO: use Fetcher API.
 		let body: string;
@@ -48,7 +53,7 @@ export class UmbNodeStore {
 
 	private _updateStore(fetchedNodes: Array<any>) {
 		const storedNodes = this._nodes.getValue();
-		const updated: DocumentNode[] = [...storedNodes];
+		const updated: NodeEntity[] = [...storedNodes];
 
 		fetchedNodes.forEach((fetchedNode) => {
 			const index = storedNodes.map((storedNode) => storedNode.id).indexOf(fetchedNode.id);
diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts b/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts
index 734b559ae6..20c5dcdf68 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts
@@ -1,6 +1,7 @@
 import { css, CSSResultGroup, html, LitElement } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { Subscription } from 'rxjs';
+
 import { UmbContextConsumerMixin } from '../core/context';
 import { UmbInstallerContext } from './installer-context';
 
@@ -111,7 +112,7 @@ export class UmbInstallerUser extends UmbContextConsumerMixin(LitElement) {
 			<uui-form>
 				<form id="LoginForm" name="login" @submit="${this._handleSubmit}">
 					<uui-form-layout-item>
-						<uui-label for="name" slot="label" required>Name</uui-label>
+						<uui-label id="nameLabel" for="name" slot="label" required>Name</uui-label>
 						<uui-input
 							type="text"
 							id="name"
@@ -123,7 +124,7 @@ export class UmbInstallerUser extends UmbContextConsumerMixin(LitElement) {
 					</uui-form-layout-item>
 
 					<uui-form-layout-item>
-						<uui-label for="email" slot="label" required>Email</uui-label>
+						<uui-label id="emailLabel" for="email" slot="label" required>Email</uui-label>
 						<uui-input
 							type="email"
 							id="email"
@@ -135,7 +136,7 @@ export class UmbInstallerUser extends UmbContextConsumerMixin(LitElement) {
 					</uui-form-layout-item>
 
 					<uui-form-layout-item>
-						<uui-label for="password" slot="label" required>Password</uui-label>
+						<uui-label id="passwordLabel" for="password" slot="label" required>Password</uui-label>
 						<uui-input-password
 							id="password"
 							name="password"
diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer.test.ts b/src/Umbraco.Web.UI.Client/src/installer/installer.test.ts
index 56b019d8b6..331b27aee0 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/installer.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer.test.ts
@@ -1,4 +1,8 @@
-import { html, fixture, expect } from '@open-wc/testing';
+import '.';
+
+import { expect, fixture, html } from '@open-wc/testing';
+
+import { defaultA11yConfig } from '../core/helpers/chai';
 import { UmbInstallerConsent } from './installer-consent.element';
 import { UmbInstallerDatabase } from './installer-database.element';
 import { UmbInstallerInstalling } from './installer-installing.element';
@@ -13,12 +17,12 @@ describe('UmbInstaller', () => {
 		element = await fixture(html`<umb-installer></umb-installer>`);
 	});
 
-	it('is defined with its own instance', async () => {
+	it('is defined with its own instance', () => {
 		expect(element).to.be.instanceOf(UmbInstaller);
 	});
 
 	it('passes the a11y audit', async () => {
-		expect(element).shadowDom.to.be.accessible();
+		await expect(element).to.be.accessible(defaultA11yConfig);
 	});
 });
 
@@ -29,12 +33,12 @@ describe('UmbInstallerLayout', () => {
 		element = await fixture(html`<umb-installer-layout></umb-installer-layout>`);
 	});
 
-	it('is defined with its own instance', async () => {
+	it('is defined with its own instance', () => {
 		expect(element).to.be.instanceOf(UmbInstallerLayout);
 	});
 
 	it('passes the a11y audit', async () => {
-		expect(element).shadowDom.to.be.accessible();
+		await expect(element).to.be.accessible(defaultA11yConfig);
 	});
 });
 
@@ -45,12 +49,12 @@ describe('UmbInstallerUser', () => {
 		element = await fixture(html`<umb-installer-user></umb-installer-user>`);
 	});
 
-	it('is defined with its own instance', async () => {
+	it('is defined with its own instance', () => {
 		expect(element).to.be.instanceOf(UmbInstallerUser);
 	});
 
 	it('passes the a11y audit', async () => {
-		expect(element).shadowDom.to.be.accessible();
+		await expect(element).to.be.accessible(defaultA11yConfig);
 	});
 });
 
@@ -61,12 +65,12 @@ describe('UmbInstallerConsent', () => {
 		element = await fixture(html`<umb-installer-consent></umb-installer-consent>`);
 	});
 
-	it('is defined with its own instance', async () => {
+	it('is defined with its own instance', () => {
 		expect(element).to.be.instanceOf(UmbInstallerConsent);
 	});
 
 	it('passes the a11y audit', async () => {
-		expect(element).shadowDom.to.be.accessible();
+		await expect(element).to.be.accessible(defaultA11yConfig);
 	});
 });
 
@@ -77,12 +81,12 @@ describe('UmbInstallerDatabase', () => {
 		element = await fixture(html`<umb-installer-database></umb-installer-database>`);
 	});
 
-	it('is defined with its own instance', async () => {
+	it('is defined with its own instance', () => {
 		expect(element).to.be.instanceOf(UmbInstallerDatabase);
 	});
 
 	it('passes the a11y audit', async () => {
-		expect(element).shadowDom.to.be.accessible();
+		await expect(element).to.be.accessible(defaultA11yConfig);
 	});
 });
 
@@ -93,11 +97,11 @@ describe('UmbInstallerInstalling', () => {
 		element = await fixture(html`<umb-installer-installing></umb-installer-installing>`);
 	});
 
-	it('is defined with its own instance', async () => {
+	it('is defined with its own instance', () => {
 		expect(element).to.be.instanceOf(UmbInstallerInstalling);
 	});
 
 	it('passes the a11y audit', async () => {
-		expect(element).shadowDom.to.be.accessible();
+		await expect(element).to.be.accessible(defaultA11yConfig);
 	});
 });
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts
index d972ec9502..3df67a6277 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts
@@ -1,4 +1,6 @@
 import { handlers as contentHandlers } from './domains/content.handlers';
+import { handlers as dataTypeHandlers } from './domains/data-type.handlers';
+import { handlers as documentTypeHandlers } from './domains/document-type.handlers';
 import { handlers as installHandlers } from './domains/install.handlers';
 import { handlers as manifestsHandlers } from './domains/manifests.handlers';
 import * as serverHandlers from './domains/server.handlers';
@@ -12,6 +14,8 @@ const handlers = [
 	...upgradeHandlers,
 	...manifestsHandlers,
 	...userHandlers,
+	...dataTypeHandlers,
+	...documentTypeHandlers,
 ];
 
 switch (import.meta.env.VITE_UMBRACO_INSTALL_STATUS) {
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/data-type.data.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/data-type.data.ts
new file mode 100644
index 0000000000..e91647f4af
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/mocks/data/data-type.data.ts
@@ -0,0 +1,51 @@
+import { UmbData } from './data';
+
+export interface DataTypeEntity {
+	id: number;
+	key: string;
+	name: string;
+	//configUI: any; // this is the prevalues...
+	propertyEditorUIAlias: string;
+}
+
+export const data: Array<DataTypeEntity> = [
+	{
+		id: 1245,
+		key: 'dt-1',
+		name: 'Text',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.Text',
+	},
+	{
+		id: 1244,
+		key: 'dt-2',
+		name: 'Textarea',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.Textarea',
+	},
+	{
+		id: 1246,
+		key: 'dt-3',
+		name: 'My JS Property Editor',
+		propertyEditorUIAlias: 'My.PropertyEditorUI.Custom',
+	},
+	{
+		id: 1247,
+		key: 'dt-4',
+		name: 'Context Example',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.ContextExample',
+	},
+	{
+		id: 1248,
+		key: 'dt-5',
+		name: 'Content Picker (DataType)',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.ContentPicker',
+	},
+];
+
+// Temp mocked database
+class UmbDataTypeData extends UmbData<DataTypeEntity> {
+	constructor() {
+		super(data);
+	}
+}
+
+export const umbDataTypeData = new UmbDataTypeData();
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/data.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/data.ts
new file mode 100644
index 0000000000..baaf919f55
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/mocks/data/data.ts
@@ -0,0 +1,36 @@
+// Temp mocked database
+export class UmbData<T extends { id: number; key: string }> {
+	private _data: Array<T> = [];
+
+	constructor(data: Array<T>) {
+		this._data = data;
+	}
+
+	getById(id: number) {
+		return this._data.find((item) => item.id === id);
+	}
+
+	getByKey(key: string) {
+		return this._data.find((item) => item.key === key);
+	}
+
+	// TODO: temp solution until we know where to get tree data from
+	getAll() {
+		return this._data;
+	}
+
+	save(data: Array<T>) {
+		data.forEach((storedItem) => {
+			const foundIndex = this._data.findIndex((item) => item.id === storedItem.id);
+			if (foundIndex !== -1) {
+				// replace
+				this._data[foundIndex] = storedItem;
+			} else {
+				// new
+				this._data.push(storedItem);
+			}
+		});
+
+		return data;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/document-type.data.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/document-type.data.ts
new file mode 100644
index 0000000000..5b0b6ee5dc
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/mocks/data/document-type.data.ts
@@ -0,0 +1,35 @@
+import { UmbData } from './data';
+
+export interface DocumentTypeEntity {
+	id: number;
+	key: string;
+	name: string;
+	alias: string;
+	properties: [];
+}
+
+export const data: Array<DocumentTypeEntity> = [
+	{
+		id: 99,
+		key: 'd81c7957-153c-4b5a-aa6f-b434a4964624',
+		name: 'Document Type 1',
+		alias: 'documentType1',
+		properties: [],
+	},
+	{
+		id: 100,
+		key: 'a99e4018-3ffc-486b-aa76-eecea9593d17',
+		name: 'Document Type 2',
+		alias: 'documentType2',
+		properties: [],
+	},
+];
+
+// Temp mocked database
+class UmbDocumentTypeData extends UmbData<DocumentTypeEntity> {
+	constructor() {
+		super(data);
+	}
+}
+
+export const umbDocumentTypeData = new UmbDocumentTypeData();
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/content.data.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/node.data.ts
similarity index 61%
rename from src/Umbraco.Web.UI.Client/src/mocks/data/content.data.ts
rename to src/Umbraco.Web.UI.Client/src/mocks/data/node.data.ts
index 3c5fd3cf29..3edaf52f3f 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/data/content.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/data/node.data.ts
@@ -1,23 +1,17 @@
-export interface DocumentNode {
+import { UmbData } from './data';
+
+export interface NodeEntity {
 	id: number;
 	key: string;
 	name: string;
-	alias: string;
 	icon: string; // TODO: should come from the doc type?
+	type: string;
 	properties: Array<NodeProperty>;
 	data: Array<NodePropertyData>;
+	variants: Array<any>; // TODO: define variant data
 	//layout?: any; // TODO: define layout type - make it non-optional
 }
 
-export interface DataTypeEntity {
-	id: number;
-	key: string;
-	name: string;
-	//icon: string; // TODO: should come from the doc type?
-	//configUI: any; // this is the prevalues...
-	propertyEditorUIAlias: string;
-}
-
 export interface NodeProperty {
 	alias: string;
 	label: string;
@@ -27,7 +21,7 @@ export interface NodeProperty {
 
 export interface NodePropertyData {
 	alias: string;
-	value: unknown;
+	value: any;
 }
 
 /* TODO:
@@ -37,12 +31,12 @@ We would like the tree items to stay up to date, without requesting the server a
 
 If we split entityData into its own object, then that could go in the entityStore and be merged with the nodeStore (we would have a subscription on both).
 */
-export const data: Array<DocumentNode> = [
+export const data: Array<NodeEntity> = [
 	{
 		id: 1,
 		key: '74e4008a-ea4f-4793-b924-15e02fd380d1',
 		name: 'Document 1',
-		alias: 'document1',
+		type: 'document',
 		icon: 'document',
 		properties: [
 			{
@@ -68,6 +62,7 @@ export const data: Array<DocumentNode> = [
 				value: 'Every day, a rabbit in a military costume greets me at the front door',
 			},
 		],
+		variants: [{ name: 'fake data' }],
 		/*
     // Concept for node layout, separation of design from config and data.
     layout: [
@@ -91,7 +86,7 @@ export const data: Array<DocumentNode> = [
 		id: 2,
 		key: '74e4008a-ea4f-4793-b924-15e02fd380d2',
 		name: 'Document 2',
-		alias: 'document2',
+		type: 'document',
 		icon: 'favorite',
 		properties: [
 			{
@@ -118,6 +113,12 @@ export const data: Array<DocumentNode> = [
 				description: 'This is the a example property',
 				dataTypeKey: 'dt-4',
 			},
+			{
+				alias: 'myContentPicker',
+				label: 'Content Picker',
+				description: 'This is a content picker',
+				dataTypeKey: 'dt-5',
+			},
 		],
 		data: [
 			{
@@ -137,36 +138,86 @@ export const data: Array<DocumentNode> = [
 				alias: 'myContextExampleEditor',
 				value: '',
 			},
+			{
+				alias: 'myContentPicker',
+				value: '',
+			},
 		],
+		variants: [{ name: 'Variant 1' }],
+	},
+	{
+		id: 3,
+		key: 'cdd30288-2d1c-41b4-89a9-61647b4a10d5',
+		name: 'Document 3',
+		type: 'document',
+		icon: 'document',
+		properties: [
+			{
+				alias: 'myDescription',
+				label: 'Description',
+				description: 'Textarea property',
+				dataTypeKey: 'dt-2',
+			},
+		],
+		data: [
+			{
+				alias: 'myDescription',
+				value: 'Every day, a rabbit in a military costume greets me at the front door',
+			},
+		],
+		variants: [{ name: 'Variant 1' }],
+	},
+	{
+		id: 2001,
+		key: 'f2f81a40-c989-4b6b-84e2-057cecd3adc1',
+		name: 'Media 1',
+		type: 'media',
+		icon: 'picture',
+		properties: [
+			{
+				alias: 'myMediaHeadline',
+				label: 'Media Headline',
+				description: 'Text string property',
+				dataTypeKey: 'dt-1',
+			},
+		],
+		data: [
+			{
+				alias: 'myMediaHeadline',
+				value: 'The daily life at Umbraco HQ',
+			},
+		],
+		variants: [],
+	},
+	{
+		id: 2002,
+		key: '69431027-8867-45bf-a93b-72bbdabfb177',
+		type: 'media',
+		name: 'Media 2',
+		icon: 'picture',
+		properties: [
+			{
+				alias: 'myMediaDescription',
+				label: 'Description',
+				description: 'Textarea property',
+				dataTypeKey: 'dt-2',
+			},
+		],
+		data: [
+			{
+				alias: 'myMediaDescription',
+				value: 'Every day, a rabbit in a military costume greets me at the front door',
+			},
+		],
+		variants: [],
 	},
 ];
 
 // Temp mocked database
-class UmbContentData {
-	private _data: Array<DocumentNode> = [];
-
+class UmbNodeData extends UmbData<NodeEntity> {
 	constructor() {
-		this._data = data;
-	}
-
-	getById(id: number) {
-		return this._data.find((item) => item.id === id);
-	}
-
-	save(nodes: DocumentNode[]) {
-		nodes.forEach((node) => {
-			const foundIndex = this._data.findIndex((item) => item.id === node.id);
-			if (foundIndex !== -1) {
-				// replace
-				this._data[foundIndex] = node;
-			} else {
-				// new
-				this._data.push(node);
-			}
-		});
-		//console.log('save:', nodes);
-		return nodes;
+		super(data);
 	}
 }
 
-export const umbContentData = new UmbContentData();
+export const umbNodeData = new UmbNodeData();
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/domains/content.handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/domains/content.handlers.ts
index cb216fcef8..6696c6069c 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/domains/content.handlers.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/domains/content.handlers.ts
@@ -1,6 +1,6 @@
 import { rest } from 'msw';
 
-import { DocumentNode, umbContentData } from '../data/content.data';
+import { NodeEntity, umbNodeData } from '../data/node.data';
 
 // TODO: add schema
 export const handlers = [
@@ -10,17 +10,17 @@ export const handlers = [
 		if (!id) return;
 
 		const int = parseInt(id);
-		const document = umbContentData.getById(int);
+		const document = umbNodeData.getById(int);
 
 		return res(ctx.status(200), ctx.json([document]));
 	}),
 
-	rest.post<DocumentNode[]>('/umbraco/backoffice/content/save', (req, res, ctx) => {
+	rest.post<NodeEntity[]>('/umbraco/backoffice/content/save', (req, res, ctx) => {
 		console.warn('Please move to schema');
 		const data = req.body;
 		if (!data) return;
 
-		umbContentData.save(data);
+		umbNodeData.save(data);
 
 		return res(ctx.status(200), ctx.json(data));
 	}),
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/domains/data-type.handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/domains/data-type.handlers.ts
new file mode 100644
index 0000000000..8fde9c760d
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/mocks/domains/data-type.handlers.ts
@@ -0,0 +1,34 @@
+import { rest } from 'msw';
+
+import { DataTypeEntity, umbDataTypeData } from '../data/data-type.data';
+
+// TODO: add schema
+export const handlers = [
+	rest.get('/umbraco/backoffice/data-type/:id', (req, res, ctx) => {
+		const id = req.params.id as string;
+		if (!id) return;
+
+		const int = parseInt(id);
+		const dataType = umbDataTypeData.getById(int);
+
+		return res(ctx.status(200), ctx.json([dataType]));
+	}),
+
+	rest.get('/umbraco/backoffice/data-type/by-key/:key', (req, res, ctx) => {
+		const key = req.params.key as string;
+		if (!key) return;
+
+		const dataType = umbDataTypeData.getByKey(key);
+
+		return res(ctx.status(200), ctx.json([dataType]));
+	}),
+
+	rest.post<DataTypeEntity[]>('/umbraco/backoffice/data-type/save', (req, res, ctx) => {
+		const data = req.body;
+		if (!data) return;
+
+		umbDataTypeData.save(data);
+
+		return res(ctx.status(200), ctx.json(data));
+	}),
+];
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/domains/document-type.handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/domains/document-type.handlers.ts
new file mode 100644
index 0000000000..1a18cdf2a6
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/mocks/domains/document-type.handlers.ts
@@ -0,0 +1,25 @@
+import { rest } from 'msw';
+
+import { DocumentTypeEntity, umbDocumentTypeData } from '../data/document-type.data';
+
+// TODO: add schema
+export const handlers = [
+	rest.get('/umbraco/backoffice/document-type/:id', (req, res, ctx) => {
+		const id = req.params.id as string;
+		if (!id) return;
+
+		const int = parseInt(id);
+		const document = umbDocumentTypeData.getById(int);
+
+		return res(ctx.status(200), ctx.json([document]));
+	}),
+
+	rest.post<DocumentTypeEntity[]>('/umbraco/backoffice/document-type/save', (req, res, ctx) => {
+		const data = req.body;
+		if (!data) return;
+
+		umbDocumentTypeData.save(data);
+
+		return res(ctx.status(200), ctx.json(data));
+	}),
+];
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/domains/user.handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/domains/user.handlers.ts
index 4fb1fce6bb..111c38aa7c 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/domains/user.handlers.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/domains/user.handlers.ts
@@ -49,7 +49,7 @@ export const handlers = [
 		return res(
 			ctx.status(200),
 			ctx.json<AllowedSectionsResponse>({
-				sections: ['Umb.Section.Content', 'Umb.Section.Settings', 'My.Section.Custom'],
+				sections: ['Umb.Section.Content', 'Umb.Section.Media', 'Umb.Section.Settings', 'My.Section.Custom'],
 			})
 		);
 	}),
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/e2e-handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/e2e-handlers.ts
index 7ad5e7eccf..7e20f40369 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/e2e-handlers.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/e2e-handlers.ts
@@ -4,6 +4,8 @@ import { handlers as manifestsHandlers } from './domains/manifests.handlers';
 import * as serverHandlers from './domains/server.handlers';
 import { handlers as upgradeHandlers } from './domains/upgrade.handlers';
 import { handlers as userHandlers } from './domains/user.handlers';
+import { handlers as dataTypeHandlers } from './domains/data-type.handlers';
+import { handlers as documentTypeHandlers } from './domains/document-type.handlers';
 
 export const handlers = [
 	serverHandlers.serverRunningHandler,
@@ -13,4 +15,6 @@ export const handlers = [
 	...upgradeHandlers,
 	...manifestsHandlers,
 	...userHandlers,
+	...dataTypeHandlers,
+	...documentTypeHandlers,
 ];
diff --git a/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts b/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts
index 9405f3d6a4..825fddd488 100644
--- a/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts
@@ -1,5 +1,7 @@
 import { UmbExtensionManifestCore } from './core/extension';
 
+// TODO: consider moving weight from meta to the main part of the manifest. We need it for every extension.
+// TODO: consider adding a label property as part of the meta. It might make sense to have an "extension" name label where one is needed.
 export const internalManifests: Array<UmbExtensionManifestCore> = [
 	{
 		type: 'section',
@@ -12,6 +14,17 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 			weight: 50,
 		},
 	},
+	{
+		type: 'section',
+		alias: 'Umb.Section.Media',
+		name: 'Media',
+		elementName: 'umb-media-section',
+		js: () => import('./backoffice/sections/media/media-section.element'),
+		meta: {
+			pathname: 'media', // TODO: how to we want to support pretty urls?
+			weight: 50,
+		},
+	},
 	{
 		type: 'section',
 		alias: 'Umb.Section.Members',
@@ -63,7 +76,7 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 		name: 'Text',
 		js: () => import('./backoffice/property-editors/property-editor-text.element'),
 		meta: {
-			icon: 'document',
+			icon: 'edit',
 			group: 'common',
 		},
 	},
@@ -74,7 +87,7 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 		elementName: 'umb-property-editor-textarea',
 		js: () => import('./backoffice/property-editors/property-editor-textarea.element'),
 		meta: {
-			icon: 'document',
+			icon: 'edit',
 			group: 'common',
 		},
 	},
@@ -84,7 +97,7 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 		name: 'Context Example',
 		js: () => import('./backoffice/property-editors/property-editor-context-example.element'),
 		meta: {
-			icon: 'document',
+			icon: 'favorite',
 			group: 'common',
 		},
 	},
@@ -93,8 +106,11 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 		alias: 'Umb.EditorView.ContentEdit',
 		name: 'Content',
 		elementName: 'umb-editor-view-node-edit',
-		js: () => import('./backoffice/editor-views/editor-view-node-edit.element'),
+		js: () => import('./backoffice/editors/shared/node/views/edit/editor-view-node-edit.element'),
 		meta: {
+			// TODO: how do we want to filter where editor views are shown? https://our.umbraco.com/documentation/extending/Content-Apps/#setting-up-the-plugin
+			// this is a temp solution
+			editors: ['Umb.Editor.Content', 'Umb.Editor.Media'],
 			pathname: 'content',
 			weight: 100,
 			icon: 'document',
@@ -105,31 +121,75 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 		alias: 'Umb.EditorView.ContentInfo',
 		name: 'Info',
 		elementName: 'umb-editor-view-node-info',
-		js: () => import('./backoffice/editor-views/editor-view-node-info.element'),
+		js: () => import('./backoffice/editors/shared/node/views/info/editor-view-node-info.element'),
 		meta: {
+			// TODO: how do we want to filter where editor views are shown? https://our.umbraco.com/documentation/extending/Content-Apps/#setting-up-the-plugin
+			// this is a temp solution
+			editors: ['Umb.Editor.Content', 'Umb.Editor.Media'],
 			pathname: 'info',
 			weight: 90,
 			icon: 'info',
 		},
 	},
-  {
-    type: 'propertyAction',
-    alias: 'Umb.PropertyAction.Copy',
-    name: 'Copy',
-    elementName: 'umb-property-action-copy',
-    js: () => import('./backoffice/property-actions/property-action-copy.element'),
-    meta: {
-      propertyEditors: ['Umb.PropertyEditorUI.Text']
-    }
-  },
-  {
-    type: 'propertyAction',
-    alias: 'Umb.PropertyAction.Clear',
-    name: 'Clear',
-    elementName: 'umb-property-action-clear',
-    js: () => import('./backoffice/property-actions/property-action-clear.element'),
-    meta: {
-      propertyEditors: ['Umb.PropertyEditorUI.Text']
-    }
-  }
+	{
+		type: 'editorView',
+		alias: 'Umb.EditorView.DataTypeEdit',
+		name: 'Edit',
+		elementName: 'umb-editor-view-data-type-edit',
+		js: () => import('./backoffice/editors/data-type/views/editor-view-data-type-edit.element'),
+		meta: {
+			// TODO: how do we want to filter where editor views are shown? https://our.umbraco.com/documentation/extending/Content-Apps/#setting-up-the-plugin
+			// this is a temp solution
+			editors: ['Umb.Editor.DataType'],
+			pathname: 'edit',
+			weight: 90,
+			icon: 'edit',
+		},
+	},
+	{
+		type: 'editorView',
+		alias: 'Umb.EditorView.DocumentTypeDesign',
+		name: 'Design',
+		elementName: 'umb-editor-view-document-type-design',
+		js: () => import('./backoffice/editors/document-type/views/editor-view-document-type-design.element'),
+		meta: {
+			// TODO: how do we want to filter where editor views are shown? https://our.umbraco.com/documentation/extending/Content-Apps/#setting-up-the-plugin
+			// this is a temp solution
+			editors: ['Umb.Editor.DocumentType'],
+			pathname: 'design',
+			weight: 90,
+			icon: 'edit',
+		},
+	},
+	{
+		type: 'propertyAction',
+		alias: 'Umb.PropertyAction.Copy',
+		name: 'Copy',
+		elementName: 'umb-property-action-copy',
+		js: () => import('./backoffice/property-actions/property-action-copy.element'),
+		meta: {
+			propertyEditors: ['Umb.PropertyEditorUI.Text'],
+		},
+	},
+	{
+		type: 'propertyAction',
+		alias: 'Umb.PropertyAction.Clear',
+		name: 'Clear',
+		elementName: 'umb-property-action-clear',
+		js: () => import('./backoffice/property-actions/property-action-clear.element'),
+		meta: {
+			propertyEditors: ['Umb.PropertyEditorUI.Text'],
+		},
+	},
+	{
+		type: 'propertyEditorUI',
+		alias: 'Umb.PropertyEditorUI.ContentPicker',
+		name: 'ContentPicker',
+		elementName: 'umb-property-editor-content-picker',
+		js: () => import('./backoffice/property-editors/property-editor-content-picker.element'),
+		meta: {
+			icon: 'document',
+			group: 'common',
+		},
+	},
 ];
diff --git a/src/Umbraco.Web.UI.Client/src/upgrader/upgrader-view.test.ts b/src/Umbraco.Web.UI.Client/src/upgrader/upgrader-view.test.ts
new file mode 100644
index 0000000000..6a4794bf2f
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/upgrader/upgrader-view.test.ts
@@ -0,0 +1,20 @@
+import { expect, fixture, html } from '@open-wc/testing';
+
+import { defaultA11yConfig } from '../core/helpers/chai';
+import { UmbUpgraderView } from './upgrader-view.element';
+
+describe('UmbUpgraderView', () => {
+	let element: UmbUpgraderView;
+
+	beforeEach(async () => {
+		element = await fixture(html`<umb-upgrader-view></umb-upgrader-view>`);
+	});
+
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbUpgraderView);
+	});
+
+	it('passes the a11y audit', async () => {
+		await expect(element).to.be.accessible(defaultA11yConfig);
+	});
+});
diff --git a/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.test.ts b/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.test.ts
index cd6871b717..152dacda45 100644
--- a/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.test.ts
@@ -12,8 +12,4 @@ describe('UmbUpgrader', () => {
 	it('is defined with its own instance', () => {
 		expect(element).to.be.instanceOf(UmbUpgrader);
 	});
-
-	it('passes the a11y audit', () => {
-		expect(element).shadowDom.to.be.accessible();
-	});
 });
diff --git a/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-0.0.0.tgz b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-0.0.0.tgz
new file mode 100644
index 0000000000..59e52f8bd6
Binary files /dev/null and b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-0.0.0.tgz differ
diff --git a/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-container-0.0.0.tgz b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-container-0.0.0.tgz
new file mode 100644
index 0000000000..f5639e9552
Binary files /dev/null and b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-container-0.0.0.tgz differ
diff --git a/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-dialog-0.0.0.tgz b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-dialog-0.0.0.tgz
new file mode 100644
index 0000000000..1b6f3b50bb
Binary files /dev/null and b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-dialog-0.0.0.tgz differ
diff --git a/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-sidebar-0.0.0.tgz b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-sidebar-0.0.0.tgz
new file mode 100644
index 0000000000..a49b019951
Binary files /dev/null and b/src/Umbraco.Web.UI.Client/umbraco-ui-uui-modal-sidebar-0.0.0.tgz differ
diff --git a/src/Umbraco.Web.UI.Client/web-test-runner.config.mjs b/src/Umbraco.Web.UI.Client/web-test-runner.config.mjs
index 40121901ae..60f72b3883 100644
--- a/src/Umbraco.Web.UI.Client/web-test-runner.config.mjs
+++ b/src/Umbraco.Web.UI.Client/web-test-runner.config.mjs
@@ -10,12 +10,17 @@ export default {
     playwrightLauncher({ product: 'firefox' }),
     playwrightLauncher({ product: 'webkit' }),
   ],
+	coverageConfig: {
+		reporters: ['lcovonly', 'text-summary'],
+	},
   testRunnerHtml: (testFramework) =>
     `<html>
       <body>
         <script type="module" src="${testFramework}"></script>
-                <script type="module">
-          import 'element-internals-polyfill';
+        <script type="module">
+					import 'element-internals-polyfill';
+					import '@umbraco-ui/uui';
+					import 'router-slot';
         </script>
       </body>
     </html>`,