fernandes-ui 0.1.1 → 0.1.2

data/app/components/ui/command_empty.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::CommandEmpty < Phlex::HTML
-      include UI::CommandEmptyBehavior
+class UI::CommandEmpty < Phlex::HTML
+  include UI::CommandEmptyBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&)
-        div(**command_empty_html_attributes.deep_merge(@attributes), &)
-      end
-    end
+  def view_template(&)
+    div(**command_empty_html_attributes.deep_merge(@attributes), &)
+  end
+end

data/app/components/ui/command_group.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    class UI::CommandGroup < Phlex::HTML
-      include UI::CommandGroupBehavior
+class UI::CommandGroup < Phlex::HTML
+  include UI::CommandGroupBehavior
 
-      def initialize(heading: nil, classes: "", **attributes)
-        @heading = heading
-        @heading_id = "command-group-#{SecureRandom.hex(4)}" if heading
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(heading: nil, classes: "", **attributes)
+    @heading = heading
+    @heading_id = "command-group-#{SecureRandom.hex(4)}" if heading
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**command_group_html_attributes.deep_merge(@attributes)) do
-          if @heading
-            div(class: command_group_heading_classes, id: @heading_id) { @heading }
-          end
-          yield if block_given?
-        end
+  def view_template(&block)
+    div(**command_group_html_attributes.deep_merge(@attributes)) do
+      if @heading
+        div(class: command_group_heading_classes, id: @heading_id) { @heading }
       end
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/command_input.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    class UI::CommandInput < Phlex::HTML
-      include UI::CommandInputBehavior
+class UI::CommandInput < Phlex::HTML
+  include UI::CommandInputBehavior
 
-      def initialize(placeholder: "Type a command or search...", classes: "", **attributes)
-        @placeholder = placeholder
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(placeholder: "Type a command or search...", classes: "", **attributes)
+    @placeholder = placeholder
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        div(class: command_input_wrapper_classes) do
-          svg(
-            class: "mr-2 h-4 w-4 shrink-0 opacity-50",
-            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"
-          ) do |s|
-            s.circle(cx: "11", cy: "11", r: "8")
-            s.path(d: "m21 21-4.3-4.3")
-          end
-          input(**command_input_html_attributes.deep_merge(@attributes))
-        end
+  def view_template
+    div(class: command_input_wrapper_classes) do
+      svg(
+        class: "mr-2 h-4 w-4 shrink-0 opacity-50",
+        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"
+      ) do |s|
+        s.circle(cx: "11", cy: "11", r: "8")
+        s.path(d: "m21 21-4.3-4.3")
       end
+      input(**command_input_html_attributes.deep_merge(@attributes))
     end
+  end
+end

data/app/components/ui/command_item.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::CommandItem < Phlex::HTML
-      include UI::CommandItemBehavior
+class UI::CommandItem < Phlex::HTML
+  include UI::CommandItemBehavior
 
-      def initialize(value: nil, disabled: false, classes: "", **attributes)
-        @value = value
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(value: nil, disabled: false, classes: "", **attributes)
+    @value = value
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&)
-        div(**command_item_html_attributes.deep_merge(@attributes), &)
-      end
-    end
+  def view_template(&)
+    div(**command_item_html_attributes.deep_merge(@attributes), &)
+  end
+end

data/app/components/ui/command_list.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::CommandList < Phlex::HTML
-      include UI::CommandListBehavior
+class UI::CommandList < Phlex::HTML
+  include UI::CommandListBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&)
-        div(**command_list_html_attributes.deep_merge(@attributes), &)
-      end
-    end
+  def view_template(&)
+    div(**command_list_html_attributes.deep_merge(@attributes), &)
+  end
+end

