railsui 3.1.0

data/config/routes.rb

@@ -0,0 +1,114 @@
+Railsui::Engine.routes.draw do
+  resource :admin, only: :show
+  resource :configuration, only: [:create, :update] do
+    get 'reset_colors', on: :collection
+  end
+  resource :systems, only: :show
+  resource :routes, only: :show
+  resources :mailers, only: [:index, :show]
+  get :delete_page, to: "configurations#delete_page"
+
+  namespace :systems do
+    get :authentication
+    get :components
+    get :content
+    get :flash
+    get :forms
+    get :icons
+    get :pages
+    get :scaffolds
+
+    namespace :authentication do
+      get :overview
+
+      namespace :devise do
+        get :confirmation
+        get :edit
+        get :overview
+        get :change_password
+        get :reset_password
+        get :signin
+        get :signup
+        get :unlocks
+      end
+
+      namespace :static do
+        get :confirmation
+        get :edit
+        get :overview
+        get :change_password
+        get :reset_password
+        get :signin
+        get :signup
+        get :unlocks
+      end
+    end
+
+    namespace :content do
+      get :image
+      get :table
+      get :typography
+    end
+
+    namespace :forms do
+      get :action_text
+      get :checkbox
+      get :input_group
+      get :input
+      get :layout
+      get :radio
+      get :select
+      get :switch
+      get :validation
+    end
+
+    namespace :components do
+      get :accordion
+      get :alert
+      get :avatar
+      get :badge
+      get :breadcrumb
+      get :button
+      get :card
+      get :combobox
+      get :datalist
+      get :dropdown
+      get :flash
+      get :label
+      get :modal
+      get :navigation
+      get :pagination
+      get :tab
+      get :toast
+      get :tooltip
+    end
+
+    namespace :mailers do
+      get :overview
+      get :devise
+      get :layout
+      get :minimal
+      get :promotion
+      get :transactional
+    end
+
+    namespace :helpers do
+      get :overview
+      get :demo_avatar
+      get :email_action
+      get :email_callout
+      get :icon
+      get :nav_link
+      get :spacer
+      get :railsui_head
+      get :custom_colors
+    end
+  end
+
+  scope controller: :default do
+    get :index
+    get :start
+  end
+
+  root to: "admin#show"
+end

data/config/theme.yml

@@ -0,0 +1,4 @@
+hound:
+  body_classes: antialiased h-full bg-slate-50 dark:bg-slate-900 dark:text-slate-100 text-slate-800
+shepherd:
+  body_classes: h-full antialiased text-zinc-800 leading-normal selection:bg-primary-100 selection:text-primary-700 dark:bg-zinc-900 bg-white dark:text-zinc-50 dark:selection:bg-zinc-500/40 dark:selection:text-zinc-200

data/lib/generators/railsui/install/install_generator.rb

