fernandes-ui 0.1.1 → 0.1.4

data/app/view_components/ui/input_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    class UI::InputComponent < ViewComponent::Base
-      include UI::InputBehavior
+class UI::InputComponent < ViewComponent::Base
+  include UI::InputBehavior
 
-      def initialize(type: "text", placeholder: nil, value: nil, name: nil, id: nil, classes: "", **attributes)
-        @type = type
-        @placeholder = placeholder
-        @value = value
-        @name = name
-        @id = id
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(type: "text", placeholder: nil, value: nil, name: nil, id: nil, classes: "", **attributes)
+    @type = type
+    @placeholder = placeholder
+    @value = value
+    @name = name
+    @id = id
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.input(**input_html_attributes.merge(@attributes))
-      end
+  def call
+    tag.input(**input_html_attributes.merge(@attributes))
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/input_group_addon_component.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # InputGroupAddonComponent - ViewComponent implementation
-    #
-    # An addon element for input groups that can contain text, icons, or other elements.
-    # Uses InputGroupAddonBehavior concern for shared styling logic.
-    #
-    # @example Text addon
-    #   <%= render UI::InputGroupAddonComponent.new(align: "inline-start") do %>
-    #     @
-    #   <% end %>
-    #
-    # @example Button addon
-    #   <%= render UI::InputGroupAddonComponent.new(align: "inline-end") do %>
-    #     <%= render UI::InputGroupButtonComponent.new do %>
-    #       Submit
-    #     <% end %>
-    #   <% end %>
-    class UI::InputGroupAddonComponent < ViewComponent::Base
-      include UI::InputGroupAddonBehavior
+# InputGroupAddonComponent - ViewComponent implementation
+#
+# An addon element for input groups that can contain text, icons, or other elements.
+# Uses InputGroupAddonBehavior concern for shared styling logic.
+#
+# @example Text addon
+#   <%= render UI::InputGroupAddonComponent.new(align: "inline-start") do %>
+#     @
+#   <% end %>
+#
+# @example Button addon
+#   <%= render UI::InputGroupAddonComponent.new(align: "inline-end") do %>
+#     <%= render UI::InputGroupButtonComponent.new do %>
+#       Submit
+#     <% end %>
+#   <% end %>
+class UI::InputGroupAddonComponent < ViewComponent::Base
+  include UI::InputGroupAddonBehavior
 
-      # @param align [String] Alignment position: "inline-start", "inline-end", "block-start", "block-end"
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(align: "inline-start", classes: "", **attributes)
-        @align = align
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param align [String] Alignment position: "inline-start", "inline-end", "block-start", "block-end"
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(align: "inline-start", classes: "", **attributes)
+    @align = align
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **input_group_addon_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :div, **input_group_addon_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/input_group_button_component.rb

@@ -1,36 +1,51 @@
 # frozen_string_literal: true
 
-    # InputGroupButtonComponent - ViewComponent implementation
-    #
-    # A button component specifically styled for use within input groups.
-    # Uses InputGroupButtonBehavior concern for shared styling logic.
-    #
-    # @example Basic button
-    #   <%= render UI::InputGroupButtonComponent.new do %>
-    #     Search
-    #   <% end %>
-    #
-    # @example Icon button
-    #   <%= render UI::InputGroupButtonComponent.new(size: "icon-xs") do %>
-    #     <svg>...</svg>
-    #   <% end %>
-    class UI::InputGroupButtonComponent < ViewComponent::Base
-      include UI::InputGroupButtonBehavior
+# InputGroupButtonComponent - ViewComponent implementation
+#
+# A button component specifically styled for use within input groups.
+# Uses InputGroupButtonBehavior concern for shared styling logic.
+#
+# @example Basic button
+#   <%= render UI::InputGroupButtonComponent.new do %>
+#     Search
+#   <% end %>
+#
+# @example Icon button
+#   <%= render UI::InputGroupButtonComponent.new(size: "icon-xs") do %>
+#     <svg>...</svg>
+#   <% end %>
+class UI::InputGroupButtonComponent < ViewComponent::Base
+  include UI::InputGroupButtonBehavior
 
