railsui 3.1.4 → 3.2.0

data/app/views/railsui/themes/hound/components/navigation/_with_dropdowns.html.erb

@@ -612,110 +612,6 @@
 </header>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%header.relative.dark:bg-slate-900.bg-white{"data-controller" => "nav"}
-  .container.mx-auto.px-4
-    .md:flex.items-center.flex-wrap.md:space-x-2
-      .md:block.flex.items-center.justify-between
-        = link_to root_path, class: "w-12 h-12 flex justify-center" do
-          / Hound logo
-          %svg.fill-current.w-5.h-auto.text-primary-600.hover:text-primary-700.duration-300.transition.ease-in-out.dark:hover:text-primary-500{fill: "none", height: "50", viewbox: "0 0 39 50", width: "39", xmlns: "http://www.w3.org/2000/svg"}
-            %path{"clip-rule" => "evenodd", d: "M8.55264 0C3.82915 0 0 3.82915 0 8.55265V26.1842C0 30.9077 3.82915 34.7368 8.55264 34.7368C13.2761 34.7368 17.1053 30.9077 17.1053 26.1842V8.55264C17.1053 3.82915 13.2761 0 8.55264 0ZM29.6053 0C24.8818 0 21.0527 3.82915 21.0527 8.55264V41.4474C21.0527 46.1709 24.8818 50 29.6053 50C34.3288 50 38.1579 46.1708 38.1579 41.4474V8.55264C38.1579 3.82915 34.3288 0 29.6053 0Z", "fill-rule" => "evenodd"}
-          %span.sr-only Hound
-        %button#dropdowns-nav-toggle.md:hidden.block.p-1.rounded.focus:ring-4.focus:ring-slate-100.active:bg-white.group.dark:focus:bg-slate-800.dark:focus:ring-slate-700{class: "focus:bg-white/50", "data-action" => "click->nav#toggle"}
-          %div{"data-nav-target" => "menuBars", role: "none"}
-            = icon "bars-3-center-left", class: "size-8 text-slate-600 group-focus:text-primary-600 dark:text-slate-400 dark:group-focus:text-slate-100"
-          .hidden{"data-nav-target" => "menuCross", role: "none"}
-            = icon "x-mark", class: "size-8 text-slate-600 group-focus:text-primary-600 dark:text-slate-400 dark:group-focus:text-slate-100"
-      #dropdowns-navigation.md:flex-1.md:block.hidden.md:static.absolute.top-14.left-0.w-full.bg-white.dark:bg-slate-900.md:bg-transparent.transform.origin-top.px-4.pb-4.md:p-0.rounded-b.md:shadow-none.shadow-xl.z-40.text-base{"data-nav-target" => "nav", "data-transition-enter-active" => "transition ease-out duration-200", "data-transition-enter-from" => "opacity-0 scale-95", "data-transition-enter-to" => "opacity-100 scale-100", "data-transition-leave-active" => "transition ease-in duration-200", "data-transition-leave-from" => "opacity-100 scale-100", "data-transition-leave-to" => "opacity-0 scale-95"}
-        .md:flex-1.md:flex.flex-wrap.items-center.justify-between.lg:text-left.text-center
-          %nav{role: "Primary navigation"}
-            %ul.md:flex.block.items-center.flex-wrap.space-x-0.md:space-x-3.md:text-base.md:leading-normal.leading-relaxed.space-y-1.md:space-y-0.md:mb-0.mb-2
-              %li
-                = nav_link_to "Dashboard", "#", class: "rui-nav-link"
-              %li
-                = nav_link_to "Metrics", "#", class: "rui-nav-link"
-              %li
-                = nav_link_to "Settings", "#", class: "rui-nav-link"
-              %li.relative{"data-controller" => "railsui-dropdown"}
-                %button.rui-nav-link.flex.justify-center.items-center.space-x-2.sm:w-auto.w-full{"data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide"}
-                  %span More
-                  = icon "chevron-down", class: "size-3 text-slate-500"
-                .hidden.transition.transform.origin-to-right.md:absolute.left-0.md:mt-0.mt-2.top-12.bg-white.md:rounded-lg.md:shadow-xl.md:border.border-slate-200.z-50.py-1.md:text-sm.dark:bg-slate-700.sm:text-sm.text-base.font-medium.text-slate-600.dark:text-slate-200{class: "shadow-slate-900/10 md:min-w-[180px] dark:shadow-slate-900/50 dark:border-slate-500/60", "data-railsui-dropdown-target" => "menu", "data-transition-enter-from" => "opacity-0 scale-95", "data-transition-enter-to" => "opacity-100 scale-100", "data-transition-leave-from" => "opacity-100 scale-100", "data-transition-leave-to" => "opacity-0 scale-95"}
-                  = link_to "Documents", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-                  = link_to "Statements", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-                  = link_to "Contacts", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-                  = link_to "Referrals", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-          %nav{role: "Secondary navigation"}
-            %ul.md:flex.flex-wrap.items-center.md:justify-center.justify-between.md:space-x-4
-              / Create + Dropdown
-              %li.w-full.md:w-auto.relative{"data-controller" => "railsui-dropdown"}
-                %button.btn.btn-primary.md:w-auto.w-full.space-x-1.pr-3{"data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", type: "button"}
-                  %span Create
-                  = icon "plus", class: "size-4 text-primary-100"
-                .hidden.transition.transform.origin-to-right.md:absolute.right-0.top-10.bg-white.rounded-lg.md:shadow-xl.md:border.border-slate-200.z-50.text-base.py-1.md:text-sm.dark:bg-slate-700.font-medium.text-slate-600.dark:text-slate-200.md:space-y-0.space-y-2{class: "shadow-slate-900/10 md:min-w-[180px] dark:shadow-slate-900/50 dark:border-slate-500/60", "data-railsui-dropdown-target" => "menu", "data-transition-enter-from" => "opacity-0 scale-95", "data-transition-enter-to" => "opacity-100 scale-100", "data-transition-leave-from" => "opacity-100 scale-100", "data-transition-leave-to" => "opacity-0 scale-95"}
-                  = link_to "#", class: "px-4 py-[.4rem] hover:text-primary-600 dark:hover:text-primary-400 flex items-center space-x-2 group md:justify-start justify-center" do
-                    = icon "rectangle-stack", class: "text-blue-500 size-5"
-                    %span Repository
-                  = link_to "#", class: "px-4 py-[.4rem] hover:text-primary-600 dark:hover:text-primary-400 flex items-center space-x-2 group md:justify-start justify-center" do
-                    = icon "chart-pie", class: "text-rose-500 size-5"
-                    %span Report
-                  = link_to "#", class: "px-4 py-[.4rem] hover:text-primary-600 dark:hover:text-primary-400 flex items-center space-x-2 group md:justify-start justify-center" do
-                    = icon "arrow-down-circle", class: "text-amber-500 size-5"
-                    %span Export
-              / Notifications Dropdown
-              %li.md:mt-0.mt-2.relative{"data-controller" => "railsui-dropdown"}
-                %button.flex.group.justify-center.items-center.md:w-auto.w-full.px-4.py-3.md:p-0{"data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", type: "button"}
-                  .relative
-                    = icon "bell", class:"text-slate-400 size-6 group-hover:text-primary-600 dark:group-hover:text-slate-300"
-                    %span.bg-primary-600.rounded-full.hover:animate-pulse.absolute.top-0.right-0.z-20.dark:bg-primary-400{class: "w-[10px] h-[10px]"}
-                  %span.md:hidden.text-slate-500.dark:text-slate-200.text-sm.font-medium.ml-2 Notifications
-                .hidden.transition.transform.origin-to-right.md:absolute.mt-2.ml-2.md:ml-0.md:mt-0.right-0.top-8.bg-white.rounded-lg.md:shadow-xl.border.border-slate-200.z-50.py-1.text-sm.divide-y.text-left.dark:bg-slate-700.font-medium.text-slate-600.dark:text-slate-200.dark:divide-gray-600{class: "shadow-slate-900/10 md:min-w-[320px] dark:shadow-slate-900/50 dark:border-slate-500/60", "data-railsui-dropdown-target" => "menu", "data-transition-enter-from" => "opacity-0 scale-95", "data-transition-enter-to" => "opacity-100 scale-100", "data-transition-leave-from" => "opacity-100 scale-100", "data-transition-leave-to" => "opacity-0 scale-95"}
-                  .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                    .flex-1
-                      .flex.items-start.space-x-2
-                        = image_tag "#", class: "size-6 object-cover rounded-full flex-shrink-0 mt-1", alt: "John D."
-                        .flex-1
-                          %p.truncate
-                            John D. replied to #{link_to "your comment", "#", class:"underline text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-400"}
-                          %p.text-xs.text-slate-500.dark:text-slate-400 Just now
-                    %button.opacity-0.group-hover:opacity-100.transition.ease-in-out.duration-300.flex.items-center.justify-center.rounded-full.w-7.h-7.group.border.border-slate-200.hover:border-slate-300.focus:ring-4.dark:border-slate-400{class: "hover:bg-slate-50/50 focus:ring-slate-100/75 bg-white/50 dark:bg-slate-500/75 dark:focus:ring-slate-100/10 dark:hover:bg-white/20"}
-                      = icon "x-mark", class: "size-3 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-primary-400 dark:group-hover:text-slate-100 dark:text-slate-50"
-                  .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                    .flex-1
-                      .flex.items-start.space-x-2
-                        = image_tag "#", class: "size-6 object-cover rounded-full flex-shrink-0 mt-1", alt: "Jane D."
-                        .flex-1
-                          %p
-                            Jane D. posted #{link_to "an update", "#", class:"underline text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-400"}
-                          %p.text-xs.text-slate-500.dark:text-slate-400 15 mins ago
-                    %button.opacity-0.group-hover:opacity-100.transition.ease-in-out.duration-300.flex.items-center.justify-center.rounded-full.w-7.h-7.group.border.border-slate-200.hover:border-slate-300.focus:ring-4.dark:border-slate-400{class: "hover:bg-slate-50/50 focus:ring-slate-100/75 bg-white/50 dark:bg-slate-500/75 dark:focus:ring-slate-100/10 dark:hover:bg-white/20"}
-                      = icon "x-mark", class: "size-3 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-primary-400 dark:group-hover:text-slate-100 dark:text-slate-50"
-                  .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                    .flex-1
-                      .flex.items-start.space-x-2
-                        = image_tag "#", class: "size-6 object-cover rounded-full flex-shrink-0 mt-1", alt: "Scotty P."
-                        .flex-1
-                          %p
-                            Scotty P. shared #{link_to "a repository", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-400"}
-                          %p.text-xs.text-slate-500.dark:text-slate-400 2 hours ago
-                    %button.opacity-0.group-hover:opacity-100.transition.ease-in-out.duration-300.flex.items-center.justify-center.rounded-full.w-7.h-7.group.border.border-slate-200.hover:border-slate-300.focus:ring-4.dark:border-slate-400{class: "hover:bg-slate-50/50 focus:ring-slate-100/75 bg-white/50 dark:bg-slate-500/75 dark:focus:ring-slate-100/10 dark:hover:bg-white/20"}
-                      = icon "x-mark", class: "size-3 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-primary-400 dark:group-hover:text-slate-100 dark:text-slate-50"
-                  %div
-                    = link_to "flex items-center justify-between group px-4 pt-3 pb-2 hover:bg-slate-50 hover:text-primary-500 text-sm group font-medium text-slate-500 dark:text-slate-200 dark:hover:bg-slate-700 dark:hover:text-white" do
-                      %span View all notifications
-                      = icon "chevron-right", class: "group-hover:translate-x-1 transform transition ease-in-out size-4 text-slate-400 group-hover:text-primary-500 dark:group-hover:text-primary-200"
-              %li.md:mt-0.mt-4.flex.flex-col.items-center.relative{"data-controller" => "railsui-dropdown"}
-                %button.group{"data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", type: "button"}
-                  = image_tag "#", class: "rounded-full md:w-10 w-12 md:h-10 h-12 object-cover border-2 border-transparent group-hover:border-primary-600 transition duration-300 ease-in-out"
-                .hidden.transition.transform.origin-to-right.md:absolute.right-0.top-10.bg-white.rounded-lg.md:shadow-xl.md:border.border-slate-200.z-50.py-1.divide-y.divide-gray-200.md:w-auto.w-full.md:text-sm.dark:bg-slate-700.text-base.font-medium.text-slate-600.dark:text-slate-200.dark:divide-gray-600{class: "md:shadow-slate-900/10 md:min-w-[200px] dark:shadow-slate-900/50 dark:border-slate-500/60", "data-railsui-dropdown-target" => "menu", "data-transition-enter-from" => "opacity-0 scale-95", "data-transition-enter-to" => "opacity-100 scale-100", "data-transition-leave-from" => "opacity-100 scale-100", "data-transition-leave-to" => "opacity-0 scale-95"}
-                  %div{role: "none"}
-                    = link_to "Profile", "#", class: "px-4 py-2 md:py-[.4rem] hover:text-primary-600 dark:hover:text-primary-400 block"
-                    = link_to "Preferences", "#", class: "px-4 py-2 md:py-[.4rem] hover:text-primary-600 dark:hover:text-primary-400 block"
-                    = link_to "Billing", "#", class: "px-4 py-2 md:py-[.4rem] hover:text-primary-600 dark:hover:text-primary-400 block"
-                  %div{role: "none"}
-                    = button_to "Sign out", destroy_user_session_path, method: :delete, class: "px-4 py-2 md:py-[.4rem] hover:text-primary-600 dark:hover:text-primary-400 block"
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js
@@ -748,7 +644,7 @@ export default class extends Controller {
 }
 <% end %>
 