@@ -0,0 +1,101 @@
+require "railsui/theme_setup"
+
+module Railsui
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      include Railsui::ThemeSetup
+
+      source_root File.expand_path("templates", __dir__)
+
+      def create_config
+        configuration_params = {
+          application_name: "Rails UI",
+          support_email: "support@example.com",
+          theme: "hound",
+          pages: Railsui::Pages.get_pages('hound')
+        }
+
+        config = Railsui::Configuration.new(configuration_params)
+        config.save
+      end
+
+      def install_dependencies
+        config = Railsui::Configuration.load!
+
+        @theme = Railsui.config.theme
+
+        if File.exist?("#{Rails.root}/config/importmap.rb")
+          say "❌ Detected importmaps which is unfortunately not supported by Rails UI. For best results, please use another bundling solution from jsbundling-rails (i.e., esbuild, bun) before installing", :yellow
+        else
+          say "🔥 Installing default theme: #{@theme.humanize} 🐶. Don't worry, you can change this."
+
+          # Add engine routes
+          # Add a GUI for easier theme configuration
+          copy_railsui_routes
+
+          # gems railsui_icon and action_text
+          install_gems
+
+          # mailers
+          update_application_helper
+          update_railsui_mailer_layout(@theme)
+          generate_sample_mailers(@theme)
+
+          # rails ui deps
+          install_theme_dependencies(@theme)
+
+          # assets
+          copy_theme_javascript(@theme)
+          copy_theme_stylesheets(@theme)
+
+          # view related
+          copy_railsui_head(@theme)
+          copy_railsui_launcher(@theme)
+
+          # cleanup
+          remove_action_text_defaults
+
+          # Copy the pages related files.
+          copy_railsui_pages_routes
+          copy_railsui_page_controller(@theme)
+          copy_railsui_images(@theme)
+          copy_railsui_pages(@theme)
+
+          # migrate
+          rails_command "db:migrate"
+
+          config.save
+say "
+MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMWXOxooodOXMMMMMMMMMMWXxxXMMMMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMXd:,..     'dXMMMMWWKx:.  ,OWMMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMXO0KK0x:     cXWKxool'     .oXMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMMNc    .:o:.lNWXl.     ,OWMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMMMx.    'O0;oMMMWk'     .dNMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMMWo     :NK;dMMMMMKc     .xWMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMWKdl,     :NK;dMMMMMMNd. .lONMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMNkooxKd     :NK;dMMMMWKxllkXMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMW0l' .:ONd     :NK;oMMXk:..dNMMMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMNx,.    ,'     :NK;;xl.    .;xNMMMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMW0o,         :NK,.::,.      ,kWMMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMNx'       :NK;oMMWKx,     .lNMMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMXc      :NK;oMMMMMNo.     oWMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMMX:     :NK;dMMMMMMWd.    .xMMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMMMx.    :X0;dMMMMMMMNl     '0MMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMXOo:.      ''.,dx0NMMMMXc     ;KMMMMMMMMMMMMM
+MMMMMMMMMMMMNkc.                .'codXMK;     'dxKMMMMMMMMMM
+MMMMMMMMMMNx,. .',;:::;,..        .lKWMMK;     ,dXMMMMMMMMMM
+MMMMMMMMMNxldk0XNWMMMMMWNKkl,.  .lKWMMMMMXo. ,xNMMMMMMMMMMMM
+MMMMMMMMMWWMMMMMMMMMMMMMMMMMW0kkKWMMMMMMMMWKONMMMMMMMMMMMMMM
+MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+"
+          say "✅ Install complete", :green
+          say "--"
+          say "🔥 Rails UI is now installed. You can access your configuration at /railsui"
+          say "Read documentation at https://railsui.com/docs for FAQs, guides, and more."
+        end
+      end
+    end
+  end
+end

data/lib/generators/railsui/install/templates/controllers/pages_controller.rb

@@ -0,0 +1,28 @@
+class Rui::PagesController < ApplicationController
+  Railsui.config.pages.each do |page|
+    define_method(page.to_sym) do
+      render "rui/pages/#{page}", layout: determine_layout(page)
+    end
+  end
+
+  private
+
+  def determine_layout(page)
+    page_obj = Railsui::Pages.installed_pages[page.to_s]
+
+    return "rui/railsui_#{page_obj['layout']}" if custom_layout_exists?(page_obj)
+    return "rui/railsui_admin" if admin_layout?(page_obj)
+    "rui/railsui"
+  end
+
+  def custom_layout_exists?(page_obj)
+    page_obj['layout'].present? &&
+      lookup_context.exists?("layouts/rui/railsui_#{page_obj['layout']}")
+  end
+
+  def admin_layout?(page_obj)
+    page_obj['namespace'] == 'admin' &&
+      lookup_context.exists?("layouts/rui/railsui_admin") &&
+      !page_obj['layout'].present?
+  end
+end

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/checkboard-pattern.svg

