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

app/views/transactions/searches/_form.html.erb

@@ -17,14 +17,13 @@
       </div>
     </div>
 
-    <%= render MenuComponent.new(variant: "button", no_padding: true) do |menu| %>
+    <%= render DS::Menu.new(variant: "button", no_padding: true) do |menu| %>
       <% menu.with_button(
         id: "transaction-filters-button",
         type: "button",
         text: "Filter",
         variant: "outline",
-        icon: "list-filter",
-        data: { menu_target: "button" }
+        icon: "list-filter"
       ) %>
 
       <% menu.with_custom_content do %>

app/views/transactions/searches/_menu.html.erb

@@ -1,6 +1,6 @@
 <%# locals: (form:) %>
 
-<%= render TabsComponent.new(
+<%= render DS::Tabs.new(
   variant: :unstyled,
   active_tab: get_default_transaction_search_filter[:key],
   active_btn_classes: "bg-surface text-primary",
@@ -28,7 +28,7 @@
       <div class="flex justify-between items-center gap-2 bg-container p-3 shrink-0">
         <div>
           <% if @q.present? %>
-            <%= render LinkComponent.new(
+            <%= render DS::Link.new(
             text: t(".clear_filters"),
             variant: "ghost",
             href: transactions_path(clear_filters: true),
@@ -37,8 +37,8 @@
         </div>
 
         <div>
-          <%= render ButtonComponent.new(text: t(".cancel"), type: "button", variant: "ghost", data: { action: "menu#close" }) %>
-          <%= render ButtonComponent.new(text: t(".apply")) %>
+          <%= render DS::Button.new(text: t(".cancel"), type: "button", variant: "ghost", data: { action: "DS--menu#close" }) %>
+          <%= render DS::Button.new(text: t(".apply")) %>
         </div>
       </div>
     </div>

app/views/transactions/searches/filters/_merchant_filter.html.erb

@@ -16,7 +16,7 @@
                            merchant.name,
                            nil %>
         <%= form.label :merchants, value: merchant.name, class: "text-sm text-primary flex items-center gap-2" do %>
-          <%= render FilledIconComponent.new(
+          <%= render DS::FilledIcon.new(
             variant: :text,
             hex_color: merchant.color,
             text: merchant.name,

app/views/transactions/searches/filters/_tag_filter.html.erb

@@ -16,7 +16,7 @@
                            tag.name,
                            nil %>
         <%= form.label :tags, value: tag.name, class: "text-sm text-primary flex items-center gap-2" do %>
-          <%= render FilledIconComponent.new(
+          <%= render DS::FilledIcon.new(
             variant: :text,
             hex_color: tag.color || Tag::UNCATEGORIZED_COLOR,
             text: tag.name,