[Bug Fix] cursor-pointer on Toast action/cancel/close buttons

Author: djalmaaraujo

docs/app/javascript/controllers/ruby_ui/toaster_controller.js

@@ -101,7 +101,7 @@ export default class extends Controller {
       const btn = document.createElement("button")
       btn.type = "button"
       btn.dataset.slot = "action"
-      btn.className = "inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-input bg-transparent px-3 text-sm font-medium hover:bg-secondary"
+      btn.className = "inline-flex h-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-input bg-transparent px-3 text-sm font-medium hover:bg-secondary"
       btn.textContent = detail.action.label
       btn.addEventListener("click", (ev) => {
         try { detail.action.onClick?.(ev) } finally {
@@ -116,7 +116,7 @@ export default class extends Controller {
       btn.type = "button"
       btn.dataset.slot = "cancel"
       btn.dataset.action = "click->ruby-ui--toast#dismiss"
-      btn.className = "inline-flex h-8 shrink-0 items-center justify-center rounded-md px-3 text-sm font-medium text-muted-foreground hover:bg-muted"
+      btn.className = "inline-flex h-8 shrink-0 cursor-pointer items-center justify-center rounded-md px-3 text-sm font-medium text-muted-foreground hover:bg-muted"
       btn.textContent = detail.cancel.label
       node.appendChild(btn)
     }

gem/lib/ruby_ui/toast/toast_action.rb

@@ -20,7 +20,7 @@ def default_attrs
       {
         type: "button",
         data: data,
-        class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-input bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary hover:text-secondary-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+        class: "inline-flex h-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-input bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary hover:text-secondary-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
       }
     end
   end

gem/lib/ruby_ui/toast/toast_cancel.rb

@@ -20,7 +20,7 @@ def default_attrs
           slot: "cancel",
           action: "click->ruby-ui--toast#dismiss"
         },
-        class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+        class: "inline-flex h-8 shrink-0 cursor-pointer items-center justify-center rounded-md px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
       }
     end
   end

gem/lib/ruby_ui/toast/toast_close.rb

@@ -33,7 +33,7 @@ def default_attrs
           slot: "close",
           action: "click->ruby-ui--toast#dismiss"
         },
-        class: "absolute right-1 top-1 rounded-md p-1 text-foreground/60 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 focus:ring-ring group-hover/toast:opacity-100 group-data-[close-button=always]/toaster:opacity-100"
+        class: "absolute right-1 top-1 cursor-pointer rounded-md p-1 text-foreground/60 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 focus:ring-ring group-hover/toast:opacity-100 group-data-[close-button=always]/toaster:opacity-100"
       }
     end
   end

gem/lib/ruby_ui/toast/toaster_controller.js

@@ -101,7 +101,7 @@ export default class extends Controller {
       const btn = document.createElement("button")
       btn.type = "button"
       btn.dataset.slot = "action"
-      btn.className = "inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-input bg-transparent px-3 text-sm font-medium hover:bg-secondary"
+      btn.className = "inline-flex h-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-input bg-transparent px-3 text-sm font-medium hover:bg-secondary"
       btn.textContent = detail.action.label
       btn.addEventListener("click", (ev) => {
         try { detail.action.onClick?.(ev) } finally {
@@ -116,7 +116,7 @@ export default class extends Controller {
       btn.type = "button"
       btn.dataset.slot = "cancel"
       btn.dataset.action = "click->ruby-ui--toast#dismiss"
-      btn.className = "inline-flex h-8 shrink-0 items-center justify-center rounded-md px-3 text-sm font-medium text-muted-foreground hover:bg-muted"
+      btn.className = "inline-flex h-8 shrink-0 cursor-pointer items-center justify-center rounded-md px-3 text-sm font-medium text-muted-foreground hover:bg-muted"
       btn.textContent = detail.cancel.label
       node.appendChild(btn)
     }