railsui 3.1.4 → 3.2.0

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

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

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

@@ -122,18 +122,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "modal"}
-  %button.btn.btn-primary{"data-action" => "click->railsui-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->railsui-modal#closeWithEsc", "data-railsui-modal-target" => "container", role: "dialog"}
-    .h-screen.w-full.relative.flex.items-center.justify-center
-      .rounded-xl.shadow-xl.max-w-lg.bg-white.m-1.p-8.prose.prose-zinc.prose-headings:font-heading.prose-headings:font-semibold.prose-headings:tracking-tight.origin-bottom.mx-auto.dark:prose-invert.dark:bg-zinc-800.dark:text-zinc-100{"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"}
-        %h2#modal-title Modal Title
-        %p Oops! We've run out of lorem ipsum. Time to launch some real words into this space-time continuum!
-        .flex.justify-end.items-center.flex-wrap.space-x-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/shepherd/components/modal/_centered_dual_action.html.erb

@@ -155,22 +155,6 @@
 <% end %>
 
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-modal"}
-  = button_tag "Open centered dual action modal", "#", class: "btn btn-primary", data: { action: "click->modal#open:prevent" }
-  .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-xl.mx-auto.shadow-xl.max-w-lg.bg-white.m-1.p-8.origin-bottom.text-center.dark:bg-zinc-700.dark:text-zinc-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.font-semibold.text-xl.text-zinc-800.dark:text-zinc-100 Time to launch
-        .prose.prose-zinc.dark:prose-invert.mt-4.mb-6
-          %p Oops! We've run out of lorem ipsum. Time to launch some real words into this space-time continuum!
-        .grid.grid-cols-1.sm:grid-cols-2.gap-3
-          = button_tag "Cancel", type: "button", class: "btn btn-white w-full sm:order-1 order-2", data: { action: "click->railsui-modal#close" }
-          = button_tag "Proceed to launch", type: "button", class: "btn btn-primary w-full sm:order-2 order-1", data: { action: "click->railsui-modal#close" }
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

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

@@ -169,29 +169,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-modal"}
-  = button_tag "Open modal with form", type: "button", class: "btn btn-primary", data: { action: "click->railsui-modal#open" }, "tabindex": "0"
-  .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-xl.shadow-xl.mx-auto.max-w-lg.bg-white.m-1.p-8.origin-bottom.relative.dark:bg-zinc-800.dark:text-zinc-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_tag type: "button", class: "absolute top-2 right-2 size-8 bg-transparent hover:bg-zinc-50 flex items-center justify-center rounded-full group dark:hover:bg-zinc-50/50" do
-          = icon "x-mark", class: "text-zinc-400 size-6 group-hover:text-zinc-500 pointer-events-none dark:group-hover:text-zinc-800 dark:text-zinc-400"
-        .mb-4
-          %h2#modal-with-form.text-3xl.font-semibold.font-heading.text-zinc-900.dark:text-zinc-100.tracking-tight Subscribe
-          .prose.prose-zinc.my-4.dark:prose-invert
-            %p Interested in learning more about real estate investing and development? Enter your information below and one of our team members will be in touch.
-        = form_with(model: subscriber) do |form|
-          .form-group
-            = form.label :email, class: "form-label"
-            = form.text_field :email, class: "form-input", placeholder: "saasquatch@railsui.com"
-          .form-group
-            = form.label :reason, class: "form-label"
-            = form.text_area :reason, class: "form-textarea", placeholder: "In a couple sentences let us know your reason for joining the Shepherd community"
-          .mt-6.flex.justify-start.items-center.flex-wrap.space-x-3
-            = form.submit "Subscribe", class: "btn btn-primary"
-            = link_to "Skip for now", "#", class: "btn btn-transparent", data: { action: "click->railsui-modal#close" }
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

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

@@ -140,20 +140,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "railsui-modal"}
-  = button_tag "Open single action", type: "button", class: "btn btn-primary", data: { action: "click->modal#open:prevent" }
-  .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-xl.mx-auto.shadow-xl.max-w-xs.bg-white.m-1.p-8.origin-bottom.text-center.dark:bg-zinc-800.dark:text-zinc-200.text-zinc-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
-          .size-12.rounded-full.bg-emerald-50.flex.items-center.justify-center.mb-3{class: "dark:bg-emerald-600/10"}
-            = icon "rocket-launch", class: "size-6 text-emerald-600 dark:text-emerald-500 flex-shrink-0"
-        %h3#single-action-modal-title.text-2xl.font-semibold.font-heading.text-zinc-900.dark:text-zinc-100.tracking-tight Time to launch
-        .prose.prose-zinc.my-4.dark:prose-invert
-          %p Your project is ready to go live. Double-check all settings before launching.
-        = button_tag "Launch away", type: "button", class: "btn btn-primary w-full", data: { action: "click->railsui-modal#close" }
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

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

