fernandes-ui 0.1.0 → 0.1.2

data/app/view_components/ui/kbd_component.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # KbdComponent - ViewComponent implementation
-    #
-    # Displays textual user input from keyboard, helping users understand
-    # keyboard shortcuts and interactions within applications.
-    # Uses KbdBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::KbdComponent.new { "Ctrl" } %>
-    #
-    # @example With custom classes
-    #   <%= render UI::KbdComponent.new(classes: "text-sm") { "⌘K" } %>
-    class UI::KbdComponent < ViewComponent::Base
-      include UI::KbdBehavior
+# KbdComponent - ViewComponent implementation
+#
+# Displays textual user input from keyboard, helping users understand
+# keyboard shortcuts and interactions within applications.
+# Uses KbdBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::KbdComponent.new { "Ctrl" } %>
+#
+# @example With custom classes
+#   <%= render UI::KbdComponent.new(classes: "text-sm") { "⌘K" } %>
+class UI::KbdComponent < ViewComponent::Base
+  include UI::KbdBehavior
 
-      # @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
-        attrs = kbd_html_attributes
+  def call
+    attrs = kbd_html_attributes
 
-        content_tag :kbd, **attrs.merge(@attributes) do
-          content
-        end
-      end
+    content_tag :kbd, **attrs.merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/kbd_group_component.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # GroupComponent - ViewComponent implementation
-    #
-    # Groups multiple keyboard keys together with consistent spacing.
-    # Useful for representing keyboard combinations like "Ctrl + B".
-    # Uses KbdGroupBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::GroupComponent.new do %>
-    #     <%= render UI::KbdComponent.new { "Ctrl" } %>
-    #     +
-    #     <%= render UI::KbdComponent.new { "B" } %>
-    #   <% end %>
-    class UI::KbdGroupComponent < ViewComponent::Base
-      include UI::KbdGroupBehavior
+# GroupComponent - ViewComponent implementation
+#
+# Groups multiple keyboard keys together with consistent spacing.
+# Useful for representing keyboard combinations like "Ctrl + B".
+# Uses KbdGroupBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::GroupComponent.new do %>
+#     <%= render UI::KbdComponent.new { "Ctrl" } %>
+#     +
+#     <%= render UI::KbdComponent.new { "B" } %>
+#   <% end %>
+class UI::KbdGroupComponent < ViewComponent::Base
+  include UI::KbdGroupBehavior
 
-      # @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
-        attrs = kbd_group_html_attributes
+  def call
+    attrs = kbd_group_html_attributes
 
-        content_tag :kbd, **attrs.merge(@attributes) do
-          content
-        end
-      end
+    content_tag :kbd, **attrs.merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/label_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    # LabelComponent - ViewComponent implementation
-    #
-    # Accessible label for form inputs following shadcn/ui design patterns.
-    class UI::LabelComponent < ViewComponent::Base
-      include UI::LabelBehavior
+# LabelComponent - ViewComponent implementation
+#
+# Accessible label for form inputs following shadcn/ui design patterns.
+class UI::LabelComponent < ViewComponent::Base
+  include UI::LabelBehavior
 
-      # @param for_id [String] The ID of the form element this label is for
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(for_id: nil, classes: "", **attributes)
-        @for_id = for_id
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param for_id [String] The ID of the form element this label is for
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(for_id: nil, classes: "", **attributes)
+    @for_id = for_id
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :label, **label_html_attributes.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+  def call
+    content_tag :label, **label_html_attributes.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/large_component.rb

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

data/app/view_components/ui/lead_component.rb

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

data/app/view_components/ui/list_component.rb

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

data/app/view_components/ui/menubar_checkbox_item_component.rb

@@ -1,47 +1,47 @@
 # frozen_string_literal: true
 
-    # CheckboxItemComponent - ViewComponent implementation
-    #
-    # A toggleable checkbox menu item.
-    #
-    # @example Basic usage
-    #   render UI::CheckboxItemComponent.new(checked: true) { "Show Toolbar" }
-    class UI::MenubarCheckboxItemComponent < ViewComponent::Base
-      include UI::MenubarCheckboxItemBehavior
+# CheckboxItemComponent - ViewComponent implementation
+#
+# A toggleable checkbox menu item.
+#
+# @example Basic usage
+#   render UI::CheckboxItemComponent.new(checked: true) { "Show Toolbar" }
+class UI::MenubarCheckboxItemComponent < ViewComponent::Base
+  include UI::MenubarCheckboxItemBehavior
 
