fernandes-ui 0.1.1 → 0.1.2

data/app/components/ui/accordion_content.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # Accordion Content component (Phlex)
-    # Collapsible content area within an accordion item
-    #
-    # @example Basic usage
-    #   render UI::Content.new(item_value: "item-1") do
-    #     "This is the accordion content"
-    #   end
-    class UI::AccordionContent < Phlex::HTML
-      include UI::AccordionContentBehavior
+# Accordion Content component (Phlex)
+# Collapsible content area within an accordion item
+#
+# @example Basic usage
+#   render UI::Content.new(item_value: "item-1") do
+#     "This is the accordion content"
+#   end
+class UI::AccordionContent < Phlex::HTML
+  include UI::AccordionContentBehavior
 
-      # @param item_value [String] value from parent Item
-      # @param initial_open [Boolean] initial state from parent Item
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(item_value: nil, initial_open: false, classes: "", attributes: {}, **)
-        @item_value = item_value
-        @initial_open = initial_open
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param item_value [String] value from parent Item
+  # @param initial_open [Boolean] initial state from parent Item
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(item_value: nil, initial_open: false, classes: "", attributes: {}, **)
+    @item_value = item_value
+    @initial_open = initial_open
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&block)
-        div(**content_html_attributes) do
-          div(class: "pt-0 pb-4", &block)
-        end
-      end
+  def view_template(&block)
+    div(**content_html_attributes) do
+      div(class: "pt-0 pb-4", &block)
     end
+  end
+end

data/app/components/ui/accordion_item.rb

@@ -1,48 +1,48 @@
 # frozen_string_literal: true
 
-    # Accordion Item component (Phlex)
-    # Individual collapsible item within an accordion
-    #
-    # @example Basic usage
-    #   render UI::Item.new(value: "item-1") do
-    #     render UI::Trigger.new { "Trigger text" }
-    #     render UI::Content.new { "Content text" }
-    #   end
-    #
-    # @example Start open
-    #   render UI::Item.new(value: "item-1", initial_open: true) do
-    #     # Item will be open by default
-    #   end
-    class UI::AccordionItem < Phlex::HTML
-      include UI::AccordionItemBehavior
+# Accordion Item component (Phlex)
+# Individual collapsible item within an accordion
+#
+# @example Basic usage
+#   render UI::Item.new(value: "item-1") do
+#     render UI::Trigger.new { "Trigger text" }
+#     render UI::Content.new { "Content text" }
+#   end
+#
+# @example Start open
+#   render UI::Item.new(value: "item-1", initial_open: true) do
+#     # Item will be open by default
+#   end
+class UI::AccordionItem < Phlex::HTML
+  include UI::AccordionItemBehavior
 
-      attr_reader :value, :initial_open
+  attr_reader :value, :initial_open
 
-      # @param value [String] unique identifier for this item
-      # @param initial_open [Boolean] whether this item starts open
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(value: "", initial_open: false, classes: "", attributes: {}, **)
-        @value = value
-        @initial_open = initial_open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param value [String] unique identifier for this item
+  # @param initial_open [Boolean] whether this item starts open
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(value: "", initial_open: false, classes: "", attributes: {}, **)
+    @value = value
+    @initial_open = initial_open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**item_html_attributes) do
-          # Pass context to child components by rendering the block
-          # Child components will receive item_value and initial_open through helpers
-          instance_exec(&block) if block
-        end
-      end
+  def view_template(&block)
+    div(**item_html_attributes) do
+      # Pass context to child components by rendering the block
+      # Child components will receive item_value and initial_open through helpers
+      instance_exec(&block) if block
+    end
+  end
 
-      # Helper methods that child components can call to get parent context
-      def item_value_context
-        @value
-      end
+  # Helper methods that child components can call to get parent context
+  def item_value_context
+    @value
+  end
 
-      def initial_open_context
-        @initial_open
-      end
-    end
+  def initial_open_context
+    @initial_open
+  end
+end

data/app/components/ui/accordion_trigger.rb

@@ -1,52 +1,52 @@
 # frozen_string_literal: true
 
-    # Accordion Trigger component (Phlex)
-    # Button that toggles accordion item open/closed
-    #
-    # @example Basic usage
-    #   render UI::Trigger.new(item_value: "item-1") do
-    #     "Click to toggle"
-    #   end
-    class UI::AccordionTrigger < Phlex::HTML
-      include UI::AccordionTriggerBehavior
+# Accordion Trigger component (Phlex)
+# Button that toggles accordion item open/closed
+#
+# @example Basic usage
+#   render UI::Trigger.new(item_value: "item-1") do
+#     "Click to toggle"
+#   end
+class UI::AccordionTrigger < Phlex::HTML
+  include UI::AccordionTriggerBehavior
 
