Component namespacing (#2463)

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:23 EDT

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:30 EDT

* Update stimulus controller references to use namespace

* Fix remaining tests

test/components/previews/alert_component_preview.rb

@@ -2,6 +2,6 @@ class AlertComponentPreview < Lookbook::Preview
   # @param message text
   # @param variant select [info, success, warning, error]
   def default(message: "This is an alert message.", variant: :info)
-    render AlertComponent.new(message: message, variant: variant.to_sym)
+    render DS::Alert.new(message: message, variant: variant.to_sym)
   end
 end

test/components/previews/button_component_preview.rb

@@ -1,10 +1,10 @@
 class ButtonComponentPreview < ViewComponent::Preview
-  # @param variant select {{ ButtonComponent::VARIANTS.keys }}
-  # @param size select {{ ButtonComponent::SIZES.keys }}
+  # @param variant select {{ DS::Button::VARIANTS.keys }}
+  # @param size select {{ DS::Button::SIZES.keys }}
   # @param disabled toggle
   # @param icon select ["plus", "circle"]
   def default(variant: "primary", size: "md", disabled: false, icon: "plus")
-    render ButtonComponent.new(
+    render DS::Button.new(
       text: "Sample button",
       variant: variant,
       size: size,

test/components/previews/dialog_component_preview.rb

@@ -1,7 +1,7 @@
 class DialogComponentPreview < ViewComponent::Preview
   # @param show_overflow toggle
   def modal(show_overflow: false)
-    render DialogComponent.new(variant: "modal") do |dialog|
+    render DS::Dialog.new(variant: "modal") do |dialog|
       dialog.with_header(title: "Sample modal title")
 
       dialog.with_body do
@@ -21,7 +21,7 @@ class DialogComponentPreview < ViewComponent::Preview
 
   # @param show_overflow toggle
   def drawer(show_overflow: false)
-    render DialogComponent.new(variant: "drawer") do |dialog|
+    render DS::Dialog.new(variant: "drawer") do |dialog|
       dialog.with_header(title: "Drawer title")
 
       dialog.with_body do

test/components/previews/disclosure_component_preview.rb

@@ -2,7 +2,7 @@ class DisclosureComponentPreview < ViewComponent::Preview
   # @display container_classes max-w-[400px]
   # @param align select ["left", "right"]
   def default(align: "right")
-    render DisclosureComponent.new(title: "Title", align: align, open: true) do |disclosure|
+    render DS::Disclosure.new(title: "Title", align: align, open: true) do |disclosure|
       disclosure.with_summary_content do
         content_tag(:p, "$200.25", class: "text-xs font-mono font-medium")
       end

test/components/previews/filled_icon_component_preview.rb

@@ -1,11 +1,11 @@
 class FilledIconComponentPreview < ViewComponent::Preview
   # @param size select ["sm", "md", "lg"]
   def default(size: "md")
-    render FilledIconComponent.new(icon: "home", variant: :default, size: size)
+    render DS::FilledIcon.new(icon: "home", variant: :default, size: size)
   end
 
   # @param size select ["sm", "md", "lg"]
   def text(size: "md")
-    render FilledIconComponent.new(variant: :text, text: "Test", size: size, rounded: true)
+    render DS::FilledIcon.new(variant: :text, text: "Test", size: size, rounded: true)
   end
 end

test/components/previews/link_component_preview.rb

@@ -2,17 +2,17 @@ class LinkComponentPreview < ViewComponent::Preview
   # Usage
   # -------------
   #
-  # LinkComponent is a small abstraction on top of the `link_to` helper.
+  # DS::Link is a small abstraction on top of the `link_to` helper.
   #
-  # It can be used as a regular link or styled as a "Link button" using any of the available ButtonComponent variants.
+  # It can be used as a regular link or styled as a "Link button" using any of the available DS::Button variants.
   #
-  # @param variant select {{ LinkComponent::VARIANTS.keys }}
-  # @param size select {{ LinkComponent::SIZES.keys }}
+  # @param variant select {{ DS::Link::VARIANTS.keys }}
+  # @param size select {{ DS::Link::SIZES.keys }}
   # @param icon select ["", "plus", "arrow-right"]
   # @param icon_position select ["left", "right"]
   # @param full_width toggle
   def default(variant: "default", size: "md", icon: "plus", icon_position: "left", full_width: false)
-    render LinkComponent.new(
+    render DS::Link.new(
       href: "#",
       text: "Preview link",
       variant: variant,

test/components/previews/menu_component_preview.rb

@@ -1,19 +1,19 @@
 class MenuComponentPreview < ViewComponent::Preview
   def icon
-    render MenuComponent.new(variant: "icon") do |menu|
+    render DS::Menu.new(variant: "icon") do |menu|
       menu_contents(menu)
     end
   end
 
   def button
-    render MenuComponent.new(variant: "button") do |menu|
+    render DS::Menu.new(variant: "button") do |menu|
       menu.with_button(text: "Open menu", variant: "secondary")
       menu_contents(menu)
     end
   end
 
   def avatar
-    render MenuComponent.new(variant: "avatar") do |menu|
+    render DS::Menu.new(variant: "avatar") do |menu|
       menu_contents(menu)
     end
   end

test/components/previews/toggle_component_preview.rb

@@ -2,7 +2,7 @@ class ToggleComponentPreview < ViewComponent::Preview
   # @param disabled toggle
   def default(disabled: false)
     render(
-      ToggleComponent.new(
+      DS::Toggle.new(
         id: "toggle-component-id",
         name: "toggle-component-name",
         checked: false,

test/system/accounts_test.rb

@@ -98,7 +98,7 @@ class AccountsTest < ApplicationSystemTestCase
   private
 
     def open_new_account_modal
-      within "[data-controller='tabs']" do
+      within "[data-controller='DS--tabs']" do
         click_button "All"
         click_link "New account"
       end