railsui 3.1.5 → 3.2.0

data/app/views/railsui/themes/hound/components/card/_user_card_dropdown.html.erb

@@ -77,26 +77,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.rounded-md.bg-white.p-6.dark:bg-slate-800.dark:text-white.border(class="border-slate-300/70 dark:border-slate-600/70 dark:shadow-slate-900/50")
-  .flex.flex-wrap.items-center.gap-4
-    %img.object-cover.size-14.rounded-full.flex-shrink-0(src="https://randomuser.me/api/portraits/men/49.jpg")/
-    .flex-1.flex.flex-col.items-start.space-y-px.text-slate-900.dark:text-white
-      %p.font-bold Jared Doe
-      %p.dark:text-slate-400.text-sm= Time.zone.now.strftime("%B %e at  %l:%M %p")
-      .relative(data-controller="dropdown")
-        %button.relative.group.border-transparent.border.transition.ease-in-out.focus:ring-4.w-8.h-8.flex.items-center.justify-center.rounded-lg.hover:border-slate-200.focus:ring-slate-50.hover:bg-white.hover:shadow-sm.focus:border-slate-200.dark:focus:border-slate-700.dark:hover:border-slate-700(class="dark:hover:bg-slate-700/80 dark:focus:ring-slate-400/50" data-action="dropdown#toggle click@window->dropdown#hide" type="button")
-          = icon "ellipsis-vertical", class:  "size-6 text-slate-500 group-hover:text-primary-500 dark:text-slate-200 dark:group-hover:text-primary-300"
-        %ul.hidden.transition.transform.origin-to-right.absolute.right-0.top-9.bg-white.rounded-lg.shadow-xl.border.border-slate-200.z-50.py-2.dark:bg-slate-700.text-sm.font-medium.text-slate-600.dark:text-slate-200(class="shadow-slate-900/10 min-w-[200px] dark:shadow-slate-900/50 dark:border-slate-500/60" data-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")
-          %li
-            = link_to "Follow", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-          %li
-            = link_to "Save for later", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-          %li
-            = link_to "Mute", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-      .prose.dark:prose-invert.mt-4
-        %p Just wanted to share my thoughts on the new product launch. The attention to detail and user experience is fantastic. The interface is intuitive and the performance improvements are noticeable. Great work by the entire team on this milestone achievement!
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/dropdown_controller.js

data/app/views/railsui/themes/hound/components/card/_user_card_with_actions.html.erb

@@ -49,24 +49,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.py-4.px-6.flex.flex-wrap.items-center.w-auto.rounded-md.bg-white.p-6.dark:bg-slate-800.dark:text-white.border.gap-4(class="dark:shadow-slate-900/50 border-slate-300/70 dark:border-slate-600/70")
-  %img.object-cover.size-14.rounded-full.flex-shrink-0(src="https://randomuser.me/api/portraits/women/32.jpg")/
-  .flex-1.flex.flex-col.items-start.space-y-px.text-slate-900
-    %p.font-bold.dark:text-white Jane Doe
-    %p.text-sm.dark:text-slate-300
-      Software Architect at
-      %a.btn-link(href="#") Amazon
-  .grid.gap-3.grid-cols-2.lg:pt-0.pt-3.w-full.lg:w-auto
-    = link_to "#", class: "btn btn-white flex items-center gap-2 group" do
-      = icon "phone", class: "size-4 text-slate-500 dark:text-slate-400 group-hover:text-primary-600 dark:group-hover:text-primary-400"
-      %span Phone
-    / * The mail_to helper doesn't play too nicely with blocks so we have to rig it up a bit
-    - mail_content = capture do
-      = icon "envelope", class: "size-4 text-slate-500 dark:text-slate-400 group-hover:text-primary-600 dark:group-hover:text-primary-400"
-      %span Email
-    = mail_to "railsui@example.com", mail_content, class: "btn btn-white flex items-center gap-2 group"
-<% end %>
 
 <%= render_snippet(active_tab: :erb) %>
 <% end %>

data/app/views/railsui/themes/hound/components/card/_with_action.html.erb

@@ -42,19 +42,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.rounded-md.bg-white.p-6.dark:bg-slate-800.dark:text-white.border(class="border-slate-300/70 dark:border-slate-600/70")
-  .-mx-6.border-b.border-slate-200.dark:border-slate-700.px-6.pb-4.mb-4.flex.items-center.justify-between.flex-wrap
-    %h1.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Posts
-    = link_to "New post", "#", class: "btn btn-primary"
-  %ul.last-child:pb-0.pointer-events-none.select-none(class="divide-slate-300/70 dark:divide-slate-600/70")
-    %li.py-3.-mx-6.px-6
-      = link_to "Post title 1", "#", class: "btn-link"
-      %p.text-slate-700.dark:text-slate-400 Lorem ipsum dolor sit amet consectetur...
-    %li.pt-3.-mx-6.px-6
-      = link_to "Post title 2", "#", class: "btn-link"
-      %p.text-slate-700.dark:text-slate-400 Lorem ipsum dolor sit amet consectetur...
-<% end %>
 
 <%= render_snippet(active_tab: :erb) %>
 <% end %>

data/app/views/railsui/themes/hound/components/card/_with_header.html.erb

@@ -135,49 +135,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.rounded-md.bg-white.p-6.dark:bg-slate-800.dark:text-white.border(class="border-slate-300/70 dark:border-slate-600/70")
-  .-mx-6.border-b.border-slate-200.dark:border-slate-700.px-6.pb-4.mb-4
-    %h3.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Job postings
-    %p.prose.prose-slate.dark:prose-invert.mt-2.mb-4 Lorem ipsum dolor sit amet, consectetur adipisicin.
-  %ul.divide-y.last-child:pb-0.pointer-events-none.select-none(class="divide-slate-300/70 dark:divide-slate-600/70")
-    %li.flex.justify-between.items-start.py-3.-mx-6.px-6
-      %div
-        = link_to "Ruby developer", "#", class: "btn-link"
-        .flex.items-center.gap-3.text-slate-500.text-sm.py-1.dark:text-slate-400
-          .flex.items-center.gap-2
-            = icon "users", class: "size-4 text-slate-400"
-            %p Engineering
-          .flex.items-center.gap-2
-            = icon "map", class: "size-4 text-slate-400"
-            %p Remote
-      %div
-        %span.rounded.bg-green-100.text-green-800.font-medium.px-2.py-1.text-xs.dark:text-green-300(class="dark:bg-green-500/20") Full-time
-    %li.flex.justify-between.items-start.py-3.-mx-6.px-6
-      %div
-        = link_to "Front-end developer", "#", class: "btn-link"
-        .flex.items-center.gap-3.text-slate-500.text-sm.py-1.dark:text-slate-400
-          .flex.items-center.gap-2
-            = icon "users", class: "size-4 text-slate-400"
-            %p Design
-          .flex.items-center.gap-2
-            = icon "map", class: "size-4 text-slate-400"
-            %p Remote
-      %div
-        %span.rounded.bg-green-100.text-green-800.font-medium.px-2.py-1.text-xs.dark:text-green-300(class="dark:bg-green-500/20") Full-time
-    %li.flex.justify-between.items-start.py-3.-mx-6.px-6
-      %div
-        = link_to "UX Designer", "#", class: "btn-link"
-        .flex.items-center.gap-3.text-slate-500.text-sm.py-1.dark:text-slate-400
-          .flex.items-center.gap-2
-            = icon "users", class: "size-4 text-slate-400"
-            %p Design
-          .flex.items-center.gap-2
-            = icon "map", class: "size-4 text-slate-400"
-            %p Remote
-      %div
-        %span.rounded.bg-green-100.text-green-800.font-medium.px-2.py-1.text-xs.dark:text-green-300(class="dark:bg-green-500/20") Full-time
-<% end %>
 <%= render_snippet(active_tab: :erb) %>
 <% end %>
 <% end %>

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

@@ -410,46 +410,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.flex.justify-center.items-center.h-32
-  .relative.w-56{"data-action" => "click@window->railsui-combobox#handleOutsideClick", "data-controller" => "railsui-combobox", "data-railsui-combobox-active-class-value" => "bg-gray-900 text-white hover:bg-gray-950", "data-railsui-combobox-inactive-class-value" => "bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-100 dark:hover:bg-gray-900 hover:bg-gray-50 overflow-hidden"}
-    / Hidden input for form submission
-    %input{"data-railsui-combobox-target" => "hiddenInput", name: "selected_option", type: "hidden"}/
-    / Top-level combobox button
-    .form-input.flex.items-center.justify-between.shadow-xs{"aria-controls" => "combobox-list", "aria-expanded" => "false", "aria-labelledby" => "combobox-label", class: "pr-1.5", "data-action" => "click->railsui-combobox#toggleDropdown keydown.enter->railsui-combobox#toggleDropdown", "data-railsui-combobox-target" => "box", role: "combobox", tabindex: "0"}
-      %span#combobox-label.sr-only Select a format
-      %span{"data-railsui-combobox-target" => "text"} Select a format...
-      = icon "chevron-up-down", class: "stroke-gray-500 pointer-events-none size-5"
-    / combobox dropdown
-    .absolute.z-10.top-12.left-0.border.shadow-lg.duration-200.origin-top.hidden.w-full.rounded-md{"aria-labelledby" => "combobox-label", class: "border-gray-300/80 dark:border-gray-700/80", "data-action" => "keydown.esc->railsui-combobox#hideDropdown", "data-railsui-combobox-target" => "list", "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", role: "listbox"}
-      / Search input inside dropdown
-      .p-2
-        %label.sr-only{for: "combobox-search"} Search
-        .relative
-          %input#combobox-search.form-input.pl-8{"aria-autocomplete" => "list", autocomplete: "off", class: "text-[15px]", "data-action" => "input->railsui-combobox#filter keydown->railsui-combobox#handleKeydown", "data-railsui-combobox-target" => "input", placeholder: "Search...", type: "text"}/
-          = icon "magnifying-glass", class: "stroke-gray-400 size-5 absolute top-[11px] left-2"
-      / List of options
-      %ul{role: "presentation"}
-        %li#option-1.px-3.cursor-pointer.flex.items-center.justify-between{"aria-selected" => "false", class: "py-1.5", "data-action" => "click->railsui-combobox#selectOption keydown.enter->railsui-combobox#selectOption", "data-railsui-combobox-target" => "option", "data-value" => "PDF", role: "option", tabindex: "0"}
-          PDF
-          %span.hidden{"aria-hidden" => "true", "data-railsui-combobox-target" => "checkmark"}
-            = icon "check", class: "text-gray-100 size-4"
-        %li#option-2.px-3.cursor-pointer.flex.items-center.justify-between{"aria-selected" => "false", class: "py-1.5", "data-action" => "click->railsui-combobox#selectOption keydown.enter->railsui-combobox#selectOption", "data-railsui-combobox-target" => "option", "data-value" => "CSV", role: "option", tabindex: "0"}
-          CSV
-          %span.hidden{"aria-hidden" => "true", "data-railsui-combobox-target" => "checkmark"}
-            = icon "check", class: "text-gray-100 size-4"
-        %li#option-3.px-3.cursor-pointer.flex.items-center.justify-between{"aria-selected" => "false", class: "py-1.5", "data-action" => "click->railsui-combobox#selectOption keydown.enter->railsui-combobox#selectOption", "data-railsui-combobox-target" => "option", "data-value" => "Excel", role: "option", tabindex: "0"}
-          Excel
-          %span.hidden{"aria-hidden" => "true", "data-railsui-combobox-target" => "checkmark"}
-            = icon "check", class: "text-gray-100 size-4"
-        %li#option-4.px-3.cursor-pointer.flex.items-center.justify-between{"aria-selected" => "false", class: "py-1.5", "data-action" => "click->railsui-combobox#selectOption keydown.enter->railsui-combobox#selectOption", "data-railsui-combobox-target" => "option", "data-value" => "JPEG", role: "option", tabindex: "0"}
-          JPEG
-          %span.hidden{"aria-hidden" => "true", "data-railsui-combobox-target" => "checkmark"}
-            = icon "check", class: "text-gray-100 size-4"
-      / No results message
-      .hidden.px-4.py-2.text-gray-500{"aria-hidden" => "true", "data-railsui-combobox-target" => "noresults"}
-        No results found
-<% end %>
 
 <% content_for :js, flush: true do %>
 // requires stimulus.js to be configured

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

@@ -56,16 +56,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.relative.inline-block{"data-controller" => "railsui-dropdown"}
-  = button_tag data: { action: "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide" }, class: "btn btn-primary gap-2 pr-2.5" do
-    Dropdown
-    \#{icon "chevron-down", class: "size-3"}
-  .hidden.transition.transform.origin-top-left.absolute.left-0.top-10.bg-white.rounded-lg.shadow-xl.border.border-slate-200.w-full.z-50.py-2.dark:bg-slate-700.md:text-sm.text-base.font-medium.text-slate-600.dark:text-slate-200{class: "shadow-slate-900/10 md: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"}
-    = link_to "Bookmark", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-    = link_to "Report", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-    = link_to "Export", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/dropdown/_right_aligned.html.erb

@@ -75,20 +75,6 @@ data-transition-leave-to="opacity-0 scale-95"
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.relative.inline-block{"data-controller" => "railsui-dropdown"}
-  = button_tag data: { action: "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide" }, class: "btn btn-primary gap-2 pr-2.5"
-    Right-aligned Dropdown Menu
-    = icon "chevron-down", class:  "size-3"
-  %ul
-    .hidden.transition.transform.origin-top-right.absolute.-left-1.top-10.bg-white.rounded-lg.shadow-xl.border.border-slate-200.z-50.py-2.dark:bg-slate-700.text-sm.font-medium.text-slate-600.dark:text-slate-200{class: "shadow-slate-900/10 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"}
-    %li
-      = link_to "Bookmark", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-    %li
-      = link_to "Report", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-    %li
-      = link_to "Export", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block dark:hover:text-primary-300"
-<% end %>
 
   <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/dropdown/_with_dividers.html.erb

@@ -86,20 +86,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.relative.inline-block{"data-controller" => "railsui-dropdown"}
-  = button_tag data: { action: "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide" }, class: "btn btn-primary gap-2 pr-2.5" do
-    Dropdown with dividers
-    #{icon "chevron-down", class: "size-3"}
-  .hidden.transition.transform.origin-top-left.absolute.left-0.top-10.bg-white.rounded-lg.shadow-xl.border.border-slate-200.w-full.z-50.py-2.dark:bg-slate-700.md:text-sm.text-base.font-medium.text-slate-600.dark:text-slate-200.divide-y{class: "shadow-slate-900/10 md:w-[200px] dark:shadow-slate-900/50 dark:border-slate-500/60 dark:divide-slate-500/75", "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"}
-    .pb-1{role: "none"}
-      = link_to "Edit", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block"
-    .py-1{role: "none"}
-      = link_to "Share", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block"
-      = link_to "Export", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block"
-    .pt-1{role: "none"}
-      = link_to "Delete", "#", class: "px-4 py-[.4rem] hover:text-primary-600 block"
-<% end %>
 
 <%= render_snippet %>
 <% end %>

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

@@ -80,26 +80,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.relative.md:inline-block.block.md:w-auto.w-full{"data-controller" => "railsui-dropdown"}
-  = button_tag data: { action: "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide" }, class: "btn btn-primary gap-2 pr-2.5" do
-    Dropdown
-    \#{icon "chevron-down", class: "size-3"}
-  %ul.hidden.transition.transform.origin-top-right.absolute.left-0.top-10.bg-white.rounded-lg.shadow-xl.border.border-slate-200.w-full.z-50.py-2.dark:bg-slate-700.md:text-sm.text-base.font-medium.text-slate-600.dark:text-slate-200{:class => "shadow-slate-900/10 md: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"}
-    %li
-      = link_to "#", class: "px-4 py-[.4rem] hover:text-primary-600 dark:hover:text-primary-300 group flex items-center justify-start gap-3" do
-        = icon "bookmark", class: "size-4 dark:text-slate-200 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-primary-300 flex-shrink-0"
-        %span Bookmark
-    %li
-      = link_to "#", class: "px-4 py-[.4rem] hover:text-primary-600 dark:hover:text-primary-300 group flex items-center justify-start gap-3" do
-        = icon "flag", class: "size-4 dark:text-slate-200 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-primary-300 flex-shrink-0"
-        %span Report
-    %li
-      = link_to "#", class: "px-4 py-[.4rem] hover:text-primary-600 dark:hover:text-primary-300 group flex items-center justify-start gap-3" do
-        = icon "arrow-down-tray", class: "size-4 dark:text-slate-200 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-primary-300 flex-shrink-0"
-        %span Export
-
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/flash/_alert.html.erb

@@ -22,11 +22,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-- if notice
-  .bg-rose-600.text-white.text-center.p-4{:role => "alert"}
-    %p= sanitize notice
-<% end %>
 
   <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/flash/_dynamic.html.erb

@@ -25,11 +25,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-- if notice
-  .bg-primary-600.text-white.text-center.p-4{"data-controller" => "alert", :role => "alert"}
-    %p= sanitize notice
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { Controller } from "@hotwired/stimulus"

data/app/views/railsui/themes/hound/components/flash/_notice.html.erb

@@ -22,11 +22,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-- if notice
-  .bg-primary-600.text-white.text-center.p-4{:role => "alert"}
-    %p= sanitize notice
-<% end %>
 
 <%= render_snippet %>
 <% end %>

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

@@ -97,19 +97,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "modal"}
-  %button.btn.btn-primary{"data-action" => "click->modal#open", tabindex: "0", type: "button"}
-    Open modal
-  .hidden.fixed.inset-0.z-50.overflow-y-auto{"aria-labelledby" => "modal-title", "aria-modal" => "true", "data-action" => "keyup@window->modal#closeWithEsc", "data-modal-target" => "container", role: "dialog"}
-    .h-screen.w-full.relative.flex.items-center.justify-center
-      .hidden.rounded.shadow-xl.max-w-lg.bg-white.m-1.p-8.prose.origin-bottom.mx-auto.dark:bg-slate-700.dark:text-slate-200{"data-modal-target" => "content", "data-transition-enter-active" => "transition ease-out duration-300", "data-transition-enter-from" => "transform opacity-0 scale-95", "data-transition-enter-to" => "transform opacity-100 scale-100", "data-transition-leave-active" => "transition ease-in duration-300", "data-transition-leave-from" => "transform opacity-100 scale-100", "data-transition-leave-to" => "transform opacity-0 scale-95"}
-        %h3#modal-title.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Hang on one sec
-        .prose.prose-slate.dark:prose-invert.mt-2.mb-6
-          %p Review and accept our updated terms of service before continuing. These changes help protect you and our service.
-        .flex.justify-end.items-center.flex-wrap.gap-4
-          %button.btn.btn-primary{"data-action" => "click->railsui-modal#close"} Close
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