-      # @param item_value [String] value from parent Item
-      # @param initial_open [Boolean] initial state from parent Item
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(item_value: nil, initial_open: false, classes: "", attributes: {}, **)
-        @item_value = item_value
-        @initial_open = initial_open
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param item_value [String] value from parent Item
+  # @param initial_open [Boolean] initial state from parent Item
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(item_value: nil, initial_open: false, classes: "", attributes: {}, **)
+    @item_value = item_value
+    @initial_open = initial_open
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        h3(class: "flex", "data-orientation": @orientation || "vertical", "data-state": trigger_state) do
-          button(**trigger_html_attributes) do
-            yield if block_given?
-            # Render caret icon using Phlex DSL
-            render_caret_icon
-          end
-        end
+  def view_template(&block)
+    h3(class: "flex", "data-orientation": @orientation || "vertical", "data-state": trigger_state) do
+      button(**trigger_html_attributes) do
+        yield if block_given?
+        # Render caret icon using Phlex DSL
+        render_caret_icon
       end
+    end
+  end
 
-      private
+  private
 
-      def render_caret_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: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-[var(--duration-accordion)]"
-        ) do |s|
-          s.polyline(points: "6 9 12 15 18 9")
-        end
-      end
+  def render_caret_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: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-[var(--duration-accordion)]"
+    ) do |s|
+      s.polyline(points: "6 9 12 15 18 9")
     end
+  end
+end

data/app/components/ui/alert.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Alert - Phlex implementation
-    #
-    # A callout component for displaying important information to users.
-    # Uses AlertBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Alert.new do
-    #     svg class: "lucide lucide-circle-check" # Your icon here
-    #     render UI::Title.new { "Success" }
-    #     render UI::Description.new { "Your changes have been saved." }
-    #   end
-    class UI::Alert < Phlex::HTML
-      include UI::AlertBehavior
+# Alert - Phlex implementation
+#
+# A callout component for displaying important information to users.
+# Uses AlertBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Alert.new do
+#     svg class: "lucide lucide-circle-check" # Your icon here
+#     render UI::Title.new { "Success" }
+#     render UI::Description.new { "Your changes have been saved." }
+#   end
+class UI::Alert < Phlex::HTML
+  include UI::AlertBehavior
 
-      # @param variant [Symbol] Visual style variant (:default, :destructive)
-      # @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] Visual style variant (:default, :destructive)
+  # @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)
-        div(**alert_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_description.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-    # Alert Description - Phlex implementation
-    #
-    # Description text for an alert component.
-    #
-    # @example
-    #   render UI::Description.new do
-    #     "Your account has been successfully updated."
-    #   end
-    class UI::AlertDescription < Phlex::HTML
-      include UI::AlertDescriptionBehavior
+# Alert Description - Phlex implementation
+#
+# Description text for an alert component.
+#
+# @example
+#   render UI::Description.new do
+#     "Your account has been successfully updated."
+#   end
+class UI::AlertDescription < Phlex::HTML
+  include UI::AlertDescriptionBehavior
 
-      # @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_description_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_description_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog.rb

@@ -1,33 +1,33 @@
 # frozen_string_literal: true
 
-    # AlertDialog - Phlex implementation
-    #
-    # A modal alert dialog component for important confirmations and alerts.
-    # Uses AlertDialogBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::AlertDialog.new do
-    #     render UI::Trigger.new { "Open Alert Dialog" }
-    #     render UI::Overlay.new
-    #     render UI::Content.new { "Alert dialog content here" }
-    #   end
-    class UI::AlertDialog < Phlex::HTML
-      include UI::AlertDialogBehavior
+# AlertDialog - Phlex implementation
+#
+# A modal alert dialog component for important confirmations and alerts.
+# Uses AlertDialogBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::AlertDialog.new do
+#     render UI::Trigger.new { "Open Alert Dialog" }
+#     render UI::Overlay.new
+#     render UI::Content.new { "Alert dialog content here" }
+#   end
+class UI::AlertDialog < Phlex::HTML
+  include UI::AlertDialogBehavior
 
-      # @param open [Boolean] Whether the alert dialog is initially open
-      # @param close_on_escape [Boolean] Whether pressing Escape closes the dialog
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(open: false, close_on_escape: true, classes: "", **attributes)
-        @open = open
-        @close_on_escape = close_on_escape
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param open [Boolean] Whether the alert dialog is initially open
+  # @param close_on_escape [Boolean] Whether pressing Escape closes the dialog
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(open: false, close_on_escape: true, classes: "", **attributes)
+    @open = open
+    @close_on_escape = close_on_escape
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**alert_dialog_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_dialog_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_action.rb

@@ -1,34 +1,34 @@
 # frozen_string_literal: true
 
-    # Action - Phlex implementation
-    #
-    # Primary action button for the alert dialog.
-    # Wraps the Button component with alert dialog close action.
-    #
-    # @example Basic usage
-    #   render UI::Action.new { "Continue" }
-    class UI::AlertDialogAction < Phlex::HTML
-      include UI::AlertDialogActionBehavior
+# Action - Phlex implementation
+#
+# Primary action button for the alert dialog.
+# Wraps the Button component with alert dialog close action.
+#
+# @example Basic usage
+#   render UI::Action.new { "Continue" }
+class UI::AlertDialogAction < Phlex::HTML
+  include UI::AlertDialogActionBehavior
 
-      # @param variant [String, Symbol] Button variant
-      # @param size [String, Symbol] Button size
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: :default, size: :default, classes: "", **attributes)
-        @variant = variant
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [String, Symbol] Button variant
+  # @param size [String, Symbol] Button size
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: :default, size: :default, classes: "", **attributes)
+    @variant = variant
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        render UI::Button.new(
-          variant: @variant,
-          size: @size,
-          classes: @classes,
-          **alert_dialog_action_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,
+      **alert_dialog_action_button_data_attributes.merge(@attributes)
+    ) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_cancel.rb

