fernandes-ui 0.1.1 → 0.1.4

data/app/view_components/ui/breadcrumb_page_component.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # BreadcrumbPageComponent - ViewComponent implementation
-    #
-    # Current page indicator (non-clickable) for breadcrumbs.
-    # Uses BreadcrumbPageBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::BreadcrumbPageComponent.new do %>
-    #     Current Page
-    #   <% end %>
-    class UI::BreadcrumbPageComponent < ViewComponent::Base
-      include UI::BreadcrumbPageBehavior
+# BreadcrumbPageComponent - ViewComponent implementation
+#
+# Current page indicator (non-clickable) for breadcrumbs.
+# Uses BreadcrumbPageBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::BreadcrumbPageComponent.new do %>
+#     Current Page
+#   <% end %>
+class UI::BreadcrumbPageComponent < ViewComponent::Base
+  include UI::BreadcrumbPageBehavior
 
-      # @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 call
-        content_tag :span, **breadcrumb_page_html_attributes do
-          content
-        end
-      end
+  def call
+    content_tag :span, **breadcrumb_page_html_attributes do
+      content
     end
+  end
+end

data/app/view_components/ui/breadcrumb_separator_component.rb

@@ -1,47 +1,47 @@
 # frozen_string_literal: true
 
-    # BreadcrumbSeparatorComponent - ViewComponent implementation
-    #
-    # Visual divider between breadcrumb items with default chevron icon.
-    # Uses BreadcrumbSeparatorBehavior concern for shared styling logic.
-    #
-    # @example Default separator
-    #   <%= render UI::BreadcrumbSeparatorComponent.new %>
-    #
-    # @example Custom separator
-    #   <%= render UI::BreadcrumbSeparatorComponent.new do %>
-    #     /
-    #   <% end %>
-    class UI::BreadcrumbSeparatorComponent < ViewComponent::Base
-      include UI::BreadcrumbSeparatorBehavior
+# BreadcrumbSeparatorComponent - ViewComponent implementation
+#
+# Visual divider between breadcrumb items with default chevron icon.
+# Uses BreadcrumbSeparatorBehavior concern for shared styling logic.
+#
+# @example Default separator
+#   <%= render UI::BreadcrumbSeparatorComponent.new %>
+#
+# @example Custom separator
+#   <%= render UI::BreadcrumbSeparatorComponent.new do %>
+#     /
+#   <% end %>
+class UI::BreadcrumbSeparatorComponent < ViewComponent::Base
+  include UI::BreadcrumbSeparatorBehavior
 
-      # @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 call
-        content_tag :li, **breadcrumb_separator_html_attributes do
-          if content.present?
-            content
-          else
-            default_separator_icon
-          end
-        end
+  def call
+    content_tag :li, **breadcrumb_separator_html_attributes do
+      if content.present?
+        content
+      else
+        default_separator_icon
       end
+    end
+  end
 
-      private
+  private
 
-      attr_reader :classes, :attributes
+  attr_reader :classes, :attributes
 
-      def default_separator_icon
-        content_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: "lucide lucide-chevron-right" do
-          content_tag :path, nil, d: "m9 18 6-6-6-6"
-        end
-      end
+  def default_separator_icon
+    content_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: "lucide lucide-chevron-right" do
+      content_tag :path, nil, d: "m9 18 6-6-6-6"
     end
+  end
+end

data/app/view_components/ui/button_component.rb

@@ -1,43 +1,43 @@
 # frozen_string_literal: true
 
