fernandes-ui 0.1.1 → 0.1.4

data/app/view_components/ui/menubar_sub_trigger_component.rb

@@ -1,43 +1,43 @@
 # frozen_string_literal: true
 
-    # SubTriggerComponent - ViewComponent implementation
-    #
-    # Menu item that opens a submenu.
-    #
-    # @example Basic usage
-    #   render UI::SubTriggerComponent.new { "Share" }
-    class UI::MenubarSubTriggerComponent < ViewComponent::Base
-      include UI::MenubarSubTriggerBehavior
+# SubTriggerComponent - ViewComponent implementation
+#
+# Menu item that opens a submenu.
+#
+# @example Basic usage
+#   render UI::SubTriggerComponent.new { "Share" }
+class UI::MenubarSubTriggerComponent < ViewComponent::Base
+  include UI::MenubarSubTriggerBehavior
 
-      def initialize(inset: false, disabled: false, classes: "", **attributes)
-        @inset = inset
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(inset: false, disabled: false, classes: "", **attributes)
+    @inset = inset
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **menubar_sub_trigger_html_attributes.deep_merge(@attributes) do
-          safe_join([content, render_chevron_icon])
-        end
-      end
+  def call
+    content_tag :div, **menubar_sub_trigger_html_attributes.deep_merge(@attributes) do
+      safe_join([content, render_chevron_icon])
+    end
+  end
 
-      private
+  private
 
-      def render_chevron_icon
-        helpers.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 size-4"
-        ) do
-          helpers.tag.path(d: "m9 18 6-6-6-6")
-        end.html_safe
-      end
-    end
+  def render_chevron_icon
+    helpers.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 size-4"
+    ) do
+      helpers.tag.path(d: "m9 18 6-6-6-6")
+    end.html_safe
+  end
+end

data/app/view_components/ui/menubar_trigger_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    # TriggerComponent - ViewComponent implementation
-    #
-    # Button that opens a menu.
-    #
-    # @example Basic usage
-    #   render UI::TriggerComponent.new { "File" }
-    class UI::MenubarTriggerComponent < ViewComponent::Base
-      include UI::MenubarTriggerBehavior
+# TriggerComponent - ViewComponent implementation
+#
+# Button that opens a menu.
+#
+# @example Basic usage
+#   render UI::TriggerComponent.new { "File" }
+class UI::MenubarTriggerComponent < ViewComponent::Base
+  include UI::MenubarTriggerBehavior
 
-      def initialize(first: false, classes: "", **attributes)
-        @first = first
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(first: false, classes: "", **attributes)
+    @first = first
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :button, **menubar_trigger_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :button, **menubar_trigger_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/muted_component.rb

@@ -9,6 +9,7 @@ module UI
 
     def call
       extend UI::MutedBehavior
+
       attrs = muted_html_attributes
       content_tag :p, **attrs.merge(@attributes) do
         content

data/app/view_components/ui/navigation_menu_component.rb

@@ -1,42 +1,42 @@
 # frozen_string_literal: true
 
-    # NavigationMenuComponent - ViewComponent implementation
-    #
-    # A collection of links for navigating websites. Built on Radix UI patterns.
-    #
-    # @example Basic usage
-    #   <%= render UI::NavigationMenuComponent.new do %>
-    #     <%= render UI::ListComponent.new do %>
-    #       <%= render UI::ItemComponent.new do %>
-    #         <%= render UI::TriggerComponent.new do %>Getting Started<% end %>
-    #         <%= render UI::ContentComponent.new do %>
-    #           <%= render UI::LinkComponent.new(href: "/docs") do %>Introduction<% end %>
-    #         <% end %>
-    #       <% end %>
-    #     <% end %>
-    #   <% end %>
-    class UI::NavigationMenuComponent < ViewComponent::Base
-      include UI::NavigationMenuBehavior
+# NavigationMenuComponent - ViewComponent implementation
+#
+# A collection of links for navigating websites. Built on Radix UI patterns.
+#
+# @example Basic usage
+#   <%= render UI::NavigationMenuComponent.new do %>
+#     <%= render UI::ListComponent.new do %>
+#       <%= render UI::ItemComponent.new do %>
+#         <%= render UI::TriggerComponent.new do %>Getting Started<% end %>
+#         <%= render UI::ContentComponent.new do %>
+#           <%= render UI::LinkComponent.new(href: "/docs") do %>Introduction<% end %>
+#         <% end %>
+#       <% end %>
+#     <% end %>
+#   <% end %>
+class UI::NavigationMenuComponent < ViewComponent::Base
+  include UI::NavigationMenuBehavior
 
