fernandes-ui 0.1.1 → 0.1.4

data/app/components/ui/drawer_description.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::DrawerDescription < Phlex::HTML
-      include UI::DrawerDescriptionBehavior
+class UI::DrawerDescription < Phlex::HTML
+  include UI::DrawerDescriptionBehavior
 
-      def initialize(classes: nil, **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: nil, **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        p(**drawer_description_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    p(**drawer_description_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/drawer_footer.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::DrawerFooter < Phlex::HTML
-      include UI::DrawerFooterBehavior
+class UI::DrawerFooter < Phlex::HTML
+  include UI::DrawerFooterBehavior
 
-      def initialize(classes: nil, **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: nil, **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**drawer_footer_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**drawer_footer_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/drawer_handle.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-    class UI::DrawerHandle < Phlex::HTML
-      include UI::DrawerHandleBehavior
+class UI::DrawerHandle < Phlex::HTML
+  include UI::DrawerHandleBehavior
 
-      def initialize(classes: nil, **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: nil, **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        div(**drawer_handle_html_attributes)
-      end
-    end
+  def view_template
+    div(**drawer_handle_html_attributes)
+  end
+end

data/app/components/ui/drawer_header.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::DrawerHeader < Phlex::HTML
-      include UI::DrawerHeaderBehavior
+class UI::DrawerHeader < Phlex::HTML
+  include UI::DrawerHeaderBehavior
 
-      def initialize(classes: nil, **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: nil, **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**drawer_header_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**drawer_header_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/drawer_overlay.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-    class UI::DrawerOverlay < Phlex::HTML
-      include UI::DrawerOverlayBehavior
+class UI::DrawerOverlay < Phlex::HTML
+  include UI::DrawerOverlayBehavior
 
-      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
-        div(**drawer_overlay_container_html_attributes) do
-          div(**drawer_overlay_html_attributes)
-        end
-      end
+  def view_template
+    div(**drawer_overlay_container_html_attributes) do
+      div(**drawer_overlay_html_attributes)
     end
+  end
+end

data/app/components/ui/drawer_title.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::DrawerTitle < Phlex::HTML
-      include UI::DrawerTitleBehavior
+class UI::DrawerTitle < Phlex::HTML
+  include UI::DrawerTitleBehavior
 
-      def initialize(classes: nil, **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: nil, **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**drawer_title_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**drawer_title_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/drawer_trigger.rb

@@ -1,34 +1,34 @@
 # frozen_string_literal: true
 
-    class UI::DrawerTrigger < Phlex::HTML
-      include UI::SharedAsChildBehavior
-      include UI::DrawerTriggerBehavior
+class UI::DrawerTrigger < Phlex::HTML
+  include UI::SharedAsChildBehavior
+  include UI::DrawerTriggerBehavior
 
-      # @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)
-        if @as_child
-          # Yield attributes to block - child must accept and use them
-          yield(drawer_trigger_html_attributes) if block_given?
-        else
-          # Default: render as Button component
-          render UI::Button.new(
-            variant: @variant,
-            size: @size,
-            classes: @classes,
-            **drawer_trigger_html_attributes
-          ), &block
-        end
-      end
+  def view_template(&block)
+    if @as_child
+      # Yield attributes to block - child must accept and use them
+      yield(drawer_trigger_html_attributes) if block_given?
+    else
+      # Default: render as Button component
+      render UI::Button.new(
+        variant: @variant,
+        size: @size,
+        classes: @classes,
+        **drawer_trigger_html_attributes
+      ), &block
     end
+  end
+end

data/app/components/ui/dropdown_menu.rb

@@ -1,56 +1,56 @@
 # frozen_string_literal: true
 
-    # DropdownMenu - Phlex implementation
-    #
-    # Container for dropdown menus with Stimulus controller for interactivity.
-    # Uses DropdownMenuBehavior concern for shared styling logic.
-    #
-    # Supports asChild pattern for composition without wrapper elements.
-    #
-    # @example Basic usage
-    #   render UI::DropdownMenu.new do
-    #     render UI::Trigger.new { button { "Open" } }
-    #     render UI::Content.new { "Items here" }
-    #   end
-    #
-    # @example With asChild (no wrapper div)
-    #   render UI::DropdownMenu.new(as_child: true) do |dropdown_attrs|
-    #     # DropdownMenu yields data attributes to first child
-    #     render UI::Trigger.new(**dropdown_attrs, as_child: true) do |trigger_attrs|
-    #       render UI::Button.new(**trigger_attrs) { "Menu" }
-    #     end
-    #     render UI::Content.new { "Items" }
-    #   end
-    class UI::DropdownMenu < Phlex::HTML
-      include UI::DropdownMenuBehavior
-      include UI::SharedAsChildBehavior
+# DropdownMenu - Phlex implementation
+#
+# Container for dropdown menus with Stimulus controller for interactivity.
+# Uses DropdownMenuBehavior concern for shared styling logic.
+#
+# Supports asChild pattern for composition without wrapper elements.
+#
+# @example Basic usage
+#   render UI::DropdownMenu.new do
+#     render UI::Trigger.new { button { "Open" } }
+#     render UI::Content.new { "Items here" }
+#   end
+#
+# @example With asChild (no wrapper div)
+#   render UI::DropdownMenu.new(as_child: true) do |dropdown_attrs|
+#     # DropdownMenu yields data attributes to first child
+#     render UI::Trigger.new(**dropdown_attrs, as_child: true) do |trigger_attrs|
+#       render UI::Button.new(**trigger_attrs) { "Menu" }
+#     end
+#     render UI::Content.new { "Items" }
+#   end
+class UI::DropdownMenu < Phlex::HTML
+  include UI::DropdownMenuBehavior
+  include UI::SharedAsChildBehavior
 
-      # @param as_child [Boolean] When true, yields attributes to block instead of rendering wrapper
-      # @param placement [String] Floating UI placement (bottom-start, bottom-end, right-start, etc.)
-      # @param offset [Integer] Offset from trigger in pixels
-      # @param flip [Boolean] Enable/disable flip middleware
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(as_child: false, placement: "bottom-start", offset: 4, flip: true, classes: "", **attributes)
-        @as_child = as_child
-        @placement = placement
-        @offset = offset
-        @flip = flip
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param as_child [Boolean] When true, yields attributes to block instead of rendering wrapper
+  # @param placement [String] Floating UI placement (bottom-start, bottom-end, right-start, etc.)
+  # @param offset [Integer] Offset from trigger in pixels
+  # @param flip [Boolean] Enable/disable flip middleware
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(as_child: false, placement: "bottom-start", offset: 4, flip: true, classes: "", **attributes)
+    @as_child = as_child
+    @placement = placement
+    @offset = offset
+    @flip = flip
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        dropdown_attrs = dropdown_menu_html_attributes.deep_merge(@attributes)
+  def view_template(&block)
+    dropdown_attrs = dropdown_menu_html_attributes.deep_merge(@attributes)
 
-        if @as_child
-          # Yield data attributes to block - child receives controller setup
-          yield(dropdown_attrs) if block_given?
-        else
-          # Default: render wrapper div with controller
-          div(**dropdown_attrs) do
-            yield if block_given?
-          end
-        end
+    if @as_child
+      # Yield data attributes to block - child receives controller setup
+      yield(dropdown_attrs) if block_given?
+    else
+      # Default: render wrapper div with controller
+      div(**dropdown_attrs) do
+        yield if block_given?
       end
     end
+  end
+end

data/app/components/ui/dropdown_menu_checkbox_item.rb

@@ -1,55 +1,55 @@
 # frozen_string_literal: true
 
-    # CheckboxItem - Phlex implementation
-    #
-    # Menu item with checkbox state that can be toggled.
-    # Uses DropdownMenuCheckboxItemBehavior concern for shared styling logic.
-    #
-    # @example Basic checkbox item
-    #   render UI::CheckboxItem.new(checked: true) { "Show Status Bar" }
-    class UI::DropdownMenuCheckboxItem < Phlex::HTML
-      include UI::DropdownMenuCheckboxItemBehavior
+# CheckboxItem - Phlex implementation
+#
+# Menu item with checkbox state that can be toggled.
+# Uses DropdownMenuCheckboxItemBehavior concern for shared styling logic.
+#
+# @example Basic checkbox item
+#   render UI::CheckboxItem.new(checked: true) { "Show Status Bar" }
+class UI::DropdownMenuCheckboxItem < Phlex::HTML
+  include UI::DropdownMenuCheckboxItemBehavior
 
-      # @param checked [Boolean] Whether checkbox is checked
-      # @param disabled [Boolean] Whether item is disabled
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(checked: false, disabled: false, classes: "", **attributes)
-        @checked = checked
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param checked [Boolean] Whether checkbox is checked
+  # @param disabled [Boolean] Whether item is disabled
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(checked: false, disabled: false, classes: "", **attributes)
+    @checked = checked
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**dropdown_menu_checkbox_item_html_attributes.deep_merge(@attributes)) do
-          render_checkbox_indicator
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**dropdown_menu_checkbox_item_html_attributes.deep_merge(@attributes)) do
+      render_checkbox_indicator
+      yield if block_given?
+    end
+  end
 
-      private
+  private
 
-      def render_checkbox_indicator
-        span(class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center") do
-          if @checked
-            span(data: { state: "checked" }) 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: "lucide lucide-check size-4"
-              ) do |s|
-                s.path(d: "M20 6 9 17l-5-5")
-              end
-            end
+  def render_checkbox_indicator
+    span(class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center") do
+      if @checked
+        span(data: {state: "checked"}) 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: "lucide lucide-check size-4"
+          ) do |s|
+            s.path(d: "M20 6 9 17l-5-5")
           end
         end
       end
     end
+  end
+end

data/app/components/ui/dropdown_menu_content.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # Menu items container with animations and positioning.
-    # Uses DropdownMenuContentBehavior concern for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Content.new do
-    #     render UI::Item.new { "Menu Item" }
-    #   end
-    class UI::DropdownMenuContent < Phlex::HTML
-      include UI::DropdownMenuContentBehavior
+# Content - Phlex implementation
+#
+# Menu items container with animations and positioning.
+# Uses DropdownMenuContentBehavior concern for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Content.new do
+#     render UI::Item.new { "Menu Item" }
+#   end
+class UI::DropdownMenuContent < Phlex::HTML
+  include UI::DropdownMenuContentBehavior
 
-      # @param side_offset [Integer] Offset from trigger side
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(side_offset: 4, classes: "", **attributes)
-        @side_offset = side_offset
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param side_offset [Integer] Offset from trigger side
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(side_offset: 4, classes: "", **attributes)
+    @side_offset = side_offset
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**dropdown_menu_content_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**dropdown_menu_content_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/dropdown_menu_item.rb

@@ -1,40 +1,40 @@
 # frozen_string_literal: true
 
-    # Item - Phlex implementation
-    #
-    # Individual menu item that can be rendered as a link or div.
-    # Uses DropdownMenuItemBehavior concern for shared styling logic.
-    #
-    # @example Basic menu item
-    #   render UI::Item.new { "Profile" }
-    #
-    # @example Menu item with link
-    #   render UI::Item.new(href: "/profile") { "Profile" }
-    class UI::DropdownMenuItem < Phlex::HTML
-      include UI::DropdownMenuItemBehavior
+# Item - Phlex implementation
+#
+# Individual menu item that can be rendered as a link or div.
+# Uses DropdownMenuItemBehavior concern for shared styling logic.
+#
+# @example Basic menu item
+#   render UI::Item.new { "Profile" }
+#
+# @example Menu item with link
+#   render UI::Item.new(href: "/profile") { "Profile" }
+class UI::DropdownMenuItem < Phlex::HTML
+  include UI::DropdownMenuItemBehavior
 
-      # @param href [String] Optional URL to make item a link
-      # @param inset [Boolean] Whether to add left padding for alignment
-      # @param variant [String] Variant style (default, destructive)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(href: nil, inset: false, variant: "default", classes: "", **attributes)
-        @href = href
-        @inset = inset
-        @variant = variant
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param href [String] Optional URL to make item a link
+  # @param inset [Boolean] Whether to add left padding for alignment
+  # @param variant [String] Variant style (default, destructive)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(href: nil, inset: false, variant: "default", classes: "", **attributes)
+    @href = href
+    @inset = inset
+    @variant = variant
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        if @href
-          a(**dropdown_menu_item_html_attributes.deep_merge(@attributes)) do
-            yield if block_given?
-          end
-        else
-          div(**dropdown_menu_item_html_attributes.deep_merge(@attributes)) do
-            yield if block_given?
-          end
-        end
+  def view_template(&block)
+    if @href
+      a(**dropdown_menu_item_html_attributes.deep_merge(@attributes)) do
+        yield if block_given?
+      end
+    else
+      div(**dropdown_menu_item_html_attributes.deep_merge(@attributes)) do
+        yield if block_given?
       end
     end
+  end
+end

data/app/components/ui/dropdown_menu_label.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Label - Phlex implementation
-    #
-    # Label for menu sections to organize items.
-    # Uses DropdownMenuLabelBehavior concern for shared styling logic.
-    #
-    # @example Basic label
-    #   render UI::Label.new { "My Account" }
-    class UI::DropdownMenuLabel < Phlex::HTML
-      include UI::DropdownMenuLabelBehavior
+# Label - Phlex implementation
+#
+# Label for menu sections to organize items.
+# Uses DropdownMenuLabelBehavior concern for shared styling logic.
+#
+# @example Basic label
+#   render UI::Label.new { "My Account" }
+class UI::DropdownMenuLabel < Phlex::HTML
+  include UI::DropdownMenuLabelBehavior
 
-      # @param inset [Boolean] Whether to add left padding for alignment
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(inset: false, classes: "", **attributes)
-        @inset = inset
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param inset [Boolean] Whether to add left padding for alignment
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(inset: false, classes: "", **attributes)
+    @inset = inset
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**dropdown_menu_label_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**dropdown_menu_label_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end