fernandes-ui 0.1.1 → 0.1.2

data/app/components/ui/breadcrumb.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Breadcrumb - Phlex implementation
-    #
-    # A navigation breadcrumb component for displaying hierarchical navigation.
-    # Uses BreadcrumbBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Breadcrumb.new do
-    #     render UI::List.new do
-    #       render UI::Item.new do
-    #         render UI::Link.new(href: "/") { "Home" }
-    #       end
-    #     end
-    #   end
-    class UI::Breadcrumb < Phlex::HTML
-      include UI::BreadcrumbBehavior
+# Breadcrumb - Phlex implementation
+#
+# A navigation breadcrumb component for displaying hierarchical navigation.
+# Uses BreadcrumbBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Breadcrumb.new do
+#     render UI::List.new do
+#       render UI::Item.new do
+#         render UI::Link.new(href: "/") { "Home" }
+#       end
+#     end
+#   end
+class UI::Breadcrumb < Phlex::HTML
+  include UI::BreadcrumbBehavior
 
-      # @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)
-        nav(**breadcrumb_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    nav(**breadcrumb_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/breadcrumb_ellipsis.rb

@@ -1,55 +1,55 @@
 # frozen_string_literal: true
 
-    # Ellipsis - Phlex implementation
-    #
-    # Indicator for collapsed/hidden breadcrumb items.
-    # Uses BreadcrumbEllipsisBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Ellipsis.new
-    class UI::BreadcrumbEllipsis < Phlex::HTML
-      include UI::BreadcrumbEllipsisBehavior
+# Ellipsis - Phlex implementation
+#
+# Indicator for collapsed/hidden breadcrumb items.
+# Uses BreadcrumbEllipsisBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Ellipsis.new
+class UI::BreadcrumbEllipsis < Phlex::HTML
+  include UI::BreadcrumbEllipsisBehavior
 
-      # @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(**breadcrumb_ellipsis_html_attributes) do
-          if block_given?
-            yield
-          else
-            ellipsis_icon
-            screen_reader_text
-          end
-        end
+  def view_template(&block)
+    span(**breadcrumb_ellipsis_html_attributes) do
+      if block_given?
+        yield
+      else
+        ellipsis_icon
+        screen_reader_text
       end
+    end
+  end
 
-      private
-
-      def ellipsis_icon
-        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-ellipsis h-4 w-4"
-        ) do |s|
-          s.circle(cx: "12", cy: "12", r: "1")
-          s.circle(cx: "19", cy: "12", r: "1")
-          s.circle(cx: "5", cy: "12", r: "1")
-        end
-      end
+  private
 
-      def screen_reader_text
-        span(class: "sr-only") { "More" }
-      end
+  def ellipsis_icon
+    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-ellipsis h-4 w-4"
+    ) do |s|
+      s.circle(cx: "12", cy: "12", r: "1")
+      s.circle(cx: "19", cy: "12", r: "1")
+      s.circle(cx: "5", cy: "12", r: "1")
     end
+  end
+
+  def screen_reader_text
+    span(class: "sr-only") { "More" }
+  end
+end

data/app/components/ui/breadcrumb_item.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Item - Phlex implementation
-    #
-    # Individual breadcrumb entry within the breadcrumb list.
-    # Uses BreadcrumbItemBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Item.new do
-    #     render UI::Link.new(href: "/") { "Home" }
-    #   end
-    class UI::BreadcrumbItem < Phlex::HTML
-      include UI::BreadcrumbItemBehavior
+# Item - Phlex implementation
+#
+# Individual breadcrumb entry within the breadcrumb list.
+# Uses BreadcrumbItemBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Item.new do
+#     render UI::Link.new(href: "/") { "Home" }
+#   end
+class UI::BreadcrumbItem < Phlex::HTML
+  include UI::BreadcrumbItemBehavior
 
