fernandes-ui 0.1.0 → 0.1.2

data/app/components/ui/select_scroll_down_button.rb

@@ -1,47 +1,47 @@
 # frozen_string_literal: true
 
-    # Select Scroll Down Button - Phlex implementation
-    #
-    # Button that appears when content is scrollable downward.
-    # Automatically hidden when at bottom of list.
-    #
-    # @example Default usage (no customization needed)
-    #   render UI::ScrollDownButton.new
-    class UI::SelectScrollDownButton < Phlex::HTML
-      include UI::SelectScrollDownButtonBehavior
-      include UI::SharedAsChildBehavior
+# Select Scroll Down Button - Phlex implementation
+#
+# Button that appears when content is scrollable downward.
+# Automatically hidden when at bottom of list.
+#
+# @example Default usage (no customization needed)
+#   render UI::ScrollDownButton.new
+class UI::SelectScrollDownButton < Phlex::HTML
+  include UI::SelectScrollDownButtonBehavior
+  include UI::SharedAsChildBehavior
 
-      # @param as_child [Boolean] When true, yields attributes to block instead of rendering div
-      # @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] When true, yields attributes to block instead of rendering div
+  # @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)
-        button_attrs = select_scroll_down_button_html_attributes.deep_merge(@attributes)
+  def view_template(&block)
+    button_attrs = select_scroll_down_button_html_attributes.deep_merge(@attributes)
 
-        if @as_child && block_given?
-          # asChild mode: yield attributes to block
-          yield(button_attrs)
-        else
-          # Default mode: render as div with chevron down icon
-          div(**button_attrs) do
-            svg(
-              class: "size-4",
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              stroke_width: "2",
-              stroke_linecap: "round",
-              stroke_linejoin: "round"
-            ) do |s|
-              s.path(d: "m6 9 6 6 6-6")
-            end
-          end
+    if @as_child && block_given?
+      # asChild mode: yield attributes to block
+      yield(button_attrs)
+    else
+      # Default mode: render as div with chevron down icon
+      div(**button_attrs) do
+        svg(
+          class: "size-4",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          stroke_width: "2",
+          stroke_linecap: "round",
+          stroke_linejoin: "round"
+        ) do |s|
+          s.path(d: "m6 9 6 6 6-6")
         end
       end
     end
+  end
+end

data/app/components/ui/select_scroll_up_button.rb

@@ -1,47 +1,47 @@
 # frozen_string_literal: true
 
-    # Select Scroll Up Button - Phlex implementation
-    #
-    # Button that appears when content is scrollable upward.
-    # Automatically hidden when at top of list.
-    #
-    # @example Default usage (no customization needed)
-    #   render UI::ScrollUpButton.new
-    class UI::SelectScrollUpButton < Phlex::HTML
-      include UI::SelectScrollUpButtonBehavior
-      include UI::SharedAsChildBehavior
+# Select Scroll Up Button - Phlex implementation
+#
+# Button that appears when content is scrollable upward.
+# Automatically hidden when at top of list.
+#
+# @example Default usage (no customization needed)
+#   render UI::ScrollUpButton.new
+class UI::SelectScrollUpButton < Phlex::HTML
+  include UI::SelectScrollUpButtonBehavior
+  include UI::SharedAsChildBehavior
 
-      # @param as_child [Boolean] When true, yields attributes to block instead of rendering div
-      # @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] When true, yields attributes to block instead of rendering div
+  # @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)
-        button_attrs = select_scroll_up_button_html_attributes.deep_merge(@attributes)
+  def view_template(&block)
+    button_attrs = select_scroll_up_button_html_attributes.deep_merge(@attributes)
 
