fernandes-ui 0.1.0 → 0.1.2

data/app/helpers/ui/select_scroll_down_button_behavior.rb

@@ -5,47 +5,47 @@
 # Shared behavior for Select scroll down button across ERB, ViewComponent, and Phlex implementations.
 # This module provides consistent HTML attribute generation and styling.
 module UI::SelectScrollDownButtonBehavior
-    # Returns HTML attributes for the select scroll down button element
-    def select_scroll_down_button_html_attributes
-      attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-      {
-        class: select_scroll_down_button_classes,
-        "aria-hidden": "true",
-        # FIXED: Removed display: flex - visibility controlled by JavaScript/aria-hidden
-        # ADDED: flex-shrink: 0 as per shadcn implementation
-        style: "flex-shrink: 0;",
-        data: select_scroll_down_button_data_attributes
-      }.merge(attributes_value || {})
-    end
+  # Returns HTML attributes for the select scroll down button element
+  def select_scroll_down_button_html_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    {
+      class: select_scroll_down_button_classes,
+      "aria-hidden": "true",
+      # FIXED: Removed display: flex - visibility controlled by JavaScript/aria-hidden
+      # ADDED: flex-shrink: 0 as per shadcn implementation
+      style: "flex-shrink: 0;",
+      data: select_scroll_down_button_data_attributes
+    }.merge(attributes_value || {})
+  end
 
-    # Returns data attributes for Stimulus
-    def select_scroll_down_button_data_attributes
-      attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-      base_data = {
-        ui__select_target: "scrollDownButton",
-        action: "mouseenter->ui--select#scrollDown mouseleave->ui--select#stopScroll",
-        slot: "select-scroll-down-button" # ADDED: data-slot attribute
-      }
+  # Returns data attributes for Stimulus
+  def select_scroll_down_button_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    base_data = {
+      ui__select_target: "scrollDownButton",
+      action: "mouseenter->ui--select#scrollDown mouseleave->ui--select#stopScroll",
+      slot: "select-scroll-down-button" # ADDED: data-slot attribute
+    }
 
-      (attributes_value&.fetch(:data, {}) || {}).merge(base_data)
-    end
+    (attributes_value&.fetch(:data, {}) || {}).merge(base_data)
+  end
 
-    # Returns combined CSS classes
-    def select_scroll_down_button_classes
-      classes_value = respond_to?(:classes, true) ? classes : @classes
-      TailwindMerge::Merger.new.merge([
-        select_scroll_down_button_base_classes,
-        classes_value
-      ].compact.join(" "))
-    end
+  # Returns combined CSS classes
+  def select_scroll_down_button_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    TailwindMerge::Merger.new.merge([
+      select_scroll_down_button_base_classes,
+      classes_value
+    ].compact.join(" "))
+  end
 
-    private
+  private
 
-    # Base classes for select scroll down button
-    # FIXED: Removed absolute positioning (absolute bottom-0 left-0 right-0 z-10)
-    # FIXED: Removed hover:bg-accent bg-popover (not in shadcn)
-    # Now matches shadcn structure: simple flex layout
-    def select_scroll_down_button_base_classes
-      "flex cursor-default items-center justify-center py-1"
-    end
+  # Base classes for select scroll down button
+  # FIXED: Removed absolute positioning (absolute bottom-0 left-0 right-0 z-10)
+  # FIXED: Removed hover:bg-accent bg-popover (not in shadcn)
+  # Now matches shadcn structure: simple flex layout
+  def select_scroll_down_button_base_classes
+    "flex cursor-default items-center justify-center py-1"
   end
+end

data/app/helpers/ui/select_scroll_up_button_behavior.rb

@@ -5,47 +5,47 @@
 # Shared behavior for Select scroll up button across ERB, ViewComponent, and Phlex implementations.
 # This module provides consistent HTML attribute generation and styling.
 module UI::SelectScrollUpButtonBehavior
