railsui 3.4.1 → 3.4.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bdf00da977780c593f58ec180d35c73f1b1a73932fc044981a59ac9655853db7
-  data.tar.gz: 5b94966fef66bd29254ddd19632d1a76c4043b6fea3bdbc0da1b529e9da29cca
+  metadata.gz: b09f7557829679b4405f9d50469ae9fc54410a7574c34ff2c50673168c6a7518
+  data.tar.gz: 28d5f7cf80c9602ced3a4b67c2df66268678ba11bea90f9f0438bf69cf0e429f
 SHA512:
-  metadata.gz: 4d05cab8f6eb2fed5a5b263c4e4b0a90275c9d4992f6bb7a0fb8944aac9bd378858c2ef61c5a6ab094a0a7d1f00f94062a734bf4901f9c7dc8cc967d146b5345
-  data.tar.gz: a6fc75702f896fb64f59a4c025cf09f8bf78fbc5fa16e49fec3457c2925982bebeb080a47f3cd6c3bc860a392d8888dfb0ed4713d3e8521270b54789f4977411
+  metadata.gz: f431553148ecafd055131a3fa1d29eea3d7f71d8de2bdd252149c31e781891d2255384f6c3c36b24be85b6929b30f5389bd7a6facaf1c3a6dc453a86b2558abb
+  data.tar.gz: b9cdbd53ad565a6fe100e4ee7e61b86dc544a00a82ac7595c08fdb7dc9b1a37415f91493b641bb9caf50dde39caf63d1ba051742990c5dec218c3b08b78f8bfe

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    railsui (3.4.1)
+    railsui (3.4.3)
       psych
       rails (>= 7.0)
       railsui_icon
@@ -244,6 +244,7 @@ PLATFORMS
   arm64-darwin-21
   arm64-darwin-22
   arm64-darwin-23
+  arm64-darwin-25
   x86_64-darwin-20
   x86_64-linux
 

data/README.md

@@ -2,7 +2,7 @@
 
 # Rails UI
 
-Professionally designed themes and components for Ruby on Rails. Leverage breath-taking UI to fast-track your next idea.
+The product UI system for Rails SaaS builders. Complete app kits and the Rails-native components behind them, in clean ERB and Tailwind, so you ship a finished product instead of a blank page.
 
 ### Links
 
@@ -201,17 +201,19 @@ After installation, visit `localhost:3000/railsui` to configure:
 
 ### Important Notes
 
-Each theme comes with pages in `app/views/rui` that are treated as read-only. Updating your configuration will overwrite these files. To customize pages, copy them to your app:
+Each app kit comes with pages in `app/views/rui` that are treated as read-only. Updating your configuration will overwrite these files. To customize pages, copy them to your app:
 
 ```bash
 cp app/views/rui/pages/dashboard.html.erb app/views/pages/dashboard.html.erb
 ```
 
-## Themes
+## App kits
 
-Themes are the core of Rails UI, combining UI components, pages, assets, JavaScript, and color palettes to help you create a professionally designed, niche application. The UI can adapt based on how you implement it.
+App kits are the core of Rails UI: complete product surfaces for a kind of SaaS, combining real screens, UI components, assets, JavaScript, and color palettes. Pick the app kit closest to what you are building, keep the screens that fit, and customize the rest.
 
-Themes serve as a starting point for your app, with reusable components extracted for flexibility. These components are ready for use inside your application when you install Rails UI.
+> Note: on railsui.com these are called app kits. Inside the gem and its config they are still referred to as themes (for example `Railsui.config.theme` and `app/assets/stylesheets/railsui/theme.css`), so you will see both terms.
+
+App kits serve as a starting point for your app, with reusable components extracted for flexibility. These components are ready for use inside your application when you install Rails UI.
 
 ### Pages
 
@@ -223,23 +225,23 @@ More pages will be added over time.
 
 ### Included assets
 
-Each theme comes with a collection of assets to help you get started. Much of these are placeholders and are not meant to be used in production. We strive to still create realistic examples for you to use as a starting point.
+Each app kit comes with a collection of assets to help you get started. Much of these are placeholders and are not meant to be used in production. We strive to still create realistic examples for you to use as a starting point.
 
 ### UI components
 
