fernandes-ui 0.1.1 → 0.1.2

data/app/components/ui/input_group_input.rb

@@ -1,43 +1,43 @@
 # frozen_string_literal: true
 
-    # Input - Phlex implementation
-    #
-    # An input element styled for use within input groups.
-    # Uses both InputBehavior and InputGroupInputBehavior for styling.
-    #
-    # @example Basic input
-    #   render UI::Input.new(
-    #     placeholder: "Enter text",
-    #     name: "username"
-    #   )
-    #
-    # @example With type
-    #   render UI::Input.new(
-    #     type: "email",
-    #     placeholder: "email@example.com"
-    #   )
-    class UI::InputGroupInput < Phlex::HTML
-      include UI::InputGroupInputBehavior
+# Input - Phlex implementation
+#
+# An input element styled for use within input groups.
+# Uses both InputBehavior and InputGroupInputBehavior for styling.
+#
+# @example Basic input
+#   render UI::Input.new(
+#     placeholder: "Enter text",
+#     name: "username"
+#   )
+#
+# @example With type
+#   render UI::Input.new(
+#     type: "email",
+#     placeholder: "email@example.com"
+#   )
+class UI::InputGroupInput < Phlex::HTML
+  include UI::InputGroupInputBehavior
 
-      # @param type [String] Input type (default: "text")
-      # @param placeholder [String] Placeholder text
-      # @param value [String] Input value
-      # @param name [String] Input name attribute
-      # @param id [String] Input id attribute
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(type: "text", placeholder: nil, value: nil, name: nil, id: nil, classes: "", **attributes)
-        @type = type
-        @placeholder = placeholder
-        @value = value
-        @name = name
-        @id = id
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param type [String] Input type (default: "text")
+  # @param placeholder [String] Placeholder text
+  # @param value [String] Input value
+  # @param name [String] Input name attribute
+  # @param id [String] Input id attribute
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(type: "text", placeholder: nil, value: nil, name: nil, id: nil, classes: "", **attributes)
+    @type = type
+    @placeholder = placeholder
+    @value = value
+    @name = name
+    @id = id
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        # Render the base Input component with InputGroup classes and attributes
-        render UI::Input.new(**input_group_input_attributes)
-      end
-    end
+  def view_template
+    # Render the base Input component with InputGroup classes and attributes
+    render UI::Input.new(**input_group_input_attributes)
+  end
+end

data/app/components/ui/input_group_text.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Text - Phlex implementation
-    #
-    # A text element for displaying static text within input groups.
-    # Uses InputGroupTextBehavior concern for shared styling logic.
-    #
-    # @example Simple text
-    #   render UI::Text.new { "@" }
-    #
-    # @example With icon
-    #   render UI::Text.new do
-    #     unsafe_raw '<svg class="size-4">...</svg>'
-    #     plain "Username"
-    #   end
-    class UI::InputGroupText < Phlex::HTML
-      include UI::InputGroupTextBehavior
+# Text - Phlex implementation
+#
+# A text element for displaying static text within input groups.
+# Uses InputGroupTextBehavior concern for shared styling logic.
+#
+# @example Simple text
+#   render UI::Text.new { "@" }
+#
+# @example With icon
+#   render UI::Text.new do
+#     unsafe_raw '<svg class="size-4">...</svg>'
+#     plain "Username"
+#   end
+class UI::InputGroupText < Phlex::HTML
+  include UI::InputGroupTextBehavior
 
-      # @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(**input_group_text_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    span(**input_group_text_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/input_group_textarea.rb

@@ -1,43 +1,43 @@
 # frozen_string_literal: true
 
-    # Textarea - Phlex implementation
-    #
-    # A textarea element styled for use within input groups.
-    # Uses both TextareaBehavior and InputGroupTextareaBehavior for styling.
-    #
-    # @example Basic textarea
-    #   render UI::Textarea.new(
-    #     placeholder: "Enter your message",
-    #     rows: 3
-    #   )
-    #
-    # @example With name
-    #   render UI::Textarea.new(
-    #     placeholder: "Description",
-    #     name: "description"
-    #   )
-    class UI::InputGroupTextarea < Phlex::HTML
-      include UI::InputGroupTextareaBehavior
+# Textarea - Phlex implementation
+#
+# A textarea element styled for use within input groups.
+# Uses both TextareaBehavior and InputGroupTextareaBehavior for styling.
+#
+# @example Basic textarea
+#   render UI::Textarea.new(
+#     placeholder: "Enter your message",
+#     rows: 3
+#   )
+#
+# @example With name
+#   render UI::Textarea.new(
+#     placeholder: "Description",
+#     name: "description"
+#   )
+class UI::InputGroupTextarea < Phlex::HTML
+  include UI::InputGroupTextareaBehavior
 
