ruby_ui 1.0.0.beta1 → 1.0.0.pre.alpha.4

data/lib/{ruby_ui → rbui}/dropdown_menu/dropdown_menu_label.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DropdownMenuLabel < Base
     def view_template(&)
       h3(**attrs, &)

data/lib/{ruby_ui → rbui}/dropdown_menu/dropdown_menu_separator.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DropdownMenuSeparator < Base
     def view_template
       div(**attrs)

data/lib/{ruby_ui → rbui}/dropdown_menu/dropdown_menu_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DropdownMenuTrigger < Base
     def view_template(&)
       div(**attrs, &)
@@ -10,7 +10,7 @@ module RubyUI
 
     def default_attrs
       {
-        data: {ruby_ui__dropdown_menu_target: "trigger", action: "click->ruby-ui--dropdown-menu#toggle"},
+        data: {rbui__dropdown_menu_target: "trigger", action: "click->rbui--dropdown-menu#toggle"},
         class: "inline-block"
       }
     end

data/lib/{ruby_ui → rbui}/form/form.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Form < Base
     def view_template(&)
       form(**attrs, &)

data/lib/{ruby_ui → rbui}/form/form_field.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class FormField < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,7 +11,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--form-field"
+          controller: "rbui--form-field"
         },
         class: "space-y-2"
       }

data/lib/{ruby_ui → rbui}/form/form_field_error.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class FormFieldError < Base
     def view_template(&)
       p(**attrs, &)
@@ -11,7 +11,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__form_field_target: "error"
+          rbui__form_field_target: "error"
         },
         class: "text-sm font-medium text-destructive"
       }

data/lib/{ruby_ui → rbui}/form/form_field_hint.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class FormFieldHint < Base
     def view_template(&)
       p(**attrs, &)

data/lib/{ruby_ui → rbui}/form/form_field_label.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class FormFieldLabel < Base
     def view_template(&)
       label(**attrs, &)

data/lib/{ruby_ui → rbui}/hover_card/hover_card.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class HoverCard < Base
     def initialize(option: {}, **attrs)
       @options = option
@@ -18,8 +18,8 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--hover-card",
-          ruby_ui__hover_card_options_value: @options.to_json
+          controller: "rbui--hover-card",
+          rbui__hover_card_options_value: @options.to_json
         }
       }
     end

data/lib/{ruby_ui → rbui}/hover_card/hover_card_content.rb

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class HoverCardContent < Base
     def view_template(&block)
-      template(data: {ruby_ui__hover_card_target: "content"}) do
+      template_tag(data: {rbui__hover_card_target: "content"}) do
         div(**attrs, &block)
       end
     end

data/lib/{ruby_ui → rbui}/hover_card/hover_card_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class HoverCardTrigger < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,7 +11,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__hover_card_target: "trigger"
+          rbui__hover_card_target: "trigger"
         },
         class: "inline-block"
       }

data/lib/{ruby_ui → rbui}/input/input.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Input < Base
     def initialize(type: :string, **attrs)
       @type = type.to_sym
@@ -16,8 +16,8 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__form_field_target: "input",
-          action: "input->ruby-ui--form-field#onInput invalid->ruby-ui--form-field#onInvalid"
+          rbui__form_field_target: "input",
+          action: "input->rbui--form-field#onInput invalid->rbui--form-field#onInvalid"
         },
         class: "flex h-9 w-full rounded-md border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 border-border focus-visible:ring-ring placeholder:text-muted-foreground"
       }

data/lib/{ruby_ui → rbui}/link/link.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Link < Base
     def initialize(href: "#", variant: :link, size: :md, icon: false, **attrs)
       @href = href
@@ -35,45 +35,45 @@ module RubyUI
     end
 
     def primary_classes
-      [
+      tokens(
         "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90",
         size_classes
-      ]
+      )
     end
 
     def link_classes
-      [
+      tokens(
         "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 hover:underline",
         size_classes
-      ]
+      )
     end
 
     def secondary_classes
-      [
+      tokens(
         "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-opacity-80",
         size_classes
-      ]
+      )
     end
 
     def destructive_classes
-      [
+      tokens(
         "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
         size_classes
-      ]
+      )
     end
 
     def outline_classes
-      [
+      tokens(
         "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
         size_classes
-      ]
+      )
     end
 
     def ghost_classes
-      [
+      tokens(
         "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground",
         size_classes
-      ]
+      )
     end
 
     def default_classes

data/lib/{ruby_ui → rbui}/pagination/pagination.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Pagination < Base
     def view_template(&)
       nav(**attrs, &)

data/lib/{ruby_ui → rbui}/pagination/pagination_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class PaginationContent < Base
     def view_template(&)
       ul(**attrs, &)

data/lib/{ruby_ui → rbui}/pagination/pagination_ellipsis.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class PaginationEllipsis < Base
     def view_template(&block)
       li do

data/lib/{ruby_ui → rbui}/pagination/pagination_item.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class PaginationItem < Base
     def initialize(href: "#", active: false, **attrs)
       @href = href