@@ -0,0 +1 @@
+<svg fill="none" height="428" viewBox="0 0 80 428" width="80" xmlns="http://www.w3.org/2000/svg"><g clip-rule="evenodd" fill="#e0e7ff" fill-rule="evenodd" opacity=".1"><path d="m-.00000267 145.886.00000054 12.485h12.48570213v-12.485zm.00000629 48.628.00000055 12.486h12.48569583v-12.486zm-.00000575-84.771-.00000054-12.4859h12.48570267v12.4859zm.00000044-36.8001.00000054 12.4857h12.48570115v-12.4857zm-.00000052-11.8286-.00000054-12.4857h12.48570275v12.4857zm-.00000161-36.8.00000055 12.4857h12.48570327v-12.4857zm.00000169-11.8286-.00000054-12.4857 12.48570267-.00000055v12.48570055zm22.34290213 182.0283v12.486h12.4857v-12.486zm0-11.828v-12.486h12.4857l.0001 12.486zm0-36.8v12.485h12.4858v-12.485zm0-11.829v-12.486h12.4858v12.486zm0-36.7999v12.4859h12.4858v-12.4859zm0-11.8285v-12.4857h12.4857v12.4857zm0-36.8v12.4857h12.4858v-12.4857zm0-11.8286v-12.4857h12.4858v12.4857zm0-36.80000098v12.48570098h12.4858v-12.48570152zm22.3428 207.00000098v-12.486h12.4857v12.486zm-.0001-36.8v12.486h12.4857v-12.486zm0-11.829v-12.485h12.4857l.0001 12.485zm0-36.8v12.486h12.4857v-12.486zm0-11.828v-12.4859h12.4857v12.4859zm0-36.8001v12.4857h12.4857v-12.4857zm0-11.8286v-12.4857h12.4857v12.4857zm0-61.11430195v12.48570195h12.4857v-12.4857025zm22.343 207.00000195v-12.486h12.4857v12.486zm0-36.8v12.486h12.4857v-12.486zm0-11.829v-12.485h12.4857v12.485zm0-36.8v12.486h12.4857v-12.486zm0-11.828v-12.4859h12.4857v12.4859zm0-36.8001v12.4857h12.4857v-12.4857z"/><path d="m79.5142 366.886v12.485h-12.4858v-12.485zm0 48.628v12.486h-12.4858v-12.486zm0-84.771v-12.486h-12.4858v12.486zm0-36.8v12.486h-12.4858v-12.486zm0-11.829v-12.485h-12.4858v12.485zm0-36.8v12.486h-12.4858v-12.486zm0-11.828v-12.486h-12.4858v12.486zm-22.3429 182.028v12.486h-12.4857v-12.486zm-.0001-11.828v-12.486h-12.4857v12.486zm0-36.8v12.485h-12.4857v-12.485zm0-11.829v-12.486h-12.4857v12.486zm0-36.8v12.486h-12.4857v-12.486zm0-11.828v-12.486h-12.4857v12.486zm0-36.8v12.485h-12.4857v-12.485zm0-11.829v-12.486h-12.4857v12.486zm0-36.8v12.486h-12.4857v-12.486zm-22.3428 207v-12.486h-12.4857v12.486zm.0001-36.8v12.486h-12.4857v-12.486zm0-11.829v-12.485h-12.4857v12.485zm0-36.8v12.486h-12.4857v-12.486zm0-11.828v-12.486h-12.4857v12.486zm0-36.8v12.486h-12.4857v-12.486zm0-11.829v-12.485h-12.4857v12.485zm0-61.114v12.486h-12.4857v-12.486zm-22.3429 207v-12.486h-12.48572915l-.00000055 12.486zm0-36.8v12.486h-12.48572864l.00000055-12.486zm0-11.829v-12.485h-12.48572703l-.00000054 12.485zm0-36.8v12.486h-12.48572651l.00000054-12.486zm0-11.828v-12.486h-12.48573253l-.00000055 12.486zm0-36.8v12.486h-12.48573202l.00000055-12.486z"/></g></svg>

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

@@ -0,0 +1 @@
+<svg fill="none" height="190" viewBox="0 0 145 190" width="145" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m32.5 0c-17.9493 0-32.5 14.5507-32.5 32.5v67c0 17.949 14.5507 32.5 32.5 32.5s32.5-14.551 32.5-32.5v-67c0-17.9493-14.5507-32.5-32.5-32.5zm80 0c-17.9493 0-32.5 14.5507-32.5 32.5v125c0 17.949 14.5507 32.5 32.5 32.5 17.949 0 32.5-14.551 32.5-32.5v-125c0-17.9493-14.551-32.5-32.5-32.5z" fill-rule="evenodd"/></svg>

data/lib/generators/railsui/install/templates/themes/hound/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>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/omniauth/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/omniauth/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>github</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/omniauth/google.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g><path d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></g></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/omniauth/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/omniauth/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>linkedin</title><path  d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/omniauth/x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>x</title><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932zM17.61 20.644h2.039L6.486 3.24H4.298z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/omniauth/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>youtube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/quote.svg

