fernandes-ui 0.1.1 → 0.1.4

data/app/components/ui/switch.rb

@@ -1,70 +1,70 @@
 # frozen_string_literal: true
 
-    # Switch - Phlex implementation
-    #
-    # A toggle control that allows the user to switch between checked and unchecked states.
-    # Based on Radix UI Switch primitive.
-    #
-    # @example Basic usage
-    #   render UI::Switch.new(checked: false, id: "airplane-mode")
-    #
-    # @example With label
-    #   div(class: "flex items-center space-x-2") do
-    #     render UI::Switch.new(id: "airplane-mode")
-    #     label(for: "airplane-mode") { "Airplane Mode" }
-    #   end
-    #
-    # @example With form
-    #   render UI::Switch.new(
-    #     checked: true,
-    #     name: "notifications",
-    #     id: "notifications"
-    #   )
-    class UI::Switch < Phlex::HTML
-      include UI::SwitchBehavior
+# Switch - Phlex implementation
+#
+# A toggle control that allows the user to switch between checked and unchecked states.
+# Based on Radix UI Switch primitive.
+#
+# @example Basic usage
+#   render UI::Switch.new(checked: false, id: "airplane-mode")
+#
+# @example With label
+#   div(class: "flex items-center space-x-2") do
+#     render UI::Switch.new(id: "airplane-mode")
+#     label(for: "airplane-mode") { "Airplane Mode" }
+#   end
+#
+# @example With form
+#   render UI::Switch.new(
+#     checked: true,
+#     name: "notifications",
+#     id: "notifications"
+#   )
+class UI::Switch < Phlex::HTML
+  include UI::SwitchBehavior
 
-      # @param checked [Boolean] Whether the switch is checked
-      # @param disabled [Boolean] Whether the switch is disabled
-      # @param classes [String] Additional CSS classes
-      # @param name [String] Name for form submission (creates hidden input)
-      # @param id [String] ID attribute
-      # @param value [String] Value for form submission when checked
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(checked: false, disabled: false, classes: "", name: nil, id: nil, value: "1", **attributes)
-        @checked = checked
-        @disabled = disabled
-        @classes = classes
-        @name = name
-        @id = id
-        @value = value
-        @attributes = attributes
-      end
+  # @param checked [Boolean] Whether the switch is checked
+  # @param disabled [Boolean] Whether the switch is disabled
+  # @param classes [String] Additional CSS classes
+  # @param name [String] Name for form submission (creates hidden input)
+  # @param id [String] ID attribute
+  # @param value [String] Value for form submission when checked
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(checked: false, disabled: false, classes: "", name: nil, id: nil, value: "1", **attributes)
+    @checked = checked
+    @disabled = disabled
+    @classes = classes
+    @name = name
+    @id = id
+    @value = value
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        attrs = switch_html_attributes.deep_merge(@attributes)
-        attrs[:id] = @id if @id.present?
+  def view_template(&block)
+    attrs = switch_html_attributes.deep_merge(@attributes)
+    attrs[:id] = @id if @id.present?
 
-        button(**attrs) do
-          render_thumb
-          render_hidden_input if @name.present?
-        end
-      end
+    button(**attrs) do
+      render_thumb
+      render_hidden_input if @name.present?
+    end
+  end
 
-      private
+  private
 
-      def render_thumb
-        span(
-          data: { ui__switch_target: "thumb", slot: "switch-thumb", state: switch_state },
-          class: switch_thumb_classes
-        )
-      end
+  def render_thumb
+    span(
+      data: {ui__switch_target: "thumb", slot: "switch-thumb", state: switch_state},
+      class: switch_thumb_classes
+    )
+  end
 
-      def render_hidden_input
-        input(
-          type: "hidden",
-          name: @name,
-          value: @checked ? @value : "0",
-          id: @id
-        )
-      end
-    end
+  def render_hidden_input
+    input(
+      type: "hidden",
+      name: @name,
+      value: @checked ? @value : "0",
+      id: @id
+    )
+  end
+end

data/app/components/ui/table.rb

@@ -1,45 +1,45 @@
 # frozen_string_literal: true
 
