fernandes-ui 0.1.1 → 0.1.4

data/app/components/ui/empty_header.rb

@@ -1,24 +1,24 @@
 # frozen_string_literal: true
 
-    # EmptyHeader - Phlex implementation
-    #
-    # Wraps the empty media, title, and description.
-    #
-    # @example
-    #   render UI::EmptyHeader.new do
-    #     render UI::EmptyMedia.new(variant: "icon") { icon }
-    #     render UI::EmptyTitle.new { "No results" }
-    #     render UI::EmptyDescription.new { "Try adjusting your search." }
-    #   end
-    class UI::EmptyHeader < Phlex::HTML
-      include UI::EmptyHeaderBehavior
+# EmptyHeader - Phlex implementation
+#
+# Wraps the empty media, title, and description.
+#
+# @example
+#   render UI::EmptyHeader.new do
+#     render UI::EmptyMedia.new(variant: "icon") { icon }
+#     render UI::EmptyTitle.new { "No results" }
+#     render UI::EmptyDescription.new { "Try adjusting your search." }
+#   end
+class UI::EmptyHeader < Phlex::HTML
+  include UI::EmptyHeaderBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**empty_header_html_attributes.merge(@attributes), &block)
-      end
-    end
+  def view_template(&block)
+    div(**empty_header_html_attributes.merge(@attributes), &block)
+  end
+end

data/app/components/ui/empty_media.rb

@@ -1,28 +1,28 @@
 # frozen_string_literal: true
 
-    # EmptyMedia - Phlex implementation
-    #
-    # Displays visual content like icons or avatars.
-    #
-    # @example Icon variant
-    #   render UI::EmptyMedia.new(variant: "icon") do
-    #     svg(class: "size-6") { path(d: "...") }
-    #   end
-    #
-    # @example Default variant (for larger images/avatars)
-    #   render UI::EmptyMedia.new(variant: "default") do
-    #     img(src: "/avatar.jpg", class: "size-20 rounded-full")
-    #   end
-    class UI::EmptyMedia < Phlex::HTML
-      include UI::EmptyMediaBehavior
+# EmptyMedia - Phlex implementation
+#
+# Displays visual content like icons or avatars.
+#
+# @example Icon variant
+#   render UI::EmptyMedia.new(variant: "icon") do
+#     svg(class: "size-6") { path(d: "...") }
+#   end
+#
+# @example Default variant (for larger images/avatars)
+#   render UI::EmptyMedia.new(variant: "default") do
+#     img(src: "/avatar.jpg", class: "size-20 rounded-full")
+#   end
+class UI::EmptyMedia < Phlex::HTML
+  include UI::EmptyMediaBehavior
 
-      def initialize(variant: "default", classes: "", **attributes)
-        @variant = variant
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(variant: "default", classes: "", **attributes)
+    @variant = variant
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**empty_media_html_attributes.merge(@attributes), &block)
-      end
-    end
+  def view_template(&block)
+    div(**empty_media_html_attributes.merge(@attributes), &block)
+  end
+end

data/app/components/ui/empty_title.rb

@@ -1,20 +1,20 @@
 # frozen_string_literal: true
 
-    # EmptyTitle - Phlex implementation
-    #
-    # Displays the title of the empty state.
-    #
-    # @example
-    #   render UI::EmptyTitle.new { "No results found" }
-    class UI::EmptyTitle < Phlex::HTML
-      include UI::EmptyTitleBehavior
+# EmptyTitle - Phlex implementation
+#
+# Displays the title of the empty state.
+#
+# @example
+#   render UI::EmptyTitle.new { "No results found" }
+class UI::EmptyTitle < Phlex::HTML
+  include UI::EmptyTitleBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        h3(**empty_title_html_attributes.merge(@attributes), &block)
-      end
-    end
+  def view_template(&block)
+    h3(**empty_title_html_attributes.merge(@attributes), &block)
+  end
+end

data/app/components/ui/field.rb

@@ -1,35 +1,35 @@
 # frozen_string_literal: true
 
-    # Field - Phlex implementation
-    #
-    # Core wrapper for a single form field with support for different orientations.
-    # Uses FieldBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Field.new { "Field content here" }
-    #
-    # @example With orientation
-    #   render UI::Field.new(orientation: "horizontal") { "Field content" }
-    #
-    # @example With validation state
-    #   render UI::Field.new(data_invalid: true) { "Field content" }
-    class UI::Field < Phlex::HTML
-      include UI::FieldBehavior
+# Field - Phlex implementation
+#
+# Core wrapper for a single form field with support for different orientations.
+# Uses FieldBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Field.new { "Field content here" }
+#
+# @example With orientation
+#   render UI::Field.new(orientation: "horizontal") { "Field content" }
+#
+# @example With validation state
+#   render UI::Field.new(data_invalid: true) { "Field content" }
+class UI::Field < Phlex::HTML
+  include UI::FieldBehavior
 
-      # @param orientation [String] Layout orientation: "vertical", "horizontal", or "responsive"
-      # @param data_invalid [Boolean] Whether field is in invalid state
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(orientation: "vertical", data_invalid: nil, classes: "", **attributes)
-        @orientation = orientation
-        @data_invalid = data_invalid
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param orientation [String] Layout orientation: "vertical", "horizontal", or "responsive"
+  # @param data_invalid [Boolean] Whether field is in invalid state
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(orientation: "vertical", data_invalid: nil, classes: "", **attributes)
+    @orientation = orientation
+    @data_invalid = data_invalid
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**field_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**field_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/field_content.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # Flex column that groups control and descriptions.
-    # Uses FieldContentBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Content.new { "Content here" }
-    class UI::FieldContent < Phlex::HTML
-      include UI::FieldContentBehavior
+# Content - Phlex implementation
+#
+# Flex column that groups control and descriptions.
+# Uses FieldContentBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Content.new { "Content here" }
+class UI::FieldContent < Phlex::HTML
+  include UI::FieldContentBehavior
 
-      # @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 view_template(&block)
-        div(**field_content_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**field_content_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/field_description.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Description - Phlex implementation
-    #
-    # Helper text for form fields.
-    # Uses FieldDescriptionBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Description.new { "Helper text" }
-    class UI::FieldDescription < Phlex::HTML
-      include UI::FieldDescriptionBehavior
+# Description - Phlex implementation
+#
+# Helper text for form fields.
+# Uses FieldDescriptionBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Description.new { "Helper text" }
+class UI::FieldDescription < Phlex::HTML
+  include UI::FieldDescriptionBehavior
 
-      # @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 view_template(&block)
-        p(**field_description_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    p(**field_description_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/field_error.rb

@@ -1,61 +1,61 @@
 # frozen_string_literal: true
 
-    # Error - Phlex implementation
-    #
-    # Error message display for form fields with accessibility support.
-    # Uses FieldErrorBehavior concern for shared styling logic.
-    #
-    # @example With single error
-    #   render UI::Error.new(errors: ["Email is required"])
-    #
-    # @example With multiple errors
-    #   render UI::Error.new(errors: ["Email is required", "Email is invalid"])
-    #
-    # @example With block
-    #   render UI::Error.new { "Error message" }
-    class UI::FieldError < Phlex::HTML
-      include UI::FieldErrorBehavior
+# Error - Phlex implementation
+#
+# Error message display for form fields with accessibility support.
+# Uses FieldErrorBehavior concern for shared styling logic.
+#
+# @example With single error
+#   render UI::Error.new(errors: ["Email is required"])
+#
+# @example With multiple errors
+#   render UI::Error.new(errors: ["Email is required", "Email is invalid"])
+#
+# @example With block
+#   render UI::Error.new { "Error message" }
+class UI::FieldError < Phlex::HTML
+  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
-        @block_given = false
-      end
+  # @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
+    @block_given = false
+  end
 
-      def view_template(&block)
-        @block_given = block_given?
-        return unless has_errors? || @block_given
+  def view_template(&block)
+    @block_given = block_given?
+    return unless has_errors? || @block_given
 
-        if has_errors?
-          render_errors
-        else
-          render_content(&block)
-        end
-      end
+    if has_errors?
+      render_errors
+    else
+      render_content(&block)
+    end
+  end
 
-      private
+  private
 
-      def render_errors
-        if single_error?
-          p(**field_error_html_attributes) do
-            plain error_message(@errors.first)
-          end
-        else
-          ul(**field_error_html_attributes) do
-            @errors.each do |error|
-              li { plain error_message(error) }
-            end
-          end
-        end
+  def render_errors
+    if single_error?
+      p(**field_error_html_attributes) do
+        plain error_message(@errors.first)
       end
-
-      def render_content(&block)
-        p(**field_error_html_attributes) do
-          yield if block_given?
+    else
+      ul(**field_error_html_attributes) do
+        @errors.each do |error|
+          li { plain error_message(error) }
         end
       end
     end
+  end
+
+  def render_content(&block)
+    p(**field_error_html_attributes) do
+      yield if block_given?
+    end
+  end
+end

data/app/components/ui/field_group.rb

@@ -1,28 +1,28 @@
 # frozen_string_literal: true
 
-    # Group - Phlex implementation
-    #
-    # Layout wrapper that stacks Field components.
-    # Uses FieldGroupBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Group.new do
-    #     render UI::Field.new { "Field 1" }
-    #     render UI::Field.new { "Field 2" }
-    #   end
-    class UI::FieldGroup < Phlex::HTML
-      include UI::FieldGroupBehavior
+# Group - Phlex implementation
+#
+# Layout wrapper that stacks Field components.
+# Uses FieldGroupBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Group.new do
+#     render UI::Field.new { "Field 1" }
+#     render UI::Field.new { "Field 2" }
+#   end
+class UI::FieldGroup < Phlex::HTML
+  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 view_template(&block)
-        div(**field_group_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**field_group_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/field_label.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Label - Phlex implementation
-    #
-    # Label styled for form fields with disability states.
-    # Uses FieldLabelBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Label.new(for_id: "email") { "Email Address" }
-    class UI::FieldLabel < Phlex::HTML
-      include UI::FieldLabelBehavior
+# Label - Phlex implementation
+#
+# Label styled for form fields with disability states.
+# Uses FieldLabelBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Label.new(for_id: "email") { "Email Address" }
+class UI::FieldLabel < Phlex::HTML
+  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 view_template(&block)
-        label(**field_label_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    label(**field_label_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/field_legend.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Legend - Phlex implementation
-    #
-    # Legend element for FieldSet with variant support.
-    # Uses FieldLegendBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Legend.new { "Personal Information" }
-    #
-    # @example With variant
-    #   render UI::Legend.new(variant: "label") { "Settings" }
-    class UI::FieldLegend < Phlex::HTML
-      include UI::FieldLegendBehavior
+# Legend - Phlex implementation
+#
+# Legend element for FieldSet with variant support.
+# Uses FieldLegendBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Legend.new { "Personal Information" }
+#
+# @example With variant
+#   render UI::Legend.new(variant: "label") { "Settings" }
+class UI::FieldLegend < Phlex::HTML
+  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 view_template(&block)
-        legend(**field_legend_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    legend(**field_legend_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/field_separator.rb

@@ -1,50 +1,50 @@
 # frozen_string_literal: true
 
-    # Separator - Phlex implementation
-    #
-    # Visual divider to separate sections inside FieldGroup.
-    # Uses FieldSeparatorBehavior concern for shared styling logic.
-    #
-    # @example Basic separator (line only)
-    #   render UI::Separator.new
-    #
-    # @example With label
-    #   render UI::Separator.new { "OR" }
-    class UI::FieldSeparator < Phlex::HTML
-      include UI::FieldSeparatorBehavior
+# Separator - Phlex implementation
+#
+# Visual divider to separate sections inside FieldGroup.
+# Uses FieldSeparatorBehavior concern for shared styling logic.
+#
+# @example Basic separator (line only)
+#   render UI::Separator.new
+#
+# @example With label
+#   render UI::Separator.new { "OR" }
+class UI::FieldSeparator < Phlex::HTML
+  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
-        @block_given = false
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+    @block_given = false
+  end
 
-      def view_template(&block)
-        @block_given = block_given?
+  def view_template(&block)
+    @block_given = block_given?
 
-        div(**field_separator_html_attributes) do
-          if @block_given
-            render_with_label(&block)
-          else
-            render_line_only
-          end
-        end
+    div(**field_separator_html_attributes) do
+      if @block_given
+        render_with_label(&block)
+      else
+        render_line_only
       end
+    end
+  end
 
-      private
-
-      def render_with_label(&block)
-        div(class: "border-border bg-background absolute inset-x-0 flex items-center") do
-          div(class: "border-border w-full border-t")
-        end
-        span(class: "bg-background text-muted-foreground relative px-2") do
-          yield if block_given?
-        end
-      end
+  private
 
-      def render_line_only
-        div(class: "border-border w-full border-t")
-      end
+  def render_with_label(&block)
+    div(class: "border-border bg-background absolute inset-x-0 flex items-center") do
+      div(class: "border-border w-full border-t")
+    end
+    span(class: "bg-background text-muted-foreground relative px-2") do
+      yield if block_given?
     end
+  end
+
+  def render_line_only
+    div(class: "border-border w-full border-t")
+  end
+end