-        if @as_child && block_given?
-          # asChild mode: yield attributes to block
-          yield(button_attrs)
-        else
-          # Default mode: render as div with chevron up icon
-          div(**button_attrs) do
-            svg(
-              class: "size-4",
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              stroke_width: "2",
-              stroke_linecap: "round",
-              stroke_linejoin: "round"
-            ) do |s|
-              s.path(d: "m18 15-6-6-6 6")
-            end
-          end
+    if @as_child && block_given?
+      # asChild mode: yield attributes to block
+      yield(button_attrs)
+    else
+      # Default mode: render as div with chevron up icon
+      div(**button_attrs) do
+        svg(
+          class: "size-4",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          stroke_width: "2",
+          stroke_linecap: "round",
+          stroke_linejoin: "round"
+        ) do |s|
+          s.path(d: "m18 15-6-6-6 6")
         end
       end
     end
+  end
+end

data/app/components/ui/select_trigger.rb

@@ -1,45 +1,45 @@
 # frozen_string_literal: true
 
-    # Select Trigger - Phlex implementation
-    #
-    # Button that opens the select dropdown.
-    # Supports asChild pattern for composition.
-    #
-    # @example Default button
-    #   render UI::Trigger.new(placeholder: "Select a fruit...")
-    #
-    # @example With asChild (custom button)
-    #   render UI::Trigger.new(as_child: true, placeholder: "Select plan...") do |attrs|
-    #     button(**attrs, class: "custom-button") do
-    #       span(data_ui__select_target: "valueDisplay") { "Select plan..." }
-    #     end
-    #   end
-    class UI::SelectTrigger < Phlex::HTML
-      include UI::SelectTriggerBehavior
-      include UI::SharedAsChildBehavior
+# Select Trigger - Phlex implementation
+#
+# Button that opens the select dropdown.
+# Supports asChild pattern for composition.
+#
+# @example Default button
+#   render UI::Trigger.new(placeholder: "Select a fruit...")
+#
+# @example With asChild (custom button)
+#   render UI::Trigger.new(as_child: true, placeholder: "Select plan...") do |attrs|
+#     button(**attrs, class: "custom-button") do
+#       span(data_ui__select_target: "valueDisplay") { "Select plan..." }
+#     end
+#   end
+class UI::SelectTrigger < Phlex::HTML
+  include UI::SelectTriggerBehavior
+  include UI::SharedAsChildBehavior
 
-      # @param as_child [Boolean] When true, yields attributes to block instead of rendering button
-      # @param placeholder [String] Placeholder text when no value selected
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(as_child: false, placeholder: "Select...", classes: "", **attributes)
-        @as_child = as_child
-        @placeholder = placeholder
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param as_child [Boolean] When true, yields attributes to block instead of rendering button
+  # @param placeholder [String] Placeholder text when no value selected
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(as_child: false, placeholder: "Select...", classes: "", **attributes)
+    @as_child = as_child
+    @placeholder = placeholder
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        trigger_attrs = select_trigger_html_attributes.deep_merge(@attributes)
+  def view_template(&block)
+    trigger_attrs = select_trigger_html_attributes.deep_merge(@attributes)
 
-        if @as_child
-          # asChild mode: yield attributes to block
-          yield(trigger_attrs) if block_given?
-        else
-          # Default mode: render as button
-          button(**trigger_attrs) do
-            span(data_ui__select_target: "valueDisplay") { @placeholder }
-          end
-        end
+    if @as_child
+      # asChild mode: yield attributes to block
+      yield(trigger_attrs) if block_given?
+    else
+      # Default mode: render as button
+      button(**trigger_attrs) do
+        span(data_ui__select_target: "valueDisplay") { @placeholder }
       end
     end
+  end
+end

