fernandes-ui 0.1.1 → 0.1.4

data/app/view_components/ui/pagination_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    # Pagination component (ViewComponent)
-    # Container for pagination navigation
-    class UI::PaginationComponent < ViewComponent::Base
-      include UI::PaginationBehavior
+# Pagination component (ViewComponent)
+# Container for pagination navigation
+class UI::PaginationComponent < ViewComponent::Base
+  include UI::PaginationBehavior
 
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(classes: "", attributes: {})
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(classes: "", attributes: {})
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :nav, content, **pagination_html_attributes
-      end
-    end
+  def call
+    content_tag :nav, content, **pagination_html_attributes
+  end
+end

data/app/view_components/ui/pagination_content_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    # Pagination Content component (ViewComponent)
-    # List container for pagination items
-    class UI::PaginationContentComponent < ViewComponent::Base
-      include UI::PaginationContentBehavior
+# Pagination Content component (ViewComponent)
+# List container for pagination items
+class UI::PaginationContentComponent < ViewComponent::Base
+  include UI::PaginationContentBehavior
 
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(classes: "", attributes: {})
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(classes: "", attributes: {})
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :ul, content, **content_html_attributes
-      end
-    end
+  def call
+    content_tag :ul, content, **content_html_attributes
+  end
+end

data/app/view_components/ui/pagination_ellipsis_component.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Pagination Ellipsis component (ViewComponent)
-    # Visual indicator for skipped pages
-    class UI::PaginationEllipsisComponent < ViewComponent::Base
-      include UI::PaginationEllipsisBehavior
+# Pagination Ellipsis component (ViewComponent)
+# Visual indicator for skipped pages
+class UI::PaginationEllipsisComponent < ViewComponent::Base
+  include UI::PaginationEllipsisBehavior
 
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(classes: "", attributes: {})
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(classes: "", attributes: {})
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :span, **ellipsis_html_attributes do
-          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: "size-4") do
-            content_tag(:circle, nil, cx: "12", cy: "12", r: "1") +
-            content_tag(:circle, nil, cx: "19", cy: "12", r: "1") +
-            content_tag(:circle, nil, cx: "5", cy: "12", r: "1")
-          end +
-          content_tag(:span, "More pages", class: "sr-only")
-        end
-      end
+  def call
+    content_tag :span, **ellipsis_html_attributes do
+      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: "size-4") do
+        content_tag(:circle, nil, cx: "12", cy: "12", r: "1") +
+          content_tag(:circle, nil, cx: "19", cy: "12", r: "1") +
+          content_tag(:circle, nil, cx: "5", cy: "12", r: "1")
+      end +
+        content_tag(:span, "More pages", class: "sr-only")
     end
+  end
+end

data/app/view_components/ui/pagination_item_component.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    # Pagination Item component (ViewComponent)
-    # List item wrapper for pagination elements
-    class UI::PaginationItemComponent < ViewComponent::Base
-      include UI::PaginationItemBehavior
+# Pagination Item component (ViewComponent)
+# List item wrapper for pagination elements
+class UI::PaginationItemComponent < ViewComponent::Base
+  include UI::PaginationItemBehavior
 
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(attributes: {})
-        @attributes = attributes
-      end
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(attributes: {})
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :li, content, **item_html_attributes
-      end
-    end
+  def call
+    content_tag :li, content, **item_html_attributes
+  end
+end

data/app/view_components/ui/pagination_link_component.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # Pagination Link component (ViewComponent)
-    # Clickable link for page numbers
-    class UI::PaginationLinkComponent < ViewComponent::Base
-      include UI::PaginationLinkBehavior
+# Pagination Link component (ViewComponent)
+# Clickable link for page numbers
+class UI::PaginationLinkComponent < ViewComponent::Base
+  include UI::PaginationLinkBehavior
 
-      # @param href [String] URL for the link
-      # @param active [Boolean] whether this link is for the current page
-      # @param size [String] size variant: "icon", "default", "sm", "lg"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(href: "#", active: false, size: "icon", classes: "", attributes: {})
-        @href = href
-        @active = active
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param href [String] URL for the link
+  # @param active [Boolean] whether this link is for the current page
+  # @param size [String] size variant: "icon", "default", "sm", "lg"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(href: "#", active: false, size: "icon", classes: "", attributes: {})
+    @href = href
+    @active = active
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :a, **link_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :a, **link_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/pagination_next_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Pagination Next component (ViewComponent)
-    # Next page button with icon and text
-    class UI::PaginationNextComponent < ViewComponent::Base
-      include UI::PaginationNextBehavior
+# Pagination Next component (ViewComponent)
+# Next page button with icon and text
+class UI::PaginationNextComponent < ViewComponent::Base
+  include UI::PaginationNextBehavior
 
