fernandes-ui 0.1.1 → 0.1.2

data/app/components/ui/field_set.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Set - Phlex implementation
-    #
-    # Semantic fieldset container for grouped fields.
-    # Uses FieldSetBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Set.new do
-    #     render UI::Legend.new { "Contact Information" }
-    #   end
-    class UI::FieldSet < Phlex::HTML
-      include UI::FieldSetBehavior
+# Set - Phlex implementation
+#
+# Semantic fieldset container for grouped fields.
+# Uses FieldSetBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Set.new do
+#     render UI::Legend.new { "Contact Information" }
+#   end
+class UI::FieldSet < Phlex::HTML
+  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 view_template(&block)
-        fieldset(**field_set_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    fieldset(**field_set_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/field_title.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Title - Phlex implementation
-    #
-    # Title with label styling inside FieldContent.
-    # Uses FieldTitleBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Title.new { "Section Title" }
-    class UI::FieldTitle < Phlex::HTML
-      include UI::FieldTitleBehavior
+# Title - Phlex implementation
+#
+# Title with label styling inside FieldContent.
+# Uses FieldTitleBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Title.new { "Section Title" }
+class UI::FieldTitle < Phlex::HTML
+  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 view_template(&block)
-        div(**field_title_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**field_title_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/h1.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::H1Behavior
+
       h1(**h1_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/h2.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::H2Behavior
+
       h2(**h2_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/h3.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::H3Behavior
+
       h3(**h3_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/h4.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::H4Behavior
+
       h4(**h4_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/hover_card.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # HoverCard - Phlex implementation
-    #
-    # Container for hover card trigger and content.
-    # Uses HoverCardBehavior for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::HoverCard.new do
-    #     render UI::Trigger.new { "Hover me" }
-    #     render UI::Content.new { "Hover card content" }
-    #   end
-    class UI::HoverCard < Phlex::HTML
-      include UI::HoverCardBehavior
+# HoverCard - Phlex implementation
+#
+# Container for hover card trigger and content.
+# Uses HoverCardBehavior for shared styling logic.
+#
+# @example Basic usage
+#   render UI::HoverCard.new do
+#     render UI::Trigger.new { "Hover me" }
+#     render UI::Content.new { "Hover card content" }
+#   end
+class UI::HoverCard < Phlex::HTML
+  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 view_template(&block)
-        div(**hover_card_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**hover_card_html_attributes, &block)
+  end
+end

data/app/components/ui/hover_card_content.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # The content that appears on hover.
-    # Uses HoverCardContentBehavior for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Content.new { "Hover card content here" }
-    #
-    # @example With custom alignment
-    #   render UI::Content.new(align: "start", side_offset: 8) do
-    #     plain "Content"
-    #   end
-    class UI::HoverCardContent < Phlex::HTML
-      include UI::HoverCardContentBehavior
+# Content - Phlex implementation
+#
+# The content that appears on hover.
+# Uses HoverCardContentBehavior for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Content.new { "Hover card content here" }
+#
+# @example With custom alignment
+#   render UI::Content.new(align: "start", side_offset: 8) do
+#     plain "Content"
+#   end
+class UI::HoverCardContent < Phlex::HTML
+  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 view_template(&block)
-        div(**content_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**content_html_attributes, &block)
+  end
+end

data/app/components/ui/hover_card_trigger.rb

@@ -1,46 +1,46 @@
 # frozen_string_literal: true
 
-    # Trigger - Phlex 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::Trigger.new { "Hover me" }
-    #
-    # @example With asChild - compose with Button
-    #   render UI::Trigger.new(as_child: true) do |attrs|
-    #     render UI::Button.new(**attrs, variant: :link) { "@nextjs" }
-    #   end
-    #
-    # @example With custom tag
-    #   render UI::Trigger.new(tag: :a, href: "#") { "Link trigger" }
-    class UI::HoverCardTrigger < Phlex::HTML
-      include UI::HoverCardTriggerBehavior
+# Trigger - Phlex 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::Trigger.new { "Hover me" }
+#
+# @example With asChild - compose with Button
+#   render UI::Trigger.new(as_child: true) do |attrs|
+#     render UI::Button.new(**attrs, variant: :link) { "@nextjs" }
+#   end
+#
+# @example With custom tag
+#   render UI::Trigger.new(tag: :a, href: "#") { "Link trigger" }
+class UI::HoverCardTrigger < Phlex::HTML
+  include UI::HoverCardTriggerBehavior
 
-      # @param as_child [Boolean] If true, yields attributes to block instead of rendering wrapper
-      # @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 rendering wrapper
+  # @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
 
-      def view_template(&block)
-        trigger_attrs = trigger_html_attributes
+  def view_template(&block)
+    trigger_attrs = trigger_html_attributes
 
-        if @as_child
-          # Yield attributes to block - child must accept and apply them
-          yield(trigger_attrs) if block_given?
-        else
-          # Add tabindex for keyboard focus on non-focusable elements
-          trigger_attrs[:tabindex] ||= "0" if [:span, :div].include?(@tag)
-          # Default: render as specified tag (span by default)
-          public_send(@tag, **trigger_attrs, &block)
-        end
-      end
+    if @as_child
+      # Yield attributes to block - child must accept and apply them
+      yield(trigger_attrs) if block_given?
+    else
+      # Add tabindex for keyboard focus on non-focusable elements
+      trigger_attrs[:tabindex] ||= "0" if [:span, :div].include?(@tag)
+      # Default: render as specified tag (span by default)
+      public_send(@tag, **trigger_attrs, &block)
     end
+  end
+end

data/app/components/ui/inline_code.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::InlineCodeBehavior
+
       code(**inline_code_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/input.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::Input < Phlex::HTML
-      include UI::InputBehavior
+class UI::Input < Phlex::HTML
+  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 view_template
-        input(**input_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def view_template
+    input(**input_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/components/ui/input_group.rb

@@ -1,33 +1,33 @@
 # frozen_string_literal: true
 
-    # InputGroup - Phlex implementation
-    #
-    # A wrapper component for grouping inputs with addons, buttons, and text.
-    # Uses InputGroupBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::InputGroup.new do
-    #     render UI::Input.new(placeholder: "Enter text")
-    #   end
-    #
-    # @example With addons
-    #   render UI::InputGroup.new do
-    #     render UI::Addon.new(align: "inline-start") { "@" }
-    #     render UI::Input.new(placeholder: "username")
-    #   end
-    class UI::InputGroup < Phlex::HTML
-      include UI::InputGroupBehavior
+# InputGroup - Phlex implementation
+#
+# A wrapper component for grouping inputs with addons, buttons, and text.
+# Uses InputGroupBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::InputGroup.new do
+#     render UI::Input.new(placeholder: "Enter text")
+#   end
+#
+# @example With addons
+#   render UI::InputGroup.new do
+#     render UI::Addon.new(align: "inline-start") { "@" }
+#     render UI::Input.new(placeholder: "username")
+#   end
+class UI::InputGroup < Phlex::HTML
+  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 view_template(&block)
-        div(**input_group_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**input_group_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/input_group_addon.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # Addon - Phlex 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::Addon.new(align: "inline-start") { "@" }
-    #
-    # @example Button addon
-    #   render UI::Addon.new(align: "inline-end") do
-    #     render UI::Button.new { "Submit" }
-    #   end
-    class UI::InputGroupAddon < Phlex::HTML
-      include UI::InputGroupAddonBehavior
+# Addon - Phlex 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::Addon.new(align: "inline-start") { "@" }
+#
+# @example Button addon
+#   render UI::Addon.new(align: "inline-end") do
+#     render UI::Button.new { "Submit" }
+#   end
+class UI::InputGroupAddon < Phlex::HTML
+  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 view_template(&block)
-        div(**input_group_addon_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**input_group_addon_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/input_group_button.rb

@@ -1,40 +1,40 @@
 # frozen_string_literal: true
 
-    # Button - Phlex implementation
-    #
-    # A button component specifically styled for use within input groups.
-    # Uses both ButtonBehavior and InputGroupButtonBehavior for styling.
-    #
-    # @example Basic button
-    #   render UI::Button.new { "Search" }
-    #
-    # @example Icon button
-    #   render UI::Button.new(size: "icon-xs") { unsafe_raw "<svg>...</svg>" }
-    class UI::InputGroupButton < Phlex::HTML
-      include UI::ButtonBehavior
-      include UI::InputGroupButtonBehavior
+# Button - Phlex implementation
+#
+# A button component specifically styled for use within input groups.
+# Uses both ButtonBehavior and InputGroupButtonBehavior for styling.
+#
+# @example Basic button
+#   render UI::Button.new { "Search" }
+#
+# @example Icon button
+#   render UI::Button.new(size: "icon-xs") { unsafe_raw "<svg>...</svg>" }
+class UI::InputGroupButton < Phlex::HTML
+  include UI::ButtonBehavior
+  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 view_template(&block)
-        # Use input_group_button_classes which includes button behavior + input group styling
-        button(
-          type: @type,
-          class: input_group_button_classes,
-          **@attributes.except(:type, :variant, :size)
-        ) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    # Use input_group_button_classes which includes button behavior + input group styling
+    button(
+      type: @type,
+      class: input_group_button_classes,
+      **@attributes.except(:type, :variant, :size)
+    ) do
+      yield if block_given?
     end
+  end
+end