-    # ButtonComponent - ViewComponent implementation
-    #
-    # A versatile button component with multiple variants and sizes.
-    # Uses ButtonBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   <%= render UI::ButtonComponent.new do %>
-    #     Click me
-    #   <% end %>
-    #
-    # @example With variant and size
-    #   <%= render UI::ButtonComponent.new(variant: "destructive", size: "lg") do %>
-    #     Delete
-    #   <% end %>
-    #
-    # @example Disabled state
-    #   <%= render UI::ButtonComponent.new(disabled: true) do %>
-    #     Disabled
-    #   <% end %>
-    class UI::ButtonComponent < ViewComponent::Base
-      include UI::ButtonBehavior
+# ButtonComponent - ViewComponent implementation
+#
+# A versatile button component with multiple variants and sizes.
+# Uses ButtonBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   <%= render UI::ButtonComponent.new do %>
+#     Click me
+#   <% end %>
+#
+# @example With variant and size
+#   <%= render UI::ButtonComponent.new(variant: "destructive", size: "lg") do %>
+#     Delete
+#   <% end %>
+#
+# @example Disabled state
+#   <%= render UI::ButtonComponent.new(disabled: true) do %>
+#     Disabled
+#   <% end %>
+class UI::ButtonComponent < ViewComponent::Base
+  include UI::ButtonBehavior
 
-      # @param variant [String] Visual style variant (default, destructive, outline, secondary, ghost, link)
-      # @param size [String] Size variant (default, sm, lg, icon, icon-sm, icon-lg)
-      # @param type [String] Button type attribute (button, submit, reset)
-      # @param disabled [Boolean] Whether the button is disabled
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: "default", size: "default", type: "button", disabled: false, classes: "", **attributes)
-        @variant = variant
-        @size = size
-        @type = type
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [String] Visual style variant (default, destructive, outline, secondary, ghost, link)
+  # @param size [String] Size variant (default, sm, lg, icon, icon-sm, icon-lg)
+  # @param type [String] Button type attribute (button, submit, reset)
+  # @param disabled [Boolean] Whether the button is disabled
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: "default", size: "default", type: "button", disabled: false, classes: "", **attributes)
+    @variant = variant
+    @size = size
+    @type = type
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        render_button { content }
-      end
-    end
+  def call
+    render_button { content }
+  end
+end

data/app/view_components/ui/button_group_component.rb

@@ -1,38 +1,38 @@
 # frozen_string_literal: true
 
-    # ButtonGroupComponent - ViewComponent implementation
-    #
-    # A container that groups related buttons together with consistent styling.
-    # Uses ButtonGroupBehavior module for shared styling logic.
-    #
-    # Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
-    #
-    # @example Horizontal button group (default)
-    #   <%= render UI::ButtonGroupComponent.new do %>
-    #     <%= render UI::ButtonComponent.new(variant: :outline) { "Button 1" } %>
-    #     <%= render UI::ButtonComponent.new(variant: :outline) { "Button 2" } %>
-    #   <% end %>
-    #
-    # @example Vertical button group
-    #   <%= render UI::ButtonGroupComponent.new(orientation: :vertical) do %>
-    #     <%= render UI::ButtonComponent.new(variant: :outline, size: :icon) { "+" } %>
-    #     <%= render UI::ButtonComponent.new(variant: :outline, size: :icon) { "-" } %>
-    #   <% end %>
-    class UI::ButtonGroupComponent < ViewComponent::Base
-      include UI::ButtonGroupBehavior
+# ButtonGroupComponent - ViewComponent implementation
+#
+# A container that groups related buttons together with consistent styling.
+# Uses ButtonGroupBehavior module for shared styling logic.
+#
+# Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
+#
+# @example Horizontal button group (default)
+#   <%= render UI::ButtonGroupComponent.new do %>
+#     <%= render UI::ButtonComponent.new(variant: :outline) { "Button 1" } %>
+#     <%= render UI::ButtonComponent.new(variant: :outline) { "Button 2" } %>
+#   <% end %>
+#
+# @example Vertical button group
+#   <%= render UI::ButtonGroupComponent.new(orientation: :vertical) do %>
+#     <%= render UI::ButtonComponent.new(variant: :outline, size: :icon) { "+" } %>
+#     <%= render UI::ButtonComponent.new(variant: :outline, size: :icon) { "-" } %>
+#   <% end %>
+class UI::ButtonGroupComponent < ViewComponent::Base
+  include UI::ButtonGroupBehavior
 
