From 23af9f7ef54465e04c8fa8bf39471111ffdc36f2 Mon Sep 17 00:00:00 2001
From: edalzell <erin@silentz.co>
Date: Tue, 15 Sep 2026 21:55:02 -0700
Subject: [PATCH] Forward class:button and class:close to the sidebar collapse
 and toast close buttons

---
 stubs/resources/views/flux/sidebar/collapse.blade.php | 1 +
 stubs/resources/views/flux/toast/index.blade.php      | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/stubs/resources/views/flux/sidebar/collapse.blade.php b/stubs/resources/views/flux/sidebar/collapse.blade.php
index 6e3f5b09..763d71f7 100644
--- a/stubs/resources/views/flux/sidebar/collapse.blade.php
+++ b/stubs/resources/views/flux/sidebar/collapse.blade.php
@@ -21,6 +21,7 @@
     ;
 
 $buttonClasses = Flux::classes()
+    ->add($attributes->pluck('class:button'))
     ->add('size-10 relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none text-sm rounded-lg inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white')
     ->add('in-data-flux-sidebar-collapsed-desktop:cursor-e-resize rtl:in-data-flux-sidebar-collapsed-desktop:cursor-w-resize')
     ->add('[&[collapsible="mobile"]]:in-data-flux-sidebar-on-desktop:hidden')
diff --git a/stubs/resources/views/flux/toast/index.blade.php b/stubs/resources/views/flux/toast/index.blade.php
index 98c55107..c178425a 100644
--- a/stubs/resources/views/flux/toast/index.blade.php
+++ b/stubs/resources/views/flux/toast/index.blade.php
@@ -67,7 +67,7 @@
 
                         {{-- Close button --}}
                         <ui-close class="flex items-center">
-                            <button type="button" class="inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white group-data-invert/toast:hover:bg-white/15 group-data-invert/toast:hover:text-white dark:group-data-invert/toast:hover:bg-zinc-800/5 dark:group-data-invert/toast:hover:text-zinc-800" as="button">
+                            <button type="button" class="{{ Flux::classes('inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white group-data-invert/toast:hover:bg-white/15 group-data-invert/toast:hover:text-white dark:group-data-invert/toast:hover:bg-zinc-800/5 dark:group-data-invert/toast:hover:text-zinc-800')->add($attributes->pluck('class:close')) }}">
                                 <div>
                                     <svg class="[:where(&)]:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
                                         <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path>