-      # @param viewport [Boolean] Whether to use viewport for content positioning
-      # @param delay_duration [Integer] Delay in ms before opening on hover
-      # @param skip_delay_duration [Integer] Delay skip period between items
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(viewport: true, delay_duration: 200, skip_delay_duration: 300, classes: "", **attributes)
-        @viewport = viewport
-        @delay_duration = delay_duration
-        @skip_delay_duration = skip_delay_duration
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param viewport [Boolean] Whether to use viewport for content positioning
+  # @param delay_duration [Integer] Delay in ms before opening on hover
+  # @param skip_delay_duration [Integer] Delay skip period between items
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(viewport: true, delay_duration: 200, skip_delay_duration: 300, classes: "", **attributes)
+    @viewport = viewport
+    @delay_duration = delay_duration
+    @skip_delay_duration = skip_delay_duration
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :nav, **navigation_menu_html_attributes.deep_merge(@attributes) do
-          safe_join([
-            content,
-            (@viewport ? render(UI::ViewportComponent.new) : nil)
-          ].compact)
-        end
-      end
+  def call
+    content_tag :nav, **navigation_menu_html_attributes.deep_merge(@attributes) do
+      safe_join([
+        content,
+        (@viewport ? render(UI::ViewportComponent.new) : nil)
+      ].compact)
     end
+  end
+end

data/app/view_components/ui/navigation_menu_content_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    # ContentComponent - ViewComponent implementation
-    #
-    # Container for navigation menu content that appears when trigger is activated.
-    class UI::NavigationMenuContentComponent < ViewComponent::Base
-      include UI::ContentBehavior
+# ContentComponent - ViewComponent implementation
+#
+# Container for navigation menu content that appears when trigger is activated.
+class UI::NavigationMenuContentComponent < ViewComponent::Base
+  include UI::NavigationMenuContentBehavior
 
-      # @param viewport [Boolean] Whether content should be rendered in viewport
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(viewport: true, classes: "", **attributes)
-        @viewport = viewport
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param viewport [Boolean] Whether content should be rendered in viewport
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(viewport: true, classes: "", **attributes)
+    @viewport = viewport
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **navigation_menu_content_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **navigation_menu_content_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/navigation_menu_item_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    # ItemComponent - ViewComponent implementation
-    #
-    # Wrapper for individual navigation menu item.
-    class UI::NavigationMenuItemComponent < ViewComponent::Base
-      include UI::ItemBehavior
+# ItemComponent - ViewComponent implementation
+#
+# Wrapper for individual navigation menu item.
+class UI::NavigationMenuItemComponent < ViewComponent::Base
+  include UI::NavigationMenuItemBehavior
 
-      # @param value [String] Optional value for controlled state
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(value: nil, classes: "", **attributes)
-        @value = value
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param value [String] Optional value for controlled state
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(value: nil, classes: "", **attributes)
+    @value = value
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :li, **navigation_menu_item_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :li, **navigation_menu_item_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/navigation_menu_link_component.rb

@@ -2,100 +2,100 @@
 
 require "nokogiri"
 
-    # LinkComponent - ViewComponent implementation
-    #
-    # Navigation link component. Supports asChild pattern for composition with link_to.
-    #
-    # @example Basic usage
-    #   <%= render UI::LinkComponent.new(href: "/docs") do %>
-    #     Documentation
-    #   <% end %>
-    #
-    # @example With asChild for Rails link_to
-    #   <%= render UI::LinkComponent.new(as_child: true) do %>
-    #     <%= link_to "Documentation", docs_path %>
-    #   <% end %>
-    #
-    # @example As trigger style (for direct links without dropdown)
-    #   <%= render UI::LinkComponent.new(as_child: true, trigger_style: true) do %>
-    #     <%= link_to "About", about_path %>
-    #   <% end %>
-    class UI::NavigationMenuLinkComponent < ViewComponent::Base
-      include UI::LinkBehavior
-      include UI::SharedAsChildBehavior
+# LinkComponent - ViewComponent implementation
+#
+# Navigation link component. Supports asChild pattern for composition with link_to.
+#
+# @example Basic usage
+#   <%= render UI::LinkComponent.new(href: "/docs") do %>
+#     Documentation
+#   <% end %>
+#
+# @example With asChild for Rails link_to
+#   <%= render UI::LinkComponent.new(as_child: true) do %>
+#     <%= link_to "Documentation", docs_path %>
+#   <% end %>
+#
+# @example As trigger style (for direct links without dropdown)
+#   <%= render UI::LinkComponent.new(as_child: true, trigger_style: true) do %>
+#     <%= link_to "About", about_path %>
+#   <% end %>
+class UI::NavigationMenuLinkComponent < ViewComponent::Base
+  include UI::NavigationMenuLinkBehavior
+  include UI::SharedAsChildBehavior
 
