railsui 3.1.5 → 3.2.0

data/app/views/railsui/themes/hound/authentication/static/_reset_password.html.erb

@@ -130,29 +130,8 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ app/views/users/passwords/new.html.erb
-= render "users/auth_layout" do
-  = form_with model: @user do |f|
-    .form-group
-      = f.label :email, class: "form-label"
-      .relative
-        = f.email_field :email, autofocus: true, autocomplete: "email", class: "form-input peer focus:pl-10 transition", pattern: "[^@\s]+@[^@\s]+\.[^@\s]+", title: "Invalid email address"
-        = icon "envelope", class: "size-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-primary-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-primary-400"
-    = f.submit "Send me reset password instructions", class: "btn btn-primary w-full"
-- content_for :masthead do
-  .text-center
-    %h1.md:h3.h4.my-3 Forget your password?
-    %p.mb-6.text-slate-700.dark:text-slate-200 Reset it in an instant
-  = render "rui/shared/error_messages", resource: @user
-- content_for :links do
-  .text-center.mb-1
-    %a.text-sm.text-slate-600.hover:text-slate-800.dark:text-slate-400.dark:hover:text-slate-500{href: "#"} Didn't receive confirmation instructions?
-  .text-center.mb-2
-    %a.text-sm.text-slate-600.hover:text-slate-800.dark:text-slate-400.dark:hover:text-slate-500{href: "/users/unlock/new"} Didn't receive unlock instructions?
-<% end %>
 
-<%= render_snippet active_tab: "erb", erb_filename: "new.html.erb", haml_filename: "new.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "new.html.erb" %>
 <% end %>
 <% end %>
 

data/app/views/railsui/themes/hound/authentication/static/_signin.html.erb

@@ -191,42 +191,8 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ app/views/users/sessions/new.html.erb
-= render "users/auth_layout" do
-  = form_with model: @user do |f|
-    .form-group
-      = f.label :email, class: "form-label"
-      .relative
-        = f.email_field :email, autofocus: true, autocomplete: "email", class: "form-input focus:pl-10 peer transition", pattern: "[^@\s]+@[^@\s]+\.[^@\s]+", title: "Invalid email address"
-        = icon "envelope", class: "size-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-primary-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-primary-400"
-    .form-group
-      = f.label :password, class: "form-label"
-      .relative
-        = f.password_field :password, autocomplete: "current-password", class: "form-input focus:pl-10 peer transition"
-        = icon "lock-closed", class: "size-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-primary-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-primary-400"
-    .flex.flex-wrap.justify-between.items-center.form-group
-      - if devise_mapping.rememberable?
-        .flex.items-center
-          = f.check_box :remember_me, class: "form-input-checkbox"
-          = f.label :remember_me, class: "form-check-label ml-2"
-      - if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations'
-        = link_to "Forgot your password?", new_password_path(resource_name), class: "btn-link text-sm"
-    = f.submit "Sign in", class: "btn btn-primary hover:cursor-pointer w-full"
-- content_for :masthead do
-  .text-center
-    %h1.md:h3.h4.my-3 Sign in to your account
-    %p.mb-6.text-slate-700.dark:text-slate-200
-      Or #{link_to "sign up", new_registration_path(resource_name), class: "btn-link"} for an account
-  = render "rui/shared/error_messages", resource: resource
-- content_for :links do
-  .text-center.mb-1
-    %a.text-sm.text-slate-600.hover:text-slate-800.dark:text-slate-400.dark:hover:text-slate-500{href: "/users/confirmation"} Didn't receive confirmation instructions?
-  .text-center.mb-2
-    %a.text-sm.text-slate-600.hover:text-slate-800.dark:text-slate-400.dark:hover:text-slate-500{href: "/users/unlock"} Didn't receive unlock instructions?
-<% end %>
 
-<%= render_snippet active_tab: "erb", html_filename: "new.html", erb_filename: "new.html.erb", haml_filename: "new.haml.erb" %>
+<%= render_snippet active_tab: "erb", html_filename: "new.html", erb_filename: "new.html.erb" %>
 <% end %>
 <% end %>
 

data/app/views/railsui/themes/hound/authentication/static/_signup.html.erb

