railsui 3.2.7 → 3.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 41e57280d576fef1b03e0eaddf9d4fac505a023b8e1ec3f476dbfdc88bd9d870
-  data.tar.gz: 9d82a32392538a9ed853a1fb747debe50634113285bb13b809606c379c0f135b
+  metadata.gz: 1bb7678277542f5768bfb43e48f033b00b7de92ae4c508a04b026ab962822c13
+  data.tar.gz: b1a78f138f8db6883895d6db010066f47c0bfb2a0601205549ef90087a56749d
 SHA512:
-  metadata.gz: 7e56b1cefaa018e136a609f6a03290315e40a33e6317c4aeaeaa0bb40d11bad781cfae549cd4a8d90c4fcaffb430b6b19b3c16accae2d3b5767aa05bb203452c
-  data.tar.gz: 80eb9204d77e22133590320a760141a9df2cf0067a80639071e514c7f1909372f497df060e0bd7bfb82c918d1df7a4e72fe2745677952662657cb741822ed646
+  metadata.gz: 4f230aced332a51e53fe127baa1271e2b27cab8a627f6563a3e4794b69bfdbf9df965b5e22b9417684b1fa1586a392621de6fb9ba2d43940e5c9d34849599c2b
+  data.tar.gz: df4d529d5d271d9a83737b3d3ac824a8408d5ed614c2cabeb9c831cabe168bdaa07f54c51bd76c945bc9f85a9161a07bbeb46403e5766727a401c801dd67d35d

data/Gemfile.lock

@@ -1,11 +1,12 @@
 PATH
   remote: .
   specs:
-    railsui (3.2.7)
+    railsui (3.3.0)
       meta-tags
       psych
       rails (>= 7.0)
       railsui_icon
+      tailwindcss-rails (>= 2.0)
 
 GEM
   remote: https://rubygems.org/
@@ -222,6 +223,12 @@ GEM
     stimulus-rails (1.3.4)
       railties (>= 6.0.0)
     stringio (3.1.1)
+    tailwindcss-rails (4.3.0)
+      railties (>= 7.0.0)
+      tailwindcss-ruby (~> 4.0)
+    tailwindcss-ruby (4.1.13-arm64-darwin)
+    tailwindcss-ruby (4.1.13-x86_64-darwin)
+    tailwindcss-ruby (4.1.13-x86_64-linux-gnu)
     thor (1.3.2)
     timeout (0.4.1)
     tzinfo (2.0.6)

data/README.md

@@ -6,92 +6,206 @@ Professionally designed themes and components for Ruby on Rails. Leverage breath
 
 ### Links
 
