fernandes-ui 0.1.0 → 0.1.2

data/app/view_components/ui/hover_card_trigger_component.rb

@@ -1,54 +1,54 @@
 # frozen_string_literal: true
 
-    # TriggerComponent - ViewComponent implementation
-    #
-    # Element that triggers the hover card on hover.
-    # Uses HoverCardTriggerBehavior for shared styling logic.
-    # Supports asChild pattern for composition.
-    #
-    # @example Basic usage
-    #   <%= render UI::TriggerComponent.new { "Hover me" } %>
-    #
-    # @example With asChild - compose with Button (yields attributes)
-    #   <%= render UI::TriggerComponent.new(as_child: true) do |trigger_attrs| %>
-    #     <%= render UI::ButtonComponent.new(**trigger_attrs, variant: :link) { "@nextjs" } %>
-    #   <% end %>
-    #
-    # @example With custom tag
-    #   <%= render UI::TriggerComponent.new(tag: :a, href: "#") { "Link" } %>
-    class UI::HoverCardTriggerComponent < ViewComponent::Base
-      include UI::HoverCardTriggerBehavior
+# TriggerComponent - ViewComponent implementation
+#
+# Element that triggers the hover card on hover.
+# Uses HoverCardTriggerBehavior for shared styling logic.
+# Supports asChild pattern for composition.
+#
+# @example Basic usage
+#   <%= render UI::TriggerComponent.new { "Hover me" } %>
+#
+# @example With asChild - compose with Button (yields attributes)
+#   <%= render UI::TriggerComponent.new(as_child: true) do |trigger_attrs| %>
+#     <%= render UI::ButtonComponent.new(**trigger_attrs, variant: :link) { "@nextjs" } %>
+#   <% end %>
+#
+# @example With custom tag
+#   <%= render UI::TriggerComponent.new(tag: :a, href: "#") { "Link" } %>
+class UI::HoverCardTriggerComponent < ViewComponent::Base
+  include UI::HoverCardTriggerBehavior
 
-      # @param as_child [Boolean] If true, yields attributes to block instead of wrapping
-      # @param tag [Symbol] HTML tag to use for the trigger (default: :span)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(as_child: false, tag: :span, classes: "", **attributes)
-        @as_child = as_child
-        @tag = tag
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param as_child [Boolean] If true, yields attributes to block instead of wrapping
+  # @param tag [Symbol] HTML tag to use for the trigger (default: :span)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(as_child: false, tag: :span, classes: "", **attributes)
+    @as_child = as_child
+    @tag = tag
+    @classes = classes
+    @attributes = attributes
+  end
 
-      # Override render_in to pass trigger_attrs to block when as_child is true
-      def render_in(view_context, &block)
-        @view_context = view_context
+  # Override render_in to pass trigger_attrs to block when as_child is true
+  def render_in(view_context, &block)
+    @view_context = view_context
 
-        if @as_child && block
-          # asChild pattern: call the block with trigger attributes
-          # Block should use these attrs on the actual trigger element
-          view_context.capture(trigger_html_attributes, &block)
-        else
-          super
-        end
-      end
+    if @as_child && block
+      # asChild pattern: call the block with trigger attributes
+      # Block should use these attrs on the actual trigger element
+      view_context.capture(trigger_html_attributes, &block)
+    else
+      super
+    end
+  end
 
-      def call
-        # Default: render with full styling and tabindex for keyboard focus
-        attrs = trigger_html_attributes.merge(@attributes)
-        attrs[:tabindex] ||= "0" if @tag == :span || @tag == :div
-        content_tag @tag, **attrs do
-          content
-        end
-      end
+  def call
+    # Default: render with full styling and tabindex for keyboard focus
+    attrs = trigger_html_attributes.merge(@attributes)
+    attrs[:tabindex] ||= "0" if @tag == :span || @tag == :div
+    content_tag @tag, **attrs do
+      content
     end
+  end
+end

data/app/view_components/ui/inline_code_component.rb

@@ -9,6 +9,7 @@ module UI
 
     def call
       extend UI::InlineCodeBehavior
+
       attrs = inline_code_html_attributes
       content_tag :code, **attrs.merge(@attributes) do
         content

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,36 @@
 # 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
+    render partial: "ui/button", locals: input_group_button_attributes.merge(content: content)
+  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