From 6e6d7a68c27b7c33d1f46a16c02a6568a1aa58a0 Mon Sep 17 00:00:00 2001
From: Ryan Atkinson <mail@ryanatkn.com>
Date: Sun, 14 Apr 2024 12:56:27 -0600
Subject: [PATCH] add `Fuz_Template_Logo`

---
 .changeset/silly-goats-lie.md    |  5 +++++
 package.json                     |  5 +++++
 src/lib/Fuz_Template_Logo.svelte | 25 +++++++++++++++++++++++++
 src/routes/package.ts            |  6 ++++++
 4 files changed, 41 insertions(+)
 create mode 100644 .changeset/silly-goats-lie.md
 create mode 100644 src/lib/Fuz_Template_Logo.svelte

diff --git a/.changeset/silly-goats-lie.md b/.changeset/silly-goats-lie.md
new file mode 100644
index 000000000..6c2f6cd4d
--- /dev/null
+++ b/.changeset/silly-goats-lie.md
@@ -0,0 +1,5 @@
+---
+"@ryanatkn/fuz": patch
+---
+
+add `Fuz_Template_Logo`
diff --git a/package.json b/package.json
index 9e953e2ce..1adf1cf75 100644
--- a/package.json
+++ b/package.json
@@ -184,6 +184,11 @@
       "default": "./dist/Fuz_Logo.svelte",
       "types": "./dist/Fuz_Logo.svelte.d.ts"
     },
+    "./Fuz_Template_Logo.svelte": {
+      "svelte": "./dist/Fuz_Template_Logo.svelte",
+      "default": "./dist/Fuz_Template_Logo.svelte",
+      "types": "./dist/Fuz_Template_Logo.svelte.d.ts"
+    },
     "./Github_Logo.svelte": {
       "svelte": "./dist/Github_Logo.svelte",
       "default": "./dist/Github_Logo.svelte",
diff --git a/src/lib/Fuz_Template_Logo.svelte b/src/lib/Fuz_Template_Logo.svelte
new file mode 100644
index 000000000..54caad6d1
--- /dev/null
+++ b/src/lib/Fuz_Template_Logo.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import Spider from '$lib/Spider.svelte';
+
+	// TODO think about this API
+	interface Props {
+		size?: string;
+		alt?: string;
+	}
+
+	const {size, alt = 'the fuz_template logo, a little purple spider'}: Props = $props();
+
+	// color:
+	// #6a40bf
+	// hsl(260, 50%, 50%)
+	// rgb(106, 64, 191)
+</script>
+
+<!-- TODO could potentially support the `image` option like `Fuz_Logo` -->
+<span
+	aria-label={alt}
+	style:--color="var(--color_d_5)"
+	class="inline_block"
+	style:width={size}
+	style:height={size}><Spider /></span
+>
diff --git a/src/routes/package.ts b/src/routes/package.ts
index f9349301b..143eab4fa 100644
--- a/src/routes/package.ts
+++ b/src/routes/package.ts
@@ -149,6 +149,11 @@ export const package_json = {
 			default: './dist/Fuz_Logo.svelte',
 			types: './dist/Fuz_Logo.svelte.d.ts',
 		},
+		'./Fuz_Template_Logo.svelte': {
+			svelte: './dist/Fuz_Template_Logo.svelte',
+			default: './dist/Fuz_Template_Logo.svelte',
+			types: './dist/Fuz_Template_Logo.svelte.d.ts',
+		},
 		'./Github_Logo.svelte': {
 			svelte: './dist/Github_Logo.svelte',
 			default: './dist/Github_Logo.svelte',
@@ -383,6 +388,7 @@ export const src_json = {
 			declarations: [{name: 'Dimensions', kind: 'class'}],
 		},
 		'./Fuz_Logo.svelte': {path: 'Fuz_Logo.svelte', declarations: []},
+		'./Fuz_Template_Logo.svelte': {path: 'Fuz_Template_Logo.svelte', declarations: []},
 		'./Github_Logo.svelte': {path: 'Github_Logo.svelte', declarations: []},
 		'./Hashlink.svelte': {path: 'Hashlink.svelte', declarations: []},
 		'./Hue_Input.svelte': {path: 'Hue_Input.svelte', declarations: []},