fernandes-ui 0.1.1 → 0.1.4

data/app/view_components/ui/dropdown_menu_sub_content_component.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
-    # SubContentComponent - ViewComponent implementation
-    class UI::DropdownMenuSubContentComponent < ViewComponent::Base
-      include UI::DropdownMenuSubContentBehavior
+# SubContentComponent - ViewComponent implementation
+class UI::DropdownMenuSubContentComponent < ViewComponent::Base
+  include UI::DropdownMenuSubContentBehavior
 
-      def initialize(side: "right", align: "start", classes: "", **attributes)
-        @side = side
-        @align = align
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(side: "right", align: "start", classes: "", **attributes)
+    @side = side
+    @align = align
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **dropdown_menu_sub_content_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_sub_content_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_sub_trigger_component.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # SubTriggerComponent - ViewComponent implementation
-    class UI::DropdownMenuSubTriggerComponent < ViewComponent::Base
-      include UI::DropdownMenuSubTriggerBehavior
+# SubTriggerComponent - ViewComponent implementation
+class UI::DropdownMenuSubTriggerComponent < ViewComponent::Base
+  include UI::DropdownMenuSubTriggerBehavior
 
-      def initialize(inset: false, classes: "", **attributes)
-        @inset = inset
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(inset: false, classes: "", **attributes)
+    @inset = inset
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **dropdown_menu_sub_trigger_html_attributes.merge(@attributes.except(:data)) do
-          safe_join([
-            content,
-            chevron_icon_html
-          ])
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_sub_trigger_html_attributes.merge(@attributes.except(:data)) do
+      safe_join([
+        content,
+        chevron_icon_html
+      ])
+    end
+  end
 
-      private
+  private
 
-      def chevron_icon_html
-        content_tag :svg, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "ml-auto lucide lucide-chevron-right h-4 w-4" do
-          tag.path(d: "m9 18 6-6-6-6")
-        end
-      end
+  def chevron_icon_html
+    content_tag :svg, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "ml-auto lucide lucide-chevron-right h-4 w-4" do
+      tag.path(d: "m9 18 6-6-6-6")
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_trigger_component.rb

@@ -1,52 +1,36 @@
 # frozen_string_literal: true
 
-    # TriggerComponent - ViewComponent implementation
-    class UI::DropdownMenuTriggerComponent < ViewComponent::Base
-      include UI::DropdownMenuTriggerBehavior
-
-      def initialize(as_child: false, classes: "", **attributes)
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def call
-        trigger_attrs = dropdown_menu_trigger_html_attributes.deep_merge(@attributes)
-
-        if @as_child
-          # asChild mode: merge attributes into child element
-          rendered = content.to_s
-          doc = Nokogiri::HTML::DocumentFragment.parse(rendered)
-          first_element = doc.children.find { |node| node.element? }
-
-          if first_element
-            # Merge data attributes (convert Rails naming to HTML)
-            trigger_attrs.fetch(:data, {}).each do |key, value|
-              html_key = key.to_s.gsub("__", "--").gsub("_", "-")
-              first_element["data-#{html_key}"] = value
-            end
-
-            # Merge CSS classes with TailwindMerge
-            if trigger_attrs[:class]
-              existing_classes = first_element["class"] || ""
-              merged_classes = TailwindMerge::Merger.new.merge([existing_classes, trigger_attrs[:class]].join(" "))
-              first_element["class"] = merged_classes
-            end
-
-            # Merge other attributes (except data and class)
-            trigger_attrs.except(:data, :class).each do |key, value|
-              first_element[key.to_s] = value
-            end
-
-            doc.to_html.html_safe
-          else
-            content
-          end
-        else
-          # Default mode: render as div
-          content_tag :div, **trigger_attrs do
-            content
-          end
-        end
+# TriggerComponent - ViewComponent implementation
+class UI::DropdownMenuTriggerComponent < ViewComponent::Base
+  include UI::DropdownMenuTriggerBehavior
+
+  renders_one :trigger_content
+
+  def initialize(as_child: false, classes: "", **attributes)
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
+
+  # Returns trigger attributes for as_child mode
+  def trigger_attrs
+    attrs = dropdown_menu_trigger_html_attributes.deep_merge(@attributes)
+    # When as_child is true, only pass functional attributes (data, aria, tabindex, role)
+    # The child component handles its own styling (following shadcn pattern)
+    attrs.except(:class)
+  end
+
+  def call
+    all_attrs = dropdown_menu_trigger_html_attributes.deep_merge(@attributes)
+
+    if @as_child
+      # asChild mode: yield attributes to block, child handles rendering
+      content
+    else
+      # Default mode: render as div
+      content_tag :div, **all_attrs do
+        content
       end
     end
+  end
+end

