fernandes-ui 0.1.0 → 0.1.2

data/app/view_components/ui/table_header_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    class UI::TableHeaderComponent < ViewComponent::Base
-      include UI::TableHeaderBehavior
+class UI::TableHeaderComponent < ViewComponent::Base
+  include UI::TableHeaderBehavior
 
-      renders_many :rows, RowComponent
+  renders_many :rows, RowComponent
 
-      # Alias amigável
-      alias_method :row, :with_row
+  # Alias amigável
+  alias_method :row, :with_row
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :thead, **header_html_attributes.deep_merge(@attributes) do
-          safe_join(rows)
-        end
-      end
+  def call
+    content_tag :thead, **header_html_attributes.deep_merge(@attributes) do
+      safe_join(rows)
     end
+  end
+end

data/app/view_components/ui/table_row_component.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    class UI::TableRowComponent < ViewComponent::Base
-      include UI::TableRowBehavior
+class UI::TableRowComponent < ViewComponent::Base
+  include UI::TableRowBehavior
 
-      renders_many :heads, HeadComponent
-      renders_many :cells, CellComponent
+  renders_many :heads, HeadComponent
+  renders_many :cells, CellComponent
 
-      # Aliases amigáveis
-      alias_method :head, :with_head
-      alias_method :cell, :with_cell
+  # Aliases amigáveis
+  alias_method :head, :with_head
+  alias_method :cell, :with_cell
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :tr, **row_html_attributes.deep_merge(@attributes) do
-          safe_join([heads, cells].flatten.compact)
-        end
-      end
+  def call
+    content_tag :tr, **row_html_attributes.deep_merge(@attributes) do
+      safe_join([heads, cells].flatten.compact)
     end
+  end
+end

data/app/view_components/ui/tabs_component.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
-    # Tabs container component (ViewComponent)
-    # Root component for tabbed interface with keyboard navigation
-    #
-    # @example Basic usage
-    #   <%= render UI::TabsComponent.new(default_value: "account") do %>
-    #     <%= render UI::TabsListComponent.new do %>
-    #       <%= render UI::TabsTriggerComponent.new(value: "account") { "Account" } %>
-    #       <%= render UI::TabsTriggerComponent.new(value: "password") { "Password" } %>
-    #     <% end %>
-    #     <%= render UI::TabsContentComponent.new(value: "account") { "Account content" } %>
-    #     <%= render UI::TabsContentComponent.new(value: "password") { "Password content" } %>
-    #   <% end %>
-    class UI::TabsComponent < ViewComponent::Base
-      include UI::TabsBehavior
+# Tabs container component (ViewComponent)
+# Root component for tabbed interface with keyboard navigation
+#
+# @example Basic usage
+#   <%= render UI::TabsComponent.new(default_value: "account") do %>
+#     <%= render UI::TabsListComponent.new do %>
+#       <%= render UI::TabsTriggerComponent.new(value: "account") { "Account" } %>
+#       <%= render UI::TabsTriggerComponent.new(value: "password") { "Password" } %>
+#     <% end %>
+#     <%= render UI::TabsContentComponent.new(value: "account") { "Account content" } %>
+#     <%= render UI::TabsContentComponent.new(value: "password") { "Password content" } %>
+#   <% end %>
+class UI::TabsComponent < ViewComponent::Base
+  include UI::TabsBehavior
 
-      # @param default_value [String] initial active tab value
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param activation_mode [String] "automatic" or "manual"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(default_value: "", orientation: "horizontal", activation_mode: "automatic", classes: "", attributes: {})
-        @default_value = default_value
-        @orientation = orientation
-        @activation_mode = activation_mode
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param default_value [String] initial active tab value
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param activation_mode [String] "automatic" or "manual"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(default_value: "", orientation: "horizontal", activation_mode: "automatic", classes: "", attributes: {})
+    @default_value = default_value
+    @orientation = orientation
+    @activation_mode = activation_mode
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = tabs_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = tabs_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :div, **attrs.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+    content_tag :div, **attrs.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/tabs_content_component.rb

@@ -1,34 +1,34 @@
 # frozen_string_literal: true
 