-      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, **menubar_checkbox_item_html_attributes.deep_merge(@attributes) do
-          render_check_icon + content_tag(:span, content)
-        end
-      end
+  def call
+    content_tag :div, **menubar_checkbox_item_html_attributes.deep_merge(@attributes) do
+      render_check_icon + content_tag(:span, content)
+    end
+  end
 
-      private
+  private
 
-      def render_check_icon
-        content_tag :span, class: "absolute left-2 flex size-3.5 items-center justify-center" do
-          if @checked
-            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: "size-4"
-            ) do
-              helpers.tag.path(d: "M20 6 9 17l-5-5")
-            end
-          end
-        end.html_safe
+  def render_check_icon
+    content_tag :span, class: "absolute left-2 flex size-3.5 items-center justify-center" do
+      if @checked
+        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: "size-4"
+        ) do
+          helpers.tag.path(d: "M20 6 9 17l-5-5")
+        end
       end
-    end
+    end.html_safe
+  end
+end

data/app/view_components/ui/menubar_component.rb

@@ -1,24 +1,24 @@
 # frozen_string_literal: true
 
-    # MenubarComponent - ViewComponent implementation
-    #
-    # Root container for menubar with Stimulus controller.
-    #
-    # @example Basic usage
-    #   render UI::MenubarComponent.new do
-    #     render UI::MenuComponent.new { ... }
-    #   end
-    class UI::MenubarComponent < ViewComponent::Base
-      include UI::MenubarBehavior
+# MenubarComponent - ViewComponent implementation
+#
+# Root container for menubar with Stimulus controller.
+#
+# @example Basic usage
+#   render UI::MenubarComponent.new do
+#     render UI::MenuComponent.new { ... }
+#   end
+class UI::MenubarComponent < ViewComponent::Base
+  include UI::MenubarBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **menubar_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **menubar_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/menubar_content_component.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # ContentComponent - ViewComponent implementation
-    #
-    # Container for menu items.
-    #
-    # @example Basic usage
-    #   render UI::ContentComponent.new do
-    #     render UI::ItemComponent.new { "Item" }
-    #   end
-    class UI::MenubarContentComponent < ViewComponent::Base
-      include UI::MenubarContentBehavior
+# ContentComponent - ViewComponent implementation
+#
+# Container for menu items.
+#
+# @example Basic usage
+#   render UI::ContentComponent.new do
+#     render UI::ItemComponent.new { "Item" }
+#   end
+class UI::MenubarContentComponent < ViewComponent::Base
+  include UI::MenubarContentBehavior
 
-      def initialize(align: "start", side: "bottom", classes: "", **attributes)
-        @align = align
-        @side = side
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(align: "start", side: "bottom", classes: "", **attributes)
+    @align = align
+    @side = side
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **menubar_content_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **menubar_content_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/menubar_item_component.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # ItemComponent - ViewComponent implementation
-    #
-    # A menu item.
-    #
-    # @example Basic usage
-    #   render UI::ItemComponent.new { "Save" }
-    #
-    # @example With shortcut
-    #   render UI::ItemComponent.new do
-    #     "Save"
-    #     render UI::ShortcutComponent.new { "⌘S" }
-    #   end
-    class UI::MenubarItemComponent < ViewComponent::Base
-      include UI::MenubarItemBehavior
+# ItemComponent - ViewComponent implementation
+#
+# A menu item.
+#
+# @example Basic usage
+#   render UI::ItemComponent.new { "Save" }
+#
+# @example With shortcut
+#   render UI::ItemComponent.new do
+#     "Save"
+#     render UI::ShortcutComponent.new { "⌘S" }
+#   end
+class UI::MenubarItemComponent < ViewComponent::Base
+  include UI::MenubarItemBehavior
 
-      def initialize(variant: nil, inset: false, disabled: false, classes: "", **attributes)
-        @variant = variant
-        @inset = inset
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(variant: nil, inset: false, disabled: false, classes: "", **attributes)
+    @variant = variant
+    @inset = inset
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **menubar_item_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **menubar_item_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/menubar_label_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    # LabelComponent - ViewComponent implementation
-    #
-    # Non-interactive label for grouping items.
-    #
-    # @example Basic usage
-    #   render UI::LabelComponent.new { "Theme" }
-    class UI::MenubarLabelComponent < ViewComponent::Base
-      include UI::MenubarLabelBehavior
+# LabelComponent - ViewComponent implementation
+#
+# Non-interactive label for grouping items.
+#
+# @example Basic usage
+#   render UI::LabelComponent.new { "Theme" }
+class UI::MenubarLabelComponent < ViewComponent::Base
+  include UI::MenubarLabelBehavior
 