data/app/views/railsui/themes/hound/components/modal/_centered_dual_action.html.erb

@@ -111,22 +111,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-modal"}
-  %button.btn.btn-primary{"data-action" => "click->railsui-modal#open:prevent", tabindex: "0", type: "button"} Open centered dual action modal
-  .hidden.fixed.inset-0.z-50.overflow-y-auto{"aria-labelledby" => "dual-action-modal-title", "aria-modal" => "true", "data-action" => "keyup@window->railsui-modal#closeWithEsc", "data-railsui-modal-target" => "container", role: "dialog"}
-    .h-screen.w-full.relative.flex.items-center.justify-center
-      .hidden.rounded.mx-auto.shadow-xl.max-w-lg.bg-white.m-1.p-8.origin-bottom.text-center.dark:bg-slate-700.dark:text-slate-200{"data-railsui-modal-target" => "content", "data-transition-enter-active" => "transition ease-out duration-300", "data-transition-enter-from" => "transform opacity-0 scale-95", "data-transition-enter-to" => "transform opacity-100 scale-100", "data-transition-leave-active" => "transition ease-in duration-300", "data-transition-leave-from" => "transform opacity-100 scale-100", "data-transition-leave-to" => "transform opacity-0 scale-95"}
-        .flex.justify-center
-          .w-12.h-12.rounded-full.bg-emerald-50.flex.items-center.justify-center.mb-3
-            = icon "rocket-launch", class: "size-6 text-emerald-600 flex-shrink-0"
-        %h3#dual-action-modal-title.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Time to launch
-        .prose.prose-slate.dark:prose-invert.mt-2.mb-6
-          %p Are you sure you want to launch this project to production? This action cannot be undone and will be visible to all users.
-        .grid.grid-cols-1.sm:grid-cols-2.gap-3
-          %button.btn.btn-white.w-full.sm:order-1.order-2{"data-action" => "click->railsui-modal#close"} Cancel
-          %button.btn.btn-primary.w-full.sm:order-2.order-1 Proceed to launch
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