-      # @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)
-        li(**breadcrumb_item_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    li(**breadcrumb_item_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/breadcrumb_link.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Link - Phlex implementation
-    #
-    # Clickable breadcrumb link for navigation.
-    # Uses BreadcrumbLinkBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Link.new(href: "/") { "Home" }
-    class UI::BreadcrumbLink < Phlex::HTML
-      include UI::BreadcrumbLinkBehavior
+# Link - Phlex implementation
+#
+# Clickable breadcrumb link for navigation.
+# Uses BreadcrumbLinkBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Link.new(href: "/") { "Home" }
+class UI::BreadcrumbLink < Phlex::HTML
+  include UI::BreadcrumbLinkBehavior
 
-      # @param href [String] URL for the link
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(href: "#", classes: "", **attributes)
-        @href = href
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param href [String] URL for the link
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(href: "#", classes: "", **attributes)
+    @href = href
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        a(**breadcrumb_link_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    a(**breadcrumb_link_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/breadcrumb_list.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # List - Phlex implementation
-    #
-    # Container for breadcrumb items, rendered as an ordered list.
-    # Uses BreadcrumbListBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::List.new do
-    #     render UI::Item.new { "Item content" }
-    #   end
-    class UI::BreadcrumbList < Phlex::HTML
-      include UI::BreadcrumbListBehavior
+# List - Phlex implementation
+#
+# Container for breadcrumb items, rendered as an ordered list.
+# Uses BreadcrumbListBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::List.new do
+#     render UI::Item.new { "Item content" }
+#   end
+class UI::BreadcrumbList < Phlex::HTML
+  include UI::BreadcrumbListBehavior
 
-      # @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)
-        ol(**breadcrumb_list_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    ol(**breadcrumb_list_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/breadcrumb_page.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Page - Phlex implementation
-    #
-    # Current page indicator (non-clickable) for breadcrumbs.
-    # Uses BreadcrumbPageBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Page.new { "Current Page" }
-    class UI::BreadcrumbPage < Phlex::HTML
-      include UI::BreadcrumbPageBehavior
+# Page - Phlex implementation
+#
+# Current page indicator (non-clickable) for breadcrumbs.
+# Uses BreadcrumbPageBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Page.new { "Current Page" }
+class UI::BreadcrumbPage < Phlex::HTML
+  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 view_template(&block)
-        span(**breadcrumb_page_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    span(**breadcrumb_page_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/breadcrumb_separator.rb

@@ -1,51 +1,51 @@
 # frozen_string_literal: true
 
-    # Separator - Phlex implementation
-    #
-    # Visual divider between breadcrumb items with default chevron icon.
-    # Uses BreadcrumbSeparatorBehavior concern for shared styling logic.
-    #
-    # @example Default separator
-    #   render UI::Separator.new
-    #
-    # @example Custom separator
-    #   render UI::Separator.new { "/" }
-    class UI::BreadcrumbSeparator < Phlex::HTML
-      include UI::BreadcrumbSeparatorBehavior
+# Separator - Phlex implementation
+#
+# Visual divider between breadcrumb items with default chevron icon.
+# Uses BreadcrumbSeparatorBehavior concern for shared styling logic.
+#
+# @example Default separator
+#   render UI::Separator.new
+#
+# @example Custom separator
+#   render UI::Separator.new { "/" }
+class UI::BreadcrumbSeparator < Phlex::HTML
+  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 view_template(&block)
-        li(**breadcrumb_separator_html_attributes) do
-          if block_given?
-            yield
-          else
-            default_separator_icon
-          end
-        end
+  def view_template(&block)
+    li(**breadcrumb_separator_html_attributes) do
+      if block_given?
+        yield
+      else
+        default_separator_icon
       end
+    end
+  end
 
-      private
+  private
 
-      def default_separator_icon
-        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 |s|
-          s.path(d: "m9 18 6-6-6-6")
-        end
-      end
+  def default_separator_icon
+    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 |s|
+      s.path(d: "m9 18 6-6-6-6")
     end
+  end
+end

data/app/components/ui/button.rb

@@ -1,52 +1,52 @@
 # frozen_string_literal: true
 
-    # Button - Phlex implementation
-    #
-    # A versatile button component with multiple variants and sizes.
-    # Uses ButtonBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Button.new { "Click me" }
-    #
-    # @example With variant and size
-    #   render UI::Button.new(variant: "destructive", size: "lg") { "Delete" }
-    #
-    # @example Disabled state
-    #   render UI::Button.new(disabled: true) { "Disabled" }
-    class UI::Button < Phlex::HTML
-      include UI::ButtonBehavior
+# Button - Phlex implementation
+#
+# A versatile button component with multiple variants and sizes.
+# Uses ButtonBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Button.new { "Click me" }
+#
+# @example With variant and size
+#   render UI::Button.new(variant: "destructive", size: "lg") { "Delete" }
+#
+# @example Disabled state
+#   render UI::Button.new(disabled: true) { "Disabled" }
+class UI::Button < Phlex::HTML
+  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 view_template(&block)
-        all_attributes = button_html_attributes
+  def view_template(&block)
+    all_attributes = button_html_attributes
 
-        # Merge classes with TailwindMerge before deep_merge
-        if @attributes.key?(:class)
-          button_class = all_attributes[:class] || ""
-          attr_class = @attributes[:class] || ""
-          merged_class = TailwindMerge::Merger.new.merge([button_class, attr_class].join(" "))
-          all_attributes = all_attributes.merge(class: merged_class)
-        end
+    # Merge classes with TailwindMerge before deep_merge
+    if @attributes.key?(:class)
+      button_class = all_attributes[:class] || ""
+      attr_class = @attributes[:class] || ""
+      merged_class = TailwindMerge::Merger.new.merge([button_class, attr_class].join(" "))
+      all_attributes = all_attributes.merge(class: merged_class)
+    end
 
-        # Deep merge other attributes (excluding class which we already handled)
-        all_attributes = all_attributes.deep_merge(@attributes.except(:class))
+    # Deep merge other attributes (excluding class which we already handled)
+    all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-        button(**all_attributes) do
-          yield if block_given?
-        end
-      end
+    button(**all_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/button_group.rb

@@ -1,48 +1,48 @@
 # frozen_string_literal: true
 
-    # ButtonGroup - Phlex 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::ButtonGroup.new do
-    #     render UI::Button.new(variant: :outline) { "Button 1" }
-    #     render UI::Button.new(variant: :outline) { "Button 2" }
-    #   end
-    #
-    # @example Vertical button group
-    #   render UI::ButtonGroup.new(orientation: :vertical) do
-    #     render UI::Button.new(variant: :outline, size: :icon) { "+" }
-    #     render UI::Button.new(variant: :outline, size: :icon) { "-" }
-    #   end
-    #
-    # @example Nested button groups
-    #   render UI::ButtonGroup.new do
-    #     render UI::ButtonGroup.new do
-    #       render UI::Button.new(variant: :outline) { "1" }
-    #       render UI::Button.new(variant: :outline) { "2" }
-    #     end
-    #     render UI::ButtonGroup.new do
-    #       render UI::Button.new(variant: :outline) { "Previous" }
-    #       render UI::Button.new(variant: :outline) { "Next" }
-    #     end
-    #   end
-    class UI::ButtonGroup < Phlex::HTML
-      include UI::ButtonGroupBehavior
+# ButtonGroup - Phlex 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::ButtonGroup.new do
+#     render UI::Button.new(variant: :outline) { "Button 1" }
+#     render UI::Button.new(variant: :outline) { "Button 2" }
+#   end
+#
+# @example Vertical button group
+#   render UI::ButtonGroup.new(orientation: :vertical) do
+#     render UI::Button.new(variant: :outline, size: :icon) { "+" }
+#     render UI::Button.new(variant: :outline, size: :icon) { "-" }
+#   end
+#
+# @example Nested button groups
+#   render UI::ButtonGroup.new do
+#     render UI::ButtonGroup.new do
+#       render UI::Button.new(variant: :outline) { "1" }
+#       render UI::Button.new(variant: :outline) { "2" }
+#     end
+#     render UI::ButtonGroup.new do
+#       render UI::Button.new(variant: :outline) { "Previous" }
+#       render UI::Button.new(variant: :outline) { "Next" }
+#     end
+#   end
+class UI::ButtonGroup < Phlex::HTML
+  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 view_template(&block)
-        div(**button_group_html_attributes.deep_merge(@attributes), &block)
-      end
-    end
+  def view_template(&block)
+    div(**button_group_html_attributes.deep_merge(@attributes), &block)
+  end
+end