@@ -0,0 +1 @@
+<svg fill="none" height="22" viewBox="0 0 28 22" width="28" xmlns="http://www.w3.org/2000/svg"><path d="m12.5312 16.9375c0 1.3333-.5416 2.5-1.625 3.5-1.06245 1-2.32287 1.5-3.7812 1.5-2.29167 0-4.05208-.7604-5.28125-2.2813-1.229167-1.5208-1.84375-3.625-1.84375-6.3124 0-2.5 1.05208-5.02088 3.15625-7.56255 2.125-2.54167 4.67708-4.46875 7.65625-5.78125l1.375 2.21875c-2.35417 1.14583-4.19792 2.47917-5.53125 4s-2.10417 3.36458-2.3125 5.53125h1.75c1.29167 0 2.34375.1458 3.15625.4375s1.4688.6979 1.9688 1.2187c.4791.5.8124 1.0521 1 1.6563.2083.6042.3124 1.2292.3124 1.875zm15.4063 0c0 1.3333-.5417 2.5-1.625 3.5-1.0625 1-2.3229 1.5-3.7813 1.5-2.2916 0-4.052-.7604-5.2812-2.2813-1.2292-1.5208-1.8438-3.625-1.8438-6.3124 0-2.5 1.0521-5.02088 3.1563-7.56255 2.125-2.54167 4.6771-4.46875 7.6563-5.78125l1.375 2.21875c-2.3542 1.14583-4.198 2.47917-5.5313 4s-2.1042 3.36458-2.3125 5.53125h1.75c1.2917 0 2.3438.1458 3.1562.4375.8126.2917 1.4688.6979 1.9688 1.2187.4792.5.8125 1.0521 1 1.6563.2083.6042.3125 1.2292.3125 1.875z" fill="#fff" opacity=".1"/></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/social/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/social/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>github</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/social/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/social/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>linkedin</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/social/x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>x</title><g><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932zM17.61 20.644h2.039L6.486 3.24H4.298z"></path></g></svg>

data/lib/generators/railsui/install/templates/themes/hound/images/railsui/social/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>youtube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg>

data/lib/generators/railsui/install/templates/themes/hound/javascript/controllers/railsui/combo_select_controller.js

