fernandes-ui 0.1.1 → 0.1.4

data/app/view_components/ui/drawer_title_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # Drawer title component (ViewComponent)
-    # ARIA-compliant heading for drawer
-    #
-    # @example
-    #   <%= render UI::TitleComponent.new { "Drawer Title" } %>
-    class UI::DrawerTitleComponent < ViewComponent::Base
-      include UI::DrawerTitleBehavior
+# Drawer title component (ViewComponent)
+# ARIA-compliant heading for drawer
+#
+# @example
+#   <%= render UI::TitleComponent.new { "Drawer Title" } %>
+class UI::DrawerTitleComponent < ViewComponent::Base
+  include UI::DrawerTitleBehavior
 
-      # @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 :div, content, **drawer_title_html_attributes.merge(@attributes)
-      end
-    end
+  def call
+    content_tag :div, content, **drawer_title_html_attributes.merge(@attributes)
+  end
+end

data/app/view_components/ui/drawer_trigger_component.rb

@@ -1,71 +1,71 @@
 # frozen_string_literal: true
 
-    # Drawer trigger component (ViewComponent)
-    # Opens the drawer on click
-    #
-    # @example As button (default)
-    #   <%= render UI::TriggerComponent.new { "Open Drawer" } %>
-    #
-    # @example As child (composition pattern)
-    #   <%= render UI::TriggerComponent.new(as_child: true) do %>
-    #     <%= render UI::ButtonComponent.new { "Open" } %>
-    #   <% end %>
-    class UI::DrawerTriggerComponent < ViewComponent::Base
-      include UI::DrawerTriggerBehavior
+# Drawer trigger component (ViewComponent)
+# Opens the drawer on click
+#
+# @example As button (default)
+#   <%= render UI::TriggerComponent.new { "Open Drawer" } %>
+#
+# @example As child (composition pattern)
+#   <%= render UI::TriggerComponent.new(as_child: true) do %>
+#     <%= render UI::ButtonComponent.new { "Open" } %>
+#   <% end %>
+class UI::DrawerTriggerComponent < ViewComponent::Base
+  include UI::DrawerTriggerBehavior
 
-      # @param as_child [Boolean] merge attributes into child element
-      # @param variant [Symbol] button variant (when not using as_child)
-      # @param size [Symbol] button size (when not using as_child)
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(as_child: false, variant: :outline, size: :default, classes: "", attributes: {})
-        @as_child = as_child
-        @variant = variant
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def call
-        trigger_attrs = drawer_trigger_html_attributes.deep_merge(@attributes)
+  # @param as_child [Boolean] merge attributes into child element
+  # @param variant [Symbol] button variant (when not using as_child)
+  # @param size [Symbol] button size (when not using as_child)
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(as_child: false, variant: :outline, size: :default, classes: "", attributes: {})
+    @as_child = as_child
+    @variant = variant
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-        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? }
+  def call
+    trigger_attrs = drawer_trigger_html_attributes.deep_merge(@attributes)
 
-          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
+    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? }
 
-            # 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
+      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("__", "--").tr("_", "-")
+          first_element["data-#{html_key}"] = value
+        end
 
-            # Merge other attributes (except data and class)
-            trigger_attrs.except(:data, :class).each do |key, value|
-              first_element[key.to_s] = 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
 
-            doc.to_html.html_safe
-          else
-            content
-          end
-        else
-          # Default: render as Button component
-          render(UI::ButtonComponent.new(
-            variant: @variant,
-            size: @size,
-            classes: @classes,
-            **trigger_attrs
-          ).with_content(content))
+        # 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: render as Button component
+      render(UI::ButtonComponent.new(
+        variant: @variant,
+        size: @size,
+        classes: @classes,
+        **trigger_attrs
+      ).with_content(content))
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_checkbox_item_component.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # CheckboxItemComponent - ViewComponent implementation
-    class UI::DropdownMenuCheckboxItemComponent < ViewComponent::Base
-      include UI::DropdownMenuCheckboxItemBehavior
+# CheckboxItemComponent - ViewComponent implementation
+class UI::DropdownMenuCheckboxItemComponent < ViewComponent::Base
+  include UI::DropdownMenuCheckboxItemBehavior
 
-      def initialize(checked: false, disabled: false, classes: "", **attributes)
-        @checked = checked
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(checked: false, disabled: false, classes: "", **attributes)
+    @checked = checked
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **dropdown_menu_checkbox_item_html_attributes.merge(@attributes.except(:data)) do
-          safe_join([
-            checkbox_indicator_html,
-            content
-          ])
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_checkbox_item_html_attributes.merge(@attributes.except(:data)) do
+      safe_join([
+        checkbox_indicator_html,
+        content
+      ])
+    end
+  end
 
-      private
+  private
 
