fernandes-ui 0.1.0 → 0.1.2

data/app/view_components/ui/sheet_content_component.rb

@@ -1,52 +1,52 @@
 # frozen_string_literal: true
 
-    # Sheet content component (ViewComponent)
-    # Main content panel with side variants and slide animations
-    #
-    # @example
-    #   <%= render UI::ContentComponent.new(side: "right") do %>
-    #     <!-- Content -->
-    #   <% end %>
-    class UI::SheetContentComponent < ViewComponent::Base
-      include UI::SheetContentBehavior
+# Sheet content component (ViewComponent)
+# Main content panel with side variants and slide animations
+#
+# @example
+#   <%= render UI::ContentComponent.new(side: "right") do %>
+#     <!-- Content -->
+#   <% end %>
+class UI::SheetContentComponent < ViewComponent::Base
+  include UI::SheetContentBehavior
 
-      # @param side [String] Position: "top", "right", "bottom", "left"
-      # @param open [Boolean] whether the sheet is open
-      # @param show_close [Boolean] whether to show built-in close button
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(side: "right", open: false, show_close: true, classes: "", **attributes)
-        @side = side
-        @open = open
-        @show_close = show_close
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param side [String] Position: "top", "right", "bottom", "left"
+  # @param open [Boolean] whether the sheet is open
+  # @param show_close [Boolean] whether to show built-in close button
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(side: "right", open: false, show_close: true, classes: "", **attributes)
+    @side = side
+    @open = open
+    @show_close = show_close
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = sheet_content_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = sheet_content_html_attributes
+    attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
 
-        content_tag :div, **attrs.merge(@attributes.except(:data)) do
-          safe_join([
-            content,
-            close_button
-          ].compact)
-        end
-      end
+    content_tag :div, **attrs.merge(@attributes.except(:data)) do
+      safe_join([
+        content,
+        close_button
+      ].compact)
+    end
+  end
 
-      private
+  private
 
-      def close_button
-        return unless @show_close
+  def close_button
+    return unless @show_close
 
-        content_tag :button,
-          class: sheet_content_close_button_classes,
-          data: { action: "click->ui--dialog#close" } do
-          safe_join([
-            lucide_icon("x", class: "size-4"),
-            content_tag(:span, "Close", class: "sr-only")
-          ])
-        end
-      end
+    content_tag :button,
+      class: sheet_content_close_button_classes,
+      data: {action: "click->ui--dialog#close"} do
+      safe_join([
+        lucide_icon("x", class: "size-4"),
+        content_tag(:span, "Close", class: "sr-only")
+      ])
     end
+  end
+end

data/app/view_components/ui/sheet_description_component.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Sheet description component (ViewComponent)
-    #
-    # @example
-    #   <%= render UI::DescriptionComponent.new { "Make changes to your profile here." } %>
-    class UI::SheetDescriptionComponent < ViewComponent::Base
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+# Sheet description component (ViewComponent)
+#
+# @example
+#   <%= render UI::DescriptionComponent.new { "Make changes to your profile here." } %>
+class UI::SheetDescriptionComponent < ViewComponent::Base
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :p, content, class: description_classes
-      end
+  def call
+    content_tag :p, content, class: description_classes
+  end
 
-      private
+  private
 
-      def description_classes
-        TailwindMerge::Merger.new.merge([
-          "text-muted-foreground text-sm",
-          @classes
-        ].compact.join(" "))
-      end
-    end
+  def description_classes
+    TailwindMerge::Merger.new.merge([
+      "text-muted-foreground text-sm",
+      @classes
+    ].compact.join(" "))
+  end
+end

data/app/view_components/ui/sheet_footer_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # Sheet footer component (ViewComponent)
-    #
-    # @example
-    #   <%= render UI::FooterComponent.new do %>
-    #     <%= render UI::CloseComponent.new { "Cancel" } %>
-    #     <%= render UI::ButtonComponent.new { "Save" } %>
-    #   <% end %>
-    class UI::SheetFooterComponent < ViewComponent::Base
-      include UI::SheetFooterBehavior
+# Sheet footer component (ViewComponent)
+#
+# @example
+#   <%= render UI::FooterComponent.new do %>
+#     <%= render UI::CloseComponent.new { "Cancel" } %>
+#     <%= render UI::ButtonComponent.new { "Save" } %>
+#   <% end %>
+class UI::SheetFooterComponent < ViewComponent::Base
+  include UI::SheetFooterBehavior
 
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :div, content, **sheet_footer_html_attributes
-      end
-    end
+  def call
+    content_tag :div, content, **sheet_footer_html_attributes
+  end
+end