data/app/views/railsui/themes/hound/components/modal/_dismiss_icon.html.erb

@@ -128,26 +128,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-modal"}
-  %button.btn.btn-primary{"data-action" => "click->railsui-modal#open", tabindex: "0", type: "button"}
-    Open dismissable with icon modal
-  .hidden.fixed.inset-0.z-50.overflow-y-auto{"aria-labelledby" => "dismissable-action-modal-title", "aria-modal" => "true", "data-railsui-modal-target" => "container", role: "dialog"}
-    .h-screen.w-full.relative.flex.items-center.justify-center
-      .hidden.rounded.mx-auto.shadow-xl.sm:w-full.sm:max-w-lg.bg-white.m-1.p-6.origin-bottom.md:flex.items-start.relative.gap-4.dark:bg-slate-700.dark:text-slate-200{"data-action" => "keyup@window->railsui-modal#closeWithEsc", "data-railsui-modal-target" => "content", "data-transition-enter-active" => "transition ease-out duration-300", "data-transition-enter-from" => "transform opacity-0 scale-95", "data-transition-enter-to" => "transform opacity-100 scale-100", "data-transition-leave-active" => "transition ease-in duration-300", "data-transition-leave-from" => "transform opacity-100 scale-100", "data-transition-leave-to" => "transform opacity-0 scale-95"}
-        .flex.items-start
-          %button.absolute.top-2.right-2.size-8.bg-transparent.hover:bg-slate-50.flex.items-center.justify-center.rounded-full.group{class: "dark:hover:bg-slate-50/50", "data-action" => "click->railsui-modal#close", type: "button"}
-            = icon "x-mark", class: "text-slate-400 size-6 group-hover:text-slate-500 pointer-events-none dark:group-hover:text-slate-800 dark:text-slate-400"
-          .size-8.rounded-full.bg-red-50.flex.items-center.justify-center{class: "dark:bg-red-500/30"}
-            = icon "exclamation-circle", class: "size-6 text-red-600 flex-shrink-0 dark:text-red-300"
-          .flex-1
-            %h3.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Delete account
-            .prose.prose-slate.dark:prose-invert.mb-6.mt-2.pr-6
-              %p Once your account is deleted it is gone for good. There is no data saved that we keep on hand. Are you sure you want to continue?
-            .flex.justify-end.items-center.space-x-3
-              %button.btn.btn-light{"data-action" => "click->railsui-modal#close"} Cancel
-              %button.btn.bg-red-600.text-white.focus:ring-red-100.hover:bg-red-700.hover:shadow-sm{class: "hover:shadow-slate-600/10"} Delete
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

