fernandes-ui 0.1.1 → 0.1.4

data/app/components/ui/menubar_label.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # Label - Phlex implementation
-    #
-    # Non-interactive label/header for menu sections.
-    #
-    # @example Basic usage
-    #   render UI::Label.new { "Account" }
-    #
-    # @example With inset
-    #   render UI::Label.new(inset: true) { "Settings" }
-    class UI::MenubarLabel < Phlex::HTML
-      include UI::MenubarLabelBehavior
+# Label - Phlex implementation
+#
+# Non-interactive label/header for menu sections.
+#
+# @example Basic usage
+#   render UI::Label.new { "Account" }
+#
+# @example With inset
+#   render UI::Label.new(inset: true) { "Settings" }
+class UI::MenubarLabel < Phlex::HTML
+  include UI::MenubarLabelBehavior
 
-      # @param inset [Boolean] Add left padding to align with checkbox/radio items
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(inset: false, classes: "", **attributes)
-        @inset = inset
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param inset [Boolean] Add left padding to align with checkbox/radio items
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(inset: false, classes: "", **attributes)
+    @inset = inset
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**menubar_label_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_label_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_menu.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # Menu - Phlex implementation
-    #
-    # Wrapper for each top-level menu in the menubar.
-    #
-    # @example Basic usage
-    #   render UI::Menu.new(value: "file") do
-    #     render UI::Trigger.new { "File" }
-    #     render UI::Content.new { ... }
-    #   end
-    class UI::MenubarMenu < Phlex::HTML
-      include UI::MenubarMenuBehavior
+# Menu - Phlex implementation
+#
+# Wrapper for each top-level menu in the menubar.
+#
+# @example Basic usage
+#   render UI::Menu.new(value: "file") do
+#     render UI::Trigger.new { "File" }
+#     render UI::Content.new { ... }
+#   end
+class UI::MenubarMenu < Phlex::HTML
+  include UI::MenubarMenuBehavior
 
-      # @param value [String] Unique identifier for this menu
-      # @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] Unique identifier for this menu
+  # @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 view_template(&block)
-        div(**menubar_menu_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_menu_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_radio_group.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # RadioGroup - Phlex implementation
-    #
-    # Container for radio items in the menu.
-    #
-    # @example Basic usage
-    #   render UI::RadioGroup.new(value: "option1") do
-    #     render UI::RadioItem.new(value: "option1", checked: true) { "Option 1" }
-    #     render UI::RadioItem.new(value: "option2") { "Option 2" }
-    #   end
-    class UI::MenubarRadioGroup < Phlex::HTML
-      include UI::MenubarRadioGroupBehavior
+# RadioGroup - Phlex implementation
+#
+# Container for radio items in the menu.
+#
+# @example Basic usage
+#   render UI::RadioGroup.new(value: "option1") do
+#     render UI::RadioItem.new(value: "option1", checked: true) { "Option 1" }
+#     render UI::RadioItem.new(value: "option2") { "Option 2" }
+#   end
+class UI::MenubarRadioGroup < Phlex::HTML
+  include UI::MenubarRadioGroupBehavior
 
-      # @param value [String] Currently selected value
-      # @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] Currently selected value
+  # @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 view_template(&block)
-        div(**menubar_radio_group_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_radio_group_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_radio_item.rb

@@ -1,56 +1,56 @@
 # frozen_string_literal: true
 
-    # RadioItem - Phlex implementation
-    #
-    # A menu item with radio functionality.
-    #
-    # @example Basic usage
-    #   render UI::RadioItem.new(value: "option1", checked: true) { "Option 1" }
-    class UI::MenubarRadioItem < Phlex::HTML
-      include UI::MenubarRadioItemBehavior
+# RadioItem - Phlex implementation
+#
+# A menu item with radio functionality.
+#
+# @example Basic usage
+#   render UI::RadioItem.new(value: "option1", checked: true) { "Option 1" }
+class UI::MenubarRadioItem < Phlex::HTML
+  include UI::MenubarRadioItemBehavior
 
-      # @param value [String] Value for this radio item
-      # @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(value: nil, checked: false, disabled: false, classes: "", **attributes)
-        @value = value
-        @checked = checked
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param value [String] Value for this radio item
+  # @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(value: nil, checked: false, disabled: false, classes: "", **attributes)
+    @value = value
+    @checked = checked
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**menubar_radio_item_html_attributes.deep_merge(@attributes)) do
-          # Radio indicator container
-          span(class: "absolute left-2 flex size-3.5 items-center justify-center") do
-            if @checked
-              render_radio_icon
-            end
-          end
-          yield if block_given?
+  def view_template(&block)
+    div(**menubar_radio_item_html_attributes.deep_merge(@attributes)) do
+      # Radio indicator container
+      span(class: "absolute left-2 flex size-3.5 items-center justify-center") do
+        if @checked
+          render_radio_icon
         end
       end
+      yield if block_given?
+    end
+  end
 
-      private
+  private
 
-      def render_radio_icon
-        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",
-          data: { state: "checked" }
-        ) do |svg|
-          svg.circle(cx: "12", cy: "12", r: "10")
-        end
-      end
+  def render_radio_icon
+    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",
+      data: {state: "checked"}
+    ) do |svg|
+      svg.circle(cx: "12", cy: "12", r: "10")
     end
+  end
+end

data/app/components/ui/menubar_separator.rb

@@ -1,22 +1,22 @@
 # frozen_string_literal: true
 
