fernandes-ui 0.1.1 → 0.1.4

data/app/components/ui/date_picker_trigger.rb

@@ -1,74 +1,74 @@
 # frozen_string_literal: true
 
-    # DatePicker Trigger Phlex component
-    # A button that triggers the date picker popover.
-    #
-    # @example Basic usage
-    #   render UI::Trigger.new(placeholder: "Pick a date")
-    #
-    class UI::DatePickerTrigger < Phlex::HTML
-      include DatePickerTriggerBehavior
+# DatePicker Trigger Phlex component
+# A button that triggers the date picker popover.
+#
+# @example Basic usage
+#   render UI::Trigger.new(placeholder: "Pick a date")
+#
+class UI::DatePickerTrigger < Phlex::HTML
+  include UI::DatePickerTriggerBehavior
 
-      # @param placeholder [String] Placeholder text when no date selected
-      # @param selected [Date, Range, Array] Currently selected date(s) for display
-      # @param icon [Symbol] Icon to show: :chevron, :calendar, or :none
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(
-        placeholder: "Select date",
-        selected: nil,
-        icon: :chevron,
-        classes: "",
-        **attributes
-      )
-        @placeholder = placeholder
-        @selected = selected
-        @icon = icon
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def view_template(&block)
-        button(**date_picker_trigger_html_attributes) do
-          span(
-            data: { ui__datepicker_target: "label" },
-            class: "text-left truncate flex-1 #{@selected.nil? ? 'text-muted-foreground' : ''}"
-          ) do
-            plain display_text
-          end
+  # @param placeholder [String] Placeholder text when no date selected
+  # @param selected [Date, Range, Array] Currently selected date(s) for display
+  # @param icon [Symbol] Icon to show: :chevron, :calendar, or :none
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(
+    placeholder: "Select date",
+    selected: nil,
+    icon: :chevron,
+    classes: "",
+    **attributes
+  )
+    @placeholder = placeholder
+    @selected = selected
+    @icon = icon
+    @classes = classes
+    @attributes = attributes
+  end
 
-          render_icon if @icon != :none
-        end
+  def view_template(&block)
+    button(**date_picker_trigger_html_attributes) do
+      span(
+        data: {ui__datepicker_target: "label"},
+        class: "text-left truncate flex-1 #{"text-muted-foreground" if @selected.nil?}"
+      ) do
+        plain display_text
       end
 
-      private
+      render_icon if @icon != :none
+    end
+  end
+
+  private
 
-      def display_text
-        return @placeholder if @selected.nil?
+  def display_text
+    return @placeholder if @selected.nil?
 
-        case @selected
-        when Date
-          @selected.strftime("%B %d, %Y")
-        when Range
-          "#{@selected.begin.strftime('%B %d, %Y')} - #{@selected.end.strftime('%B %d, %Y')}"
-        when Array
-          if @selected.empty?
-            @placeholder
-          elsif @selected.length == 1
-            @selected.first.strftime("%B %d, %Y")
-          else
-            "#{@selected.length} dates selected"
-          end
-        else
-          @placeholder
-        end
+    case @selected
+    when Date
+      @selected.strftime("%B %d, %Y")
+    when Range
+      "#{@selected.begin.strftime("%B %d, %Y")} - #{@selected.end.strftime("%B %d, %Y")}"
+    when Array
+      if @selected.empty?
+        @placeholder
+      elsif @selected.length == 1
+        @selected.first.strftime("%B %d, %Y")
+      else
+        "#{@selected.length} dates selected"
       end
+    else
+      @placeholder
+    end
+  end
 
-      def render_icon
-        if @icon == :chevron
-          raw chevron_down_icon
-        elsif @icon == :calendar
-          raw calendar_icon
-        end
-      end
+  def render_icon
+    if @icon == :chevron
+      raw chevron_down_icon
+    elsif @icon == :calendar
+      raw calendar_icon
     end
+  end
+end