-      def checkbox_indicator_html
-        content_tag :span, class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" do
-          if @checked
-            content_tag :span, data: { state: "checked" } 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: "lucide lucide-check size-4" do
-                tag.path(d: "M20 6 9 17l-5-5")
-              end
-            end
+  def checkbox_indicator_html
+    content_tag :span, class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" do
+      if @checked
+        content_tag :span, data: {state: "checked"} 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: "lucide lucide-check size-4" do
+            tag.path(d: "M20 6 9 17l-5-5")
           end
         end
       end
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_component.rb

@@ -1,52 +1,52 @@
 # frozen_string_literal: true
 
-    # DropdownMenuComponent - ViewComponent implementation
-    #
-    # Container for dropdown menus with Stimulus controller for interactivity.
-    # Uses DropdownMenuBehavior concern for shared styling logic.
-    #
-    # Supports asChild pattern for composition without wrapper elements.
-    #
-    # @example Basic usage
-    #   render UI::DropdownMenuComponent.new do
-    #     render UI::TriggerComponent.new { "Open" }
-    #     render UI::ContentComponent.new { "Items" }
-    #   end
-    #
-    # @example With asChild (no wrapper div)
-    #   render UI::DropdownMenuComponent.new(as_child: true) do |dropdown_attrs|
-    #     # receive dropdown data attrs and pass them to trigger
-    #   end
-    class UI::DropdownMenuComponent < ViewComponent::Base
-      include UI::DropdownMenuBehavior
-      include UI::SharedAsChildBehavior
+# DropdownMenuComponent - ViewComponent implementation
+#
+# Container for dropdown menus with Stimulus controller for interactivity.
+# Uses DropdownMenuBehavior concern for shared styling logic.
+#
+# Supports asChild pattern for composition without wrapper elements.
+#
+# @example Basic usage
+#   render UI::DropdownMenuComponent.new do
+#     render UI::TriggerComponent.new { "Open" }
+#     render UI::ContentComponent.new { "Items" }
+#   end
+#
+# @example With asChild (no wrapper div)
+#   render UI::DropdownMenuComponent.new(as_child: true) do |dropdown_attrs|
+#     # receive dropdown data attrs and pass them to trigger
+#   end
+class UI::DropdownMenuComponent < ViewComponent::Base
+  include UI::DropdownMenuBehavior
+  include UI::SharedAsChildBehavior
 
-      def initialize(as_child: false, placement: "bottom-start", offset: 4, flip: true, classes: "", **attributes)
-        @as_child = as_child
-        @placement = placement
-        @offset = offset
-        @flip = flip
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def call
-        dropdown_attrs = dropdown_menu_html_attributes.deep_merge(@attributes)
+  def initialize(as_child: false, placement: "bottom-start", offset: 4, flip: true, classes: "", **attributes)
+    @as_child = as_child
+    @placement = placement
+    @offset = offset
+    @flip = flip
+    @classes = classes
+    @attributes = attributes
+  end
 
-        if @as_child
-          # Yield attributes to block - child receives controller setup
-          content_for(:dropdown_attrs, dropdown_attrs)
-          content
-        else
-          # Default: render wrapper div with controller
-          content_tag :div, **dropdown_attrs do
-            content
-          end
-        end
-      end
+  def call
+    dropdown_attrs = dropdown_menu_html_attributes.deep_merge(@attributes)
 
-      # Provide dropdown attributes to the block
-      def dropdown_attrs
-        dropdown_menu_html_attributes.deep_merge(@attributes)
+    if @as_child
+      # Yield attributes to block - child receives controller setup
+      content_for(:dropdown_attrs, dropdown_attrs)
+      content
+    else
+      # Default: render wrapper div with controller
+      content_tag :div, **dropdown_attrs do
+        content
       end
     end
+  end
+
+  # Provide dropdown attributes to the block
+  def dropdown_attrs
+    dropdown_menu_html_attributes.deep_merge(@attributes)
+  end
+end

data/app/view_components/ui/dropdown_menu_content_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    # ContentComponent - ViewComponent implementation
-    class UI::DropdownMenuContentComponent < ViewComponent::Base
-      include UI::DropdownMenuContentBehavior
+# ContentComponent - ViewComponent implementation
+class UI::DropdownMenuContentComponent < ViewComponent::Base
+  include UI::DropdownMenuContentBehavior
 
-      def initialize(side_offset: 4, classes: "", **attributes)
-        @side_offset = side_offset
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(side_offset: 4, classes: "", **attributes)
+    @side_offset = side_offset
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **dropdown_menu_content_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_content_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_item_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # ItemComponent - ViewComponent implementation
-    class UI::DropdownMenuItemComponent < ViewComponent::Base
-      include UI::DropdownMenuItemBehavior
+# ItemComponent - ViewComponent implementation
+class UI::DropdownMenuItemComponent < ViewComponent::Base
+  include UI::DropdownMenuItemBehavior
 
