diff --git a/.changeset/wide-geese-slide.md b/.changeset/wide-geese-slide.md
new file mode 100644
index 0000000000..d8946dcf70
--- /dev/null
+++ b/.changeset/wide-geese-slide.md
@@ -0,0 +1,10 @@
+---
+"@gradio/accordion": minor
+"@gradio/file": minor
+"@gradio/image": minor
+"@gradio/model3d": minor
+"@gradio/preview": minor
+"gradio": minor
+---
+
+feat:strip dangling svelte imports
diff --git a/js/accordion/Index.svelte b/js/accordion/Index.svelte
index 9edb227cbc..e5d91c03f7 100644
--- a/js/accordion/Index.svelte
+++ b/js/accordion/Index.svelte
@@ -5,7 +5,7 @@
 	import type { LoadingStatus } from "@gradio/statustracker";
 
 	import Column from "@gradio/column";
-	import type { Gradio } from "js/utils/src";
+	import type { Gradio } from "@gradio/utils";
 
 	export let label: string;
 	export let elem_id: string;
diff --git a/js/accordion/package.json b/js/accordion/package.json
index c5c165a40f..97374560da 100644
--- a/js/accordion/package.json
+++ b/js/accordion/package.json
@@ -10,7 +10,8 @@
 	"dependencies": {
 		"@gradio/atoms": "workspace:^",
 		"@gradio/column": "workspace:^",
-		"@gradio/statustracker": "workspace:^"
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:0.2.0-beta.6"
 	},
 	"exports": {
 		".": "./Index.svelte",
diff --git a/js/file/shared/File.svelte b/js/file/shared/File.svelte
index 93292f9d2e..f0bbd01e16 100644
--- a/js/file/shared/File.svelte
+++ b/js/file/shared/File.svelte
@@ -3,7 +3,7 @@
 	import { BlockLabel, Empty } from "@gradio/atoms";
 	import { File } from "@gradio/icons";
 	import FilePreview from "./FilePreview.svelte";
-	import type { I18nFormatter } from "js/utils/src";
+	import type { I18nFormatter } from "@gradio/utils";
 
 	export let value: FileData | FileData[] | null = null;
 	export let label: string;
diff --git a/js/file/shared/FileUpload.svelte b/js/file/shared/FileUpload.svelte
index 8761d48630..e57455e875 100644
--- a/js/file/shared/FileUpload.svelte
+++ b/js/file/shared/FileUpload.svelte
@@ -6,7 +6,7 @@
 	import { File } from "@gradio/icons";
 
 	import FilePreview from "./FilePreview.svelte";
-	import type { I18nFormatter } from "js/utils/src";
+	import type { I18nFormatter } from "@gradio/utils";
 
 	export let value: null | FileData | FileData[];
 
diff --git a/js/image/shared/Webcam.svelte b/js/image/shared/Webcam.svelte
index b284aa0366..7330af4771 100644
--- a/js/image/shared/Webcam.svelte
+++ b/js/image/shared/Webcam.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { createEventDispatcher, onMount, tick } from "svelte";
 	import { Camera, Circle, Square, DropdownArrow } from "@gradio/icons";
-	import type { I18nFormatter } from "js/utils/src";
+	import type { I18nFormatter } from "@gradio/utils";
 
 	let video_source: HTMLVideoElement;
 	let canvas: HTMLCanvasElement;
diff --git a/js/model3D/shared/Model3D.svelte b/js/model3D/shared/Model3D.svelte
index bbf0263f24..961cd19700 100644
--- a/js/model3D/shared/Model3D.svelte
+++ b/js/model3D/shared/Model3D.svelte
@@ -6,7 +6,7 @@
 	import { onMount } from "svelte";
 	import * as BABYLON from "babylonjs";
 	import * as BABYLON_LOADERS from "babylonjs-loaders";
-	import type { I18nFormatter } from "js/utils/src";
+	import type { I18nFormatter } from "@gradio/utils";
 
 	export let value: FileData | null;
 	export let clear_color: [number, number, number, number] = [0, 0, 0, 0];
diff --git a/js/model3D/shared/Model3DUpload.svelte b/js/model3D/shared/Model3DUpload.svelte
index 3d933e8e7b..bae644dd36 100644
--- a/js/model3D/shared/Model3DUpload.svelte
+++ b/js/model3D/shared/Model3DUpload.svelte
@@ -84,7 +84,7 @@
 
 	import * as BABYLON from "babylonjs";
 	import * as BABYLON_LOADERS from "babylonjs-loaders";
-	import type { I18nFormatter } from "js/utils/src";
+	import type { I18nFormatter } from "@gradio/utils";
 
 	$: {
 		if (
diff --git a/js/preview/src/plugins.ts b/js/preview/src/plugins.ts
index 4a52ba9751..403435f558 100644
--- a/js/preview/src/plugins.ts
+++ b/js/preview/src/plugins.ts
@@ -12,7 +12,7 @@ const svelte_codes_to_ignore: Record<string, string> = {
 
 const RE_SVELTE_IMPORT =
 	/import\s+([\w*{},\s]+)\s+from\s+['"](svelte|svelte\/internal)['"]/g;
-
+const RE_BARE_SVELTE_IMPORT = /import ("|')svelte(\/\w+)*("|')(;)*/g;
 export const plugins: PluginOption[] = [
 	viteCommonjs() as Plugin,
 	svelte({
@@ -71,15 +71,17 @@ export function make_gradio_plugin({
 		name: "gradio",
 		enforce: "pre",
 		transform(code) {
-			const new_code = code.replace(RE_SVELTE_IMPORT, (str, $1, $2) => {
-				const identifier = $1.trim().startsWith("* as")
-					? $1.replace("* as", "").trim()
-					: $1.trim();
-				return `const ${identifier.replace(
-					" as ",
-					": "
-				)} = window.__gradio__svelte__internal;`;
-			});
+			const new_code = code
+				.replace(RE_SVELTE_IMPORT, (str, $1, $2) => {
+					const identifier = $1.trim().startsWith("* as")
+						? $1.replace("* as", "").trim()
+						: $1.trim();
+					return `const ${identifier.replace(
+						" as ",
+						": "
+					)} = window.__gradio__svelte__internal;`;
+				})
+				.replace(RE_BARE_SVELTE_IMPORT, "");
 			return {
 				code: new_code,
 				map: null
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index aeea8756f5..5ff75c85aa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -354,6 +354,9 @@ importers:
       '@gradio/statustracker':
         specifier: workspace:^
         version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:0.2.0-beta.6
+        version: link:../utils
 
   js/annotatedimage:
     dependencies: