fernandes-ui 0.1.0 → 0.1.2

data/app/view_components/ui/field_error_component.rb

@@ -1,63 +1,63 @@
 # frozen_string_literal: true
 
-    # FieldErrorComponent - ViewComponent implementation
-    #
-    # Error message display for form fields with accessibility support.
-    # Uses FieldErrorBehavior concern for shared styling logic.
-    #
-    # @example With single error
-    #   <%= render UI::FieldErrorComponent.new(errors: ["Email is required"]) %>
-    #
-    # @example With multiple errors
-    #   <%= render UI::FieldErrorComponent.new(errors: ["Email is required", "Email is invalid"]) %>
-    #
-    # @example With block
-    #   <%= render UI::FieldErrorComponent.new do %>
-    #     Error message
-    #   <% end %>
-    class UI::FieldErrorComponent < ViewComponent::Base
-      include UI::FieldErrorBehavior
-
-      # @param errors [Array] Array of error messages
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(errors: nil, classes: "", **attributes)
-        @errors = errors
-        @classes = classes
-        @attributes = attributes
-      end
+# FieldErrorComponent - ViewComponent implementation
+#
+# Error message display for form fields with accessibility support.
+# Uses FieldErrorBehavior concern for shared styling logic.
+#
+# @example With single error
+#   <%= render UI::FieldErrorComponent.new(errors: ["Email is required"]) %>
+#
+# @example With multiple errors
+#   <%= render UI::FieldErrorComponent.new(errors: ["Email is required", "Email is invalid"]) %>
+#
+# @example With block
+#   <%= render UI::FieldErrorComponent.new do %>
+#     Error message
+#   <% end %>
+class UI::FieldErrorComponent < ViewComponent::Base
+  include UI::FieldErrorBehavior
+
+  # @param errors [Array] Array of error messages
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(errors: nil, classes: "", **attributes)
+    @errors = errors
+    @classes = classes
+    @attributes = attributes
+  end
+
+  def call
+    return unless has_errors? || content?
+
+    if has_errors?
+      render_errors
+    else
+      render_content
+    end
+  end
 
-      def call
-        return unless has_errors? || content?
+  private
 
-        if has_errors?
-          render_errors
-        else
-          render_content
-        end
-      end
+  attr_reader :classes, :attributes
 
-      private
-
-      attr_reader :classes, :attributes
-
-      def render_errors
-        if single_error?
-          content_tag :p, **field_error_html_attributes do
-            error_message(@errors.first)
-          end
-        else
-          content_tag :ul, **field_error_html_attributes do
-            safe_join(@errors.map { |error|
-              content_tag :li, error_message(error)
-            })
-          end
-        end
+  def render_errors
+    if single_error?
+      content_tag :p, **field_error_html_attributes do
+        error_message(@errors.first)
       end
-
-      def render_content
-        content_tag :p, **field_error_html_attributes do
-          content
-        end
+    else
+      content_tag :ul, **field_error_html_attributes do
+        safe_join(@errors.map { |error|
+          content_tag :li, error_message(error)
+        })
       end
     end
+  end
+
+  def render_content
+    content_tag :p, **field_error_html_attributes do
+      content
+    end
+  end
+end

data/app/view_components/ui/field_group_component.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # FieldGroupComponent - ViewComponent implementation
-    #
-    # Layout wrapper that stacks Field components.
-    # Uses FieldGroupBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::FieldGroupComponent.new do %>
-    #     <%= render UI::FieldComponent.new do %>
-    #       Field 1
-    #     <% end %>
-    #     <%= render UI::FieldComponent.new do %>
-    #       Field 2
-    #     <% end %>
-    #   <% end %>
-    class UI::FieldGroupComponent < ViewComponent::Base
-      include UI::FieldGroupBehavior
+# FieldGroupComponent - ViewComponent implementation
+#
+# Layout wrapper that stacks Field components.
+# Uses FieldGroupBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::FieldGroupComponent.new do %>
+#     <%= render UI::FieldComponent.new do %>
+#       Field 1
+#     <% end %>
+#     <%= render UI::FieldComponent.new do %>
+#       Field 2
+#     <% end %>
+#   <% end %>
+class UI::FieldGroupComponent < ViewComponent::Base
+  include UI::FieldGroupBehavior
 
-      # @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, **field_group_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :div, **field_group_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/field_label_component.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # FieldLabelComponent - ViewComponent implementation
-    #
-    # Label styled for form fields with disability states.
-    # Uses FieldLabelBehavior concern for shared styling logic.
-    #
-    # @example With block
-    #   <%= render UI::FieldLabelComponent.new(for_id: "email") do %>
-    #     Email Address
-    #   <% end %>
-    class UI::FieldLabelComponent < ViewComponent::Base
-      include UI::FieldLabelBehavior
+# FieldLabelComponent - ViewComponent implementation
+#
+# Label styled for form fields with disability states.
+# Uses FieldLabelBehavior concern for shared styling logic.
+#
+# @example With block
+#   <%= render UI::FieldLabelComponent.new(for_id: "email") do %>
+#     Email Address
+#   <% end %>
+class UI::FieldLabelComponent < ViewComponent::Base
+  include UI::FieldLabelBehavior
 
