From 9539ac46fd4e8fd5016c96b5979a57bbdcf56726 Mon Sep 17 00:00:00 2001
From: Ryan Marx <ryan.marx@pulsarinformatics.com>
Date: Tue, 9 Jan 2024 20:43:14 -0600
Subject: [PATCH] Add blur event forwarding and update docs

---
 COMPONENT_INDEX.md                      | 2 ++
 docs/src/COMPONENT_API.json             | 4 +++-
 src/Button/Button.svelte                | 3 +++
 src/Button/ButtonSkeleton.svelte        | 2 ++
 types/Button/Button.svelte.d.ts         | 1 +
 types/Button/ButtonSkeleton.svelte.d.ts | 1 +
 6 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 0d2f6df6..ce628d1a 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -402,6 +402,7 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584;
 | :--------- | :-------- | :----- |
 | click      | forwarded | --     |
 | focus      | forwarded | --     |
+| blur       | forwarded | --     |
 | mouseover  | forwarded | --     |
 | mouseenter | forwarded | --     |
 | mouseleave | forwarded | --     |
@@ -446,6 +447,7 @@ None.
 | mouseover  | forwarded | --     |
 | mouseenter | forwarded | --     |
 | mouseleave | forwarded | --     |
+| blur       | forwarded | --     |
 
 ## `Checkbox`
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index d1be949d..36e1a761 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -638,6 +638,7 @@
       "events": [
         { "type": "forwarded", "name": "click", "element": "ButtonSkeleton" },
         { "type": "forwarded", "name": "focus", "element": "ButtonSkeleton" },
+        { "type": "forwarded", "name": "blur", "element": "ButtonSkeleton" },
         {
           "type": "forwarded",
           "name": "mouseover",
@@ -719,7 +720,8 @@
         { "type": "forwarded", "name": "focus", "element": "a" },
         { "type": "forwarded", "name": "mouseover", "element": "a" },
         { "type": "forwarded", "name": "mouseenter", "element": "a" },
-        { "type": "forwarded", "name": "mouseleave", "element": "a" }
+        { "type": "forwarded", "name": "mouseleave", "element": "a" },
+        { "type": "forwarded", "name": "blur", "element": "div" }
       ],
       "typedefs": [],
       "rest_props": { "type": "Element", "name": "a" }
diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index d36d3926..400e68d0 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -135,6 +135,7 @@
     style="{hasIconOnly && 'width: 3rem;'}"
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -149,6 +150,7 @@
     {...buttonProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -169,6 +171,7 @@
     {...buttonProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
diff --git a/src/Button/ButtonSkeleton.svelte b/src/Button/ButtonSkeleton.svelte
index b07c540f..ebdae2a8 100644
--- a/src/Button/ButtonSkeleton.svelte
+++ b/src/Button/ButtonSkeleton.svelte
@@ -27,6 +27,7 @@
     {...$$restProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -45,6 +46,7 @@
     {...$$restProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
diff --git a/types/Button/Button.svelte.d.ts b/types/Button/Button.svelte.d.ts
index 79e92859..29a4c877 100644
--- a/types/Button/Button.svelte.d.ts
+++ b/types/Button/Button.svelte.d.ts
@@ -115,6 +115,7 @@ export default class Button extends SvelteComponentTyped<
   {
     click: WindowEventMap["click"];
     focus: WindowEventMap["focus"];
+    blur: WindowEventMap["blur"];
     mouseover: WindowEventMap["mouseover"];
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
diff --git a/types/Button/ButtonSkeleton.svelte.d.ts b/types/Button/ButtonSkeleton.svelte.d.ts
index 498a1e48..76a8e6ea 100644
--- a/types/Button/ButtonSkeleton.svelte.d.ts
+++ b/types/Button/ButtonSkeleton.svelte.d.ts
@@ -27,6 +27,7 @@ export default class ButtonSkeleton extends SvelteComponentTyped<
     mouseover: WindowEventMap["mouseover"];
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
+    blur: WindowEventMap["blur"];
   },
   {}
 > {}