fernandes-ui 0.1.0 → 0.1.2

data/app/view_components/ui/input_otp_component.rb

@@ -1,61 +1,61 @@
 # frozen_string_literal: true
 
-    # InputOtpComponent - ViewComponent implementation
-    #
-    # Accessible one-time password container component.
-    # Supports both composition (with Group/Slot/Separator) and auto-generation.
-    #
-    # @example With composition
-    #   <%= render UI::InputOtpComponent.new(length: 6) do %>
-    #     <%= render UI::InputOtpGroupComponent.new do %>
-    #       <%= render UI::InputOtpSlotComponent.new(index: 0) %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @example Auto-generated
-    #   <%= render UI::InputOtpComponent.new(length: 6) %>
-    class UI::InputOtpComponent < ViewComponent::Base
-      include UI::InputOtpBehavior
+# InputOtpComponent - ViewComponent implementation
+#
+# Accessible one-time password container component.
+# Supports both composition (with Group/Slot/Separator) and auto-generation.
+#
+# @example With composition
+#   <%= render UI::InputOtpComponent.new(length: 6) do %>
+#     <%= render UI::InputOtpGroupComponent.new do %>
+#       <%= render UI::InputOtpSlotComponent.new(index: 0) %>
+#     <% end %>
+#   <% end %>
+#
+# @example Auto-generated
+#   <%= render UI::InputOtpComponent.new(length: 6) %>
+class UI::InputOtpComponent < ViewComponent::Base
+  include UI::InputOtpBehavior
 
-      # @param length [Integer] Maximum number of OTP characters
-      # @param pattern [String] Regex pattern for valid characters (default: digits only)
-      # @param name [String] Form input name
-      # @param id [String] HTML id attribute
-      # @param disabled [Boolean] Whether inputs are disabled
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(length: 6, pattern: "\\d", name: nil, id: nil, disabled: false, classes: "", **attributes)
-        @length = length
-        @pattern = pattern
-        @name = name
-        @id = id
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param length [Integer] Maximum number of OTP characters
+  # @param pattern [String] Regex pattern for valid characters (default: digits only)
+  # @param name [String] Form input name
+  # @param id [String] HTML id attribute
+  # @param disabled [Boolean] Whether inputs are disabled
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(length: 6, pattern: "\\d", name: nil, id: nil, disabled: false, classes: "", **attributes)
+    @length = length
+    @pattern = pattern
+    @name = name
+    @id = id
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = input_otp_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = input_otp_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :div, **attrs.merge(@attributes.except(:data)) do
-          if content.present?
-            content
-          else
-            # Auto-generate inputs wrapped in InputOtpGroupComponent
-            render(UI::InputOtpGroupComponent.new) do
-              safe_join(
-                @length.times.map do |i|
-                  render(UI::InputOtpSlotComponent.new(
-                    index: i,
-                    name: @name ? "#{@name}[#{i}]" : nil,
-                    id: @id ? "#{@id}_#{i}" : nil,
-                    disabled: @disabled
-                  ))
-                end
-              )
+    content_tag :div, **attrs.merge(@attributes.except(:data)) do
+      if content.present?
+        content
+      else
+        # Auto-generate inputs wrapped in InputOtpGroupComponent
+        render(UI::InputOtpGroupComponent.new) do
+          safe_join(
+            @length.times.map do |i|
+              render(UI::InputOtpSlotComponent.new(
+                index: i,
+                name: @name ? "#{@name}[#{i}]" : nil,
+                id: @id ? "#{@id}_#{i}" : nil,
+                disabled: @disabled
+              ))
             end
-          end
+          )
         end
       end
     end
+  end
+end

data/app/view_components/ui/input_otp_group_component.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # GroupComponent - ViewComponent implementation
-    #
-    # Container for grouping OTP input slots together visually.
-    #
-    # @example
-    #   <%= render UI::GroupComponent.new do %>
-    #     <%= render UI::SlotComponent.new(index: 0) %>
-    #     <%= render UI::SlotComponent.new(index: 1) %>
-    #   <% end %>
-    class UI::InputOtpGroupComponent < ViewComponent::Base
-      include UI::InputOtpGroupBehavior
+# GroupComponent - ViewComponent implementation
+#
+# Container for grouping OTP input slots together visually.
+#
+# @example
+#   <%= render UI::GroupComponent.new do %>
+#     <%= render UI::SlotComponent.new(index: 0) %>
+#     <%= render UI::SlotComponent.new(index: 1) %>
+#   <% end %>
+class UI::InputOtpGroupComponent < ViewComponent::Base
+  include UI::InputOtpGroupBehavior
 
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = input_otp_group_html_attributes
+  def call
+    attrs = input_otp_group_html_attributes
 