@@ -19,9 +19,9 @@ module RubyUI
     def default_attrs
       {
         aria: {current: @active ? "page" : nil},
-        class: [
-          RubyUI::Button.new(variant: @active ? :outline : :ghost).attrs[:class]
-        ]
+        class: tokens(
+          RBUI::Button.new(variant: @active ? :outline : :ghost).attrs[:class]
+        )
       }
     end
   end

data/lib/{ruby_ui → rbui}/popover/popover.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Popover < Base
     def initialize(options: {}, **attrs)
       @options = options
@@ -16,9 +16,9 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--popover",
-          ruby_ui__popover_options_value: @options.to_json,
-          ruby_ui__popover_trigger_value: @options[:trigger] || "hover"
+          controller: "rbui--popover",
+          rbui__popover_options_value: @options.to_json,
+          rbui__popover_trigger_value: @options[:trigger] || "hover"
         }
       }
     end

data/lib/{ruby_ui → rbui}/popover/popover_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class PopoverContent < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,7 +11,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__popover_target: "content"
+          rbui__popover_target: "content"
         },
         class: [
           "hidden z-50 rounded-md border bg-background p-1 text-foreground shadow-md outline-none",

data/lib/{ruby_ui → rbui}/popover/popover_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class PopoverTrigger < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,7 +11,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__popover_target: "trigger"
+          rbui__popover_target: "trigger"
         },
         class: "inline-block"
       }

data/lib/{ruby_ui → rbui}/radio_button/radio_button.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class RadioButton < Base
     def view_template
       input(**attrs)
@@ -12,8 +12,8 @@ module RubyUI
       {
         type: "radio",
         data: {
-          ruby_ui__form_field_target: "input",
-          action: "change->ruby-ui--form-field#onInput invalid->ruby-ui--form-field#onInvalid"
+          rbui__form_field_target: "input",
+          action: "input->rbui--form-field#onInput invalid->rbui--form-field#onInvalid"
         },
         class: "h-4 w-4 p-0 border-primary rounded-full flex-none"
       }

data/lib/rbui/railtie.rb

@@ -0,0 +1,52 @@
+module RBUI
+  if defined?(Rails)
+    class Railtie < ::Rails::Railtie
+      generators do
+        require_relative "../generators/rbui/install/install_generator"
+
+        config.app_generators do |g|
+          g.templates.unshift File.expand_path("../templates", __FILE__)
+        end
+
+        initializer "rbui.set_generator_namespace" do
+          Rails::Generators.namespace(RBUI::Generators, as: "rbui")
+        end
+      end
+
+      # Add component loading
+      config.to_prepare do
+        # Define the path to the RBUI components
+        rbui_components_path = Rails.root.join("app/components/rbui")
+
+        # Check if the RBUI components directory exists
+        if Dir.exist?(rbui_components_path)
+          # Find all Ruby files in the RBUI components directory and its subdirectories
+          Dir[rbui_components_path.join("**", "*.rb")].each do |file|
+            # Get the relative path of the file from the RBUI components directory
+            relative_path = Pathname.new(file).relative_path_from(rbui_components_path)
+
+            # Convert the file path to a component name
+            # e.g., "form/input.rb" becomes ["Form", "Input"]
+            component_name_parts = relative_path.to_s.chomp(".rb").split("/").map(&:camelize)
+
+            # Create the full component name with RBUI namespace
+            # e.g., "RBUI::Form::Input"
+            full_component_name = "RBUI::#{component_name_parts.join("::")}"
+
+            begin
+              # Check if the component is already defined
+              if defined?(full_component_name.constantize)
+                # If it's defined, load (or reload) the file
+                load file
+              end
+            rescue NameError
+              # If the constant isn't defined (i.e., the component doesn't exist),
+              # we'll skip this file and move to the next one
+              next
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/{ruby_ui → rbui}/select/select.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Select < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,10 +11,10 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--select",
-          ruby_ui__select_open_value: "false",
-          action: "click@window->ruby-ui--select#clickOutside",
-          ruby_ui__select_ruby_ui__select_item_outlet: ".item"
+          controller: "rbui--select",
+          rbui__select_open_value: "false",
+          action: "click@window->rbui--select#clickOutside",
+          rbui__select_rbui__select_item_outlet: ".item"
         },
         class: "group/select w-full relative"
       }

data/lib/{ruby_ui → rbui}/select/select_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SelectContent < Base
     def initialize(**attrs)
       @id = "content#{SecureRandom.hex(4)}"
@@ -10,7 +10,7 @@ module RubyUI
     def view_template(&block)
       div(**attrs) do
         div(
-          class: "max-h-96 min-w-max overflow-auto rounded-md border bg-background p-1 text-foreground shadow-md animate-out group-data-[ruby-ui--select-open-value=true]/select:animate-in fade-out-0 group-data-[ruby-ui--select-open-value=true]/select:fade-in-0 zoom-out-95 group-data-[ruby-ui--select-open-value=true]/select:zoom-in-95 slide-in-from-top-2", &block
+          class: "max-h-96 min-w-max overflow-auto rounded-md border bg-background p-1 text-foreground shadow-md animate-out group-data-[rbui--select-open-value=true]/select:animate-in fade-out-0 group-data-[rbui--select-open-value=true]/select:fade-in-0 zoom-out-95 group-data-[rbui--select-open-value=true]/select:zoom-in-95 slide-in-from-top-2", &block
         )
       end
     end
