railsui 3.1.0

data/lib/generators/railsui/install/templates/themes/hound/views/rui/shared/admin/_create_dropdown.html.erb

@@ -0,0 +1,142 @@
+<%#
+  This data should probably fed from elsewhere (i.e. a controller or similar) but I'm showing it here for context.
+%>
+
+<% combo_select_json_data = [
+  {
+    "name": "John Doe",
+    "thumbnail": "https://randomuser.me/api/portraits/men/22.jpg"
+  },
+  {
+    "name": "Janae Black",
+    "thumbnail": "https://randomuser.me/api/portraits/women/2.jpg"
+  },
+  {
+    "name": "Christopher Robinson",
+    "thumbnail": "https://randomuser.me/api/portraits/men/10.jpg"
+  },
+  {
+    "name": "Alice Denace",
+    "thumbnail": "https://randomuser.me/api/portraits/women/14.jpg"
+  },
+  {
+    "name": "Trevor James",
+    "thumbnail": "https://randomuser.me/api/portraits/men/24.jpg"
+  }
+] %>
+
+<div data-controller="railsui-dropdown railsui-modal">
+  <button data-action="click->railsui-dropdown#toggle click@window->railsui-dropdown#hide"
+    class="btn btn-primary gap-2 flex sm:pr-2 focus:ring-slate-100/20 group dark:focus:ring-slate-500/20">
+    <span>Create</span>
+    <%= icon "chevron-down", class: "size-3 text-white group-focus:rotate-180 transition ease-in-out transform" %>
+  </button>
+
+  <ul data-railsui-dropdown-target="menu"
+  class="hidden transition transform origin-top-right absolute right-0 top-10 bg-white rounded-lg shadow-xl shadow-slate-900/10 border border-slate-200 md:w-[200px] w-full z-50 py-2 dark:bg-slate-700 dark:shadow-slate-900/50 dark:border-slate-500/60 md:text-sm text-base font-medium text-slate-600 dark:text-slate-200"
+  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 "#", class: "px-4 py-2 hover:text-primary-600 dark:hover:text-primary-300 group flex items-center justify-start gap-3" do %>
+        <%= icon "plus-small", class:  "flex-shrink-0 stroke-current size-5 text-slate-500 group-hover:text-primary-600 dark:group-hover:text-primary-400" %>
+        <span>Project</span>
+      <% end %>
+    </li>
+
+    <li>
+      <%= link_to "#", class: "px-4 py-2 hover:text-primary-600 dark:hover:text-primary-300 group flex items-center justify-start gap-3" do %>
+        <%= icon "paper-airplane", class:  "flex-shrink-0 stroke-current size-5 text-slate-500 group-hover:text-primary-600 dark:group-hover:text-primary-400" %>
+        <span>Message</span>
+      <% end %>
+    </li>
+
+    <li>
+      <%= link_to "#", class: "px-4 py-2 hover:text-primary-600 dark:hover:text-primary-300 group flex items-center justify-start gap-3", data: { action: "click->railsui-modal#open" } do %>
+        <%= icon "pencil-square", class:  "flex-shrink-0 stroke-current size-5 text-slate-500 group-hover:text-primary-600 dark:group-hover:text-primary-400 pointer-events-none" %>
+        <span class="pointer-events-none">Assignment</span>
+      <% end %>
+    </li>
+
+    <li>
+      <%= link_to "#", class: "px-4 py-2 hover:text-primary-600 dark:hover:text-primary-300 group flex items-center justify-start gap-3" do %>
+        <%= icon "calendar-days", class:  "flex-shrink-0 stroke-current size-5 text-slate-500 group-hover:text-primary-600 dark:group-hover:text-primary-400" %>
+        <span>Event</span>
+      <% end %>
+    </li>
+  </ul>
+
+  <div aria-labelledby="modal-title" aria-modal="true" data-action="keyup@window->railsui-modal#closeWithEsc"
+    data-railsui-modal-target="container" class="hidden fixed inset-0 z-50 overflow-y-auto" role="dialog">
+    <div class="h-screen w-full relative">
+      <div
+        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"
+        class="hidden rounded shadow-xl max-w-2xl h-auto mx-auto bg-white m-4 p-8 relative dark:bg-slate-700">
+        <button
+          class="absolute top-4 right-4 w-10 h-10 rounded-full flex items-center justify-center hover:bg-slate-50 dark:hover:bg-slate-800 group"
+          data-action="click->railsui-modal#close">
+          <%= icon "x-mark", class:  "size-6 text-slate-500 stroke-current dark:group-hover:text-slate-300" %>
+        </button>
+        <div>
+          <h2 id="assignment-modal-title" class="mb-6 md:h3 h2">Add Assignment</h2>
+          <%= form_tag "#" do %>
+            <div class="mb-6">
+              <%= label_tag :assignment_title, "Title", class: "form-label" %>
+              <%= text_field_tag :assignment_title, nil, class: "form-input", placeholder: "Assignment title" %>
+            </div>
+
+            <div class="mb-6">
+              <%= label_tag "assignment[description]", "Description", class: "form-label" %>
+              <%= text_area_tag "assignment[description]", nil, class: "form-input min-h-[110px]", placeholder: "Add a description of the assignment" %>
+            </div>
+
+            <div class="mb-6" data-controller="combo-select" data-combo-select-items-value='<%=  combo_select_json_data.to_json %>'>
+              <%= label_tag :combobox, "Assign to", class: "form-label" %>
+              <div class="relative mt-2">
+                <%= hidden_field_tag :combobox_value, nil, data: { "combo-select-target" => "input" } %>
+                <%= text_field_tag :combobox, nil, class: "form-input sm:pr-12 shadow-sm w-full", role: "combobox", "aria-controls": "options", "aria-expanded": "false", data: { action: "keydown->combo-select#handleKeyboardNavigation click->combo-select#toggle click@window->combo-select#hide","combo-select-target": "input" }, readonly: true %>
+
+                <button type="button" class="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-hidden">
+                  <%= icon "chevron-up-down", class:  "h-5 w-5 text-slate-400" %>
+                </button>
+
+                <div data-combo-select-target="active" data-action="click->combo-select#toggle"
+                  class="flex items-center absolute inset-y-0 left-2 z-0">
+                  <div class="absolute inset-y-0 flex items-center space-x-2 left-1 z-0">
+                    <span class="flex items-center">
+                      <div class="flex items-center">
+                        <%= image_tag demo_avatar_url, alt: "Avatar", class: "h-6 w-6 flex-shrink-0 rounded-full" %>
+                        <span class="ml-2 font-medium text-sm whitespace-nowrap">John Doe</span>
+                      </div>
+                    </span>
+                  </div>
+                </div>
+
+                <ul
+                  class="absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white dark:bg-slate-800 p-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm"
+                  id="options" role="listbox" data-combo-select-target="options"
+                  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-100"
+                  data-transition-leave-from="transform opacity-100 scale-100"
+                  data-transition-leave-to="transform opacity-0 scale-95">
+                </ul>
+              </div>
+            </div>
+
+            <%= submit_tag "Create", class: "btn btn-primary" %>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/hound/views/rui/shared/admin/_nav.html.erb