data/app/view_components/ui/sheet_header_component.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # Sheet header component (ViewComponent)
-    #
-    # @example
-    #   <%= render UI::HeaderComponent.new do %>
-    #     <%= render UI::TitleComponent.new { "Title" } %>
-    #     <%= render UI::DescriptionComponent.new { "Description" } %>
-    #   <% end %>
-    class UI::SheetHeaderComponent < ViewComponent::Base
-      include UI::SheetHeaderBehavior
+# Sheet header component (ViewComponent)
+#
+# @example
+#   <%= render UI::HeaderComponent.new do %>
+#     <%= render UI::TitleComponent.new { "Title" } %>
+#     <%= render UI::DescriptionComponent.new { "Description" } %>
+#   <% end %>
+class UI::SheetHeaderComponent < ViewComponent::Base
+  include UI::SheetHeaderBehavior
 
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :div, content, **sheet_header_html_attributes
-      end
-    end
+  def call
+    content_tag :div, content, **sheet_header_html_attributes
+  end
+end

data/app/view_components/ui/sheet_overlay_component.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # Sheet overlay component (ViewComponent)
-    # Container and backdrop for sheet
-    #
-    # @example
-    #   <%= render UI::OverlayComponent.new do %>
-    #     <%= render UI::ContentComponent.new do %>
-    #       <!-- Content -->
-    #     <% end %>
-    #   <% end %>
-    class UI::SheetOverlayComponent < ViewComponent::Base
-      include UI::SheetOverlayBehavior
+# Sheet overlay component (ViewComponent)
+# Container and backdrop for sheet
+#
+# @example
+#   <%= render UI::OverlayComponent.new do %>
+#     <%= render UI::ContentComponent.new do %>
+#       <!-- Content -->
+#     <% end %>
+#   <% end %>
+class UI::SheetOverlayComponent < ViewComponent::Base
+  include UI::SheetOverlayBehavior
 
-      # @param open [Boolean] whether the sheet is open
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(open: false, classes: "", **attributes)
-        @open = open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param open [Boolean] whether the sheet is open
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(open: false, classes: "", **attributes)
+    @open = open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        container_attrs = sheet_overlay_container_html_attributes
-        container_attrs[:data] = container_attrs[:data].merge(@attributes.fetch(:data, {}))
-        overlay_attrs = sheet_overlay_html_attributes
+  def call
+    container_attrs = sheet_overlay_container_html_attributes
+    container_attrs[:data] = container_attrs[:data].merge(@attributes.fetch(:data, {}))
+    overlay_attrs = sheet_overlay_html_attributes
 
-        content_tag :div, **container_attrs.merge(@attributes.except(:data)) do
-          safe_join([
-            content_tag(:div, "", **overlay_attrs),
-            content
-          ])
-        end
-      end
+    content_tag :div, **container_attrs.merge(@attributes.except(:data)) do
+      safe_join([
+        content_tag(:div, "", **overlay_attrs),
+        content
+      ])
     end
+  end
+end

data/app/view_components/ui/sheet_title_component.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Sheet title component (ViewComponent)
-    #
-    # @example
-    #   <%= render UI::TitleComponent.new { "Edit Profile" } %>
-    class UI::SheetTitleComponent < ViewComponent::Base
-      # @param classes [String] additional CSS classes
-      def initialize(classes: "")
-        @classes = classes
-      end
+# Sheet title component (ViewComponent)
+#
+# @example
+#   <%= render UI::TitleComponent.new { "Edit Profile" } %>
+class UI::SheetTitleComponent < ViewComponent::Base
+  # @param classes [String] additional CSS classes
+  def initialize(classes: "")
+    @classes = classes
+  end
 
-      def call
-        content_tag :h2, content, class: title_classes
-      end
+  def call
+    content_tag :h2, content, class: title_classes
+  end
 
-      private
+  private
 
-      def title_classes
-        TailwindMerge::Merger.new.merge([
-          "text-foreground font-semibold",
-          @classes
-        ].compact.join(" "))
-      end
-    end
+  def title_classes
+    TailwindMerge::Merger.new.merge([
+      "text-foreground font-semibold",
+      @classes
+    ].compact.join(" "))
+  end
+end

data/app/view_components/ui/sheet_trigger_component.rb

@@ -1,60 +1,60 @@
 # frozen_string_literal: true
 
