fernandes-ui 0.1.1 → 0.1.4

data/app/components/ui/item_group.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemGroup < Phlex::HTML
-      include UI::ItemGroupBehavior
+class UI::ItemGroup < Phlex::HTML
+  include UI::ItemGroupBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**item_group_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**item_group_html_attributes, &block)
+  end
+end

data/app/components/ui/item_header.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemHeader < Phlex::HTML
-      include UI::ItemHeaderBehavior
+class UI::ItemHeader < Phlex::HTML
+  include UI::ItemHeaderBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**item_header_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**item_header_html_attributes, &block)
+  end
+end

data/app/components/ui/item_media.rb

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
-    class UI::ItemMedia < Phlex::HTML
-      include UI::ItemMediaBehavior
+class UI::ItemMedia < Phlex::HTML
+  include UI::ItemMediaBehavior
 
-      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 view_template(&block)
-        div(**item_media_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**item_media_html_attributes, &block)
+  end
+end

data/app/components/ui/item_separator.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemSeparator < Phlex::HTML
-      include UI::ItemSeparatorBehavior
+class UI::ItemSeparator < Phlex::HTML
+  include UI::ItemSeparatorBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        hr(**item_separator_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    hr(**item_separator_html_attributes, &block)
+  end
+end

data/app/components/ui/item_title.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemTitle < Phlex::HTML
-      include UI::ItemTitleBehavior
+class UI::ItemTitle < Phlex::HTML
+  include UI::ItemTitleBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**item_title_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**item_title_html_attributes, &block)
+  end
+end