-      # @param placeholder [String] Placeholder text
-      # @param value [String] Textarea value
-      # @param name [String] Textarea name attribute
-      # @param id [String] Textarea id attribute
-      # @param rows [Integer] Number of visible text lines
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(placeholder: nil, value: nil, name: nil, id: nil, rows: nil, classes: "", **attributes)
-        @placeholder = placeholder
-        @value = value
-        @name = name
-        @id = id
-        @rows = rows
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param placeholder [String] Placeholder text
+  # @param value [String] Textarea value
+  # @param name [String] Textarea name attribute
+  # @param id [String] Textarea id attribute
+  # @param rows [Integer] Number of visible text lines
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(placeholder: nil, value: nil, name: nil, id: nil, rows: nil, classes: "", **attributes)
+    @placeholder = placeholder
+    @value = value
+    @name = name
+    @id = id
+    @rows = rows
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        # Render the base Textarea component with InputGroup classes and attributes
-        render UI::Textarea.new(**input_group_textarea_attributes)
-      end
-    end
+  def view_template
+    # Render the base Textarea component with InputGroup classes and attributes
+    render UI::Textarea.new(**input_group_textarea_attributes)
+  end
+end

data/app/components/ui/input_otp.rb

@@ -1,56 +1,56 @@
 # frozen_string_literal: true
 
-    # InputOtp - Phlex implementation
-    #
-    # Accessible one-time password container component.
-    # Supports both composition (with Group/Slot/Separator) and auto-generation.
-    #
-    # @example With composition
-    #   render UI::InputOtp.new(length: 6) do
-    #     render UI::Group.new do
-    #       render UI::Slot.new(index: 0)
-    #     end
-    #   end
-    #
-    # @example Auto-generated
-    #   render UI::InputOtp.new(length: 6)
-    class UI::InputOtp < Phlex::HTML
-      include UI::InputOtpBehavior
+# InputOtp - Phlex implementation
+#
+# Accessible one-time password container component.
+# Supports both composition (with Group/Slot/Separator) and auto-generation.
+#
+# @example With composition
+#   render UI::InputOtp.new(length: 6) do
+#     render UI::Group.new do
+#       render UI::Slot.new(index: 0)
+#     end
+#   end
+#
+# @example Auto-generated
+#   render UI::InputOtp.new(length: 6)
+class UI::InputOtp < Phlex::HTML
+  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 view_template(&block)
-        div(**input_otp_html_attributes.merge(@attributes)) do
-          if block_given?
-            yield
-          else
-            # Auto-generate inputs wrapped in Group
-            render Group.new do
-              @length.times do |i|
-                render Slot.new(
-                  index: i,
-                  name: @name ? "#{@name}[#{i}]" : nil,
-                  id: @id ? "#{@id}_#{i}" : nil,
-                  disabled: @disabled
-                )
-              end
-            end
+  def view_template(&block)
+    div(**input_otp_html_attributes.merge(@attributes)) do
+      if block_given?
+        yield
+      else
+        # Auto-generate inputs wrapped in Group
+        render Group.new do
+          @length.times do |i|
+            render Slot.new(
+              index: i,
+              name: @name ? "#{@name}[#{i}]" : nil,
+              id: @id ? "#{@id}_#{i}" : nil,
+              disabled: @disabled
+            )
           end
         end
       end
     end
+  end
+end