-<%= render_snippet(html_filename: "nav.html", erb_filename: "_nav.html.erb", haml_filename: "_nav.haml.erb", js_filename: "nav_controller.js") %>
+<%= render_snippet(html_filename: "nav.html", erb_filename: "_nav.html.erb", js_filename: "nav_controller.js") %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/hound/components/navigation/_with_search.html.erb

@@ -225,46 +225,6 @@
 </header>
 <% end %>
 
-<% content_for :haml, flush: true do %>
- %header.relative.bg-slate-900{"data-controller" => "nav"}
-    .container.mx-auto.px-4
-      .sm:flex.items-center.flex-wrap.sm:space-x-2
-        .sm:block.flex.items-center.justify-between
-          = link_to root_path class: "w-12 h-12 flex justify-center" do
-            / Hound logo
-            %svg.fill-current.w-6.h-auto.text-primary-600.hover:text-primary-700.duration-300.transition.ease-in-out.dark:hover:text-primary-500{fill: "none", height: "50", viewbox: "0 0 39 50", width: "39", xmlns: "http://www.w3.org/2000/svg"}
-              %path{"clip-rule" => "evenodd", d: "M8.55264 0C3.82915 0 0 3.82915 0 8.55265V26.1842C0 30.9077 3.82915 34.7368 8.55264 34.7368C13.2761 34.7368 17.1053 30.9077 17.1053 26.1842V8.55264C17.1053 3.82915 13.2761 0 8.55264 0ZM29.6053 0C24.8818 0 21.0527 3.82915 21.0527 8.55264V41.4474C21.0527 46.1709 24.8818 50 29.6053 50C34.3288 50 38.1579 46.1708 38.1579 41.4474V8.55264C38.1579 3.82915 34.3288 0 29.6053 0Z", "fill-rule" => "evenodd"}
-            %span.sr-only Hound
-          %button#search-nav-toggle.sm:hidden.block.p-1.rounded.focus:ring-4.group.focus:bg-slate-800.focus:ring-slate-700{"data-action" => "click->nav#toggle", role: "Mobile navigation toggle"}
-            %div{"data-nav-target" => "menuBars", role: "none"}
-              = icon "bars-3-center-left", class:  "w-8 h-8 text-slate-300 group-focus:text-slate-200"
-            .hidden{"data-nav-target" => "menuCross", role: "none"}
-              = icon "x-mark", class:  "w-8 h-8 text-slate-300 group-focus:text-slate-200"
-        #search-navigation.sm:flex-1.sm:block.hidden.sm:static.absolute.top-14.left-0.w-full.bg-slate-900.sm:bg-transparent.transform.origin-top.sm:p-0.p-4.rounded-b.sm:shadow-none.shadow-xl.z-30{"data-nav-target" => "nav", "data-transition-enter-active" => "transition ease-out duration-200", "data-transition-enter-from" => "opacity-0 scale-95", "data-transition-enter-to" => "opacity-100 scale-100", "data-transition-leave-active" => "transition ease-in duration-200", "data-transition-leave-from" => "opacity-100 scale-100", "data-transition-leave-to" => "opacity-0 scale-95"}
-          .sm:flex-1.sm:flex.flex-wrap.items-center.justify-between.lg:text-left.text-center
-            %nav{role: "Primary navigation"}
-              %ul.sm:flex.block.items-center.flex-wrap.space-x-0.sm:space-x-3.sm:text-base.text-lg.sm:leading-normal.leading-relaxed.space-y-1.sm:space-y-0.sm:mb-0.mb-4
-                %li
-                  = nav_link_to "Product", "#", class: "rui-nav-link-dark"
-                %li
-                  = nav_link_to "Pricing", "#", class: "rui-nav-link-dark"
-                %li
-                  = nav_link_to "Company", "#", class: "rui-nav-link-dark"
-            %nav{role: "Secondary navigation"}
-              %ul.sm:flex.flex-wrap.items-center.justify-center.grid.grid-cols-2.sm:gap-0.gap-4.sm:mt-0.mt-6
-                %li.sm:pr-5
-                  = link_to "#", class: "group sm:border-none border rounded sm:bg-transparent bg-slate-900 border-slate-700 flex justify-center items-center sm:py-0 py-2 sm:px-0 px-3 sm:block sm:focus:ring-none focus:ring-4 focus:ring-slate-800" do |
-                    = icon "question-mark-circle", class:  "fill-current size-5 text-primary-500 group-hover:text-primary-600 transition ease-in-out duration-300 dark:text-primary-500 dark:group-hover:text-primary-600", variant: :solid
-                %li.sm:pr-3
-                  = link_to "#", class: "group sm:border-none border rounded sm:bg-transparent bg-slate-900 border-slate-700 flex justify-center items-center sm:py-0 py-2 sm:px-0 px-3 sm:block sm:focus:ring-none focus:ring-4 focus:ring-slate-800" do
-                    = icon "book-open", class: "fill-current size-5 text-primary-500 group-hover:text-primary-600 transition ease-in-out duration-300 dark:text-primary-500 dark:group-hover:text-primary-600", variant: :solid
-                %li.sm:block.hidden.sm:px-2
-                  %span.h-6.w-px.block.bg-slate-600
-                %li.w-full.sm:w-auto.sm:mb-0.col-span-2
-                  = link_to "Sign in", new_user_session_path, class: "btn btn-dark sm:w-auto w-full"
-                %li.sm:pl-3.w-full.sm:w-auto.col-span-2
-                  = link_to "Sign up", new_user_registration_path, class: "btn btn-primary sm:w-auto w-full"
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js
@@ -297,7 +257,7 @@ export default class extends Controller {
 }
 <% end %>
 