-    # TabsContent component (ViewComponent)
-    # Panel displaying content for active tab
-    #
-    # @example Basic usage
-    #   <%= render UI::TabsContentComponent.new(value: "account") do %>
-    #     Account settings content
-    #   <% end %>
-    class UI::TabsContentComponent < ViewComponent::Base
-      include UI::TabsContentBehavior
+# TabsContent component (ViewComponent)
+# Panel displaying content for active tab
+#
+# @example Basic usage
+#   <%= render UI::TabsContentComponent.new(value: "account") do %>
+#     Account settings content
+#   <% end %>
+class UI::TabsContentComponent < ViewComponent::Base
+  include UI::TabsContentBehavior
 
-      # @param value [String] unique identifier for this content panel
-      # @param default_value [String] currently active tab value
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(value: "", default_value: "", orientation: "horizontal", classes: "", attributes: {})
-        @value = value
-        @default_value = default_value
-        @orientation = orientation
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param value [String] unique identifier for this content panel
+  # @param default_value [String] currently active tab value
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(value: "", default_value: "", orientation: "horizontal", classes: "", attributes: {})
+    @value = value
+    @default_value = default_value
+    @orientation = orientation
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = content_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = content_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :div, **attrs.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+    content_tag :div, **attrs.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/tabs_list_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # TabsList component (ViewComponent)
-    # Container for tab trigger buttons
-    #
-    # @example Basic usage
-    #   <%= render UI::TabsListComponent.new do %>
-    #     <%= render UI::TabsTriggerComponent.new(value: "tab1") { "Tab 1" } %>
-    #     <%= render UI::TabsTriggerComponent.new(value: "tab2") { "Tab 2" } %>
-    #   <% end %>
-    class UI::TabsListComponent < ViewComponent::Base
-      include UI::TabsListBehavior
+# TabsList component (ViewComponent)
+# Container for tab trigger buttons
+#
+# @example Basic usage
+#   <%= render UI::TabsListComponent.new do %>
+#     <%= render UI::TabsTriggerComponent.new(value: "tab1") { "Tab 1" } %>
+#     <%= render UI::TabsTriggerComponent.new(value: "tab2") { "Tab 2" } %>
+#   <% end %>
+class UI::TabsListComponent < ViewComponent::Base
+  include UI::TabsListBehavior
 
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(orientation: "horizontal", classes: "", attributes: {})
-        @orientation = orientation
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(orientation: "horizontal", classes: "", attributes: {})
+    @orientation = orientation
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = list_html_attributes
+  def call
+    attrs = list_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/tabs_trigger_component.rb

@@ -1,37 +1,37 @@
 # frozen_string_literal: true
 
-    # TabsTrigger component (ViewComponent)
-    # Button that activates associated content panel
-    #
-    # @example Basic usage
-    #   <%= render UI::TabsTriggerComponent.new(value: "account") { "Account" } %>
-    #
-    # @example Disabled trigger
-    #   <%= render UI::TabsTriggerComponent.new(value: "disabled", disabled: true) { "Disabled" } %>
-    class UI::TabsTriggerComponent < ViewComponent::Base
-      include UI::TabsTriggerBehavior
+# TabsTrigger component (ViewComponent)
+# Button that activates associated content panel
+#
+# @example Basic usage
+#   <%= render UI::TabsTriggerComponent.new(value: "account") { "Account" } %>
+#
+# @example Disabled trigger
+#   <%= render UI::TabsTriggerComponent.new(value: "disabled", disabled: true) { "Disabled" } %>
+class UI::TabsTriggerComponent < ViewComponent::Base
+  include UI::TabsTriggerBehavior
 
-      # @param value [String] unique identifier for this trigger
-      # @param default_value [String] currently active tab value
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param disabled [Boolean] whether trigger is disabled
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(value: "", default_value: "", orientation: "horizontal", disabled: false, classes: "", attributes: {})
-        @value = value
-        @default_value = default_value
-        @orientation = orientation
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param value [String] unique identifier for this trigger
+  # @param default_value [String] currently active tab value
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param disabled [Boolean] whether trigger is disabled
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(value: "", default_value: "", orientation: "horizontal", disabled: false, classes: "", attributes: {})
+    @value = value
+    @default_value = default_value
+    @orientation = orientation
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = trigger_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = trigger_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :button, **attrs.merge(@attributes.except(:data)) do
-          content
-        end
-      end
+    content_tag :button, **attrs.merge(@attributes.except(:data)) do
+      content
     end
