From 46e5828ad046c1ac19c51348a88a5cba4398c879 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Mon, 20 May 2024 21:28:25 -0400
Subject: [PATCH] feat: forward additional events from `<Button>` (#550)

---
 .changeset/clever-rockets-accept.md                       | 5 +++++
 .../bits-ui/src/lib/bits/button/components/button.svelte  | 8 ++++++++
 packages/bits-ui/src/lib/bits/button/types.ts             | 4 ++++
 3 files changed, 17 insertions(+)
 create mode 100644 .changeset/clever-rockets-accept.md

diff --git a/.changeset/clever-rockets-accept.md b/.changeset/clever-rockets-accept.md
new file mode 100644
index 000000000..8d8ee2cf6
--- /dev/null
+++ b/.changeset/clever-rockets-accept.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+feat: forward additional events from `<Button>`
diff --git a/packages/bits-ui/src/lib/bits/button/components/button.svelte b/packages/bits-ui/src/lib/bits/button/components/button.svelte
index 6c72ef9d6..9c3a322cc 100644
--- a/packages/bits-ui/src/lib/bits/button/components/button.svelte
+++ b/packages/bits-ui/src/lib/bits/button/components/button.svelte
@@ -26,6 +26,10 @@
 		on:keyup
 		on:mouseenter
 		on:mouseleave
+		on:mousedown
+		on:pointerdown
+		on:mouseup
+		on:pointerup
 		tabindex="0"
 		use:builderActions={{ builders }}
 		{...getAttrs(builders)}
@@ -47,6 +51,10 @@
 		on:keyup
 		on:mouseenter
 		on:mouseleave
+		on:mousedown
+		on:pointerdown
+		on:mouseup
+		on:pointerup
 		tabindex="0"
 		{...$$restProps}
 		{...attrs}
diff --git a/packages/bits-ui/src/lib/bits/button/types.ts b/packages/bits-ui/src/lib/bits/button/types.ts
index 4e2e716c9..2616fc44e 100644
--- a/packages/bits-ui/src/lib/bits/button/types.ts
+++ b/packages/bits-ui/src/lib/bits/button/types.ts
@@ -34,4 +34,8 @@ export type ButtonEvents = {
 	keyup: ButtonEventHandler<KeyboardEvent>;
 	mouseenter: ButtonEventHandler<MouseEvent>;
 	mouseleave: ButtonEventHandler<MouseEvent>;
+	mousedown: ButtonEventHandler<MouseEvent>;
+	mouseup: ButtonEventHandler<MouseEvent>;
+	pointerdown: ButtonEventHandler<PointerEvent>;
+	pointerup: ButtonEventHandler<PointerEvent>;
 };