@@ -0,0 +1,158 @@
+<header class="px-4 dark:border-b dark:border-slate-700 bg-slate-800 <%= local_assigns[:header_title].present? ? 'sm:py-6 py-4' : 'sm:pt-6 pt-4' %>" data-controller="nav">
+  <div class="lg:flex flex-wrap items-center justify-start container mx-auto border-b border-slate-700 pb-4">
+    <div class="flex items-center justify-between">
+
+      <%= link_to root_path do %>
+        <svg class="fill-current text-primary-500 sm:w-10 w-6" width="32" height="42" viewBox="0 0 32 42" fill="none"
+          xmlns="http://www.w3.org/2000/svg">
+          <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M7.17241 0C3.2112 0 0 3.2112 0 7.17241V22.0065C0 25.9678 3.2112 29.1789 7.17241 29.1789C11.1336 29.1789 14.3448 25.9678 14.3448 22.0065V7.17241C14.3448 3.2112 11.1336 0 7.17241 0ZM24.8276 0C20.8664 0 17.6552 3.2112 17.6552 7.17241V34.8276C17.6552 38.7888 20.8664 42 24.8276 42C28.7888 42 32 38.7888 32 34.8276V7.17241C32 3.2112 28.7888 0 24.8276 0Z" />
+        </svg>
+      <% end %>
+
+      <button id="admin-nav-toggle" data-action="click->nav#toggle"
+        class="lg:hidden block px-1 py-px rounded focus:ring-2 focus:ring-slate-100/30 focus:bg-slate-700 focus:shadow-sm active:bg-slate-700 group dark:focus:bg-slate-800 dark:focus:ring-slate-600 dark:focus:shadow-sm"
+        role="Mobile navigation toggle">
+        <div role="none" data-nav-target="menuBars">
+          <%= icon "bars-3-bottom-left", class:  "stroke-current w-9 h-9 text-slate-300 group-focus:text-primary-200 dark:text-slate-400 dark:group-focus:text-slate-100" %>
+        </div>
+        <div role="none" data-nav-target="menuCross" class="hidden">
+          <%= icon "x-mark", class:  "stroke-current w-9 h-9 text-slate-300 group-focus:text-primary-200 dark:text-slate-400 dark:group-focus:text-slate-100" %>
+        </div>
+      </button>
+    </div>
+    <div class="text-white lg:pl-6 flex-1 lg:py-0 py-4 lg:flex" 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-from="opacity-100 scale-100"
+      data-transition-leave-active="transition ease-in duration-200" data-transition-leave-to="opacity-0 scale-95">
+
+      <nav class="flex-1">
+        <ul class="lg:flex md:flex-nowrap flex-wrap items-center sm:mx-0 -mx-2 lg:space-x-px space-y-px lg:space-y-0">
+          <%= render "rui/shared/admin/nav_links" %>
+        </ul>
+      </nav>
+
+      <%# Notifications Dropdown %>
+      <div class="sm:flex justify-end flex-1 md:mr-6 mr-3 md:mt-3 relative" data-controller="railsui-dropdown">
+
+        <button type="button" class="flex group sm:justify-center items-center md:w-auto w-full px-2 py-3 md:p-0"
+          data-action="click->railsui-dropdown#toggle click@window->railsui-dropdown#hide">
+          <div class="relative">
+            <%= icon "bell", class:  "text-slate-300 size-6 group-hover:text-slate-400 dark:group-hover:text-slate-300 stroke-current" %>
+            <span
+              class="w-[10px] h-[10px] bg-red-500 rounded-full hover:animate-pulse absolute top-0 right-0 z-20 dark:bg-primary-400"></span>
+          </div>
+          <span class="md:hidden text-slate-300 dark:text-slate-200 text-base ml-2">Notifications</span>
+        </button>
+
+        <div
+          class="origin-to-right md:absolute mt-2 ml-2 md:ml-0 md:mt-0 md:shadow-xl sm:w-[320px] md:min-w-[320px]  divide-y text-left dark:divide-gray-600
+          hidden transition transform origin-top-right absolute right-0 top-10 bg-white rounded-lg shadow-xl shadow-slate-900/10 border border-slate-200 md:w-[320px] w-full z-50 py-2 dark:bg-slate-700 dark:shadow-slate-900/50 dark:border-slate-500/60 md:text-sm text-base font-medium text-slate-600 dark:text-slate-200"
+          data-railsui-dropdown-target="menu" data-transition-enter-from="opacity-0 scale-95"
+          data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100"
+          data-transition-leave-to="opacity-0 scale-95">
+          <div class="px-4 py-3 md:py-2 flex items-center justify-between group">
+            <div class="flex-1">
+              <div class="flex items-start space-x-2">
+                <%= image_tag demo_avatar_url(id: "10"), class: "size-6 object-cover rounded-full flex-shrink-0 mt-1", alt: "John D." %>
+                <div class="flex-1">
+                  <p class="truncate">John D. replied to <%= link_to "your comment", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-400" %></p>
+                  <p class="text-xs text-slate-500 dark:text-slate-400">Just now</p>
+                </div>
+              </div>
+            </div>
+
+            <button
+              class="opacity-0 group-hover:opacity-100 transition ease-in-out duration-300 flex items-center justify-center rounded-full w-7 h-7 hover:bg-slate-50/50 group border border-slate-200 hover:border-slate-300 focus:ring-4 focus:ring-slate-100/75 bg-white/50 dark:bg-slate-500/75 dark:focus:ring-slate-100/10 dark:border-slate-400 dark:hover:bg-white/20">
+              <%= icon "x-mark", class:  "w-3 h-3 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-slate-100 dark:text-slate-50 stroke-current" %>
+            </button>
+          </div>
+          <div class="px-4 py-3 md:py-2 flex items-center justify-between group">
+            <div class="flex-1">
+              <div class="flex items-start space-x-2">
+                <%= image_tag demo_avatar_url(id: "14", variant: "women"), class: "size-6 object-cover rounded-full flex-shrink-0 mt-1" %>
+                <div class="flex-1">
+                  <p>Jane D. posted  <%= link_to "an update", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-400" %></p>
+                  <p class="text-xs text-slate-500 dark:text-slate-400">15 mins ago</p>
+                </div>
+              </div>
+            </div>
+            <button
+              class="opacity-0 group-hover:opacity-100 transition ease-in-out duration-300 flex items-center justify-center rounded-full w-7 h-7 hover:bg-slate-50/50 group border border-slate-200 hover:border-slate-300 focus:ring-4 focus:ring-slate-100/75 bg-white/50 dark:bg-slate-500/75 dark:focus:ring-slate-100/10 dark:border-slate-400 dark:hover:bg-white/20">
+              <%= icon "x-mark", class:  "w-3 h-3 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-slate-100 dark:text-slate-50 stroke-current" %>
+            </button>
+          </div>
+          <div class="px-4 py-3 md:py-2 flex items-center justify-between group">
+            <div class="flex-1">
+              <div class="flex items-start space-x-2">
+                <%= image_tag demo_avatar_url(id: "24"), class: "size-6 object-cover rounded-full flex-shrink-0 mt-1" %>
+                <div class="flex-1">
+                  <p>Scotty P. shared <%= link_to "a repository", "#", class: "underline text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-400" %></p>
+                  <p class="text-xs text-slate-500 dark:text-slate-400">2 hours ago</p>
+                </div>
+              </div>
+            </div>
+            <button
+              class="opacity-0 group-hover:opacity-100 transition ease-in-out duration-300 flex items-center justify-center rounded-full w-7 h-7 hover:bg-slate-50/50 group border border-slate-200 hover:border-slate-300 focus:ring-4 focus:ring-slate-100/75 bg-white/50 dark:bg-slate-500/75 dark:focus:ring-slate-100/10 dark:border-slate-400 dark:hover:bg-white/20">
+              <%= icon "x-mark", class:  "w-3 h-3 text-slate-600 group-hover:text-primary-600 dark:group-hover:text-slate-100 dark:text-slate-50 stroke-current" %>
+            </button>
+          </div>
+          <div>
+            <%= link_to "#", class: "flex items-center justify-between group px-4 pt-3 pb-2 hover:bg-slate-50 hover:text-primary-500 text-sm group font-medium text-slate-500 dark:text-slate-200 dark:hover:bg-slate-700 dark:hover:text-white" do %>
+              <span>View all notifications</span>
+              <%= icon "chevron-right", class:  "group-hover:translate-x-1 transform transition ease-in-out size-4 text-slate-400 group-hover:text-primary-500 dark:group-hover:text-primary-200 stroke-current" %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+      <%# end Notifications Dropdown %>
+      <div data-controller="railsui-dropdown" class="lg:flex relative lg:pt-0 pt-4">
+        <button data-action="click->railsui-dropdown#toggle click@window->railsui-dropdown#hide"
+          class="appearance-none rounded-full lg:w-10 w-12 lg:h-10 h-12 focus:ring-slate-200/90 hover:ring-slate-200/90 ring-2 ring-transparent box-content transition ease-in-out duration-200 flex-shrink-0 dark:focus:ring-primary-400 dark:hover:ring-slate-500">
+          <%= image_tag demo_avatar_url, class: "lg:w-10 w-12 lg:h-10 h-12 rounded-full flex-shrink-0 select-none", alt: "John Smith" %>
+        </button>
+        <ul data-railsui-dropdown-target="menu"
+          class="hidden transition transform origin-top-right absolute right-0 md:top-12 top-20 bg-white rounded-lg shadow-xl shadow-slate-900/10 border border-slate-200 md:w-[200px] w-full z-50 py-2 dark:bg-slate-700 dark:shadow-slate-900/50 dark:border-slate-500/60 md:text-sm text-base font-medium text-slate-600 dark:text-slate-200"
+          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 rui_settings_path, class: "py-2 px-4 hover:text-primary-600 focus:text-primary-600 flex items-center space-x-2 w-full group text-slate-600 dark:text-slate-300 dark:hover:text-primary-400" do %>
+              <%= icon "cog-6-tooth", class: "flex-shrink-0 stroke-current size-5 text-slate-500 group-hover:text-primary-600 dark:group-hover:text-primary-400" %>
+              <span>Settings</span>
+            <% end %>
+          </li>
+
+          <li>
+            <%= link_to rui_billing_path, class: "py-2 px-4 hover:text-primary-600 focus:text-primary-600 flex items-center space-x-2 w-full group text-slate-600 dark:text-slate-300 dark:hover:text-primary-400" do %>
+              <%= icon "banknotes", class: "flex-shrink-0 stroke-current size-5 text-slate-500 group-hover:text-primary-600 dark:group-hover:text-primary-400" %>
+              <span>Billing</span>
+            <% end %>
+          </li>
+
+          <li>
+            <%= button_to "#", method: :delete, class: "py-2 px-4 hover:text-primary-600 focus:text-primary-600 flex items-center space-x-2 w-full group text-slate-600 dark:text-slate-300 dark:hover:text-primary-400" do %>
+              <%= icon "arrow-right-on-rectangle", class: "flex-shrink-0 stroke-current size-5 text-slate-500 group-hover:text-primary-600 dark:group-hover:text-primary-400" %>
+              <span>Sign out</span>
+            <% end %>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="<%= local_assigns[:header_title].present? ? 'container mx-auto lg:pt-16 pt-6' : 'container mx-auto' %>">
+    <div class="flex flex-wrap items-center justify-between relative">
+      <% if local_assigns[:header_title].present? %>
+        <h1 class="md:h2 h3 !text-white flex-1">
+          <%= local_assigns[:header_title] %>
+        </h1>
+      <% end %>
+
+      <%= yield %>
+    </div>
+  </div>
+</header>