-      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, **menubar_label_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **menubar_label_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/menubar_menu_component.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # MenuComponent - ViewComponent implementation
-    #
-    # Container for a single menu (trigger + content).
-    #
-    # @example Basic usage
-    #   render UI::MenuComponent.new do
-    #     render UI::TriggerComponent.new { "File" }
-    #     render UI::ContentComponent.new { ... }
-    #   end
-    class UI::MenubarMenuComponent < ViewComponent::Base
-      include UI::MenubarMenuBehavior
+# MenuComponent - ViewComponent implementation
+#
+# Container for a single menu (trigger + content).
+#
+# @example Basic usage
+#   render UI::MenuComponent.new do
+#     render UI::TriggerComponent.new { "File" }
+#     render UI::ContentComponent.new { ... }
+#   end
+class UI::MenubarMenuComponent < ViewComponent::Base
+  include UI::MenubarMenuBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **menubar_menu_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **menubar_menu_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/menubar_radio_group_component.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # RadioGroupComponent - ViewComponent implementation
-    #
-    # Container for radio items.
-    #
-    # @example Basic usage
-    #   render UI::RadioGroupComponent.new do
-    #     render UI::RadioItemComponent.new(value: "light") { "Light" }
-    #     render UI::RadioItemComponent.new(value: "dark") { "Dark" }
-    #   end
-    class UI::MenubarRadioGroupComponent < ViewComponent::Base
-      include UI::MenubarRadioGroupBehavior
+# RadioGroupComponent - ViewComponent implementation
+#
+# Container for radio items.
+#
+# @example Basic usage
+#   render UI::RadioGroupComponent.new do
+#     render UI::RadioItemComponent.new(value: "light") { "Light" }
+#     render UI::RadioItemComponent.new(value: "dark") { "Dark" }
+#   end
+class UI::MenubarRadioGroupComponent < ViewComponent::Base
+  include UI::MenubarRadioGroupBehavior
 
-      def initialize(value: nil, classes: "", **attributes)
-        @value = value
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(value: nil, classes: "", **attributes)
+    @value = value
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **menubar_radio_group_html_attributes.deep_merge(@attributes) do
-          content
-        end
-      end
+  def call
+    content_tag :div, **menubar_radio_group_html_attributes.deep_merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/menubar_radio_item_component.rb

@@ -1,48 +1,48 @@
 # frozen_string_literal: true
 
-    # RadioItemComponent - ViewComponent implementation
-    #
-    # A radio menu item (only one can be selected).
-    #
-    # @example Basic usage
-    #   render UI::RadioItemComponent.new(value: "light", checked: true) { "Light" }
-    class UI::MenubarRadioItemComponent < ViewComponent::Base
-      include UI::MenubarRadioItemBehavior
+# RadioItemComponent - ViewComponent implementation
+#
+# A radio menu item (only one can be selected).
+#
+# @example Basic usage
+#   render UI::RadioItemComponent.new(value: "light", checked: true) { "Light" }
+class UI::MenubarRadioItemComponent < ViewComponent::Base
+  include UI::MenubarRadioItemBehavior
 
-      def initialize(value: nil, checked: false, disabled: false, classes: "", **attributes)
-        @value = value
-        @checked = checked
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(value: nil, checked: false, disabled: false, classes: "", **attributes)
+    @value = value
+    @checked = checked
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **menubar_radio_item_html_attributes.deep_merge(@attributes) do
-          render_radio_icon + content_tag(:span, content)
-        end
-      end
+  def call
+    content_tag :div, **menubar_radio_item_html_attributes.deep_merge(@attributes) do
+      render_radio_icon + content_tag(:span, content)
+    end
+  end
 
-      private
+  private
 
-      def render_radio_icon
-        content_tag :span, class: "absolute left-2 flex size-3.5 items-center justify-center" do
-          if @checked
-            helpers.tag.svg(
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "currentColor",
-              stroke: "currentColor",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              class: "size-2"
-            ) do
-              helpers.tag.circle(cx: "12", cy: "12", r: "10")
-            end
-          end
-        end.html_safe
+  def render_radio_icon
+    content_tag :span, class: "absolute left-2 flex size-3.5 items-center justify-center" do
+      if @checked
+        helpers.tag.svg(
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "currentColor",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          class: "size-2"
+        ) do
+          helpers.tag.circle(cx: "12", cy: "12", r: "10")
+        end
       end
-    end
+    end.html_safe
+  end
+end