-      # @param size [String] Size variant: "xs", "sm", "icon-xs", "icon-sm"
-      # @param variant [String] Button variant (default: "ghost")
-      # @param type [String] Button type attribute (default: "button")
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(size: "xs", variant: "ghost", type: "button", classes: "", **attributes)
-        @size = size
-        @variant = variant
-        @type = type
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param size [String] Size variant: "xs", "sm", "icon-xs", "icon-sm"
+  # @param variant [String] Button variant (default: "ghost")
+  # @param type [String] Button type attribute (default: "button")
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(size: "xs", variant: "ghost", type: "button", classes: "", **attributes)
+    @size = size
+    @variant = variant
+    @type = type
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        render partial: "ui/button", locals: input_group_button_attributes.merge(content: content)
-      end
-    end
+  def call
+    # Get base attributes from behavior (type, variant, classes)
+    base_attrs = input_group_button_attributes
+
+    # Extract button-specific params that ui/button accepts as direct arguments
+    button_params = {
+      type: base_attrs[:type],
+      variant: base_attrs[:variant],
+      classes: base_attrs[:classes],
+      content: content
+    }
+
+    # Merge additional HTML attributes (data, role, aria, tabindex, etc.) into attributes hash
+    html_attrs = base_attrs.except(:type, :variant, :classes, :"data-size")
+    button_params[:attributes] = html_attrs unless html_attrs.empty?
+
+    render partial: "ui/button", locals: button_params
+  end
+end

data/app/view_components/ui/input_group_component.rb

@@ -1,35 +1,35 @@
 # frozen_string_literal: true
 
-    # InputGroupComponent - ViewComponent implementation
-    #
-    # A wrapper component for grouping inputs with addons, buttons, and text.
-    # Uses InputGroupBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::InputGroupComponent.new do %>
-    #     <%= render UI::InputGroupInputComponent.new(placeholder: "Enter text") %>
-    #   <% end %>
-    #
-    # @example With addons
-    #   <%= render UI::InputGroupComponent.new do %>
-    #     <%= render UI::InputGroupAddonComponent.new(align: "inline-start") do %>
-    #       @
-    #     <% end %>
-    #     <%= render UI::InputGroupInputComponent.new(placeholder: "username") %>
-    #   <% end %>
-    class UI::InputGroupComponent < ViewComponent::Base
-      include UI::InputGroupBehavior
+# InputGroupComponent - ViewComponent implementation
+#
+# A wrapper component for grouping inputs with addons, buttons, and text.
+# Uses InputGroupBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::InputGroupComponent.new do %>
+#     <%= render UI::InputGroupInputComponent.new(placeholder: "Enter text") %>
+#   <% end %>
+#
+# @example With addons
+#   <%= render UI::InputGroupComponent.new do %>
+#     <%= render UI::InputGroupAddonComponent.new(align: "inline-start") do %>
+#       @
+#     <% end %>
+#     <%= render UI::InputGroupInputComponent.new(placeholder: "username") %>
+#   <% end %>
+class UI::InputGroupComponent < ViewComponent::Base
+  include UI::InputGroupBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **input_group_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :div, **input_group_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/input_group_input_component.rb

@@ -1,42 +1,42 @@
 # frozen_string_literal: true
 
-    # InputGroupInputComponent - ViewComponent implementation
-    #
-    # An input element styled for use within input groups.
-    # Uses InputGroupInputBehavior concern for shared styling logic.
-    #
-    # @example Basic input
-    #   <%= render UI::InputGroupInputComponent.new(
-    #     placeholder: "Enter text",
-    #     name: "username"
-    #   ) %>
-    #
-    # @example With type
-    #   <%= render UI::InputGroupInputComponent.new(
-    #     type: "email",
-    #     placeholder: "email@example.com"
-    #   ) %>
-    class UI::InputGroupInputComponent < ViewComponent::Base
-      include UI::InputGroupInputBehavior
+# InputGroupInputComponent - ViewComponent implementation
+#
+# An input element styled for use within input groups.
+# Uses InputGroupInputBehavior concern for shared styling logic.
+#
+# @example Basic input
+#   <%= render UI::InputGroupInputComponent.new(
+#     placeholder: "Enter text",
+#     name: "username"
+#   ) %>
+#
+# @example With type
+#   <%= render UI::InputGroupInputComponent.new(
+#     type: "email",
+#     placeholder: "email@example.com"
+#   ) %>
+class UI::InputGroupInputComponent < ViewComponent::Base
+  include UI::InputGroupInputBehavior
 
-      # @param type [String] Input type (default: "text")
-      # @param placeholder [String] Placeholder text
-      # @param value [String] Input value
-      # @param name [String] Input name attribute
-      # @param id [String] Input id attribute
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(type: "text", placeholder: nil, value: nil, name: nil, id: nil, classes: "", **attributes)
-        @type = type
-        @placeholder = placeholder
-        @value = value
-        @name = name
-        @id = id
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param type [String] Input type (default: "text")
+  # @param placeholder [String] Placeholder text
+  # @param value [String] Input value
+  # @param name [String] Input name attribute
+  # @param id [String] Input id attribute
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(type: "text", placeholder: nil, value: nil, name: nil, id: nil, classes: "", **attributes)
+    @type = type
+    @placeholder = placeholder
+    @value = value
+    @name = name
+    @id = id
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        render partial: "ui/input", locals: input_group_input_attributes
-      end
-    end
+  def call
+    render partial: "ui/input", locals: input_group_input_attributes
+  end
+end