data/app/components/ui/kbd.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # Kbd - Phlex 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::Kbd.new { "Ctrl" }
-    #
-    # @example With custom classes
-    #   render UI::Kbd.new(classes: "text-sm") { "⌘K" }
-    class UI::Kbd < Phlex::HTML
-      include UI::KbdBehavior
+# Kbd - Phlex 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::Kbd.new { "Ctrl" }
+#
+# @example With custom classes
+#   render UI::Kbd.new(classes: "text-sm") { "⌘K" }
+class UI::Kbd < Phlex::HTML
+  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 view_template(&block)
-        kbd(**kbd_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    kbd(**kbd_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/kbd_group.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Group - Phlex 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::Group.new do
-    #     render UI::Kbd.new { "Ctrl" }
-    #     plain "+"
-    #     render UI::Kbd.new { "B" }
-    #   end
-    class UI::KbdGroup < Phlex::HTML
-      include UI::KbdGroupBehavior
+# Group - Phlex 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::Group.new do
+#     render UI::Kbd.new { "Ctrl" }
+#     plain "+"
+#     render UI::Kbd.new { "B" }
+#   end
+class UI::KbdGroup < Phlex::HTML
+  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 view_template(&block)
-        kbd(**kbd_group_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    kbd(**kbd_group_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/label.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Label - Phlex implementation
-    #
-    # Accessible label for form inputs following shadcn/ui design patterns.
-    # Uses LabelBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Label.new(for_id: "email") { "Email address" }
-    #
-    # @example With custom classes
-    #   render UI::Label.new(for_id: "password", classes: "text-destructive") { "Password" }
-    class UI::Label < Phlex::HTML
-      include UI::LabelBehavior
+# Label - Phlex implementation
+#
+# Accessible label for form inputs following shadcn/ui design patterns.
+# Uses LabelBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Label.new(for_id: "email") { "Email address" }
+#
+# @example With custom classes
+#   render UI::Label.new(for_id: "password", classes: "text-destructive") { "Password" }
+class UI::Label < Phlex::HTML
+  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 view_template(&block)
-        label(**label_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    label(**label_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/large.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::LargeBehavior
+
       div(**large_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/lead.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::LeadBehavior
+
       p(**lead_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/list.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::ListBehavior
+
       ul(**list_html_attributes.merge(@attributes), &block)
     end
   end

data/app/components/ui/menubar.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # Menubar - Phlex implementation
-    #
-    # Container for horizontal menu bar with Stimulus controller for interactivity.
-    # Uses MenubarBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Menubar.new do
-    #     render UI::Menu.new do
-    #       render UI::Trigger.new(first: true) { "File" }
-    #       render UI::Content.new do
-    #         render UI::Item.new { "New Tab" }
-    #       end
-    #     end
-    #   end
-    class UI::Menubar < Phlex::HTML
-      include UI::MenubarBehavior
+# Menubar - Phlex implementation
+#
+# Container for horizontal menu bar with Stimulus controller for interactivity.
+# Uses MenubarBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Menubar.new do
+#     render UI::Menu.new do
+#       render UI::Trigger.new(first: true) { "File" }
+#       render UI::Content.new do
+#         render UI::Item.new { "New Tab" }
+#       end
+#     end
+#   end
+class UI::Menubar < Phlex::HTML
+  include UI::MenubarBehavior
 
-      # @param loop [Boolean] Enable loop navigation
-      # @param aria_label [String] Accessible label for the menubar
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(loop: false, aria_label: nil, classes: "", **attributes)
-        @loop = loop
-        @aria_label = aria_label
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param loop [Boolean] Enable loop navigation
+  # @param aria_label [String] Accessible label for the menubar
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(loop: false, aria_label: nil, classes: "", **attributes)
+    @loop = loop
+    @aria_label = aria_label
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**menubar_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_checkbox_item.rb

@@ -1,54 +1,54 @@
 # frozen_string_literal: true
 
-    # CheckboxItem - Phlex implementation
-    #
-    # A menu item with checkbox functionality.
-    #
-    # @example Basic usage
-    #   render UI::CheckboxItem.new(checked: true) { "Show Toolbar" }
-    class UI::MenubarCheckboxItem < Phlex::HTML
-      include UI::MenubarCheckboxItemBehavior
+# CheckboxItem - Phlex implementation
+#
+# A menu item with checkbox functionality.
+#
+# @example Basic usage
+#   render UI::CheckboxItem.new(checked: true) { "Show Toolbar" }
+class UI::MenubarCheckboxItem < Phlex::HTML
+  include UI::MenubarCheckboxItemBehavior
 
-      # @param checked [Boolean] Initial checked state
-      # @param disabled [Boolean] Disable the item
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(checked: false, disabled: false, classes: "", **attributes)
-        @checked = checked
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param checked [Boolean] Initial checked state
+  # @param disabled [Boolean] Disable the item
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(checked: false, disabled: false, classes: "", **attributes)
+    @checked = checked
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**menubar_checkbox_item_html_attributes.deep_merge(@attributes)) do
-          # Check indicator container
-          span(class: "absolute left-2 flex size-3.5 items-center justify-center") do
-            if @checked
-              render_check_icon
-            end
-          end
-          yield if block_given?
+  def view_template(&block)
+    div(**menubar_checkbox_item_html_attributes.deep_merge(@attributes)) do
+      # Check indicator container
+      span(class: "absolute left-2 flex size-3.5 items-center justify-center") do
+        if @checked
+          render_check_icon
         end
       end
+      yield if block_given?
+    end
+  end
 
-      private
+  private
 
-      def render_check_icon
-        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",
-          data: { state: "checked" }
-        ) do |svg|
-          svg.path(d: "M20 6 9 17l-5-5")
-        end
-      end
+  def render_check_icon
+    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",
+      data: {state: "checked"}
+    ) do |svg|
+      svg.path(d: "M20 6 9 17l-5-5")
     end
+  end
+end

data/app/components/ui/menubar_content.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # Container for menu items that appears when trigger is activated.
-    #
-    # @example Basic usage
-    #   render UI::Content.new do
-    #     render UI::Item.new { "New Tab" }
-    #     render UI::Separator.new
-    #     render UI::Item.new { "Exit" }
-    #   end
-    class UI::MenubarContent < Phlex::HTML
-      include UI::MenubarContentBehavior
+# Content - Phlex implementation
+#
+# Container for menu items that appears when trigger is activated.
+#
+# @example Basic usage
+#   render UI::Content.new do
+#     render UI::Item.new { "New Tab" }
+#     render UI::Separator.new
+#     render UI::Item.new { "Exit" }
+#   end
+class UI::MenubarContent < Phlex::HTML
+  include UI::MenubarContentBehavior
 
-      # @param align [String] Alignment relative to trigger (start, center, end)
-      # @param side [String] Side relative to trigger (top, bottom, left, right)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(align: "start", side: "bottom", classes: "", **attributes)
-        @align = align
-        @side = side
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param align [String] Alignment relative to trigger (start, center, end)
+  # @param side [String] Side relative to trigger (top, bottom, left, right)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(align: "start", side: "bottom", classes: "", **attributes)
+    @align = align
+    @side = side
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**menubar_content_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_content_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_item.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
-    # Item - Phlex implementation
-    #
-    # A selectable menu item.
-    #
-    # @example Basic usage
-    #   render UI::Item.new { "New Tab" }
-    #
-    # @example With shortcut
-    #   render UI::Item.new do
-    #     plain "New Tab"
-    #     render UI::Shortcut.new { "Ctrl+T" }
-    #   end
-    #
-    # @example Destructive variant
-    #   render UI::Item.new(variant: :destructive) { "Delete" }
-    class UI::MenubarItem < Phlex::HTML
-      include UI::MenubarItemBehavior
+# Item - Phlex implementation
+#
+# A selectable menu item.
+#
+# @example Basic usage
+#   render UI::Item.new { "New Tab" }
+#
+# @example With shortcut
+#   render UI::Item.new do
+#     plain "New Tab"
+#     render UI::Shortcut.new { "Ctrl+T" }
+#   end
+#
+# @example Destructive variant
+#   render UI::Item.new(variant: :destructive) { "Delete" }
+class UI::MenubarItem < Phlex::HTML
+  include UI::MenubarItemBehavior
 
-      # @param variant [Symbol] :default or :destructive
-      # @param inset [Boolean] Add left padding to align with checkbox/radio items
-      # @param disabled [Boolean] Disable the item
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: :default, inset: false, disabled: false, classes: "", **attributes)
-        @variant = variant
-        @inset = inset
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [Symbol] :default or :destructive
+  # @param inset [Boolean] Add left padding to align with checkbox/radio items
+  # @param disabled [Boolean] Disable the item
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: :default, inset: false, disabled: false, classes: "", **attributes)
+    @variant = variant
+    @inset = inset
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**menubar_item_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_item_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end