fernandes-ui 0.1.1 → 0.1.2

data/app/components/ui/alert_dialog_footer.rb

@@ -1,28 +1,28 @@
 # frozen_string_literal: true
 
-    # Footer - Phlex implementation
-    #
-    # Footer section with action buttons for the alert dialog.
-    # Uses AlertDialogFooterBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Footer.new do
-    #     render UI::Cancel.new { "Cancel" }
-    #     render UI::Action.new { "Continue" }
-    #   end
-    class UI::AlertDialogFooter < Phlex::HTML
-      include UI::AlertDialogFooterBehavior
+# Footer - Phlex implementation
+#
+# Footer section with action buttons for the alert dialog.
+# Uses AlertDialogFooterBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Footer.new do
+#     render UI::Cancel.new { "Cancel" }
+#     render UI::Action.new { "Continue" }
+#   end
+class UI::AlertDialogFooter < Phlex::HTML
+  include UI::AlertDialogFooterBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**alert_dialog_footer_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_dialog_footer_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_header.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Header - Phlex implementation
-    #
-    # Header section of the alert dialog.
-    # Uses AlertDialogHeaderBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Header.new do
-    #     render UI::Title.new { "Alert Title" }
-    #   end
-    class UI::AlertDialogHeader < Phlex::HTML
-      include UI::AlertDialogHeaderBehavior
+# Header - Phlex implementation
+#
+# Header section of the alert dialog.
+# Uses AlertDialogHeaderBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Header.new do
+#     render UI::Title.new { "Alert Title" }
+#   end
+class UI::AlertDialogHeader < Phlex::HTML
+  include UI::AlertDialogHeaderBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**alert_dialog_header_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_dialog_header_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_overlay.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Overlay - Phlex implementation
-    #
-    # Container wrapper with backdrop and content for the alert dialog overlay.
-    # Uses AlertDialogOverlayBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Overlay.new do
-    #     render UI::Content.new { "Content here" }
-    #   end
-    class UI::AlertDialogOverlay < Phlex::HTML
-      include UI::AlertDialogOverlayBehavior
+# Overlay - Phlex implementation
+#
+# Container wrapper with backdrop and content for the alert dialog overlay.
+# Uses AlertDialogOverlayBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Overlay.new do
+#     render UI::Content.new { "Content here" }
+#   end
+class UI::AlertDialogOverlay < Phlex::HTML
+  include UI::AlertDialogOverlayBehavior
 