@@ -23,7 +23,7 @@ module RubyUI
         role: "listbox",
         tabindex: "-1",
         data: {
-          ruby_ui__select_target: "content"
+          rbui__select_target: "content"
         },
         class: "hidden w-full absolute top-0 left-0 z-50"
       }

data/lib/{ruby_ui → rbui}/select/select_group.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SelectGroup < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/select/select_input.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SelectInput < Base
     def view_template
       input(**attrs)
@@ -12,9 +12,9 @@ module RubyUI
       {
         class: "hidden",
         data: {
-          ruby_ui__select_target: "input",
-          ruby_ui__form_field_target: "input",
-          action: "change->ruby-ui--form-field#onChange invalid->ruby-ui--form-field#onInvalid"
+          rbui__select_target: "input",
+          rbui__form_field_target: "input",
+          action: "change->rbui--form-field#onChange invalid->rbui--form-field#onInvalid"
         }
       }
     end

data/lib/{ruby_ui → rbui}/select/select_item.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SelectItem < Base
     def initialize(value: nil, **attrs)
       @value = value
@@ -39,9 +39,9 @@ module RubyUI
         tabindex: "0",
         class: "item group relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         data: {
-          controller: "ruby-ui--select-item",
-          action: "click->ruby-ui--select#selectItem keydown.enter->ruby-ui--select#selectItem keydown.down->ruby-ui--select#handleKeyDown keydown.up->ruby-ui--select#handleKeyUp keydown.esc->ruby-ui--select#handleEsc",
-          ruby_ui__select_target: "item"
+          controller: "rbui--select-item",
+          action: "click->rbui--select#selectItem keydown.enter->rbui--select#selectItem keydown.down->rbui--select#handleKeyDown keydown.up->rbui--select#handleKeyUp keydown.esc->rbui--select#handleEsc",
+          rbui__select_target: "item"
         },
         data_value: @value,
         data_orientation: "vertical",

data/lib/{ruby_ui → rbui}/select/select_label.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SelectLabel < Base
     def view_template(&)
       h3(**attrs, &)

data/lib/{ruby_ui → rbui}/select/select_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SelectTrigger < Base
     def view_template(&block)
       button(**attrs) do
@@ -34,8 +34,8 @@ module RubyUI
     def default_attrs
       {
         data: {
-          action: "ruby-ui--select#onClick",
-          ruby_ui__select_target: "trigger"
+          action: "rbui--select#onClick",
+          rbui__select_target: "trigger"
         },
         type: "button",
         role: "combobox",

data/lib/{ruby_ui → rbui}/select/select_value.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SelectValue < Base
     def initialize(placeholder: nil, **attrs)
       @placeholder = placeholder
@@ -18,7 +18,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__select_target: "value"
+          rbui__select_target: "value"
         },
         class: "pointer-events-none"
       }

data/lib/{ruby_ui → rbui}/sheet/sheet.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Sheet < Base
     def view_template(&)
       div(**attrs, &)
@@ -10,7 +10,7 @@ module RubyUI
 
     def default_attrs
       {
-        data: {controller: "ruby-ui--sheet"}
+        data: {controller: "rbui--sheet"}
       }
     end
   end

data/lib/{ruby_ui → rbui}/sheet/sheet_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SheetContent < Base
     SIDE_CLASS = {
       top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
@@ -16,8 +16,8 @@ module RubyUI
     end
 
     def view_template(&block)
-      template(data: {ruby_ui__sheet_target: "content"}) do
-        div(data: {controller: "ruby-ui--sheet-content"}) do
+      template_tag(data: {rbui__sheet_target: "content"}) do
+        div(data: {controller: "rbui--sheet-content"}) do
           backdrop
           div(**attrs) do
             block&.call
@@ -32,10 +32,10 @@ module RubyUI
     def default_attrs
       {
         data_state: "open", # For animate in
-        class: [
+        class: tokens(
           "fixed pointer-events-auto z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           @side_classes
-        ]
+        )
       }
     end
 
@@ -43,7 +43,7 @@ module RubyUI
       button(
         type: "button",
         class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-        data_action: "click->ruby-ui--sheet-content#close"
+        data_action: "click->rbui--sheet-content#close"
       ) do
         svg(
           width: "15",
@@ -68,7 +68,7 @@ module RubyUI
     def backdrop
       div(
         data_state: "open",
-        data_action: "click->ruby-ui--sheet-content#close",
+        data_action: "click->rbui--sheet-content#close",
         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"
       )

data/lib/{ruby_ui → rbui}/sheet/sheet_description.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SheetDescription < Base
     def view_template(&)
       p(**attrs, &)

data/lib/{ruby_ui → rbui}/sheet/sheet_footer.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SheetFooter < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/sheet/sheet_header.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class SheetHeader < Base
     def view_template(&)
       div(**attrs, &)