-      # @param href [String] URL for the next page
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(href: "#", classes: "", attributes: {})
-        @href = href
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param href [String] URL for the next page
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(href: "#", classes: "", attributes: {})
+    @href = href
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        render UI::PaginationLinkComponent.new(
-          href: @href,
-          size: "default",
-          classes: next_classes,
-          attributes: next_attributes
-        ) do
-          content_tag(:span, "Next", class: "hidden sm:block") +
-          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: "size-4") do
-            content_tag(:path, nil, d: "m9 18 6-6-6-6")
-          end
+  def call
+    render UI::PaginationLinkComponent.new(
+      href: @href,
+      size: "default",
+      classes: next_classes,
+      attributes: next_attributes
+    ) do
+      content_tag(:span, "Next", class: "hidden sm:block") +
+        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: "size-4") do
+          content_tag(:path, nil, d: "m9 18 6-6-6-6")
         end
-      end
     end
+  end
+end

data/app/view_components/ui/pagination_previous_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Pagination Previous component (ViewComponent)
-    # Previous page button with icon and text
-    class UI::PaginationPreviousComponent < ViewComponent::Base
-      include UI::PaginationPreviousBehavior
+# Pagination Previous component (ViewComponent)
+# Previous page button with icon and text
+class UI::PaginationPreviousComponent < ViewComponent::Base
+  include UI::PaginationPreviousBehavior
 
-      # @param href [String] URL for the previous page
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(href: "#", classes: "", attributes: {})
-        @href = href
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param href [String] URL for the previous page
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(href: "#", classes: "", attributes: {})
+    @href = href
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        render UI::PaginationLinkComponent.new(
-          href: @href,
-          size: "default",
-          classes: previous_classes,
-          attributes: previous_attributes
-        ) do
-          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: "size-4") do
-            content_tag(:path, nil, d: "m15 18-6-6 6-6")
-          end +
-          content_tag(:span, "Previous", class: "hidden sm:block")
-        end
-      end
+  def call
+    render UI::PaginationLinkComponent.new(
+      href: @href,
+      size: "default",
+      classes: previous_classes,
+      attributes: previous_attributes
+    ) do
+      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: "size-4") do
+        content_tag(:path, nil, d: "m15 18-6-6 6-6")
+      end +
+        content_tag(:span, "Previous", class: "hidden sm:block")
     end
+  end
+end

data/app/view_components/ui/popover_component.rb

@@ -1,55 +1,76 @@
 # frozen_string_literal: true
 
-    # PopoverComponent - ViewComponent implementation
-    #
-    # Container for popover trigger and content.
-    # Uses PopoverBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::PopoverComponent.new do %>
-    #     <%= render UI::TriggerComponent.new do %>
-    #       <button>Click me</button>
-    #     <% end %>
-    #     <%= render UI::ContentComponent.new do %>
-    #       Popover content
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example With custom placement
-    #   <%= render UI::PopoverComponent.new(placement: "top", offset: 8) do %>
-    #     ...
-    #   <% end %>
-    class UI::PopoverComponent < ViewComponent::Base
-      include UI::PopoverBehavior
+# PopoverComponent - ViewComponent implementation
+#
+# Container for popover trigger and content.
+# Uses PopoverBehavior concern for shared styling logic.
+#
+# Supports asChild pattern for composition without wrapper elements.
+#
+# @example Basic usage
+#   <%= render UI::PopoverComponent.new do %>
+#     <%= render UI::TriggerComponent.new do %>
+#       <button>Click me</button>
+#     <% end %>
+#     <%= render UI::ContentComponent.new do %>
+#       Popover content
+#     <% end %>
+#   <% end %>
+#
+# @example With asChild - pass attributes to custom element
+#   <%= render UI::PopoverComponent.new(as_child: true) do |popover| %>
+#     <%= render UI::InputGroupAddonComponent.new(**popover.popover_attrs) do %>
+#       <%= render UI::PopoverTriggerComponent.new(as_child: true) do |trigger| %>
+#         <%= render UI::InputGroupButtonComponent.new(**trigger.trigger_attrs) { "Info" } %>
+#       <% end %>
+#       <%= render UI::PopoverContentComponent.new { "Content" } %>
+#     <% end %>
+#   <% end %>
+class UI::PopoverComponent < ViewComponent::Base
+  include UI::PopoverBehavior
 