data/lib/generators/railsui/install/templates/themes/hound/views/rui/shared/admin/_nav_links.html.erb

@@ -0,0 +1,8 @@
+<!-- Add your own nav links here. Below are links to the default admin-based pages installed with Rails UI. -->
+<% Railsui::Pages.installed_pages.each do |page, details| %>
+  <% if respond_to?(details['path'].to_sym) && details['add_to_nav'] && details['namespace'] == 'admin' %>
+    <%= content_tag :li do %>
+      <%= nav_link_to details['title'], send(details['path'].to_sym), class: "rui-nav-link--admin" %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/generators/railsui/install/templates/themes/hound/views/rui/shared/admin/_settings_nav.html.erb

@@ -0,0 +1,29 @@
+<div class="bg-white border-b dark:bg-slate-800/50 dark:border-b dark:border-slate-700 px-4">
+  <div class="container mx-auto sm:flex flex-wrap justify-between items-center">
+
+    <nav role="navigation">
+      <ul class="flex items-center justify-start sm:space-x-1 py-2 text-slate-600 sm:overflow-auto overflow-y-hidden scroll-smooth snap-start scrollbar-thin scrollbar-thumb-gray-200 scrollbar-track-gray-100/50 scrollbar-thumb-rounded">
+
+        <li class="flex justify-center items-center sm:block">
+          <%= nav_link_to "Account", rui_settings_path, active_class: "py-2 px-4 bg-slate-50 dark:bg-slate-900 rounded-lg transition ease-in-out duration-300 text-primary-600 dark:text-primary-400 font-medium flex items-center space-x-2 dark:hover:bg-slate-900/80", inactive_class: "py-2 px-4 rounded-lg transition ease-in-out duration-300 hover:bg-slate-50 hover:text-primary-600 dark:hover:text-primary-400 font-medium flex items-center space-x-2 group dark:text-slate-300 dark:hover:bg-slate-900" %>
+        </li>
+
+        <li class="flex justify-center items-center sm:block">
+          <%= nav_link_to "Notifications", rui_notifications_path, active_class: "py-2 px-4 bg-slate-50 dark:bg-slate-900 rounded-lg transition ease-in-out duration-300 text-primary-600 dark:text-primary-400 font-medium flex items-center space-x-2 dark:hover:bg-slate-900/80", inactive_class: "py-2 px-4 rounded-lg transition ease-in-out duration-300 hover:bg-slate-50 hover:text-primary-600 dark:hover:text-primary-400 font-medium flex items-center space-x-2 group dark:text-slate-300 dark:hover:bg-slate-900" %>
+        </li>
+
+        <li class="flex justify-center items-center sm:block">
+          <%= nav_link_to "Billing", rui_billing_path, active_class: "py-2 px-4 bg-slate-50 dark:bg-slate-900 rounded-lg transition ease-in-out duration-300 text-primary-600 dark:text-primary-400 font-medium flex items-center space-x-2 dark:hover:bg-slate-900/80", inactive_class: "py-2 px-4 rounded-lg transition ease-in-out duration-300 hover:bg-slate-50 hover:text-primary-600 dark:hover:text-primary-400 font-medium flex items-center space-x-2 group dark:text-slate-300 dark:hover:bg-slate-900" %>
+        </li>
+
+        <li class="flex justify-center items-center sm:block">
+          <%= nav_link_to "Team", rui_team_path, active_class: "py-2 px-4 bg-slate-50 dark:bg-slate-900 rounded-lg transition ease-in-out duration-300 text-primary-600 dark:text-primary-400 font-medium flex items-center space-x-2 dark:hover:bg-slate-900/80", inactive_class: "py-2 px-4 rounded-lg transition ease-in-out duration-300 hover:bg-slate-50 hover:text-primary-600 dark:hover:text-primary-400 font-medium flex items-center space-x-2 group dark:text-slate-300 dark:hover:bg-slate-900" %>
+        </li>
+
+        <li class="flex justify-center items-center sm:block">
+          <%= nav_link_to "Integrations", rui_integrations_path, active_class: "py-2 px-4 bg-slate-50 dark:bg-slate-900 rounded-lg transition ease-in-out duration-300 text-primary-600 dark:text-primary-400 font-medium flex items-center space-x-2 dark:hover:bg-slate-900/80", inactive_class: "py-2 px-4 rounded-lg transition ease-in-out duration-300 hover:bg-slate-50 hover:text-primary-600 dark:hover:text-primary-400 font-medium flex items-center space-x-2 group dark:text-slate-300 dark:hover:bg-slate-900" %>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/cards/amex.svg