-      # @param for_id [String] ID of the associated form control
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(for_id: nil, classes: "", **attributes)
-        @for_id = for_id
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param for_id [String] ID of the associated form control
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(for_id: nil, classes: "", **attributes)
+    @for_id = for_id
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :label, **field_label_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :label, **field_label_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/field_legend_component.rb

@@ -1,34 +1,34 @@
 # frozen_string_literal: true
 
-    # FieldLegendComponent - ViewComponent implementation
-    #
-    # Legend element for FieldSet with variant support.
-    # Uses FieldLegendBehavior concern for shared styling logic.
-    #
-    # @example With block
-    #   <%= render UI::FieldLegendComponent.new do %>
-    #     Personal Information
-    #   <% end %>
-    #
-    # @example With variant
-    #   <%= render UI::FieldLegendComponent.new(variant: "label") do %>
-    #     Settings
-    #   <% end %>
-    class UI::FieldLegendComponent < ViewComponent::Base
-      include UI::FieldLegendBehavior
+# FieldLegendComponent - ViewComponent implementation
+#
+# Legend element for FieldSet with variant support.
+# Uses FieldLegendBehavior concern for shared styling logic.
+#
+# @example With block
+#   <%= render UI::FieldLegendComponent.new do %>
+#     Personal Information
+#   <% end %>
+#
+# @example With variant
+#   <%= render UI::FieldLegendComponent.new(variant: "label") do %>
+#     Settings
+#   <% end %>
+class UI::FieldLegendComponent < ViewComponent::Base
+  include UI::FieldLegendBehavior
 
-      # @param variant [String] Style variant: "legend" or "label"
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: "legend", classes: "", **attributes)
-        @variant = variant
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [String] Style variant: "legend" or "label"
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: "legend", classes: "", **attributes)
+    @variant = variant
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :legend, **field_legend_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :legend, **field_legend_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/field_separator_component.rb

@@ -1,53 +1,53 @@
 # frozen_string_literal: true
 
-    # FieldSeparatorComponent - ViewComponent implementation
-    #
-    # Visual divider to separate sections inside FieldGroup.
-    # Uses FieldSeparatorBehavior concern for shared styling logic.
-    #
-    # @example Basic separator (line only)
-    #   <%= render UI::FieldSeparatorComponent.new %>
-    #
-    # @example With block
-    #   <%= render UI::FieldSeparatorComponent.new do %>
-    #     OR
-    #   <% end %>
-    class UI::FieldSeparatorComponent < ViewComponent::Base
-      include UI::FieldSeparatorBehavior
+# FieldSeparatorComponent - ViewComponent implementation
+#
+# Visual divider to separate sections inside FieldGroup.
+# Uses FieldSeparatorBehavior concern for shared styling logic.
+#
+# @example Basic separator (line only)
+#   <%= render UI::FieldSeparatorComponent.new %>
+#
+# @example With block
+#   <%= render UI::FieldSeparatorComponent.new do %>
+#     OR
+#   <% end %>
+class UI::FieldSeparatorComponent < ViewComponent::Base
+  include UI::FieldSeparatorBehavior
 
-      # @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, **field_separator_html_attributes do
-          if content?
-            render_with_label
-          else
-            render_line_only
-          end
-        end
+  def call
+    content_tag :div, **field_separator_html_attributes do
+      if content?
+        render_with_label
+      else
+        render_line_only
       end
+    end
+  end
 
-      private
-
-      attr_reader :classes, :attributes
+  private
 
-      def render_with_label
-        safe_join([
-          content_tag(:div, class: "border-border bg-background absolute inset-x-0 flex items-center") do
-            content_tag(:div, "", class: "border-border w-full border-t")
-          end,
-          content_tag(:span, class: "bg-background text-muted-foreground relative px-2") do
-            content
-          end
-        ])
-      end
+  attr_reader :classes, :attributes
 
-      def render_line_only
+  def render_with_label
+    safe_join([
+      content_tag(:div, class: "border-border bg-background absolute inset-x-0 flex items-center") do
         content_tag(:div, "", class: "border-border w-full border-t")
+      end,
+      content_tag(:span, class: "bg-background text-muted-foreground relative px-2") do
+        content
       end
-    end
+    ])
+  end
+
+  def render_line_only
+    content_tag(:div, "", class: "border-border w-full border-t")
+  end
+end