-<%= render_snippet(html_filename: "nav.html", erb_filename: "_nav.html.erb", haml_filename: "_nav.haml.erb", js_filename: "nav_controller.js") %>
+<%= render_snippet(html_filename: "nav.html", erb_filename: "_nav.html.erb", js_filename: "nav_controller.js") %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/hound/components/pagination/_contained.html.erb

@@ -125,37 +125,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.flex.flex-wrap.md:justify-between.justify-center.items-center.space-y-2
-  %p.text-slate-600.dark:text-slate-200.text-sm.block.w-full.md:w-auto.md:text-left.text-center
-    Viewing page
-    %strong 1
-    with
-    %strong 24
-    results per page
-  %nav.text-slate-500.dark:text-slate-200.md:text-sm.text-base.font-medium.w-auto.flex{"aria-label" => "Page navgiation"}
-    %ul.flex.flex-wrap.items-center.justify-center.w-auto.divide-x.divide-slate-300.shadow-xs.dark:divide-slate-600
-      %li.flex.justify-start.items-center
-        = link_to "#", class: "bg-white inline-flex justify-center items-center md:py-2 py-[.63rem] px-2 rounded-l hover:bg-slate-50/50 group hover:text-primary-600 md:w-auto w-full border-y border-l border-slate-300 dark:bg-slate-800 dark:hover:bg-slate-700 dark:border-slate-600"
-          = icon "arrow-small-left", class: "w-5 h-5 text-slate-400 group-hover:text-primary-500 dark:group-hover:text-slate-200", title: "Previous"
-      %li
-        = link_to "1", "#", class: "inline-flex items-center py-2 px-4 bg-primary-600 text-white hover:bg-primary-700 border-y border-primary-600 hover:border-primary-700 dark:hover:bg-primary-500"
-      %li
-        = link_to "2", "#", class: "bg-white inline-flex items-center py-2 px-4 border-y border-slate-300 hover:bg-slate-50/50 dark:bg-slate-800 dark:hover:bg-slate-700 dark:border-slate-600"
-      %li
-        = link_to "3", "#", class: "bg-white inline-flex items-center py-2 px-4 border-y border-slate-300 hover:bg-slate-50/50 dark:bg-slate-800 dark:hover:bg-slate-700 dark:border-slate-600"
-      %li.md:block.hidden
-        %span.bg-white.inline-flex.items-center.py-2.px-3.border-y.border-slate-300.select-none.dark:bg-slate-800.dark:border-slate-600{class: "pointer-events-nonehover:bg-slate-50/50", href: "#"} …
-      %li
-        = link_to "8", "#", class: "bg-white inline-flex items-center py-2 px-4 border-y border-slate-300 hover:bg-slate-50/50 dark:bg-slate-800 dark:hover:bg-slate-700 dark:border-slate-600"
-      %li
-        = link_to "9", "#", class: "bg-white inline-flex items-center py-2 px-4 border-y border-slate-300 hover:bg-slate-50/50 dark:bg-slate-800 dark:hover:bg-slate-700 dark:border-slate-600"
-      %li
-        = link_to "10", "#", class: "bg-white inline-flex items-center py-2 px-4 border-y border-slate-300 hover:bg-slate-50/50 dark:bg-slate-800 dark:hover:bg-slate-700 dark:border-slate-600"
-      %li.flex.justify-end.items-center
-        = link_to "#", class: "bg-white inline-flex justify-center items-center md:py-2 py-[.63rem] px-2 rounded-r hover:bg-slate-50/50 group hover:text-primary-600 md:w-auto w-full border-y border-r border-slate-300 dark:bg-slate-800 dark:hover:bg-slate-700 dark:border-slate-600"
-          = icon "arrow-small-right", class: "w-5 h-5 text-slate-400 group-hover:text-primary-500 dark:group-hover:text-slate-200", title: "Next"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/components/pagination/_minimal.html.erb