-      # @param orientation [Symbol, String] Direction of the button group (:horizontal, :vertical)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(orientation: :horizontal, classes: "", **attributes)
-        @orientation = orientation
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param orientation [Symbol, String] Direction of the button group (:horizontal, :vertical)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(orientation: :horizontal, classes: "", **attributes)
+    @orientation = orientation
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.div(**button_group_html_attributes.deep_merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.div(**button_group_html_attributes.deep_merge(@attributes)) do
+      content
     end
+  end
+end

data/app/view_components/ui/button_group_separator_component.rb

@@ -1,33 +1,33 @@
 # frozen_string_literal: true
 
-    # SeparatorComponent - ViewComponent implementation
-    #
-    # Visually divides buttons within a button group.
-    # Extends UI::SeparatorComponent with button group specific styling.
-    #
-    # Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
-    #
-    # @example Basic separator
-    #   <%= render UI::ButtonGroupComponent.new do %>
-    #     <%= render UI::ButtonComponent.new(variant: :secondary) { "Copy" } %>
-    #     <%= render UI::SeparatorComponent.new %>
-    #     <%= render UI::ButtonComponent.new(variant: :secondary) { "Paste" } %>
-    #   <% end %>
-    class UI::ButtonGroupSeparatorComponent < ViewComponent::Base
-      include UI::SeparatorBehavior
-      include UI::SeparatorBehavior
+# SeparatorComponent - ViewComponent implementation
+#
+# Visually divides buttons within a button group.
+# Extends UI::SeparatorComponent with button group specific styling.
+#
+# Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
+#
+# @example Basic separator
+#   <%= render UI::ButtonGroupComponent.new do %>
+#     <%= render UI::ButtonComponent.new(variant: :secondary) { "Copy" } %>
+#     <%= render UI::SeparatorComponent.new %>
+#     <%= render UI::ButtonComponent.new(variant: :secondary) { "Paste" } %>
+#   <% end %>
+class UI::ButtonGroupSeparatorComponent < ViewComponent::Base
+  include UI::SeparatorBehavior
+  include UI::SeparatorBehavior
 
-      # @param orientation [Symbol, String] Direction of the separator (:horizontal, :vertical)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(orientation: :vertical, decorative: true, classes: "", **attributes)
-        @orientation = orientation
-        @decorative = decorative
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param orientation [Symbol, String] Direction of the separator (:horizontal, :vertical)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(orientation: :vertical, decorative: true, classes: "", **attributes)
+    @orientation = orientation
+    @decorative = decorative
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        tag.div(**separator_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def call
+    tag.div(**separator_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/view_components/ui/button_group_text_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # TextComponent - ViewComponent implementation
-    #
-    # Displays text within a button group.
-    # Uses ButtonGroupTextBehavior module for shared styling logic.
-    #
-    # Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
-    #
-    # @example Basic text
-    #   <%= render UI::ButtonGroupComponent.new do %>
-    #     <%= render UI::TextComponent.new { "Label" } %>
-    #     <%= render UI::ButtonComponent.new(variant: :outline) { "Button" } %>
-    #   <% end %>
-    class UI::ButtonGroupTextComponent < ViewComponent::Base
-      include UI::ButtonGroupTextBehavior
+# TextComponent - ViewComponent implementation
+#
+# Displays text within a button group.
+# Uses ButtonGroupTextBehavior module for shared styling logic.
+#
+# Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
+#
+# @example Basic text
+#   <%= render UI::ButtonGroupComponent.new do %>
+#     <%= render UI::TextComponent.new { "Label" } %>
+#     <%= render UI::ButtonComponent.new(variant: :outline) { "Button" } %>
+#   <% end %>
+class UI::ButtonGroupTextComponent < ViewComponent::Base
+  include UI::ButtonGroupTextBehavior
 
-      # @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 call
-        tag.div(**text_html_attributes.deep_merge(@attributes)) do
-          content
-        end
-      end
+  def call
+    tag.div(**text_html_attributes.deep_merge(@attributes)) do
+      content
     end
+  end
+end