fernandes-ui 0.1.1 → 0.1.2

data/app/view_components/ui/carousel_next_component.rb

@@ -1,31 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::CarouselNextComponent < ViewComponent::Base
-      def initialize(classes: nil, **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+class UI::CarouselNextComponent < ViewComponent::Base
+  def initialize(classes: nil, **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        extend UI::CarouselNextBehavior
-        render UI::ButtonComponent.new(**carousel_next_html_attributes, classes: carousel_next_classes, variant: :ghost, size: :icon) do
-          safe_join([
-            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
-              tag.path(d: "m9 18 6-6-6-6")
-            end,
-            content_tag(:span, "Next slide", class: "sr-only")
-          ])
-        end
-      end
+  def call
+    extend UI::CarouselNextBehavior
+
+    render UI::ButtonComponent.new(**carousel_next_html_attributes, classes: carousel_next_classes, variant: :outline, size: :icon) do
+      safe_join([
+        lucide_icon("arrow-right", class: "size-4"),
+        content_tag(:span, "Next slide", class: "sr-only")
+      ])
     end
+  end
+end

data/app/view_components/ui/carousel_previous_component.rb

@@ -1,31 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::CarouselPreviousComponent < ViewComponent::Base
-      def initialize(classes: nil, **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+class UI::CarouselPreviousComponent < ViewComponent::Base
+  def initialize(classes: nil, **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        extend UI::CarouselPreviousBehavior
-        render UI::ButtonComponent.new(**carousel_previous_html_attributes, classes: carousel_previous_classes, variant: :ghost, size: :icon) do
-          safe_join([
-            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
-              tag.path(d: "m15 18-6-6 6-6")
-            end,
-            content_tag(:span, "Previous slide", class: "sr-only")
-          ])
-        end
-      end
+  def call
+    extend UI::CarouselPreviousBehavior
+
+    render UI::ButtonComponent.new(**carousel_previous_html_attributes, classes: carousel_previous_classes, variant: :outline, size: :icon) do
+      safe_join([
+        lucide_icon("arrow-left", class: "size-4"),
+        content_tag(:span, "Previous slide", class: "sr-only")
+      ])
     end
+  end
+end

data/app/view_components/ui/checkbox_component.rb

@@ -1,55 +1,55 @@
 # frozen_string_literal: true
 
-    class UI::CheckboxComponent < ViewComponent::Base
-      include UI::CheckboxBehavior
+class UI::CheckboxComponent < ViewComponent::Base
+  include UI::CheckboxBehavior
 
-      def initialize(
-        name: nil,
-        id: nil,
-        value: nil,
-        checked: false,
-        disabled: false,
-        required: false,
-        classes: "",
-        **attributes
-      )
-        @name = name
-        @id = id
-        @value = value
-        @checked = checked
-        @disabled = disabled
-        @required = required
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(
+    name: nil,
+    id: nil,
+    value: nil,
+    checked: false,
+    disabled: false,
+    required: false,
+    classes: "",
+    **attributes
+  )
+    @name = name
+    @id = id
+    @value = value
+    @checked = checked
+    @disabled = disabled
+    @required = required
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, class: "relative inline-flex items-center justify-center" do
-          safe_join([
-            content_tag(:input, nil, checkbox_html_attributes),
-            checkmark_icon
-          ])
-        end
-      end
+  def call
+    content_tag :div, class: "relative inline-flex items-center justify-center" do
+      safe_join([
+        content_tag(:input, nil, checkbox_html_attributes),
+        checkmark_icon
+      ])
+    end
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
+  attr_reader :classes, :attributes
 
-      def checkmark_icon
-        content_tag(
-          :svg,
-          content_tag(:path, nil, d: "M20 6 9 17l-5-5"),
-          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-3.5 pointer-events-none absolute text-primary-foreground opacity-0 peer-checked:opacity-100 transition-opacity"
-        )
-      end
-    end
+  def checkmark_icon
+    content_tag(
+      :svg,
+      content_tag(:path, nil, d: "M20 6 9 17l-5-5"),
+      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-3.5 pointer-events-none absolute text-primary-foreground opacity-0 peer-checked:opacity-100 transition-opacity"
+    )
+  end
+end

data/app/view_components/ui/collapsible_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    class UI::CollapsibleComponent < ViewComponent::Base
-      include UI::CollapsibleBehavior
+class UI::CollapsibleComponent < ViewComponent::Base
+  include UI::CollapsibleBehavior
 
-      def initialize(open: false, disabled: false, as_child: false, classes: "", **attributes)
-        @open = open
-        @disabled = disabled
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(open: false, disabled: false, as_child: false, classes: "", **attributes)
+    @open = open
+    @disabled = disabled
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        collapsible_attrs = collapsible_html_attributes.deep_merge(@attributes)
+  def call
+    collapsible_attrs = collapsible_html_attributes.deep_merge(@attributes)
 
-        if @as_child
-          content
-        else
-          content_tag(:div, content, **collapsible_attrs)
-        end
-      end
+    if @as_child
+      content
+    else
+      content_tag(:div, content, **collapsible_attrs)
     end
+  end
+end

data/app/view_components/ui/collapsible_content_component.rb

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
-    class UI::CollapsibleContentComponent < ViewComponent::Base
-      include UI::CollapsibleContentBehavior
+class UI::CollapsibleContentComponent < ViewComponent::Base
+  include UI::CollapsibleContentBehavior
 
-      def initialize(force_mount: false, classes: "", **attributes)
-        @force_mount = force_mount
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(force_mount: false, classes: "", **attributes)
+    @force_mount = force_mount
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag(:div, content, **collapsible_content_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def call
+    content_tag(:div, content, **collapsible_content_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/view_components/ui/collapsible_trigger_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    class UI::CollapsibleTriggerComponent < ViewComponent::Base
-      include UI::CollapsibleTriggerBehavior
+class UI::CollapsibleTriggerComponent < ViewComponent::Base
+  include UI::CollapsibleTriggerBehavior
 
-      def initialize(as_child: false, classes: "", **attributes)
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(as_child: false, classes: "", **attributes)
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        trigger_attrs = collapsible_trigger_html_attributes.deep_merge(@attributes)
+  def call
+    trigger_attrs = collapsible_trigger_html_attributes.deep_merge(@attributes)
 
-        if @as_child
-          content
-        else
-          content_tag(:button, content, type: "button", **trigger_attrs)
-        end
-      end
+    if @as_child
+      content
+    else
+      content_tag(:button, content, type: "button", **trigger_attrs)
     end
+  end
+end

data/app/view_components/ui/combobox_wrapper_component.rb

@@ -1,56 +1,56 @@
 # frozen_string_literal: true
 
-    # WrapperComponent - ViewComponent implementation
-    #
-    # Wrapper component that yields combobox attributes to be spread into a container component.
-    # Used to wrap Popover/Drawer/DropdownMenu with combobox selection functionality.
-    # Uses ComboboxBehavior concern for shared attribute generation logic.
-    #
-    # The combobox pattern provides:
-    # - Selection state management via Stimulus controller
-    # - Automatic text update when item is selected
-    # - Check icon visibility control (opacity-0/100)
-    # - Container closing after selection
-    #
-    # @example With Popover
-    #   <%= render UI::WrapperComponent.new(value: "") do |combobox_attrs| %>
-    #     <%= render UI::PopoverComponent.new(**combobox_attrs, placement: "bottom-start") do %>
-    #       <%= render UI::PopoverTriggerComponent.new(as_child: true) do %>
-    #         <%= render UI::ButtonComponent.new do %>
-    #           <span data-ui--combobox-target="text">Select framework...</span>
-    #         <% end %>
-    #       <% end %>
-    #
-    #       <%= render UI::PopoverContentComponent.new do %>
-    #         <%= render UI::CommandComponent.new do %>
-    #           <%= render UI::CommandItemComponent.new(
-    #             value: "next",
-    #             data: { ui__combobox_target: "item" }
-    #           ) do %>
-    #             <span>Next.js</span>
-    #             <svg class="ml-auto h-4 w-4 opacity-0">
-    #               <path d="M20 6 9 17l-5-5"/>
-    #             </svg>
-    #           <% end %>
-    #         <% end %>
-    #       <% end %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example With Drawer (responsive)
-    #   <%= render UI::WrapperComponent.new(value: "done") do |combobox_attrs| %>
-    #     <%= render UI::DrawerComponent.new(**combobox_attrs) do %>
-    #       ...
-    #     <% end %>
-    #   <% end %>
-    class UI::ComboboxWrapperComponent < ViewComponent::Base
-      include ComboboxBehavior
+# WrapperComponent - ViewComponent implementation
+#
+# Wrapper component that yields combobox attributes to be spread into a container component.
+# Used to wrap Popover/Drawer/DropdownMenu with combobox selection functionality.
+# Uses ComboboxBehavior concern for shared attribute generation logic.
+#
+# The combobox pattern provides:
+# - Selection state management via Stimulus controller
+# - Automatic text update when item is selected
+# - Check icon visibility control (opacity-0/100)
+# - Container closing after selection
+#
+# @example With Popover
+#   <%= render UI::WrapperComponent.new(value: "") do |combobox_attrs| %>
+#     <%= render UI::PopoverComponent.new(**combobox_attrs, placement: "bottom-start") do %>
+#       <%= render UI::PopoverTriggerComponent.new(as_child: true) do %>
+#         <%= render UI::ButtonComponent.new do %>
+#           <span data-ui--combobox-target="text">Select framework...</span>
+#         <% end %>
+#       <% end %>
+#
+#       <%= render UI::PopoverContentComponent.new do %>
+#         <%= render UI::CommandComponent.new do %>
+#           <%= render UI::CommandItemComponent.new(
+#             value: "next",
+#             data: { ui__combobox_target: "item" }
+#           ) do %>
+#             <span>Next.js</span>
+#             <svg class="ml-auto h-4 w-4 opacity-0">
+#               <path d="M20 6 9 17l-5-5"/>
+#             </svg>
+#           <% end %>
+#         <% end %>
+#       <% end %>
+#     <% end %>
+#   <% end %>
+#
+# @example With Drawer (responsive)
+#   <%= render UI::WrapperComponent.new(value: "done") do |combobox_attrs| %>
+#     <%= render UI::DrawerComponent.new(**combobox_attrs) do %>
+#       ...
+#     <% end %>
+#   <% end %>
+class UI::ComboboxWrapperComponent < ViewComponent::Base
+  include ComboboxBehavior
 
-      # @param value [String] Initial selected value (empty string for no selection)
-      # @param attributes [Hash] Additional HTML attributes to merge
-      def initialize(value: "", **attributes)
-        @value = value
-        @attributes = attributes
-        @combobox_html_attrs = combobox_html_attributes.deep_merge(@attributes)
-      end
-    end
+  # @param value [String] Initial selected value (empty string for no selection)
+  # @param attributes [Hash] Additional HTML attributes to merge
+  def initialize(value: "", **attributes)
+    @value = value
+    @attributes = attributes
+    @combobox_html_attrs = combobox_html_attributes.deep_merge(@attributes)
+  end
+end

data/app/view_components/ui/command_component.rb

@@ -1,15 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::CommandComponent < ViewComponent::Base
-      include UI::CommandBehavior
+class UI::CommandComponent < ViewComponent::Base
+  include UI::CommandBehavior
 
-      def initialize(loop: true, classes: "", **attributes)
-        @loop = loop
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(loop: true, autofocus: false, classes: "", **attributes)
+    @loop = loop
+    @autofocus = autofocus
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag(:div, content, **command_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def call
+    content_tag(:div, content, **command_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/view_components/ui/command_dialog_component.rb

@@ -1,25 +1,26 @@
 # frozen_string_literal: true
 
-    class UI::CommandDialogComponent < ViewComponent::Base
-      include UI::CommandDialogBehavior
+class UI::CommandDialogComponent < ViewComponent::Base
+  include UI::CommandDialogBehavior
 
-      def initialize(shortcut: "meta+j", classes: "", **attributes)
-        @shortcut = shortcut
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(shortcut: "meta+j", autofocus: true, classes: "", **attributes)
+    @shortcut = shortcut
+    @autofocus = autofocus
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **command_dialog_html_attributes.deep_merge(@attributes) do
-          render UI::DialogComponent.new(close_on_escape: true, close_on_overlay_click: true) do
-            render UI::DialogOverlayComponent.new do
-              render UI::DialogContentComponent.new(classes: command_dialog_content_classes) do
-                render UI::CommandComponent.new do
-                  content
-                end
-              end
+  def call
+    content_tag :div, **command_dialog_html_attributes.deep_merge(@attributes) do
+      render UI::DialogComponent.new(close_on_escape: true, close_on_overlay_click: true) do
+        render UI::DialogOverlayComponent.new do
+          render UI::DialogContentComponent.new(classes: command_dialog_content_classes) do
+            render UI::CommandComponent.new(autofocus: @autofocus) do
+              content
             end
           end
         end
       end
     end
+  end
+end

data/app/view_components/ui/command_empty_component.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::CommandEmptyComponent < ViewComponent::Base
-      include UI::CommandEmptyBehavior
+class UI::CommandEmptyComponent < ViewComponent::Base
+  include UI::CommandEmptyBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag(:div, content, **command_empty_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def call
+    content_tag(:div, content, **command_empty_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/view_components/ui/command_group_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    class UI::CommandGroupComponent < ViewComponent::Base
-      include UI::CommandGroupBehavior
+class UI::CommandGroupComponent < ViewComponent::Base
+  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 call
-        content_tag(:div, **command_group_html_attributes.deep_merge(@attributes)) do
-          safe_join([
-            (@heading ? content_tag(:div, @heading, class: command_group_heading_classes, id: @heading_id) : nil),
-            content
-          ].compact)
-        end
-      end
+  def call
+    content_tag(:div, **command_group_html_attributes.deep_merge(@attributes)) do
+      safe_join([
+        (@heading ? content_tag(:div, @heading, class: command_group_heading_classes, id: @heading_id) : nil),
+        content
+      ].compact)
     end
+  end
+end

data/app/view_components/ui/command_input_component.rb

@@ -1,20 +1,20 @@
 # frozen_string_literal: true
 
-    class UI::CommandInputComponent < ViewComponent::Base
-      include UI::CommandInputBehavior
+class UI::CommandInputComponent < ViewComponent::Base
+  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 call
-        content_tag(:div, class: command_input_wrapper_classes) do
-          safe_join([
-            helpers.lucide_icon("search", class: "mr-2 h-4 w-4 shrink-0 opacity-50"),
-            tag.input(**command_input_html_attributes.deep_merge(@attributes))
-          ])
-        end
-      end
+  def call
+    content_tag(:div, class: command_input_wrapper_classes) do
+      safe_join([
+        helpers.lucide_icon("search", class: "mr-2 h-4 w-4 shrink-0 opacity-50"),
+        tag.input(**command_input_html_attributes.deep_merge(@attributes))
+      ])
     end
+  end
+end

data/app/view_components/ui/command_item_component.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::CommandItemComponent < ViewComponent::Base
-      include UI::CommandItemBehavior
+class UI::CommandItemComponent < ViewComponent::Base
+  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 call
-        content_tag(:div, content, **command_item_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def call
+    content_tag(:div, content, **command_item_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/view_components/ui/command_list_component.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::CommandListComponent < ViewComponent::Base
-      include UI::CommandListBehavior
+class UI::CommandListComponent < ViewComponent::Base
+  include UI::CommandListBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag(:div, content, **command_list_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def call
+    content_tag(:div, content, **command_list_html_attributes.deep_merge(@attributes))
+  end
+end