data/app/components/ui/command_separator.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::CommandSeparator < Phlex::HTML
-      include UI::CommandSeparatorBehavior
+class UI::CommandSeparator < Phlex::HTML
+  include UI::CommandSeparatorBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        div(**command_separator_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def view_template
+    div(**command_separator_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/components/ui/command_shortcut.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::CommandShortcut < Phlex::HTML
-      include UI::CommandShortcutBehavior
+class UI::CommandShortcut < Phlex::HTML
+  include UI::CommandShortcutBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&)
-        span(**command_shortcut_html_attributes.deep_merge(@attributes), &)
-      end
-    end
+  def view_template(&)
+    span(**command_shortcut_html_attributes.deep_merge(@attributes), &)
+  end
+end

data/app/components/ui/context_menu.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # ContextMenu - Phlex implementation
-    #
-    # Container for context menus triggered by right-click.
-    # Uses ContextMenuBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::ContextMenu.new do
-    #     render UI::Trigger.new { "Right-click me" }
-    #     render UI::Content.new do
-    #       render UI::Item.new { "Menu Item" }
-    #     end
-    #   end
-    class UI::ContextMenu < Phlex::HTML
-      include UI::ContextMenuBehavior
+# ContextMenu - Phlex implementation
+#
+# Container for context menus triggered by right-click.
+# Uses ContextMenuBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::ContextMenu.new do
+#     render UI::Trigger.new { "Right-click me" }
+#     render UI::Content.new do
+#       render UI::Item.new { "Menu Item" }
+#     end
+#   end
+class UI::ContextMenu < Phlex::HTML
+  include UI::ContextMenuBehavior
 
-      # @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(**context_menu_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**context_menu_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/context_menu_checkbox_item.rb

@@ -1,51 +1,51 @@
 # frozen_string_literal: true
 
-    # CheckboxItem - Phlex implementation
-    #
-    # A menu item with checkbox functionality.
-    # Uses ContextMenuCheckboxItemBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::CheckboxItem.new(checked: true) { "Show Status Bar" }
-    class UI::ContextMenuCheckboxItem < Phlex::HTML
-      include UI::ContextMenuCheckboxItemBehavior
+# CheckboxItem - Phlex implementation
+#
+# A menu item with checkbox functionality.
+# Uses ContextMenuCheckboxItemBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::CheckboxItem.new(checked: true) { "Show Status Bar" }
+class UI::ContextMenuCheckboxItem < Phlex::HTML
+  include UI::ContextMenuCheckboxItemBehavior
 
-      # @param checked [Boolean] Whether the checkbox is checked
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(checked: false, classes: "", **attributes)
-        @checked = checked
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param checked [Boolean] Whether the checkbox is checked
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(checked: false, classes: "", **attributes)
+    @checked = checked
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**context_menu_checkbox_item_html_attributes.deep_merge(@attributes)) do
-          span(class: "pointer-events-none 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(**context_menu_checkbox_item_html_attributes.deep_merge(@attributes)) do
+      span(class: "pointer-events-none 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"
-        ) do |s|
-          s.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"
+    ) do |s|
+      s.path(d: "M20 6 9 17l-5-5")
     end
+  end
+end

data/app/components/ui/context_menu_content.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # Menu items container with animations and positioning.
-    # Uses ContextMenuContentBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Content.new do
-    #     render UI::Item.new { "Menu Item" }
-    #   end
-    class UI::ContextMenuContent < Phlex::HTML
-      include UI::ContextMenuContentBehavior
+# Content - Phlex implementation
+#
+# Menu items container with animations and positioning.
+# Uses ContextMenuContentBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Content.new do
+#     render UI::Item.new { "Menu Item" }
+#   end
+class UI::ContextMenuContent < Phlex::HTML
+  include UI::ContextMenuContentBehavior
 
-      # @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(**context_menu_content_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**context_menu_content_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/context_menu_item.rb

@@ -1,40 +1,40 @@
 # frozen_string_literal: true
 