@@ -130,33 +130,6 @@
 </nav>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%nav.text-slate-500.sm:text-sm.text-base.font-medium.dark:text-slate-300{"aria-label" => "Page navgiation"}
-  %ul.flex.flex-wrap.items-center.sm:justify-between.justify-center
-    %li.flex-1.flex.justify-start.items-center.sm:w-auto.w-full
-      = link_to "#", class: "flex justify-center items-center space-x-2 py-2 px-4 rounded hover:bg-slate-50/50 group hover:text-primary-600 sm:w-auto w-full sm:bg-transparent bg-slate-50 sm:mb-0 mb-3 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"
-        = icon "arrow-small-left", class: "w-4 h-4 text-slate-400 group-hover:text-primary-500 dark:group-hover:text-slate-200"
-        %span Previous
-    .flex.items-center.justify-center.sm:w-auto.w-full.sm:text-sm.text-lg
-      %li
-        = link_to "1", "#", class:"py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"
-      %li
-        = link_to "2", "#", class:"py-2 px-4 border-t-2 block border-primary-500 hover:bg-primary-50/50 text-primary-600 dark:text-primary-400 dark:border-primary-400 dark:hover:bg-primary-500/30"
-      %li
-        = link_to "3", "#", class:"py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"
-      %li
-        %span.py-2.px-4.block.border-t-2.border-transparent.rounded.pointer-events-none.select-none{href: "#"} …
-      %li
-        = link_to "8", "#", class:"py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"
-      %li
-        = link_to "9", "#", class:"py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"
-      %li
-        = link_to "10", "#", class:"py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"
-    %li.flex-1.flex.justify-end.items-center
-      = link_to "#", class: "flex justify-center items-center space-x-2 py-2 px-4 rounded hover:bg-slate-50/50 group hover:text-primary-600 sm:w-auto w-full sm:bg-transparent bg-slate-50 sm:mt-0 mt-3 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"
-        %span Next
-        = icon "arrow-small-right", class: "w-4 h-4 text-slate-400 group-hover:text-primary-500 dark:group-hover:text-slate-200"
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/pagination/_pagy.html.erb

