v4.0.0 (#7)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "drab",
-	"version": "3.0.7",
+	"version": "4.0.0",
 	"description": "An Unstyled Svelte Component Library",
 	"keywords": [
 		"components",
@@ -27,7 +27,8 @@
 	},
 	"repository": "github:rossrobino/drab",
 	"scripts": {
-		"dev": "vite dev --host",
+		"dev": "vite dev",
+		"host": "vite dev --host",
 		"build": "npm run doc && vite build && npm run package",
 		"preview": "vite preview",
 		"package": "svelte-kit sync && svelte-package && publint",
@@ -36,8 +37,8 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write . --plugin=prettier-plugin-svelte --plugin=prettier-plugin-tailwindcss",
-		"pub": "npm publish --access public",
-		"doc": "node src/scripts/documentProps.js && node src/scripts/documentExamples.js && node src/scripts/copyReadMe.js"
+		"pub": "npm i && npm run doc && npm publish --access public",
+		"doc": "npm run format && node src/scripts/documentProps.js && node src/scripts/documentExamples.js && node src/scripts/copyReadMe.js"
 	},
 	"exports": {
 		".": {
@@ -57,17 +58,17 @@
 		"@sveltejs/kit": "^1.24.1",
 		"@sveltejs/package": "^2.2.2",
 		"@tailwindcss/typography": "^0.5.10",
-		"@types/node": "^20.5.9",
+		"@types/node": "^20.6.0",
 		"@typescript-eslint/eslint-plugin": "^6.6.0",
 		"@typescript-eslint/parser": "^6.6.0",
 		"autoprefixer": "^10.4.15",
-		"eslint": "^8.48.0",
+		"eslint": "^8.49.0",
 		"eslint-config-prettier": "^9.0.0",
-		"eslint-plugin-svelte": "^2.33.0",
+		"eslint-plugin-svelte": "^2.33.1",
 		"highlight.js": "^11.8.0",
-		"marked": "^8.0.1",
-		"marked-highlight": "^2.0.5",
-		"marked-smartypants": "^1.1.2",
+		"marked": "^9.0.0",
+		"marked-highlight": "^2.0.6",
+		"marked-smartypants": "^1.1.3",
 		"postcss": "^8.4.29",
 		"prettier": "^3.0.3",
 		"prettier-plugin-svelte": "^3.0.3",
@@ -77,7 +78,7 @@
 		"tailwindcss": "^3.3.3",
 		"tslib": "^2.6.2",
 		"typescript": "^5.2.2",
-		"uico": "^0.1.1",
+		"uico": "^0.1.3",
 		"vite": "^4.4.9"
 	},
 	"svelte": "./dist/index.js",

src/lib/components/CopyButton.svelte

@@ -30,12 +30,8 @@ Uses the [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipbo
 	let value = "";
 </script>
 
-<input
-	class="input mb-4"
-	type="text"
-	placeholder="Enter text to copy"
-	bind:value
-/>
+<label for="copyInput" class="label">Text to Copy</label>
+<input id="copyInput" class="input mb-4" type="text" bind:value />
 
 <CopyButton class="button button-primary" blobParts={[value]} />
 ```