-    # Returns HTML attributes for the select scroll up button element
-    def select_scroll_up_button_html_attributes
-      attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-      {
-        class: select_scroll_up_button_classes,
-        "aria-hidden": "true",
-        # FIXED: Removed display: none - visibility controlled by JavaScript/aria-hidden
-        # ADDED: flex-shrink: 0 as per shadcn implementation
-        style: "flex-shrink: 0;",
-        data: select_scroll_up_button_data_attributes
-      }.merge(attributes_value || {})
-    end
+  # Returns HTML attributes for the select scroll up button element
+  def select_scroll_up_button_html_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    {
+      class: select_scroll_up_button_classes,
+      "aria-hidden": "true",
+      # FIXED: Removed display: none - visibility controlled by JavaScript/aria-hidden
+      # ADDED: flex-shrink: 0 as per shadcn implementation
+      style: "flex-shrink: 0;",
+      data: select_scroll_up_button_data_attributes
+    }.merge(attributes_value || {})
+  end
 
-    # Returns data attributes for Stimulus
-    def select_scroll_up_button_data_attributes
-      attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-      base_data = {
-        ui__select_target: "scrollUpButton",
-        action: "mouseenter->ui--select#scrollUp mouseleave->ui--select#stopScroll",
-        slot: "select-scroll-up-button" # ADDED: data-slot attribute
-      }
+  # Returns data attributes for Stimulus
+  def select_scroll_up_button_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    base_data = {
+      ui__select_target: "scrollUpButton",
+      action: "mouseenter->ui--select#scrollUp mouseleave->ui--select#stopScroll",
+      slot: "select-scroll-up-button" # ADDED: data-slot attribute
+    }
 
-      (attributes_value&.fetch(:data, {}) || {}).merge(base_data)
-    end
+    (attributes_value&.fetch(:data, {}) || {}).merge(base_data)
+  end
 
-    # Returns combined CSS classes
-    def select_scroll_up_button_classes
-      classes_value = respond_to?(:classes, true) ? classes : @classes
-      TailwindMerge::Merger.new.merge([
-        select_scroll_up_button_base_classes,
-        classes_value
-      ].compact.join(" "))
-    end
+  # Returns combined CSS classes
+  def select_scroll_up_button_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    TailwindMerge::Merger.new.merge([
+      select_scroll_up_button_base_classes,
+      classes_value
+    ].compact.join(" "))
+  end
 
-    private
+  private
 
-    # Base classes for select scroll up button
-    # FIXED: Removed absolute positioning (absolute top-0 left-0 right-0 z-10)
-    # FIXED: Removed hover:bg-accent bg-popover (not in shadcn)
-    # Now matches shadcn structure: simple flex layout
-    def select_scroll_up_button_base_classes
-      "flex cursor-default items-center justify-center py-1"
-    end
+  # Base classes for select scroll up button
+  # FIXED: Removed absolute positioning (absolute top-0 left-0 right-0 z-10)
+  # FIXED: Removed hover:bg-accent bg-popover (not in shadcn)
+  # Now matches shadcn structure: simple flex layout
+  def select_scroll_up_button_base_classes
+    "flex cursor-default items-center justify-center py-1"
   end
+end

data/app/helpers/ui/select_trigger_behavior.rb

@@ -5,36 +5,36 @@
 # Shared behavior for Select trigger button across ERB, ViewComponent, and Phlex implementations.
 # This module provides consistent HTML attribute generation and styling.
 module UI::SelectTriggerBehavior
-    # Returns HTML attributes for the select trigger element
-    def select_trigger_html_attributes
-      attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-      {
-        type: "button",
-        role: "combobox",
-        "aria-expanded": "false",
-        "aria-haspopup": "listbox",
-        class: select_trigger_classes,
-        data: {
-          ui__select_target: "trigger",
-          action: "click->ui--select#toggle",
-          slot: "select-trigger"
-        }
-      }.merge(attributes_value || {})
-    end
+  # Returns HTML attributes for the select trigger element
+  def select_trigger_html_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    {
+      type: "button",
+      role: "combobox",
+      "aria-expanded": "false",
+      "aria-haspopup": "listbox",
+      class: select_trigger_classes,
+      data: {
+        ui__select_target: "trigger",
+        action: "click->ui--select#toggle",
+        slot: "select-trigger"
+      }
+    }.merge(attributes_value || {})
+  end
 
-    # Returns combined CSS classes
-    def select_trigger_classes
-      classes_value = respond_to?(:classes, true) ? classes : @classes
-      TailwindMerge::Merger.new.merge([
-        select_trigger_base_classes,
-        classes_value
-      ].compact.join(" "))
-    end
+  # Returns combined CSS classes
+  def select_trigger_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    TailwindMerge::Merger.new.merge([
+      select_trigger_base_classes,
+      classes_value
+    ].compact.join(" "))
+  end
 
