railsui 3.1.0

data/app/views/railsui/themes/shepherd/scaffolds/_partial.html.erb

@@ -0,0 +1,72 @@
+<div id="scaffolds-partial">
+<%= render layout: example, locals: { heading: "Partial", section: "Scaffolds" } do %>
+
+<%= render preview(variant="zinc") do %>
+<article id="post_1" class="py-6 prose prose-zinc dark:prose-invert first:pt-0">
+  <div>
+    <p class="my-0 font-heading font-medium">
+      Title
+    </p>
+    <p class="my-0">
+      Example post title 2
+    </p>
+  </div>
+  <div>
+    <p class="mb-0 font-heading font-medium">
+      Content
+    </p>
+    <p class="my-0">
+      Example post content 2
+    </p>
+  </div>
+  <time class="text-zinc-600 dark:text-zinc-400 text-xs mt-2" datetime="February 23, 2023 12:37">Created 1 minute ago</time>
+</article>
+<% end %>
+
+<% content_for :example, flush: true do %>
+<%# .erb %>
+<% content_for :erb, flush: true do %>
+<article id="<%%= dom_id post %>" class="py-6 prose prose-zinc dark:prose-invert first:pt-0">
+  <div>
+    <p class="my-0 font-heading font-medium">
+      Title
+    </p>
+    <p class="my-0">
+      <%%= post.title %>
+    </p>
+  </div>
+  <div>
+    <p class="mb-0 font-heading font-medium">
+      Content
+    </p>
+    <p class="my-0">
+      <%%= post.content %>
+    </p>
+  </div>
+  <time class="text-zinc-600 dark:text-zinc-400 text-xs mt-2" datetime="<%%= post.created_at.to_formatted_s(:long) %>">Created <%%= time_ago_in_words(post.created_at) + " ago" %></time>
+</article>
+<% end %>
+
+<%# .haml %>
+<% content_for :haml, flush: true do %>
+%article.py-6.prose.dark:prose-invert.first:pt-0{id: "#{dom_id post }"}
+  %div
+    %p.my-0.font-medium.font-heading
+      Title
+    %p.my-0
+      = post.title
+  %div
+    %p.my-0.font-medium.font-heading
+      Content
+    %p.my-0
+      = post.content
+  %time.text-zinc-600.dark:text-zinc-400.text-xs.mt-2{datetime: "#{post.created_at.to_formatted_s(:long)}"} Created
+    = time_ago_in_words(post.created_at) + " ago"
+<% end %>
+<% content_for :ruby do %>
+
+<% end %>
+<%= render_snippet active_tab: "erb", erb_filename: "_post.html.erb", haml_filename: "_post.haml.erb" %>
+<% end %>
+<% end %>
+</div>

data/app/views/railsui/themes/shepherd/scaffolds/_show.html.erb