-After installing Rails UI and choosing a theme you'll find a collection of components and best practices for real-world applications at your disposal.
+After installing Rails UI and choosing an app kit you'll find a collection of components and best practices for real-world applications at your disposal.
 
 ### Color
 
-Each theme comes with a custom color palette built on top of the default Tailwind CSS v4 color palette you can customize in `app/assets/stylesheets/railsui/theme.css`.
+Each app kit comes with a custom color palette built on top of the default Tailwind CSS v4 color palette you can customize in `app/assets/stylesheets/railsui/theme.css`.
 
 ### Icons
 
-Bundled with Rails UI is a gem called [railsui_icon](https://github.com/getrailsui/railsui_icon). This gem includes a collection of icons that are used in all themes. Right now it's based soley on [heroicons](https://heroicons.com) and will be expanded to include more icons in the future.
+Bundled with Rails UI is a gem called [railsui_icon](https://github.com/getrailsui/railsui_icon). This gem includes a collection of icons that are used in all app kits. Right now it's based soley on [heroicons](https://heroicons.com) and will be expanded to include more icons in the future.
 
 ### JavaScript
 
-All Rails UI components are built on top of Stimulus.js. A theme includes custom Stimulus controllers and our own JavaScript library called [railsui-stimulus](https://github.com/getrailsui/railsui-stimulus) which is just an extraction of components we find ourselves using in our own apps and between themes.
+All Rails UI components are built on top of Stimulus.js. An app kit includes custom Stimulus controllers and our own JavaScript library called [railsui-stimulus](https://github.com/getrailsui/railsui-stimulus) which is just an extraction of components we find ourselves using in our own apps and between app kits.
 
 ## Updates
 
@@ -249,7 +251,7 @@ Run `bundle update railsui` from within your project and it should fetch the mos
 
 Version 2 of Rails UI has since been sunset. Unfortunately, there is no upgrade path we can share.
 
-Version 3 was a rewrite of the gem and how Rails UI works to enable better flexibility. Version 3 offers the ability to swap themes, install on new and existing rails apps, and countless other smaller features. We chose this direction to enable more efficient development in the future and allow folks with existing apps the ability to use Rails UI.
+Version 3 was a rewrite of the gem and how Rails UI works to enable better flexibility. Version 3 offers the ability to swap app kits, install on new and existing rails apps, and countless other smaller features. We chose this direction to enable more efficient development in the future and allow folks with existing apps the ability to use Rails UI.
 
 You can find version 2 on a dedicated branch on the Github repo. If you're an active user of this version be sure to update your Gemfile with the appropriate branch.
 

data/app/views/railsui/shared/_cdn_dependencies.html.erb

@@ -1,48 +1,21 @@
 <!-- Stylesheets -->
 <link rel="stylesheet" href="https://unpkg.com/tippy.js@6/dist/tippy.css" />
-<link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/styles/atom-one-dark.min.css" />
 <style>
-  /* Custom styles for ERB/HAML code blocks using Ruby syntax */
-  .railsui .language-erb .hljs-comment,
-  .railsui .language-haml .hljs-comment {
-    color: #637777 !important;
-    font-style: italic;
-  }
-  /* Style HTML-like tags in ERB when they're not highlighted */
-  .railsui .language-erb code,
-  .railsui .language-haml code {
-    /* Ensure base text is visible */
-    color: #f5f5f5;
-  }
-
-  /* Ensure highlight.js styles aren't overridden */
-  .hljs {
+  /* Shiki code block styles */
+  .shiki {
     background: transparent !important;
-    color: #abb2bf !important;
-  }
-
-  /* CSS syntax highlighting colors */
-  .language-css .hljs-attribute {
-    color: #e06c75 !important;
-  }
-  .language-css .hljs-number,
-  .language-css .hljs-literal {
-    color: #d19a66 !important;
-  }
-  .language-css .hljs-selector-class,
-  .language-css .hljs-selector-tag {
-    color: #e5c07b !important;
+    padding: 1rem;
+    overflow-x: auto;
   }
-  .language-css .hljs-built_in,
-  .language-css .hljs-title {
-    color: #61afef !important;
+  .shiki code {
+    display: block;
+    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+    font-size: 1rem;
+    line-height: 1.7;
   }
-  .language-css .hljs-comment {
-    color: #5c6370 !important;
-    font-style: italic;
-  }
-  .language-css .hljs-string {
-    color: #98c379 !important;
+  /* Dark theme adjustments */
+  pre code {
+    background: transparent !important;
   }
 </style>
 
@@ -65,36 +38,94 @@
 <script src="https://unpkg.com/tippy.js@6.3.7/dist/tippy-bundle.umd.min.js"></script>
 <%= javascript_include_tag "https://unpkg.com/alpinejs@3.10.3/dist/cdn.min.js", defer: true %>
 
-<!-- Syntax Highlighting -->
-<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
-<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/languages/ruby.min.js"></script>
-<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/languages/javascript.min.js"></script>
-<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/languages/bash.min.js"></script>
-<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/languages/css.min.js"></script>
-<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/languages/xml.min.js"></script>
-<script>
-  // Ensure hljs is available globally
-  window.hljs = window.hljs || hljs;
-
-  // Register ERB as an alias for Ruby (better syntax highlighting for embedded Ruby)
-  // Register HAML as an alias for Ruby as well
-  if (window.hljs) {
-    hljs.registerAliases(['erb'], {languageName: 'ruby'})
-    hljs.registerAliases(['haml'], {languageName: 'ruby'})
-
-    // Highlight all code blocks on page load
-    document.addEventListener('DOMContentLoaded', function() {
-      hljs.highlightAll();
-    });
-
-    // Also run immediately in case DOMContentLoaded already fired
-    if (document.readyState === 'loading') {
-      // Still loading, wait for DOMContentLoaded
-    } else {
-      // DOM already loaded, run now
-      hljs.highlightAll();
+<!-- Syntax Highlighting with Shiki -->
+<script type="module">
+  import { codeToHtml, bundledLanguages } from 'https://esm.sh/shiki@1.22.0';
+
+  // Language mapping for code blocks
+  const languageMap = {
+    'language-ruby': 'ruby',
+    'language-erb': 'erb',
+    'language-html': 'html',
+    'language-javascript': 'javascript',
+    'language-js': 'javascript',
+    'language-bash': 'bash',
+    'language-shell': 'bash',
+    'language-css': 'css',
+    'language-xml': 'xml',
+    'language-haml': 'ruby'
+  };
+
+  // Highlight a single code element
+  async function highlightElement(codeEl) {
+    if (codeEl.dataset.shikiHighlighted) return;
+
+    const classNames = Array.from(codeEl.classList);
+    const langClass = classNames.find(c => c.startsWith('language-'));
+    const lang = languageMap[langClass] || 'text';
+
+    // Check if language is available
+    const availableLang = bundledLanguages[lang] ? lang : 'text';
+
+    try {
+      const code = codeEl.textContent;
+      const html = await codeToHtml(code, {
+        lang: availableLang,
+        theme: 'material-theme-palenight'
+      });
+
+      // Replace pre>code with Shiki output
+      const preEl = codeEl.parentElement;
+      if (preEl && preEl.tagName === 'PRE') {
+        const wrapper = document.createElement('div');
+        wrapper.innerHTML = html;
+        const shikiPre = wrapper.firstChild;
+        const shikiCode = shikiPre.querySelector('code');
+
+        // Preserve original pre classes
+        preEl.classList.forEach(c => shikiPre.classList.add(c));
+
+        // Transfer data attributes for clipboard functionality
+        if (shikiCode) {
+          Array.from(codeEl.attributes).forEach(attr => {
+            if (attr.name.startsWith('data-')) {
+              shikiCode.setAttribute(attr.name, attr.value);
+            }
+          });
+          // Store original text for clipboard
+          shikiCode.dataset.clipboardText = code;
+        }
+
+        preEl.replaceWith(shikiPre);
+      }
+      codeEl.dataset.shikiHighlighted = 'true';
+    } catch (e) {
+      console.warn('Shiki highlighting failed for', lang, e);
     }
   }
+
+  // Highlight all visible code blocks
+  async function highlightAll() {
+    const codeElements = document.querySelectorAll('pre code[class*="language-"]');
+    for (const el of codeElements) {
+      if (el.offsetParent !== null) {
+        await highlightElement(el);
+      }
+    }
+  }
+
+  // Expose for use by Alpine.js tab switching
+  window.shikiHighlight = {
+    highlightElement,
+    highlightAll
+  };
+
+  // Initial highlight on DOM ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', highlightAll);
+  } else {
+    highlightAll();
+  }
 </script>
 
 <!-- Initialize Stimulus and register controllers -->
@@ -113,7 +144,6 @@
       Application: StimulusApplication
     }
 
-    const hljs = window.hljs
     const { useTransition, useClickOutside } = window.StimulusUse || {}
 
     <%= render partial: "railsui/shared/inline_controllers" %>;

data/app/views/railsui/shared/_inline_controllers.html.erb

@@ -2,10 +2,11 @@
 (function() {
   const controller = class extends Stimulus.Controller {
     connect() {
-      if (typeof hljs !== 'undefined' && hljs.highlightElement) {
+      // Use Shiki for syntax highlighting
+      if (window.shikiHighlight) {
         this.snippetTargets.forEach((el) => {
-          if (!el.classList.contains('hljs')) {
-            hljs.highlightElement(el)
+          if (!el.dataset.shikiHighlighted) {
+            window.shikiHighlight.highlightElement(el)
           }
         })
       }
@@ -185,11 +186,11 @@ Stimulus.application.register("railsui-flash", class extends Stimulus.Controller
       }
     }
     highlightCode() {
-      if (typeof hljs !== 'undefined' && this.hasCodeTarget) {
-        const codeElements = this.codeTarget.querySelectorAll('pre code')
+      if (window.shikiHighlight && this.hasCodeTarget) {
+        const codeElements = this.codeTarget.querySelectorAll('pre code[class*=language-]')
         codeElements.forEach((el) => {
-          if (!el.classList.contains('hljs')) {
-            hljs.highlightElement(el)
+          if (!el.dataset.shikiHighlighted) {
+            window.shikiHighlight.highlightElement(el)
           }
         })
       }

data/app/views/railsui/shared/_snippet.html.erb

@@ -1,45 +1,48 @@
 <%
   html_content = yield :html
   erb_content = yield :erb
-  haml_content = yield :haml
   js_content = yield :js
   bash_content = yield :bash
   ruby_content = yield :ruby
   css_content = yield :css
 %>
 
-<div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 bg-gradient-to-br from-neutral-700 to-neutral-800 rounded-lg overflow-clip dark:border dark:border-neutral-700 selection:bg-neutral-300/90 selection:text-neutral-800 relative scrollbar border-transparent" x-data="{ active: '<%= local_assigns[:active_tab] %>' }" x-init="
-  // Highlight visible code on load
+<div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 bg-[#292d3e] rounded-lg overflow-clip dark:border dark:border-indigo-400/20 selection:bg-slate-300/90 selection:text-slate-800 relative scrollbar border-transparent" x-data="{ active: '<%= local_assigns[:active_tab] %>' }" x-init="
+  // Highlight visible code on load using Shiki
   setTimeout(() => {
-    const codeElements = $el.querySelectorAll('pre code');
-    codeElements.forEach(el => {
-      if (el.offsetParent !== null && typeof hljs !== 'undefined' && !el.classList.contains('hljs')) {
-        hljs.highlightElement(el);
-      }
-    });
+    if (window.shikiHighlight) {
+      const codeElements = $el.querySelectorAll('pre code[class*=language-]');
+      codeElements.forEach(el => {
+        if (el.offsetParent !== null && !el.dataset.shikiHighlighted) {
+          window.shikiHighlight.highlightElement(el);
+        }
+      });
+    }
   }, 100);
 
   // Watch for tab changes and highlight new code
   $watch('active', () => {
     setTimeout(() => {
-      const codeElements = $el.querySelectorAll('pre code');
-      codeElements.forEach(el => {
-        if (el.offsetParent !== null && typeof hljs !== 'undefined' && !el.classList.contains('hljs')) {
-          hljs.highlightElement(el);
-        }
-      });
+      if (window.shikiHighlight) {
+        const codeElements = $el.querySelectorAll('pre code[class*=language-]');
+        codeElements.forEach(el => {
+          if (el.offsetParent !== null && !el.dataset.shikiHighlighted) {
+            window.shikiHighlight.highlightElement(el);
+          }
+        });
+      }
     }, 50);
   });
 ">
-  <div class="bg-neutral-800">
-    <ul class="flex items-center justify-start space-x-2 border-b border-neutral-700 px-3">
+  <div class="bg-[#232738]">
+    <ul class="flex items-center justify-start space-x-2 border-b border-[#4e5579] px-3">
       <% if content_for?(:html) %>
         <li class="flex items-center">
           <a href="#html"
           @click.prevent="active = 'html'"
           :class="active == 'html' ? 'text-pink-400 border-pink-400' : 'border-transparent text-white/90'"
           class="-ml-2 pl-5 pr-3 py-3 font-mono  text-sm border-b-2 hover:text-pink-400  hover:border-pink-400"><%= local_assigns[:html_filename] %></a>
-          <span class="w-px h-11 bg-gradient-to-b from-neutral-600 to-neutral-700 transform rotate-[20deg] block ml-2"></span>
+          <span class="w-px h-11 bg-gradient-to-b from-indigo-400/30 to-indigo-500/20 transform rotate-[20deg] block ml-2"></span>
         </li>
       <% end %>
       <% if content_for?(:erb) %>
@@ -48,19 +51,10 @@
           @click.prevent="active = 'erb'"
           :class="active == 'erb' ? 'text-rose-400 border-rose-400' : 'border-transparent text-white/90'"
           class="-ml-3 pl-6 pr-4 py-3 font-mono text-sm border-b-2 hover:text-rose-400 hover:border-rose-400"><%= local_assigns[:erb_filename] %></a>
-          <span class="w-px h-11 bg-gradient-to-b from-neutral-600 to-neutral-700 transform rotate-[20deg] block ml-2"></span>
+          <span class="w-px h-11 bg-gradient-to-b from-indigo-400/30 to-indigo-500/20 transform rotate-[20deg] block ml-2"></span>
         </li>
       <% end %>
 
-      <% if content_for(:haml) %>
-        <li class="flex items-center">
-          <a href="#haml"
-          @click.prevent="active = 'haml'"
-          :class="active == 'haml' ? 'text-sky-400 border-sky-400' : 'border-transparent text-white/90'"
-          class="-ml-3 pl-5 pr-3 py-3 font-mono text-sm border-b-2 hover:text-sky-400 hover:border-sky-400"><%= local_assigns[:haml_filename] %></a>
-          <span class="w-px h-11 bg-gradient-to-b from-neutral-600 to-neutral-700 transform rotate-[20deg] block ml-2"></span>
-        </li>
-      <% end %>
 
       <% if content_for?(:bash) %>
         <li class="flex items-center">
@@ -68,7 +62,7 @@
           @click.prevent="active = 'bash'"
           :class="active == 'bash' ? 'text-cyan-400 border-cyan-400' : 'border-transparent text-white/90'"
           class="-ml-2 pl-5 pr-3 py-3 font-mono  text-sm border-b-2 hover:text-cyan-400  hover:border-cyan-400">bash</a>
-          <span class="w-px h-11 bg-gradient-to-b from-neutral-600 to-neutral-700 transform rotate-[20deg] block ml-2"></span>
+          <span class="w-px h-11 bg-gradient-to-b from-indigo-400/30 to-indigo-500/20 transform rotate-[20deg] block ml-2"></span>
         </li>
       <% end %>
 
@@ -78,7 +72,7 @@
           @click.prevent="active = 'js'"
           :class="active == 'js' ? 'text-amber-400 border-amber-400' : 'border-transparent text-white/90'"
           class="-ml-3 pl-5 pr-3 py-3 font-mono text-sm border-b-2 hover:text-amber-400 hover:border-amber-400"><%= local_assigns[:js_filename] %></a>
-          <span class="w-px h-11 bg-gradient-to-b from-neutral-600 to-neutral-700 transform rotate-[20deg] block ml-2"></span>
+          <span class="w-px h-11 bg-gradient-to-b from-indigo-400/30 to-indigo-500/20 transform rotate-[20deg] block ml-2"></span>
         </li>
       <% end %>
 
@@ -88,7 +82,7 @@
           @click.prevent="active = 'ruby'"
           :class="active == 'ruby' ? 'text-rose-400 border-rose-400' : 'border-transparent text-white/90'"
           class="-ml-3 pl-5 pr-3 py-3 font-mono text-sm border-b-2 hover:text-rose-400 hover:border-rose-400"><%= local_assigns[:ruby_filename] %></a>
-          <span class="w-px h-11 bg-gradient-to-b from-neutral-600 to-neutral-700 transform rotate-[20deg] block ml-2"></span>
+          <span class="w-px h-11 bg-gradient-to-b from-indigo-400/30 to-indigo-500/20 transform rotate-[20deg] block ml-2"></span>
         </li>
       <% end %>
 
@@ -98,12 +92,12 @@
           @click.prevent="active = 'css'"
           :class="active == 'css' ? 'text-fuchsia-400 border-fuchsia-400' : 'border-transparent text-white/90'"
           class="-ml-2 pl-5 pr-3 py-3 font-mono text-sm border-b-2 hover:text-fuchsia-400 hover:border-fuchsia-400"><%= local_assigns[:css_filename] %></a>
-          <span class="w-px h-11 bg-gradient-to-b from-neutral-600 to-neutral-700 transform rotate-[20deg] block ml-2"></span>
+          <span class="w-px h-11 bg-gradient-to-b from-indigo-400/30 to-indigo-500/20 transform rotate-[20deg] block ml-2"></span>
         </li>
       <% end %>
     </ul>
   </div>
-  <div role="tabpanels" class="overflow-y-auto max-h-[650px] scrollbar scrollbar-track-neutral-950 scrollbar-thumb-neutral-500">
+  <div role="tabpanels" class="overflow-y-auto max-h-[650px] scrollbar scrollbar-track-[#292d3e] scrollbar-thumb-indigo-400/50">
     <% if content_for?(:html) %>
       <div role="tabpanel"
       x-show="active == 'html'"
@@ -132,20 +126,6 @@
         <pre><code data-railsui-code-target="snippet" data-railsui-clipboard-target="content" class="language-erb scrollbar"><%= erb_content.to_param.strip %></code></pre>
       </div>
     <% end %>
-    <% if content_for(:haml) %>
-      <div
-        role="tabpanel"
-        x-show="active == 'haml'"
-        data-controller="railsui-clipboard"
-        >
-        <button data-action="click->railsui-clipboard#copy"
-          class="bg-white/10 backdrop-blur-sm p-1 rounded-lg absolute right-2 top-2 hover:bg-gradient-to-br hover:to-sky-600 hover:from-sky-400 transition ease-in-out w-duration-200"
-          type="button">
-          <%= icon "clipboard", class: "stroke-current text-white select-none size-5" %>
-        </button>
-        <pre><code data-railsui-code-target="snippet" data-railsui-clipboard-target="content" class="language-haml scrollbar"><%= haml_content.to_param.strip %></code></pre>
-      </div>
-    <% end %>
     <% if content_for(:bash) %>
       <div
         role="tabpanel"

data/lib/railsui/version.rb

@@ -1,3 +1,3 @@
 module Railsui
-  VERSION = "3.4.1"
+  VERSION = "3.4.3"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: railsui
 version: !ruby/object:Gem::Version
-  version: 3.4.1
+  version: 3.4.3
 platform: ruby
 authors:
 - Andy Leverenz
 bindir: bin
 cert_chain: []
-date: 2026-02-13 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -65,7 +65,9 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '2.0'
-description: Professionally designed UI components and templates for Ruby on Rails.
+description: Rails UI is the product UI system for Rails SaaS builders. Complete app
+  kits and the Rails-native components behind them, in clean ERB and Tailwind, so
+  you ship a finished product instead of a blank page.
 email:
 - railsui@justalever.com
 executables: []
@@ -1804,7 +1806,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.5
+rubygems_version: 3.6.9
 specification_version: 4
-summary: Plug and play UI for Rails
+summary: The product UI system for Rails SaaS builders
 test_files: []