[Bug Fix] close_button prop: render only when true; X at top-right inside

- Region.skeleton: render ToastClose only when close_button: true.
- Region wrapper: data-close-button=true|false.
- Item: group-data-[close-button=true]/toaster:pr-10 reserves space.
- ToastClose: top-right inside (right-2 top-2), size-6 rounded-md,
  always visible, ghost-button style. SVG bumped to size-3.5.
- Default close_button: false (no X shown). Set to true on Region
  to opt in.

Author: djalmaaraujo

gem/lib/ruby_ui/toast/toast_close.rb

@@ -6,15 +6,15 @@ def view_template
       button(**attrs) do
         svg(
           xmlns: "http://www.w3.org/2000/svg",
-          width: "12",
-          height: "12",
+          width: "14",
+          height: "14",
           viewbox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
           stroke_width: "2",
           stroke_linecap: "round",
           stroke_linejoin: "round",
-          class: "size-3"
+          class: "size-3.5"
         ) do |s|
           s.path(d: "M18 6 6 18")
           s.path(d: "m6 6 12 12")
@@ -33,7 +33,7 @@ def default_attrs
           slot: "close",
           action: "click->ruby-ui--toast#dismiss"
         },
-        class: "absolute left-0 top-0 -translate-x-[35%] -translate-y-[35%] size-5 cursor-pointer rounded-full border border-border bg-popover text-foreground p-0 flex items-center justify-center opacity-0 z-10 transition-opacity hover:bg-muted 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-2 top-2 size-6 cursor-pointer rounded-md text-foreground/60 p-0 flex items-center justify-center transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
       }
     end
   end

gem/lib/ruby_ui/toast/toast_item.rb

@@ -58,6 +58,7 @@ def item_classes
         flex w-[356px] max-w-full items-center gap-1.5
         rounded-lg border bg-popover text-popover-foreground
         border-border p-4 text-[13px] shadow-[0_4px_12px_rgba(0,0,0,0.1)]
+        group-data-[close-button=true]/toaster:pr-10
         transition-[transform,opacity] duration-300 ease-out
         will-change-transform
         opacity-[var(--opacity,1)]

gem/lib/ruby_ui/toast/toast_region.rb

@@ -70,7 +70,7 @@ def skeleton(variant)
             render RubyUI::ToastTitle.new
             render RubyUI::ToastDescription.new
           end
-          render RubyUI::ToastClose.new
+          render RubyUI::ToastClose.new if @close_button
         end
       end
     end
@@ -82,7 +82,7 @@ def default_attrs
         aria_live: "polite",
         data: {
           controller: "ruby-ui--toaster",
-          close_button: @close_button ? "always" : "hover",
+          close_button: @close_button.to_s,
           position: @position.to_s.tr("_", "-"),
           ruby_ui__toaster_position_value: @position.to_s.tr("_", "-"),
           ruby_ui__toaster_expand_value: @expand.to_s,