fernandes-ui 0.1.0 → 0.1.2

data/app/components/ui/tabs_list.rb

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-    # TabsList component (Phlex)
-    # Container for tab trigger buttons
-    #
-    # @example Basic usage
-    #   render UI::List.new do
-    #     render UI::Trigger.new(value: "tab1") { "Tab 1" }
-    #     render UI::Trigger.new(value: "tab2") { "Tab 2" }
-    #   end
-    class UI::TabsList < Phlex::HTML
-      include UI::TabsListBehavior
+# TabsList component (Phlex)
+# Container for tab trigger buttons
+#
+# @example Basic usage
+#   render UI::List.new do
+#     render UI::Trigger.new(value: "tab1") { "Tab 1" }
+#     render UI::Trigger.new(value: "tab2") { "Tab 2" }
+#   end
+class UI::TabsList < Phlex::HTML
+  include UI::TabsListBehavior
 
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(orientation: "horizontal", classes: "", attributes: {}, **)
-        @orientation = orientation
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(orientation: "horizontal", classes: "", attributes: {}, **)
+    @orientation = orientation
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&block)
-        div(**list_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**list_html_attributes, &block)
+  end
+end

data/app/components/ui/tabs_trigger.rb

@@ -1,33 +1,33 @@
 # frozen_string_literal: true
 
-    # TabsTrigger component (Phlex)
-    # Button that activates associated content panel
-    #
-    # @example Basic usage
-    #   render UI::Trigger.new(value: "account") { "Account" }
-    #
-    # @example Disabled trigger
-    #   render UI::Trigger.new(value: "disabled", disabled: true) { "Disabled" }
-    class UI::TabsTrigger < Phlex::HTML
-      include UI::TabsTriggerBehavior
+# TabsTrigger component (Phlex)
+# Button that activates associated content panel
+#
+# @example Basic usage
+#   render UI::Trigger.new(value: "account") { "Account" }
+#
+# @example Disabled trigger
+#   render UI::Trigger.new(value: "disabled", disabled: true) { "Disabled" }
+class UI::TabsTrigger < Phlex::HTML
+  include UI::TabsTriggerBehavior
 