-    class UI::Table < Phlex::HTML
-      include UI::TableBehavior
-
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def view_template(&block)
-        table(**table_html_attributes.deep_merge(@attributes)) do
-          yield(self) if block_given?
-        end
-      end
-
-      # DSL methods
-      def header(classes: "", **attributes, &block)
-        render Header.new(classes: classes, **attributes, &block)
-      end
-
-      def body(classes: "", **attributes, &block)
-        render Body.new(classes: classes, **attributes, &block)
-      end
-
-      def footer(classes: "", **attributes, &block)
-        render Footer.new(classes: classes, **attributes, &block)
-      end
-
-      def caption(classes: "", **attributes, &block)
-        render Caption.new(classes: classes, **attributes, &block)
-      end
-
-      def row(classes: "", **attributes, &block)
-        render Row.new(classes: classes, **attributes, &block)
-      end
-
-      def head(classes: "", **attributes, &block)
-        render Head.new(classes: classes, **attributes, &block)
-      end
-
-      def cell(classes: "", **attributes, &block)
-        render Cell.new(classes: classes, **attributes, &block)
-      end
+class UI::Table < Phlex::HTML
+  include UI::TableBehavior
+
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
+
+  def view_template(&block)
+    table(**table_html_attributes.deep_merge(@attributes)) do
+      yield(self) if block_given?
     end
+  end
+
+  # DSL methods
+  def header(classes: "", **attributes, &block)
+    render UI::TableHeader.new(classes: classes, **attributes, &block)
+  end
+
+  def body(classes: "", **attributes, &block)
+    render UI::TableBody.new(classes: classes, **attributes, &block)
+  end
+
+  def footer(classes: "", **attributes, &block)
+    render UI::TableFooter.new(classes: classes, **attributes, &block)
+  end
+
+  def caption(classes: "", **attributes, &block)
+    render UI::TableCaption.new(classes: classes, **attributes, &block)
+  end
+
+  def row(classes: "", **attributes, &block)
+    render UI::TableRow.new(classes: classes, **attributes, &block)
+  end
+
+  def head(classes: "", **attributes, &block)
+    render UI::TableHead.new(classes: classes, **attributes, &block)
+  end
+
+  def cell(classes: "", **attributes, &block)
+    render UI::TableCell.new(classes: classes, **attributes, &block)
+  end
+end

data/app/components/ui/table_body.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    class UI::TableBody < Phlex::HTML
-      include UI::TableBodyBehavior
+class UI::TableBody < Phlex::HTML
+  include UI::TableBodyBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        tbody(**body_html_attributes.deep_merge(@attributes)) do
-          yield(self) if block_given?
-        end
-      end
+  def view_template(&block)
+    tbody(**body_html_attributes.deep_merge(@attributes)) do
+      yield(self) if block_given?
+    end
+  end
 
-      # DSL methods
-      def row(classes: "", **attributes, &block)
-        render Row.new(classes: classes, **attributes, &block)
-      end
+  # DSL methods
+  def row(classes: "", **attributes, &block)
+    render UI::TableRow.new(classes: classes, **attributes, &block)
+  end
 
-      def head(classes: "", **attributes, &block)
-        render Head.new(classes: classes, **attributes, &block)
-      end
+  def head(classes: "", **attributes, &block)
+    render UI::TableHead.new(classes: classes, **attributes, &block)
+  end
 
-      def cell(classes: "", **attributes, &block)
-        render Cell.new(classes: classes, **attributes, &block)
-      end
-    end
+  def cell(classes: "", **attributes, &block)
+    render UI::TableCell.new(classes: classes, **attributes, &block)
+  end
+end