-      # @param placement [String] Placement of the popover (e.g., "bottom", "top-start")
-      # @param offset [Integer] Distance in pixels from the trigger
-      # @param trigger [String] Trigger type ("click" or "hover")
-      # @param hover_delay [Integer] Delay in milliseconds for hover trigger
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(
-        placement: "bottom",
-        offset: 4,
-        trigger: "click",
-        hover_delay: 200,
-        classes: "",
-        align: nil,
-        side_offset: nil,
-        **attributes
-      )
-        @placement = placement
-        @offset = side_offset || offset
-        @trigger = trigger
-        @hover_delay = hover_delay
-        @classes = classes
-        @align = align
-        @attributes = attributes
-      end
+  # @param as_child [Boolean] When true, yields self to block for attribute access
+  # @param placement [String] Placement of the popover (e.g., "bottom", "top-start")
+  # @param offset [Integer] Distance in pixels from the trigger
+  # @param trigger [String] Trigger type ("click" or "hover")
+  # @param hover_delay [Integer] Delay in milliseconds for hover trigger
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(
+    as_child: false,
+    placement: "bottom",
+    offset: 4,
+    trigger: "click",
+    hover_delay: 200,
+    classes: "",
+    align: nil,
+    side_offset: nil,
+    **attributes
+  )
+    @as_child = as_child
+    @placement = placement
+    @offset = side_offset || offset
+    @trigger = trigger
+    @hover_delay = hover_delay
+    @classes = classes
+    @align = align
+    @attributes = attributes
+  end
+
+  # Returns popover attributes for as_child mode
+  def popover_attrs
+    popover_html_attributes.deep_merge(@attributes)
+  end
 
-      def call
-        content_tag :div, **popover_html_attributes do
-          content
-        end
+  def call
+    if @as_child
+      # asChild mode: yield self to block, child accesses popover_attrs
+      content
+    else
+      # Default: render wrapper div with controller
+      content_tag :div, **popover_html_attributes do
+        content
       end
     end
+  end
+end

data/app/view_components/ui/popover_content_component.rb

@@ -1,43 +1,43 @@
 # frozen_string_literal: true
 
-    # ContentComponent - ViewComponent implementation
-    #
-    # The floating content panel.
-    # Uses PopoverContentBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::ContentComponent.new do %>
-    #     Popover content here
-    #   <% end %>
-    #
-    # @example With custom styling
-    #   <%= render UI::ContentComponent.new(classes: "w-80 p-6") do %>
-    #     Content
-    #   <% end %>
-    class UI::PopoverContentComponent < ViewComponent::Base
-      include UI::PopoverContentBehavior
+# ContentComponent - ViewComponent implementation
+#
+# The floating content panel.
+# Uses PopoverContentBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::ContentComponent.new do %>
+#     Popover content here
+#   <% end %>
+#
+# @example With custom styling
+#   <%= render UI::ContentComponent.new(classes: "w-80 p-6") do %>
+#     Content
+#   <% end %>
+class UI::PopoverContentComponent < ViewComponent::Base
+  include UI::PopoverContentBehavior
 
-      # @param side [String] Side of the trigger to show the content ("top", "bottom", "left", "right")
-      # @param align [String] Alignment relative to the trigger ("start", "center", "end")
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(side: "bottom", align: "center", classes: "", **attributes)
-        @side = side
-        @align = align
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param side [String] Side of the trigger to show the content ("top", "bottom", "left", "right")
+  # @param align [String] Alignment relative to the trigger ("start", "center", "end")
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(side: "bottom", align: "center", classes: "", **attributes)
+    @side = side
+    @align = align
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_attrs = popover_content_html_attributes
+  def call
+    content_attrs = popover_content_html_attributes
 
-        # Merge data attributes properly
-        if @attributes[:data]
-          content_attrs[:data] = content_attrs[:data].merge(@attributes[:data])
-        end
+    # Merge data attributes properly
+    if @attributes[:data]
+      content_attrs[:data] = content_attrs[:data].merge(@attributes[:data])
+    end
 
-        content_tag :div, **content_attrs.deep_merge(@attributes.except(:data)) do
-          content
-        end
-      end
+    content_tag :div, **content_attrs.deep_merge(@attributes.except(:data)) do
+      content
     end
+  end
+end