[Bug Fix] Anchor toast items per position; add Text Only example

Items now anchor inline to top:0 (top positions) or bottom:0 (bottom
positions) via the toaster controller's reflow. Previously every item
was hardcoded to bottom:0 in the Tailwind class list, so for top-*
positions the OL grew downward on hover, pulling the front toast out
from under the cursor and causing an enter/leave thrash.

Add a Text Only example after Promise: default variant with title
only, no description, no icon, no action — matches shadcn sonner's
Text Only demo.

Author: djalmaaraujo

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

@@ -202,6 +202,8 @@ export default class extends Controller {
       el.style.setProperty("--scale", String(scale))
       el.style.setProperty("--y-offset", `${ty}px`)
       el.style.transformOrigin = isBottom ? "center bottom" : "center top"
+      el.style.top = isBottom ? "auto" : "0"
+      el.style.bottom = isBottom ? "0" : "auto"
       el.style.transform = `translate3d(0, ${ty}px, 0) scale(${scale})`
       el.style.zIndex = String(1000 - i)
       el.style.pointerEvents = visible ? "auto" : "none"

docs/app/javascript/controllers/toast_demo_controller.js

@@ -7,6 +7,7 @@ const PRESETS = {
   warning: { variant: "warning", title: "Event start time cannot be earlier than 8am" },
   error: { variant: "error", title: "Event has not been created" },
   with_action: { variant: "default", title: "Event has been created", action: { label: "Undo" } },
+  text_only: { variant: "default", title: "Event has been created" },
 }
 
 export default class extends Controller {

docs/app/views/docs/toast.rb

@@ -10,7 +10,8 @@ class Views::Docs::Toast < Views::Base
     {key: "warning", label: "Warning", title: "Event start time cannot be earlier than 8am"},
     {key: "error", label: "Error", title: "Event has not been created"},
     {key: "with_action", label: "With Action", title: "Event has been created", action_label: "Undo"},
-    {key: "promise", label: "Promise", title: nil}
+    {key: "promise", label: "Promise", title: nil},
+    {key: "text_only", label: "Text Only", title: "Event has been created"}
   ].freeze
 
   POSITIONS = %w[top-left top-center top-right bottom-left bottom-center bottom-right].freeze

gem/lib/ruby_ui/toast/toast_item.rb

@@ -54,8 +54,8 @@ def default_attrs
 
     def item_classes
       <<~CLASSES.tr("\n", " ").squeeze(" ").strip
-        group/toast pointer-events-auto absolute bottom-0 left-0 right-0
-        origin-bottom flex w-[356px] max-w-full items-center gap-3
+        group/toast pointer-events-auto absolute left-0 right-0
+        flex w-[356px] max-w-full items-center gap-3
         overflow-hidden rounded-lg border bg-popover text-popover-foreground
         border-border p-4 pr-8 shadow-lg
         transition-[transform,opacity] duration-300 ease-out

gem/lib/ruby_ui/toast/toaster_controller.js

@@ -202,6 +202,8 @@ export default class extends Controller {
       el.style.setProperty("--scale", String(scale))
       el.style.setProperty("--y-offset", `${ty}px`)
       el.style.transformOrigin = isBottom ? "center bottom" : "center top"
+      el.style.top = isBottom ? "auto" : "0"
+      el.style.bottom = isBottom ? "0" : "auto"
       el.style.transform = `translate3d(0, ${ty}px, 0) scale(${scale})`
       el.style.zIndex = String(1000 - i)
       el.style.pointerEvents = visible ? "auto" : "none"