@@ -0,0 +1,98 @@
+<div id="scaffolds-show">
+<%= render layout: example, locals: { heading: "Show", section: "Scaffolds" } do %>
+
+<%= render preview(variant="zinc") do %>
+<div class="max-w-3xl mx-auto px-4 my-16">
+  <div class="pb-6 border-b dark:border-zinc-700 border-zinc-200">
+    <nav aria-label="breadcrumb" class="my-6 font-heading flex text-zinc-500 dark:text-zinc-200 text-sm">
+      <ol class="flex flex-wrap items-center space-x-3 list-none m-0 p-0">
+        <li>
+          <a href="#" class="hover:underline text-primary-600 dark:text-primary-500">Posts</a>
+        </li>
+        <li class="flex space-x-3">
+          <div class="flex items-center">
+            <span class="text-zinc-300 dark:text-zinc-500">/</span>
+          </div>
+          <a href="#" aria-current="page" class="text-zinc-600 dark:text-zinc-100">#1</a>
+        </li>
+      </ol>
+    </nav>
+    <div class="flex items-center justify-between">
+      <h1 class="h2 flex-1">Post #1</h1>
+      <a href="#" class="btn btn-white">Edit</a>
+    </div>
+  </div>
+
+  <article id="post_2" class="py-6 prose prose-zinc dark:prose-invert">
+    <div>
+      <p class="mb-0 font-medium font-heading">
+        Title
+      </p>
+      <p class="my-0">
+        Example post title 2
+      </p>
+    </div>
+    <div>
+      <p class="mb-0 font-medium font-heading">
+        Content
+      </p>
+      <p class="my-0">
+        Example post content 2
+      </p>
+    </div>
+    <time class="text-zinc-600 dark:text-zinc-400 text-xs mt-2" datetime="February 23, 2023 12:37">Created 1 minute ago</time>
+  </article>
+</div>
+<% end %>
+
+<% content_for :example, flush: true do %>
+<%# .erb %>
+<% content_for :erb, flush: true do %>
+<div class="max-w-3xl mx-auto px-4 my-16">
+  <div class="pb-6 border-b dark:border-zinc-700 border-zinc-200">
+    <nav aria-label="breadcrumb" class="my-6 font-heading flex text-zinc-500 dark:text-zinc-200 text-sm">
+      <ol class="flex flex-wrap items-center space-x-3 list-none m-0 p-0">
+        <li>
+          <%%= link_to "Posts", "#", class: "hover:underline text-primary-600 dark:text-primary-500" %>
+        </li>
+        <li class="flex space-x-3">
+          <div class="flex items-center">
+            <span class="text-zinc-300 dark:text-zinc-500">/</span>
+          </div>
+          <%%= link_to "##{@post.id}", "#", class: "text-zinc-600 dark:text-zinc-100", "aria-current": "page" %>
+        </li>
+      </ol>
+    </nav>
+    <div class="flex items-center justify-between">
+      <h1 class="h2 flex-1">Post <%%= @post.id %></h1>
+      <%%= link_to "Edit", "#", class: "btn btn-white" %>
+    </div>
+  </div>
+  <%%= render @post %>
+</div>
+<% end %>
+
+<%# .haml %>
+<% content_for :haml, flush: true do %>
+.max-w-3xl.mx-auto.px-4.my-16
+  .pb-6.border-b.dark:border-zinc-700.border-zinc-200
+    %nav.my-6.font-heading.flex.text-zinc-500.dark:text-zinc-200.text-sm(aria-label="breadcrumb")
+      %ol.flex.flex-wrap.items-center.space-x-3.list-none.m-0.p-0
+        %li
+          = link_to "Posts", "#", class: "hover:underline text-primary-600 dark:text-primary-500"
+        %li.flex.space-x-3
+          .flex.items-center
+            %span.text-zinc-300.dark:text-zinc-500 /
+          = link_to "##{@post.id}", "#", class: "text-zinc-600 dark:text-zinc-100", "aria-current": "page"
+    .flex.items-center.justify-between
+      %h1.h1.flex-1 Post &lt;%= @post.id %&gt;
+      = link_to "Edit", "#", class: "btn btn-white"
+  = render @post
+<% end %>
+<% content_for :ruby do %>
+
+<% end %>
+<%= render_snippet active_tab: "erb", erb_filename: "show.html.erb", haml_filename: "show.haml.erb" %>
+<% end %>
+<% end %>
+</div>

data/app/views/routes/_route.html.erb

@@ -0,0 +1,66 @@
+<div class="overflow-x-auto w-full">
+  <div data-railsui-search-target="result"
+      data-search-route-value="<%= route[:name].downcase %> <%= route[:reqs].downcase %>" data-search-route-nested="<%= route[:name].present? ? false : true %>">
+    <% if route[:name].present? %>
+      <div class="grid md:grid-cols-11 text-sm items-start py-6">
+        <div class="sm:col-span-5 text-base">
+          <% if route[:name].present? %>
+            <div class="relative group">
+              <button type="button"
+          data-controller="railsui-clipboard"
+          data-action="click->railsui-clipboard#copy">
+                <div class="absolute -left-7 top-1 opacity-0 group-hover:opacity-100 p-1 rounded group-hover:bg-neutral-50/50 dark:group-hover:bg-neutral-700 transition ease-in-out duration-200 size-6 flex items-center justify-center">
+                  <%= icon "copy", class: "size-3 fill-current text-neutral-400 dark:text-neutral-100" %>
+                </div>
+                <div
+              data-railsui-clipboard-target="content"
+              class="group-hover:text-neutral-600 dark:group-hover:text-neutral-400 font-medium text-lg">
+                  <%= route[:name] %><span data-railsui-helper-target="extension">_path</span>
+                </div>
+              </button>
+            </div>
+          <% end %>
+          <% if route[:verb].present? %>
+            <div class="mt-3 inline-flex items-center font-bold px-1 h-5 rounded text-xs -ml-1 <%= route_verb_classes(route[:verb]) %>"><%= route[:verb] %></div>
+          <% end %>
+        </div>
+        <div class="sm:col-span-6 md:pt-0 pt-2">
+          <div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 bg-gradient-to-br rounded-lg border from-neutral-900 to-neutral-700 border-neutral-700 selection:bg-salmon-500 selection:bg-opacity-25 relative text-base text-white">
+            <pre><code data-railsui-code-target="snippet" data-railsui-clipboard-target="content" class="language-bash text-neutral-100"># Path
+<%= route[:path].to_param.strip %>
+
+# Controller/Action
+<%= route[:reqs].to_param.strip %></code></pre>
+          </div>
+        </div>
+      </div>
+    <% else %>
+      <details class="py-6 group marker:content-[''] bg-gradient-to-b from-neutral-50 to-white px-6 dark:from-neutral-800 dark:to-neutral-800">
+        <summary class="flex items-center w-full cursor-pointer select-none justify-between text-left text-base font-semibold text-neutral-900 dark:text-neutral-200 group-open:text-indigo-300 group-open:dark:text-indigo-400 [&amp;::-webkit-details-marker]:hidden">
+          <div class="flex items-center">
+            <% if route[:verb].present? %>
+              <div class="w-16">
+                <div class="inline-flex items-center font-bold px-1 h-5 rounded text-xs -ml-1 <%= route_verb_classes(route[:verb]) %>"><%= route[:verb] %></div>
+              </div>
+            <% end %>
+            <span class="text-sm dark:text-neutral-300 text-neutral-500 font-normal"
+      ><%= route[:reqs] %></span>
+          </div>
+          <svg class="mt-0.5 ml-4 h-6 w-6 flex-none stroke-neutral-700 dark:stroke-neutral-400 group-open:stroke-neutral-600" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 12H6"></path><path class="group-open:hidden" d="M12 6v12"></path></svg>
+        </summary>
+        <div class="grid grid-cols-1 md:grid-cols-11 text-sm items-start py-4">
+          <div class="sm:col-span-5"></div>
+          <div class="sm:col-span-6">
+            <div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 bg-gradient-to-br rounded-lg overflow-hidden border from-neutral-900 to-neutral-700 border-neutral-700 selection:bg-salmon-500 selection:bg-opacity-25 relative text-base text-white">
+              <pre><code data-railsui-code-target="snippet" data-railsui-clipboard-target="content" class="language-bash text-neutral-100"># Path
+<%= route[:path].to_param.strip %>
+
+# Controller/Action
+<%= route[:reqs].to_param.strip %></code></pre>
+            </div>
+          </div>
+        </div>
+      </details>
+    <% end %>
+  </div>
+</div>