data/app/components/ui/table_caption.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::TableCaption < Phlex::HTML
-      include UI::TableCaptionBehavior
+class UI::TableCaption < Phlex::HTML
+  include UI::TableCaptionBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        caption(**caption_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    caption(**caption_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/table_cell.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::TableCell < Phlex::HTML
-      include UI::TableCellBehavior
+class UI::TableCell < Phlex::HTML
+  include UI::TableCellBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        td(**cell_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    td(**cell_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/table_footer.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    class UI::TableFooter < Phlex::HTML
-      include UI::TableFooterBehavior
+class UI::TableFooter < Phlex::HTML
+  include UI::TableFooterBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        tfoot(**footer_html_attributes.deep_merge(@attributes)) do
-          yield(self) if block_given?
-        end
-      end
+  def view_template(&block)
+    tfoot(**footer_html_attributes.deep_merge(@attributes)) do
+      yield(self) if block_given?
+    end
+  end
 
-      # DSL methods
-      def row(classes: "", **attributes, &block)
-        render Row.new(classes: classes, **attributes, &block)
-      end
+  # DSL methods
+  def row(classes: "", **attributes, &block)
+    render UI::TableRow.new(classes: classes, **attributes, &block)
+  end
 
-      def head(classes: "", **attributes, &block)
-        render Head.new(classes: classes, **attributes, &block)
-      end
+  def head(classes: "", **attributes, &block)
+    render UI::TableHead.new(classes: classes, **attributes, &block)
+  end
 
-      def cell(classes: "", **attributes, &block)
-        render Cell.new(classes: classes, **attributes, &block)
-      end
-    end
+  def cell(classes: "", **attributes, &block)
+    render UI::TableCell.new(classes: classes, **attributes, &block)
+  end
+end

data/app/components/ui/table_head.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
-    class UI::TableHead < Phlex::HTML
-      include UI::TableHeadBehavior
+class UI::TableHead < Phlex::HTML
+  include UI::TableHeadBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        th(**head_html_attributes.deep_merge(@attributes)) do
-          yield if block_given?
-        end
-      end
+  def view_template(&block)
+    th(**head_html_attributes.deep_merge(@attributes)) do
+      yield if block_given?
     end
+  end
+end

data/app/components/ui/table_header.rb

@@ -1,29 +1,29 @@
 # frozen_string_literal: true
 
-    class UI::TableHeader < Phlex::HTML
-      include UI::TableHeaderBehavior
+class UI::TableHeader < Phlex::HTML
+  include UI::TableHeaderBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        thead(**header_html_attributes.deep_merge(@attributes)) do
-          yield(self) if block_given?
-        end
-      end
+  def view_template(&block)
+    thead(**header_html_attributes.deep_merge(@attributes)) do
+      yield(self) if block_given?
+    end
+  end
 
-      # DSL methods
-      def row(classes: "", **attributes, &block)
-        render Row.new(classes: classes, **attributes, &block)
-      end
+  # DSL methods
+  def row(classes: "", **attributes, &block)
+    render UI::TableRow.new(classes: classes, **attributes, &block)
+  end
 
-      def head(classes: "", **attributes, &block)
-        render Head.new(classes: classes, **attributes, &block)
-      end
+  def head(classes: "", **attributes, &block)
+    render UI::TableHead.new(classes: classes, **attributes, &block)
+  end
 
-      def cell(classes: "", **attributes, &block)
-        render Cell.new(classes: classes, **attributes, &block)
-      end
-    end
+  def cell(classes: "", **attributes, &block)
+    render UI::TableCell.new(classes: classes, **attributes, &block)
+  end
+end

data/app/components/ui/table_row.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
-    class UI::TableRow < Phlex::HTML
-      include UI::TableRowBehavior
+class UI::TableRow < Phlex::HTML
+  include UI::TableRowBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        tr(**row_html_attributes.deep_merge(@attributes)) do
-          yield(self) if block_given?
-        end
-      end
+  def view_template(&block)
+    tr(**row_html_attributes.deep_merge(@attributes)) do
+      yield(self) if block_given?
+    end
+  end
 
-      # DSL methods
-      def head(classes: "", **attributes, &block)
-        render Head.new(classes: classes, **attributes, &block)
-      end
+  # DSL methods
+  def head(classes: "", **attributes, &block)
+    render UI::TableHead.new(classes: classes, **attributes, &block)
+  end
 
-      def cell(classes: "", **attributes, &block)
-        render Cell.new(classes: classes, **attributes, &block)
-      end
-    end
+  def cell(classes: "", **attributes, &block)
+    render UI::TableCell.new(classes: classes, **attributes, &block)
+  end
+end

data/app/components/ui/tabs.rb

@@ -1,40 +1,40 @@
 # frozen_string_literal: true
 
-    # Tabs container component (Phlex)
-    # Root component for tabbed interface with keyboard navigation
-    #
-    # @example Basic usage
-    #   render UI::Tabs.new(default_value: "account") do
-    #     render UI::List.new do
-    #       render UI::Trigger.new(value: "account") { "Account" }
-    #       render UI::Trigger.new(value: "password") { "Password" }
-    #     end
-    #     render UI::Content.new(value: "account") { "Account content" }
-    #     render UI::Content.new(value: "password") { "Password content" }
-    #   end
-    #
-    # @example Vertical orientation
-    #   render UI::Tabs.new(default_value: "tab1", orientation: "vertical") do
-    #     # Tabs will be vertically oriented
-    #   end
-    class UI::Tabs < Phlex::HTML
-      include UI::TabsBehavior
+# Tabs container component (Phlex)
+# Root component for tabbed interface with keyboard navigation
+#
+# @example Basic usage
+#   render UI::Tabs.new(default_value: "account") do
+#     render UI::List.new do
+#       render UI::Trigger.new(value: "account") { "Account" }
+#       render UI::Trigger.new(value: "password") { "Password" }
+#     end
+#     render UI::Content.new(value: "account") { "Account content" }
+#     render UI::Content.new(value: "password") { "Password content" }
+#   end
+#
+# @example Vertical orientation
+#   render UI::Tabs.new(default_value: "tab1", orientation: "vertical") do
+#     # Tabs will be vertically oriented
+#   end
+class UI::Tabs < Phlex::HTML
+  include UI::TabsBehavior
 
-      # @param default_value [String] initial active tab value
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param activation_mode [String] "automatic" or "manual"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(default_value: "", orientation: "horizontal", activation_mode: "automatic", classes: "", attributes: {}, **)
-        @default_value = default_value
-        @orientation = orientation
-        @activation_mode = activation_mode
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param default_value [String] initial active tab value
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param activation_mode [String] "automatic" or "manual"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(default_value: "", orientation: "horizontal", activation_mode: "automatic", classes: "", attributes: {}, **)
+    @default_value = default_value
+    @orientation = orientation
+    @activation_mode = activation_mode
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&block)
-        div(**tabs_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**tabs_html_attributes, &block)
+  end
+end

data/app/components/ui/tabs_content.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # TabsContent component (Phlex)
-    # Panel displaying content for active tab
-    #
-    # @example Basic usage
-    #   render UI::Content.new(value: "account") do
-    #     "Account settings content"
-    #   end
-    class UI::TabsContent < Phlex::HTML
-      include UI::TabsContentBehavior
+# TabsContent component (Phlex)
+# Panel displaying content for active tab
+#
+# @example Basic usage
+#   render UI::Content.new(value: "account") do
+#     "Account settings content"
+#   end
+class UI::TabsContent < Phlex::HTML
+  include UI::TabsContentBehavior
 
-      # @param value [String] unique identifier for this content panel
-      # @param default_value [String] currently active tab value
-      # @param orientation [String] "horizontal" or "vertical"
-      # @param classes [String] additional CSS classes
-      # @param attributes [Hash] additional HTML attributes
-      def initialize(value: "", default_value: "", orientation: "horizontal", classes: "", attributes: {}, **)
-        @value = value
-        @default_value = default_value
-        @orientation = orientation
-        @classes = classes
-        @attributes = attributes
-        super()
-      end
+  # @param value [String] unique identifier for this content panel
+  # @param default_value [String] currently active tab value
+  # @param orientation [String] "horizontal" or "vertical"
+  # @param classes [String] additional CSS classes
+  # @param attributes [Hash] additional HTML attributes
+  def initialize(value: "", default_value: "", orientation: "horizontal", classes: "", attributes: {}, **)
+    @value = value
+    @default_value = default_value
+    @orientation = orientation
+    @classes = classes
+    @attributes = attributes
+    super()
+  end
 
-      def view_template(&block)
-        div(**content_html_attributes, &block)
-      end
-    end
+  def view_template(&block)
+    div(**content_html_attributes, &block)
+  end
+end