data/app/components/ui/separator.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
-    # Separator - Phlex implementation
-    #
-    # Visually or semantically separates content.
-    # Uses SeparatorBehavior module for shared styling logic.
-    #
-    # Based on shadcn/ui Separator: https://ui.shadcn.com/docs/components/separator
-    # Based on Radix UI Separator: https://www.radix-ui.com/primitives/docs/components/separator
-    #
-    # @example Horizontal separator (default)
-    #   render UI::Separator.new
-    #
-    # @example Vertical separator
-    #   render UI::Separator.new(orientation: :vertical)
-    #
-    # @example Semantic separator (for screen readers)
-    #   render UI::Separator.new(decorative: false)
-    #
-    # @example With custom classes
-    #   render UI::Separator.new(classes: "my-4")
-    class UI::Separator < Phlex::HTML
-      include UI::SeparatorBehavior
+# Separator - Phlex implementation
+#
+# Visually or semantically separates content.
+# Uses SeparatorBehavior module for shared styling logic.
+#
+# Based on shadcn/ui Separator: https://ui.shadcn.com/docs/components/separator
+# Based on Radix UI Separator: https://www.radix-ui.com/primitives/docs/components/separator
+#
+# @example Horizontal separator (default)
+#   render UI::Separator.new
+#
+# @example Vertical separator
+#   render UI::Separator.new(orientation: :vertical)
+#
+# @example Semantic separator (for screen readers)
+#   render UI::Separator.new(decorative: false)
+#
+# @example With custom classes
+#   render UI::Separator.new(classes: "my-4")
+class UI::Separator < Phlex::HTML
+  include UI::SeparatorBehavior
 
-      # @param orientation [Symbol, String] Direction of the separator (:horizontal, :vertical)
-      # @param decorative [Boolean] Whether the separator is purely decorative (true) or has semantic meaning (false)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(orientation: :horizontal, decorative: true, classes: "", **attributes)
-        @orientation = orientation
-        @decorative = decorative
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param orientation [Symbol, String] Direction of the separator (:horizontal, :vertical)
+  # @param decorative [Boolean] Whether the separator is purely decorative (true) or has semantic meaning (false)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(orientation: :horizontal, decorative: true, classes: "", **attributes)
+    @orientation = orientation
+    @decorative = decorative
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        div(**separator_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def view_template
+    div(**separator_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/components/ui/sheet.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::Sheet < Phlex::HTML
-      include UI::SheetBehavior
+class UI::Sheet < Phlex::HTML
+  include UI::SheetBehavior
 
-      def initialize(open: false, close_on_escape: true, close_on_overlay_click: true, classes: nil, **attributes)
-        @open = open
-        @close_on_escape = close_on_escape
-        @close_on_overlay_click = close_on_overlay_click
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(open: false, close_on_escape: true, close_on_overlay_click: true, classes: nil, **attributes)
+    @open = open
+    @close_on_escape = close_on_escape
+    @close_on_overlay_click = close_on_overlay_click
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**sheet_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**sheet_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/sheet_close.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
-    class UI::SheetClose < Phlex::HTML
-      include UI::SharedAsChildBehavior
+class UI::SheetClose < Phlex::HTML
+  include UI::SharedAsChildBehavior
 
-      # @param as_child [Boolean] When true, yields attributes to block instead of rendering button
-      # @param variant [Symbol] Button variant (passed to Button component when not using asChild)
-      # @param size [Symbol] Button size (passed to Button component when not using asChild)
-      # @param classes [String] Additional CSS classes
-      def initialize(as_child: false, variant: :outline, size: :default, classes: nil, **attributes)
-        @as_child = as_child
-        @variant = variant
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param as_child [Boolean] When true, yields attributes to block instead of rendering button
+  # @param variant [Symbol] Button variant (passed to Button component when not using asChild)
+  # @param size [Symbol] Button size (passed to Button component when not using asChild)
+  # @param classes [String] Additional CSS classes
+  def initialize(as_child: false, variant: :outline, size: :default, classes: nil, **attributes)
+    @as_child = as_child
+    @variant = variant
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        close_attrs = {
-          data: { action: "click->ui--dialog#close" },
-          **@attributes
-        }
+  def view_template(&block)
+    close_attrs = {
+      data: {action: "click->ui--dialog#close"},
+      **@attributes
+    }
 
-        if @as_child
-          # Yield attributes to block - child must accept and use them
-          yield(close_attrs) if block_given?
-        else
-          # Default: render as Button component
-          render UI::Button.new(
-            variant: @variant,
-            size: @size,
-            classes: @classes,
-            **close_attrs
-          ) do
-            yield if block_given?
-          end
-        end
+    if @as_child
+      # Yield attributes to block - child must accept and use them
+      yield(close_attrs) if block_given?
+    else
+      # Default: render as Button component
+      render UI::Button.new(
+        variant: @variant,
+        size: @size,
+        classes: @classes,
+        **close_attrs
+      ) do
+        yield if block_given?
       end
     end
+  end
+end

data/app/components/ui/sheet_content.rb

@@ -1,55 +1,55 @@
 # frozen_string_literal: true
 
-    class UI::SheetContent < Phlex::HTML
-      include UI::SheetContentBehavior
+class UI::SheetContent < Phlex::HTML
+  include UI::SheetContentBehavior
 
-      # @param side [String] Position of the sheet: "top", "right", "bottom", "left"
-      # @param open [Boolean] Whether the sheet is open
-      # @param show_close [Boolean] Whether to show the built-in close button
-      # @param classes [String] Additional CSS classes
-      def initialize(side: "right", open: false, show_close: true, classes: nil, **attributes)
-        @side = side
-        @open = open
-        @show_close = show_close
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param side [String] Position of the sheet: "top", "right", "bottom", "left"
+  # @param open [Boolean] Whether the sheet is open
+  # @param show_close [Boolean] Whether to show the built-in close button
+  # @param classes [String] Additional CSS classes
+  def initialize(side: "right", open: false, show_close: true, classes: nil, **attributes)
+    @side = side
+    @open = open
+    @show_close = show_close
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**sheet_content_html_attributes) do
-          yield if block_given?
+  def view_template(&block)
+    div(**sheet_content_html_attributes) do
+      yield if block_given?
 
-          # Built-in close button (like shadcn)
-          if @show_close
-            button(
-              class: sheet_content_close_button_classes,
-              data: { action: "click->ui--dialog#close" }
-            ) do
-              render_x_icon
-              span(class: "sr-only") { "Close" }
-            end
-          end
+      # Built-in close button (like shadcn)
+      if @show_close
+        button(
+          class: sheet_content_close_button_classes,
+          data: {action: "click->ui--dialog#close"}
+        ) do
+          render_x_icon
+          span(class: "sr-only") { "Close" }
         end
       end
+    end
+  end
 
-      private
+  private
 
-      # Render X icon as inline SVG (Lucide icon)
-      def render_x_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: "size-4"
-        ) do |s|
-          s.path(d: "M18 6 6 18")
-          s.path(d: "m6 6 12 12")
-        end
-      end
+  # Render X icon as inline SVG (Lucide icon)
+  def render_x_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: "size-4"
+    ) do |s|
+      s.path(d: "M18 6 6 18")
+      s.path(d: "m6 6 12 12")
     end