data/app/components/ui/dialog.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::Dialog < Phlex::HTML
-      include UI::DialogBehavior
+class UI::Dialog < Phlex::HTML
+  include UI::DialogBehavior
 
-      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(**dialog_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**dialog_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/dialog_close.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    class UI::DialogClose < Phlex::HTML
-      def initialize(variant: :outline, size: :default, classes: nil, **attributes)
-        @variant = variant
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
+class UI::DialogClose < Phlex::HTML
+  def initialize(variant: :outline, size: :default, classes: nil, **attributes)
+    @variant = variant
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        render UI::Button.new(
-          variant: @variant,
-          size: @size,
-          classes: @classes,
-          **close_button_data_attributes.merge(@attributes)
-        ) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    render UI::Button.new(
+      variant: @variant,
+      size: @size,
+      classes: @classes,
+      **close_button_data_attributes.merge(@attributes)
+    ) do
+      yield if block_given?
+    end
+  end
 
-      private
+  private
 
-      def close_button_data_attributes
-        { data: { action: "click->ui--dialog#close" } }
-      end
-    end
+  def close_button_data_attributes
+    {data: {action: "click->ui--dialog#close"}}
+  end
+end

data/app/components/ui/dialog_content.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    class UI::DialogContent < Phlex::HTML
-      include UI::DialogContentBehavior
+class UI::DialogContent < Phlex::HTML
+  include UI::DialogContentBehavior
 
-      def initialize(open: false, classes: nil, **attributes)
-        @open = open
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(open: false, classes: nil, **attributes)
+    @open = open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**dialog_content_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**dialog_content_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/dialog_description.rb

@@ -1,22 +1,22 @@
 # frozen_string_literal: true
 
-    class UI::DialogDescription < Phlex::HTML
-      def initialize(classes: nil)
-        @classes = classes
-      end
+class UI::DialogDescription < 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/dialog_footer.rb

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

data/app/components/ui/dialog_header.rb

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

data/app/components/ui/dialog_overlay.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    class UI::DialogOverlay < Phlex::HTML
-      include UI::DialogOverlayBehavior
+class UI::DialogOverlay < Phlex::HTML
+  include UI::DialogOverlayBehavior
 
-      def initialize(open: false, classes: nil, **attributes)
-        @open = open
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(open: false, classes: nil, **attributes)
+    @open = open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**dialog_overlay_container_html_attributes) do
-          div(**dialog_overlay_html_attributes)
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**dialog_overlay_container_html_attributes) do
+      div(**dialog_overlay_html_attributes)
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/dialog_title.rb

@@ -1,22 +1,22 @@
 # frozen_string_literal: true
 
-    class UI::DialogTitle < Phlex::HTML
-      def initialize(classes: nil)
-        @classes = classes
-      end
+class UI::DialogTitle < Phlex::HTML
+  def initialize(classes: nil)
+    @classes = classes
+  end
 
-      def view_template(&block)
-        h2(class: title_classes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    h2(class: title_classes) do
+      yield if block_given?
+    end
+  end
 
-      private
+  private
 
-      def title_classes
-        TailwindMerge::Merger.new.merge([
-          "text-lg font-semibold",
-          @classes
-        ].compact.join(" "))
-      end
-    end
+  def title_classes
+    TailwindMerge::Merger.new.merge([
+      "text-lg font-semibold",
+      @classes
+    ].compact.join(" "))
+  end
+end

data/app/components/ui/dialog_trigger.rb

@@ -1,38 +1,38 @@
 # frozen_string_literal: true
 
-    class UI::DialogTrigger < Phlex::HTML
-      include UI::SharedAsChildBehavior
+class UI::DialogTrigger < Phlex::HTML
+  include UI::SharedAsChildBehavior
 
-      # @param as_child [Boolean] When true, yields attributes to block instead of rendering button
-      # @param variant [Symbol] Button variant (when not using as_child)
-      # @param size [Symbol] Button size (when not using as_child)
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      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 (when not using as_child)
+  # @param size [Symbol] Button size (when not using as_child)
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  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)
-        trigger_attrs = {
-          data: { action: "click->ui--dialog#open" },
-          **@attributes
-        }
+  def view_template(&block)
+    trigger_attrs = {
+      data: {action: "click->ui--dialog#open"},
+      **@attributes
+    }
 