-      def initialize(href: nil, inset: false, variant: "default", classes: "", **attributes)
-        @href = href
-        @inset = inset
-        @variant = variant
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(href: nil, inset: false, variant: "default", classes: "", **attributes)
+    @href = href
+    @inset = inset
+    @variant = variant
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag_name = @href ? :a : :div
-        content_tag tag_name, **dropdown_menu_item_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    tag_name = @href ? :a : :div
+    content_tag tag_name, **dropdown_menu_item_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_label_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    # LabelComponent - ViewComponent implementation
-    class UI::DropdownMenuLabelComponent < ViewComponent::Base
-      include UI::DropdownMenuLabelBehavior
+# LabelComponent - ViewComponent implementation
+class UI::DropdownMenuLabelComponent < ViewComponent::Base
+  include UI::DropdownMenuLabelBehavior
 
-      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_label_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_label_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_radio_group_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # RadioGroupComponent - ViewComponent implementation
-    class UI::DropdownMenuRadioGroupComponent < ViewComponent::Base
-      include UI::DropdownMenuRadioGroupBehavior
+# RadioGroupComponent - ViewComponent implementation
+class UI::DropdownMenuRadioGroupComponent < ViewComponent::Base
+  include UI::DropdownMenuRadioGroupBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **dropdown_menu_radio_group_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_radio_group_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_radio_item_component.rb

@@ -1,37 +1,37 @@
 # frozen_string_literal: true
 
-    # RadioItemComponent - ViewComponent implementation
-    class UI::DropdownMenuRadioItemComponent < ViewComponent::Base
-      include UI::DropdownMenuRadioItemBehavior
+# RadioItemComponent - ViewComponent implementation
+class UI::DropdownMenuRadioItemComponent < ViewComponent::Base
+  include UI::DropdownMenuRadioItemBehavior
 
-      def initialize(value:, checked: false, disabled: false, classes: "", **attributes)
-        @value = value
-        @checked = checked
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(value:, checked: false, disabled: false, classes: "", **attributes)
+    @value = value
+    @checked = checked
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **dropdown_menu_radio_item_html_attributes.merge(@attributes.except(:data)) do
-          safe_join([
-            radio_indicator_html,
-            content
-          ])
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_radio_item_html_attributes.merge(@attributes.except(:data)) do
+      safe_join([
+        radio_indicator_html,
+        content
+      ])
+    end
+  end
 
-      private
+  private
 
-      def radio_indicator_html
-        content_tag :span, class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" do
-          if @checked
-            content_tag :span, data: { state: "checked" } 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: "lucide lucide-circle size-2 fill-current" do
-                tag.circle(cx: "12", cy: "12", r: "10")
-              end
-            end
+  def radio_indicator_html
+    content_tag :span, class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" do
+      if @checked
+        content_tag :span, data: {state: "checked"} 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: "lucide lucide-circle size-2 fill-current" do
+            tag.circle(cx: "12", cy: "12", r: "10")
           end
         end
       end
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_separator_component.rb

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
-    # SeparatorComponent - ViewComponent implementation
-    class UI::DropdownMenuSeparatorComponent < ViewComponent::Base
-      include UI::DropdownMenuSeparatorBehavior
+# SeparatorComponent - ViewComponent implementation
+class UI::DropdownMenuSeparatorComponent < ViewComponent::Base
+  include UI::DropdownMenuSeparatorBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, "", **dropdown_menu_separator_html_attributes.merge(@attributes.except(:data))
-      end
-    end
+  def call
+    content_tag :div, "", **dropdown_menu_separator_html_attributes.merge(@attributes.except(:data))
+  end
+end

data/app/view_components/ui/dropdown_menu_shortcut_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # ShortcutComponent - ViewComponent implementation
-    class UI::DropdownMenuShortcutComponent < ViewComponent::Base
-      include UI::DropdownMenuShortcutBehavior
+# ShortcutComponent - ViewComponent implementation
+class UI::DropdownMenuShortcutComponent < ViewComponent::Base
+  include UI::DropdownMenuShortcutBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :span, **dropdown_menu_shortcut_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    content_tag :span, **dropdown_menu_shortcut_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/dropdown_menu_sub_component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # SubComponent - ViewComponent implementation
-    class UI::DropdownMenuSubComponent < ViewComponent::Base
-      include UI::DropdownMenuSubBehavior
+# SubComponent - ViewComponent implementation
+class UI::DropdownMenuSubComponent < ViewComponent::Base
+  include UI::DropdownMenuSubBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **dropdown_menu_sub_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **dropdown_menu_sub_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end