-    private
+  private
 
-    # Base classes for select trigger
-    def select_trigger_base_classes
-      "inline-flex h-9 w-full items-center justify-between gap-2 whitespace-nowrap rounded-lg border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background transition-[color,box-shadow] outline-none focus:ring-1 focus:ring-ring focus-visible:ring-[3px] focus-visible:border-ring focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 appearance-none bg-[url('data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22currentColor%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22m6%209%206%206%206-6%22%2f%3e%3c%2fsvg%3e')] bg-[length:1rem] bg-[right_0.75rem_center] bg-no-repeat pr-10 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 data-[placeholder]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:border-input dark:hover:bg-input/50"
-    end
+  # Base classes for select trigger
+  def select_trigger_base_classes
+    "inline-flex h-9 w-full items-center justify-between gap-2 whitespace-nowrap rounded-lg border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background transition-[color,box-shadow] outline-none focus:ring-1 focus:ring-ring focus-visible:ring-[3px] focus-visible:border-ring focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 appearance-none bg-[url('data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22currentColor%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22m6%209%206%206%206-6%22%2f%3e%3c%2fsvg%3e')] bg-[length:1rem] bg-[right_0.75rem_center] bg-no-repeat pr-10 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 data-[placeholder]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:border-input dark:hover:bg-input/50"
   end
+end

data/app/helpers/ui/spinner_behavior.rb

@@ -12,7 +12,7 @@ module UI
         class: spinner_classes,
         role: "status",
         "aria-label": "Loading",
-        data: { slot: "spinner" }
+        data: {slot: "spinner"}
       }
     end
 

data/app/javascript/ui/controllers/accordion_controller.js