-        if @as_child
-          # Yield attributes to block - child must accept and use them
-          yield(trigger_attrs) if block_given?
-        else
-          # Default: render as Button component
-          render UI::Button.new(
-            variant: @variant,
-            size: @size,
-            classes: @classes,
-            **trigger_attrs
-          ), &block
-        end
-      end
+    if @as_child
+      # Yield attributes to block - child must accept and use them
+      yield(trigger_attrs) if block_given?
+    else
+      # Default: render as Button component
+      render UI::Button.new(
+        variant: @variant,
+        size: @size,
+        classes: @classes,
+        **trigger_attrs
+      ), &block
     end
+  end
+end

data/app/components/ui/drawer.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
-    class UI::Drawer < Phlex::HTML
-      include UI::DrawerBehavior
+class UI::Drawer < Phlex::HTML
+  include UI::DrawerBehavior
 
-      def initialize(
-        open: false,
-        direction: "bottom",
-        dismissible: true,
-        modal: true,
-        snap_points: nil,
-        active_snap_point: nil,
-        fade_from_index: nil,
-        snap_to_sequential_point: false,
-        handle_only: false,
-        reposition_inputs: true,
-        classes: nil,
-        **attributes
-      )
-        @open = open
-        @direction = direction
-        @dismissible = dismissible
-        @modal = modal
-        @snap_points = snap_points
-        @active_snap_point = active_snap_point
-        @fade_from_index = fade_from_index
-        @snap_to_sequential_point = snap_to_sequential_point
-        @handle_only = handle_only
-        @reposition_inputs = reposition_inputs
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(
+    open: false,
+    direction: "bottom",
+    dismissible: true,
+    modal: true,
+    snap_points: nil,
+    active_snap_point: nil,
+    fade_from_index: nil,
+    snap_to_sequential_point: false,
+    handle_only: false,
+    reposition_inputs: true,
+    classes: nil,
+    **attributes
+  )
+    @open = open
+    @direction = direction
+    @dismissible = dismissible
+    @modal = modal
+    @snap_points = snap_points
+    @active_snap_point = active_snap_point
+    @fade_from_index = fade_from_index
+    @snap_to_sequential_point = snap_to_sequential_point
+    @handle_only = handle_only
+    @reposition_inputs = reposition_inputs
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**drawer_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**drawer_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/drawer_close.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    class UI::DrawerClose < Phlex::HTML
-      include UI::DrawerCloseBehavior
+class UI::DrawerClose < Phlex::HTML
+  include UI::DrawerCloseBehavior
 
-      def initialize(variant: :outline, size: :default, classes: nil, **attributes)
-        @variant = variant
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(variant: :outline, size: :default, classes: nil, **attributes)
+    @variant = variant
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        render UI::Button.new(
-          variant: @variant,
-          size: @size,
-          classes: @classes,
-          **drawer_close_data_attributes.merge(@attributes)
-        ) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    render UI::Button.new(
+      variant: @variant,
+      size: @size,
+      classes: @classes,
+      **drawer_close_data_attributes.merge(@attributes)
+    ) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/drawer_content.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::DrawerContent < Phlex::HTML
-      include UI::DrawerContentBehavior
+class UI::DrawerContent < Phlex::HTML
+  include UI::DrawerContentBehavior
 
-      def initialize(open: false, direction: "bottom", classes: nil, **attributes)
-        @open = open
-        @direction = direction
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(open: false, direction: "bottom", classes: nil, **attributes)
+    @open = open
+    @direction = direction
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        # Add group class for handle visibility based on direction
-        div(class: "group/drawer-content", **drawer_content_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    # Add group class for handle visibility based on direction
+    div(class: "group/drawer-content", **drawer_content_html_attributes) do
+      yield if block_given?
     end
+  end
+end