-    # Separator - Phlex implementation
-    #
-    # Visual divider between menu items.
-    #
-    # @example Basic usage
-    #   render UI::Separator.new
-    class UI::MenubarSeparator < Phlex::HTML
-      include UI::MenubarSeparatorBehavior
+# Separator - Phlex implementation
+#
+# Visual divider between menu items.
+#
+# @example Basic usage
+#   render UI::Separator.new
+class UI::MenubarSeparator < Phlex::HTML
+  include UI::MenubarSeparatorBehavior
 
-      # @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
-        div(**menubar_separator_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def view_template
+    div(**menubar_separator_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/components/ui/menubar_shortcut.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Shortcut - Phlex implementation
-    #
-    # Displays keyboard shortcut hint for menu items.
-    #
-    # @example Basic usage
-    #   render UI::Item.new do
-    #     plain "New Tab"
-    #     render UI::Shortcut.new { "Ctrl+T" }
-    #   end
-    class UI::MenubarShortcut < Phlex::HTML
-      include UI::MenubarShortcutBehavior
+# Shortcut - Phlex implementation
+#
+# Displays keyboard shortcut hint for menu items.
+#
+# @example Basic usage
+#   render UI::Item.new do
+#     plain "New Tab"
+#     render UI::Shortcut.new { "Ctrl+T" }
+#   end
+class UI::MenubarShortcut < Phlex::HTML
+  include UI::MenubarShortcutBehavior
 
-      # @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)
-        span(**menubar_shortcut_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    span(**menubar_shortcut_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_sub.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Sub - Phlex implementation
-    #
-    # Container for submenu within the menubar menu.
-    #
-    # @example Basic usage
-    #   render UI::Sub.new do
-    #     render UI::SubTrigger.new { "Share" }
-    #     render UI::SubContent.new do
-    #       render UI::Item.new { "Email" }
-    #       render UI::Item.new { "Message" }
-    #     end
-    #   end
-    class UI::MenubarSub < Phlex::HTML
-      include UI::MenubarSubBehavior
+# Sub - Phlex implementation
+#
+# Container for submenu within the menubar menu.
+#
+# @example Basic usage
+#   render UI::Sub.new do
+#     render UI::SubTrigger.new { "Share" }
+#     render UI::SubContent.new do
+#       render UI::Item.new { "Email" }
+#       render UI::Item.new { "Message" }
+#     end
+#   end
+class UI::MenubarSub < Phlex::HTML
+  include UI::MenubarSubBehavior
 
-      # @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)
-        div(**menubar_sub_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_sub_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_sub_content.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # SubContent - Phlex implementation
-    #
-    # Container for submenu items.
-    #
-    # @example Basic usage
-    #   render UI::SubContent.new do
-    #     render UI::Item.new { "Email" }
-    #     render UI::Item.new { "Message" }
-    #   end
-    class UI::MenubarSubContent < Phlex::HTML
-      include UI::MenubarSubContentBehavior
+# SubContent - Phlex implementation
+#
+# Container for submenu items.
+#
+# @example Basic usage
+#   render UI::SubContent.new do
+#     render UI::Item.new { "Email" }
+#     render UI::Item.new { "Message" }
+#   end
+class UI::MenubarSubContent < Phlex::HTML
+  include UI::MenubarSubContentBehavior
 
-      # @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)
-        div(**menubar_sub_content_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**menubar_sub_content_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/menubar_sub_trigger.rb

@@ -1,48 +1,48 @@
 # frozen_string_literal: true
 
-    # SubTrigger - Phlex implementation
-    #
-    # Menu item that opens a submenu.
-    #
-    # @example Basic usage
-    #   render UI::SubTrigger.new { "Share" }
-    class UI::MenubarSubTrigger < Phlex::HTML
-      include UI::MenubarSubTriggerBehavior
+# SubTrigger - Phlex implementation
+#
+# Menu item that opens a submenu.
+#
+# @example Basic usage
+#   render UI::SubTrigger.new { "Share" }
+class UI::MenubarSubTrigger < Phlex::HTML
+  include UI::MenubarSubTriggerBehavior
 
-      # @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(inset: false, disabled: false, classes: "", **attributes)
-        @inset = inset
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @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(inset: false, disabled: false, classes: "", **attributes)
+    @inset = inset
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**menubar_sub_trigger_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-          render_chevron_icon
-        end
-      end
+  def view_template(&block)
+    div(**menubar_sub_trigger_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
+      render_chevron_icon
+    end
+  end
 
-      private
+  private
 
-      def render_chevron_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: "ml-auto size-4"
-        ) do |svg|
-          svg.path(d: "m9 18 6-6-6-6")
-        end
-      end
+  def render_chevron_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: "ml-auto size-4"
+    ) do |svg|
+      svg.path(d: "m9 18 6-6-6-6")
     end
+  end
+end

data/app/components/ui/menubar_trigger.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # Trigger - Phlex implementation
-    #
-    # Button that toggles the menu content open/closed.
-    #
-    # @example Basic usage
-    #   render UI::Trigger.new(first: true) { "File" }
-    class UI::MenubarTrigger < Phlex::HTML
-      include UI::MenubarTriggerBehavior
+# Trigger - Phlex implementation
+#
+# Button that toggles the menu content open/closed.
+#
+# @example Basic usage
+#   render UI::Trigger.new(first: true) { "File" }
+class UI::MenubarTrigger < Phlex::HTML
+  include UI::MenubarTriggerBehavior
 
-      # @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 view_template(&block)
-        button(**menubar_trigger_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    button(**menubar_trigger_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/muted.rb

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