diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/manifests.ts
deleted file mode 100644
index 9cf9968724..0000000000
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/manifests.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { manifests as repositories } from './repository/manifests.js';
-import type { ManifestModal } from '@umbraco-cms/backoffice/extension-registry';
-
-const modals: Array<ManifestModal> = [
-	{
-		type: 'modal',
-		alias: 'Umb.Modal.EmbeddedMedia',
-		name: 'Embedded Media Modal',
-		element: () => import('./embedded-media-modal.element.js'),
-	},
-];
-
-export const manifests = [...modals, ...repositories];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/index.ts
deleted file mode 100644
index 1a6e303708..0000000000
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { UmbOEmbedRepository } from './oembed.repository.js';
-export { UMB_OEMBED_REPOSITORY_ALIAS } from './manifests.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/index.ts
index ae13aa6d70..3dcf1b5110 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/index.ts
@@ -1,3 +1,2 @@
-export * from './embedded-media/index.js';
 export * from './confirm/index.js';
 export * from './item-picker/index.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts
index dc3b1235ed..c09e5a2f38 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts
@@ -1,13 +1,4 @@
 import { manifests as confirmManifests } from './confirm/manifests.js';
 import { manifests as itemPickerManifests } from './item-picker/manifests.js';
 
-export const manifests: Array<UmbExtensionManifest> = [
-	{
-		type: 'modal',
-		alias: 'Umb.Modal.EmbeddedMedia',
-		name: 'Embedded Media Modal',
-		element: () => import('./embedded-media/embedded-media-modal.element.js'),
-	},
-	...confirmManifests,
-	...itemPickerManifests,
-];
+export const manifests: Array<UmbExtensionManifest> = [...confirmManifests, ...itemPickerManifests];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/index.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/index.ts
similarity index 53%
rename from src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/index.ts
rename to src/Umbraco.Web.UI.Client/src/packages/embedded-media/index.ts
index 3d76f338dd..e130217e61 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/index.ts
@@ -1 +1,2 @@
+export * from './modal/index.js';
 export * from './repository/index.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/manifests.ts
new file mode 100644
index 0000000000..6b7cf27f51
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/manifests.ts
@@ -0,0 +1,4 @@
+import { manifests as modalManifests } from './modal/manifests.js';
+import { manifests as repositoryManifests } from './repository/manifests.js';
+
+export const manifests: Array<UmbExtensionManifest> = [...modalManifests, ...repositoryManifests];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/embedded-media-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.element.ts
similarity index 98%
rename from src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/embedded-media-modal.element.ts
rename to src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.element.ts
index 9125e64aaf..8024e395b7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/embedded-media-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.element.ts
@@ -1,4 +1,4 @@
-import { UmbOEmbedRepository } from './repository/oembed.repository.js';
+import { UmbOEmbedRepository } from '../repository/oembed.repository.js';
 import { css, html, unsafeHTML, when, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import type { UmbEmbeddedMediaModalData, UmbEmbeddedMediaModalValue } from '@umbraco-cms/backoffice/modal';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/embedded-media-modal.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.stories.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/embedded-media-modal.stories.ts
rename to src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.stories.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/token/embedded-media-modal.token.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.token.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/core/modal/token/embedded-media-modal.token.ts
rename to src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/embedded-media-modal.token.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/index.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/index.ts
new file mode 100644
index 0000000000..363deb1226
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/index.ts
@@ -0,0 +1 @@
+export * from './embedded-media-modal.token.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/manifests.ts
new file mode 100644
index 0000000000..aef2dbd580
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/modal/manifests.ts
@@ -0,0 +1,8 @@
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'modal',
+		alias: 'Umb.Modal.EmbeddedMedia',
+		name: 'Embedded Media Modal',
+		element: () => import('./embedded-media-modal.element.js'),
+	},
+];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/package.json b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/package.json
new file mode 100644
index 0000000000..6c7a488f0f
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice/embedded-media",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/constants.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/constants.ts
new file mode 100644
index 0000000000..a28213cbcd
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/constants.ts
@@ -0,0 +1 @@
+export const UMB_OEMBED_REPOSITORY_ALIAS = 'Umb.Repository.OEmbed';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/index.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/index.ts
new file mode 100644
index 0000000000..7b45174122
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/index.ts
@@ -0,0 +1,2 @@
+export * from './oembed.repository.js';
+export * from './constants.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/manifests.ts
similarity index 74%
rename from src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/manifests.ts
rename to src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/manifests.ts
index 39720a3494..364aeb3893 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/manifests.ts
@@ -1,4 +1,4 @@
-export const UMB_OEMBED_REPOSITORY_ALIAS = 'Umb.Repository.OEmbed';
+import { UMB_OEMBED_REPOSITORY_ALIAS } from './constants.js';
 
 export const manifests: Array<UmbExtensionManifest> = [
 	{
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/oembed.repository.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/oembed.repository.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/oembed.repository.ts
rename to src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/oembed.repository.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/oembed.server.data.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/oembed.server.data.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/core/modal/common/embedded-media/repository/oembed.server.data.ts
rename to src/Umbraco.Web.UI.Client/src/packages/embedded-media/repository/oembed.server.data.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/umbraco-package.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/umbraco-package.ts
new file mode 100644
index 0000000000..ca74b9b9ab
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/umbraco-package.ts
@@ -0,0 +1,9 @@
+export const name = 'Umbraco.Core.EmbeddedMedia';
+export const extensions = [
+	{
+		name: 'Embedded Media Bundle',
+		alias: 'Umb.Bundle.EmbeddedMedia',
+		type: 'bundle',
+		js: () => import('./manifests.js'),
+	},
+];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/embedded-media/vite.config.ts b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/vite.config.ts
new file mode 100644
index 0000000000..365fefd614
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/embedded-media/vite.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/packages/embedded-media';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({ dist }),
+});