@@ -185,38 +185,8 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ app/views/users/registrations/new.html.erb
-= render "users/auth_layout" do
-  = form_with model: @user, method: :post do |f|
-    .form-group
-      = f.label :email, class: "form-label"
-      .relative
-        = f.email_field :email, autofocus: true, autocomplete: "email", class: "form-input focus:pl-10 peer transition", pattern: "[^@\s]+@[^@\s]+\.[^@\s]+", title: "Invalid email address"
-        = icon "envelope", class: "size-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-primary-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-primary-400"
-    .form-group
-      = f.label :password, class: "form-label"
-      .relative
-        = f.password_field :password, autocomplete: "new-password", class: "form-input focus:pl-10 peer transition"
-        = icon "lock-closed", class: "size-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-primary-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-primary-400"
-      - if @minimum_password_length
-        %p.text-xs.text-slate-500.dark:text-slate-400.mt-1
-          (#{@minimum_password_length} characters minimum)
-    .form-group
-      = f.label :password_confirmation, class: "form-label"
-      .relative
-        = f.password_field :password_confirmation, autocomplete: "new-password", class: "form-input focus:pl-10 peer transition"
-        = icon "lock-closed", class: "size-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-primary-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-primary-400"
-    = f.submit "Sign up", class: "btn btn-primary w-full"
-- content_for :masthead do
-  .text-center
-    %h1.md:h3.h4.my-3 Sign up for an account
-    %p.mb-6.text-slate-700.dark:text-slate-200
-      Already have an account? #{link_to "Sign in", "users/signin", class: "btn-link"}
-  = render "rui/shared/error_messages", resource: @user
-<% end %>
 
-<%= render_snippet active_tab: "erb", html_filename: "new.html", erb_filename: "new.html.erb", haml_filename: "new.haml.erb" %>
+<%= render_snippet active_tab: "erb", html_filename: "new.html", erb_filename: "new.html.erb" %>
 <% end %>
 <% end %>
 

data/app/views/railsui/themes/hound/authentication/static/_unlocks.html.erb

@@ -119,27 +119,8 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml do %>
-/ app/views/users/unlocks/new.html.erb
-= render "users/auth_layout" do
-  = form_with model: @user do |f|
-    .form-group
-      = f.label :email, class: "form-label"
-      .relative
-        = f.email_field :email, autofocus: true, autocomplete: "email", class: "form-input focus:pl-10 peer transition", pattern: "[^@\s]+@[^@\s]+\.[^@\s]+", title: "Invalid email address"
-        = icon "envelope", class: "size-5 absolute translate-x-0 top-3 text-slate-300 peer-focus:text-indigo-500/80 opacity-0 transition transform peer-focus:opacity-100 peer-focus:translate-x-3 dark:peer-focus:text-indigo-400"
-    = f.submit "Resend unlock instructions", class: "btn btn-primary w-full"
-- content_for :masthead do
-  .text-center
-    %h1.md:h3.h4.my-3 Resend unlock instructions
-    %p.mb-6.text-slate-700.dark:text-slate-200 Gain access to your existing account
-  = render "rui/shared/error_messages", resource: @user
-- content_for :links do
-  .text-center.mb-1
-    %a.text-sm.text-slate-600.hover:text-slate-800.dark:text-slate-400.dark:hover:text-slate-500{href: "#"} Didn't receive confirmation instructions?
-<% end %>
 
-<%= render_snippet active_tab: "erb", erb_filename: "new.html.erb", haml_filename: "new.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "new.html.erb" %>
 <% end %>
 <% end %>
 

data/app/views/railsui/themes/hound/components/_toast.html.erb

@@ -28,9 +28,6 @@
 
 <% end %>
 
-<% content_for :haml, flush: true do %>
-
-<% end %>
 
 <% content_for :js, flush: true do %>
 

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

@@ -84,33 +84,6 @@
 </dl>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%dl.my-6.divide-y.divide-slate-100.rounded-lg.shadow-xl.border.border-slate-200.dark:divide-slate-700.dark:border-slate-700{class: "shadow-slate-100/50 dark:shadow-black/20"}
-  %details.group.p-4{class: "marker:content-['']"}
-    %summary.flex.w-full.cursor-pointer.select-none.justify-between.text-left.text-base.font-semibold.leading-7.text-slate-900.group-open:text-primary-600.dark:group-open:text-primary-300.dark:text-white{class: "[&::-webkit-details-marker]:hidden"}
-      This is the first accordion item
-      = icon "plus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:hidden block"
-      = icon "minus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:block hidden"
-    .pt-6.pb-6
-      .prose.prose-slate.dark:prose-invert.max-w-none.prose-a:font-semibold.prose-a:text-primary-600.hover:prose-a:text-primary-500.dark:prose-a:text-primary-400.dark:hover:prose-a:text-primary-300
-        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloremque explicabo voluptates odio atque reiciendis, dolore magni quos quibusdam numquam, ad distinctio minima reprehenderit nemo harum, in perferendis delectus tempora.
-  %details.group.p-4{class: "marker:content-['']"}
-    %summary.flex.w-full.cursor-pointer.select-none.justify-between.text-left.text-base.font-semibold.leading-7.text-slate-900.group-open:text-primary-600.dark:group-open:text-primary-300.dark:text-white{class: "[&::-webkit-details-marker]:hidden"}
-      This is the second accordion item
-      = icon "plus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:hidden block"
-      = icon "minus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:block hidden"
-    .pt-6.pb-6
-      .prose.prose-slate.dark:prose-invert.max-w-none.prose-a:font-semibold.prose-a:text-primary-600.hover:prose-a:text-primary-500.dark:prose-a:text-primary-400.dark:hover:prose-a:text-primary-300
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates maxime temporibus porro aut quis adipisci aliquid vitae labore modi harum facere, commodi molestiae repellat dicta eos officiis enim quae ullam.
-  %details.group.p-4{class: "marker:content-['']"}
-    %summary.flex.w-full.cursor-pointer.select-none.justify-between.text-left.text-base.font-semibold.leading-7.text-slate-900.group-open:text-primary-600.dark:group-open:text-primary-300.dark:text-white{class: "[&::-webkit-details-marker]:hidden"}
-      This is the third accordion item
-      = icon "plus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:hidden block"
-      = icon "minus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:block hidden"
-    .pt-6.pb-6
-      .prose.prose-slate.dark:prose-invert.max-w-none.prose-a:font-semibold.prose-a:text-primary-600.hover:prose-a:text-primary-500.dark:prose-a:text-primary-400.dark:hover:prose-a:text-primary-300
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus excepturi aliquam quod deleniti sit mollitia at? Voluptates suscipit, perspiciatis fuga nesciunt atque, repellat minus distinctio iure cupiditate tenetur ipsam voluptatem?
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/accordion/_flush.html.erb

@@ -85,33 +85,6 @@
 </dl>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%dl.my-6.divide-y.divide-slate-100.dark:divide-slate-700
-  %details.group.p-4{class: "marker:content-['']"}
-    %summary.flex.w-full.cursor-pointer.select-none.justify-between.text-left.text-base.font-semibold.leading-7.text-slate-900.group-open:text-primary-600.dark:group-open:text-primary-300.dark:text-white{class: "[&::-webkit-details-marker]:hidden"}
-      This is the first accordion item
-      = icon "plus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:hidden block"
-      = icon "minus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:block hidden"
-    .py-6
-      .prose.prose-slate.max-w-none.prose-a:font-semibold.prose-a:text-primary-600.hover:prose-a:text-primary-500.dark:prose-a:text-primary-400.dark:hover:prose-a:text-primary-300{class: "dark:prose-invert"}
-        Lorem ipsum dolor...
-  %details.group.p-4{class: "marker:content-['']"}
-    %summary.flex.w-full.cursor-pointer.select-none.justify-between.text-left.text-base.font-semibold.leading-7.text-slate-900.group-open:text-primary-600.dark:group-open:text-primary-300.dark:text-white{class: "[&::-webkit-details-marker]:hidden"}
-      This is the second accordion item
-      = icon "plus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:hidden block"
-      = icon "minus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:block hidden"
-    .py-6
-      .prose.prose-slate.max-w-none.prose-a:font-semibold.prose-a:text-primary-600.hover:prose-a:text-primary-500.dark:prose-a:text-primary-400.dark:hover:prose-a:text-primary-300{class: "dark:prose-invert"}
-        Lorem ipsum dolor...
-  %details.group.p-4{class: "marker:content-['']"}
-    %summary.flex.w-full.cursor-pointer.select-none.justify-between.text-left.text-base.font-semibold.leading-7.text-slate-900.group-open:text-primary-600.dark:group-open:text-primary-300.dark:text-white{class: "[&::-webkit-details-marker]:hidden"}
-      This is the third accordion item
-      = icon "plus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:hidden block"
-      = icon "minus", class: "size-5 flex-none ml-4 mt-0.5 text-slate-600 dark:text-slate-300 group-open:text-primary-500 dark:group-open:text-primary-400 group-open:block hidden"
-    .py-6
-      .prose.prose-slate.max-w-none.prose-a:font-semibold.prose-a:text-primary-600.hover:prose-a:text-primary-500.dark:prose-a:text-primary-400.dark:hover:prose-a:text-primary-300{class: "dark:prose-invert"}
-        Lorem ipsum dolor...
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/alert/_dismissable.html.erb

@@ -39,14 +39,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.text-primary-700.rounded.p-4.text-sm.flex.justify-between.items-center.dark:text-primary-100{class: "bg-primary-50/90 dark:bg-primary-50/10"}
-  .flex-1
-    %p.text-primary-800.dark:text-primary-300.font-semibold A dismissible notice
-    %p.leading-snug.my-1.pr-4 Your account settings have been successfully updated. The changes will take effect immediately.
-  %button.size-8.rounded-full.bg-transparent.hover:bg-primary-700.transition.ease-in-out.duration-300.flex.items-center.justify-center.group.dark:hover:bg-primary-500{type: "button"}
-    = icon "x-mark", class: "size-5 text-primary-700 group-hover:text-primary-100 dark:text-primary-300 dark:group-hover:text-primary-100", title: "Dismiss"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/components/alert/_with_accent_border.html.erb

@@ -25,13 +25,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.text-blue-700.border-l-4.border-blue-700.py-4.pr-4.pl-6.text-sm.dark:text-blue-50.dark:border-blue-400{class: "bg-blue-50/90 dark:bg-blue-50/10"}
-  %p.text-blue-800.dark:text-blue-400.font-semibold Upcoming maintenance alert
-  %p.leading-snug.my-1
-    We'll be undergoing routine maintenance on Jan 1, 2024 that affects your account.
-      %a.font-semibold.underline.text-blue-700.hover:text-blue-800.dark:text-blue-400.dark:hover:text-blue-500{href: "#"} Read more about the update here
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/alert/_with_actions.html.erb

@@ -50,17 +50,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= tag.div class:"bg-primary-50/90 text-primary-700 p-4 rounded text-sm sm:flex md:items-center justify-between dark:bg-primary-50/10 dark:text-primary-50 dark:border dark:border-primary-400/30" do
-  = tag.div class: "flex items-start justify-between gap-3" do
-    = icon "star", class: "text-primary-500 size-5 flex-shrink-0 dark:text-primary-400", variant: :solid
-    = tag.div class: "flex-1"  do
-      = tag.p "Your response is requested", class: "text-primary-800 dark:text-primary-300 font-semibold"
-      = tag.p "Vote for your favorite dog breed today.", class: "leading-snug my-1"
-    = tag.div class: "flex items-center space-x-6 sm:pt-0 pt-3 sm:pl-0 sm:pr-4 pr-0 pl-8" do
-      = link_to "Vote now", "#", class: "btn-link"
-      = link_to "Dismiss", "#", class: "btn-link"
-<% end %>
 
     <%= render_snippet %>
   <% end %>

data/app/views/railsui/themes/hound/components/alert/_with_description.html.erb

@@ -34,13 +34,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.text-yellow-700.p-4.rounded.flex.items-start.justify-between.gap-3.text-sm.dark:border{class: "bg-yellow-50/90 dark:bg-yellow-300/10 dark:border-yellow-400/30 dark:text-yellow-50 dark:selection:bg-yellow-50/10"}
-  = icon "exclamation-triangle", class: "text-yellow-400 size-5 flex-shrink-0 dark:text-yellow-400/90", variant: :solid
-  .flex-1
-    %p.text-yellow-800.font-semibold{class: "dark:text-yellow-400/90"} Action required
-    %p.leading-snug.my-1 Your account password will expire in 3 days. Please update your password to maintain access to your account.
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/alert/_with_list.html.erb

@@ -39,14 +39,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-.text-rose-700.p-4.rounded.flex.items-start.justify-between.space-x-3.text-sm.dark:border.dark:text-rose-50{class: "bg-rose-50/90 dark:bg-rose-400/10 dark:border-rose-400/20 dark:selection:bg-rose-50/10"}
-  = icon "shield-exclamation", class: "text-rose-500 size-5 flex-shrink-0 dark:text-rose-400", variant: :solid
-  .flex-1
-    %p.text-rose-800.font-semibold.dark:text-rose-300 There was 1 error trying to process your request.
-    %ul.list-disc.pl-4.mt-1
-      %li Your name must be as cool as Andy.
-<% end %>
 
     <%= render_snippet %>
   <% end %>

data/app/views/railsui/themes/hound/components/avatar/_circle.html.erb

@@ -46,18 +46,6 @@
 <%%= image_tag demo_avatar_url(id: 50, variant: "women"), class: "size-24 rounded-full object-cover" %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ size-8
-\&lt;%= image_tag demo_avatar_url(id: 50, variant: "women"), class: "size-8 rounded-full object-cover" %&gt;
-/ size-12
-\&lt;%= image_tag demo_avatar_url(id: 50, variant: "women"), class: "size-12 rounded-full object-cover" %&gt;
-/ size-16
-\&lt;%= image_tag demo_avatar_url(id: 50, variant: "women"), class: "size-16 rounded-full object-cover" %&gt;
-/ size-20
-\&lt;%= image_tag demo_avatar_url(id: 50, variant: "women"), class: "size-20 rounded-full object-cover" %&gt;
-/ size-24
-\&lt;%= image_tag demo_avatar_url(id: 50, variant: "women"), class: "size-24 rounded-full object-cover" %&gt;
-<% end %>
 
 <%= render_snippet active_tab: :erb %>
 <% end %>

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

@@ -46,18 +46,6 @@
 <%%= image_tag demo_avatar_url(id: 35, variant: "men"), class: "size-24 rounded-md object-cover", alt: "Avatar" %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ size-8
-\&lt;%= image_tag demo_avatar_url(id: 35, variant: "men"), class: "size-8 rounded-md object-cover", alt: "Avatar" %&gt;
-/ size-12
-\&lt;%= image_tag demo_avatar_url(id: 35, variant: "men"), class: "size-12 rounded-md object-cover", alt: "Avatar" %&gt;
-/ size-16
-\&lt;%= image_tag demo_avatar_url(id: 35, variant: "men"), class: "size-16 rounded-md object-cover", alt: "Avatar" %&gt;
-/ size-20
-\&lt;%= image_tag demo_avatar_url(id: 35, variant: "men"), class: "size-20 rounded-md object-cover", alt: "Avatar" %&gt;
-/ size-24
-\&lt;%= image_tag demo_avatar_url(id: 35, variant: "men"), class: "size-24 rounded-md object-cover", alt: "Avatar" %&gt;
-<% end %>
 
 <%= render_snippet active_tab: :erb %>
 <% end %>

data/app/views/railsui/themes/hound/components/badge/_basic.html.erb

@@ -61,28 +61,6 @@
 
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ Gray
-%span.rounded.bg-neutral-100.text-neutral-800.font-medium.px-2.py-1.text-xs.dark:text-neutral-200(class="dark:bg-neutral-500/20") Gray
-/ Red
-%span.rounded.bg-red-100.text-red-800.font-medium.px-2.py-1.text-xs.dark:text-red-300(class="dark:bg-red-500/20") Red
-/ Orange
-%span.rounded.bg-orange-100.text-orange-700.font-medium.px-2.py-1.text-xs.dark:text-orange-300(class="dark:bg-orange-500/20") Orange
-/ Yellow
-%span.rounded.bg-yellow-100.text-yellow-700.font-medium.px-2.py-1.text-xs.dark:text-yellow-300(class="dark:bg-yellow-500/20") Yellow
-/ Green
-%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") Green
-/ Blue
-%span.rounded.bg-blue-100.text-blue-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-blue-300(class="dark:bg-blue-500/20") Blue
-/ Indigo
-%span.rounded.bg-indigo-100.text-indigo-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-indigo-300(class="dark:bg-indigo-500/20") Indigo
-/ Purple
-%span.rounded.bg-purple-100.text-purple-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-purple-300(class="dark:bg-purple-500/20") Purple
-/ Pink
-%span.rounded.bg-pink-100.text-pink-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-pink-300(class="dark:bg-pink-500/20") Pink
-/ White
-%span.rounded.bg-white-100.text-slate-800.border.border-slate-200.font-medium.px-2.py-1.leading-tight.text-xs.dark:border-none(class="dark:bg-white/10 dark:text-white/80") White
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/badge/_outline.html.erb

@@ -60,28 +60,6 @@
 
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ Gray
-%span.rounded.text-neutral-800.font-medium.px-2.py-1.text-xs.border.dark:text-neutral-200(class="border-neutral-800/60 bg-neutral-50/60 dark:bg-neutral-500/20 dark:border-neutral-500/40") Gray
-/ Red
-%span.rounded.text-red-600.font-medium.px-2.py-1.text-xs.border.dark:text-red-300(class="bg-red-50/30 border-red-600/60 dark:border-red-700/50 dark:bg-red-500/20") Red
-/ Orange
-%span.rounded.text-orange-600.font-medium.px-2.py-1.text-xs.border.dark:text-orange-300(class="bg-orange-50/30 border-orange-600/60 dark:border-orange-700/50 dark:bg-orange-500/20") Orange
-/ Yellow
-%span.rounded.text-yellow-700.font-medium.px-2.py-1.text-xs.border.dark:text-yellow-300(class="bg-yellow-50/30 border-yellow-500/60 dark:bg-yellow-500/20 dark:border-yellow-700/50") Yellow
-/ Green
-%span.rounded.text-green-700.font-medium.px-2.py-1.text-xs.border.dark:text-green-300(class="bg-green-50/30 border-green-500/60 dark:bg-green-500/20 dark:border-green-700/50") Green
-/ Blue
-%span.rounded.text-blue-800.font-medium.px-2.py-1.leading-tight.text-xs.border.dark:text-blue-300(class="bg-blue-50/30 border-blue-600/60 dark:bg-blue-500/20 dark:border-blue-700/50") Blue
-/ Indigo
-%span.rounded.text-indigo-800.font-medium.px-2.py-1.leading-tight.text-xs.border.dark:text-indigo-300(class="bg-indigo-50/30 border-indigo-600/60 dark:bg-indigo-500/20 dark:border-indigo-700/50") Indigo
-/ Purple
-%span.rounded.text-purple-800.font-medium.px-2.py-1.leading-tight.text-xs.border.dark:text-purple-300(class="bg-purple-50/30 border-indigo-600/60 dark:bg-purple-500/20 dark:border-purple-700/50") Purple
-/ Pink
-%span.rounded.bg-pink-100.text-pink-800.font-medium.px-2.py-1.leading-tight.text-xs.border.dark:text-pink-300(class="border-pink-600/60 dark:bg-pink-500/20 dark:border-pink-700/50") Pink
-/ White
-%span.rounded.bg-white-100.text-slate-800.border.border-slate-400.font-medium.px-2.py-1.leading-tight.text-xs(class="dark:bg-white/10 dark:text-white/80 dark:border-white/30") White
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/badge/_pill.html.erb

@@ -60,28 +60,6 @@
 
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ Gray
-%span.rounded-full.bg-neutral-100.text-neutral-800.font-medium.px-2.py-1.text-xs.dark:text-neutral-200(class="dark:bg-neutral-500/20") Gray
-/ Red
-%span.rounded-full.bg-red-100.text-red-800.font-medium.px-2.py-1.text-xs.dark:text-red-300(class="dark:bg-red-500/20") Red
-/ Orange
-%span.rounded-full.bg-orange-100.text-orange-700.font-medium.px-2.py-1.text-xs.dark:text-orange-300(class="dark:bg-orange-500/20") Orange
-/ Yellow
-%span.rounded-full.bg-yellow-100.text-yellow-700.font-medium.px-2.py-1.text-xs.dark:text-yellow-300(class="dark:bg-yellow-500/20") Yellow
-/ Green
-%span.rounded-full.bg-green-100.text-green-800.font-medium.px-2.py-1.text-xs.dark:text-green-300(class="dark:bg-green-500/20") Green
-/ Blue
-%span.rounded-full.bg-blue-100.text-blue-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-blue-300(class="dark:bg-blue-500/20") Blue
-/ Indigo
-%span.rounded-full.bg-indigo-100.text-indigo-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-indigo-300(class="dark:bg-indigo-500/20") Indigo
-/ Purple
-%span.rounded-full.bg-purple-100.text-purple-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-purple-300(class="dark:bg-purple-500/20") Purple
-/ Pink
-%span.rounded-full.bg-pink-100.text-pink-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-pink-300(class="dark:bg-pink-500/20") Pink
-/ White
-%span.rounded-full.bg-white-100.text-slate-800.border.border-slate-200.font-medium.px-2.py-1.leading-tight.text-xs.dark:border-none(class="dark:bg-white/10 dark:text-white/80") White
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/components/badge/_tag.html.erb

@@ -270,58 +270,6 @@ dark:group-hover:text-indigo-200" %>
 
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ Gray
-.rounded.bg-neutral-100.text-neutral-800.font-medium.px-2.py-1.text-xs.dark:text-neutral-200.pl-2.pr-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-neutral-500/20"}
-  %span.flex-1 Gray
-    %a.size-4.rounded.hover:bg-neutral-200.flex.items-center.justify-center.focus:ring-2.group{class: "dark:hover:bg-neutral-500/40 focus:ring-neutral-300/50", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-neutral-700 dark:text-neutral-400 hover:cursor-pointer dark:group-hover:text-neutral-300 group-hover:text-neutral-500"
-/ Red
-.rounded.bg-red-100.text-red-800.font-medium.px-2.py-1.text-xs.dark:text-red-200.pl-2.pr-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-red-500/20"}
-  %span.flex-1 Red
-    %a.size-4.rounded.hover:bg-red-200.flex.items-center.justify-center.focus:ring-2.group{class: "dark:hover:bg-red-500/40 focus:ring-red-300/50", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-red-500 dark:text-red-500/90 hover:cursor-pointer dark:group-hover:text-red-200 group-hover:text-red-500"
-/ Orange
-.rounded.bg-orange-100.text-orange-700.font-medium.text-xs.dark:text-orange-300.px-2.pl-2.pr-1.py-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-orange-500/20"}
-  %span.flex-1 Orange
-    %a.size-4.rounded.hover:bg-orange-200.flex.items-center.justify-center.focus:ring-2.group{class: "dark:hover:bg-orange-500/40 focus:ring-orange-300/50", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-red-700 dark:text-orange-500 hover:cursor-pointer dark:group-hover:text-orange-200 group-hover:text-orange-500"
-/ Yellow
-.rounded.bg-yellow-100.text-yellow-700.font-medium.dark:text-yellow-300.px-2.py-1.text-xs.pl-2.pr-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-yellow-500/20"}
-  %span.flex-1 Yellow
-    %a.size-4.rounded.hover:bg-yellow-200.flex.items-center.justify-center.focus:ring-2.group{class: "dark:hover:bg-yellow-500/40 focus:ring-yellow-300/50", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-yellow-800 dark:text-yellow-500 hover:cursor-pointer group-hover:text-yellow-600 dark:group-hover:text-yellow-200"
-/ Green
-.rounded.bg-green-100.text-green-800.font-medium.py-1.text-xs.dark:text-green-300.pl-2.pr-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-green-500/20"}
-  %span.flex-1 Green
-    %a.size-4.rounded.flex.items-center.justify-center.focus:ring-2.group{class: "hover:bg-green-200/70 dark:hover:bg-green-500/40 focus:ring-green-500/20", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-green-700 hover:cursor-pointer dark:text-green-400 dark:group-hover:text-green-200 group-hover:text-green-800"
-/ Blue
-.rounded.bg-blue-100.text-blue-800.font-medium.leading-tight.text-xs.dark:text-blue-300.pl-2.pr-1.py-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-blue-500/20"}
-  %span.flex-1 Blue
-    %a.size-4.rounded.flex.items-center.justify-center.focus:ring-2.group{class: "hover:bg-blue-200/70 dark:hover:bg-blue-500/40 focus:ring-blue-500/20", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-blue-800 hover:cursor-pointer group-hover:text-blue-800 dark:text-blue-400 dark:group-hover:text-blue-200"
-/ Indigo
-.rounded.bg-indigo-100.text-indigo-800.font-medium.py-1.leading-tight.dark:text-indigo-300.pl-2.pr-1.text-xs.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-indigo-500/20"}
-  %span.flex-1 Indigo
-    %a.w-4.h-4.rounded.flex.items-center.justify-center.focus:ring-2.group{class: "hover:bg-indigo-200/70 dark:hover:bg-indigo-500/20 focus:ring-indigo-500/20", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-indigo-800 hover:cursor-pointer group-hover:text-indigo-800 dark:text-indigo-400 dark:group-hover:text-indigo-200"
-/ Purple
-.rounded.bg-purple-100.text-purple-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-purple-300.pl-2.pr-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-purple-500/20"}
-  %span.flex-1 Purple
-    %a.size-4.rounded.flex.items-center.justify-center.focus:ring-2.group{class: "hover:bg-purple-200/70 focus:ring-purple-500/20 dark:hover:bg-purple-500/20", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-purple-800 hover:cursor-pointer group-hover:text-purple-800 dark:text-purple-400 dark:group-hover:text-purple-200"
-/ Pink
-.rounded.bg-pink-100.text-pink-800.font-medium.px-2.py-1.leading-tight.text-xs.dark:text-pink-300.pl-2.pr-1.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-pink-500/20"}
-  %span.flex-1 Pink
-    %a.size-4.rounded.flex.items-center.justify-center.focus:ring-2.group{class: "hover:bg-pink-200/70 focus:ring-pink-500/20 dark:hover:bg-pink-500/20", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-pink-800 hover:cursor-pointer group-hover:text-pink-800 dark:text-pink-400 dark:group-hover:text-pink-200"
-/ White
-.rounded.bg-white-100.text-slate-800.border.border-slate-200.font-medium.leading-tight.dark:border-none.pl-2.pr-1.py-1.text-xs.group.inline-flex.items-center.justify-between.space-x-1{class: "dark:bg-white/10 dark:text-white/80"}
-  %span.flex-1 White
-    %a.size-4.rounded.hover:bg-slate-200.flex.items-center.justify-center.focus:ring-2{class: "dark:hover:bg-white/20 focus:ring-slate-500/20", href: "#"}
-      = icon "x-mark", class:  "size-3 flex-shrink-0 text-slate-800 hover:cursor-pointer group-hover:text-slate-700/80 dark:text-white/80 dark:group-hover:text-white/80"
-<% end %>
 
 <%= render_snippet %>
 <% end %>

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

@@ -70,20 +70,6 @@
 </nav>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%nav.my-6.font-medium.flex.text-slate-500.dark:text-slate-200.text-sm{"aria-label" => "breadcrumb"}
-  %ol.flex.flex-wrap.items-center.space-x-3.list-none.m-0.p-0
-    %li
-      = link_to "Home", "#", class: "hover:underline hover:text-slate-600 dark:hover:text-slate-400"
-    %li.flex.space-x-3
-      .flex.items-center
-        %span.text-slate-300.dark:text-slate-500 /
-        = link_to "Library", "#", class: "hover:underline hover:text-slate-600 dark:hover:text-slate-400"
-    %li.flex.space-x-3
-      .flex.items-center
-        %span.text-slate-300.dark:text-slate-500 /
-        = link_to "Data", "#", class: "text-primary-500 dark:text-primary-500", data: { "aria-current": "page" }
-<% end %>
 
 <%= render_snippet %>
 <% end %>

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

@@ -65,20 +65,6 @@
   </nav>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-  %nav.my-6.font-medium.flex.text-slate-500.text-sm.bg-white.rounded.items-center.border.overflow-hidden.sm:py-0.py-4.dark:border-slate-700(aria-label="breadcrumb" class="border-slate-300/80 dark:bg-slate-800/70")
-    %ol.flex.items-center.justify-star.space-x-6.px-4.list-none
-      %li.sm:h-12.flex.items-center.justify-center
-        = link_to "#", class: "hover:underline hover:text-slate-600 inline-block pl-2 group" do
-          = icon "home", class:  "size-5 text-slate-400 group-hover:text-slate-600 dark:group-hover:text-slate-200"
-          %span.sr-only Home
-      %li.sm:h-12.flex.items-center.space-x-2.justify-center
-        %span.transform.h-14.w-px.flex-shrink-0.sm:block.hidden(class="rotate-[20deg] bg-slate-300/50 dark:bg-slate-600/80")
-        = link_to  "Library", "#", class: "hover:text-slate-700 sm:pl-4 dark:hover:text-slate-200 text-slate-600 dark:text-slate-300"
-      %li.sm:h-12.flex.items-center.space-x-2.justify-center
-        %span.transform.h-14.w-px.flex-shrink-0.sm:block.hidden(class="rotate-[20deg] bg-slate-300/50 dark:bg-slate-600/80")
-        %a.text-indigo-600.dark:text-indigo-400.sm:pl-4(aria-current="page" href="#") Data
-<% end %>
 
 <%= render_snippet %>
 <% end %>

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

@@ -36,16 +36,6 @@
 <%%= button_tag "Link", type: "button", class: "btn btn-link" %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= button_tag "Primary", type: "button", class: "btn btn-primary"
-= button_tag "Secondary", type: "button", class: "btn btn-secondary"
-= button_tag "Light", type: "button", class: "btn btn-light"
-= button_tag "Dark", type: "button", class: "btn btn-dark"
-= button_tag "White", type: "button", class: "btn btn-white"
-= button_tag "Transparent", type: "button", class: "btn btn-transparent"
-= button_tag "Danger", type: "button", class: "btn btn-danger"
-= button_tag "Link", type: "button", class: "btn btn-link"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/components/button/_expanded.html.erb

@@ -18,9 +18,6 @@
 <%%= button_tag "Expanded button", type: "button", class: "btn btn-primary w-full justify-center" %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= button_tag "Expanded button", type: "button", class: "btn btn-primary w-full justify-center"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/components/button/_sizes.html.erb

@@ -25,11 +25,6 @@
 <%%= button_tag "Small button", type: "button", class: "btn btn-primary btn-sm" %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= button_tag "Large button", type: "button", class: "btn btn-primary btn-lg"
-= button_tag "Base Button", type: "button", class: "btn btn-primary"
-= button_tag "Small button", type: "button", class: "btn btn-primary btn-sm"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

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

@@ -24,12 +24,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 md:w-[350px]")
-  %h3.text-xl.font-extrabold.text-slate-900.dark:text-slate-100.tracking-tight Create a message
-  %p.prose.prose-slate.dark:prose-invert.mt-2.mb-4 Send a message to your teammates.
-  %button.btn.btn-primary Start writing
-<% end %>
 <%= render_snippet(active_tab: :erb) %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/components/card/_user_card.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.py-4.px-6.flex.items-center.space-x-4.w-auto(class="border-slate-300/70 dark:border-slate-600/70 dark:shadow-slate-900/50")
-  = image_tag demo_avatar_url(id: rand(1..10).to_s, variant: [:men, :women].sample), class: "object-cover size-14 rounded-full flex-shrink-0"
-  .flex-1.flex.flex-col.items-start.space-y-px.text-slate-900
-    %p.font-bold.dark:text-white.mb-1 John Doe
-    .flex.flex-wrap.items-center.md:gap-4.gap-0
-      .flex.items-center.gap-2(class="pb-0.5")
-        = icon "envelope", class: "size-4 text-slate-500 dark:text-primary-400"
-        %p.text-sm.dark:text-slate-300 john.doe@example.com
-      .flex.items-center.gap-2
-        = icon "phone", class: "size-4 text-slate-500 dark:text-primary-400"
-        %p.text-sm.dark:text-slate-300 +1-555-555-5555
-<% end %>
 
 <%= render_snippet(active_tab: :erb) %>
 <% end %>