-        content_tag :div, **attrs.merge(@attributes) do
-          content
-        end
-      end
+    content_tag :div, **attrs.merge(@attributes) do
+      content
     end
+  end
+end

data/app/view_components/ui/input_otp_separator_component.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # SeparatorComponent - ViewComponent implementation
-    #
-    # Visual divider between OTP input groups.
-    #
-    # @example
-    #   <%= render UI::SeparatorComponent.new %>
-    class UI::InputOtpSeparatorComponent < ViewComponent::Base
-      include UI::InputOtpSeparatorBehavior
+# SeparatorComponent - ViewComponent implementation
+#
+# Visual divider between OTP input groups.
+#
+# @example
+#   <%= render UI::SeparatorComponent.new %>
+class UI::InputOtpSeparatorComponent < ViewComponent::Base
+  include UI::InputOtpSeparatorBehavior
 
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = input_otp_separator_html_attributes
+  def call
+    attrs = input_otp_separator_html_attributes
 
-        content_tag :div, **attrs.merge(@attributes) do
-          # Render dot or dash separator
-          content_tag :svg,
-            nil,
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "15",
-            height: "15",
-            viewBox: "0 0 15 15",
-            fill: "none",
-            class: "size-4 opacity-50" do
-            tag.rect(x: "4", y: "7", width: "7", height: "1", fill: "currentColor", rx: "0.5")
-          end
-        end
+    content_tag :div, **attrs.merge(@attributes) do
+      # Render dot or dash separator
+      content_tag :svg,
+        nil,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "15",
+        height: "15",
+        viewBox: "0 0 15 15",
+        fill: "none",
+        class: "size-4 opacity-50" do
+        tag.rect(x: "4", y: "7", width: "7", height: "1", fill: "currentColor", rx: "0.5")
       end
     end
+  end
+end

data/app/view_components/ui/input_otp_slot_component.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # SlotComponent - ViewComponent implementation
-    #
-    # Individual OTP input slot for a single character.
-    #
-    # @example
-    #   <%= render UI::SlotComponent.new(index: 0, value: "1") %>
-    class UI::InputOtpSlotComponent < ViewComponent::Base
-      include UI::InputOtpSlotBehavior
+# SlotComponent - ViewComponent implementation
+#
+# Individual OTP input slot for a single character.
+#
+# @example
+#   <%= render UI::SlotComponent.new(index: 0, value: "1") %>
+class UI::InputOtpSlotComponent < ViewComponent::Base
+  include UI::InputOtpSlotBehavior
 
-      # @param index [Integer] Index of the slot in the OTP sequence
-      # @param value [String] Character value to display in the slot
-      # @param name [String] Form input name
-      # @param id [String] HTML id attribute
-      # @param disabled [Boolean] Whether input is disabled
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(index: 0, value: "", name: nil, id: nil, disabled: false, classes: "", **attributes)
-        @index = index
-        @value = value
-        @name = name
-        @id = id
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param index [Integer] Index of the slot in the OTP sequence
+  # @param value [String] Character value to display in the slot
+  # @param name [String] Form input name
+  # @param id [String] HTML id attribute
+  # @param disabled [Boolean] Whether input is disabled
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(index: 0, value: "", name: nil, id: nil, disabled: false, classes: "", **attributes)
+    @index = index
+    @value = value
+    @name = name
+    @id = id
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.input(**input_otp_slot_html_attributes.merge(@attributes))
-      end
-    end
+  def call
+    tag.input(**input_otp_slot_html_attributes.merge(@attributes))
+  end
+end