-      # @param href [String] URL for the link (ignored when as_child: true)
-      # @param active [Boolean] Whether this link is currently active
-      # @param as_child [Boolean] When true, injects attributes into child element
-      # @param trigger_style [Boolean] When true, uses trigger styling (for direct links)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(href: nil, active: false, as_child: false, trigger_style: false, classes: "", **attributes)
-        @href = href
-        @active = active
-        @as_child = as_child
-        @trigger_style = trigger_style
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def call
-        link_attrs = build_link_attributes
+  # @param href [String] URL for the link (ignored when as_child: true)
+  # @param active [Boolean] Whether this link is currently active
+  # @param as_child [Boolean] When true, injects attributes into child element
+  # @param trigger_style [Boolean] When true, uses trigger styling (for direct links)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(href: nil, active: false, as_child: false, trigger_style: false, classes: "", **attributes)
+    @href = href
+    @active = active
+    @as_child = as_child
+    @trigger_style = trigger_style
+    @classes = classes
+    @attributes = attributes
+  end
 
-        if @as_child
-          # asChild mode: merge attributes into child element using Nokogiri
-          rendered = content.to_s
-          doc = Nokogiri::HTML::DocumentFragment.parse(rendered)
-          first_element = doc.children.find { |node| node.element? }
+  def call
+    link_attrs = build_link_attributes
 
-          if first_element
-            # Merge data attributes
-            link_attrs.fetch(:data, {}).each do |key, value|
-              next if value.nil?
+    if @as_child
+      # asChild mode: merge attributes into child element using Nokogiri
+      rendered = content.to_s
+      doc = Nokogiri::HTML::DocumentFragment.parse(rendered)
+      first_element = doc.children.find { |node| node.element? }
 
-              html_key = key.to_s.gsub("__", "--").gsub("_", "-")
-              first_element["data-#{html_key}"] = value.to_s
-            end
+      if first_element
+        # Merge data attributes
+        link_attrs.fetch(:data, {}).each do |key, value|
+          next if value.nil?
 
-            # Merge CSS classes with TailwindMerge
-            if link_attrs[:class]
-              existing_classes = first_element["class"] || ""
-              merged_classes = TailwindMerge::Merger.new.merge([existing_classes, link_attrs[:class]].join(" "))
-              first_element["class"] = merged_classes
-            end
+          html_key = key.to_s.gsub("__", "--").tr("_", "-")
+          first_element["data-#{html_key}"] = value.to_s
+        end
 
-            # Merge other attributes (except data and class)
-            link_attrs.except(:data, :class).each do |key, value|
-              next if value.nil?
+        # Merge CSS classes with TailwindMerge
+        if link_attrs[:class]
+          existing_classes = first_element["class"] || ""
+          merged_classes = TailwindMerge::Merger.new.merge([existing_classes, link_attrs[:class]].join(" "))
+          first_element["class"] = merged_classes
+        end
 
-              first_element[key.to_s.gsub("_", "-")] = value.to_s
-            end
+        # Merge other attributes (except data and class)
+        link_attrs.except(:data, :class).each do |key, value|
+          next if value.nil?
 
-            doc.to_html.html_safe
-          else
-            content
-          end
-        else
-          # Default mode: render as anchor
-          content_tag :a, **link_attrs do
-            content
-          end
+          first_element[key.to_s.tr("_", "-")] = value.to_s
         end
-      end
 
-      private
+        doc.to_html.html_safe
+      else
+        content
+      end
+    else
+      # Default mode: render as anchor
+      content_tag :a, **link_attrs do
+        content
+      end
+    end
+  end
 