+  end
+end

data/app/view_components/ui/textarea_component.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::TextareaComponent < ViewComponent::Base
-      include UI::TextareaBehavior
+class UI::TextareaComponent < ViewComponent::Base
+  include UI::TextareaBehavior
 
-      def initialize(name: nil, placeholder: "", value: "", rows: nil, classes: "", **attributes)
-        @name = name
-        @placeholder = placeholder
-        @value = value
-        @rows = rows
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(name: nil, placeholder: "", value: "", rows: nil, classes: "", **attributes)
+    @name = name
+    @placeholder = placeholder
+    @value = value
+    @rows = rows
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        content_tag :textarea, @value, **textarea_html_attributes.merge(@attributes)
-      end
-    end
+  def call
+    content_tag :textarea, @value, **textarea_html_attributes.merge(@attributes)
+  end
+end

data/app/view_components/ui/toggle_component.rb

@@ -1,48 +1,48 @@
 # frozen_string_literal: true
 
-    # ToggleComponent - ViewComponent implementation
-    #
-    # A two-state button that can be either on or off.
-    # Uses ToggleBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::ToggleComponent.new do %>
-    #     Toggle
-    #   <% end %>
-    #
-    # @example With variant and size
-    #   <%= render UI::ToggleComponent.new(variant: "outline", size: "lg", pressed: true) do %>
-    #     Bookmarked
-    #   <% end %>
-    #
-    # @example Disabled state
-    #   <%= render UI::ToggleComponent.new(disabled: true) do %>
-    #     Disabled
-    #   <% end %>
-    class UI::ToggleComponent < ViewComponent::Base
-      include UI::ToggleBehavior
+# ToggleComponent - ViewComponent implementation
+#
+# A two-state button that can be either on or off.
+# Uses ToggleBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::ToggleComponent.new do %>
+#     Toggle
+#   <% end %>
+#
+# @example With variant and size
+#   <%= render UI::ToggleComponent.new(variant: "outline", size: "lg", pressed: true) do %>
+#     Bookmarked
+#   <% end %>
+#
+# @example Disabled state
+#   <%= render UI::ToggleComponent.new(disabled: true) do %>
+#     Disabled
+#   <% end %>
+class UI::ToggleComponent < ViewComponent::Base
+  include UI::ToggleBehavior
 
-      # @param variant [String] Visual style variant (default, outline)
-      # @param size [String] Size variant (default, sm, lg)
-      # @param type [String] Button type attribute (button, submit, reset)
-      # @param pressed [Boolean] Whether the toggle is pressed/active
-      # @param disabled [Boolean] Whether the toggle is disabled
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: "default", size: "default", type: "button", pressed: false, disabled: false, classes: "", **attributes)
-        @variant = variant
-        @size = size
-        @type = type
-        @pressed = pressed
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [String] Visual style variant (default, outline)
+  # @param size [String] Size variant (default, sm, lg)
+  # @param type [String] Button type attribute (button, submit, reset)
+  # @param pressed [Boolean] Whether the toggle is pressed/active
+  # @param disabled [Boolean] Whether the toggle is disabled
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: "default", size: "default", type: "button", pressed: false, disabled: false, classes: "", **attributes)
+    @variant = variant
+    @size = size
+    @type = type
+    @pressed = pressed
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = toggle_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = toggle_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :button, content, **attrs.merge(@attributes.except(:data))
-      end
-    end
+    content_tag :button, content, **attrs.merge(@attributes.except(:data))
+  end
+end

data/app/view_components/ui/toggle_group_component.rb

@@ -1,68 +1,68 @@
 # frozen_string_literal: true
 