-- [Website](https://railsui.com)
-- [Documentation](https://railsui.com/docs)
-- [FAQs](https://railsui.com/docs/faqs)
+- [Installation](#installation)
+- [Configuration](guides/CONFIGURATION.md)
+- [Migration guide](guides/MIGRATION_GUIDE.md)
+- [Extended documentation](https://railsui.com/docs)
+- [FAQs](#frequently-asked-questions)
 - [Discussions](https://github.com/getrailsui/railsui/discussions)
-- [Updates](https://railsui.com/updates)
+- [Updates](https://railsui.com/blog)
+- [Website](https://railsui.com)
 - [Follow on X](https://x.com/railsui_)
 - [Migrating from v2](https://railsui.com/docs/updates)
 
 ## Installation
 
-You must already have node and yarn installed on your system. You will also need npx version 7.1.0 or later. A solid understanding of Tailwind CSS will go far.
+Rails UI v3.3+ now works with **both importmap (nobuild) and JS bundler (build) setups**. It uses the `tailwindcss-rails` gem for CSS in both modes so no separate Tailwind installation needed.
+
+### Requirements
+
+- **Rails**: 7.0 or higher
+- **CSS**: ✅ Automatically handled via `tailwindcss-rails` gem (included)
+- **JS (build mode)**: Node.js, package manager (yarn/npm/pnpm/bun), and jsbundling-rails
+- **JS (nobuild mode)**: Nothing extra needed!
+
+### Intalling Rails UI on new applications
+
+#### With importmaps (nobuild) - default
+
+```bash
+# Create app (Rails 8 defaults to importmap)
+rails new myapp
+cd myapp
+
+# Install Rails UI
+bundle add railsui
+rails railsui:install
+
+# Start server
+bin/dev
+```
 
-### New applications
+**When to use:** Zero build step, no Node.js required, fast refresh.
 
-The easiest install is on new Rails apps with options passed like so. For new apps, use the `-c tailwind` flag to install it.
+#### With JS Bundler (build mode)
 
 ```bash
-rails new app_name -c tailwind -j esbuild
+# Create app with JS bundler
+rails new myapp -j [bun|esbuild|rollup|webpack]
+cd myapp
+
+# Install Rails UI with --build flag
+bundle add railsui
+rails railsui:install --build
+
+# Start server
+bin/dev
 ```
 
-It's recommended to use the `-j` flag to one of the bundling solutions from the [`jsbundling-rails`](https://github.com/rails/jsbundling-rails) gem (bun, esbuild rollup, webpack) for max compatibility.
+**When to use:** TypeScript, advanced JS tooling, or complex dependencies.
 
-Support for [importmaps](https://github.com/rails/importmap-rails) or [propshaft](https://github.com/rails/propshaft) is not available at this time.
+**Note:** When you run `rails new myapp -j esbuild` (or other bundler), you may see build errors about missing packages. This is expected - the initial build runs before dependencies are installed. These errors are harmless and will be resolved when Rails UI installs the required packages.
 
-### Existing applications
+> [!IMPORTANT]
+> Don't use `-c tailwind` when creating your app like in previous versions of the gem - Rails UI handles Tailwind CSS automatically now using the tailwindcss-rails gem.
 
-#### CSS
 
-For an existing app you need to first install Tailwind if you haven't. If you are using another CSS framework, like Bootstrap, remove that first for best results.
+### Installing Rails UI on existing applications
+
+#### Importmaps (nobuild)
 
 ```bash
-./bin/bundle add cssbundling-rails
-./bin/rails css:install:tailwind
+bundle add railsui
+rails railsui:install
 ```
 
-Note: There are several ways to approach adding Tailwind CSS support. We find the easiest way is using [cssbundling-rails](https://github.com/rails/cssbundling-rails) gem for max control. If you were to scaffold a new rails application, this gem is the one used when passing `-c` or `-css`.
+#### Apps with a JS Bundler (esbuild, webpack, bun, rollup)
 
-Adding Tailwind CSS to an existing app _may_ result in CSS class name conflicts. We've done our best to make it integrate with your existing setup but there's always a chance.
-
-#### JavaScript
+```bash
+bundle add railsui
+rails railsui:install --build
+```
 
-Rails UI works best combined with the [jsbundling-rails](https://github.com/rails/jsbundling-rails) gem.
+#### Apps without any JavaScript setup
 
-When ready, install jsbundling-rails using the gem and the installer task. Choose the build tool you prefer.
+**Importmap:**
+```bash
+bundle add railsui
+rails railsui:install
+```
 
+**JS Bundler:**
 ```bash
-./bin/bundle add jsbundling-rails
-./bin/rails javascript:install:[bun|esbuild|rollup|webpack]
+# First install jsbundling-rails
+bundle add jsbundling-rails
+rails javascript:install:[bun|esbuild|rollup|webpack]
+# Note: You may see build errors - this is expected and harmless
+
+# Then install Rails UI
+bundle add railsui
+rails railsui:install --build
 ```
 
-Most of the JavaScript used in Rails UI is based on Stimulus.js. This code can likely work fine alongside something like importmaps or propshaft but we have not tested this theory just yet.
+### Migration scenarios
 
-## Installation
+If you use an older version of Rails UI or have cssbundling-rails gem configured you can move to the new version with our built in migration task.
 
-Add the `railsui` gem to your Gemfile.
+#### Migrating from cssbundling-rails
 
-```ruby
-# Gemfile
-gem "railsui"
+If your app uses `cssbundling-rails` for Tailwind (installed with `rails new myapp -c tailwind`):
+
+```bash
+# Install Rails UI first
+bundle add railsui
+rails railsui:install
+
+# Then migrate to tailwindcss-rails
+rails railsui:migrate_to_tailwindcss_rails
 ```
 
-Run the bundle install command to fetch the new gem and its assets.
+This removes Tailwind from package.json and switches to the faster `tailwindcss-rails` gem.
+
+#### Migrating from importmaps to JS Bundler
+
+If your existing app uses importmap and you want to switch to a JS bundler for Rails UI:
 
 ```bash
-bundle install
+# First install jsbundling-rails
+bundle add jsbundling-rails
+rails javascript:install:[bun|esbuild|rollup|webpack]
+
+# Then install Rails UI with --build flag
+bundle add railsui
+rails railsui:install --build
 ```
 
-The gem includes several tasks and generators. Run the `install` task to kick things off.
+> [!IMPORTANT]
+> You'll need to manually migrate your existing JavaScript imports from importmap format to bundler format. Rails UI will handle its own imports, but your app's custom JavaScript may need adjustments. Consider removing `config/importmap.rb` if you're fully migrating to the bundler.
+
+#### Switching between build modes
+
+You can change modes after installation by editing `config/railsui.yml`:
+
+```yaml
+build_mode: nobuild  # or "build"
+```
 
-This task is responsible for setting the foundation for Rails UI, which includes assets, themes, theme-driven pages, and more.
+Then run the appropriate setup:
+`rails railsui:update`
 
-The default theme for Rails UI is [Hound](https://railsui.com/themes/hound). It will install when you install Rails UI. You can change it any time.
+### Installation Warnings
+
+Rails UI detects your setup and tries to provide helpful guidance:
+
+- ⚠️ **cssbundling-rails detected** → Suggests migration task
+- ⚠️ **Missing jsbundling-rails** (with --build flag) → Shows setup instructions
+- ℹ️ **Configuration conflicts** → Provides recommendations
+
+Skip warnings: `RAILSUI_SKIP_WARNINGS=1 rails railsui:install`
+
+## Running Your App
+
+After installing Rails UI, start your server:
 
 ```bash
-rails railsui:install
+bin/dev
 ```
 
-After installing Rails UI, run your server using the `bin/dev` command and proceed to the configuration screen to customize your install (i.e. `localhost:3000/railsui` for new apps).
+Then visit `localhost:3000/railsui` to access the configuration screen and customize your install.
+
+### What `bin/dev` does
+
+- **nobuild mode**: Runs Rails server + Tailwind CSS watcher
+- **build mode**: Runs Rails server + Tailwind CSS watcher + JS bundler watcher
+
+Both modes use the same `rails tailwindcss:watch` command for CSS.
 
 ## Configuration
 
-Configuration is a simple process where you configure your app's details (app name, support email), and theme.
+Rails UI is configured via `config/railsui.yml` or the admin UI at `/railsui`. The easiest way to configure Rails UI is to visit `localhost:3000/railsui` and follow the prompts.
 
-Each theme comes with different pages and are designed for different niches in mind. They reside in the `app/views/rui` directory once installed and should be treated as read-only.
+### Quick Configuration
 
-**Updating your configuration at anytime will overwrite the pages and theme assets so if you want to keep your changes, you'll need to copy the files to your application in another directory.**
+After installation, visit `localhost:3000/railsui` to configure:
+- Application name and support email
+- Theme selection
+- Preview enabled pages for your theme
+- Preview your theme.css file found in `app/assets/stylesheets/railsui/theme.css`
+
+### Configuration Files
+
+- **`config/railsui.yml`** - Main configuration
+- **`app/assets/stylesheets/railsui/theme.css`** - Color palette customization and Tailwind CSS configuration.
+
+**📚 For detailed configuration options, read the [configuration guide](CONFIGURATION.md)**
+
+### 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:
+
+```bash
+cp app/views/rui/pages/dashboard.html.erb app/views/pages/dashboard.html.erb
+```
 
 ## Themes
 
@@ -117,7 +231,7 @@ After installing Rails UI and choosing a theme you'll find a collection of compo
 
 ### Color
 
-Each theme comes with a custom color palette built on top of the default Tailwind CSS v4 color palette. We've added two new colors for you to use in your app using Tailwind CSS classes called `primary` and `secondary`. You can change those colors any time in `app/assets/stylesheets/railsui/theme.css`.
+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`.
 
 ### Icons
 
@@ -145,12 +259,52 @@ gem "railsui", github: "getrailsui/railsui", branch: "v2"
 
 ### v3+
 
-Version 3 resides on the main branch accessbile via the main branch and/or rubygems.org.
+Version 3 now resides on the main branch accessbile via the main branch and/or rubygems.org.
 
 ```ruby
 gem "railsui"
 ```
 
+---
+
 ## Frequently Asked Questions
 
-[Read FAQs here](https://railsui.com/docs/faqs).
+### Which build mode should I choose?
+
+**nobuild mode**: Perfect for simpler apps, prototypes, or if you want zero build complexity. JavaScript loads from CDN via importmap.
+
+**build mode**: Best for production apps with complex JavaScript needs, TypeScript, or when you need full control over bundling.
+
+Both modes are equally capable - choose based on your JavaScript requirements.
+
+### Can I switch modes later?
+
+Yes! Update `config/railsui.yml` and regenerate assets:
+
+```bash
+# Edit config/railsui.yml: build_mode: nobuild (or build)
+build_mode: [nobuild, build]
+
+# run this command to update assets
+rails generate railsui:update
+```
+
+For more scenarios see the [migration guide](guides/MIGRATION_GUIDE.md) for instructions.
+
+### Do I need Node.js?
+
+- **nobuild mode**: No Node.js required ✅
+- **build mode**: Yes, Node.js and a package manager (yarn/npm/pnpm/bun) required
+
+### Where are the CSS files located?
+
+Rails UI uses tailwindcss-rails v4 defaults:
+- **Input files**: [`app/assets/tailwind/application.css`, `app/assets/stylesheets/railsui/*.css`]
+- **Output file**: `app/assets/builds/tailwind.css`
+- **In layouts**: `stylesheet_link_tag "tailwind"`
+
+Both build and nobuild modes use the same CSS paths. The only difference between modes is JavaScript handling (importmap vs bundler).
+
+### More Questions?
+
+[Read the more FAQs](https://railsui.com/docs/faqs) or [submit an issue](https://github.com/getrailsui/railsui/issues).

data/app/assets/javascripts/railsui-controllers.js

@@ -0,0 +1,12 @@
+// Rails UI Inline Controllers
+// This file registers all Rails UI Stimulus controllers inline for CDN usage
+
+(function() {
+  const application = Stimulus.Application.start()
+  window.Stimulus = application
+
+  const hljs = window.hljs
+  const { useTransition, useClickOutside } = window.StimulusUse || {}
+
+  // <%= File.read(Rails.root.join('app/javascript/controllers/index.js')) %>
+})()

data/app/controllers/railsui/configurations_controller.rb

@@ -4,14 +4,22 @@ module Railsui
   class ConfigurationsController < ApplicationController
     def create
       config_params = configuration_params.to_h
+      previous_build_mode = Railsui::Configuration.load!.build_mode
 
       Railsui::Configuration.update(config_params)
-      Railsui.bundle
+
+      # Handle build mode changes
+      if config_params[:build_mode] && config_params[:build_mode] != previous_build_mode
+        # Build mode changed - regenerate assets appropriately
+        system("bin/rails generate railsui:update")
+      end
+
       Railsui.build_css
       sleep 1
       Railsui.restart
 
-      redirect_to root_path(update: true), notice: "✅ App configuration updated successfully"
+      build_mode_msg = config_params[:build_mode] ? " (#{config_params[:build_mode]} mode)" : ""
+      redirect_to root_path(update: true), notice: "✅ App configuration updated successfully#{build_mode_msg}"
     end
 
     private
@@ -23,6 +31,7 @@ module Railsui
           :support_email,
           :theme,
           :body_classes,
+          :build_mode,
           pages: []
         )
     end

data/app/helpers/railsui/application_helper.rb

@@ -270,5 +270,17 @@ module Railsui
       end
     end
 
+    def main_app_asset_exists?(asset_name)
+      # Check if the host app has the specified compiled asset
+      # tailwindcss-rails puts compiled CSS in app/assets/builds/
+      builds_path = Rails.root.join("app/assets/builds/#{asset_name}.css")
+      return true if File.exist?(builds_path)
+
+      # Fallback to checking Sprockets for other assets
+      Rails.application.assets.resolver.resolve("#{asset_name}.css").present?
+    rescue
+      false
+    end
+
   end
 end

data/app/javascript/controllers/index.js

@@ -1,4 +1,5 @@
-import { application } from "./application"
+// Use global Stimulus from CDN
+const application = window.Stimulus
 
 import RailsuiAnchorController from "./railsui_anchor_controller.js"
 application.register("railsui-anchor", RailsuiAnchorController)
@@ -48,33 +49,4 @@ application.register("railsui-pages", RailsuiPagesController)
 import RailsuiLoadingController from "./railsui_loading_controller.js"
 application.register("railsui-loading", RailsuiLoadingController)
 
-// Import components adhoc.
-import {
-  RailsuiClipboard,
-  RailsuiCountUp,
-  RailsuiCombobox,
-  RailsuiDateRangePicker,
-  RailsuiDropdown,
-  RailsuiModal,
-  RailsuiRange,
-  RailsuiReadMore,
-  RailsuiSelectAll,
-  RailsuiTabs,
-  RailsuiToast,
-  RailsuiToggle,
-  RailsuiTooltip,
-} from "railsui-stimulus"
-
-application.register("railsui-clipboard", RailsuiClipboard)
-application.register("railsui-count-up", RailsuiCountUp)
-application.register("railsui-combobox", RailsuiCombobox)
-application.register("railsui-date-range-picker", RailsuiDateRangePicker)
-application.register("railsui-dropdown", RailsuiDropdown)
-application.register("railsui-modal", RailsuiModal)
-application.register("railsui-range", RailsuiRange)
-application.register("railsui-read-more", RailsuiReadMore)
-application.register("railsui-select-all", RailsuiSelectAll)
-application.register("railsui-tabs", RailsuiTabs)
-application.register("railsui-toast", RailsuiToast)
-application.register("railsui-toggle", RailsuiToggle)
-application.register("railsui-tooltip", RailsuiTooltip)
+// railsui-stimulus components are loaded via CDN and auto-register

data/app/javascript/controllers/railsui_anchor_controller.js

@@ -1,7 +1,8 @@
-import { Controller } from '@hotwired/stimulus'
-import tippy from 'tippy.js'
+// Use globals from CDN
+// Use Stimulus.Controller from CDN
+const tippy = window.tippy
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static values = {
     url: String,
   }

data/app/javascript/controllers/railsui_auto_expand_text_area_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   expand() {
     this.element.style.height = `${this.element.scrollHeight + 2}px`
 

data/app/javascript/controllers/railsui_canvas_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   connect() {
     if (this.element) {
       var c = this.element,

data/app/javascript/controllers/railsui_code_controller.js

@@ -1,32 +1,7 @@
-import hljs from "highlight.js"
+// Use global hljs from CDN
+const hljs = window.hljs
 
-import bash from "highlight.js/lib/languages/bash"
-import javascript from "highlight.js/lib/languages/javascript"
-import css from "highlight.js/lib/languages/css"
-import xml from "highlight.js/lib/languages/xml"
-import erb from "highlight.js/lib/languages/erb"
-import haml from "highlight.js/lib/languages/haml"
-import ruby from "highlight.js/lib/languages/ruby"
-import scss from "highlight.js/lib/languages/scss"
-import yaml from "highlight.js/lib/languages/yaml"
-
-hljs.registerLanguage("bash", bash)
-hljs.registerLanguage("css", css)
-hljs.registerLanguage("javascript", javascript)
-hljs.registerLanguage("xml", xml)
-hljs.registerLanguage("erb", erb)
-hljs.registerLanguage("haml", haml)
-hljs.registerLanguage("ruby", ruby)
-hljs.registerLanguage("scss", scss)
-hljs.registerLanguage("yaml", yaml)
-
-hljs.configure({
-  languages: ["bash", "css", "javascript", "xml", "erb", "haml", "ruby", "scss", "yaml"]
-})
-
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["snippet"]
   connect() {
     this.snippetTargets.forEach((el) => {

data/app/javascript/controllers/railsui_color_controller.js

@@ -3,7 +3,7 @@ import "vanilla-colorful/hex-input.js"
 
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["picker"]
   connect() {
     this.pickerTargets.forEach((picker) => {

data/app/javascript/controllers/railsui_configuration_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["submit", "submitContainer", "saving"]
 
   initialize() {

data/app/javascript/controllers/railsui_dialog_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["dialog", "button", "cancel"]
 
   launch(event) {

data/app/javascript/controllers/railsui_flash_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   connect() {
     if (this.element) {
       setTimeout(() => {

data/app/javascript/controllers/railsui_helper_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus";
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["extension"]
   static values = {
     path: String,

data/app/javascript/controllers/railsui_loading_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["content", "saving"]
   static values = {
     label: { type: String, default: "Loading..." },

data/app/javascript/controllers/railsui_modal_controller.js

@@ -1,7 +1,8 @@
-import { Controller } from "@hotwired/stimulus"
-import { useTransition, useClickOutside } from 'stimulus-use'
+// Use globals from CDN
+// Use Stimulus.Controller from CDN
+const { useTransition, useClickOutside } = window.StimulusUse
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ['container', 'content']
 
   connect() {

data/app/javascript/controllers/railsui_nav_controller.js

@@ -1,7 +1,8 @@
-import { Controller } from '@hotwired/stimulus'
-import { useTransition } from 'stimulus-use'
+// Use globals from CDN
+// Use Stimulus.Controller from CDN
+const { useTransition } = window.StimulusUse
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ['nav', 'menuBars', 'menuCross']
 
   connect() {

data/app/javascript/controllers/railsui_pages_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["checkbox"]
 
   checkAll() {

data/app/javascript/controllers/railsui_prevent_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from '@hotwired/stimulus'
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   prevent(event) {
     event.preventDefault()
   }

data/app/javascript/controllers/railsui_scroll_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["scrollitem", "launcher"]
   connect() {
     if (this.hasScrollitemTarget) {

data/app/javascript/controllers/railsui_scroll_spy_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["link", "scrollContainer"]
 
   static values = {

data/app/javascript/controllers/railsui_search_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
+export default class extends Stimulus.Controller {
   static targets = ["result", "form", "resultList"]
   currentResults = this.resultListTarget.innerHTML