@@ -1,34 +1,34 @@
 # frozen_string_literal: true
 
-    # Cancel - Phlex implementation
-    #
-    # Cancel button for the alert dialog.
-    # Wraps the Button component with alert dialog close action.
-    #
-    # @example Basic usage
-    #   render UI::Cancel.new { "Cancel" }
-    class UI::AlertDialogCancel < Phlex::HTML
-      include UI::AlertDialogCancelBehavior
+# Cancel - Phlex implementation
+#
+# Cancel button for the alert dialog.
+# Wraps the Button component with alert dialog close action.
+#
+# @example Basic usage
+#   render UI::Cancel.new { "Cancel" }
+class UI::AlertDialogCancel < Phlex::HTML
+  include UI::AlertDialogCancelBehavior
 
-      # @param variant [String, Symbol] Button variant
-      # @param size [String, Symbol] Button size
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: :outline, size: :default, classes: "", **attributes)
-        @variant = variant
-        @size = size
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [String, Symbol] Button variant
+  # @param size [String, Symbol] Button size
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: :outline, size: :default, classes: "", **attributes)
+    @variant = variant
+    @size = size
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        render UI::Button.new(
-          variant: @variant,
-          size: @size,
-          classes: @classes,
-          **alert_dialog_cancel_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,
+      **alert_dialog_cancel_button_data_attributes.merge(@attributes)
+    ) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_content.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # Main alert dialog content area with proper ARIA attributes.
-    # Uses AlertDialogContentBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Content.new { "Alert dialog content here" }
-    class UI::AlertDialogContent < Phlex::HTML
-      include UI::AlertDialogContentBehavior
+# Content - Phlex implementation
+#
+# Main alert dialog content area with proper ARIA attributes.
+# Uses AlertDialogContentBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Content.new { "Alert dialog content here" }
+class UI::AlertDialogContent < Phlex::HTML
+  include UI::AlertDialogContentBehavior
 
-      # @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_content_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    div(**alert_dialog_content_html_attributes) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/alert_dialog_description.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    # Description - Phlex implementation
-    #
-    # Description text for the alert dialog.
-    # Uses AlertDialogDescriptionBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Description.new { "This action cannot be undone." }
-    class UI::AlertDialogDescription < Phlex::HTML
-      include UI::AlertDialogDescriptionBehavior
+# Description - Phlex implementation
+#
+# Description text for the alert dialog.
+# Uses AlertDialogDescriptionBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Description.new { "This action cannot be undone." }
+class UI::AlertDialogDescription < Phlex::HTML
+  include UI::AlertDialogDescriptionBehavior
 
-      # @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)
-        p(**alert_dialog_description_html_attributes) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    p(**alert_dialog_description_html_attributes) do
+      yield if block_given?
     end
+  end
+end