data/app/view_components/ui/item_actions_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemActionsComponent < ViewComponent::Base
-      include UI::ItemActionsBehavior
+class UI::ItemActionsComponent < ViewComponent::Base
+  include UI::ItemActionsBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, content, **item_actions_html_attributes
-      end
+  def call
+    content_tag :div, content, **item_actions_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/item_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    class UI::ItemComponent < ViewComponent::Base
-      include UI::ItemBehavior
-      include UI::SharedAsChildBehavior
+class UI::ItemComponent < ViewComponent::Base
+  include UI::ItemBehavior
+  include UI::SharedAsChildBehavior
 
-      def initialize(variant: "default", size: "default", as_child: false, classes: "", **attributes)
-        @variant = variant
-        @size = size
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(variant: "default", size: "default", as_child: false, classes: "", **attributes)
+    @variant = variant
+    @size = size
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        item_attrs = item_html_attributes.merge(@attributes)
+  def call
+    item_attrs = item_html_attributes.merge(@attributes)
 
-        if @as_child
-          # Yield attributes to block - child element will receive them
-          yield(item_attrs) if block_given?
-        else
-          # Default: render as div
-          content_tag :div, content, **item_attrs
-        end
-      end
+    if @as_child
+      # Yield attributes to block - child element will receive them
+      yield(item_attrs) if block_given?
+    else
+      # Default: render as div
+      content_tag :div, content, **item_attrs
+    end
+  end
 
-      private
+  private
 
-      attr_reader :variant, :size, :as_child, :classes, :attributes
-    end
+  attr_reader :variant, :size, :as_child, :classes, :attributes
+end

data/app/view_components/ui/item_content_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemContentComponent < ViewComponent::Base
-      include UI::ItemContentBehavior
+class UI::ItemContentComponent < ViewComponent::Base
+  include UI::ItemContentBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, content, **item_content_html_attributes
-      end
+  def call
+    content_tag :div, content, **item_content_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/item_description_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemDescriptionComponent < ViewComponent::Base
-      include UI::ItemDescriptionBehavior
+class UI::ItemDescriptionComponent < ViewComponent::Base
+  include UI::ItemDescriptionBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :p, content, **item_description_html_attributes
-      end
+  def call
+    content_tag :p, content, **item_description_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/item_footer_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemFooterComponent < ViewComponent::Base
-      include UI::ItemFooterBehavior
+class UI::ItemFooterComponent < ViewComponent::Base
+  include UI::ItemFooterBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, content, **item_footer_html_attributes
-      end
+  def call
+    content_tag :div, content, **item_footer_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/item_group_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemGroupComponent < ViewComponent::Base
-      include UI::ItemGroupBehavior
+class UI::ItemGroupComponent < ViewComponent::Base
+  include UI::ItemGroupBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, content, **item_group_html_attributes
-      end
+  def call
+    content_tag :div, content, **item_group_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/item_header_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemHeaderComponent < ViewComponent::Base
-      include UI::ItemHeaderBehavior
+class UI::ItemHeaderComponent < ViewComponent::Base
+  include UI::ItemHeaderBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, content, **item_header_html_attributes
-      end
+  def call
+    content_tag :div, content, **item_header_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/item_media_component.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::ItemMediaComponent < ViewComponent::Base
-      include UI::ItemMediaBehavior
+class UI::ItemMediaComponent < ViewComponent::Base
+  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 call
-        content_tag :div, content, **item_media_html_attributes
-      end
+  def call
+    content_tag :div, content, **item_media_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :variant, :classes, :attributes
-    end
+  attr_reader :variant, :classes, :attributes
+end

data/app/view_components/ui/item_separator_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemSeparatorComponent < ViewComponent::Base
-      include UI::ItemSeparatorBehavior
+class UI::ItemSeparatorComponent < ViewComponent::Base
+  include UI::ItemSeparatorBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :hr, nil, **item_separator_html_attributes
-      end
+  def call
+    content_tag :hr, nil, **item_separator_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end

data/app/view_components/ui/item_title_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::ItemTitleComponent < ViewComponent::Base
-      include UI::ItemTitleBehavior
+class UI::ItemTitleComponent < ViewComponent::Base
+  include UI::ItemTitleBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :div, content, **item_title_html_attributes
-      end
+  def call
+    content_tag :div, content, **item_title_html_attributes
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
-    end
+  attr_reader :classes, :attributes
+end