@@ -0,0 +1,11 @@
+<svg class="{{class}}" xmlns="http://www.w3.org/2000/svg" width="780" height="500" viewBox="0 0 780 500">
+  <title>amex</title>
+  <g>
+    <path
+      d="M40 .001h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40v-420c0-22.091 17.909-40 40-40z"
+      fill="#2557d6"></path>
+    <path
+      d="M.253 235.69h37.441l8.442-19.51h18.9l8.42 19.51h73.668v-14.915l6.576 14.98h38.243l6.576-15.202v15.138h183.08l-.085-32.026h3.542c2.479.083 3.204.302 3.204 4.226v27.8h94.689v-7.455c7.639 3.92 19.518 7.455 35.148 7.455h39.836l8.525-19.51h18.9l8.337 19.51h76.765v-18.532l11.626 18.532h61.515v-122.51h-60.88v14.468l-8.522-14.468h-62.471v14.468l-7.828-14.468h-84.38c-14.123 0-26.539 1.889-36.569 7.153v-7.153h-58.229v7.153c-6.383-5.426-15.079-7.153-24.75-7.153h-212.74l-14.274 31.641-14.659-31.641H91.294v14.468l-7.362-14.468H26.787L.248 171.427v64.261h.003zm236.34-17.67h-22.464l-.083-68.794-31.775 68.793h-19.24l-31.858-68.854v68.854h-44.57l-8.42-19.592H32.556l-8.505 19.592H.25l39.241-87.837H72.05l37.269 83.164v-83.164h35.766l28.678 59.587 26.344-59.587h36.485zm-165.9-37.823L55.695 145.18 40.78 180.197zm255.3 37.821H252.79v-87.837h73.203v18.291h-51.289v15.833h50.06v18.005h-50.061v17.542h51.289zm103.16-64.18c0 14.004-9.755 21.24-15.439 23.412 4.794 1.748 8.891 4.838 10.84 7.397 3.094 4.369 3.628 8.271 3.628 16.116v17.255h-22.104l-.083-11.077c0-5.285.528-12.886-3.458-17.112-3.202-3.09-8.083-3.76-15.973-3.76h-23.523v31.95h-21.914v-87.838h50.401c11.199 0 19.451.283 26.535 4.207 6.933 3.924 11.09 9.652 11.09 19.45zm-27.699 13.042c-3.013 1.752-6.573 1.81-10.841 1.81h-26.62v-19.51h26.982c3.818 0 7.804.164 10.393 1.584 2.842 1.28 4.601 4.003 4.601 7.765 0 3.84-1.674 6.929-4.515 8.351zm62.844 51.138H441.94v-87.837h22.358zm259.56 0h-31.053l-41.535-65.927v65.927h-44.628l-8.527-19.592h-45.521l-8.271 19.592h-25.648c-10.649 0-24.138-2.257-31.773-9.715-7.701-7.458-11.708-17.56-11.708-33.533 0-13.027 2.395-24.936 11.812-34.347 7.085-7.01 18.18-10.242 33.28-10.242h21.215v18.821H520.73c-7.997 0-12.514 1.14-16.862 5.203-3.735 3.699-6.298 10.69-6.298 19.897 0 9.41 1.951 16.196 6.023 20.628 3.373 3.476 9.506 4.53 15.272 4.53h9.842l30.884-69.076h32.835l37.102 83.081v-83.08h33.366l38.519 61.174v-61.174h22.445zm-133.2-37.82l-15.165-35.017-15.081 35.017zm189.04 178.08c-5.322 7.457-15.694 11.238-29.736 11.238h-42.319v-18.84h42.147c4.181 0 7.106-.527 8.868-2.175 1.665-1.474 2.605-3.554 2.591-5.729 0-2.561-1.064-4.593-2.677-5.811-1.59-1.342-3.904-1.95-7.722-1.95-20.574-.67-46.244.608-46.244-27.194 0-12.742 8.443-26.156 31.439-26.156h43.649v-17.479h-40.557c-12.237 0-21.129 2.81-27.425 7.174v-7.175h-59.985c-9.595 0-20.854 2.279-26.179 7.175v-7.175h-107.12v7.175c-8.524-5.892-22.908-7.175-29.549-7.175h-70.656v7.175c-6.745-6.258-21.742-7.175-30.886-7.175H308.26l-18.094 18.764-16.949-18.764h-118.13v122.59h115.9l18.646-19.062 17.565 19.062 71.442.061v-28.838h7.021c9.479.14 20.66-.228 30.523-4.312v33.085h58.928v-31.952h2.842c3.628 0 3.985.144 3.985 3.615v28.333h179.01c11.364 0 23.244-2.786 29.824-7.845v7.845h56.78c11.815 0 23.354-1.587 32.134-5.649l.002-22.84zm-354.94-47.155c0 24.406-19.005 29.445-38.159 29.445h-27.343v29.469h-42.591l-26.984-29.086-28.042 29.086h-86.802v-87.859h88.135l26.961 28.799 27.875-28.799h70.021c17.389 0 36.929 4.613 36.929 28.945zm-174.22 40.434H196.66v-17.48h48.11v-17.926h-48.11v-15.974h54.939l23.969 25.604zm86.81 10.06l-33.644-35.789 33.644-34.65zm49.757-39.066h-28.318v-22.374h28.572c7.912 0 13.404 3.09 13.404 10.772 0 7.599-5.238 11.602-13.658 11.602zm148.36-40.373h73.138v18.17h-51.315v15.973h50.062v17.926h-50.062v17.48l51.314.08v18.23h-73.139zm-28.119 47.029c4.878 1.725 8.865 4.816 10.734 7.375 3.095 4.291 3.542 8.294 3.631 16.037v17.418h-22.002v-10.992c0-5.286.531-13.112-3.542-17.198-3.201-3.147-8.083-3.899-16.076-3.899h-23.42v32.09h-22.02v-87.859h50.594c11.093 0 19.173.47 26.366 4.146 6.915 4.004 11.266 9.487 11.266 19.511-.001 14.022-9.764 21.178-15.531 23.371zM494.961 318.1c-2.932 1.667-6.556 1.811-10.818 1.811h-26.622v-19.732h26.982c3.902 0 7.807.08 10.458 1.587 2.84 1.423 4.538 4.146 4.538 7.903 0 3.758-1.699 6.786-4.538 8.431zm197.82 5.597c4.27 4.229 6.554 9.571 6.554 18.613 0 18.9-12.322 27.723-34.425 27.723h-42.68v-18.84h42.51c4.157 0 7.104-.525 8.95-2.175 1.508-1.358 2.589-3.333 2.589-5.729 0-2.561-1.17-4.592-2.675-5.811-1.675-1.34-3.986-1.949-7.803-1.949-20.493-.67-46.157.609-46.157-27.192 0-12.744 8.355-26.158 31.33-26.158h43.932v18.7h-40.198c-3.984 0-6.575.145-8.779 1.587-2.4 1.422-3.29 3.534-3.29 6.319 0 3.314 2.037 5.57 4.795 6.546 2.311.77 4.795.995 8.526.995l11.797.306c11.895.276 20.061 2.248 25.024 7.065zm86.955-23.52h-39.938c-3.986 0-6.638.144-8.867 1.587-2.312 1.423-3.202 3.534-3.202 6.322 0 3.314 1.951 5.568 4.791 6.544 2.312.771 4.795.996 8.444.996l11.878.304c11.983.284 19.982 2.258 24.86 7.072.891.67 1.422 1.422 2.033 2.175v-25z"
+      fill="#fff"></path>
+  </g>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/cards/discover.svg