data/app/view_components/ui/input_group_text_component.rb

@@ -1,33 +1,33 @@
 # frozen_string_literal: true
 
-    # InputGroupTextComponent - ViewComponent implementation
-    #
-    # A text element for displaying static text within input groups.
-    # Uses InputGroupTextBehavior concern for shared styling logic.
-    #
-    # @example Simple text
-    #   <%= render UI::InputGroupTextComponent.new do %>
-    #     @
-    #   <% end %>
-    #
-    # @example With icon
-    #   <%= render UI::InputGroupTextComponent.new do %>
-    #     <svg class="size-4">...</svg>
-    #     Username
-    #   <% end %>
-    class UI::InputGroupTextComponent < ViewComponent::Base
-      include UI::InputGroupTextBehavior
+# InputGroupTextComponent - ViewComponent implementation
+#
+# A text element for displaying static text within input groups.
+# Uses InputGroupTextBehavior concern for shared styling logic.
+#
+# @example Simple text
+#   <%= render UI::InputGroupTextComponent.new do %>
+#     @
+#   <% end %>
+#
+# @example With icon
+#   <%= render UI::InputGroupTextComponent.new do %>
+#     <svg class="size-4">...</svg>
+#     Username
+#   <% end %>
+class UI::InputGroupTextComponent < ViewComponent::Base
+  include UI::InputGroupTextBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :span, **input_group_text_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :span, **input_group_text_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/input_group_textarea_component.rb

@@ -1,42 +1,42 @@
 # frozen_string_literal: true
 
-    # InputGroupTextareaComponent - ViewComponent implementation
-    #
-    # A textarea element styled for use within input groups.
-    # Uses InputGroupTextareaBehavior concern for shared styling logic.
-    #
-    # @example Basic textarea
-    #   <%= render UI::InputGroupTextareaComponent.new(
-    #     placeholder: "Enter your message",
-    #     rows: 3
-    #   ) %>
-    #
-    # @example With name
-    #   <%= render UI::InputGroupTextareaComponent.new(
-    #     placeholder: "Description",
-    #     name: "description"
-    #   ) %>
-    class UI::InputGroupTextareaComponent < ViewComponent::Base
-      include UI::InputGroupTextareaBehavior
+# InputGroupTextareaComponent - ViewComponent implementation
+#
+# A textarea element styled for use within input groups.
+# Uses InputGroupTextareaBehavior concern for shared styling logic.
+#
+# @example Basic textarea
+#   <%= render UI::InputGroupTextareaComponent.new(
+#     placeholder: "Enter your message",
+#     rows: 3
+#   ) %>
+#
+# @example With name
+#   <%= render UI::InputGroupTextareaComponent.new(
+#     placeholder: "Description",
+#     name: "description"
+#   ) %>
+class UI::InputGroupTextareaComponent < ViewComponent::Base
+  include UI::InputGroupTextareaBehavior
 
-      # @param placeholder [String] Placeholder text
-      # @param value [String] Textarea value
-      # @param name [String] Textarea name attribute
-      # @param id [String] Textarea id attribute
-      # @param rows [Integer] Number of visible text lines
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(placeholder: nil, value: nil, name: nil, id: nil, rows: nil, classes: "", **attributes)
-        @placeholder = placeholder
-        @value = value
-        @name = name
-        @id = id
-        @rows = rows
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param placeholder [String] Placeholder text
+  # @param value [String] Textarea value
+  # @param name [String] Textarea name attribute
+  # @param id [String] Textarea id attribute
+  # @param rows [Integer] Number of visible text lines
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(placeholder: nil, value: nil, name: nil, id: nil, rows: nil, classes: "", **attributes)
+    @placeholder = placeholder
+    @value = value
+    @name = name
+    @id = id
+    @rows = rows
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        render partial: "ui/textarea", locals: input_group_textarea_attributes
-      end
-    end
+  def call
+    render partial: "ui/textarea", locals: input_group_textarea_attributes
+  end
+end

data/app/view_components/ui/input_otp_component.rb

@@ -1,61 +1,61 @@
 # frozen_string_literal: true
 