@@ -2,9 +2,11 @@
 <%= render layout: example, locals: { heading: "Pagy gem", section: "Pagination" } do %>
 
   <div class="prose prose-slate dark:prose-invert my-6">
-    <p><%= link_to "Pagy", "https://github.com/ddnexus/pagy", target: :_blank %> is a popular pagination solution for Ruby/Rails developers. The nav partial <%= link_to "from the gem", "https://github.com/ddnexus/pagy/tree/master/lib/templates", target: :_blank %> comes ready to use with Rails UI.</p>
+    <p><%= link_to "Pagy", "https://github.com/ddnexus/pagy", target: :_blank %> is a popular pagination solution for Ruby/Rails developers. This implementation uses Pagy's default <code>pagy_nav</code> helper with custom CSS styling to match the Rails UI design system.</p>
 
-    <p>To make use of this UI you will need to render an alternative partial containing the code below with the <code>@pagy</code> instance variable passed through as a local variable inside the partial.</p>
+    <p>To use this design, include the CSS styles in your stylesheet and use the simple ERB snippet below. The <code>@pagy</code> instance variable should be passed to your view from the controller.</p>
+    
+    <p>The CSS overrides Pagy's default styling using Tailwind's <code>@apply</code> directive to apply Rails UI classes while maintaining all of Pagy's built-in functionality.</p>
   </div>
 
 <%= render preview 'gray' do %>
@@ -41,80 +43,53 @@
 <% end %>
 
 <% content_for :erb, flush: true do %>
