[Documentation] Add documentation for batch 4 components

lib/ruby_ui/docs/base.rb

@@ -10,5 +10,81 @@ def Heading(level:, &)
     def component_files(component_name)
       []
     end
+
+    # Text helper for wrapping paragraphs
+    def Text(&)
+      p(&)
+    end
+
+    # InlineLink helper for documentation links
+    def InlineLink(href:, target: nil, class: nil, &)
+      a(href: href, target: target, class: binding.local_variable_get(:class), &)
+    end
+
+    # Alert component helpers
+    def Alert(&)
+      div(&)
+    end
+
+    def AlertTitle(&)
+      h4(&)
+    end
+
+    def AlertDescription(&)
+      p(&)
+    end
+
+    # Route helper stubs - return "#" as placeholder
+    def docs_sheet_path
+      "#"
+    end
+
+    def docs_separator_path
+      "#"
+    end
+
+    def docs_accordion_path
+      "#"
+    end
+
+    def docs_alert_path
+      "#"
+    end
+
+    def docs_alert_dialog_path
+      "#"
+    end
+
+    def docs_aspect_ratio_path
+      "#"
+    end
+
+    def docs_avatar_path
+      "#"
+    end
+
+    def docs_badge_path
+      "#"
+    end
+
+    def docs_installation_path
+      "#"
+    end
+
+    # InlineCode helper for typography examples
+    def InlineCode(&)
+      code(&)
+    end
+  end
+end
+
+# Module-level components stub
+module Components
+  def self.Heading(level:, &block)
+    # Stub for module-level Heading calls
+  end
+
+  def self.TypographyList(items:, numbered: false)
+    # Stub for TypographyList component
   end
 end

lib/ruby_ui/docs/sidebar_examples.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+# Stub constants for sidebar documentation examples
+# These are replaced with actual implementations in the web app
+
+module Views
+  module Docs
+    class Sidebar < Views::Base
+      class Example
+        CODE = <<~RUBY
+          # Sidebar example code placeholder
+        RUBY
+      end
+
+      class InsetExample
+        CODE = <<~RUBY
+          # Sidebar inset example code placeholder
+        RUBY
+      end
+    end
+  end
+end

lib/ruby_ui/docs/visual_code_example.rb

@@ -2,15 +2,18 @@
 
 module Docs
   class VisualCodeExample < Phlex::HTML
-    def initialize(title:, context:)
+    def initialize(title:, context:, description: nil, src: nil)
       @title = title
       @context = context
+      @description = description
+      @src = src
     end
 
     def view_template(&block)
       code = block.call
       div do
         h3 { @title }
+        p { @description } if @description
         pre { code }
         @context.instance_eval(code)
       end