diff --git a/src/Umbraco.Web.UI.Client/package.json b/src/Umbraco.Web.UI.Client/package.json
index 13364abc72..3704e8abb8 100644
--- a/src/Umbraco.Web.UI.Client/package.json
+++ b/src/Umbraco.Web.UI.Client/package.json
@@ -22,7 +22,7 @@
 		"./block-rte": "./dist-cms/packages/block/block-rte/index.js",
 		"./block-type": "./dist-cms/packages/block/block-type/index.js",
 		"./block": "./dist-cms/packages/block/block/index.js",
-		"./code-editor": "./dist-cms/packages/templating/code-editor/index.js",
+		"./code-editor": "./dist-cms/packages/code-editor/index.js",
 		"./collection": "./dist-cms/packages/core/collection/index.js",
 		"./components": "./dist-cms/packages/core/components/index.js",
 		"./content-type": "./dist-cms/packages/core/content-type/index.js",
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.controller.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/code-editor.controller.ts
similarity index 99%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.controller.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/code-editor.controller.ts
index 2553330281..f262a8b9db 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.controller.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/code-editor.controller.ts
@@ -8,7 +8,7 @@ import type {
 	UmbCodeEditorHost,
 	UmbCodeEditorRange,
 	UmbCodeEditorSelection,
-} from './code-editor.model.js';
+} from './models/code-editor.model.js';
 import { themes } from './themes/index.js';
 import { monaco } from '@umbraco-cms/backoffice/external/monaco-editor';
 import { UmbChangeEvent, UmbInputEvent } from '@umbraco-cms/backoffice/event';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/code-editor.element.ts