data/app/views/railsui/themes/hound/components/modal/_single_action.html.erb

@@ -106,21 +106,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-modal"}
-  %button.btn.btn-primary{"data-action" => "click->railsui-modal#open", tabindex: "0", type: "button"}
-    Open single action modal
-  .hidden.fixed.inset-0.z-50.overflow-y-auto{"aria-labelledby" => "single-action-modal-title", "aria-modal" => "true", "data-railsui-modal-target" => "container", role: "dialog"}
-    .h-screen.w-full.relative.flex.items-center.justify-center
-      .hidden.rounded.mx-auto.shadow-xl.max-w-xs.bg-white.m-1.p-8.origin-bottom.text-center.dark:bg-slate-700.dark:text-slate-200.text-slate-600{"data-action" => "keyup@window->railsui-modal#closeWithEsc", "data-railsui-modal-target" => "content", "data-transition-enter-active" => "transition ease-out duration-300", "data-transition-enter-from" => "transform opacity-0 scale-95", "data-transition-enter-to" => "transform opacity-100 scale-100", "data-transition-leave-active" => "transition ease-in duration-300", "data-transition-leave-from" => "transform opacity-100 scale-100", "data-transition-leave-to" => "transform opacity-0 scale-95"}
-        .flex.justify-center
-          .w-12.h-12.rounded-full.bg-emerald-50.flex.items-center.justify-center.mb-3
-            = icon "rocket-launch", class: "size-6 text-emerald-600 flex-shrink-0"
-        %h3#single-action-modal-title.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Time to launch
-        .prose.prose-slate.dark:prose-invert.mt-2.mb-6
-          %p Are you ready to deploy your changes to production? This action cannot be undone.
-        %button.btn.btn-primary.w-full{"data-action" => "click->railsui-modal#close", type: "button"} Launch away
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