@@ -88,9 +88,13 @@ export default class extends Controller {
 
       if (content) {
         const isOpen = item.dataset.state === "open"
-        content.style.height = isOpen ? `${content.scrollHeight}px` : '0px'
 
-        if (!isOpen) {
+        if (isOpen) {
+          // Use auto for initially open items to handle cases where
+          // the element is inside a hidden container (scrollHeight would be 0)
+          content.style.height = 'auto'
+        } else {
+          content.style.height = '0px'
           content.setAttribute('hidden', '')
         }
       }
@@ -146,7 +150,15 @@ export default class extends Controller {
       content.removeAttribute('hidden')
       content.style.height = `${content.scrollHeight}px`
     } else {
-      // Closing: animate to 0, then add hidden after transition
+      // Closing: first set explicit height (for items with height: auto),
+      // then animate to 0. CSS can't transition from 'auto' to '0px'.
+      const currentHeight = content.scrollHeight
+      content.style.height = `${currentHeight}px`
+
+      // Force reflow to ensure the browser registers the height change
+      content.offsetHeight
+
+      // Now animate to 0
       content.style.height = '0px'
 
       content.addEventListener('transitionend', () => {

data/app/javascript/ui/controllers/command_controller.js

@@ -5,7 +5,8 @@ import { Controller } from "@hotwired/stimulus"
 export default class extends Controller {
   static targets = ["input", "list", "item", "group", "empty"]
   static values = {
-    loop: { type: Boolean, default: true }
+    loop: { type: Boolean, default: true },
+    autofocus: { type: Boolean, default: false }
   }
 
   connect() {
@@ -23,8 +24,8 @@ export default class extends Controller {
   }
 
   handleShow() {
-    // Focus the input when popover/drawer opens
-    if (this.hasInputTarget) {
+    // Focus the input when popover/drawer opens (only if autofocus is enabled)
+    if (this.autofocusValue && this.hasInputTarget) {
       this.inputTarget.focus()
     }
 

data/app/view_components/ui/accordion_component.rb

@@ -1,35 +1,35 @@
 # frozen_string_literal: true
 
-    # Accordion container component (ViewComponent)
-    # Wraps collapsible accordion items with Stimulus controller
-    #
-    # @example Basic usage
-    #   <%= render UI::AccordionComponent.new do %>
-    #     <%= render UI::AccordionItemComponent.new(value: "item-1") do %>
-    #       <%= render UI::AccordionTriggerComponent.new { "Is it accessible?" } %>
-    #       <%= render UI::AccordionContentComponent.new { "Yes. It adheres to the WAI-ARIA design pattern." } %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example Multiple items open
-    #   <%= render UI::AccordionComponent.new(type: "multiple") do %>
-    #     <!-- Multiple items can be open at once -->
-    #   <% end %>
-    class UI::AccordionComponent < ViewComponent::Base
-      include UI::AccordionBehavior
+# Accordion container component (ViewComponent)
+# Wraps collapsible accordion items with Stimulus controller
+#
+# @example Basic usage
+#   <%= render UI::AccordionComponent.new do %>
+#     <%= render UI::AccordionItemComponent.new(value: "item-1") do %>
+#       <%= render UI::AccordionTriggerComponent.new { "Is it accessible?" } %>
+#       <%= render UI::AccordionContentComponent.new { "Yes. It adheres to the WAI-ARIA design pattern." } %>
+#     <% end %>
+#   <% end %>
+#
+# @example Multiple items open
+#   <%= render UI::AccordionComponent.new(type: "multiple") do %>
+#     <!-- Multiple items can be open at once -->
+#   <% end %>
+class UI::AccordionComponent < ViewComponent::Base
+  include UI::AccordionBehavior
 
-      # @param type [String] "single" (only one item open at a time) or "multiple" (multiple items can be open)
-      # @param collapsible [Boolean] whether the open item can be collapsed in "single" mode
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(type: "single", collapsible: false, classes: "", attributes: {})
-        @type = type
-        @collapsible = collapsible
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param type [String] "single" (only one item open at a time) or "multiple" (multiple items can be open)
+  # @param collapsible [Boolean] whether the open item can be collapsed in "single" mode
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(type: "single", collapsible: false, classes: "", attributes: {})
+    @type = type
+    @collapsible = collapsible
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, content, **accordion_html_attributes
-      end
-    end
+  def call
+    content_tag :div, content, **accordion_html_attributes
+  end
+end

data/app/view_components/ui/accordion_content_component.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # Accordion Content component (ViewComponent)
-    # Collapsible content area within an accordion item
-    #
-    # @example Basic usage
-    #   <%= render UI::AccordionContentComponent.new(item_value: "item-1") do %>
-    #     This is the accordion content
-    #   <% end %>
-    class UI::AccordionContentComponent < ViewComponent::Base
-      include UI::AccordionContentBehavior
+# Accordion Content component (ViewComponent)
+# Collapsible content area within an accordion item
+#
+# @example Basic usage
+#   <%= render UI::AccordionContentComponent.new(item_value: "item-1") do %>
+#     This is the accordion content
+#   <% end %>
+class UI::AccordionContentComponent < ViewComponent::Base
+  include UI::AccordionContentBehavior
 
-      # @param item_value [String] value from parent AccordionItem
-      # @param initial_open [Boolean] initial state from parent AccordionItem
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(item_value: nil, initial_open: false, classes: "", attributes: {})
-        @item_value = item_value
-        @initial_open = initial_open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param item_value [String] value from parent AccordionItem
+  # @param initial_open [Boolean] initial state from parent AccordionItem
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(item_value: nil, initial_open: false, classes: "", attributes: {})
+    @item_value = item_value
+    @initial_open = initial_open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, **content_html_attributes do
-          content_tag :div, content, class: "pt-0 pb-4"
-        end
-      end
+  def call
+    content_tag :div, **content_html_attributes do
+      content_tag :div, content, class: "pt-0 pb-4"
     end
+  end
+end

data/app/view_components/ui/accordion_item_component.rb

@@ -1,43 +1,43 @@
 # frozen_string_literal: true
 
-    # Accordion Item component (ViewComponent)
-    # Individual collapsible item within an accordion
-    #
-    # @example Basic usage
-    #   <%= render UI::AccordionItemComponent.new(value: "item-1") do %>
-    #     <%= render UI::AccordionTriggerComponent.new { "Trigger text" } %>
-    #     <%= render UI::AccordionContentComponent.new { "Content text" } %>
-    #   <% end %>
-    #
-    # @example Start open
-    #   <%= render UI::AccordionItemComponent.new(value: "item-1", initial_open: true) do %>
-    #     <!-- Item will be open by default -->
-    #   <% end %>
-    class UI::AccordionItemComponent < ViewComponent::Base
-      include UI::AccordionItemBehavior
+# Accordion Item component (ViewComponent)
+# Individual collapsible item within an accordion
+#
+# @example Basic usage
+#   <%= render UI::AccordionItemComponent.new(value: "item-1") do %>
+#     <%= render UI::AccordionTriggerComponent.new { "Trigger text" } %>
+#     <%= render UI::AccordionContentComponent.new { "Content text" } %>
+#   <% end %>
+#
+# @example Start open
+#   <%= render UI::AccordionItemComponent.new(value: "item-1", initial_open: true) do %>
+#     <!-- Item will be open by default -->
+#   <% end %>
+class UI::AccordionItemComponent < ViewComponent::Base
+  include UI::AccordionItemBehavior
 
-      # Expose item_value and initial_open to child components via content_tag_options
-      attr_reader :value, :initial_open
+  # Expose item_value and initial_open to child components via content_tag_options
+  attr_reader :value, :initial_open
 
-      # @param value [String] unique identifier for this item
-      # @param initial_open [Boolean] whether this item starts open
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(value: "", initial_open: false, classes: "", attributes: {})
-        @value = value
-        @initial_open = initial_open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param value [String] unique identifier for this item
+  # @param initial_open [Boolean] whether this item starts open
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(value: "", initial_open: false, classes: "", attributes: {})
+    @value = value
+    @initial_open = initial_open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        # Store context for child components (trigger and content)
-        # ViewComponent renders slots in parent context, so we use helpers method
-        content_tag :div, content, **item_html_attributes
-      end
+  def call
+    # Store context for child components (trigger and content)
+    # ViewComponent renders slots in parent context, so we use helpers method
+    content_tag :div, content, **item_html_attributes
+  end
 
-      # Helper method to expose item context to child components
-      def item_context
-        { item_value: @value, initial_open: @initial_open }
-      end
-    end
+  # Helper method to expose item context to child components
+  def item_context
+    {item_value: @value, initial_open: @initial_open}
+  end
+end

data/app/view_components/ui/accordion_trigger_component.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Accordion Trigger component (ViewComponent)
-    # Button that toggles accordion item open/closed
-    #
-    # @example Basic usage
-    #   <%= render UI::AccordionTriggerComponent.new(item_value: "item-1") do %>
-    #     Click to toggle
-    #   <% end %>
-    class UI::AccordionTriggerComponent < ViewComponent::Base
-      include UI::AccordionTriggerBehavior
+# Accordion Trigger component (ViewComponent)
+# Button that toggles accordion item open/closed
+#
+# @example Basic usage
+#   <%= render UI::AccordionTriggerComponent.new(item_value: "item-1") do %>
+#     Click to toggle
+#   <% end %>
+class UI::AccordionTriggerComponent < ViewComponent::Base
+  include UI::AccordionTriggerBehavior
 
-      # @param item_value [String] value from parent AccordionItem
-      # @param initial_open [Boolean] initial state from parent AccordionItem
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(item_value: nil, initial_open: false, classes: "", attributes: {})
-        @item_value = item_value
-        @initial_open = initial_open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param item_value [String] value from parent AccordionItem
+  # @param initial_open [Boolean] initial state from parent AccordionItem
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(item_value: nil, initial_open: false, classes: "", attributes: {})
+    @item_value = item_value
+    @initial_open = initial_open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :h3, class: "flex", "data-orientation": @orientation || "vertical", "data-state": trigger_state do
-          content_tag :button, **trigger_html_attributes do
-            safe_join([content, caret_svg])
-          end
-        end
+  def call
+    content_tag :h3, class: "flex", "data-orientation": @orientation || "vertical", "data-state": trigger_state do
+      content_tag :button, **trigger_html_attributes do
+        safe_join([content, caret_svg])
       end
     end
+  end
+end

data/app/view_components/ui/alert_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    # Alert - ViewComponent implementation
-    #
-    # A callout component for displaying important information to users.
-    class UI::AlertComponent < ViewComponent::Base
-      include UI::AlertBehavior
+# Alert - ViewComponent implementation
+#
+# A callout component for displaying important information to users.
+class UI::AlertComponent < ViewComponent::Base
+  include UI::AlertBehavior
 
-      # @param variant [Symbol] Visual style variant (:default, :destructive)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: :default, classes: "", **attributes)
-        @variant = variant
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [Symbol] Visual style variant (:default, :destructive)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: :default, classes: "", **attributes)
+    @variant = variant
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.div(**alert_html_attributes) do
-          content
-        end
-      end
+  def call
+    tag.div(**alert_html_attributes) do
+      content
     end
+  end
+end