@@ -0,0 +1,16 @@
+<svg class="{{class}}" xmlns="http://www.w3.org/2000/svg" width="780" height="500" viewBox="0 0 780 500">
+  <title>discover</title>
+  <g>
+    <g fill-rule="evenodd">
+      <path
+        d="M54.992 0C24.627 0 0 24.63 0 55.004v390.992C0 476.376 24.619 501 54.992 501h670.016C755.373 501 780 476.37 780 445.996V55.004C780 24.624 755.381 0 725.008 0z"
+        fill="#4d4d4d"></path>
+      <path
+        d="M327.152 161.893c8.837 0 16.248 1.784 25.268 6.09v22.751c-8.544-7.863-15.955-11.154-25.756-11.154-19.264 0-34.414 15.015-34.414 34.05 0 20.075 14.681 34.196 35.37 34.196 9.312 0 16.586-3.12 24.8-10.857v22.763c-9.341 4.14-16.911 5.776-25.756 5.776-31.278 0-55.582-22.596-55.582-51.737 0-28.826 24.951-51.878 56.07-51.878zm-97.113.627c11.546 0 22.11 3.72 30.943 10.994l-10.748 13.248c-5.35-5.646-10.41-8.028-16.564-8.028-8.853 0-15.3 4.745-15.3 10.989 0 5.354 3.619 8.188 15.944 12.482 23.365 8.044 30.29 15.176 30.29 30.926 0 19.193-14.976 32.553-36.32 32.553-15.63 0-26.994-5.795-36.458-18.872l13.268-12.03c4.73 8.61 12.622 13.222 22.42 13.222 9.163 0 15.947-5.952 15.947-13.984 0-4.164-2.055-7.734-6.158-10.258-2.066-1.195-6.158-2.977-14.2-5.647-19.291-6.538-25.91-13.527-25.91-27.185 0-16.225 14.214-28.41 32.846-28.41zm234.723 1.728h22.437l28.084 66.592 28.446-66.592h22.267l-45.494 101.686h-11.053zm-397.348.152h30.15c33.312 0 56.534 20.382 56.534 49.641 0 14.59-7.104 28.696-19.118 38.057-10.108 7.901-21.626 11.445-37.574 11.445H67.414zm96.135 0h20.54v99.143h-20.54zm411.734 0h58.252v16.8H595.81v22.005h36.336v16.791H595.81v26.762h37.726v16.785h-58.252V164.4zm71.858 0h30.455c23.69 0 37.265 10.71 37.265 29.272 0 15.18-8.514 25.14-23.986 28.105l33.148 41.766h-25.26l-28.429-39.828h-2.678v39.828h-20.515zm20.515 15.616v30.025h6.002c13.117 0 20.069-5.362 20.069-15.328 0-9.648-6.954-14.697-19.745-14.697zM87.94 181.199v65.559h5.512c13.273 0 21.656-2.394 28.11-7.88 7.103-5.955 11.376-15.465 11.376-24.98 0-9.499-4.273-18.725-11.376-24.681-6.785-5.78-14.837-8.018-28.11-8.018z"
+        fill="#fff"></path>
+      <path
+        d="M415.13 161.21c30.941 0 56.022 23.58 56.022 52.709v.033c0 29.13-25.081 52.742-56.021 52.742s-56.022-23.613-56.022-52.742v-.033c0-29.13 25.082-52.71 56.022-52.71zm364.85 127.15C753.93 306.69 558.9 437.7 221.23 500.98h503.76c30.365 0 54.992-24.63 54.992-55.004v-157.62z"
+        fill="#f47216"></path>
+    </g>
+  </g>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/cards/mastercard.svg