-    # Sheet trigger component (ViewComponent)
-    # Opens the sheet on click
-    #
-    # @example As button (default)
-    #   <%= render UI::TriggerComponent.new { "Open Sheet" } %>
-    #
-    # @example As child (composition pattern)
-    #   <%= render UI::TriggerComponent.new(as_child: true) do %>
-    #     <%= render UI::ButtonComponent.new { "Open" } %>
-    #   <% end %>
-    class UI::SheetTriggerComponent < ViewComponent::Base
-      # @param as_child [Boolean] merge attributes into child element
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(as_child: false, **attributes)
-        @as_child = as_child
-        @attributes = attributes
-      end
-
-      def call
-        trigger_attrs = {
-          data: { action: "click->ui--dialog#open" }
-        }.deep_merge(@attributes)
+# Sheet trigger component (ViewComponent)
+# Opens the sheet on click
+#
+# @example As button (default)
+#   <%= render UI::TriggerComponent.new { "Open Sheet" } %>
+#
+# @example As child (composition pattern)
+#   <%= render UI::TriggerComponent.new(as_child: true) do %>
+#     <%= render UI::ButtonComponent.new { "Open" } %>
+#   <% end %>
+class UI::SheetTriggerComponent < ViewComponent::Base
+  # @param as_child [Boolean] merge attributes into child element
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(as_child: false, **attributes)
+    @as_child = as_child
+    @attributes = attributes
+  end
 
-        if @as_child
-          # asChild mode: merge attributes into child element
-          rendered = content.to_s
-          doc = Nokogiri::HTML::DocumentFragment.parse(rendered)
-          first_element = doc.children.find { |node| node.element? }
+  def call
+    trigger_attrs = {
+      data: {action: "click->ui--dialog#open"}
+    }.deep_merge(@attributes)
 
-          if first_element
-            # Merge data attributes (convert Rails naming to HTML)
-            trigger_attrs.fetch(:data, {}).each do |key, value|
-              html_key = key.to_s.gsub("__", "--").gsub("_", "-")
-              first_element["data-#{html_key}"] = value
-            end
+    if @as_child
+      # asChild mode: merge attributes into child element
+      rendered = content.to_s
+      doc = Nokogiri::HTML::DocumentFragment.parse(rendered)
+      first_element = doc.children.find { |node| node.element? }
 
-            # Merge CSS classes with TailwindMerge
-            if trigger_attrs[:class]
-              existing_classes = first_element["class"] || ""
-              merged_classes = TailwindMerge::Merger.new.merge([existing_classes, trigger_attrs[:class]].join(" "))
-              first_element["class"] = merged_classes
-            end
+      if first_element
+        # Merge data attributes (convert Rails naming to HTML)
+        trigger_attrs.fetch(:data, {}).each do |key, value|
+          html_key = key.to_s.gsub("__", "--").tr("_", "-")
+          first_element["data-#{html_key}"] = value
+        end
 
-            # Merge other attributes (except data and class)
-            trigger_attrs.except(:data, :class).each do |key, value|
-              first_element[key.to_s] = value
-            end
+        # Merge CSS classes with TailwindMerge
+        if trigger_attrs[:class]
+          existing_classes = first_element["class"] || ""
+          merged_classes = TailwindMerge::Merger.new.merge([existing_classes, trigger_attrs[:class]].join(" "))
+          first_element["class"] = merged_classes
+        end
 
-            doc.to_html.html_safe
-          else
-            content
-          end
-        else
-          # Default: render as button
-          content_tag :button, content, **trigger_attrs
+        # Merge other attributes (except data and class)
+        trigger_attrs.except(:data, :class).each do |key, value|
+          first_element[key.to_s] = value
         end
+
+        doc.to_html.html_safe
+      else
+        content
       end
+    else
+      # Default: render as button
+      content_tag :button, content, **trigger_attrs
     end
+  end
+end

data/app/view_components/ui/skeleton_component.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    class UI::SkeletonComponent < ViewComponent::Base
-      def initialize(**attributes)
-        @attributes = attributes
-      end
+class UI::SkeletonComponent < ViewComponent::Base
+  def initialize(**attributes)
+    @attributes = attributes
+  end
 
-      def call
-        attrs = component_html_attributes.deep_merge(@attributes)
+  def call
+    attrs = component_html_attributes.deep_merge(@attributes)
 
-        # Merge Tailwind classes intelligently
-        attrs[:class] = TailwindMerge::Merger.new.merge([
-          component_html_attributes[:class],
-          @attributes[:class]
-        ].compact.join(" "))
+    # Merge Tailwind classes intelligently
+    attrs[:class] = TailwindMerge::Merger.new.merge([
+      component_html_attributes[:class],
+      @attributes[:class]
+    ].compact.join(" "))
 
-        content_tag :div, "", **attrs
-      end
+    content_tag :div, "", **attrs
+  end
 
-      private
+  private
 
-      def component_html_attributes
-        {
-          data: {
-            slot: "skeleton"
-          },
-          class: "bg-accent animate-pulse rounded-md"
-        }
-      end
-    end
+  def component_html_attributes
+    {
+      data: {
+        slot: "skeleton"
+      },
+      class: "bg-accent animate-pulse rounded-md"
+    }
+  end
+end

