fernandes-ui 0.1.0 → 0.1.2

data/app/components/ui/pagination_ellipsis.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # Pagination Ellipsis component (Phlex)
-    # Visual indicator for skipped pages
-    class UI::PaginationEllipsis < Phlex::HTML
-      include UI::PaginationEllipsisBehavior
+# Pagination Ellipsis component (Phlex)
+# Visual indicator for skipped pages
+class UI::PaginationEllipsis < Phlex::HTML
+  include UI::PaginationEllipsisBehavior
 
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(classes: "", attributes: {}, **)
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(classes: "", attributes: {}, **)
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&)
-        span(**ellipsis_html_attributes) do
-          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: "size-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
-          span(class: "sr-only") { "More pages" }
-        end
+  def view_template(&)
+    span(**ellipsis_html_attributes) do
+      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: "size-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
+      span(class: "sr-only") { "More pages" }
     end
+  end
+end

data/app/components/ui/pagination_item.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    # Pagination Item component (Phlex)
-    # List item wrapper for pagination elements
-    class UI::PaginationItem < Phlex::HTML
-      include UI::PaginationItemBehavior
+# Pagination Item component (Phlex)
+# List item wrapper for pagination elements
+class UI::PaginationItem < Phlex::HTML
+  include UI::PaginationItemBehavior
 
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(attributes: {}, **)
-        @attributes = attributes
-        super()
-      end
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(attributes: {}, **)
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&block)
-        li(**item_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    li(**item_html_attributes, &block)
+  end
+end

data/app/components/ui/pagination_link.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Pagination Link component (Phlex)
-    # Clickable link for page numbers
-    class UI::PaginationLink < Phlex::HTML
-      include UI::PaginationLinkBehavior
+# Pagination Link component (Phlex)
+# Clickable link for page numbers
+class UI::PaginationLink < Phlex::HTML
+  include UI::PaginationLinkBehavior
 
-      # @param href [String] URL for the link
-      # @param active [Boolean] whether this link is for the current page
-      # @param size [String] size variant: "icon", "default", "sm", "lg"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(href: "#", active: false, size: "icon", classes: "", attributes: {}, **)
-        @href = href
-        @active = active
-        @size = size
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param href [String] URL for the link
+  # @param active [Boolean] whether this link is for the current page
+  # @param size [String] size variant: "icon", "default", "sm", "lg"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(href: "#", active: false, size: "icon", classes: "", attributes: {}, **)
+    @href = href
+    @active = active
+    @size = size
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&block)
-        a(**link_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    a(**link_html_attributes, &block)
+  end
+end

data/app/components/ui/pagination_next.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Pagination Next component (Phlex)
-    # Next page button with icon and text
-    class UI::PaginationNext < Phlex::HTML
-      include UI::PaginationNextBehavior
+# Pagination Next component (Phlex)
+# Next page button with icon and text
+class UI::PaginationNext < Phlex::HTML
+  include UI::PaginationNextBehavior
 
-      # @param href [String] URL for the next page
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(href: "#", classes: "", attributes: {}, **)
-        @href = href
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param href [String] URL for the next page
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(href: "#", classes: "", attributes: {}, **)
+    @href = href
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&)
-        render UI::PaginationLink.new(
-          href: @href,
-          size: "default",
-          classes: next_classes,
-          attributes: next_attributes
-        ) do
-          span(class: "hidden sm:block") { "Next" }
-          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: "size-4") do |s|
-            s.path(d: "m9 18 6-6-6-6")
-          end
-        end
+  def view_template(&)
+    render UI::PaginationLink.new(
+      href: @href,
+      size: "default",
+      classes: next_classes,
+      attributes: next_attributes
+    ) do
+      span(class: "hidden sm:block") { "Next" }
+      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: "size-4") do |s|
+        s.path(d: "m9 18 6-6-6-6")
       end
     end
+  end
+end

data/app/components/ui/pagination_previous.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Pagination Previous component (Phlex)
-    # Previous page button with icon and text
-    class UI::PaginationPrevious < Phlex::HTML
-      include UI::PaginationPreviousBehavior
+# Pagination Previous component (Phlex)
+# Previous page button with icon and text
+class UI::PaginationPrevious < Phlex::HTML
+  include UI::PaginationPreviousBehavior
 