data/app/views/railsui/themes/hound/components/modal/_with_form.html.erb

@@ -135,29 +135,6 @@ class="hidden rounded shadow-xl mx-auto max-w-lg bg-white m-1 p-8 origin-bottom
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-modal"}
-  %button.btn.btn-primary{"data-action" => "click->railsui-modal#open", tabindex: "0", type: "button"}
-    Open modal with form
-  .hidden.fixed.inset-0.z-50.overflow-y-auto{"aria-labelledby" => "modal-with-form", "aria-modal" => "true", "data-action" => "keyup@window->railsui-modal#closeWithEsc", "data-railsui-modal-target" => "container", role: "dialog"}
-    .h-screen.w-full.relative.flex.items-center.justify-center
-      .hidden.rounded.shadow-xl.mx-auto.max-w-lg.bg-white.m-1.p-8.origin-bottom.relative.dark:bg-slate-700.dark:text-slate-200{"data-railsui-modal-target" => "content", "data-transition-enter-active" => "transition ease-out duration-300", "data-transition-enter-from" => "transform opacity-0 scale-95", "data-transition-enter-to" => "transform opacity-100 scale-100", "data-transition-leave-active" => "transition ease-in duration-300", "data-transition-leave-from" => "transform opacity-100 scale-100", "data-transition-leave-to" => "transform opacity-0 scale-95"}
-        %button.absolute.top-2.right-2.w-8.h-8.bg-transparent.hover:bg-slate-50.flex.items-center.justify-center.rounded-full.group{class: "dark:hover:bg-slate-50/50", "data-action" => "click->railsui-modal#close", type: "button"}
-          = icon "x-mark", class:  "text-slate-400 size-6 group-hover:text-slate-500 pointer-events-none dark:group-hover:text-slate-800 dark:text-slate-400"
-        %h3#modal-with-form.mb-3.text-2xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Subscribe
-        .prose.prose-slate.dark:prose-invert.mt-2.mb-6
-          %p Join our community to get early access to new features, exclusive content, and connect with other developers.
-        %form{action: "#"}
-          .form-group
-            %label.form-label{for: "email_demo"} E-mail
-            %input#email_demo.form-input{placeholder: "saasquatch@railsui.com", type: "email"}/
-          .form-group
-            %label.form-label{for: "reason_demo"} Reason for joining
-            %textarea#reason_demo.form-input{name: "reason", placeholder: "In a couple sentences let us know your reason for joining the Rails UI community"}
-        .mt-8.flex.justify-start.items-center.flex-wrap.bg-gray-50.px-8.py-4.-mx-8.-mb-8.border-t.border-slate-300.rounded-b.shadow-inner.space-x-4.dark:bg-slate-700.dark:text-slate-200{class: "dark:border-slate-600/70"}
-          %button.btn.btn-primary Subscribe
-          %button.btn.btn-white{"data-action" => "click->railsui-modal#close"} Cancel
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

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