data/app/view_components/ui/slider_component.rb

@@ -1,61 +1,61 @@
 # frozen_string_literal: true
 
-    # Slider container component (ViewComponent)
-    # Root component for range slider with keyboard navigation
-    #
-    # @example Basic usage
-    #   <%= render UI::SliderComponent.new(default_value: [50], max: 100, step: 1) do %>
-    #     <%= render UI::SliderTrackComponent.new do %>
-    #       <%= render UI::SliderRangeComponent.new %>
-    #     <% end %>
-    #     <%= render UI::SliderThumbComponent.new %>
-    #   <% end %>
-    #
-    # @example With multiple thumbs (range)
-    #   <%= render UI::SliderComponent.new(default_value: [25, 75], max: 100) do %>
-    #     <%= render UI::SliderTrackComponent.new do %>
-    #       <%= render UI::SliderRangeComponent.new %>
-    #     <% end %>
-    #     <%= render UI::SliderThumbComponent.new %>
-    #     <%= render UI::SliderThumbComponent.new %>
-    #   <% end %>
-    class UI::SliderComponent < ViewComponent::Base
-      include UI::SliderBehavior
+# Slider container component (ViewComponent)
+# Root component for range slider with keyboard navigation
+#
+# @example Basic usage
+#   <%= render UI::SliderComponent.new(default_value: [50], max: 100, step: 1) do %>
+#     <%= render UI::SliderTrackComponent.new do %>
+#       <%= render UI::SliderRangeComponent.new %>
+#     <% end %>
+#     <%= render UI::SliderThumbComponent.new %>
+#   <% end %>
+#
+# @example With multiple thumbs (range)
+#   <%= render UI::SliderComponent.new(default_value: [25, 75], max: 100) do %>
+#     <%= render UI::SliderTrackComponent.new do %>
+#       <%= render UI::SliderRangeComponent.new %>
+#     <% end %>
+#     <%= render UI::SliderThumbComponent.new %>
+#     <%= render UI::SliderThumbComponent.new %>
+#   <% end %>
+class UI::SliderComponent < ViewComponent::Base
+  include UI::SliderBehavior
 
-      # @param min [Integer] minimum value (default: 0)
-      # @param max [Integer] maximum value (default: 100)
-      # @param step [Integer] step increment (default: 1)
-      # @param value [Array<Integer>] controlled value
-      # @param default_value [Array<Integer>] default value (default: [min])
-      # @param disabled [Boolean] whether slider is disabled
-      # @param orientation [String] "horizontal" or "vertical" (default: "horizontal")
-      # @param inverted [Boolean] whether to invert the slider direction
-      # @param name [String] form input name
-      # @param center_point [Integer, nil] center point for bidirectional sliders (e.g., 0 for balance)
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(min: 0, max: 100, step: 1, value: nil, default_value: nil, disabled: false, orientation: "horizontal", inverted: false, name: "", center_point: nil, classes: "", attributes: {})
-        @min = min
-        @max = max
-        @step = step
-        @value = value
-        @center_point = center_point
-        # If center_point is defined and no default_value provided, start at center
-        @default_value = default_value || (center_point ? [center_point] : [min])
-        @disabled = disabled
-        @orientation = orientation
-        @inverted = inverted
-        @name = name
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param min [Integer] minimum value (default: 0)
+  # @param max [Integer] maximum value (default: 100)
+  # @param step [Integer] step increment (default: 1)
+  # @param value [Array<Integer>] controlled value
+  # @param default_value [Array<Integer>] default value (default: [min])
+  # @param disabled [Boolean] whether slider is disabled
+  # @param orientation [String] "horizontal" or "vertical" (default: "horizontal")
+  # @param inverted [Boolean] whether to invert the slider direction
+  # @param name [String] form input name
+  # @param center_point [Integer, nil] center point for bidirectional sliders (e.g., 0 for balance)
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(min: 0, max: 100, step: 1, value: nil, default_value: nil, disabled: false, orientation: "horizontal", inverted: false, name: "", center_point: nil, classes: "", attributes: {})
+    @min = min
+    @max = max
+    @step = step
+    @value = value
+    @center_point = center_point
+    # If center_point is defined and no default_value provided, start at center
+    @default_value = default_value || (center_point ? [center_point] : [min])
+    @disabled = disabled
+    @orientation = orientation
+    @inverted = inverted
+    @name = name
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def call
-        attrs = slider_html_attributes
-        attrs[:data] = attrs[:data].merge(@attributes.fetch(:data, {}))
+  def call
+    attrs = slider_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