-    # ToggleGroupComponent - ViewComponent implementation
-    #
-    # A container for a set of toggle items that can be toggled on or off.
-    # Supports single and multiple selection modes.
-    #
-    # @example Basic usage (single selection)
-    #   <%= render UI::ToggleGroupComponent.new(type: "single") do %>
-    #     <%= render UI::ItemComponent.new(value: "left") { "Left" } %>
-    #     <%= render UI::ItemComponent.new(value: "center") { "Center" } %>
-    #     <%= render UI::ItemComponent.new(value: "right") { "Right" } %>
-    #   <% end %>
-    #
-    # @example Multiple selection
-    #   <%= render UI::ToggleGroupComponent.new(
-    #     type: "multiple",
-    #     value: ["bold", "italic"]
-    #   ) do %>
-    #     <%= render UI::ItemComponent.new(value: "bold") { "Bold" } %>
-    #     <%= render UI::ItemComponent.new(value: "italic") { "Italic" } %>
-    #   <% end %>
-    class UI::ToggleGroupComponent < ViewComponent::Base
-      include UI::ToggleGroupBehavior
+# ToggleGroupComponent - ViewComponent implementation
+#
+# A container for a set of toggle items that can be toggled on or off.
+# Supports single and multiple selection modes.
+#
+# @example Basic usage (single selection)
+#   <%= render UI::ToggleGroupComponent.new(type: "single") do %>
+#     <%= render UI::ItemComponent.new(value: "left") { "Left" } %>
+#     <%= render UI::ItemComponent.new(value: "center") { "Center" } %>
+#     <%= render UI::ItemComponent.new(value: "right") { "Right" } %>
+#   <% end %>
+#
+# @example Multiple selection
+#   <%= render UI::ToggleGroupComponent.new(
+#     type: "multiple",
+#     value: ["bold", "italic"]
+#   ) do %>
+#     <%= render UI::ItemComponent.new(value: "bold") { "Bold" } %>
+#     <%= render UI::ItemComponent.new(value: "italic") { "Italic" } %>
+#   <% end %>
+class UI::ToggleGroupComponent < ViewComponent::Base
+  include UI::ToggleGroupBehavior
 
-      # @param type [String] Selection mode: "single" or "multiple"
-      # @param variant [String] Visual style variant (default, outline)
-      # @param size [String] Size variant (default, sm, lg)
-      # @param value [String, Array] Current selected value(s)
-      # @param spacing [Integer] Gap between items (0 means items touch)
-      # @param orientation [String] Layout direction (horizontal, vertical)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(type: "single", variant: "default", size: "default", value: nil, spacing: 0, orientation: nil, classes: "", **attributes)
-        @type = type
-        @variant = variant
-        @size = size
-        @value = value
-        @spacing = spacing
-        @orientation = orientation
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param type [String] Selection mode: "single" or "multiple"
+  # @param variant [String] Visual style variant (default, outline)
+  # @param size [String] Size variant (default, sm, lg)
+  # @param value [String, Array] Current selected value(s)
+  # @param spacing [Integer] Gap between items (0 means items touch)
+  # @param orientation [String] Layout direction (horizontal, vertical)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(type: "single", variant: "default", size: "default", value: nil, spacing: 0, orientation: nil, classes: "", **attributes)
+    @type = type
+    @variant = variant
+    @size = size
+    @value = value
+    @spacing = spacing
+    @orientation = orientation
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = toggle_group_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = toggle_group_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        # Store context for child components
-        set_toggle_group_context({
-          variant: @variant,
-          size: @size,
-          type: @type,
-          spacing: @spacing,
-          value: @value
-        })
+    # Store context for child components
+    set_toggle_group_context({
+      variant: @variant,
+      size: @size,
+      type: @type,
+      spacing: @spacing,
+      value: @value
+    })
 
-        content_tag :div, content, **attrs.merge(@attributes.except(:data))
-      end
+    content_tag :div, content, **attrs.merge(@attributes.except(:data))
+  end
 
-      private
+  private
 
-      def set_toggle_group_context(context)
-        @toggle_group_context = context
-        # Make context available to children via helpers
-        helpers.instance_variable_set(:@toggle_group_context, context) if helpers.respond_to?(:instance_variable_set)
-      end
-    end
+  def set_toggle_group_context(context)
+    @toggle_group_context = context
+    # Make context available to children via helpers
+    helpers.instance_variable_set(:@toggle_group_context, context) if helpers.respond_to?(:instance_variable_set)
+  end
+end