@@ -194,29 +194,6 @@
 </div>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%div{"data-controller" => "modal"}
-  = button_tag "Open modal with form", type: "button", class: "btn btn-primary", data: { action: "click->modal#open" }, "tabindex": "0"
-  .hidden.fixed.inset-0.z-50.overflow-y-auto{"aria-labelledby" => "modal-with-form", "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-xl.shadow-xl.mx-auto.max-w-lg.bg-white.m-1.p-8.origin-bottom.relative.dark:bg-zinc-800.dark:text-zinc-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"}
-        = button_tag type: "button", class: "absolute top-2 right-2 size-8 bg-transparent hover:bg-zinc-50 flex items-center justify-center rounded-full group dark:hover:bg-zinc-50/50" do
-          = icon "x-mark", class: "text-zinc-400 size-6 group-hover:text-zinc-500 pointer-events-none dark:group-hover:text-zinc-800 dark:text-zinc-400"
-        .mb-4
-          %h2#modal-with-form.text-3xl.font-semibold.font-heading.text-zinc-900.dark:text-zinc-100.tracking-tight Subscribe
-          .prose.prose-zinc.my-4.dark:prose-invert
-            %p Interested in learning more about real estate investing and development? Enter your information below and one of our team members will be in touch.
-        \&lt;%= form_with(model: subscriber) do |form| %&gt;
-        .form-group
-          = form.label :email, class: "form-label"
-          = form.text_field :email, class: "form-input", placeholder: "saasquatch@railsui.com"
-        .form-group
-          = form.label :reason, class: "form-label"
-          = form.text_area :reason, class: "form-textarea", placeholder: "In a couple sentences let us know your reason for joining the Shepherd community"
-        .mt-6.flex.justify-start.items-center.flex-wrap.space-x-3
-          = form.submit "Subscribe", class: "btn btn-primary"
-          = link_to "Skip for now", "#", class: "btn btn-transparent", data: { action: "click->modal#close" }
-<% end %>
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

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

@@ -310,87 +310,6 @@
 </header>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%header.bg-white.dark:bg-zinc-900.px-4.md:py-2.py-3.border-b.rounded-t-xl.relative.z-50{class: "border-zinc-300/80 dark:border-zinc-700/80", "data-controller" => "nav"}