@@ -0,0 +1,26 @@
+<svg class="{{class}}" xmlns="http://www.w3.org/2000/svg" width="780" height="500" viewBox="0 0 780 500">
+  <title>mastercard</title>
+  <g>
+    <path
+      d="M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0z"
+      fill="#16366f"></path>
+    <path
+      d="M449.01 250c0 99.143-80.37 179.5-179.51 179.5S90 349.139 90 250c0-99.133 80.362-179.5 179.5-179.5 99.137 0 179.51 80.37 179.51 179.5"
+      fill="#d9222a"></path>
+    <path
+      d="M510.49 70.496c-46.38 0-88.643 17.596-120.5 46.466a182.443 182.443 0 0 0-18.125 18.996h36.266a181.915 181.915 0 0 1 13.685 19.013h-63.635a179.026 179.026 0 0 0-10.341 19.008h84.312a179.272 179.272 0 0 1 7.6 19.004H340.24a177.1 177.1 0 0 0-5.217 19.009h109.94A180.387 180.387 0 0 1 449.004 250c0 19.934-3.254 39.113-9.254 57.02h-99.512a177.438 177.438 0 0 0 7.595 19.01h84.317a179.885 179.885 0 0 1-10.347 19.013h-63.625a181.512 181.512 0 0 0 13.685 18.996h36.258a179.341 179.341 0 0 1-18.13 19.012c31.86 28.867 74.118 46.454 120.5 46.454 99.138-.001 179.51-80.362 179.51-179.5 0-99.13-80.37-179.5-179.51-179.5"
+      fill="#ee9f2d"></path>
+    <path
+      d="M666.08 350.06c0-3.201 2.592-5.801 5.796-5.801s5.796 2.6 5.796 5.801a5.798 5.798 0 0 1-5.796 5.799 5.798 5.798 0 0 1-5.796-5.799zm5.796 4.408a4.41 4.41 0 0 0 4.408-4.408 4.404 4.404 0 0 0-4.404-4.404h-.004a4.398 4.398 0 0 0-4.404 4.392v.013a4.403 4.403 0 0 0 4.399 4.408l.005-.001zm-.783-1.86h-1.188v-5.094h2.149c.45 0 .908 0 1.305.254.413.278.646.77.646 1.278 0 .57-.337 1.104-.883 1.312l.937 2.25h-1.315l-.78-2.016h-.87v2.016zm0-2.89h.658c.246 0 .504.02.725-.1.196-.125.296-.359.296-.584 0-.195-.12-.42-.288-.516-.207-.131-.536-.101-.758-.101h-.633zm-443.5-80.063c-2.045-.237-2.945-.301-4.35-.301-11.045 0-16.637 3.789-16.637 11.268 0 4.611 2.73 7.546 6.987 7.546 7.938 0 13.659-7.56 14-18.513zm14.171 32.996h-16.146l.371-7.676c-4.925 6.067-11.496 8.95-20.425 8.95-10.562 0-17.804-8.25-17.804-20.229 0-18.024 12.596-28.54 34.217-28.54 2.208 0 5.041.2 7.941.569.605-2.441.763-3.486.763-4.8 0-4.908-3.396-6.738-12.5-6.738-9.533-.108-17.396 2.271-20.625 3.334.204-1.23 2.7-16.658 2.7-16.658 9.712-2.846 16.117-3.917 23.325-3.917 16.733 0 25.596 7.512 25.58 21.712.032 3.805-.597 8.5-1.58 14.671-1.692 10.731-5.32 33.718-5.817 39.322zm-62.158 0h-19.488l11.163-69.997-24.925 69.997h-13.28l-1.64-69.597-11.734 69.597H101.46l15.238-91.054h28.02l1.7 50.966 17.092-50.966h31.167zm354.98-32.996c-2.037-.237-2.942-.301-4.342-.301-11.041 0-16.634 3.789-16.634 11.268 0 4.611 2.726 7.546 6.983 7.546 7.939 0 13.664-7.56 13.993-18.513zm14.183 32.996h-16.145l.365-7.676c-4.925 6.067-11.5 8.95-20.42 8.95-10.566 0-17.8-8.25-17.8-20.229 0-18.024 12.587-28.54 34.212-28.54 2.208 0 5.037.2 7.934.569.604-2.441.763-3.486.763-4.8 0-4.908-3.392-6.738-12.496-6.738-9.533-.108-17.388 2.271-20.63 3.334.205-1.23 2.709-16.658 2.709-16.658 9.713-2.846 16.113-3.917 23.312-3.917 16.741 0 25.604 7.512 25.588 21.712.032 3.805-.597 8.5-1.58 14.671-1.682 10.731-5.32 33.718-5.812 39.322zm-220.39-1.125c-5.334 1.68-9.492 2.399-14 2.399-9.963 0-15.4-5.725-15.4-16.267-.142-3.27 1.433-11.879 2.67-19.737 1.125-6.917 8.45-50.53 8.45-50.53h19.371l-2.262 11.209h11.7l-2.643 17.796h-11.742c-2.25 14.083-5.454 31.625-5.491 33.95 0 3.817 2.037 5.483 6.67 5.483 2.221 0 3.941-.226 5.255-.7zm59.391-.6c-6.654 2.033-13.075 3.017-19.879 3-21.683-.021-32.987-11.346-32.987-33.032 0-25.313 14.38-43.947 33.9-43.947 15.97 0 26.17 10.433 26.17 26.796 0 5.429-.7 10.729-2.387 18.212h-38.575c-1.304 10.742 5.57 15.217 16.837 15.217 6.935 0 13.188-1.43 20.142-4.663zm-10.887-43.9c.107-1.543 2.054-13.217-9.013-13.217-6.171 0-10.583 4.704-12.38 13.217zm-123.42-5.017c0 9.367 4.541 15.825 14.841 20.676 7.892 3.709 9.113 4.809 9.113 8.17 0 4.617-3.48 6.7-11.192 6.7-5.812 0-11.22-.907-17.458-2.92 0 0-2.563 16.32-2.68 17.101 4.43.966 8.38 1.861 20.28 2.19 20.562 0 30.058-7.829 30.058-24.75 0-10.175-3.975-16.146-13.737-20.633-8.171-3.75-9.109-4.588-9.109-8.046 0-4.004 3.238-6.046 9.538-6.046 3.825 0 9.05.408 14 1.113l2.775-17.175c-5.046-.8-12.696-1.442-17.15-1.442-21.8 0-29.346 11.387-29.279 25.062m229.09-23.116c5.413 0 10.459 1.42 17.413 4.92l3.187-19.762c-2.854-1.12-12.904-7.7-21.416-7.7-13.042 0-24.066 6.47-31.82 17.15-11.31-3.746-15.959 3.825-21.659 11.367l-5.062 1.179c.383-2.483.73-4.95.613-7.446h-17.896c-2.445 22.917-6.779 46.13-10.171 69.075l-.884 4.976h19.496c3.254-21.143 5.038-34.681 6.121-43.842l7.342-4.084c1.096-4.08 4.529-5.458 11.416-5.292a82.966 82.966 0 0 0-1.383 15.184c0 24.225 13.071 39.308 34.05 39.308 5.404 0 10.042-.712 17.221-2.657l3.431-20.76c-6.46 3.18-11.761 4.676-16.561 4.676-11.328 0-18.183-8.362-18.183-22.184-.001-20.05 10.195-34.108 24.745-34.108">
+    </path>
+    <path
+      d="M185.21 297.24h-19.491l11.17-69.988-24.925 69.988h-13.282l-1.642-69.588-11.733 69.588h-18.243l15.238-91.042h28.02l.788 56.362 18.904-56.362h30.267z"
+      fill="#fff"></path>
+    <path
+      d="M647.52 211.6l-4.319 26.308c-5.33-7.012-11.054-12.087-18.612-12.087-9.834 0-18.784 7.454-24.642 18.425-8.158-1.692-16.597-4.563-16.597-4.563l-.004.067c.658-6.133.92-9.875.862-11.146h-17.9c-2.437 22.917-6.77 46.13-10.157 69.075l-.893 4.976h19.492c2.633-17.097 4.65-31.293 6.133-42.551 6.659-6.017 9.992-11.267 16.721-10.917-2.979 7.206-4.725 15.504-4.725 24.017 0 18.513 9.367 30.725 23.534 30.725 7.141 0 12.62-2.462 17.966-8.17l-.912 6.884H651.9l14.842-91.043zm-24.37 73.942c-6.634 0-9.983-4.909-9.983-14.597 0-14.553 6.271-24.875 15.112-24.875 6.695 0 10.32 5.104 10.32 14.508.001 14.681-6.369 24.964-15.449 24.964z">
+    </path>
+    <path
+      d="M233.19 264.26c-2.042-.236-2.946-.3-4.346-.3-11.046 0-16.634 3.788-16.634 11.267 0 4.604 2.73 7.547 6.98 7.547 7.945-.001 13.666-7.559 14-18.514zm14.179 32.984h-16.146l.367-7.663c-4.921 6.054-11.5 8.95-20.421 8.95-10.567 0-17.804-8.25-17.804-20.229 0-18.032 12.591-28.542 34.216-28.542 2.209 0 5.042.2 7.938.571.604-2.442.762-3.487.762-4.808 0-4.908-3.391-6.73-12.496-6.73-9.537-.108-17.395 2.272-20.629 3.322.204-1.226 2.7-16.638 2.7-16.638 9.709-2.858 16.121-3.93 23.321-3.93 16.738 0 25.604 7.518 25.588 21.705.029 3.82-.605 8.512-1.584 14.675-1.687 10.725-5.32 33.725-5.812 39.317zm261.38-88.592l-3.192 19.767c-6.95-3.496-12-4.921-17.407-4.921-14.551 0-24.75 14.058-24.75 34.107 0 13.821 6.857 22.181 18.183 22.181 4.8 0 10.096-1.492 16.554-4.677l-3.42 20.75c-7.184 1.959-11.816 2.672-17.226 2.672-20.976 0-34.05-15.084-34.05-39.309 0-32.55 18.059-55.3 43.888-55.3 8.507.001 18.562 3.609 21.42 4.73m31.442 55.608c-2.041-.236-2.941-.3-4.346-.3-11.042 0-16.634 3.788-16.634 11.267 0 4.604 2.729 7.547 6.984 7.547 7.937-.001 13.662-7.559 13.996-18.514zm14.179 32.984h-16.15l.37-7.663c-4.924 6.054-11.5 8.95-20.42 8.95-10.563 0-17.804-8.25-17.804-20.229 0-18.032 12.595-28.542 34.212-28.542 2.213 0 5.042.2 7.941.571.601-2.442.763-3.487.763-4.808 0-4.908-3.392-6.73-12.496-6.73-9.533-.108-17.396 2.272-20.629 3.322.204-1.226 2.704-16.638 2.704-16.638 9.709-2.858 16.116-3.93 23.316-3.93 16.742 0 25.604 7.518 25.583 21.705.034 3.82-.595 8.512-1.579 14.675-1.682 10.725-5.324 33.725-5.811 39.317zm-220.39-1.122c-5.338 1.68-9.496 2.409-14 2.409-9.963 0-15.4-5.726-15.4-16.266-.138-3.281 1.437-11.881 2.675-19.738 1.12-6.926 8.446-50.533 8.446-50.533h19.367l-2.259 11.212h9.942l-2.646 17.788h-9.975c-2.25 14.091-5.463 31.619-5.496 33.949 0 3.83 2.042 5.483 6.671 5.483 2.22 0 3.938-.217 5.254-.692zm59.392-.591c-6.65 2.033-13.08 3.013-19.88 3-21.684-.021-32.987-11.346-32.987-33.033 0-25.321 14.38-43.95 33.9-43.95 15.97 0 26.17 10.429 26.17 26.8 0 5.433-.7 10.733-2.382 18.212h-38.575c-1.306 10.741 5.569 15.221 16.837 15.221 6.93 0 13.188-1.434 20.137-4.676zm-10.892-43.912c.117-1.538 2.059-13.217-9.013-13.217-6.166 0-10.579 4.717-12.375 13.217zm-123.42-5.004c0 9.365 4.542 15.816 14.842 20.675 7.891 3.708 9.112 4.812 9.112 8.17 0 4.617-3.483 6.7-11.187 6.7-5.817 0-11.225-.908-17.467-2.92 0 0-2.554 16.32-2.67 17.1 4.42.967 8.374 1.85 20.274 2.191 20.567 0 30.059-7.829 30.059-24.746 0-10.18-3.971-16.15-13.738-20.637-8.167-3.758-9.112-4.583-9.112-8.046 0-4 3.245-6.058 9.541-6.058 3.821 0 9.046.42 14.004 1.125l2.771-17.18c-5.041-.8-12.691-1.441-17.146-1.441-21.804 0-29.345 11.379-29.283 25.067m398.45 50.629h-18.437l.917-6.893c-5.347 5.717-10.825 8.18-17.967 8.18-14.168 0-23.53-12.213-23.53-30.725 0-24.63 14.521-45.393 31.709-45.393 7.558 0 13.28 3.088 18.604 10.096l4.325-26.308h19.221zm-28.745-17.109c9.075 0 15.45-10.283 15.45-24.953 0-9.405-3.63-14.509-10.325-14.509-8.838 0-15.116 10.317-15.116 24.875-.001 9.686 3.357 14.587 9.991 14.587zm-56.843-56.929c-2.439 22.917-6.773 46.13-10.162 69.063l-.891 4.975h19.491c6.971-45.275 8.658-54.117 19.588-53.009 1.742-9.266 4.982-17.383 7.399-21.479-8.163-1.7-12.721 2.913-18.688 11.675.471-3.787 1.334-7.466 1.163-11.225zm-160.42 0c-2.446 22.917-6.78 46.13-10.167 69.063l-.887 4.975h19.5c6.962-45.275 8.646-54.117 19.569-53.009 1.75-9.266 4.992-17.383 7.4-21.479-8.154-1.7-12.716 2.913-18.678 11.675.47-3.787 1.325-7.466 1.162-11.225zm254.57 68.242c0-3.214 2.596-5.8 5.796-5.8a5.79 5.79 0 0 1 5.795 5.785v.015a5.798 5.798 0 0 1-5.795 5.796 5.8 5.8 0 0 1-5.796-5.796zm5.796 4.404a4.4 4.4 0 0 0 4.403-4.401v-.002a4.403 4.403 0 0 0-4.399-4.408h-.004a4.41 4.41 0 0 0-4.409 4.408 4.409 4.409 0 0 0 4.409 4.403zm-.784-1.87h-1.188v-5.084h2.154c.446 0 .908.008 1.296.254.416.283.654.767.654 1.274 0 .575-.338 1.113-.888 1.317l.941 2.236h-1.319l-.78-2.008h-.87v2.008zm0-2.88h.654c.245 0 .513.018.729-.1.195-.125.295-.361.295-.587a.674.674 0 0 0-.287-.524c-.204-.117-.542-.085-.763-.085h-.629v1.296z"
+      fill="#fff"></path>
+  </g>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/cards/paypal.svg