-    # InputOtpComponent - ViewComponent implementation
-    #
-    # Accessible one-time password container component.
-    # Supports both composition (with Group/Slot/Separator) and auto-generation.
-    #
-    # @example With composition
-    #   <%= render UI::InputOtpComponent.new(length: 6) do %>
-    #     <%= render UI::InputOtpGroupComponent.new do %>
-    #       <%= render UI::InputOtpSlotComponent.new(index: 0) %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example Auto-generated
-    #   <%= render UI::InputOtpComponent.new(length: 6) %>
-    class UI::InputOtpComponent < ViewComponent::Base
-      include UI::InputOtpBehavior
+# InputOtpComponent - ViewComponent implementation
+#
+# Accessible one-time password container component.
+# Supports both composition (with Group/Slot/Separator) and auto-generation.
+#
+# @example With composition
+#   <%= render UI::InputOtpComponent.new(length: 6) do %>
+#     <%= render UI::InputOtpGroupComponent.new do %>
+#       <%= render UI::InputOtpSlotComponent.new(index: 0) %>
+#     <% end %>
+#   <% end %>
+#
+# @example Auto-generated
+#   <%= render UI::InputOtpComponent.new(length: 6) %>
+class UI::InputOtpComponent < ViewComponent::Base
+  include UI::InputOtpBehavior
 
-      # @param length [Integer] Maximum number of OTP characters
-      # @param pattern [String] Regex pattern for valid characters (default: digits only)
-      # @param name [String] Form input name
-      # @param id [String] HTML id attribute
-      # @param disabled [Boolean] Whether inputs are disabled
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(length: 6, pattern: "\\d", name: nil, id: nil, disabled: false, classes: "", **attributes)
-        @length = length
-        @pattern = pattern
-        @name = name
-        @id = id
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param length [Integer] Maximum number of OTP characters
+  # @param pattern [String] Regex pattern for valid characters (default: digits only)
+  # @param name [String] Form input name
+  # @param id [String] HTML id attribute
+  # @param disabled [Boolean] Whether inputs are disabled
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(length: 6, pattern: "\\d", name: nil, id: nil, disabled: false, classes: "", **attributes)
+    @length = length
+    @pattern = pattern
+    @name = name
+    @id = id
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = input_otp_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = input_otp_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :div, **attrs.merge(@attributes.except(:data)) do
-          if content.present?
-            content
-          else
-            # Auto-generate inputs wrapped in InputOtpGroupComponent
-            render(UI::InputOtpGroupComponent.new) do
-              safe_join(
-                @length.times.map do |i|
-                  render(UI::InputOtpSlotComponent.new(
-                    index: i,
-                    name: @name ? "#{@name}[#{i}]" : nil,
-                    id: @id ? "#{@id}_#{i}" : nil,
-                    disabled: @disabled
-                  ))
-                end
-              )
+    content_tag :div, **attrs.merge(@attributes.except(:data)) do
+      if content.present?
+        content
+      else
+        # Auto-generate inputs wrapped in InputOtpGroupComponent
+        render(UI::InputOtpGroupComponent.new) do
+          safe_join(
+            @length.times.map do |i|
+              render(UI::InputOtpSlotComponent.new(
+                index: i,
+                name: @name ? "#{@name}[#{i}]" : nil,
+                id: @id ? "#{@id}_#{i}" : nil,
+                disabled: @disabled
+              ))
             end
-          end
+          )
         end
       end
     end
+  end
+end

data/app/view_components/ui/input_otp_group_component.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # GroupComponent - ViewComponent implementation
-    #
-    # Container for grouping OTP input slots together visually.
-    #
-    # @example
-    #   <%= render UI::GroupComponent.new do %>
-    #     <%= render UI::SlotComponent.new(index: 0) %>
-    #     <%= render UI::SlotComponent.new(index: 1) %>
-    #   <% end %>
-    class UI::InputOtpGroupComponent < ViewComponent::Base
-      include UI::InputOtpGroupBehavior
+# GroupComponent - ViewComponent implementation
+#
+# Container for grouping OTP input slots together visually.
+#
+# @example
+#   <%= render UI::GroupComponent.new do %>
+#     <%= render UI::SlotComponent.new(index: 0) %>
+#     <%= render UI::SlotComponent.new(index: 1) %>
+#   <% end %>
+class UI::InputOtpGroupComponent < ViewComponent::Base
+  include UI::InputOtpGroupBehavior
 
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = input_otp_group_html_attributes
+  def call
+    attrs = input_otp_group_html_attributes
 
-        content_tag :div, **attrs.merge(@attributes) do
-          content
-        end
-      end
+    content_tag :div, **attrs.merge(@attributes) do
+      content
     end
+  end
+end