-      # @param href [String] URL for the previous page
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(href: "#", classes: "", attributes: {}, **)
-        @href = href
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param href [String] URL for the previous page
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(href: "#", classes: "", attributes: {}, **)
+    @href = href
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&)
-        render UI::PaginationLink.new(
-          href: @href,
-          size: "default",
-          classes: previous_classes,
-          attributes: previous_attributes
-        ) do
-          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: "size-4") do |s|
-            s.path(d: "m15 18-6-6 6-6")
-          end
-          span(class: "hidden sm:block") { "Previous" }
-        end
+  def view_template(&)
+    render UI::PaginationLink.new(
+      href: @href,
+      size: "default",
+      classes: previous_classes,
+      attributes: previous_attributes
+    ) do
+      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: "size-4") do |s|
+        s.path(d: "m15 18-6-6 6-6")
       end
+      span(class: "hidden sm:block") { "Previous" }
     end
+  end
+end

data/app/components/ui/popover.rb

@@ -1,48 +1,48 @@
 # frozen_string_literal: true
 
-    # Popover - Phlex implementation
-    #
-    # Container for popover trigger and content.
-    # Uses PopoverBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Popover.new do
-    #     render UI::Trigger.new do
-    #       button { "Click me" }
-    #     end
-    #     render UI::Content.new do
-    #       plain "Popover content"
-    #     end
-    #   end
-    class UI::Popover < Phlex::HTML
-      include UI::PopoverBehavior
+# Popover - Phlex implementation
+#
+# Container for popover trigger and content.
+# Uses PopoverBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Popover.new do
+#     render UI::Trigger.new do
+#       button { "Click me" }
+#     end
+#     render UI::Content.new do
+#       plain "Popover content"
+#     end
+#   end
+class UI::Popover < Phlex::HTML
+  include UI::PopoverBehavior
 
-      # @param placement [String] Placement of the popover (e.g., "bottom", "top-start")
-      # @param offset [Integer] Distance in pixels from the trigger
-      # @param trigger [String] Trigger type ("click" or "hover")
-      # @param hover_delay [Integer] Delay in milliseconds for hover trigger
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(
-        placement: "bottom",
-        offset: 4,
-        trigger: "click",
-        hover_delay: 200,
-        classes: "",
-        align: nil,
-        side_offset: nil,
-        **attributes
-      )
-        @placement = placement
-        @offset = side_offset || offset
-        @trigger = trigger
-        @hover_delay = hover_delay
-        @classes = classes
-        @align = align
-        @attributes = attributes
-      end
+  # @param placement [String] Placement of the popover (e.g., "bottom", "top-start")
+  # @param offset [Integer] Distance in pixels from the trigger
+  # @param trigger [String] Trigger type ("click" or "hover")
+  # @param hover_delay [Integer] Delay in milliseconds for hover trigger
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(
+    placement: "bottom",
+    offset: 4,
+    trigger: "click",
+    hover_delay: 200,
+    classes: "",
+    align: nil,
+    side_offset: nil,
+    **attributes
+  )
+    @placement = placement
+    @offset = side_offset || offset
+    @trigger = trigger
+    @hover_delay = hover_delay
+    @classes = classes
+    @align = align
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**popover_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**popover_html_attributes, &block)
+  end
+end

data/app/components/ui/popover_content.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # The floating content panel.
-    # Uses PopoverContentBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Content.new do
-    #     plain "Popover content here"
-    #   end
-    class UI::PopoverContent < Phlex::HTML
-      include UI::PopoverContentBehavior
+# Content - Phlex implementation
+#
+# The floating content panel.
+# Uses PopoverContentBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Content.new do
+#     plain "Popover content here"
+#   end
+class UI::PopoverContent < Phlex::HTML
+  include UI::PopoverContentBehavior
 
-      # @param side [String] Side of the trigger to show the content ("top", "bottom", "left", "right")
-      # @param align [String] Alignment relative to the trigger ("start", "center", "end")
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(side: "bottom", align: "center", classes: "", **attributes)
-        @side = side
-        @align = align
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param side [String] Side of the trigger to show the content ("top", "bottom", "left", "right")
+  # @param align [String] Alignment relative to the trigger ("start", "center", "end")
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(side: "bottom", align: "center", classes: "", **attributes)
+    @side = side
+    @align = align
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**popover_content_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**popover_content_html_attributes, &block)
+  end
+end

data/app/components/ui/popover_trigger.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # Trigger - Phlex implementation
-    #
-    # Button or element that triggers the popover.
-    # Uses PopoverTriggerBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Trigger.new do
-    #     button { "Click me" }
-    #   end
-    class UI::PopoverTrigger < Phlex::HTML
-      include UI::PopoverTriggerBehavior
+# Trigger - Phlex implementation
+#
+# Button or element that triggers the popover.
+# Uses PopoverTriggerBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Trigger.new do
+#     button { "Click me" }
+#   end
+class UI::PopoverTrigger < Phlex::HTML
+  include UI::PopoverTriggerBehavior
 