@@ -0,0 +1,26 @@
+<svg class="{{class}}" xmlns="http://www.w3.org/2000/svg" width="780" height="500" viewBox="0 0 780 500">
+  <title>paypal</title>
+  <g>
+    <path
+      d="M725 0H55C24.673 0 0 24.673 0 55v391c0 30.327 24.673 55 55 55h670c30.325 0 55-24.673 55-55V55c0-30.327-24.675-55-55-55z"
+      fill="#fff"></path>
+    <path
+      d="M168.38 169.85c-8.399-5.774-19.359-8.668-32.88-8.668H83.154c-4.145 0-6.435 2.073-6.87 6.214l-21.265 133.48c-.221 1.311.107 2.51.981 3.6.869 1.093 1.962 1.636 3.271 1.636h24.864c4.361 0 6.758-2.068 7.198-6.216l5.888-35.985c.215-1.744.982-3.162 2.291-4.254 1.308-1.09 2.944-1.804 4.907-2.13 1.963-.324 3.814-.487 5.562-.487 1.743 0 3.814.11 6.217.327 2.397.218 3.925.324 4.58.324 18.756 0 33.478-5.285 44.167-15.866 10.684-10.577 16.032-25.244 16.032-44.004 0-12.868-4.202-22.192-12.597-27.975zm-26.99 40.08c-1.094 7.635-3.926 12.649-8.506 15.049-4.581 2.403-11.124 3.597-19.629 3.597l-10.797.328 5.563-35.007c.434-2.397 1.851-3.597 4.252-3.597h6.218c8.72 0 15.049 1.257 18.975 3.761 3.924 2.51 5.233 7.802 3.924 15.869z"
+      fill="#003087"></path>
+    <path
+      d="M720.79 161.18h-24.208c-2.405 0-3.821 1.2-4.253 3.599l-21.267 136.1-.328.654c0 1.096.437 2.127 1.311 3.109.868.979 1.963 1.471 3.271 1.471h21.595c4.138 0 6.429-2.068 6.871-6.215l21.265-133.81v-.325c-.002-3.053-1.424-4.58-4.257-4.58z"
+      fill="#009cde"></path>
+    <path
+      d="M428.31 213.86c0-1.088-.438-2.126-1.306-3.106-.875-.981-1.857-1.474-2.945-1.474h-25.191c-2.404 0-4.366 1.096-5.89 3.271l-34.679 51.04-14.394-49.075c-1.096-3.488-3.493-5.236-7.198-5.236h-24.54c-1.093 0-2.075.492-2.942 1.474-.875.98-1.309 2.019-1.309 3.106 0 .44 2.127 6.871 6.379 19.303 4.252 12.434 8.833 25.848 13.741 40.244 4.908 14.394 7.468 22.031 7.688 22.898-17.886 24.43-26.826 37.518-26.826 39.26 0 2.838 1.417 4.254 4.253 4.254h25.191c2.399 0 4.361-1.088 5.89-3.271l83.427-120.4c.433-.433.651-1.193.651-2.289z"
+      fill="#003087"></path>
+    <path
+      d="M662.89 209.28h-24.865c-3.056 0-4.904 3.599-5.559 10.797-5.677-8.72-16.031-13.088-31.083-13.088-15.704 0-29.065 5.89-40.077 17.668-11.016 11.779-16.521 25.631-16.521 41.551 0 12.871 3.761 23.121 11.285 30.752 7.524 7.639 17.611 11.451 30.266 11.451 6.323 0 12.757-1.311 19.3-3.926 6.544-2.617 11.665-6.105 15.379-10.469 0 .219-.222 1.198-.654 2.942-.44 1.748-.655 3.06-.655 3.926 0 3.494 1.414 5.234 4.254 5.234h22.576c4.138 0 6.541-2.068 7.193-6.216l13.415-85.389c.215-1.309-.111-2.507-.981-3.599-.876-1.087-1.964-1.634-3.273-1.634zm-42.694 64.452c-5.562 5.453-12.269 8.179-20.12 8.179-6.328 0-11.449-1.742-15.377-5.234-3.928-3.483-5.891-8.282-5.891-14.396 0-8.064 2.727-14.884 8.181-20.446 5.446-5.562 12.214-8.343 20.284-8.343 6.102 0 11.174 1.8 15.212 5.397 4.032 3.599 6.055 8.563 6.055 14.888-.001 7.851-2.783 14.505-8.344 19.955z"
+      fill="#009cde"></path>
+    <path
+      d="M291.23 209.28h-24.864c-3.058 0-4.908 3.599-5.563 10.797-5.889-8.72-16.25-13.088-31.081-13.088-15.704 0-29.065 5.89-40.078 17.668-11.016 11.779-16.521 25.631-16.521 41.551 0 12.871 3.763 23.121 11.288 30.752 7.525 7.639 17.61 11.451 30.262 11.451 6.104 0 12.433-1.311 18.975-3.926 6.543-2.617 11.778-6.105 15.704-10.469-.875 2.616-1.309 4.907-1.309 6.868 0 3.494 1.417 5.234 4.253 5.234h22.574c4.141 0 6.543-2.068 7.198-6.216l13.413-85.389c.215-1.309-.112-2.507-.981-3.599-.873-1.087-1.962-1.634-3.27-1.634zm-42.695 64.614c-5.563 5.351-12.382 8.017-20.447 8.017-6.329 0-11.4-1.742-15.214-5.234-3.819-3.483-5.726-8.282-5.726-14.396 0-8.064 2.725-14.884 8.18-20.446 5.449-5.562 12.211-8.343 20.284-8.343 6.104 0 11.175 1.8 15.214 5.398 4.032 3.599 6.052 8.563 6.052 14.888 0 8.069-2.781 14.778-8.343 20.116z"
+      fill="#003087"></path>
+    <path
+      d="M540.04 169.85c-8.398-5.774-19.356-8.668-32.879-8.668h-52.02c-4.364 0-6.765 2.073-7.197 6.214l-21.266 133.48c-.221 1.312.106 2.511.981 3.601.865 1.092 1.962 1.635 3.271 1.635h26.826c2.617 0 4.361-1.416 5.235-4.252l5.89-37.949c.216-1.744.98-3.162 2.29-4.254 1.309-1.09 2.943-1.803 4.908-2.13 1.962-.324 3.812-.487 5.562-.487 1.743 0 3.814.11 6.214.327 2.399.218 3.931.324 4.58.324 18.76 0 33.479-5.285 44.168-15.866 10.688-10.577 16.031-25.244 16.031-44.004.002-12.867-4.199-22.191-12.594-27.974zm-33.534 53.82c-4.799 3.271-11.997 4.906-21.592 4.906l-10.47.328 5.562-35.007c.432-2.397 1.849-3.597 4.252-3.597h5.887c4.798 0 8.614.218 11.454.653 2.831.44 5.562 1.799 8.179 4.089 2.618 2.291 3.926 5.618 3.926 9.98 0 9.16-2.402 15.375-7.198 18.648z"
+      fill="#009cde"></path>
+  </g>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/cards/visa.svg