similarity index 93%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.element.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/components/code-editor.element.ts
index 6502032ebc..cff371f8ff 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/code-editor.element.ts
@@ -1,7 +1,11 @@
-import type { UmbCodeEditorController } from './code-editor.controller.js';
-import type { CodeEditorLanguage, CodeEditorSearchOptions, UmbCodeEditorHost } from './code-editor.model.js';
-import { CodeEditorTheme } from './code-editor.model.js';
-import { UmbCodeEditorLoadedEvent } from './code-editor-loaded.event.js';
+import type { UmbCodeEditorController } from '../code-editor.controller.js';
+import {
+	CodeEditorTheme,
+	UmbCodeEditorLoadedEvent,
+	type CodeEditorLanguage,
+	type CodeEditorSearchOptions,
+	type UmbCodeEditorHost,
+} from '../models/index.js';
 import { UMB_THEME_CONTEXT } from '@umbraco-cms/backoffice/themes';
 import type { PropertyValues, Ref } from '@umbraco-cms/backoffice/external/lit';
 import {
@@ -125,7 +129,7 @@ export class UmbCodeEditorElement extends UmbLitElement implements UmbCodeEditor
 		const { styles } = await import('@umbraco-cms/backoffice/external/monaco-editor');
 		this._styles = styles;
 
-		const controller = (await import('./code-editor.controller.js')).default;
+		const controller = (await import('../code-editor.controller.js')).default;
 		this.#editor = new controller(this);
 
 		this._loading = false;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/code-editor.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/code-editor.stories.ts
new file mode 100644
index 0000000000..ac7b5ba5bb
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/code-editor.stories.ts
@@ -0,0 +1,247 @@
+import type { CodeEditorLanguage } from '../models/code-editor.model.js';
+import { CodeEditorTheme } from '../models/code-editor.model.js';
+import type { UmbCodeEditorElement } from './code-editor.element.js';
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { html } from '@umbraco-cms/backoffice/external/lit';
+
+import './code-editor.element.js';
+
+const meta: Meta<UmbCodeEditorElement> = {
+	title: 'Components/Code Editor',
+	component: 'umb-code-editor',
+	decorators: [(story) => html`<div style="--editor-height: 800px">${story()}</div>`],
+	parameters: { layout: 'fullscreen' },
+	argTypes: {
+		theme: {
+			control: 'select',
+			options: [
+				CodeEditorTheme.Dark,
+				CodeEditorTheme.Light,
+				CodeEditorTheme.HighContrastLight,
+				CodeEditorTheme.HighContrastLight,
+			],
+		},
+	},
+};
+
+const codeSnippets: Record<CodeEditorLanguage, string> = {
+	csharp: `using System;
+
+namespace HelloWorld;
+
+public class Program
+{
+	public static void Main()
+	{
+		Console.WriteLine("Hello World");
+	}
+}`,
+	javascript: `// Returns "banana"
+('b' + 'a' + + 'a' + 'a').toLowerCase();`,
+	css: `:host {
+	display: flex;
+	background-color: var(--uui-color-background);
+	width: 100%;
+	height: 100%;
+	flex-direction: column;
+}
+
+#header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 100%;
+	height: 70px;
+	background-color: var(--uui-color-surface);
+	border-bottom: 1px solid var(--uui-color-border);
+	box-sizing: border-box;
+}
+
+#headline {
+	display: block;
+	margin: 0 var(--uui-size-layout-1);
+}
+
+#tabs {
+	margin-left: auto;
+}`,
+	html: `<!DOCTYPE html>
+<html>
+<head>
+<title>Page Title</title>
+</head>
+<body>
+
+<h1>This is a Heading</h1>
+<p>This is a paragraph.</p>
+
+</body>
+</html>`,
+	razor: `@using Umbraco.Extensions
+@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.BlockGridItem>
+@{
+	if (Model?.Areas.Any() != true) { return; }
+}
+
+<div class="umb-block-grid__area-container"
+		style="--umb-block-grid--area-grid-columns: @(Model.AreaGridColumns?.ToString() ?? Model.GridColumns?.ToString() ?? "12");">
+	@foreach (var area in Model.Areas)
+	{
+		@await Html.GetBlockGridItemAreaHtmlAsync(area)
+	}
+</div>`,
+	markdown: `
+You will like those projects!
+
+---
+
+# h1 Heading 8-)
+## h2 Heading
+### h3 Heading
+#### h4 Heading
+##### h5 Heading
+###### h6 Heading
+
+
+## Horizontal Rules
+
+___
+
+---
+
+***
+
+
+## Typographic replacements
+
+Enable typographer option to see result.
+
+(c) (C) (r) (R) (tm) (TM) (p) (P) +-
+
+test.. test... test..... test?..... test!....
+
+!!!!!! ???? ,,  -- ---
+
+"Smartypants, double quotes" and 'single quotes'`,
+	typescript: `import { UmbTemplateRepository } from '../repository/template.repository.js';
+import { UmbWorkspaceContextBase } from '../../../shared/components/workspace/workspace-context/workspace-context.js';
+import { UmbObjectState } from '@umbraco-cms/observable-api';
+import { TemplateModel } from '@umbraco-cms/backend-api';
+import { UmbControllerHostElement } from '@umbraco-cms/controller';
+
+export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<UmbTemplateRepository, TemplateModel> {
+	#data = new UmbObjectState<TemplateModel | undefined>(undefined);
+	data = this.#data.asObservable();
+	name = this.#data.asObservablePart((data) => data?.name);
+	content = this.#data.asObservablePart((data) => data?.content);
+
+	constructor(host: UmbControllerHostElement) {
+		super(host, 'Umb.Workspace.Template', new UmbTemplateRepository(host));
+	}
+
+	getData() {
+		return this.#data.getValue();
+	}
+
+	setName(value: string) {
+		this.#data.setValue({ ...this.#data.value, name: value });
+	}
+
+	setContent(value: string) {
+		this.#data.setValue({ ...this.#data.value, content: value });
+	}
+
+	async load(entityId: string) {
+		const { data } = await this.repository.requestByKey(entityId);
+		if (data) {
+			this.setIsNew(false);
+			this.#data.setValue(data);
+		}
+	}
+
+	async createScaffold(parentId: string | null) {
+		const { data } = await this.repository.createScaffold(parentId);
+		if (!data) return;
+		this.setIsNew(true);
+		this.#data.setValue(data);
+	}
+}`,
+	json: `{
+	"compilerOptions": {
+		"module": "esnext",
+		"target": "esnext",
+		"lib": ["es2020", "dom", "dom.iterable"],
+		"declaration": true,
+		"emitDeclarationOnly": true,
+		"noEmitOnError": true,
+		"outDir": "./types",
+		"strict": true,
+		"noImplicitReturns": true,
+		"noFallthroughCasesInSwitch": true,
+		"moduleResolution": "node",
+		"isolatedModules": true,
+		"allowSyntheticDefaultImports": true,
+		"experimentalDecorators": true,
+		"forceConsistentCasingInFileNames": true,
+		"useDefineForClassFields": false,
+		"skipLibCheck": true,
+		"resolveJsonModule": true,
+		"baseUrl": ".",
+		"paths": {
+			"@umbraco-cms/css": ["libs/css/custom-properties.css"],
+			"@umbraco-cms/modal": ["src/core/modal"],
+			"@umbraco-cms/models": ["libs/models"],
+			"@umbraco-cms/backend-api": ["libs/backend-api"],
+			"@umbraco-cms/context-api": ["libs/context-api"],
+			"@umbraco-cms/controller": ["libs/controller"],
+			"@umbraco-cms/element": ["libs/element"],
+			"@umbraco-cms/extension-api": ["libs/extension-api"],
+			"@umbraco-cms/extension-registry": ["libs/extension-registry"],
+			"@umbraco-cms/notification": ["libs/notification"],
+			"@umbraco-cms/observable-api": ["libs/observable-api"],
+			"@umbraco-cms/events": ["libs/events"],
+			"@umbraco-cms/entity-action": ["libs/entity-action"],
+			"@umbraco-cms/workspace": ["libs/workspace"],
+			"@umbraco-cms/utils": ["libs/utils"],
+			"@umbraco-cms/router": ["libs/router"],
+			"@umbraco-cms/sorter": ["libs/sorter"],
+			"@umbraco-cms/test-utils": ["libs/test-utils"],
+			"@umbraco-cms/repository": ["libs/repository"],
+			"@umbraco-cms/resources": ["libs/resources"],
+			"@umbraco-cms/store": ["libs/store"],
+			"@umbraco-cms/components/*": ["src/backoffice/components/*"],
+			"@umbraco-cms/sections/*": ["src/backoffice/sections/*"]
+		}
+	},
+	"include": ["src/**/*.ts", "apps/**/*.ts", "libs/**/*.ts", "e2e/**/*.ts"],
+	"references": [
+		{
+			"path": "./tsconfig.node.json"
+		}
+	]
+}`,
+};
+
+export default meta;
+type Story = StoryObj<UmbCodeEditorElement>;
+
+const [Csharp, Javascript, Css, Html, Razor, Markdown, Typescript, Json]: Story[] = Object.keys(codeSnippets).map(
+	(language) => {
+		return {
+			args: {
+				language: language as CodeEditorLanguage,
+				code: codeSnippets[language as CodeEditorLanguage],
+			},
+		};
+	},
+);
+
+const Themes: Story = {
+	args: {
+		language: 'javascript',
+		code: codeSnippets.javascript,
+		theme: CodeEditorTheme.Dark,
+	},
+};
+
+export { Csharp, Javascript, Css, Html, Razor, Markdown, Typescript, Json, Themes };
diff --git a/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/index.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/index.ts
new file mode 100644
index 0000000000..3cfc04bfa2
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/components/index.ts
@@ -0,0 +1 @@
+export * from './code-editor.element.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/index.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/index.ts
similarity index 59%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/index.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/index.ts
index d2cb484396..1aa9215bd2 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/index.ts
@@ -1,7 +1,8 @@
-export { UmbCodeEditorElement } from './code-editor.element.js';
-export { UmbCodeEditorLoadedEvent } from './code-editor-loaded.event.js';
+export * from './components/index.js';
+export * from './models/index.js';
+export { UmbCodeEditorLoadedEvent } from './models/code-editor-loaded.event.js';
 export type { UmbCodeEditorController } from './code-editor.controller.js';
-export type * from './code-editor.model.js';
+export type * from './models/code-editor.model.js';
 
 /**
  * @deprecated Use `import from '@umbraco-cms/backoffice/code-editor';` directly.
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor-loaded.event.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/models/code-editor-loaded.event.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor-loaded.event.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/models/code-editor-loaded.event.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.model.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/models/code-editor.model.ts
similarity index 97%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.model.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/models/code-editor.model.ts
index b1f28f2fae..e10231595b 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.model.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/models/code-editor.model.ts
@@ -1,4 +1,12 @@
-export type CodeEditorLanguage = 'razor' | 'typescript' | 'javascript' | 'css' | 'markdown' | 'json' | 'html';
+export type CodeEditorLanguage =
+	| 'csharp'
+	| 'razor'
+	| 'typescript'
+	| 'javascript'
+	| 'css'
+	| 'markdown'
+	| 'json'
+	| 'html';
 
 export enum CodeEditorTheme {
 	Light = 'umb-light',
diff --git a/src/Umbraco.Web.UI.Client/src/packages/code-editor/models/index.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/models/index.ts
new file mode 100644
index 0000000000..21c8883042
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/models/index.ts
@@ -0,0 +1,2 @@
+export * from './code-editor-loaded.event.js';
+export * from './code-editor.model.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.dark.theme.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.dark.theme.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.dark.theme.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.dark.theme.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.hc-dark.theme.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.hc-dark.theme.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.hc-dark.theme.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.hc-dark.theme.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.hc-light.theme.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.hc-light.theme.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.hc-light.theme.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.hc-light.theme.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.light.theme.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.light.theme.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/code-editor.light.theme.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/code-editor.light.theme.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/index.ts b/src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/index.ts
similarity index 92%
rename from src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/index.ts
rename to src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/index.ts
index bcaa4ebea6..bf9894f126 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/themes/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/code-editor/themes/index.ts
@@ -1,4 +1,4 @@
-import type { CodeEditorTheme } from '../code-editor.model.js';
+import type { CodeEditorTheme } from '../models/code-editor.model.js';
 import { UmbCodeEditorThemeHighContrastLight } from './code-editor.hc-light.theme.js';
 import { UmbCodeEditorThemeHighContrastDark } from './code-editor.hc-dark.theme.js';
 import { UmbCodeEditorThemeLight } from './code-editor.light.theme.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.stories.ts
deleted file mode 100644
index c006085c91..0000000000
--- a/src/Umbraco.Web.UI.Client/src/packages/templating/code-editor/code-editor.stories.ts
+++ /dev/null
@@ -1,236 +0,0 @@
-import type { UmbCodeEditorElement } from './code-editor.element.js';
-import type { CodeEditorLanguage } from './code-editor.model.js';
-import { CodeEditorTheme } from './code-editor.model.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-import { html } from '@umbraco-cms/backoffice/external/lit';
-
-import './code-editor.element.js';
-
-const meta: Meta<UmbCodeEditorElement> = {
-	title: 'Components/Code Editor',
-	component: 'umb-code-editor',
-	decorators: [(story) => html`<div style="--editor-height: 800px">${story()}</div>`],
-	parameters: { layout: 'fullscreen' },
-	argTypes: {
-		theme: {
-			control: 'select',
-			options: [
-				CodeEditorTheme.Dark,
-				CodeEditorTheme.Light,
-				CodeEditorTheme.HighContrastLight,
-				CodeEditorTheme.HighContrastLight,
-			],
-		},
-	},
-};
-
-const codeSnippets: Record<CodeEditorLanguage, string> = {
-	javascript: `// Returns "banana"
-	('b' + 'a' + + 'a' + 'a').toLowerCase();`,
-	css: `:host {
-		display: flex;
-		background-color: var(--uui-color-background);
-		width: 100%;
-		height: 100%;
-		flex-direction: column;
-	}
-
-	#header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		width: 100%;
-		height: 70px;
-		background-color: var(--uui-color-surface);
-		border-bottom: 1px solid var(--uui-color-border);
-		box-sizing: border-box;
-	}
-
-	#headline {
-		display: block;
-		margin: 0 var(--uui-size-layout-1);
-	}
-
-	#tabs {
-		margin-left: auto;
-	}`,
-	html: `<!DOCTYPE html>
-	<html>
-	<head>
-	<title>Page Title</title>
-	</head>
-	<body>
-
-	<h1>This is a Heading</h1>
-	<p>This is a paragraph.</p>
-
-	</body>
-	</html>`,
-	razor: `@using Umbraco.Extensions
-	@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.BlockGridItem>
-	@{
-		if (Model?.Areas.Any() != true) { return; }
-	}
-
-	<div class="umb-block-grid__area-container"
-		 style="--umb-block-grid--area-grid-columns: @(Model.AreaGridColumns?.ToString() ?? Model.GridColumns?.ToString() ?? "12");">
-		@foreach (var area in Model.Areas)
-		{
-			@await Html.GetBlockGridItemAreaHtmlAsync(area)
-		}
-	</div>`,
-	markdown: `
-	You will like those projects!
-
-	---
-
-	# h1 Heading 8-)
-	## h2 Heading
-	### h3 Heading
-	#### h4 Heading
-	##### h5 Heading
-	###### h6 Heading
-
-
-	## Horizontal Rules
-
-	___
-
-	---
-
-	***
-
-
-	## Typographic replacements
-
-	Enable typographer option to see result.
-
-	(c) (C) (r) (R) (tm) (TM) (p) (P) +-
-
-	test.. test... test..... test?..... test!....
-
-	!!!!!! ???? ,,  -- ---
-
-	"Smartypants, double quotes" and 'single quotes'`,
-	typescript: `import { UmbTemplateRepository } from '../repository/template.repository.js';
-	import { UmbWorkspaceContextBase } from '../../../shared/components/workspace/workspace-context/workspace-context.js';
-	import { UmbObjectState } from '@umbraco-cms/observable-api';
-	import { TemplateModel } from '@umbraco-cms/backend-api';
-	import { UmbControllerHostElement } from '@umbraco-cms/controller';
-
-	export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<UmbTemplateRepository, TemplateModel> {
-		#data = new UmbObjectState<TemplateModel | undefined>(undefined);
-		data = this.#data.asObservable();
-		name = this.#data.asObservablePart((data) => data?.name);
-		content = this.#data.asObservablePart((data) => data?.content);
-
-		constructor(host: UmbControllerHostElement) {
-			super(host, 'Umb.Workspace.Template', new UmbTemplateRepository(host));
-		}
-
-		getData() {
-			return this.#data.getValue();
-		}
-
-		setName(value: string) {
-			this.#data.setValue({ ...this.#data.value, name: value });
-		}
-
-		setContent(value: string) {
-			this.#data.setValue({ ...this.#data.value, content: value });
-		}
-
-		async load(entityId: string) {
-			const { data } = await this.repository.requestByKey(entityId);
-			if (data) {
-				this.setIsNew(false);
-				this.#data.setValue(data);
-			}
-		}
-
-		async createScaffold(parentId: string | null) {
-			const { data } = await this.repository.createScaffold(parentId);
-			if (!data) return;
-			this.setIsNew(true);
-			this.#data.setValue(data);
-		}
-	}`,
-	json: `{
-		"compilerOptions": {
-			"module": "esnext",
-			"target": "esnext",
-			"lib": ["es2020", "dom", "dom.iterable"],
-			"declaration": true,
-			"emitDeclarationOnly": true,
-			"noEmitOnError": true,
-			"outDir": "./types",
-			"strict": true,
-			"noImplicitReturns": true,
-			"noFallthroughCasesInSwitch": true,
-			"moduleResolution": "node",
-			"isolatedModules": true,
-			"allowSyntheticDefaultImports": true,
-			"experimentalDecorators": true,
-			"forceConsistentCasingInFileNames": true,
-			"useDefineForClassFields": false,
-			"skipLibCheck": true,
-			"resolveJsonModule": true,
-			"baseUrl": ".",
-			"paths": {
-				"@umbraco-cms/css": ["libs/css/custom-properties.css"],
-				"@umbraco-cms/modal": ["src/core/modal"],
-				"@umbraco-cms/models": ["libs/models"],
-				"@umbraco-cms/backend-api": ["libs/backend-api"],
-				"@umbraco-cms/context-api": ["libs/context-api"],
-				"@umbraco-cms/controller": ["libs/controller"],
-				"@umbraco-cms/element": ["libs/element"],
-				"@umbraco-cms/extension-api": ["libs/extension-api"],
-				"@umbraco-cms/extension-registry": ["libs/extension-registry"],
-				"@umbraco-cms/notification": ["libs/notification"],
-				"@umbraco-cms/observable-api": ["libs/observable-api"],
-				"@umbraco-cms/events": ["libs/events"],
-				"@umbraco-cms/entity-action": ["libs/entity-action"],
-				"@umbraco-cms/workspace": ["libs/workspace"],
-				"@umbraco-cms/utils": ["libs/utils"],
-				"@umbraco-cms/router": ["libs/router"],
-				"@umbraco-cms/sorter": ["libs/sorter"],
-				"@umbraco-cms/test-utils": ["libs/test-utils"],
-				"@umbraco-cms/repository": ["libs/repository"],
-				"@umbraco-cms/resources": ["libs/resources"],
-				"@umbraco-cms/store": ["libs/store"],
-				"@umbraco-cms/components/*": ["src/backoffice/components/*"],
-				"@umbraco-cms/sections/*": ["src/backoffice/sections/*"]
-			}
-		},
-		"include": ["src/**/*.ts", "apps/**/*.ts", "libs/**/*.ts", "e2e/**/*.ts"],
-		"references": [
-			{
-				"path": "./tsconfig.node.json"
-			}
-		]
-	}`,
-};
-
-export default meta;
-type Story = StoryObj<UmbCodeEditorElement>;
-
-const [Javascript, Css, Html, Razor, Markdown, Typescript, Json]: Story[] = Object.keys(codeSnippets).map(
-	(language) => {
-		return {
-			args: {
-				language: language as CodeEditorLanguage,
-				code: codeSnippets[language as CodeEditorLanguage],
-			},
-		};
-	},
-);
-
-const Themes: Story = {
-	args: {
-		language: 'javascript',
-		code: codeSnippets.javascript,
-		theme: CodeEditorTheme.Dark,
-	},
-};
-
-export { Javascript, Css, Html, Razor, Markdown, Typescript, Json, Themes };
diff --git a/src/Umbraco.Web.UI.Client/tsconfig.json b/src/Umbraco.Web.UI.Client/tsconfig.json
index 53b2db2515..0c726f16e7 100644
--- a/src/Umbraco.Web.UI.Client/tsconfig.json
+++ b/src/Umbraco.Web.UI.Client/tsconfig.json
@@ -48,7 +48,7 @@ DON'T EDIT THIS FILE DIRECTLY. It is generated by /devops/tsconfig/index.js
 			"@umbraco-cms/backoffice/block-rte": ["./src/packages/block/block-rte/index.ts"],
 			"@umbraco-cms/backoffice/block-type": ["./src/packages/block/block-type/index.ts"],
 			"@umbraco-cms/backoffice/block": ["./src/packages/block/block/index.ts"],
-			"@umbraco-cms/backoffice/code-editor": ["./src/packages/templating/code-editor/index.ts"],
+			"@umbraco-cms/backoffice/code-editor": ["./src/packages/code-editor/index.ts"],
 			"@umbraco-cms/backoffice/collection": ["./src/packages/core/collection/index.ts"],
 			"@umbraco-cms/backoffice/components": ["./src/packages/core/components/index.ts"],
 			"@umbraco-cms/backoffice/content-type": ["./src/packages/core/content-type/index.ts"],