-      # @param as_child [Boolean] If true, adds data attributes to child without wrapper
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(as_child: false, classes: "", **attributes)
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param as_child [Boolean] If true, adds data attributes to child without wrapper
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(as_child: false, classes: "", **attributes)
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        trigger_attrs = popover_trigger_html_attributes.deep_merge(@attributes)
+  def view_template(&block)
+    trigger_attrs = popover_trigger_html_attributes.deep_merge(@attributes)
 
-        if @as_child
-          # asChild mode: yield attributes to block
-          # The caller is responsible for rendering an element with these attributes
-          yield(trigger_attrs) if block_given?
-        else
-          # Default mode: render as div
-          div(**trigger_attrs, &block)
-        end
-      end
+    if @as_child
+      # asChild mode: yield attributes to block
+      # The caller is responsible for rendering an element with these attributes
+      yield(trigger_attrs) if block_given?
+    else
+      # Default mode: render as div
+      div(**trigger_attrs, &block)
     end
+  end
+end

data/app/components/ui/progress.rb

@@ -1,37 +1,37 @@
 # frozen_string_literal: true
 
-    # Progress - Phlex implementation
-    #
-    # A progress indicator component for displaying task completion or loading status.
-    # Uses ProgressBehavior for shared styling logic.
-    #
-    # @example Basic usage with value
-    #   render UI::Progress.new(value: 60)
-    #
-    # @example Indeterminate progress (no value)
-    #   render UI::Progress.new
-    #
-    # @example With custom classes
-    #   render UI::Progress.new(value: 80, classes: "h-4")
-    class UI::Progress < Phlex::HTML
-      include UI::ProgressBehavior
+# Progress - Phlex implementation
+#
+# A progress indicator component for displaying task completion or loading status.
+# Uses ProgressBehavior for shared styling logic.
+#
+# @example Basic usage with value
+#   render UI::Progress.new(value: 60)
+#
+# @example Indeterminate progress (no value)
+#   render UI::Progress.new
+#
+# @example With custom classes
+#   render UI::Progress.new(value: 80, classes: "h-4")
+class UI::Progress < Phlex::HTML
+  include UI::ProgressBehavior
 
-      # @param value [Numeric] Progress value between 0 and 100 (default: 0)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(value: 0, classes: "", **attributes)
-        @value = value
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param value [Numeric] Progress value between 0 and 100 (default: 0)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(value: 0, classes: "", **attributes)
+    @value = value
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        div(**progress_html_attributes.deep_merge(@attributes)) do
-          div(
-            class: progress_indicator_classes,
-            style: progress_indicator_style,
-            data: { slot: "progress-indicator" }
-          )
-        end
-      end
+  def view_template
+    div(**progress_html_attributes.deep_merge(@attributes)) do
+      div(
+        class: progress_indicator_classes,
+        style: progress_indicator_style,
+        data: {slot: "progress-indicator"}
+      )
     end
+  end
+end

data/app/components/ui/radio_button.rb

@@ -1,50 +1,50 @@
 # frozen_string_literal: true
 
-    class UI::RadioButton < Phlex::HTML
-      include UI::RadioButtonBehavior
+class UI::RadioButton < Phlex::HTML
+  include UI::RadioButtonBehavior
 
-      def initialize(
-        name: nil,
-        id: nil,
-        value: nil,
-        checked: false,
-        disabled: false,
-        required: false,
-        classes: "",
-        **attributes
-      )
-        @name = name
-        @id = id
-        @value = value
-        @checked = checked
-        @disabled = disabled
-        @required = required
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(
+    name: nil,
+    id: nil,
+    value: nil,
+    checked: false,
+    disabled: false,
+    required: false,
+    classes: "",
+    **attributes
+  )
+    @name = name
+    @id = id
+    @value = value
+    @checked = checked
+    @disabled = disabled
+    @required = required
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        div(class: "relative inline-flex items-center justify-center") do
-          input(**radio_button_html_attributes)
-          indicator_icon
-        end
-      end
+  def view_template
+    div(class: "relative inline-flex items-center justify-center") do
+      input(**radio_button_html_attributes)
+      indicator_icon
+    end
+  end
 
-      private
+  private
 
-      def indicator_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: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity",
-          data: { slot: "radio-group-indicator" }
-        ) { |s| s.circle(cx: "12", cy: "12", r: "10") }
-      end
-    end
+  def indicator_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: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity",
+      data: {slot: "radio-group-indicator"}
+    ) { |s| s.circle(cx: "12", cy: "12", r: "10") }
+  end
+end