-      # @param open [Boolean] Whether the overlay is initially visible
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(open: false, classes: "", **attributes)
-        @open = open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param open [Boolean] Whether the overlay is initially visible
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(open: false, classes: "", **attributes)
+    @open = open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**alert_dialog_overlay_container_html_attributes) do
-          div(**alert_dialog_overlay_html_attributes) {}
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_dialog_overlay_container_html_attributes) do
+      div(**alert_dialog_overlay_html_attributes) {}
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_title.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Title - Phlex implementation
-    #
-    # Title text for the alert dialog.
-    # Uses AlertDialogTitleBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Title.new { "Are you absolutely sure?" }
-    class UI::AlertDialogTitle < Phlex::HTML
-      include UI::AlertDialogTitleBehavior
+# Title - Phlex implementation
+#
+# Title text for the alert dialog.
+# Uses AlertDialogTitleBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Title.new { "Are you absolutely sure?" }
+class UI::AlertDialogTitle < Phlex::HTML
+  include UI::AlertDialogTitleBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        h2(**alert_dialog_title_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    h2(**alert_dialog_title_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_trigger.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # Trigger - Phlex implementation
-    #
-    # A wrapper that adds the alert dialog open action to its child element.
-    # Uses AlertDialogTriggerBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Trigger.new do
-    #     render UI::Button.new { "Open Alert Dialog" }
-    #   end
-    class UI::AlertDialogTrigger < Phlex::HTML
-      include UI::AlertDialogTriggerBehavior
+# Trigger - Phlex implementation
+#
+# A wrapper that adds the alert dialog open action to its child element.
+# Uses AlertDialogTriggerBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Trigger.new do
+#     render UI::Button.new { "Open Alert Dialog" }
+#   end
+class UI::AlertDialogTrigger < Phlex::HTML
+  include UI::AlertDialogTriggerBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**alert_dialog_trigger_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_dialog_trigger_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_title.rb

@@ -1,24 +1,24 @@
 # frozen_string_literal: true
 
-    # Alert Title - Phlex implementation
-    #
-    # Title text for an alert component.
-    #
-    # @example
-    #   render UI::Title.new { "Important Notice" }
-    class UI::AlertTitle < Phlex::HTML
-      include UI::AlertTitleBehavior
+# Alert Title - Phlex implementation
+#
+# Title text for an alert component.
+#
+# @example
+#   render UI::Title.new { "Important Notice" }
+class UI::AlertTitle < Phlex::HTML
+  include UI::AlertTitleBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**alert_title_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_title_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/aspect_ratio.rb

@@ -1,32 +1,32 @@
 # frozen_string_literal: true
 
-    # AspectRatio - Phlex implementation
-    #
-    # Displays content within a desired aspect ratio.
-    # Uses AspectRatioBehavior module for shared styling logic.
-    #
-    # @example Basic usage with 16:9 ratio
-    #   render UI::AspectRatio.new(ratio: 16.0/9.0) do
-    #     img src: "image.jpg", class: "h-full w-full object-cover"
-    #   end
-    class UI::AspectRatio < Phlex::HTML
-      include UI::AspectRatioBehavior
+# AspectRatio - Phlex implementation
+#
+# Displays content within a desired aspect ratio.
+# Uses AspectRatioBehavior module for shared styling logic.
+#
+# @example Basic usage with 16:9 ratio
+#   render UI::AspectRatio.new(ratio: 16.0/9.0) do
+#     img src: "image.jpg", class: "h-full w-full object-cover"
+#   end
+class UI::AspectRatio < Phlex::HTML
+  include UI::AspectRatioBehavior
 
-      # @param ratio [Float] The desired aspect ratio (width/height, e.g., 16/9)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(ratio: 1.0, classes: "", **attributes)
-        @ratio = ratio
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param ratio [Float] The desired aspect ratio (width/height, e.g., 16/9)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(ratio: 1.0, classes: "", **attributes)
+    @ratio = ratio
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**aspect_ratio_html_attributes) do
-          div(**aspect_ratio_padding_attributes)
-          div(**aspect_ratio_content_attributes) do
-            yield if block_given?
-          end
-        end
+  def view_template(&block)
+    div(**aspect_ratio_html_attributes) do
+      div(**aspect_ratio_padding_attributes)
+      div(**aspect_ratio_content_attributes) do
+        yield if block_given?
       end
     end
+  end
+end

data/app/components/ui/avatar.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Avatar - Phlex implementation
-    #
-    # Displays an image element with a fallback for representing users.
-    # Uses AvatarBehavior module for shared styling logic.
-    #
-    # Based on shadcn/ui Avatar: https://ui.shadcn.com/docs/components/avatar
-    # Based on Radix UI Avatar: https://www.radix-ui.com/primitives/docs/components/avatar
-    #
-    # @example Basic usage
-    #   render UI::Avatar.new do
-    #     render UI::Image.new(src: "https://github.com/shadcn.png", alt: "User")
-    #     render UI::Fallback.new { "CN" }
-    #   end
-    class UI::Avatar < Phlex::HTML
-      include UI::AvatarBehavior
+# Avatar - Phlex implementation
+#
+# Displays an image element with a fallback for representing users.
+# Uses AvatarBehavior module for shared styling logic.
+#
+# Based on shadcn/ui Avatar: https://ui.shadcn.com/docs/components/avatar
+# Based on Radix UI Avatar: https://www.radix-ui.com/primitives/docs/components/avatar
+#
+# @example Basic usage
+#   render UI::Avatar.new do
+#     render UI::Image.new(src: "https://github.com/shadcn.png", alt: "User")
+#     render UI::Fallback.new { "CN" }
+#   end
+class UI::Avatar < Phlex::HTML
+  include UI::AvatarBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        span(**avatar_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    span(**avatar_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/avatar_fallback.rb

@@ -1,33 +1,33 @@
 # frozen_string_literal: true
 
-    # Avatar Fallback - Phlex implementation
-    #
-    # Displays fallback content when the image hasn't loaded or fails to load.
-    # Uses AvatarFallbackBehavior module for shared styling logic.
-    #
-    # Based on shadcn/ui Avatar: https://ui.shadcn.com/docs/components/avatar
-    # Based on Radix UI Avatar: https://www.radix-ui.com/primitives/docs/components/avatar
-    #
-    # @example Basic usage
-    #   render UI::Fallback.new { "CN" }
-    #
-    # @example With custom styling
-    #   render UI::Fallback.new(classes: "bg-primary text-primary-foreground") do
-    #     "AB"
-    #   end
-    class UI::AvatarFallback < Phlex::HTML
-      include UI::AvatarFallbackBehavior
+# Avatar Fallback - Phlex implementation
+#
+# Displays fallback content when the image hasn't loaded or fails to load.
+# Uses AvatarFallbackBehavior module for shared styling logic.
+#
+# Based on shadcn/ui Avatar: https://ui.shadcn.com/docs/components/avatar
+# Based on Radix UI Avatar: https://www.radix-ui.com/primitives/docs/components/avatar
+#
+# @example Basic usage
+#   render UI::Fallback.new { "CN" }
+#
+# @example With custom styling
+#   render UI::Fallback.new(classes: "bg-primary text-primary-foreground") do
+#     "AB"
+#   end
+class UI::AvatarFallback < Phlex::HTML
+  include UI::AvatarFallbackBehavior
 
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        span(**avatar_fallback_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    span(**avatar_fallback_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/avatar_image.rb

@@ -1,33 +1,33 @@
 # frozen_string_literal: true
 
-    # Avatar Image - Phlex implementation
-    #
-    # Displays the avatar image. Only renders when it has loaded successfully.
-    # Uses AvatarImageBehavior module for shared styling logic.
-    #
-    # Based on shadcn/ui Avatar: https://ui.shadcn.com/docs/components/avatar
-    # Based on Radix UI Avatar: https://www.radix-ui.com/primitives/docs/components/avatar
-    #
-    # @example Basic usage
-    #   render UI::Image.new(
-    #     src: "https://github.com/shadcn.png",
-    #     alt: "User avatar"
-    #   )
-    class UI::AvatarImage < Phlex::HTML
-      include UI::AvatarImageBehavior
+# Avatar Image - Phlex implementation
+#
+# Displays the avatar image. Only renders when it has loaded successfully.
+# Uses AvatarImageBehavior module for shared styling logic.
+#
+# Based on shadcn/ui Avatar: https://ui.shadcn.com/docs/components/avatar
+# Based on Radix UI Avatar: https://www.radix-ui.com/primitives/docs/components/avatar
+#
+# @example Basic usage
+#   render UI::Image.new(
+#     src: "https://github.com/shadcn.png",
+#     alt: "User avatar"
+#   )
+class UI::AvatarImage < Phlex::HTML
+  include UI::AvatarImageBehavior
 
-      # @param src [String] Image source URL
-      # @param alt [String] Alternative text for the image
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(src:, alt: "", classes: "", **attributes)
-        @src = src
-        @alt = alt
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param src [String] Image source URL
+  # @param alt [String] Alternative text for the image
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(src:, alt: "", classes: "", **attributes)
+    @src = src
+    @alt = alt
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        img(**avatar_image_html_attributes.deep_merge(@attributes))
-      end
-    end
+  def view_template
+    img(**avatar_image_html_attributes.deep_merge(@attributes))
+  end
+end

data/app/components/ui/badge.rb

@@ -1,37 +1,37 @@
 # frozen_string_literal: true
 
-    # Badge - Phlex implementation
-    #
-    # Displays a badge or a component that looks like a badge.
-    # Uses BadgeBehavior module for shared styling logic.
-    #
-    # Based on shadcn/ui Badge: https://ui.shadcn.com/docs/components/badge
-    #
-    # @example Basic usage
-    #   render UI::Badge.new { "New" }
-    #
-    # @example With variant
-    #   render UI::Badge.new(variant: :destructive) { "Error" }
-    #
-    # @example As a link
-    #   a(href: "/notifications", class: "no-underline") do
-    #     render UI::Badge.new { "5" }
-    #   end
-    class UI::Badge < Phlex::HTML
-      include UI::BadgeBehavior
+# Badge - Phlex implementation
+#
+# Displays a badge or a component that looks like a badge.
+# Uses BadgeBehavior module for shared styling logic.
+#
+# Based on shadcn/ui Badge: https://ui.shadcn.com/docs/components/badge
+#
+# @example Basic usage
+#   render UI::Badge.new { "New" }
+#
+# @example With variant
+#   render UI::Badge.new(variant: :destructive) { "Error" }
+#
+# @example As a link
+#   a(href: "/notifications", class: "no-underline") do
+#     render UI::Badge.new { "5" }
+#   end
+class UI::Badge < Phlex::HTML
+  include UI::BadgeBehavior
 
-      # @param variant [Symbol, String] Visual style variant (:default, :secondary, :destructive, :outline)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: :default, classes: "", **attributes)
-        @variant = variant
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [Symbol, String] Visual style variant (:default, :secondary, :destructive, :outline)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: :default, classes: "", **attributes)
+    @variant = variant
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        span(**badge_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    span(**badge_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/blockquote.rb

@@ -9,6 +9,7 @@ module UI
 
     def view_template(&block)
       extend UI::BlockquoteBehavior
+
       blockquote(**blockquote_html_attributes.merge(@attributes), &block)
     end
   end