+  end
+end

data/app/components/ui/sheet_description.rb

@@ -1,22 +1,22 @@
 # frozen_string_literal: true
 
-    class UI::SheetDescription < Phlex::HTML
-      def initialize(classes: nil)
-        @classes = classes
-      end
+class UI::SheetDescription < Phlex::HTML
+  def initialize(classes: nil)
+    @classes = classes
+  end
 
-      def view_template(&block)
-        p(class: description_classes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    p(class: description_classes) do
+      yield if block_given?
+    end
+  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/components/ui/sheet_footer.rb

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
-    class UI::SheetFooter < Phlex::HTML
-      include UI::SheetFooterBehavior
+class UI::SheetFooter < Phlex::HTML
+  include UI::SheetFooterBehavior
 
-      def initialize(classes: nil)
-        @classes = classes
-      end
+  def initialize(classes: nil)
+    @classes = classes
+  end
 
-      def view_template(&block)
-        div(**sheet_footer_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**sheet_footer_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/sheet_header.rb

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
-    class UI::SheetHeader < Phlex::HTML
-      include UI::SheetHeaderBehavior
+class UI::SheetHeader < Phlex::HTML
+  include UI::SheetHeaderBehavior
 
-      def initialize(classes: nil)
-        @classes = classes
-      end
+  def initialize(classes: nil)
+    @classes = classes
+  end
 
-      def view_template(&block)
-        div(**sheet_header_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**sheet_header_html_attributes) do
+      yield if block_given?
     end
+  end
+end