-    # Item - Phlex implementation
-    #
-    # Individual menu item that can be rendered as a link or div.
-    # Uses ContextMenuItemBehavior concern for shared styling logic.
-    #
-    # @example Basic menu item
-    #   render UI::Item.new { "Profile" }
-    #
-    # @example Menu item with link
-    #   render UI::Item.new(href: "/profile") { "Profile" }
-    class UI::ContextMenuItem < Phlex::HTML
-      include UI::ContextMenuItemBehavior
+# Item - Phlex implementation
+#
+# Individual menu item that can be rendered as a link or div.
+# Uses ContextMenuItemBehavior concern for shared styling logic.
+#
+# @example Basic menu item
+#   render UI::Item.new { "Profile" }
+#
+# @example Menu item with link
+#   render UI::Item.new(href: "/profile") { "Profile" }
+class UI::ContextMenuItem < Phlex::HTML
+  include UI::ContextMenuItemBehavior
 
-      # @param href [String] Optional URL to make item a link
-      # @param inset [Boolean] Whether to add left padding for alignment
-      # @param variant [String] Variant style (default, destructive)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(href: nil, inset: false, variant: "default", classes: "", **attributes)
-        @href = href
-        @inset = inset
-        @variant = variant
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param href [String] Optional URL to make item a link
+  # @param inset [Boolean] Whether to add left padding for alignment
+  # @param variant [String] Variant style (default, destructive)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(href: nil, inset: false, variant: "default", classes: "", **attributes)
+    @href = href
+    @inset = inset
+    @variant = variant
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        if @href
-          a(**context_menu_item_html_attributes.deep_merge(@attributes)) do
-            yield if block_given?
-          end
-        else
-          div(**context_menu_item_html_attributes.deep_merge(@attributes)) do
-            yield if block_given?
-          end
-        end
+  def view_template(&block)
+    if @href
+      a(**context_menu_item_html_attributes.deep_merge(@attributes)) do
+        yield if block_given?
+      end
+    else
+      div(**context_menu_item_html_attributes.deep_merge(@attributes)) do
+        yield if block_given?
       end
     end
+  end
+end

data/app/components/ui/context_menu_label.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Label - Phlex implementation
-    #
-    # Non-interactive label for grouping menu items.
-    # Uses ContextMenuLabelBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Label.new { "Group Label" }
-    class UI::ContextMenuLabel < Phlex::HTML
-      include UI::ContextMenuLabelBehavior
+# Label - Phlex implementation
+#
+# Non-interactive label for grouping menu items.
+# Uses ContextMenuLabelBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Label.new { "Group Label" }
+class UI::ContextMenuLabel < Phlex::HTML
+  include UI::ContextMenuLabelBehavior
 
-      # @param inset [Boolean] Whether to add left padding for alignment
-      # @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] Whether to add left padding for alignment
+  # @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(**context_menu_label_html_attributes.merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**context_menu_label_html_attributes.merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/context_menu_radio_group.rb

@@ -1,28 +1,28 @@
 # frozen_string_literal: true
 
-    # RadioGroup - Phlex implementation
-    #
-    # Container for radio menu items.
-    # Uses ContextMenuRadioGroupBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::RadioGroup.new do
-    #     render UI::RadioItem.new(checked: true) { "Option 1" }
-    #     render UI::RadioItem.new { "Option 2" }
-    #   end
-    class UI::ContextMenuRadioGroup < Phlex::HTML
-      include UI::ContextMenuRadioGroupBehavior
+# RadioGroup - Phlex implementation
+#
+# Container for radio menu items.
+# Uses ContextMenuRadioGroupBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::RadioGroup.new do
+#     render UI::RadioItem.new(checked: true) { "Option 1" }
+#     render UI::RadioItem.new { "Option 2" }
+#   end
+class UI::ContextMenuRadioGroup < Phlex::HTML
+  include UI::ContextMenuRadioGroupBehavior
 
-      # @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(**context_menu_radio_group_html_attributes.merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**context_menu_radio_group_html_attributes.merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end