-<!-- Source: https://github.com/ddnexus/pagy/blob/master/lib/templates/nav.html.erb -->
-
-<%% link = pagy_link_proc(pagy) %>
-<nav aria-label="pager" class="text-slate-500 sm:text-sm text-base font-medium" role="navigation">
-  <div class="flex flex-wrap items-center sm:justify-between justify-center">
-  <%% if pagy.prev %>
-    <div class="sm:flex-1 flex justify-start items-center sm:w-auto w-full">
-      <%%== link.call(pagy.prev, pagy_t('pagy.nav.prev'), 'aria-label="previous" class="flex justify-center items-center gap-2 py-2 px-4 rounded hover:bg-slate-50/50 group hover:text-primary-600 sm:w-auto w-full sm:bg-transparent bg-slate-50 sm:mb-0 mb-3 dark:hover:bg-primary-600 dark:hover:text-white dark:bg-primary-600 dark:text-white"') %>
-    </div>
-  <%% else %>
-    <div class="sm:flex-1 flex justify-start items-center sm:w-auto w-full">
-      <span class="opacity-40 dark:opacity-60 flex justify-center items-center gap-2 py-2 px-4 rounded sm:w-auto w-full bg-transparent sm:mb-0 mb-3 pointer-events-none select-none">
-        <%%== pagy_t('pagy.nav.prev') %>
-      </span>
-    </div>
-  <%% end %>
-
-  <!-- series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36]  -->
-  <%% pagy.series.each do |item| %>
-    <%% if item.is_a?(Integer) %>
-      <%%== link.call(item, item, 'class="py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"') %>
-    <%% elsif item.is_a?(String) %>
-      <span class="py-2 px-4 border-t-2 border-transparent block border-primary-500 hover:bg-primary-50/50 text-primary-600 dark:hover:bg-primary-600 dark:hover:text-white dark:hover:border-primary-600 dark:text-primary-400"><%%= item %></span>
-    <%% elsif item == :gap %>
-      <span class="py-2 px-4 block border-t-2 border-transparent rounded pointer-events-none select-none"><%%== pagy_t('pagy.nav.gap') %></span>
-    <%% end %>
-  <%% end %>
-
-  <%% if pagy.next %>
-    <div class="sm:flex-1 flex justify-end items-center sm:w-auto w-full">
-      <%%== link.call(pagy.next, pagy_t('pagy.nav.next'), 'aria-label="next" class="flex justify-center items-center gap-2 py-2 px-4 rounded hover:bg-slate-50/50 group hover:text-primary-600 sm:w-auto w-full sm:bg-transparent bg-slate-50 sm:mt-0 mt-3 dark:hover:bg-primary-600 dark:hover:text-white dark:bg-primary-600 dark:text-white"') %>
-    </div>
-  <%% else %>
-    <div class="sm:flex-1 flex justify-end items-center sm:w-auto w-full">
-      <span class="opacity-40 dark:opacity-60 flex justify-center items-center gap-2 py-2 px-4 rounded sm:w-auto w-full bg-transparent sm:mt-0 mt-3 pointer-events-none select-none">
-        <%%== pagy_t('pagy.nav.next') %>
-      </span>
-    </div>
-  <%% end %>
-  </div>
-</nav>
+<%%== pagy_nav(pagy) %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ Source: https://github.com/ddnexus/pagy/blob/master/lib/templates/nav.html.erb
-
-- link = pagy_link_proc(pagy)
-%nav.text-slate-500.sm:text-sm.text-base.font-medium{"aria-label" => "pager", role: "navigation"}
-  .flex.flex-wrap.items-center.sm:justify-between.justify-center
-    - if pagy.prev
-      .sm:flex-1.flex.justify-start.items-center.sm:w-auto.w-full
-        != link.call(pagy.prev, pagy_t('pagy.nav.prev'), 'aria-label="previous" class="flex justify-center items-center gap-2 py-2 px-4 rounded hover:bg-slate-50/50 group hover:text-primary-600 sm:w-auto w-full sm:bg-transparent bg-slate-50 sm:mb-0 mb-3 dark:hover:bg-primary-600 dark:hover:text-white dark:bg-primary-600 dark:text-white"')
-    - else
-      .sm:flex-1.flex.justify-start.items-center.sm:w-auto.w-full
-        %span.opacity-40.dark:opacity-60.flex.justify-center.items-center.gap-2.py-2.px-4.rounded.sm:w-auto.w-full.bg-transparent.sm:mb-0.mb-3.pointer-events-none.select-none
-          != pagy_t('pagy.nav.prev')
-    / series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36]
-    - pagy.series.each do |item|
-      - if item.is_a?(Integer)
-        != link.call(item, item, 'class="py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200"')
-      - elsif item.is_a?(String)
-        %span.py-2.px-4.border-t-2.border-transparent.block.border-primary-500.text-primary-600.dark:hover:bg-primary-600.dark:hover:text-white.dark:hover:border-primary-600.dark:text-primary-400{class: "hover:bg-primary-50/50"}= item
-      - elsif item == :gap
-        %span.py-2.px-4.block.border-t-2.border-transparent.rounded.pointer-events-none.select-none!= pagy_t('pagy.nav.gap')
-    - if pagy.next
-      .sm:flex-1.flex.justify-end.items-center.sm:w-auto.w-full
-        != link.call(pagy.next, pagy_t('pagy.nav.next'), 'aria-label="next" class="flex justify-center items-center gap-2 py-2 px-4 rounded hover:bg-slate-50/50 group hover:text-primary-600 sm:w-auto w-full sm:bg-transparent bg-slate-50 sm:mt-0 mt-3 dark:hover:bg-primary-600 dark:hover:text-white dark:bg-primary-600 dark:text-white"')
-    - else
-      .sm:flex-1.flex.justify-end.items-center.sm:w-auto.w-full
-        %span.opacity-40.dark:opacity-60.flex.justify-center.items-center.gap-2.py-2.px-4.rounded.sm:w-auto.w-full.bg-transparent.sm:mt-0.mt-3.pointer-events-none.select-none
-          != pagy_t('pagy.nav.next')
+<% content_for :css, flush: true do %>
+/* Custom Pagy Styles - Override defaults with hound theme design */
+.pagy nav {
+  @apply text-slate-500 text-sm font-medium dark:text-slate-300;
+}
+
+.pagy nav > div {
+  @apply flex flex-wrap items-center justify-between;
+}
+
+/* Previous/Next buttons */
+.pagy nav > div > span:first-child,
+.pagy nav > div > span:last-child {
+  @apply flex-1 flex justify-start items-center w-auto;
+}
 
+.pagy nav > div > span:last-child {
+  @apply justify-end;
+}
+
+.pagy nav a[aria-label*="prev"],
+.pagy nav a[aria-label*="next"] {
+  @apply flex justify-center items-center gap-2 py-2 px-4 rounded hover:bg-slate-50/50 group hover:text-primary-600 w-auto bg-transparent mb-0 mt-0 dark:hover:bg-primary-600 dark:hover:text-white dark:bg-primary-600 dark:text-white;
+}
+
+.pagy nav span:disabled {
+  @apply opacity-40 dark:opacity-60 flex justify-center items-center gap-2 py-2 px-4 rounded w-auto bg-transparent mb-0 mt-0 pointer-events-none select-none;
+}
+
+/* Page number links */
+.pagy nav a:not([aria-label]) {
+  @apply py-2 px-4 block border-t-2 border-transparent rounded hover:bg-slate-50/50 dark:hover:bg-slate-500/30 dark:hover:text-slate-200;
+}
+
+.pagy nav a.current {
+  @apply py-2 px-4 border-t-2 border-transparent block border-primary-500 hover:bg-primary-50/50 text-primary-600 dark:hover:bg-primary-600 dark:hover:text-white dark:hover:border-primary-600 dark:text-primary-400;
+}
+
+.pagy nav span.gap {
+  @apply py-2 px-4 block border-t-2 border-transparent rounded pointer-events-none select-none;
+}
 <% end %>
