fix: vite, browser apis

- The package may have incorrect main/module/exports
- document is not defined

Author: eye-wave

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "svelte-knobs",
 	"description": "Svelte component library for building customizable knob controls.",
-	"version": "0.3.3",
+	"version": "0.3.4",
 	"repository": {
 		"url": "https://github.com/eye-wave/svelte-knobs"
 	},
@@ -24,7 +24,8 @@
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
+			"svelte": "./dist/index.js",
+			"module": "./dist/index.js"
 		}
 	},
 	"sideEffects": [

src/lib/KnobBase.svelte

@@ -217,15 +217,17 @@
 		}
 	}
 
-	let shield = document.createElement('div');
+	let shield: HTMLDivElement | null = null;
 
 	$effect(() => {
 		if (isDragging) {
+			if (shield === null) shield = document.createElement('div');
+
 			shield.className = 'shield tf68Uh';
 			document.body.append(shield);
 			document.body.style.userSelect = 'none';
 		} else {
-			shield.remove();
+			shield?.remove();
 			document.body.style.userSelect = '';
 		}
 	});