-      # @param value [String] unique identifier for this trigger
-      # @param default_value [String] currently active tab value
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param disabled [Boolean] whether trigger is disabled
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(value: "", default_value: "", orientation: "horizontal", disabled: false, classes: "", attributes: {}, **)
-        @value = value
-        @default_value = default_value
-        @orientation = orientation
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param value [String] unique identifier for this trigger
+  # @param default_value [String] currently active tab value
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param disabled [Boolean] whether trigger is disabled
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(value: "", default_value: "", orientation: "horizontal", disabled: false, classes: "", attributes: {}, **)
+    @value = value
+    @default_value = default_value
+    @orientation = orientation
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&block)
-        button(**trigger_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    button(**trigger_html_attributes, &block)
+  end
+end

data/app/components/ui/textarea.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
-    class UI::Textarea < Phlex::HTML
-      include UI::TextareaBehavior
+class UI::Textarea < Phlex::HTML
+  include UI::TextareaBehavior
 
-      def initialize(placeholder: nil, value: "", name: nil, id: nil, rows: nil, classes: "", **attributes)
-        @placeholder = placeholder
-        @value = value
-        @name = name
-        @id = id
-        @rows = rows
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(placeholder: nil, value: "", name: nil, id: nil, rows: nil, classes: "", **attributes)
+    @placeholder = placeholder
+    @value = value
+    @name = name
+    @id = id
+    @rows = rows
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        textarea(**textarea_html_attributes.deep_merge(@attributes)) { @value }
-      end
-    end
+  def view_template
+    textarea(**textarea_html_attributes.deep_merge(@attributes)) { @value }
+  end
+end

data/app/components/ui/toggle.rb

@@ -1,43 +1,43 @@
 # frozen_string_literal: true
 
-    # Toggle - Phlex implementation
-    #
-    # A two-state button that can be either on or off.
-    # Uses ToggleBehavior module for shared styling logic.
-    #
-    # @example Basic usage
-    #   render UI::Toggle.new { "Toggle" }
-    #
-    # @example With icon
-    #   render UI::Toggle.new(variant: "outline", pressed: true) do
-    #     render Icon.new("bookmark")
-    #   end
-    #
-    # @example Disabled state
-    #   render UI::Toggle.new(disabled: true) { "Disabled" }
-    class UI::Toggle < Phlex::HTML
-      include UI::ToggleBehavior
+# Toggle - Phlex implementation
+#
+# A two-state button that can be either on or off.
+# Uses ToggleBehavior module for shared styling logic.
+#
+# @example Basic usage
+#   render UI::Toggle.new { "Toggle" }
+#
+# @example With icon
+#   render UI::Toggle.new(variant: "outline", pressed: true) do
+#     render Icon.new("bookmark")
+#   end
+#
+# @example Disabled state
+#   render UI::Toggle.new(disabled: true) { "Disabled" }
+class UI::Toggle < Phlex::HTML
+  include UI::ToggleBehavior
 
-      # @param variant [String] Visual style variant (default, outline)
-      # @param size [String] Size variant (default, sm, lg)
-      # @param type [String] Button type attribute (button, submit, reset)
-      # @param pressed [Boolean] Whether the toggle is pressed/active
-      # @param disabled [Boolean] Whether the toggle is disabled
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(variant: "default", size: "default", type: "button", pressed: false, disabled: false, classes: "", **attributes)
-        @variant = variant
-        @size = size
-        @type = type
-        @pressed = pressed
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param variant [String] Visual style variant (default, outline)
+  # @param size [String] Size variant (default, sm, lg)
+  # @param type [String] Button type attribute (button, submit, reset)
+  # @param pressed [Boolean] Whether the toggle is pressed/active
+  # @param disabled [Boolean] Whether the toggle is disabled
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(variant: "default", size: "default", type: "button", pressed: false, disabled: false, classes: "", **attributes)
+    @variant = variant
+    @size = size
+    @type = type
+    @pressed = pressed
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        button(**toggle_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    button(**toggle_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/toggle_group.rb

@@ -1,58 +1,58 @@
 # frozen_string_literal: true
 
-    # ToggleGroup - Phlex implementation
-    #
-    # A container for a set of toggle items that can be toggled on or off.
-    # Supports single and multiple selection modes.
-    #
-    # @example Basic usage (single selection)
-    #   render UI::ToggleGroup.new(type: "single") do
-    #     render UI::Item.new(value: "left") { "Left" }
-    #     render UI::Item.new(value: "center") { "Center" }
-    #     render UI::Item.new(value: "right") { "Right" }
-    #   end
-    #
-    # @example Multiple selection
-    #   render UI::ToggleGroup.new(type: "multiple", value: ["bold", "italic"]) do
-    #     render UI::Item.new(value: "bold") { "Bold" }
-    #     render UI::Item.new(value: "italic") { "Italic" }
-    #   end
-    class UI::ToggleGroup < Phlex::HTML
-      include UI::ToggleGroupBehavior
+# ToggleGroup - Phlex implementation
+#
+# A container for a set of toggle items that can be toggled on or off.
+# Supports single and multiple selection modes.
+#
+# @example Basic usage (single selection)
+#   render UI::ToggleGroup.new(type: "single") do
+#     render UI::Item.new(value: "left") { "Left" }
+#     render UI::Item.new(value: "center") { "Center" }
+#     render UI::Item.new(value: "right") { "Right" }
+#   end
+#
+# @example Multiple selection
+#   render UI::ToggleGroup.new(type: "multiple", value: ["bold", "italic"]) do
+#     render UI::Item.new(value: "bold") { "Bold" }
+#     render UI::Item.new(value: "italic") { "Italic" }
+#   end
+class UI::ToggleGroup < Phlex::HTML
+  include UI::ToggleGroupBehavior
 
-      # @param type [String] Selection mode: "single" or "multiple"
-      # @param variant [String] Visual style variant (default, outline)
-      # @param size [String] Size variant (default, sm, lg)
-      # @param value [String, Array] Current selected value(s)
-      # @param spacing [Integer] Gap between items (0 means items touch)
-      # @param orientation [String] Layout direction (horizontal, vertical)
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(type: "single", variant: "default", size: "default", value: nil, spacing: 0, orientation: nil, classes: "", **attributes)
-        @type = type
-        @variant = variant
-        @size = size
-        @value = value
-        @spacing = spacing
-        @orientation = orientation
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param type [String] Selection mode: "single" or "multiple"
+  # @param variant [String] Visual style variant (default, outline)
+  # @param size [String] Size variant (default, sm, lg)
+  # @param value [String, Array] Current selected value(s)
+  # @param spacing [Integer] Gap between items (0 means items touch)
+  # @param orientation [String] Layout direction (horizontal, vertical)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(type: "single", variant: "default", size: "default", value: nil, spacing: 0, orientation: nil, classes: "", **attributes)
+    @type = type
+    @variant = variant
+    @size = size
+    @value = value
+    @spacing = spacing
+    @orientation = orientation
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**toggle_group_html_attributes.deep_merge(@attributes)) do
-          # Store context for child items to access
-          @context = {
-            variant: @variant,
-            size: @size,
-            type: @type,
-            spacing: @spacing,
-            value: @value
-          }
-          yield if block_given?
-        end
-      end
-
-      # Accessor for child components to get parent context
-      attr_reader :context
+  def view_template(&block)
+    div(**toggle_group_html_attributes.deep_merge(@attributes)) do
+      # Store context for child items to access
+      @context = {
+        variant: @variant,
+        size: @size,
+        type: @type,
+        spacing: @spacing,
+        value: @value
+      }
+      yield if block_given?
     end
+  end
+
+  # Accessor for child components to get parent context
+  attr_reader :context
+end

data/app/components/ui/toggle_group_item.rb

@@ -1,71 +1,71 @@
 # frozen_string_literal: true
 
-    # Item - Phlex implementation
-    #
-    # An individual toggle button within a Toggle Group.
-    # Inherits variant, size, and type from parent ToggleGroup.
-    #
-    # @example Basic usage
-    #   render UI::Item.new(value: "left") { "Left" }
-    #
-    # @example With icon
-    #   render UI::Item.new(value: "bold") do
-    #     render Icon.new("bold")
-    #   end
-    class UI::ToggleGroupItem < Phlex::HTML
-      include UI::ToggleGroupItemBehavior
+# Item - Phlex implementation
+#
+# An individual toggle button within a Toggle Group.
+# Inherits variant, size, and type from parent ToggleGroup.
+#
+# @example Basic usage
+#   render UI::Item.new(value: "left") { "Left" }
+#
+# @example With icon
+#   render UI::Item.new(value: "bold") do
+#     render Icon.new("bold")
+#   end
+class UI::ToggleGroupItem < Phlex::HTML
+  include UI::ToggleGroupItemBehavior
 
-      # @param value [String] Unique identifier for this item (required)
-      # @param variant [String] Visual style variant (inherits from parent if not specified)
-      # @param size [String] Size variant (inherits from parent if not specified)
-      # @param pressed [Boolean] Whether the item is pressed/active
-      # @param disabled [Boolean] Whether the item is disabled
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(value:, variant: nil, size: nil, pressed: false, disabled: false, classes: "", **attributes)
-        @value = value
-        @variant = variant
-        @size = size
-        @pressed = pressed
-        @disabled = disabled
-        @classes = classes
-        @attributes = attributes
+  # @param value [String] Unique identifier for this item (required)
+  # @param variant [String] Visual style variant (inherits from parent if not specified)
+  # @param size [String] Size variant (inherits from parent if not specified)
+  # @param pressed [Boolean] Whether the item is pressed/active
+  # @param disabled [Boolean] Whether the item is disabled
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(value:, variant: nil, size: nil, pressed: false, disabled: false, classes: "", **attributes)
+    @value = value
+    @variant = variant
+    @size = size
+    @pressed = pressed
+    @disabled = disabled
+    @classes = classes
+    @attributes = attributes
 
-        # These will be set from parent context if available
-        @group_type = nil
-        @spacing = nil
-      end
+    # These will be set from parent context if available
+    @group_type = nil
+    @spacing = nil
+  end
 
-      def before_template
-        # Try to inherit from parent ToggleGroup context
-        if helpers.respond_to?(:current_component) && helpers.current_component.respond_to?(:context)
-          parent_context = helpers.current_component.context
-          @variant ||= parent_context[:variant]
-          @size ||= parent_context[:size]
-          @group_type = parent_context[:type]
-          @spacing = parent_context[:spacing]
+  def before_template
+    # Try to inherit from parent ToggleGroup context
+    if helpers.respond_to?(:current_component) && helpers.current_component.respond_to?(:context)
+      parent_context = helpers.current_component.context
+      @variant ||= parent_context[:variant]
+      @size ||= parent_context[:size]
+      @group_type = parent_context[:type]
+      @spacing = parent_context[:spacing]
 
-          # Check if this item should be pressed based on parent value
-          parent_value = parent_context[:value]
-          if parent_value
-            @pressed = if @group_type == "multiple"
-              Array(parent_value).include?(@value)
-            else
-              parent_value.to_s == @value.to_s
-            end
-          end
+      # Check if this item should be pressed based on parent value
+      parent_value = parent_context[:value]
+      if parent_value
+        @pressed = if @group_type == "multiple"
+          Array(parent_value).include?(@value)
+        else
+          parent_value.to_s == @value.to_s
         end
-
-        # Fallback defaults
-        @variant ||= "default"
-        @size ||= "default"
-        @group_type ||= "single"
-        @spacing ||= 0
       end
+    end
 
-      def view_template(&block)
-        button(**toggle_group_item_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+    # Fallback defaults
+    @variant ||= "default"
+    @size ||= "default"
+    @group_type ||= "single"
+    @spacing ||= 0
+  end
+
+  def view_template(&block)
+    button(**toggle_group_item_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/tooltip.rb

@@ -1,31 +1,31 @@
 # frozen_string_literal: true
 
-    # Tooltip - Phlex implementation
-    #
-    # Root container for tooltip. Manages tooltip state via Stimulus controller.
-    #
-    # @example Basic usage
-    #   render UI::Tooltip.new do
-    #     render UI::Trigger.new { "Hover me" }
-    #     render UI::Content.new { "Tooltip text" }
-    #   end
-    #
-    # @example With asChild trigger
-    #   render UI::Tooltip.new do
-    #     render UI::Trigger.new(as_child: true) do |attrs|
-    #       render UI::Button.new(**attrs) { "Hover" }
-    #     end
-    #     render UI::Content.new { "Tooltip text" }
-    #   end
-    class UI::Tooltip < Phlex::HTML
-      include UI::TooltipBehavior
+# Tooltip - Phlex implementation
+#
+# Root container for tooltip. Manages tooltip state via Stimulus controller.
+#
+# @example Basic usage
+#   render UI::Tooltip.new do
+#     render UI::Trigger.new { "Hover me" }
+#     render UI::Content.new { "Tooltip text" }
+#   end
+#
+# @example With asChild trigger
+#   render UI::Tooltip.new do
+#     render UI::Trigger.new(as_child: true) do |attrs|
+#       render UI::Button.new(**attrs) { "Hover" }
+#     end
+#     render UI::Content.new { "Tooltip text" }
+#   end
+class UI::Tooltip < Phlex::HTML
+  include UI::TooltipBehavior
 
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(**attributes)
-        @attributes = attributes
-      end
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(**attributes)
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**tooltip_html_attributes.deep_merge(@attributes), &block)
-      end
-    end
+  def view_template(&block)
+    div(**tooltip_html_attributes.deep_merge(@attributes), &block)
+  end
+end

data/app/components/ui/tooltip_content.rb

@@ -1,35 +1,35 @@
 # frozen_string_literal: true
 
-    # Content - Phlex implementation
-    #
-    # The popup content that displays tooltip information.
-    # Positioned by Floating UI via Stimulus controller.
-    #
-    # @example Basic usage
-    #   render UI::Content.new { "Tooltip text" }
-    #
-    # @example With custom side
-    #   render UI::Content.new(side: "right") { "Appears on right" }
-    #
-    # @example With side offset
-    #   render UI::Content.new(side_offset: 8) { "More spacing" }
-    class UI::TooltipContent < Phlex::HTML
-      include UI::TooltipContentBehavior
+# Content - Phlex implementation
+#
+# The popup content that displays tooltip information.
+# Positioned by Floating UI via Stimulus controller.
+#
+# @example Basic usage
+#   render UI::Content.new { "Tooltip text" }
+#
+# @example With custom side
+#   render UI::Content.new(side: "right") { "Appears on right" }
+#
+# @example With side offset
+#   render UI::Content.new(side_offset: 8) { "More spacing" }
+class UI::TooltipContent < Phlex::HTML
+  include UI::TooltipContentBehavior
 
-      # @param side [String] Preferred side: "top", "right", "bottom", "left"
-      # @param align [String] Alignment: "start", "center", "end"
-      # @param side_offset [Integer] Distance from trigger element in pixels
-      # @param classes [String] Additional CSS classes to merge
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(side: "top", align: "center", side_offset: 4, classes: "", **attributes)
-        @side = side
-        @align = align
-        @side_offset = side_offset
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param side [String] Preferred side: "top", "right", "bottom", "left"
+  # @param align [String] Alignment: "start", "center", "end"
+  # @param side_offset [Integer] Distance from trigger element in pixels
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(side: "top", align: "center", side_offset: 4, classes: "", **attributes)
+    @side = side
+    @align = align
+    @side_offset = side_offset
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        div(**tooltip_content_html_attributes.deep_merge(@attributes), &block)
-      end
-    end
+  def view_template(&block)
+    div(**tooltip_content_html_attributes.deep_merge(@attributes), &block)
+  end
+end