@@ -0,0 +1,262 @@
+import { Controller } from "@hotwired/stimulus"
+import { useTransition } from "stimulus-use"
+
+export default class extends Controller {
+  static targets = ["input", "options", "active"]
+  static values = {
+    items: Array,
+  }
+
+  toggle() {
+    this.toggleTransition()
+  }
+
+  hide(event) {
+    if (
+      event &&
+      !this.element.contains(event.target) &&
+      !this.optionsTarget.classList.contains("hidden")
+    ) {
+      this.hideOptions()
+    }
+  }
+
+  handleKeyboardNavigation(event) {
+    // If dropdown is not open, handle opening it with Enter or ArrowDown/ArrowUp keys
+    if (this.optionsTarget.classList.contains("hidden")) {
+      if (
+        event.key === "Enter" ||
+        event.key === "ArrowDown" ||
+        event.key === "ArrowUp"
+      ) {
+        event.preventDefault()
+        this.showOptions()
+
+        // Set initial focus to the first option in the list
+        this.optionsTarget.firstElementChild.focus()
+      }
+    } else {
+      // If dropdown is open, handle navigation and selection within the dropdown
+      const options = Array.from(this.optionsTarget.children)
+      const currentIndex = options.findIndex(
+        (option) => option === document.activeElement
+      )
+      let nextIndex
+
+      switch (event.key) {
+        case "Tab":
+        case "Escape":
+          this.hideOptions()
+          break
+        case "ArrowUp":
+          event.preventDefault()
+          nextIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1
+          options[nextIndex].focus()
+          break
+        case "ArrowDown":
+          event.preventDefault()
+          nextIndex = currentIndex < options.length - 1 ? currentIndex + 1 : 0
+          options[nextIndex].focus()
+          break
+        case "Enter":
+          event.preventDefault()
+          this.selectOption(options[currentIndex])
+          break
+        default:
+          break
+      }
+    }
+  }
+
+  handleOptionFocus(event) {
+    const option = event.target
+    const container = this.optionsTarget
+
+    const optionTop = option.offsetTop
+    const optionBottom = optionTop + option.offsetHeight
+    const containerTop = container.scrollTop
+    const containerBottom = containerTop + container.offsetHeight
+
+    if (optionTop < containerTop) {
+      container.scrollTop = optionTop
+    } else if (optionBottom > containerBottom) {
+      container.scrollTop = optionBottom - container.offsetHeight
+    }
+  }
+
+  selectOption(option) {
+    if (!option) {
+      console.error("Invalid option element")
+      return
+    }
+
+    if (!option.dataset.index) {
+      console.error("Missing option index")
+      return
+    }
+
+    const index = parseInt(option.dataset.index, 10)
+    if (isNaN(index)) {
+      console.error("Invalid option index")
+      return
+    }
+
+    const { name, thumbnail } = this.itemsValue[index]
+    this.inputTarget.value = name
+    this.updateActiveOption(name, thumbnail)
+    this.hideOptions()
+  }
+
+  updateActiveOption(name, thumbnail) {
+    const activeContent = `
+      <div class="absolute inset-y-0 flex items-center space-x-2 left-2">
+        <span class="flex items-center">
+          <div class="flex items-center">
+            <img src="${thumbnail}" alt="${name}" class="h-6 w-6 flex-shrink-0 rounded-full">
+            <span class="ml-2 whitespace-nowrap font-medium text-sm dark:text-slate-100">${name}</span>
+          </div>
+        </span>
+      </div>
+    `
+
+    this.activeTarget.innerHTML = activeContent
+
+    const options = Array.from(this.optionsTarget.children)
+    options.forEach((option) => {
+      const index = parseInt(option.dataset.index, 10)
+      const { name: optionName, thumbnail: optionThumbnail } =
+        this.itemsValue[index]
+      const isActive = optionName === name && optionThumbnail === thumbnail
+      const checkmark = option.querySelector(".hasCheckmark")
+
+      if (isActive && !checkmark) {
+        const checkmarkContainer = document.createElement("span")
+        checkmarkContainer.classList.add(
+          "absolute",
+          "inset-y-0",
+          "right-2",
+          "flex",
+          "items-center",
+          "pr-4",
+          "text-primary-600",
+          "hover:bg-primary-50",
+          "dark:text-primary-300",
+          "dark:hover:bg-primary-500/20",
+          "hasCheckmark"
+        )
+        checkmarkContainer.innerHTML = `<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" /></svg>`
+        option.appendChild(checkmarkContainer)
+      } else if (!isActive && checkmark) {
+        checkmark.remove()
+      }
+    })
+  }
+
+  generateOptions() {
+    const optionsContainer = this.optionsTarget
+    const items = this.itemsValue
+
+    items.forEach((item, index) => {
+      const li = document.createElement("li")
+      li.classList.add(
+        "hover:bg-primary-50",
+        "dark:hover:bg-primary-500/20",
+        "relative",
+        "cursor-default",
+        "select-none",
+        "py-2",
+        "px-2",
+        "pr-9",
+        "text-slate-900",
+        "dark:text-slate-200"
+      )
+      li.dataset.name = item.name
+      li.dataset.thumbnail = item.thumbnail
+      // Set the role attribute to "option" for each <li> element
+      li.setAttribute("role", "option")
+      li.dataset.index = index.toString() // Convert index to a string
+
+      li.setAttribute("tabindex", "-1") // Set tabindex to -1 by default
+
+      const div = document.createElement("div")
+      div.classList.add("flex", "items-center")
+
+      const img = document.createElement("img")
+      img.src = item.thumbnail
+      img.alt = "Avatar"
+      img.classList.add("h-6", "w-6", "flex-shrink-0", "rounded-full")
+
+      const span = document.createElement("span")
+      span.classList.add("ml-2", "truncate", "font-medium")
+      span.textContent = item.name
+
+      div.appendChild(img)
+      div.appendChild(span)
+
+      li.appendChild(div)
+
+      optionsContainer.appendChild(li)
+    })
+  }
+
+  handleInputFocus() {
+    this.activeTarget.classList.remove("focus")
+  }
+
+  showOptions() {
+    this.toggleTransition()
+  }
+
+  hideOptions() {
+    this.leave()
+  }
+
+  handleOptionClick(event) {
+    const option = event.currentTarget
+    if (!option) {
+      console.error("Invalid option element")
+      return
+    }
+
+    this.selectOption(option)
+  }
+
+  connect() {
+    useTransition(this, {
+      element: this.optionsTarget,
+    })
+    this.generateOptions()
+    this.hideOptions()
+
+    this.element.addEventListener(
+      "keydown",
+      this.handleKeyboardNavigation.bind(this)
+    )
+    this.inputTarget.addEventListener("focus", this.handleInputFocus.bind(this))
+
+    const options = Array.from(this.optionsTarget.children)
+    options.forEach((option) => {
+      option.setAttribute("tabindex", "0")
+      // Remove the existing "mousedown" event listener
+      option.removeEventListener("mousedown", this.handleOptionClick.bind(this))
+      // Add a new "click" event listener for handling option selection
+      option.addEventListener("click", this.handleOptionClick.bind(this))
+    })
+  }
+
+  disconnect() {
+    this.element.removeEventListener(
+      "keydown",
+      this.handleKeyboardNavigation.bind(this)
+    )
+    this.inputTarget.removeEventListener(
+      "focus",
+      this.handleInputFocus.bind(this)
+    )
+
+    const options = Array.from(this.optionsTarget.children)
+    options.forEach((option) => {
+      option.removeEventListener("mousedown", this.handleOptionClick.bind(this)) // Change "click" to "mousedown"
+    })
+  }
+}