data/app/components/ui/input_otp_group.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Group - Phlex implementation
-    #
-    # Container for grouping OTP input slots together visually.
-    #
-    # @example
-    #   render UI::Group.new do
-    #     render UI::Slot.new(index: 0)
-    #     render UI::Slot.new(index: 1)
-    #   end
-    class UI::InputOtpGroup < Phlex::HTML
-      include UI::InputOtpGroupBehavior
+# Group - Phlex implementation
+#
+# Container for grouping OTP input slots together visually.
+#
+# @example
+#   render UI::Group.new do
+#     render UI::Slot.new(index: 0)
+#     render UI::Slot.new(index: 1)
+#   end
+class UI::InputOtpGroup < Phlex::HTML
+  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 view_template(&block)
-        div(**input_otp_group_html_attributes.merge(@attributes), &block)
-      end
-    end
+  def view_template(&block)
+    div(**input_otp_group_html_attributes.merge(@attributes), &block)
+  end
+end

data/app/components/ui/input_otp_separator.rb

@@ -1,34 +1,34 @@
 # frozen_string_literal: true
 
-    # Separator - Phlex implementation
-    #
-    # Visual divider between OTP input groups.
-    #
-    # @example
-    #   render UI::Separator.new
-    class UI::InputOtpSeparator < Phlex::HTML
-      include UI::InputOtpSeparatorBehavior
+# Separator - Phlex implementation
+#
+# Visual divider between OTP input groups.
+#
+# @example
+#   render UI::Separator.new
+class UI::InputOtpSeparator < Phlex::HTML
+  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 view_template
-        div(**input_otp_separator_html_attributes.merge(@attributes)) do
-          # Render dot or dash separator
-          svg(
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "15",
-            height: "15",
-            viewBox: "0 0 15 15",
-            fill: "none",
-            class: "size-4 opacity-50"
-          ) do |s|
-            s.rect(x: "4", y: "7", width: "7", height: "1", fill: "currentColor", rx: "0.5")
-          end
-        end
+  def view_template
+    div(**input_otp_separator_html_attributes.merge(@attributes)) do
+      # Render dot or dash separator
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "15",
+        height: "15",
+        viewBox: "0 0 15 15",
+        fill: "none",
+        class: "size-4 opacity-50"
+      ) do |s|
+        s.rect(x: "4", y: "7", width: "7", height: "1", fill: "currentColor", rx: "0.5")
       end
     end
+  end
+end

data/app/components/ui/input_otp_slot.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # Slot - Phlex implementation
-    #
-    # Individual OTP input slot for a single character.
-    #
-    # @example
-    #   render UI::Slot.new(index: 0, value: "1")
-    class UI::InputOtpSlot < Phlex::HTML
-      include UI::InputOtpSlotBehavior
+# Slot - Phlex implementation
+#
+# Individual OTP input slot for a single character.
+#
+# @example
+#   render UI::Slot.new(index: 0, value: "1")
+class UI::InputOtpSlot < Phlex::HTML
+  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 view_template
-        input(**input_otp_slot_html_attributes.merge(@attributes))
-      end
-    end
+  def view_template
+    input(**input_otp_slot_html_attributes.merge(@attributes))
+  end
+end

data/app/components/ui/item.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    class UI::Item < Phlex::HTML
-      include UI::ItemBehavior
-      include UI::SharedAsChildBehavior
+class UI::Item < Phlex::HTML
+  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 view_template(&block)
-        item_attrs = item_html_attributes.merge(@attributes)
+  def view_template(&block)
+    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
-          div(**item_attrs, &block)
-        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
+      div(**item_attrs, &block)
     end
+  end
+end

data/app/components/ui/item_actions.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemActions < Phlex::HTML
-      include UI::ItemActionsBehavior
+class UI::ItemActions < Phlex::HTML
+  include UI::ItemActionsBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**item_actions_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**item_actions_html_attributes, &block)
+  end
+end

data/app/components/ui/item_content.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemContent < Phlex::HTML
-      include UI::ItemContentBehavior
+class UI::ItemContent < Phlex::HTML
+  include UI::ItemContentBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**item_content_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**item_content_html_attributes, &block)
+  end
+end

data/app/components/ui/item_description.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemDescription < Phlex::HTML
-      include UI::ItemDescriptionBehavior
+class UI::ItemDescription < Phlex::HTML
+  include UI::ItemDescriptionBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        p(**item_description_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    p(**item_description_html_attributes, &block)
+  end
+end

data/app/components/ui/item_footer.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::ItemFooter < Phlex::HTML
-      include UI::ItemFooterBehavior
+class UI::ItemFooter < Phlex::HTML
+  include UI::ItemFooterBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**item_footer_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**item_footer_html_attributes, &block)
+  end
+end