finish packaging $lib; add validate, backroom packages

package.json

@@ -46,6 +46,7 @@
 		"phosphor-svelte": "^3.0.1"
 	},
 	"devDependencies": {
+		"@repo/tailwindcss-config": "workspace:*",
 		"@eslint/compat": "^1.2.5",
 		"@eslint/js": "^9.18.0",
 		"@sveltejs/adapter-auto": "^4.0.0",

src/lib/InjectGoogleMaps.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	let { apiKey }: { apiKey: string } = $props();
+</script>
+
+<svelte:head>
+	<script
+		async
+		src="https://maps.googleapis.com/maps/api/js?key={apiKey}&loading=async&libraries=places&callback=initMap"
+	>
+	</script>
+</svelte:head>

src/lib/InjectUmami.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { dev } from '$app/environment';
+
+	let { websiteID }: { websiteID: string } = $props();
+
+	if (dev) console.log('[dev]: Umami tracking disabled');
+</script>
+
+<svelte:head>
+	{#if !dev}
+		<script defer src="https://sand.auvem.com/script.js" data-website-id={websiteID}></script>
+	{:else}
+		<script>
+			window.umami = {
+				track: (...args) => console.log('[dev]: Track called with:', ...args)
+			};
+		</script>
+	{/if}
+</svelte:head>

src/lib/index.ts

@@ -3,6 +3,8 @@ export { default as Button } from './Button.svelte';
 export { default as CenterBox } from './CenterBox.svelte';
 export { default as Combobox } from './Combobox.svelte';
 export { default as FramelessButton } from './FramelessButton.svelte';
+export { default as InjectGoogleMaps } from './InjectGoogleMaps.svelte';
+export { default as InjectUmami } from './InjectUmami.svelte';
 export { default as Label } from './Label.svelte';
 export { default as Link } from './Link.svelte';
 export { default as PhoneInput } from './PhoneInput.svelte';