-<%= render_snippet active_tab: "erb" %>
+
+<%= render_snippet active_tab: "css" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/hound/components/tab/_base.html.erb

@@ -89,30 +89,13 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-tabs", "data-railsui-tabs-active-tab" => "border-b border-primary-600 inline-block bg-white text-primary-600 dark:bg-transparent dark:text-white dark:border-primary-400 py-3 px-4", "data-railsui-tabs-inactive-tab" => "border-b border-slate-200 inline-block bg-white text-slate-600 dark:bg-transparent dark:text-slate-100 dark:border-slate-600 py-3 px-4"}
-  .border-slate-200.border-b.text-slate-600.dark:text-slate-100.dark:border-slate-600.font-medium.text-sm
-    %nav.-mb-px{role: "navigation"}
-      = link_to "Activity", "#", data: { action: "click-railsui-tabs#change", railsui_tabs_target: "tab" }, class: "border-b border-primary-600 inline-block bg-white text-primary-600 dark:bg-transparent dark:text-white dark:border-primary-400 py-3 px-4"
-      = link_to "Account", "#", data: { action: "click-railsui-tabs#change", railsui_tabs_target: "tab"}, class: "border-b border-slate-200 inline-block bg-white text-slate-600 dark:bg-transparent dark:text-slate-100 dark:border-slate-600 py-3 px-4"
-      = link_to "Billing", "#", data: { action: "click-railsui-tabs#change", railsui_tabs_target: "tab"}, class: "border-b border-slate-200 inline-block bg-white text-slate-600 dark:bg-transparent dark:text-slate-100 dark:border-slate-600 py-3 px-4"
-      = link_to "Team", "#", data: { action: "click-railsui-tabs#change", railsui_tabs_target: "tab" }, class: "border-b border-slate-200 inline-block bg-white text-slate-600 dark:bg-transparent dark:text-slate-100 dark:border-slate-600 py-3 px-4"
-  .p-4{"data-railsui-tabs-target" => "panel"}
-    Some activities...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Account information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Billing information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Team information...
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiTabs } from 'railsui-stimulus'
 application.register('railsui-tabs', RailsuiTabs)
 <% end %>
 
-<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", haml_filename: "_tabs.html.haml", js_filename: "index.js" %>
+<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", js_filename: "index.js" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/hound/components/tab/_pills.html.erb

@@ -90,30 +90,13 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-tabs", "data-railsui-tabs-active-tab" => "py-2 px-4 bg-primary-50 inline-block rounded-full text-primary-600 dark:bg-primary-600 dark:text-white", "data-railsui-tabs-inactive-tab" => "py-2 px-4 rounded-full inline-block dark:bg-transparent dark:text-slate-300"}
-  .text-slate-600.dark:text-slate-300
-    %nav.flex.items-center.space-x-1.font-medium.text-sm{role: "navigation"}
-      = link_to "Activity", "#", class: "py-2 px-4 bg-primary-50 inline-block rounded-full text-primary-600 dark:bg-primary-600 dark:text-white", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-      = link_to "Account", "#", class: "py-2 px-4 rounded-full inline-block dark:transparent dark:text-slate-300", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-      = link_to "Billing", "#", class: "py-2 px-4 rounded-full inline-block dark:transparent dark:text-slate-300", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-      = link_to "Team", "#", class: "py-2 px-4 rounded-full inline-block dark:transparent dark:text-slate-300", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-  .p-4{"data-railsui-tabs-target" => "panel"}
-    Some activities...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Account information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Billing information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Team information...
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiTabs } from 'railsui-stimulus'
 application.register('railsui-tabs', RailsuiTabs)
 <% end %>
 
-<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", haml_filename: "_tabs.html.haml", js_filename: "index.js" %>
+<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", js_filename: "index.js" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/hound/components/tab/_rounded.html.erb

@@ -92,30 +92,13 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-tabs", "data-railsui-tabs-active-tab" => "py-2 px-4 bg-primary-50 inline-block rounded-md text-primary-600 dark:bg-primary-600 dark:text-white", "data-railsui-tabs-inactive-tab" => "py-2 px-4 rounded-md inline-block dark:bg-slate-900 dark:text-slate-300"}
-  %div
-    %nav.flex.items-center.text-gray-600.space-x-1.font-medium.text-sm{role: "navigation"}
-      = link_to "Activity", "#", class: "py-2 px-4 bg-primary-50 inline-block rounded-md text-primary-600 dark:bg-primary-600 dark:text-white", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-      = link_to "Account", "#", class: "py-2 px-4 rounded-md inline-block dark:bg-transparent dark:text-slate-300", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-      = link_to "Billing", "#", class: "py-2 px-4 rounded-md inline-block dark:bg-transparent dark:text-slate-300", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-      = link_to "Team", "#", class: "py-2 px-4 rounded-md inline-block dark:bg-transparent dark:text-slate-300", data: { action: "click->railsui-tabs#change", railsui_tabs_target: "tab" }
-  .p-4{"data-railsui-tabs-target" => "panel"}
-    Some activities...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Account information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Billing information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Team information...
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiTabs } from 'railsui-stimulus'
 application.register('railsui-tabs', RailsuiTabs)
 <% end %>
 