data/app/views/routes/_table.html.erb

@@ -0,0 +1,7 @@
+<div class="grid grid-cols-1 md:grid-cols-11 text-sm items-center border-b-2 border-neutral-200 py-6 mb-6 dark:border-neutral-700">
+  <div class="font-bold sm:col-span-5 md:text-lg text-sm">Helper</div>
+  <div class="font-bold sm:col-span-6 md:text-lg text-sm">Path Controller#Action</div>
+</div>
+<div data-railsui-search-target="resultList">
+  <%= yield %>
+</div>

data/config/colors.yml

@@ -0,0 +1,50 @@
+hound:
+  primary:
+    "50": "#eef2ff"
+    "100": "#e0e7ff"
+    "200": "#c7d2fe"
+    "300": "#a5b4fc"
+    "400": "#818cf8"
+    "500": "#6366f1"
+    "600": "#4f46e5"
+    "700": "#4338ca"
+    "800": "#3730a3"
+    "900": "#312e81"
+    "950": "#1e1b4b"
+  secondary:
+    "50": "#f8fafc"
+    "100": "#f1f5f9"
+    "200": "#e2e8f0"
+    "300": "#cbd5e1"
+    "400": "#94a3b8"
+    "500": "#64748b"
+    "600": "#475569"
+    "700": "#334155"
+    "800": "#1e293b"
+    "900": "#0f172a"
+    "950": "#020617"
+shepherd:
+  primary:
+    "50": "#fff1f2"
+    "100": "#ffe4e6"
+    "200": "#fecdd3"
+    "300": "#fda4af"
+    "400": "#fb7185"
+    "500": "#f43f5e"
+    "600": "#e11d48"
+    "700": "#be123c"
+    "800": "#9f1239"
+    "900": "#881337"
+    "950": "#4c0519"
+  secondary:
+    "50": "#eaf6fc"
+    "100": "#c1e3f7"
+    "200": "#98d1f2"
+    "300": "#6FBFED"
+    "400": "#46ACE7"
+    "500": "#1D9AE2"
+    "600": "#187eb9"
+    "700": "#126290"
+    "800": "#0D4667"
+    "900": "#082a3e"
+    "950": "#030E15"

data/config/pages.yml