@@ -0,0 +1,14 @@
+<svg class="{{class}}" xmlns="http://www.w3.org/2000/svg" width="780" height="500" viewBox="0 0 780 500">
+  <title>visa</title>
+  <g>
+    <path
+      d="M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0z"
+      fill="#0e4595"></path>
+    <path
+      d="M293.2 348.73l33.361-195.76h53.36l-33.385 195.76zm246.11-191.54c-10.57-3.966-27.137-8.222-47.822-8.222-52.725 0-89.865 26.55-90.18 64.603-.299 28.13 26.514 43.822 46.752 53.186 20.771 9.595 27.752 15.714 27.654 24.283-.131 13.121-16.586 19.116-31.922 19.116-21.357 0-32.703-2.967-50.227-10.276l-6.876-3.11-7.489 43.823c12.463 5.464 35.51 10.198 59.438 10.443 56.09 0 92.5-26.246 92.916-66.882.199-22.269-14.016-39.216-44.801-53.188-18.65-9.055-30.072-15.099-29.951-24.268 0-8.137 9.668-16.839 30.557-16.839 17.449-.27 30.09 3.535 39.938 7.5l4.781 2.26zm137.31-4.223h-41.232c-12.773 0-22.332 3.487-27.941 16.234l-79.244 179.4h56.031s9.16-24.123 11.232-29.418c6.125 0 60.555.084 68.338.084 1.596 6.853 6.49 29.334 6.49 29.334h49.514l-43.188-195.64zm-65.418 126.41c4.412-11.279 21.26-54.723 21.26-54.723-.316.522 4.379-11.334 7.074-18.684l3.605 16.879s10.219 46.729 12.354 56.528zm-363.3-126.41l-52.24 133.5-5.567-27.13c-9.725-31.273-40.025-65.155-73.898-82.118l47.766 171.2 56.456-.064 84.004-195.39h-56.521"
+      fill="#fff"></path>
+    <path
+      d="M146.92 152.96H60.879l-.681 4.073c66.938 16.204 111.23 55.363 129.62 102.41l-18.71-89.96c-3.23-12.395-12.597-16.094-24.186-16.527"
+      fill="#f2ae14"></path>
+  </g>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/linework.svg

@@ -0,0 +1,6 @@
+<svg width="1369" height="202" viewBox="0 0 1369 202" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path opacity="0.25" d="M-49.5166 62.5836C18.8101 35.5836 226.389 2.68356 510.092 87.0836C864.72 192.584 1069.7 231.084 1367.74 174.584" stroke="#1C94D9" stroke-width="2" stroke-linecap="round"/>
+<path d="M-130 30.5836C-61.6733 3.58358 145.906 -29.3164 429.608 55.0836C784.236 160.584 989.216 199.084 1287.25 142.584" stroke="#F2F6F7" stroke-width="2" stroke-linecap="round"/>
+</g>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/logo.svg

@@ -0,0 +1,3 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 49C2.68629 49 4.04954e-06 46.3137 4.33923e-06 43L7.57388e-06 6C7.86357e-06 2.68629 2.6863 -2.34175e-07 6.00001 5.55182e-08L43 3.29016e-06C46.3137 3.57985e-06 49 2.68629 49 6L49 43C49 46.3137 46.3137 49 43 49L6 49ZM27.0487 7.19884C26.7537 7.15423 26.5152 7.4441 26.5152 7.74239L26.5152 14.1001C26.5152 17.1779 29.847 19.1015 32.5124 17.5626C33.4762 17.0062 34.7087 17.3364 35.2652 18.3002C35.8216 19.2641 35.4914 20.4965 34.5276 21.053C31.8332 22.6085 31.8332 26.4974 34.5276 28.053C35.4914 28.6095 35.8216 29.8419 35.2652 30.8057C34.7087 31.7696 33.4762 32.0998 32.5124 31.5433C29.847 30.0044 26.5151 31.9281 26.5151 35.0059L26.5151 36.5643C26.5151 39.5009 29.1413 41.8187 31.8044 40.5812C37.8253 37.7836 42 31.6824 42 24.6061C42 15.7849 35.5127 8.4789 27.0487 7.19884ZM6.78789 24.6061C6.78789 15.7175 13.3747 8.3674 21.9335 7.17056C22.2405 7.12763 22.4848 7.43239 22.4848 7.74239L22.4848 14.218C22.4848 17.2767 19.1737 19.1884 16.5247 17.6591C15.5609 17.1026 14.3284 17.4328 13.772 18.3967C13.2155 19.3605 13.5457 20.5929 14.5096 21.1494C17.1297 22.6621 17.1297 26.4439 14.5096 27.9566C13.5457 28.513 13.2155 29.7455 13.772 30.7093C14.3284 31.6732 15.5609 32.0034 16.5247 31.4469C19.1737 29.9175 22.4848 31.8293 22.4848 34.888L22.4848 36.5904C22.4848 39.5379 19.8674 41.8799 17.1792 40.6708C11.0533 37.9153 6.78789 31.7588 6.78789 24.6061Z"/>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/meta/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/meta/favicon.svg

@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M183.397 82C150.593 82 124 108.593 124 141.397V264.372C124 297.176 150.593 323.768 183.397 323.768C216.2 323.768 242.793 297.176 242.793 264.372V141.397C242.793 108.593 216.2 82 183.397 82ZM329.603 82C296.8 82 270.207 108.593 270.207 141.397V370.603C270.207 403.407 296.8 430 329.603 430C362.407 430 389 403.407 389 370.603V141.397C389 108.593 362.407 82 329.603 82Z" fill="#4F46E5"/>
+</svg>