@@ -238,46 +238,6 @@
 </header>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%header.relative.dark:bg-slate-900.py-1{"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: "size-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#base-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"
-      #base-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.p-4.md:p-0.lg:p-0.rounded-b.md:shadow-none.shadow-xl.z-40{"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.text-lg.md:leading-normal.leading-relaxed.space-y-1.md:space-y-0.sm:mb-0.mb-4
-              %li
-                = nav_link_to "Product", "#", class: "rui-nav-link"
-              %li
-                = nav_link_to "Pricing", "#", class: "rui-nav-link"
-              %li
-                = nav_link_to "Company", "#", class: "rui-nav-link"
-          %nav{role: "Secondary navigation"}
-            %ul.md:flex.flex-wrap.items-center.justify-center.grid.grid-cols-2.md:gap-0.gap-4.md:mt-0.mt-6
-              %li.md:pr-5
-                = link_to "#", class: "group md:border-none border rounded sm:bg-transparent bg-white flex justify-center items-center md:py-0 py-2 md:px-0 px-3 md:block md:focus:ring-none focus:ring-4 focus:ring-slate-100 dark:bg-slate-900 dark:border-slate-700 dark:focus:ring-slate-800" do
-                  = icon "question-mark-circle", class:  "fill-current size-5 text-primary-600 group-hover:text-primary-700 transition ease-in-out duration-300 dark:text-primary-500 dark:group-hover:text-primary-400", variant: :solid
-              %li.md:pr-3
-                = link_to "#", class: "group md:border-none border rounded sm:bg-transparent bg-white flex justify-center items-center md:py-0 py-2 md:px-0 px-3 md:block md:focus:ring-none focus:ring-4 focus:ring-slate-100 dark:bg-slate-900 dark:border-slate-700 dark:focus:ring-slate-800" do
-                  = icon "book-open", class: "fill-current size-5 text-primary-600 group-hover:text-primary-700 transition ease-in-out duration-300 dark:text-primary-500 dark:group-hover:text-primary-400", variant: :solid
-              %li.md:block.hidden.md:pr-3.md:pl-2
-                %span.h-6.w-px.bg-slate-200.block.dark:bg-slate-600
-              %li.w-full.md:w-auto.md:mb-0.col-span-2
-                = link_to "Sign in", new_user_session_path, class: "btn btn-transparent md:w-auto w-full"
-              %li.md:pl-3.w-full.md:w-auto.col-span-2
-                = link_to "Sign up", new_user_registration_path, class: "btn btn-dark md:w-auto w-full"
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js
@@ -310,7 +270,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_action.html.erb

@@ -225,43 +225,6 @@
 </header>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%header.relative.dark:bg-slate-900{"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: "size-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#action-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"
-      #action-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.p-4.md:p-0.lg:p-0.rounded-b.md:shadow-none.shadow-xl.z-40{"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.text-lg.md:leading-normal.leading-relaxed.space-y-1.md:space-y-0.sm:mb-0.mb-4
-              %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"
-          %nav{role: "Secondary navigation"}
-            %ul.flex.flex-wrap.items-center.md:justify-center.justify-between.md:space-x-4.md:mt-0.mt-3
-              %li.w-full.md:w-auto
-                = link_to "Create project", "#", class: "btn btn-primary md:w-auto w-full"
-              %li.md:pt-0.pt-6
-                = link_to "#", class: "block group" do
-                  = icon "bell", class: "text-slate-400 md:w-6 w-7 md:h-6 h-7 group-hover:text-primary-600"
-              %li.md:pt-0.pt-6
-                = link_to "#" do
-                  = image_tag "#", class: "rounded-full md:w-10 w-12 md:h-10 h-12 object-cover"
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js
@@ -294,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>