@@ -0,0 +1,302 @@
+hound:
+  about:
+    title: About
+    description: Company or organization about page.
+    tags:
+      - marketing
+    path: rui_about_path
+    add_to_nav: true
+  pricing:
+    title: Pricing
+    description: SaaS-like pricing; 3 plans types by default.
+    tags:
+      - marketing
+    path: rui_pricing_path
+    add_to_nav: true
+  dashboard:
+    title: Dashboard
+    description: Admin dashboard for a CRM type of tool.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_dashboard_path
+    add_to_nav: true
+  projects:
+    title: Projects
+    description: Projects index view
+    namespace: admin
+    tags:
+      - admin
+    path: rui_projects_path
+    add_to_nav: true
+  project:
+    title: Project
+    description: The detail view of a given project
+    namespace: admin
+    tags:
+      - admin
+    path: rui_project_path
+    add_to_nav: false
+  messages:
+    title: Messages
+    description: A message view for inbound and outgoing messages within the app.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_messages_path
+    add_to_nav: true
+  message:
+    title: Message
+    description: The detail view of a given message.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_message_path
+    add_to_nav: false
+  assignments:
+    title: Assignments
+    description: Assignments view for a current user account.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_assignments_path
+    add_to_nav: true
+  calendar:
+    title: Calendar
+    description: Calendar view for an example events page.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_calendar_path
+    add_to_nav: true
+  people:
+    title: People
+    description: User view of all people in the app.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_people_path
+    add_to_nav: true
+  profile:
+    title: Profile
+    description: A profile view with activity for an individual user.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_profile_path
+    add_to_nav: false
+  activity:
+    title: Activity
+    description: A global activity view for a team.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_activity_path
+    add_to_nav: true
+  settings:
+    title: Settings
+    description: A settings view for the account.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_settings_path
+    add_to_nav: false
+  notifications:
+    title: Notifications
+    description: Notification controls for a given account.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_notifications_path
+    add_to_nav: false
+  billing:
+    title: Billing
+    description: A billing page used to manage a subscription and seat count.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_billing_path
+    add_to_nav: false
+  team:
+    title: Team
+    description: A team management view.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_team_path
+    add_to_nav: false
+  integrations:
+    title: Integrations
+    description: A view for managing integrations and their respective states.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_integrations_path
+    add_to_nav: false
+shepherd:
+  about:
+    title: About
+    description: Company or organization about page.
+    tags:
+      - marketing
+    path: rui_about_path
+    add_to_nav: true
+  pricing:
+    title: Pricing
+    description: SaaS-like pricing; 3 plans types by default.
+    tags:
+      - marketing
+    path: rui_pricing_path
+    add_to_nav: true
+  dashboard:
+    title: Dashboard
+    description: Admin dashboard for a property management tool.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_dashboard_path
+    add_to_nav: true
+  properties:
+    title: Properties
+    description: Properties index view
+    namespace: admin
+    tags:
+      - admin
+    path: rui_properties_path
+    add_to_nav: true
+  inbox:
+    title: Inbox
+    description: An inbox for inbound and outgoing messages within the app.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_inbox_path
+    add_to_nav: true
+  calendar:
+    title: Calendar
+    description: Calendar view page.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_calendar_path
+    add_to_nav: true
+  insights:
+    title: Insights
+    description: Stats view for property insights.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_insights_path
+    add_to_nav: true
+  bookings:
+    title: Bookings
+    description: Bookings index with filtering.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_bookings_path
+    add_to_nav: true
+  new_booking:
+    title: New Booking
+    description: Add new booking.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_new_booking_path
+    add_to_nav: false
+  booking:
+    title: "Booking"
+    description: Booking show view
+    namespace: admin
+    tags:
+      - admin
+    path: rui_booking_path
+    add_to_nav: false
+  edit_booking:
+    title: Edit Booking
+    description: Edit booking.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_edit_booking_path
+    add_to_nav: false
+  help_center:
+    title: Help Center
+    description: Help center hub.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_help_center_path
+    add_to_nav: true
+  changelog:
+    title: Changelog
+    description: A view for app updates and changes.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_changelog_path
+    add_to_nav: true
+  api:
+    title: API
+    description: API landing page with advanced navigation.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_api_path
+    add_to_nav: true
+  privacy_policy:
+    title: Privacy Policy
+    description: A simple template for a privacy policy.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_privacy_policy_path
+    add_to_nav: false
+  terms:
+    title: Terms
+    description: A simple template for Terms of Service.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_terms_path
+    add_to_nav: false
+  contact:
+    title: Contact
+    description: A simple landing page for contact.
+    namespace: admin
+    tags:
+      - admin
+    path: rui_contact_path
+    add_to_nav: false
+  account_payment_methods:
+    title: "Account: Payment Methods"
+    description: "Payment method UI for the user profile"
+    namespace: admin
+    tags:
+      - admin
+    path: rui_account_payment_methods_path
+    add_to_nav: false
+  account_payouts:
+    title: "Account: Payouts"
+    description: "Payouts UI for the user profile"
+    namespace: admin
+    tags:
+      - admin
+    path: rui_account_payouts_path
+    add_to_nav: false
+  account_notifications:
+    title: "Account: Notifications"
+    description: "Notifications settings for the user profile"
+    namespace: admin
+    tags:
+      - admin
+    path: rui_account_notifications_path
+    add_to_nav: false
+  account_preferences:
+    title: "Account: Preferences"
+    description: "Preferences settings for the user profile"
+    namespace: admin
+    tags:
+      - admin
+    path: rui_account_preferences_path
+    add_to_nav: false