-<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", haml_filename: "_tabs.html.haml", js_filename: "index.js" %>
+<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", js_filename: "index.js" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/hound/components/tab/_with_icons.html.erb

@@ -126,38 +126,13 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-tabs", "data-railsui-tabs-active-tab" => "py-3 px-4 border-b border-primary-500 flex items-center space-x-3 whitespace-nowrap text-primary-600 dark:text-primary-400 dark:border-primary-400 rounded-t", "data-railsui-tabs-inactive-tab" => "py-3 px-4 flex items-center space-x-3 whitespace-nowrap border-b border-transparent dark:border-slate-600"}
-  .border-slate-200.border-b.text-slate-600.dark:text-slate-200.dark:border-slate-600.text-sm.font-medium
-    %nav.-mb-px.flex.items-center.flex-wrap{role: "navigation"}
-      = link_to "#", class: "py-3 px-4 border-b border-primary-500 flex items-center space-x-3 whitespace-nowrap text-primary-600 dark:text-primary-400 dark:border-primary-400 rounded-t", data: { railsui_tabs_target: "tab", action: "click->railsui-tabs#change" } do
-        = icon "chat-bubble-oval-left-ellipsis", class: "size-5"
-        %span Activity
-      = link_to "#", class: "py-3 px-4 flex items-center space-x-3 whitespace-nowrap   border-b bg-transparent dark:bg-transparent dark:border-slate-600", data: { railsui_tabs_target: "tab", action: "click->railsui-tabs#change" } do
-        = icon "user-circle", class: "size-5"
-        %span Account
-      = link_to "#", class: "py-3 px-4 flex items-center space-x-3 whitespace-nowrap border-b bg-transparent dark:bg-transparent dark:border-slate-600", data: { railsui_tabs_target: "tab", action: "click->railsui-tabs#change" } do
-        = icon "credit-card", class: "size-5"
-        %span Billing
-      = link_to "#", class: "py-3 px-4 flex items-center space-x-3 whitespace-nowrap border-b bg-transparent dark:bg-transparent dark:border-slate-600", data: { railsui_tabs_target: "tab", action: "click->railsui-tabs#change" } do
-        = icon "users", class: "size-5"
-        %span Team
-  .p-4{"data-railsui-tabs-target" => "panel"}
-    Some activities...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Account information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Billing information...
-  .hidden.p-4{"data-railsui-tabs-target" => "panel"}
-    Team information...
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiTabs } from 'railsui-stimulus'
 application.register('railsui-tabs', RailsuiTabs)
 <% end %>
 
-<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", haml_filename: "_tabs.html.haml", js_filename: "index.js" %>
+<%= render_snippet html_filename: "tabs.html", erb_filename: "_tabs.html.erb", js_filename: "index.js" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/hound/components/toast/_base.html.erb

@@ -81,22 +81,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.relative.overflow-hidden
-  .pointer-events-none.absolute.flex.items-center.justify-end.px-4.py-6.sm:p-6.top-0.right-0.left-0.w-full.animate-toast-from-right(aria-live="assertive" data-controller="railsui-toast")
-    .pointer-events-auto.w-full.max-w-sm.overflow-hidden.rounded-md.bg-white.shadow-lg.ring-1.ring-black.dark:bg-slate-950.dark:border(class="dark:border-slate-700/80 ring-black/10")
-      .p-4
-        .flex.items-start
-          .shrink-0
-            = icon "hand-thumb-up", class: "size-6 text-blue-500 dark:text-blue-400"
-          .ml-3.w-0.flex-1(class="pt-0.5")
-            %p.text-sm.font-medium.text-slate-900.dark:text-white Successfully liked!
-            %p.mt-1.text-sm.text-slate-500.dark:text-slate-300 John Doe has been notified.
-          .ml-4.flex.shrink-0
-            %button.inline-flex.rounded-sm.bg-white.text-slate-400.hover:text-slate-500.focus:outline-hidden.focus:ring-2.focus:ring-slate-50.dark:bg-transparent.dark:focus:ring-slate-500.dark:hover:text-slate-100.dark:focus:text-slate-100(data-action="click->railsui-toast#hide" type="button")
-              %span.sr-only Close
-              = icon "x-mark", class: "size-5"
-<% end %>
 
 <% content_for :css, flush: true do %>
 

data/app/views/railsui/themes/hound/components/tooltip/_base.html.erb

@@ -15,9 +15,6 @@
 <%%= button_tag "#", class: "btn btn-primary", data: { controller: "railsui-tooltip", railsui_tooltip_content_value: "This is the <strong>bold</strong> and <u>underlined</u> content inside my tooltip!", railsui_tooltip_allow_html_value: "true" } %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%button.btn.btn-primary{"data-controller" => "railsui-tooltip", "data-railsui-tooltip-allow-html-value" => "true", "data-railsui-tooltip-content-value" => "This is the <strong>bold</strong> and <u>underlined</u> content inside my tooltip!"} Tooltip with HTML demo
-<% end %>
 
 <% content_for :js, flush: true do %>
 // https://github.com/getrailsui/railsui-stimulus/blob/main/src/railsui_tooltip.js

data/app/views/railsui/themes/hound/content/image/_object_contain.html.erb

@@ -25,11 +25,6 @@
 </div>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-.bg-slate-50
-  image_tag "#", class: "object-contain h-48 w-96"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/content/image/_object_cover.html.erb

@@ -26,11 +26,6 @@
 </div>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-.bg-slate-50
-  image_tag "#", class: "object-cover h-48 w-96"
-<% end %>
 <%= render_snippet %>
 
 <% end %>

data/app/views/railsui/themes/hound/content/image/_object_fill.html.erb

@@ -26,11 +26,6 @@
 </div>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-.bg-slate-50
-  image_tag "#", class: "object-fill h-48 w-96"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>