data/app/view_components/ui/empty_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # EmptyComponent - ViewComponent implementation
-    class UI::EmptyComponent < ViewComponent::Base
-      include UI::EmptyBehavior
+# EmptyComponent - ViewComponent implementation
+class UI::EmptyComponent < ViewComponent::Base
+  include UI::EmptyBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.div(**empty_html_attributes.merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.div(**empty_html_attributes.merge(@attributes)) do
+      content
     end
+  end
+end

data/app/view_components/ui/empty_content_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # EmptyContentComponent - ViewComponent implementation
-    class UI::EmptyContentComponent < ViewComponent::Base
-      include UI::EmptyContentBehavior
+# EmptyContentComponent - ViewComponent implementation
+class UI::EmptyContentComponent < ViewComponent::Base
+  include UI::EmptyContentBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.div(**empty_content_html_attributes.merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.div(**empty_content_html_attributes.merge(@attributes)) do
+      content
     end
+  end
+end

data/app/view_components/ui/empty_description_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # EmptyDescriptionComponent - ViewComponent implementation
-    class UI::EmptyDescriptionComponent < ViewComponent::Base
-      include UI::EmptyDescriptionBehavior
+# EmptyDescriptionComponent - ViewComponent implementation
+class UI::EmptyDescriptionComponent < ViewComponent::Base
+  include UI::EmptyDescriptionBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.p(**empty_description_html_attributes.merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.p(**empty_description_html_attributes.merge(@attributes)) do
+      content
     end
+  end
+end

data/app/view_components/ui/empty_header_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # EmptyHeaderComponent - ViewComponent implementation
-    class UI::EmptyHeaderComponent < ViewComponent::Base
-      include UI::EmptyHeaderBehavior
+# EmptyHeaderComponent - ViewComponent implementation
+class UI::EmptyHeaderComponent < ViewComponent::Base
+  include UI::EmptyHeaderBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.div(**empty_header_html_attributes.merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.div(**empty_header_html_attributes.merge(@attributes)) do
+      content
     end
+  end
+end

data/app/view_components/ui/empty_media_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    # EmptyMediaComponent - ViewComponent implementation
-    class UI::EmptyMediaComponent < ViewComponent::Base
-      include UI::EmptyMediaBehavior
+# EmptyMediaComponent - ViewComponent implementation
+class UI::EmptyMediaComponent < ViewComponent::Base
+  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 call
-        tag.div(**empty_media_html_attributes.merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.div(**empty_media_html_attributes.merge(@attributes)) do
+      content
     end
+  end
+end

data/app/view_components/ui/empty_title_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # EmptyTitleComponent - ViewComponent implementation
-    class UI::EmptyTitleComponent < ViewComponent::Base
-      include UI::EmptyTitleBehavior
+# EmptyTitleComponent - ViewComponent implementation
+class UI::EmptyTitleComponent < ViewComponent::Base
+  include UI::EmptyTitleBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.h3(**empty_title_html_attributes.merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.h3(**empty_title_html_attributes.merge(@attributes)) do
+      content
     end
+  end
+end

data/app/view_components/ui/field_component.rb

@@ -1,41 +1,41 @@
 # frozen_string_literal: true
 
-    # FieldComponent - ViewComponent 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::FieldComponent.new do %>
-    #     Field content here
-    #   <% end %>
-    #
-    # @example With orientation
-    #   <%= render UI::FieldComponent.new(orientation: "horizontal") do %>
-    #     Field content
-    #   <% end %>
-    #
-    # @example With validation state
-    #   <%= render UI::FieldComponent.new(data_invalid: true) do %>
-    #     Field content
-    #   <% end %>
-    class UI::FieldComponent < ViewComponent::Base
-      include UI::FieldBehavior
+# FieldComponent - ViewComponent 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::FieldComponent.new do %>
+#     Field content here
+#   <% end %>
+#
+# @example With orientation
+#   <%= render UI::FieldComponent.new(orientation: "horizontal") do %>
+#     Field content
+#   <% end %>
+#
+# @example With validation state
+#   <%= render UI::FieldComponent.new(data_invalid: true) do %>
+#     Field content
+#   <% end %>
+class UI::FieldComponent < ViewComponent::Base
+  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 call
-        content_tag :div, **field_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :div, **field_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/field_content_component.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # FieldContentComponent - ViewComponent implementation
-    #
-    # Flex column that groups control and descriptions.
-    # Uses FieldContentBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::FieldContentComponent.new do %>
-    #     Content here
-    #   <% end %>
-    class UI::FieldContentComponent < ViewComponent::Base
-      include UI::FieldContentBehavior
+# FieldContentComponent - ViewComponent implementation
+#
+# Flex column that groups control and descriptions.
+# Uses FieldContentBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::FieldContentComponent.new do %>
+#     Content here
+#   <% end %>
+class UI::FieldContentComponent < ViewComponent::Base
+  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 call
-        content_tag :div, **field_content_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :div, **field_content_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/field_description_component.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # FieldDescriptionComponent - ViewComponent implementation
-    #
-    # Helper text for form fields.
-    # Uses FieldDescriptionBehavior concern for shared styling logic.
-    #
-    # @example With block
-    #   <%= render UI::FieldDescriptionComponent.new do %>
-    #     Helper text
-    #   <% end %>
-    class UI::FieldDescriptionComponent < ViewComponent::Base
-      include UI::FieldDescriptionBehavior
+# FieldDescriptionComponent - ViewComponent implementation
+#
+# Helper text for form fields.
+# Uses FieldDescriptionBehavior concern for shared styling logic.
+#
+# @example With block
+#   <%= render UI::FieldDescriptionComponent.new do %>
+#     Helper text
+#   <% end %>
+class UI::FieldDescriptionComponent < ViewComponent::Base
+  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 call
-        content_tag :p, **field_description_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :p, **field_description_html_attributes do
+      content
     end
+  end
+end

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