data/app/view_components/ui/field_set_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # FieldSetComponent - ViewComponent implementation
-    #
-    # Semantic fieldset container for grouped fields.
-    # Uses FieldSetBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::FieldSetComponent.new do %>
-    #     <%= render UI::FieldLegendComponent.new do %>
-    #       Contact Information
-    #     <% end %>
-    #     Field groups here
-    #   <% end %>
-    class UI::FieldSetComponent < ViewComponent::Base
-      include UI::FieldSetBehavior
+# FieldSetComponent - ViewComponent implementation
+#
+# Semantic fieldset container for grouped fields.
+# Uses FieldSetBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::FieldSetComponent.new do %>
+#     <%= render UI::FieldLegendComponent.new do %>
+#       Contact Information
+#     <% end %>
+#     Field groups here
+#   <% end %>
+class UI::FieldSetComponent < ViewComponent::Base
+  include UI::FieldSetBehavior
 
-      # @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 :fieldset, **field_set_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :fieldset, **field_set_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/field_title_component.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # FieldTitleComponent - ViewComponent implementation
-    #
-    # Title with label styling inside FieldContent.
-    # Uses FieldTitleBehavior concern for shared styling logic.
-    #
-    # @example With block
-    #   <%= render UI::FieldTitleComponent.new do %>
-    #     Section Title
-    #   <% end %>
-    class UI::FieldTitleComponent < ViewComponent::Base
-      include UI::FieldTitleBehavior
+# FieldTitleComponent - ViewComponent implementation
+#
+# Title with label styling inside FieldContent.
+# Uses FieldTitleBehavior concern for shared styling logic.
+#
+# @example With block
+#   <%= render UI::FieldTitleComponent.new do %>
+#     Section Title
+#   <% end %>
+class UI::FieldTitleComponent < ViewComponent::Base
+  include UI::FieldTitleBehavior
 
-      # @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, **field_title_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :div, **field_title_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/h3_component.rb

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

data/app/view_components/ui/h4_component.rb

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

data/app/view_components/ui/hover_card_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # HoverCardComponent - ViewComponent implementation
-    #
-    # Container for hover card trigger and content.
-    # Uses HoverCardBehavior for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::HoverCardComponent.new do %>
-    #     <%= render UI::TriggerComponent.new { "Hover me" } %>
-    #     <%= render UI::ContentComponent.new { "Content" } %>
-    #   <% end %>
-    class UI::HoverCardComponent < ViewComponent::Base
-      include UI::HoverCardBehavior
+# HoverCardComponent - ViewComponent implementation
+#
+# Container for hover card trigger and content.
+# Uses HoverCardBehavior for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::HoverCardComponent.new do %>
+#     <%= render UI::TriggerComponent.new { "Hover me" } %>
+#     <%= render UI::ContentComponent.new { "Content" } %>
+#   <% end %>
+class UI::HoverCardComponent < ViewComponent::Base
+  include UI::HoverCardBehavior
 
-      # @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
-        attrs = hover_card_html_attributes
+  def call
+    attrs = hover_card_html_attributes
 
-        content_tag :div, **attrs.merge(@attributes) do
-          content
-        end
-      end
+    content_tag :div, **attrs.merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/hover_card_content_component.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # ContentComponent - ViewComponent implementation
-    #
-    # The content that appears on hover.
-    # Uses HoverCardContentBehavior for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::ContentComponent.new { "Hover card content" } %>
-    #
-    # @example With custom alignment
-    #   <%= render UI::ContentComponent.new(align: "start", side_offset: 8) do %>
-    #     Content here
-    #   <% end %>
-    class UI::HoverCardContentComponent < ViewComponent::Base
-      include UI::HoverCardContentBehavior
+# ContentComponent - ViewComponent implementation
+#
+# The content that appears on hover.
+# Uses HoverCardContentBehavior for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::ContentComponent.new { "Hover card content" } %>
+#
+# @example With custom alignment
+#   <%= render UI::ContentComponent.new(align: "start", side_offset: 8) do %>
+#     Content here
+#   <% end %>
+class UI::HoverCardContentComponent < ViewComponent::Base
+  include UI::HoverCardContentBehavior
 
-      # @param align [String] Alignment of the content ("start", "center", "end")
-      # @param side_offset [Integer] Distance in pixels from the trigger
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(align: "center", side_offset: 4, classes: "", **attributes)
-        @align = align
-        @side_offset = side_offset
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param align [String] Alignment of the content ("start", "center", "end")
+  # @param side_offset [Integer] Distance in pixels from the trigger
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(align: "center", side_offset: 4, classes: "", **attributes)
+    @align = align
+    @side_offset = side_offset
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = content_html_attributes
+  def call
+    attrs = content_html_attributes
 
-        content_tag :div, **attrs.merge(@attributes) do
-          content
-        end
-      end
+    content_tag :div, **attrs.merge(@attributes) do
+      content
     end
+  end
+end