Fix stimulus controllers

lib/generators/ruby_ui/component_generator.rb

@@ -74,8 +74,8 @@ def controller_info(controller_file)
         # Build the new import path
         new_import_path = new_import_path("./#{relative_path.dirname}/#{file_name}")
 
-        # Create the registration name by dasherizing the component name and prefixing with 'ruby_ui--'
-        registration_name = "ruby_ui--#{component_name.dasherize}"
+        # Create the registration name by dasherizing the component name and prefixing with 'ruby-ui--'
+        registration_name = "ruby-ui--#{component_name.dasherize}"
 
         # Return a hash with import, registration, and export statements
         {

lib/generators/ruby_ui/install/templates/index.js.tt

@@ -4,7 +4,7 @@ import { application } from "../../../app/javascript/controllers/application";
 // import ComboboxController from "./combobox/combobox_controller";
 
 // Register all controllers
-// application.register("ruby_ui--combobox", ComboboxController);
+// application.register("ruby-ui--combobox", ComboboxController);
 
 import RubyUI from "ruby_ui-js";
 RubyUI.initialize(application);

lib/ruby_ui/accordion/accordion_controller.js

@@ -1,7 +1,7 @@
 import { Controller } from "@hotwired/stimulus";
 import { animate } from "motion";
 
-// Connects to data-controller="ruby_ui--accordion"
+// Connects to data-controller="ruby-ui--accordion"
 export default class extends Controller {
   static targets = ["icon", "content"];
   static values = {

lib/ruby_ui/accordion/accordion_default_trigger.rb

@@ -11,7 +11,7 @@ def view_template(&block)
 
     def default_attrs
       {
-        data: {action: "click->ruby_ui--accordion#toggle"},
+        data: {action: "click->ruby-ui--accordion#toggle"},
         class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
       }
     end

lib/ruby_ui/accordion/accordion_item.rb

@@ -17,7 +17,7 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          controller: "ruby_ui--accordion",
+          controller: "ruby-ui--accordion",
           ruby_ui__accordion_open_value: @open,
           ruby_ui__accordion_rotate_icon_value: @rotate_icon
         },

lib/ruby_ui/accordion/accordion_trigger.rb

@@ -9,7 +9,7 @@ def view_template(&)
     def default_attrs
       {
         type: "button",
-        data: {action: "click->ruby_ui--accordion#toggle"},
+        data: {action: "click->ruby-ui--accordion#toggle"},
         class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
       }
     end

lib/ruby_ui/alert_dialog/alert_dialog.rb

@@ -16,7 +16,7 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          controller: "ruby_ui--alert-dialog",
+          controller: "ruby-ui--alert-dialog",
           ruby_ui__alert_dialog_open_value: @open.to_s
         },
         class: "inline-block"

lib/ruby_ui/alert_dialog/alert_dialog_cancel.rb

@@ -12,7 +12,7 @@ def default_attrs
       {
         variant: :outline,
         data: {
-          action: "click->ruby_ui--alert-dialog#dismiss"
+          action: "click->ruby-ui--alert-dialog#dismiss"
         },
         class: "mt-2 sm:mt-0"
       }

lib/ruby_ui/alert_dialog/alert_dialog_controller.js

@@ -1,6 +1,6 @@
 import { Controller } from "@hotwired/stimulus";
 
-// Connects to data-controller="ruby_ui--alert-dialog"
+// Connects to data-controller="ruby-ui--alert-dialog"
 export default class extends Controller {
   static targets = ["content"];
   static values = {

lib/ruby_ui/alert_dialog/alert_dialog_trigger.rb

@@ -10,7 +10,7 @@ def view_template(&)
 
     def default_attrs
       {
-        data: {action: "click->ruby_ui--alert-dialog#open"},
+        data: {action: "click->ruby-ui--alert-dialog#open"},
         class: "inline-block"
       }
     end

lib/ruby_ui/calendar/calendar.rb

@@ -28,7 +28,7 @@ def default_attrs
       {
         class: "p-3 space-y-4",
         data: {
-          controller: "ruby_ui--calendar",
+          controller: "ruby-ui--calendar",
           ruby_ui__calendar_selected_date_value: @selected_date&.to_s,
           ruby_ui__calendar_format_value: @date_format,
           ruby_ui__calendar_ruby_ui__calendar_input_outlet: @input_id

lib/ruby_ui/calendar/calendar_controller.js

@@ -25,7 +25,7 @@ export default class extends Controller {
       default: "yyyy-MM-dd", // Default format
     },
   };
-  static outlets = ["ruby_ui--calendar-input"];
+  static outlets = ["ruby-ui--calendar-input"];
 
   initialize() {
     this.updateCalendar(); // Initial calendar render
@@ -247,4 +247,3 @@ export default class extends Controller {
     }
   }
 }
-

lib/ruby_ui/calendar/calendar_days.rb

@@ -17,7 +17,7 @@ def render_selected_date_template
       date_template("selectedDateTemplate") do
         button(
           data_day: "{{day}}",
-          data_action: "click->ruby_ui--calendar#selectDay",
+          data_action: "click->ruby-ui--calendar#selectDay",
           name: "day",
           class:
                 [
@@ -36,7 +36,7 @@ def render_today_date_template
       date_template("todayDateTemplate") do
         button(
           data_day: "{{day}}",
-          data_action: "click->ruby_ui--calendar#selectDay",
+          data_action: "click->ruby-ui--calendar#selectDay",
           name: "day",
           class:
                 [
@@ -54,7 +54,7 @@ def render_current_month_date_template
       date_template("currentMonthDateTemplate") do
         button(
           data_day: "{{day}}",
-          data_action: "click->ruby_ui--calendar#selectDay",
+          data_action: "click->ruby-ui--calendar#selectDay",
           name: "day",
           class:
                 [
@@ -72,7 +72,7 @@ def render_other_month_date_template
       date_template("otherMonthDateTemplate") do
         button(
           data_day: "{{day}}",
-          data_action: " click->ruby_ui--calendar#selectDay",
+          data_action: " click->ruby-ui--calendar#selectDay",
           name: "day",
           class:
                 [

lib/ruby_ui/calendar/calendar_next.rb

@@ -36,7 +36,7 @@ def default_attrs
         class:
               "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input hover:bg-accent hover:text-accent-foreground h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute right-1",
         type: "button",
-        data_action: "click->ruby_ui--calendar#nextMonth"
+        data_action: "click->ruby-ui--calendar#nextMonth"
       }
     end
   end

lib/ruby_ui/calendar/calendar_prev.rb

@@ -36,7 +36,7 @@ def default_attrs
         class:
               "rdp-button_reset rdp-button inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input hover:bg-accent hover:text-accent-foreground h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute left-1",
         type: "button",
-        data_action: "click->ruby_ui--calendar#prevMonth"
+        data_action: "click->ruby-ui--calendar#prevMonth"
       }
     end
   end

lib/ruby_ui/chart/chart.rb

@@ -15,7 +15,7 @@ def view_template(&)
 
     def default_attrs
       {
-        data_controller: "ruby_ui--chart",
+        data_controller: "ruby-ui--chart",
         data_ruby_ui__chart_options_value: @options
       }
     end

lib/ruby_ui/checkbox/checkbox.rb

@@ -14,7 +14,7 @@ def default_attrs
         data: {
           ruby_ui__form_field_target: "input",
           ruby_ui__checkbox_group_target: "checkbox",
-          action: "change->ruby_ui--checkbox-group#onChange change->ruby_ui--form-field#onInput invalid->ruby_ui--form-field#onInvalid"
+          action: "change->ruby-ui--checkbox-group#onChange change->ruby-ui--form-field#onInput invalid->ruby-ui--form-field#onInvalid"
         },
         class: "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 accent-primary"
       }

lib/ruby_ui/checkbox/checkbox_group.rb

@@ -12,7 +12,7 @@ def default_attrs
       {
         role: "group",
         data: {
-          controller: "ruby_ui--checkbox-group"
+          controller: "ruby-ui--checkbox-group"
         }
       }
     end

lib/ruby_ui/clipboard/clipboard.rb

@@ -30,8 +30,8 @@ def error_popover
     def default_attrs
       {
         data: {
-          controller: "ruby_ui--clipboard",
-          action: "click@window->ruby_ui--clipboard#onClickOutside",
+          controller: "ruby-ui--clipboard",
+          action: "click@window->ruby-ui--clipboard#onClickOutside",
           ruby_ui__clipboard_success_value: @success,
           ruby_ui__clipboard_error_value: @error,
           ruby_ui__clipboard_options_value: @options.to_json

lib/ruby_ui/clipboard/clipboard_trigger.rb

@@ -12,7 +12,7 @@ def default_attrs
       {
         data: {
           ruby_ui__clipboard_target: "trigger",
-          action: "click->ruby_ui--clipboard#copy"
+          action: "click->ruby-ui--clipboard#copy"
         }
       }
     end

lib/ruby_ui/collapsible/collapsible.rb

@@ -16,7 +16,7 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          controller: "ruby_ui--collapsible",
+          controller: "ruby-ui--collapsible",
           ruby_ui__collapsible_open_value: @open
         }
       }

lib/ruby_ui/collapsible/collapsible_trigger.rb

@@ -11,7 +11,7 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          action: "click->ruby_ui--collapsible#toggle"
+          action: "click->ruby-ui--collapsible#toggle"
         }
       }
     end

lib/ruby_ui/combobox/combobox.rb

@@ -11,9 +11,9 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          controller: "ruby_ui--combobox",
+          controller: "ruby-ui--combobox",
           ruby_ui__combobox_open_value: "false",
-          action: "click@window->ruby_ui--combobox#onClickOutside",
+          action: "click@window->ruby-ui--combobox#onClickOutside",
           ruby_ui__combobox_ruby_ui__combobox_content_outlet: ".combobox-content",
           ruby_ui__combobox_ruby_ui__combobox_item_outlet: ".combobox-item"
         },

lib/ruby_ui/combobox/combobox_content.rb

@@ -9,7 +9,7 @@ def initialize(**attrs)
 
     def view_template(&)
       div(**attrs) do
-        div(class: "min-w-max max-h-[300px] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none animate-out group-data-[ruby_ui--combobox-open-value=true]/combobox:animate-in fade-out-0 group-data-[ruby_ui--combobox-open-value=true]/combobox:fade-in-0 zoom-out-95 group-data-[ruby_ui--combobox-open-value=true]/combobox:zoom-in-95 slide-in-from-top-2", &)
+        div(class: "min-w-max max-h-[300px] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none animate-out group-data-[ruby-ui--combobox-open-value=true]/combobox:animate-in fade-out-0 group-data-[ruby-ui--combobox-open-value=true]/combobox:fade-in-0 zoom-out-95 group-data-[ruby-ui--combobox-open-value=true]/combobox:zoom-in-95 slide-in-from-top-2", &)
       end
     end
 
@@ -20,9 +20,9 @@ def default_attrs
         id: @id,
         role: "listbox",
         data: {
-          controller: "ruby_ui--combobox-content",
+          controller: "ruby-ui--combobox-content",
           ruby_ui__combobox_target: "content",
-          action: "keydown.enter->ruby_ui--combobox#onKeyEnter keydown.esc->ruby_ui--combobox#onEscKey keydown.down->ruby_ui--combobox#onKeyDown keydown.up->ruby_ui--combobox#onKeyUp"
+          action: "keydown.enter->ruby-ui--combobox#onKeyEnter keydown.esc->ruby-ui--combobox#onEscKey keydown.down->ruby-ui--combobox#onKeyDown keydown.up->ruby-ui--combobox#onKeyUp"
         },
         class: "combobox-content hidden w-full absolute top-0 left-0 z-50"
       }

lib/ruby_ui/combobox/combobox_content_controller.js

@@ -20,7 +20,7 @@ export default class extends Controller {
     this.groupTargets.forEach((group) => {
       const hasVisibleItems =
         group.querySelectorAll(
-          "[data-ruby_ui--combobox-content-target='item']:not(.hidden)",
+          "[data-ruby-ui--combobox-content-target='item']:not(.hidden)",
         ).length > 0;
       this.#toggleVisibility([group], hasVisibleItems);
     });

lib/ruby_ui/combobox/combobox_controller.js

@@ -1,7 +1,7 @@
 import { Controller } from "@hotwired/stimulus";
 import { computePosition, autoUpdate, offset } from "@floating-ui/dom";
 
-export const POPOVER_OPENED = "ruby_ui--combobox#popoverOpened";
+export const POPOVER_OPENED = "ruby-ui--combobox#popoverOpened";
 
 export default class extends Controller {
   static targets = [
@@ -14,7 +14,7 @@ export default class extends Controller {
     "item",
   ];
   static values = { open: Boolean };
-  static outlets = ["ruby_ui--combobox-item", "ruby_ui--combobox-content"];
+  static outlets = ["ruby-ui--combobox-item", "ruby-ui--combobox-content"];
 
   constructor(...args) {
     super(...args);

lib/ruby_ui/combobox/combobox_input.rb

@@ -14,7 +14,7 @@ def default_attrs
         data: {
           ruby_ui__combobox_target: "input",
           ruby_ui__form_field_target: "input",
-          action: "change->ruby_ui--form-field#onChange invalid->ruby_ui--form-field#onInvalid"
+          action: "change->ruby-ui--form-field#onChange invalid->ruby-ui--form-field#onInvalid"
         }
       }
     end

lib/ruby_ui/combobox/combobox_item.rb

@@ -43,8 +43,8 @@ def default_attrs
           value: @value,
           ruby_ui__combobox_target: "item",
           ruby_ui__combobox_content_target: "item",
-          controller: "ruby_ui--combobox-item",
-          action: "click->ruby_ui--combobox#onItemSelected"
+          controller: "ruby-ui--combobox-item",
+          action: "click->ruby-ui--combobox#onItemSelected"
         },
         aria_selected: "false"
       }

lib/ruby_ui/combobox/combobox_search_input.rb

@@ -44,7 +44,7 @@ def default_attrs
           "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         placeholder: @placeholder,
         data: {
-          action: "input->ruby_ui--combobox#onSearchInput",
+          action: "input->ruby-ui--combobox#onSearchInput",
           ruby_ui__combobox_target: "search"
         },
         autocomplete: "off",

lib/ruby_ui/combobox/combobox_trigger.rb

@@ -34,7 +34,7 @@ def icon
     def default_attrs
       {
         data: {
-          action: "ruby_ui--combobox#onTriggerClick",
+          action: "ruby-ui--combobox#onTriggerClick",
           ruby_ui__combobox_target: "trigger"
         },
         type: "button",

lib/ruby_ui/command/command_controller.js

@@ -1,7 +1,7 @@
 import { Controller } from "@hotwired/stimulus";
 import Fuse from "fuse.js";
 
-// Connects to data-controller="ruby_ui--command"
+// Connects to data-controller="ruby-ui--command"
 export default class extends Controller {
   static targets = ["input", "group", "item", "empty", "content"];
 
@@ -67,7 +67,7 @@ export default class extends Controller {
     this.groupTargets.forEach((group) => {
       const hasVisibleItems =
         group.querySelectorAll(
-          "[data-ruby_ui--command-target='item']:not(.hidden)",
+          "[data-ruby-ui--command-target='item']:not(.hidden)",
         ).length > 0;
       this.toggleVisibility([group], hasVisibleItems);
     });

lib/ruby_ui/command/command_dialog.rb

@@ -10,7 +10,7 @@ def view_template(&)
 
     def default_attrs
       {
-        data: {controller: "ruby_ui--command"}
+        data: {controller: "ruby-ui--command"}
       }
     end
   end

lib/ruby_ui/command/command_dialog_content.rb

@@ -18,7 +18,7 @@ def initialize(size: :md, **attrs)
 
     def view_template(&block)
       all_template_tag(data: {ruby_ui__command_target: "content"}) do
-        div(data: {controller: "ruby_ui--command"}) do
+        div(data: {controller: "ruby-ui--command"}) do
           backdrop
           div(**attrs, &block)
         end
@@ -40,7 +40,7 @@ def default_attrs
     def backdrop
       div(
         data_state: "open",
-        data_action: "click->ruby_ui--command#dismiss esc->ruby_ui--command#dismiss",
+        data_action: "click->ruby-ui--command#dismiss esc->ruby-ui--command#dismiss",
         class: "fixed pointer-events-auto inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
       )
     end

lib/ruby_ui/command/command_dialog_trigger.rb

@@ -8,7 +8,7 @@ class CommandDialogTrigger < Base
     ].freeze
 
     def initialize(keybindings: DEFAULT_KEYBINDINGS, **attrs)
-      @keybindings = keybindings.map { |kb| "#{kb}->ruby_ui--command#open" }
+      @keybindings = keybindings.map { |kb| "#{kb}->ruby-ui--command#open" }
       super(**attrs)
     end
 
@@ -21,7 +21,7 @@ def view_template(&)
     def default_attrs
       {
         data: {
-          action: ["click->ruby_ui--command#open", @keybindings.join(" ")]
+          action: ["click->ruby-ui--command#open", @keybindings.join(" ")]
         }
       }
     end