-      def build_link_attributes
-        base_attrs = navigation_menu_link_html_attributes
+  private
 
-        # Override classes if trigger_style is true
-        if @trigger_style
-          base_attrs[:class] = TailwindMerge::Merger.new.merge([
-            navigation_menu_link_trigger_style_classes,
-            @classes
-          ].compact.join(" "))
-        end
+  def build_link_attributes
+    base_attrs = navigation_menu_link_html_attributes
 
-        base_attrs.deep_merge(@attributes)
-      end
+    # Override classes if trigger_style is true
+    if @trigger_style
+      base_attrs[:class] = TailwindMerge::Merger.new.merge([
+        navigation_menu_link_trigger_style_classes,
+        @classes
+      ].compact.join(" "))
     end
+
+    base_attrs.deep_merge(@attributes)
+  end
+end

data/app/view_components/ui/navigation_menu_list_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # ListComponent - ViewComponent implementation
-    #
-    # Container for navigation menu items.
-    class UI::NavigationMenuListComponent < ViewComponent::Base
-      include UI::ListBehavior
+# ListComponent - ViewComponent implementation
+#
+# Container for navigation menu items.
+class UI::NavigationMenuListComponent < ViewComponent::Base
+  include UI::NavigationMenuListBehavior
 
-      # @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 :ul, **navigation_menu_list_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :ul, **navigation_menu_list_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/navigation_menu_trigger_component.rb

@@ -1,45 +1,45 @@
 # frozen_string_literal: true
 
-    # TriggerComponent - ViewComponent implementation
-    #
-    # Button that toggles the navigation menu content.
-    # Includes an animated chevron icon.
-    class UI::NavigationMenuTriggerComponent < ViewComponent::Base
-      include UI::TriggerBehavior
+# TriggerComponent - ViewComponent implementation
+#
+# Button that toggles the navigation menu content.
+# Includes an animated chevron icon.
+class UI::NavigationMenuTriggerComponent < ViewComponent::Base
+  include UI::NavigationMenuTriggerBehavior
 
-      # @param first [Boolean] Whether this is the first trigger (gets tabindex=0)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(first: false, classes: "", **attributes)
-        @first = first
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param first [Boolean] Whether this is the first trigger (gets tabindex=0)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(first: false, classes: "", **attributes)
+    @first = first
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :button, **navigation_menu_trigger_html_attributes.deep_merge(@attributes) do
-          safe_join([
-            content,
-            chevron_icon
-          ])
-        end
-      end
+  def call
+    content_tag :button, **navigation_menu_trigger_html_attributes.deep_merge(@attributes) do
+      safe_join([
+        content,
+        chevron_icon
+      ])
+    end
+  end
 
-      private
+  private
 
-      def chevron_icon
-        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: navigation_menu_trigger_chevron_classes,
-                          "aria-hidden": "true" do
-          content_tag :path, nil, d: "m6 9 6 6 6-6"
-        end
-      end
+  def chevron_icon
+    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: navigation_menu_trigger_chevron_classes,
+      "aria-hidden": "true" do
+      content_tag :path, nil, d: "m6 9 6 6 6-6"
     end
+  end
+end

data/app/view_components/ui/navigation_menu_viewport_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # ViewportComponent - ViewComponent implementation
-    #
-    # Container for navigation menu content when viewport mode is enabled.
-    class UI::NavigationMenuViewportComponent < ViewComponent::Base
-      include UI::ViewportBehavior
+# ViewportComponent - ViewComponent implementation
+#
+# Container for navigation menu content when viewport mode is enabled.
+class UI::NavigationMenuViewportComponent < ViewComponent::Base
+  include UI::ViewportBehavior
 
-      # @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, **navigation_menu_viewport_wrapper_html_attributes do
-          content_tag :div, nil, **navigation_menu_viewport_html_attributes.deep_merge(@attributes)
-        end
-      end
+  def call
+    content_tag :div, **navigation_menu_viewport_wrapper_html_attributes do
+      content_tag :div, nil, **navigation_menu_viewport_html_attributes.deep_merge(@attributes)
     end
+  end
+end

data/app/view_components/ui/p_component.rb

@@ -9,6 +9,7 @@ module UI
 
     def call
       extend UI::PBehavior
+
       attrs = p_html_attributes
       content_tag :p, **attrs.merge(@attributes) do
         content