-  .md:flex.items-center.justify-between
-    .md:flex.items-center.md:space-x-4.md:flex-1
-      .md:flex.items-center.justify-between.w-full.md:space-x-3
-        .flex.items-center.justify-between.md:w-auto.w-full
-          = link_to "#" do
-            %h1
-              = icon "logo", custom_path: "/railsui/logo.svg", class: "text-zinc-900 dark:text-white fill-current size-10"
-              %span.sr-only Shepherd
-          %button.md:hidden.flex.items-center.justify-center.size-12.rounded-full.focus:ring-4.focus:ring-zinc-50.focus:bg-white.focus:shadow-sm.group.dark:focus:bg-zinc-800.dark:focus:ring-zinc-600.dark:focus:shadow-sm{"data-action" => "click->nav#toggle", role: "Mobile navigation toggle", type: "button"}
-            = icon "bars-3-center-left", class: "stroke-current size-8 text-zinc-500 group-focus:text-primary-500 dark:text-zinc-400 dark:group-focus:text-zinc-100"
-        .origin-top.md:flex.items-center.hidden.w-full{"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"}
-          %nav.flex-1{role: "primary navigation"}
-            %ul.md:flex.items-center.md:space-y-0.space-y-4
-              %li.flex-1.md:flex.items-center
-                = nav_link_to "Dashboard" , "#", class: "rui-nav-link"
-                = nav_link_to "Properties" , "#", class: "rui-nav-link"
-                = nav_link_to "Calendar" , "#", class: "rui-nav-link"
-                = nav_link_to "Inbox" , "#", class: "rui-nav-link"
-                = nav_link_to "Insights" , "#", class: "rui-nav-link"
-              / Notifications start
-              %li
-                .md:flex.justify-end.md:flex-1.md:mr-4.mr-3.relative{"data-controller" => "railsui-dropdown"}
-                  %button.rounded-full.md:w-10.md:h-10.size-12.border-zinc-300.border.flex.items-center.justify-center.focus:border-zinc-400.focus:ring-4.focus:ring-zinc-100.dark:border-zinc-600.dark:focus:ring-zinc-700.dark:focus:border-zinc-400{class: "hover:border-zinc-400/80", "data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", type: "button"}
-                    .relative
-                      = icon "bell", class: "text-zinc-500 md:w-5 md:h-5 size-6 group-hover:text-zinc-600 dark:group-hover:text-zinc-300 dark:text-zinc-400 stroke-current"
-                      %span.w-2.h-2.bg-red-500.rounded-full.hover:animate-pulse.absolute.top-0.right-0.z-20{class: "dark:bg-primary-500/95"}
-                  .origin-to-right.md:absolute.mt-2.ml-2.md:ml-0.md:mt-0.md:shadow-xl.divide-y.divide-zinc-300.text-left.dark:divide-zinc-700.hidden.transition.transform.md:origin-top-right.origin-top-left.absolute.right-0.top-12.bg-white.rounded-lg.shadow-xl.border.border-zinc-300.w-full.z-50.py-2.dark:bg-zinc-900.md:text-sm.text-base.font-medium.text-zinc-600.dark:text-zinc-200{class: "sm:w-[360px] md:min-w-[360px] shadow-zinc-900/10 md:w-[320px] dark:shadow-zinc-900/50 dark:border-zinc-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 demo_avatar_url(variant: "men", id: "10"), class: "size-6 object-cover rounded-full flex-shrink-0 mt-1"
-                          .flex-1
-                            %p.truncate
-                              John D. replied to #{link_to "your comment", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-500 dark:hover:text-primary-400"}
-                            %p.text-xs.text-zinc-500.dark:text-zinc-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-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                      .flex-1
-                        .flex.items-start.space-x-2
-                          = image_tag demo_avatar_url(id: "14", variant: "women"), alt: "Avatar", class: "size-6 object-cover rounded-full flex-shrink-0 mt-1"
-                          .flex-1
-                            %p
-                              Jane D. posted #{link_to "an update", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-500 dark:hover:text-primary-400"}
-                            %p.text-xs.text-zinc-500.dark:text-zinc-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-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                      .flex-1
-                        .flex.items-start.space-x-2
-                          = image_tag demo_avatar_url(id: "24", variant: "men"), alt: "Avatar", class: "size-6 object-cover rounded-full flex-shrink-0 mt-1"
-                          .flex-1
-                            %p
-                              Scotty P. shared #{link_to "a repository", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-500 dark:hover:text-primary-400"}
-                            %p.text-xs.text-zinc-500.dark:text-zinc-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-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    %div
-                      = link_to "#", class: "flex items-center justify-between group px-4 pt-3 pb-2 hover:text-primary-500 text-sm group text-zinc-500 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-white font-heading font-normal" do
-                        %span View all notifications
-                        = icon "chevron-right", class: "group-hover:translate-x-1 transform transition ease-in-out size-4 text-zinc-400 group-hover:text-primary-500 dark:group-hover:text-primary-200 stroke-current"
-              / Notifications end
-              %li
-                .md:flex.relative{"data-controller" => "railsui-dropdown"}
-                  %button.rounded-full.md:w-10.md:h-10.size-12.border-zinc-300.border.flex.items-center.justify-center.focus:border-zinc-400.focus:ring-4.dark:border-zinc-600.dark:focus:ring-zinc-700{class: "focus:ring-zinc-200/80 hover:border-zinc-300/90 dark:focus:border-zinc-300/90", "data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", "data-railsui-dropdown-target" => "trigger"}
-                    %img.md:w-10.md:h-10.size-12.rounded-full.flex-shrink-0.select-none.pointer-events-none{alt: "Shepherd user", src: "https://randomuser.me/api/portraits/women/68.jpg"}/
-                  %ul.hidden.transition.transform.md:origin-top-right.origin-top-left.absolute.right-0.md:top-12.top-20.bg-white.rounded-lg.shadow-xl.border.border-zinc-200.w-full.z-50.py-4.dark:bg-zinc-900.text-base.font-normal.text-zinc-600.dark:text-zinc-200.font-heading.space-y-3{class: "shadow-zinc-900/10 md:w-[200px] dark:shadow-zinc-900/50 dark:border-zinc-500/60 md:text-[14px]", "data-railsui-dropdown-target" => "menu", "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"}
-                    %li
-                      = link_to "Inbox", "#", class: "py-3 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300"
-                    %li
-                      = link_to "Manage properties", "#", class: "py-3 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300"
-                    %li
-                      = link_to "Add booking", "#", class: "py-3 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300"
-                    %li.border-b{class: "border-zinc-300/80 dark:border-zinc-700/80"}
-                    %li
-                      = link_to "Account", "#", class: "py-3 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300 font-light text-sm"
-                    %li
-                      = link_to "Sign out", "#", class: "py-3 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300 font-light text-sm"
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js

data/app/views/railsui/themes/shepherd/components/navigation/_logged_out.html.erb

@@ -145,28 +145,6 @@
 </header>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%header.bg-white.dark:bg-zinc-900.px-4.md:py-2.py-3.border-b.rounded-t-xl.relative.z-50{class: "border-zinc-300/80 dark:border-zinc-700/80", "data-controller" => "nav"}
-.md:flex.items-center.justify-between
-  .md:flex.items-center.md:space-x-4.md:flex-1
-    .md:flex.items-center.justify-between.w-full.md:space-x-3
-      .flex.items-center.justify-between.md:w-auto.w-full
-        = link_to "#" do
-          %h1
-            = icon "logo", custom_path: "/railsui/logo.svg", class: "text-zinc-900 dark:text-white fill-current size-10"
-            %span.sr-only Shepherd
-        %button.md:hidden.flex.items-center.justify-center.size-12.rounded-full.focus:ring-4.focus:ring-zinc-50.focus:bg-white.focus:shadow-sm.group.dark:focus:bg-zinc-800.dark:focus:ring-zinc-600.dark:focus:shadow-sm{"data-action" => "click->nav#toggle", role: "Mobile navigation toggle", type: "button"}
-          = icon "bars-3-center-left", class: "stroke-current size-8 text-zinc-500 group-focus:text-primary-500 dark:text-zinc-400 dark:group-focus:text-zinc-100"
-      .origin-top.md:flex.items-center.hidden.w-full{"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"}
-        %nav.flex-1{role: "primary navigation"}
-          %ul.md:flex.items-center.md:space-y-0.space-y-4
-            %li.flex-1.md:flex.items-center
-              = nav_link_to "Nav link", "#", class: "rui-nav-link"
-            %li
-              .md:flex.items-center.md:space-x-3.md:space-y-0.space-y-3
-                = link_to "Sign in", "#", class: "btn btn-transparent"
-                = link_to "Sign up", "#", class: "btn btn-primary"
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js

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

@@ -502,94 +502,6 @@
 
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%header.bg-white.dark:bg-zinc-900.px-4.md:py-2.py-3.border-b.rounded-t-xl.relative.z-50{class: "border-zinc-300/80 dark:border-zinc-700/80", "data-controller" => "nav"}
-  .md:flex.items-center.justify-between
-    .md:flex.items-center.md:space-x-4.md:flex-1
-      .md:flex.items-center.justify-between.w-full.md:space-x-3
-        .flex.items-center.justify-between.md:w-auto.w-full
-          %a{href: "#"}
-            %h1
-              = icon "logo", custom_path: "/railsui/logo.svg", class: "text-zinc-900 dark:text-white fill-current size-10"
-              %span.sr-only Shepherd
-          %button.md:hidden.flex.items-center.justify-center.size-12.rounded-full.focus:ring-4.focus:ring-zinc-50.focus:bg-white.focus:shadow-sm.group.dark:focus:bg-zinc-800.dark:focus:ring-zinc-600.dark:focus:shadow-sm{"data-action" => "click->nav#toggle", role: "Mobile navigation toggle", type: "button"}
-            = icon "bars-3-center-left", class: "stroke-current w-8 h-8 text-zinc-500 group-focus:text-primary-500 dark:text-zinc-400 dark:group-focus:text-zinc-100"
-        .origin-top.md:flex.items-center.hidden.w-full{"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"}
-          %nav.flex-1{role: "primary navigation"}
-            %ul.md:flex.items-center.md:space-y-0.space-y-4
-              %li.flex-1.md:flex.items-center
-                %a.rui-nav-link{href: "#"} Nav link
-                .relative.inline-block{"data-controller" => "railsui-dropdown"}
-                  %button.rui-nav-link.flex.items-center.justify-center{"data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", type: "button"}
-                    Dropdown
-                    \#{icon "chevron-down", class: "size-3 ml-2"}
-                  .hidden.transition.transform.origin-top.absolute.left-0.top-14.bg-white.rounded-xl.shadow-xl.border.border-zinc-300.z-50.py-2.dark:bg-zinc-900.text-zinc-600.dark:text-zinc-100.font-heading{class: "shadow-zinc-900/10 w-[200px] dark:shadow-zinc-900/50 dark:border-zinc-600/80 text-[15px]", "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"}
-                    %a.px-4.hover:text-primary-600.block.dark:hover:text-primary-500{class: "py-[.4rem]", href: "#"} Bookings
-                    %a.px-4.hover:text-primary-600.block.dark:hover:text-primary-500{class: "py-[.4rem]", href: "#"} Help Center
-                    %a.px-4.hover:text-primary-600.block.dark:hover:text-primary-500{class: "py-[.4rem]", href: "#"} Changlog
-              / Notifications start
-              %li
-                .md:flex.justify-end.md:flex-1.md:mr-4.mr-3.relative{"data-controller" => "railsui-dropdown"}
-                  %button.rounded-full.md:w-10.md:h-10.size-12.border-zinc-300.border.flex.items-center.justify-center.focus:border-zinc-400.focus:ring-4.focus:ring-zinc-100.dark:border-zinc-600.dark:focus:ring-zinc-700.dark:focus:border-zinc-400{class: "hover:border-zinc-400/80", "data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", type: "button"}
-                    .relative
-                      = icon "bell", class: "text-zinc-500 md:w-5 md:h-5 size-6 group-hover:text-zinc-600 dark:group-hover:text-zinc-300 dark:text-zinc-400 stroke-current"
-                      %span.w-2.h-2.bg-red-500.rounded-full.hover:animate-pulse.absolute.top-0.right-0.z-20{class: "dark:bg-primary-500/95"}
-                  .origin-to-right.md:absolute.mt-2.ml-2.md:ml-0.md:mt-0.md:shadow-xl.divide-y.divide-zinc-300.text-left.dark:divide-zinc-700.hidden.transition.transform.md:origin-top-right.origin-top-left.absolute.right-0.top-12.bg-white.rounded-lg.shadow-xl.border.border-zinc-200.w-full.z-50.py-2.dark:bg-zinc-900.md:text-sm.text-base.font-medium.text-zinc-600.dark:text-zinc-200{class: "sm:w-[360px] md:min-w-[360px] shadow-zinc-900/10 md:w-[320px] dark:shadow-zinc-900/50 dark:border-zinc-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.gap-2
-                          %img.size-6.object-cover.rounded-full.flex-shrink-0.mt-1{src: "https://randomuser.me/api/portraits/men/10.jpg"}/
-                          .flex-1
-                            %p.truncate
-                              John D. replied to
-                              %a.underline.text-primary-600.hover:text-primary-700.dark:text-primary-500.dark:hover:text-primary-400{href: "#"} your comment
-                            %p.text-xs.text-zinc-500.dark:text-zinc-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-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                      .flex-1
-                        .flex.items-start.gap-2
-                          %img.size-6.object-cover.rounded-full.flex-shrink-0.mt-1{alt: "Avatar", src: "https://randomuser.me/api/portraits/women/14.jpg"}/
-                          .flex-1
-                            %p
-                              Jane D. posted
-                              %a.underline.text-primary-600.hover:text-primary-700.dark:text-primary-500.dark:hover:text-primary-400{href: "#"} an update
-                            %p.text-xs.text-zinc-500.dark:text-zinc-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-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                      .flex-1
-                        .flex.items-start.gap-2
-                          %img.size-6.object-cover.rounded-full.flex-shrink-0.mt-1{alt: "Avatar", src: "https://randomuser.me/api/portraits/men/24.jpg"}/
-                          .flex-1
-                            %p
-                              Scotty P. shared
-                              %a.underline.text-primary-600.hover:text-primary-700.dark:text-primary-500.dark:hover:text-primary-400{href: "#"} a repository
-                            %p.text-xs.text-zinc-500.dark:text-zinc-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-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    %div
-                      %a.flex.items-center.justify-between.group.px-4.pt-3.pb-2.hover:text-primary-500.text-sm.group.text-zinc-500.dark:text-zinc-200.dark:hover:bg-zinc-800.dark:hover:text-white.font-heading.font-normal{href: "#"}
-                        %span View all notifications
-                        = icon "chevron-right", class: "group-hover:translate-x-1 transform transition ease-in-out size-4 text-zinc-400 group-hover:text-primary-500 dark:group-hover:text-primary-200 stroke-current"
-              / Notifications end
-              %li
-                .md:flex.relative{"data-controller" => "dropdown"}
-                  %button.rounded-full.md:w-10.md:h-10.size-12.border-zinc-300.border.flex.items-center.justify-center.focus:border-zinc-400.focus:ring-4.dark:border-zinc-600.dark:focus:ring-zinc-700{class: "focus:ring-zinc-200/80 hover:border-zinc-300/90 dark:focus:border-zinc-300/90", "data-action" => "click->dropdown#toggle click@window->dropdown#hide", "data-dropdown-target" => "trigger"}
-                    %img.md:w-10.md:h-10.size-12.rounded-full.flex-shrink-0.select-none.pointer-events-none{alt: "Shepherd user", src: "https://randomuser.me/api/portraits/women/37.jpg"}/
-                  %ul.hidden.transition.transform.md:origin-top-right.origin-top-left.absolute.md:right-0.md:left-auto.right-auto.left-0.top-12.bg-white.rounded-lg.shadow-xl.border.border-zinc-300.z-50.py-2.dark:bg-zinc-900.text-base.font-normal.text-zinc-600.dark:text-zinc-200.font-heading{class: "shadow-zinc-900/10 w-[200px] dark:shadow-zinc-900/50 dark:border-zinc-500/60 md:text-[14px]", "data-railsui-dropdown-target" => "menu", "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"}
-                    %li
-                      %a.md:py-1.py-2.px-4.hover:text-primary-600.focus:text-primary-600.w-full.group.text-zinc-600.dark:text-zinc-50.dark:hover:text-zinc-300.block{href: "#"} Inbox
-                    %li
-                      %a.md:py-1.py-2.px-4.hover:text-primary-600.focus:text-primary-600.w-full.group.text-zinc-600.dark:text-zinc-50.dark:hover:text-zinc-300.block{href: "#"} Manage properties
-                    %li
-                      %a.md:py-1.py-2.px-4.hover:text-primary-600.focus:text-primary-600.w-full.group.text-zinc-600.dark:text-zinc-50.dark:hover:text-zinc-300.block{href: "#"} Add booking
-                    %li.border-b{class: "border-zinc-300/80 dark:border-zinc-700/80 my-1.5"}
-                    %li
-                      %a.px-4.hover:text-primary-600.focus:text-primary-600.w-full.group.text-zinc-600.dark:text-zinc-50.dark:hover:text-zinc-300.font-light.text-sm.block.text-left{class: "py-1.5", href: "#"} Account
-                    %li
-                      %a.px-4.hover:text-primary-600.focus:text-primary-600.w-full.group.text-zinc-600.dark:text-zinc-50.dark:hover:text-zinc-300.font-light.text-sm.block.text-left{class: "py-1.5", href: "#"} Sign out
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js

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

@@ -465,88 +465,6 @@
 </header>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-%header.bg-white.dark:bg-zinc-900.px-4.md:py-2.py-3.border-b.rounded-t-xl.relative.z-50{class: "border-zinc-300/80 dark:border-zinc-700/80", "data-controller" => "nav"}
-  .md:flex.items-center.justify-between
-    .md:flex.items-center.md:space-x-4.md:flex-1
-      .md:flex.items-center.justify-between.w-full.md:space-x-3
-        .flex.items-center.justify-between.md:w-auto.w-full
-          = link_to "#" do
-            %h1
-              = icon "logo", custom_path: "/railsui/logo.svg", class: "text-zinc-900 dark:text-white fill-current size-10"
-              %span.sr-only Shepherd
-          %button.md:hidden.flex.items-center.justify-center.size-12.rounded-full.focus:ring-4.focus:ring-zinc-50.focus:bg-white.focus:shadow-sm.group.dark:focus:bg-zinc-800.dark:focus:ring-zinc-600.dark:focus:shadow-sm{"data-action" => "click->nav#toggle", role: "Mobile navigation toggle", type: "button"}
-            = icon "bars-3-center-left", class: "stroke-current size-8 text-zinc-500 group-focus:text-primary-500 dark:text-zinc-400 dark:group-focus:text-zinc-100"
-        .origin-top.md:flex.items-center.hidden.w-full{"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"}
-          %nav.flex-1{role: "primary navigation"}
-            %ul.md:flex.items-center.md:space-y-0.space-y-4
-              .flex-1.md:flex.items-center
-                = nav_link_to "Nav link", "#"
-              / Search start
-              %li
-                = form_tag url:"#" do
-                  = search_field_tag :query, class: "form-input", class: "form-input", placeholder: "Search"
-              / Search end
-              / Notifications start
-              %li
-                .md:flex.justify-end.md:flex-1.md:mr-4.mr-3.relative{"data-controller" => "railsui-dropdown"}
-                  %button.rounded-full.md:w-10.md:h-10.size-12.border-zinc-300.border.flex.items-center.justify-center.focus:border-zinc-400.focus:ring-4.focus:ring-zinc-100.dark:border-zinc-600.dark:focus:ring-zinc-700.dark:focus:border-zinc-400{class: "hover:border-zinc-400/80", "data-action" => "click->railsui-dropdown#toggle click@window->railsui-dropdown#hide", type: "button"}
-                    .relative
-                      = icon "bell", class: "text-zinc-500 md:w-5 md:h-5 size-6 group-hover:text-zinc-600 dark:group-hover:text-zinc-300 dark:text-zinc-400 stroke-current"
-                      %span.w-2.h-2.bg-red-500.rounded-full.hover:animate-pulse.absolute.top-0.right-0.z-20{class: "dark:bg-primary-500/95"}
-                  .origin-to-right.md:absolute.mt-2.ml-2.md:ml-0.md:mt-0.md:shadow-xl.divide-y.divide-zinc-300.text-left.dark:divide-zinc-700.hidden.transition.transform.md:origin-top-right.origin-top-left.absolute.right-0.top-12.bg-white.rounded-lg.shadow-xl.border.border-zinc-300.w-full.z-50.py-2.dark:bg-zinc-900.md:text-sm.text-base.font-medium.text-zinc-600.dark:text-zinc-200{class: "sm:w-[360px] md:min-w-[360px] shadow-zinc-900/10 md:w-[320px] dark:shadow-zinc-900/50 dark:border-zinc-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.gap-2
-                          = image_tag demo_avatar_url(id: "10", variant: "men"), class: "size-6 object-cover rounded-full flex-shrink-0 mt-1"
-                          .flex-1
-                            %p.truncate
-                              John D. replied to #{link_to "your comment", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-500 dark:hover:text-primary-400"}
-                            %p.text-xs.text-zinc-500.dark:text-zinc-400 Just now
-                      %button.opacity-0.group-hover:opacity-100.transition.ease-in-out.duration-300.flex.items-center.justify-center.rounded-full.size-7.group.border.border-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                      .flex-1
-                        .flex.items-start.gap-2
-                          = image_tag demo_avatar_url(id: "14", variant: "women"), class: "size-6 object-cover rounded-full flex-shrink-0 mt-1", alt: "Avatar"
-                          .flex-1
-                            %p
-                              Jane D. posted #{link_to "an update", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-500 dark:hover:text-primary-400"}
-                            %p.text-xs.text-zinc-500.dark:text-zinc-400 15 mins ago
-                      %button.opacity-0.group-hover:opacity-100.transition.ease-in-out.duration-300.flex.items-center.justify-center.rounded-full.size-7.group.border.border-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    .px-4.py-3.md:py-2.flex.items-center.justify-between.group
-                      .flex-1
-                        .flex.items-start.gap-2
-                          = image_tag demo_avatar_url(id:"24", variant: "men"), class: "size-6 object-cover rounded-full flex-shrink-0 mt-1", alt: "Avatar"
-                          .flex-1
-                            %p
-                              Scotty P. shared #{link_to "a repository", "#", class:"underline text-primary-600 hover:text-primary-700 dark:text-primary-500 dark:hover:text-primary-400"}
-                            %p.text-xs.text-zinc-500.dark:text-zinc-400 2 hours ago
-                      %button.opacity-0.group-hover:opacity-100.transition.ease-in-out.duration-300.flex.items-center.justify-center.rounded-full.size-7.group.border.border-zinc-200.hover:border-zinc-300.focus:ring-4.dark:border-zinc-600{class: "hover:bg-zinc-50/50 focus:ring-zinc-100/75 bg-white/50 dark:bg-zinc-700/75 dark:focus:ring-zinc-100/10 dark:hover:bg-white/20"}
-                        = icon "x-mark", class: "size-3 text-zinc-600 group-hover:text-primary-600 dark:group-hover:text-zinc-100 dark:text-zinc-50 stroke-current"
-                    %div
-                      = link_to "#", class: "flex items-center justify-between group px-4 pt-3 pb-2 hover:text-primary-500 text-sm group text-zinc-500 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-white font-heading font-normal" do
-                        %span View all notifications
-                        = icon "chevron-right", class: "group-hover:translate-x-1 transform transition ease-in-out size-4 text-zinc-400 group-hover:text-primary-500 dark:group-hover:text-primary-200 stroke-current"
-              / Notifications end
-              %li
-                .md:flex.relative{"data-controller" => "railsui-dropdown"}
-                  %button.rounded-full.md:w-10.md:h-10.size-12.border-zinc-300.border.flex.items-center.justify-center.focus:border-zinc-400.focus:ring-4.dark:border-zinc-600.dark:focus:ring-zinc-700{class: "focus:ring-zinc-200/80 hover:border-zinc-300/90 dark:focus:border-zinc-300/90", "data-action" => "click->railsui-dropdown#toggle click@window->dropdown#hide", "data-railsui-dropdown-target" => "trigger"}
-                    %img.md:w-10.md:h-10.size-12.rounded-full.flex-shrink-0.select-none.pointer-events-none{alt: "Shepherd user", src: "https://randomuser.me/api/portraits/men/7.jpg"}/
-                  %ul.hidden.transition.transform.md:origin-top-right.origin-top-left.absolute.md:right-0.md:left-auto.right-auto.left-0.top-12.bg-white.rounded-lg.shadow-xl.border.border-zinc-300.z-50.py-2.dark:bg-zinc-900.text-base.font-normal.text-zinc-600.dark:text-zinc-200.font-heading{class: "shadow-zinc-900/10 w-[200px] dark:shadow-zinc-900/50 dark:border-zinc-500/60 md:text-[14px]", "data-railsui-dropdown-target" => "menu", "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"}
-                    %li
-                      = link_to "Inbox", "#", class: "md:py-1 py-2 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300 block"
-                    %li
-                      = link_to "Manage properties", "#", class: "md:py-1 py-2 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300 block"
-                    %li
-                      = link_to "Add booking", "#", class: "md:py-1 py-2 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300 block"
-                    %li.border-b{class: "border-zinc-300/80 dark:border-zinc-700/80 my-1.5"}
-                    %li
-                      = link_to "Account", "#", class: "py-1.5 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300 font-light text-sm block text-left"
-                    %li
-                      = link_to "Sign out", "#", class: "py-1.5 px-4 hover:text-primary-600 focus:text-primary-600 w-full group text-zinc-600 dark:text-zinc-50 dark:hover:text-zinc-300 font-light text-sm block text-left"
-<% end %>
 
 <% content_for :js, flush: true do %>
 // app/javascript/controllers/nav_controller.js
@@ -573,7 +491,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/shepherd/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-zinc-600.dark:text-zinc-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-zinc-600.dark:text-zinc-200.text-base.w-auto.flex.font-medium{"aria-label" => "Page navgiation", class: "md:text-sm"}
-    %ul.flex.flex-wrap.items-center.justify-center.w-auto.divide-x.divide-zinc-300{class: "dark:divide-zinc-600/80"}
-      %li.flex.justify-start.items-center
-        %a.bg-white.rounded-l-xl.flex.items-center.justify-center.border-l.border-y.border-zinc-300.hover:bg-zinc-50.dark:bg-zinc-800.dark:hover:bg-zinc-700.dark:border-zinc-600.font-heading.w-10.h-10.group{href: "#"}
-        = icon "chevron-left", class:  "size-5 text-zinc-400 group-hover:text-primary-500 dark:group-hover:text-zinc-200", title: "Previous"
-      %li
-        = link_to "1", "#", class: "bg-primary-500 border-primary-500 text-white flex items-center justify-center hover:bg-primary-600 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:border-zinc-600 size-10"
-      %li
-        = link_to "2", "#", class: "bg-white flex items-center justify-center border-y border-zinc-300 hover:bg-zinc-50 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:border-zinc-600 size-10"
-      %li
-        = link_to "3", "#", class: "bg-white flex items-center justify-center border-y border-zinc-300 hover:bg-zinc-50 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:border-zinc-600 size-10"
-      %li.md:block.hidden
-        %span.bg-white.flex.items-center.justify-center.border-y.border-zinc-300.hover:bg-zinc-50.dark:bg-zinc-800.dark:hover:bg-zinc-700.dark:border-zinc-600.font-heading.w-10.h-10 …
-      %li
-        = link_to "8", "#", class: "bg-white flex items-center justify-center border-y border-zinc-300 hover:bg-zinc-50 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:border-zinc-600 size-10"
-      %li
-        = link_to "9", "#", class: "bg-white flex items-center justify-center border-y border-zinc-300 hover:bg-zinc-50 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:border-zinc-600 size-10"
-      %li
-        = link_to "10", "#", class: "bg-white flex items-center justify-center border-y border-zinc-300 hover:bg-zinc-50 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:border-zinc-600 size-10"
-      %li.flex.justify-end.items-center
-        = link_to "#", class: "bg-white flex justify-center items-center rounded-r-xl hover:bg-zinc-50 group hover:text-primary-600 border-y border-r border-zinc-300 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:border-zinc-600 size-10 text-center" do
-          = icon "chevron-right", class: "size-5 text-zinc-400 group-hover:text-primary-500 dark:group-hover:text-zinc-200", title: "Next"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/shepherd/components/pagination/_dark.html.erb

@@ -124,37 +124,6 @@
 </div>
 <% end %>
 
-<%= content_for :haml, flush: true do %>
-.flex.flex-wrap.md:justify-between.justify-center.items-center.space-y-2
-  %p.text-zinc-100.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-zinc-100.md:text-sm.font-medium.text-base.w-auto.flex{"aria-label" => "Page navgiation"}
-    %ul.flex.flex-wrap.items-center.justify-center.w-auto
-      %li.flex.justify-start.items-center
-        = link_to "#", class: "bg-zinc-800 flex justify-center items-center  rounded-l-xl size-10 hover:bg-zinc-700 group hover:text-primary-600 border-zinc-700" do
-          = icon "arrow-small-left", class:  "size-5 text-white/50 group-hover:text-zinc-200", title: "Previous"
-      %li
-        = link_to "1", "#", class: "flex items-center justify-center size-10 bg-primary-500 text-white hover:bg-primary-600 border-primary-600 hover:border-primary-600 shadow-inner"
-      %li
-        = link_to "2", "#", class: "bg-zinc-800 flex items-center justify-center size-10 hover:bg-zinc-700"
-      %li
-        = link_to "3", "#", class: "bg-zinc-800 flex items-center justify-center size-10 hover:bg-zinc-700"
-      %li.md:block.hidden
-        %span.bg-zinc-800.flex.items-center.justify-center.w-10.h-10.select-none.pointer-events-none …
-      %li
-        = link_to "8", "#", class: "bg-zinc-800 flex items-center justify-center size-10 hover:bg-zinc-700"
-      %li
-        = link_to "9", "#", class: "bg-zinc-800 flex items-center justify-center size-10 hover:bg-zinc-700"
-      %li
-        = link_to "10", "#", class: "bg-zinc-800 flex items-center justify-center size-10 hover:bg-zinc-700"
-      %li.flex.justify-end.items-center
-        = link_to "#", class: "bg-zinc-800 rounded-r-xl hover:bg-zinc-700 group hover:text-primary-600 flex items-center justify-center size-10" do
-          = icon "arrow-small-right", class:  "size-5 text-white/50 group-hover:text-zinc-200", title: "Next"
-<% end %>
       <%= render_snippet %>
     <% end %>
   <% end %>