ruby_ui 1.0.1 → 1.1.0

data/lib/ruby_ui/textarea/textarea_docs.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+class Views::Docs::Textarea < Views::Base
+  def view_template
+    component = "Textarea"
+
+    div(class: "max-w-2xl mx-auto w-full py-10 space-y-10") do
+      render Docs::Header.new(title: "Textarea", description: "Displays a textarea field.")
+
+      Heading(level: 2) { "Usage" }
+
+      render Docs::VisualCodeExample.new(title: "Textarea", context: self) do
+        <<~RUBY
+          div(class: "grid w-full max-w-sm items-center gap-1.5") do
+            Textarea(placeholder: "Textarea")
+          end
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Disabled", context: self) do
+        <<~RUBY
+          div(class: "grid w-full max-w-sm items-center gap-1.5") do
+            Textarea(disabled: true, placeholder: "Disabled")
+          end
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Aria Disabled", context: self) do
+        <<~RUBY
+          div(class: "grid w-full max-w-sm items-center gap-1.5") do
+            Textarea(aria: {disabled: "true"}, placeholder: "Aria Disabled")
+          end
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "With FormField", context: self) do
+        <<~RUBY
+          div(class: "grid w-full max-w-sm items-center gap-1.5") do
+            FormField do
+              FormFieldLabel(for: "textarea") { "Textarea" }
+              FormFieldHint { "This is a textarea" }
+              Textarea(placeholder: "Textarea", id: "textarea")
+              FormFieldError()
+            end
+          end
+        RUBY
+      end
+    end
+
+    render Components::ComponentSetup::Tabs.new(component_name: component)
+
+    render Docs::ComponentsTable.new(component_files(component))
+  end
+end

data/lib/ruby_ui/theme_toggle/theme_toggle_docs.rb

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+class Views::Docs::ThemeToggle < Views::Base
+  def view_template
+    component = "ThemeToggle"
+
+    div(class: "max-w-2xl mx-auto w-full py-10 space-y-10") do
+      render Docs::Header.new(title: "Theme Toggle", description: "Toggle between dark/light theme.")
+
+      Heading(level: 2) { "Usage" }
+
+      render Docs::VisualCodeExample.new(title: "With icon", context: self) do
+        <<~RUBY
+          ThemeToggle do |toggle|
+            SetLightMode do
+              Button(variant: :ghost, icon: true) do
+                svg(
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewbox: "0 0 24 24",
+                  fill: "currentColor",
+                  class: "w-4 h-4"
+                ) do |s|
+                  s.path(
+                    d:
+                      "M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z"
+                  )
+                end
+              end
+            end
+
+            SetDarkMode do
+              Button(variant: :ghost, icon: true) do
+                svg(
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewbox: "0 0 24 24",
+                  fill: "currentColor",
+                  class: "w-4 h-4"
+                ) do |s|
+                  s.path(
+                    fill_rule: "evenodd",
+                    d:
+                      "M9.528 1.718a.75.75 0 01.162.819A8.97 8.97 0 009 6a9 9 0 009 9 8.97 8.97 0 003.463-.69.75.75 0 01.981.98 10.503 10.503 0 01-9.694 6.46c-5.799 0-10.5-4.701-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 01.818.162z",
+                    clip_rule: "evenodd"
+                  )
+                end
+              end
+            end
+          end
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "With text", context: self) do
+        <<~RUBY
+          ThemeToggle do |toggle|
+            SetLightMode do
+              Button(variant: :primary) { "Light" }
+            end
+
+            SetDarkMode do
+              Button(variant: :primary) { "Dark" }
+            end
+          end
+        RUBY
+      end
+
+      render Components::ComponentSetup::Tabs.new(component_name: component)
+
+      render Docs::ComponentsTable.new(component_files(component))
+    end
+  end
+end

data/lib/ruby_ui/tooltip/tooltip_controller.js

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus";
-import { computePosition, autoUpdate, offset } from "@floating-ui/dom";
+import { computePosition, autoUpdate, offset, shift } from "@floating-ui/dom";
 
 export default class extends Controller {
   static targets = ["trigger", "content"];
@@ -23,10 +23,11 @@ export default class extends Controller {
   }
 
   setFloatingElement() {
-    console.log(this.placementValue);
-
     this.cleanup = autoUpdate(this.triggerTarget, this.contentTarget, () => {
-      computePosition(this.triggerTarget, this.contentTarget, { placement: this.placementValue, middleware: [offset(4)] }).then(({ x, y }) => {
+      computePosition(this.triggerTarget, this.contentTarget, {
+        placement: this.placementValue,
+        middleware: [offset(4), shift()]
+      }).then(({ x, y }) => {
         Object.assign(this.contentTarget.style, {
           left: `${x}px`,
           top: `${y}px`,

data/lib/ruby_ui/tooltip/tooltip_docs.rb

@@ -0,0 +1,52 @@
+# frozen_string_literal: true
+
+class Views::Docs::Tooltip < Views::Base
+  def view_template
+    component = "Tooltip"
+
+    div(class: "max-w-2xl mx-auto w-full py-10 space-y-10") do
+      render Docs::Header.new(title: "Tooltip", description: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.")
+
+      Heading(level: 2) { "Usage" }
+
+      render Docs::VisualCodeExample.new(title: "Example", context: self) do
+        <<~RUBY
+          Tooltip do
+            TooltipTrigger do
+              Button(variant: :outline, icon: true) do
+                bookmark_icon
+              end
+            end
+            TooltipContent do
+              Text { "Add to library" }
+            end
+          end
+        RUBY
+      end
+
+      render Components::ComponentSetup::Tabs.new(component_name: component)
+
+      render Docs::ComponentsTable.new(component_files(component))
+    end
+  end
+
+  private
+
+  def bookmark_icon
+    svg(
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewbox: "0 0 24 24",
+      stroke_width: "1.5",
+      stroke: "currentColor",
+      class: "w-4 h-4"
+    ) do |s|
+      s.path(
+        stroke_linecap: "round",
+        stroke_linejoin: "round",
+        d:
+          "M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z"
+      )
+    end
+  end
+end

data/lib/ruby_ui/typography/typography_docs.rb

@@ -0,0 +1,107 @@
+# frozen_string_literal: true
+
+class Views::Docs::Typography < Views::Base
+  def view_template
+    component = "Typography"
+
+    div(class: "max-w-2xl mx-auto w-full py-10 space-y-10") do
+      render Docs::Header.new(title: "Typography", description: "Sensible defaults to use for text.")
+
+      Components.Heading(level: 2) { "Usage" }
+
+      render Docs::VisualCodeExample.new(title: "h1", context: self) do
+        <<~RUBY
+          Heading(level: 1) { "This is an H1 title" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "h2", context: self) do
+        <<~RUBY
+          Heading(level: 2) { "This is an H2 title" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "h3", context: self) do
+        <<~RUBY
+          Heading(level: 3) { "This is an H3 title" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "h4", context: self) do
+        <<~RUBY
+          Heading(level: 4) { "This is an H4 title" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "p", context: self) do
+        <<~RUBY
+          Text { "This is an P tag" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Inline Link", context: self) do
+        <<~RUBY
+          Text(class: 'text-center') do
+            plain "Checkout our "
+            InlineLink(href: docs_installation_path) { "installation instructions" }
+            plain " to get started."
+          end
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "List", context: self) do
+        <<~RUBY
+          Components.TypographyList(items: [
+              'Phlex is fast',
+              'Phlex is easy to use',
+              'Phlex is awesome',
+            ])
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Numbered List", context: self) do
+        <<~RUBY
+          Components.TypographyList(items: [
+              'Copy',
+              'Paste',
+              'Customize',
+            ], numbered: true)
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Inline Code", context: self) do
+        <<~RUBY
+          InlineCode { "This is an inline code block" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Lead", context: self) do
+        <<~RUBY
+          Text(as: "p", size: "5", weight: "muted") { "A modal dialog that interrupts the user with important content and expects a response." }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Large", context: self) do
+        <<~RUBY
+          Text(size: "4", weight: "semibold") { "Are you sure absolutely sure?" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Small", context: self) do
+        <<~RUBY
+          Text(size: "sm") { "Email address" }
+        RUBY
+      end
+
+      render Docs::VisualCodeExample.new(title: "Muted", context: self) do
+        <<~RUBY
+          Text(size: "2", class: "text-muted-foreground") { "Enter your email address." }
+        RUBY
+      end
+
+      render Components::ComponentSetup::Tabs.new(component_name: component)
+
+      render Docs::ComponentsTable.new(component_files(component))
+    end
+  end
+end

data/lib/ruby_ui.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RubyUI
-  VERSION = "1.0.1"
+  VERSION = "1.1.0"
 end

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: ruby_ui
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.1.0
 platform: ruby
 authors:
 - George Kettle
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-04-21 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -103,8 +102,10 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- lib/generators/ruby_ui/component/all_generator.rb
 - lib/generators/ruby_ui/component_generator.rb
 - lib/generators/ruby_ui/dependencies.yml
+- lib/generators/ruby_ui/install/docs_generator.rb
 - lib/generators/ruby_ui/install/install_generator.rb
 - lib/generators/ruby_ui/install/templates/ruby_ui.rb.erb
 - lib/generators/ruby_ui/install/templates/tailwind.css.erb
@@ -115,11 +116,13 @@ files:
 - lib/ruby_ui/accordion/accordion_controller.js
 - lib/ruby_ui/accordion/accordion_default_content.rb
 - lib/ruby_ui/accordion/accordion_default_trigger.rb
+- lib/ruby_ui/accordion/accordion_docs.rb
 - lib/ruby_ui/accordion/accordion_icon.rb
 - lib/ruby_ui/accordion/accordion_item.rb
 - lib/ruby_ui/accordion/accordion_trigger.rb
 - lib/ruby_ui/alert/alert.rb
 - lib/ruby_ui/alert/alert_description.rb
+- lib/ruby_ui/alert/alert_docs.rb
 - lib/ruby_ui/alert/alert_title.rb
 - lib/ruby_ui/alert_dialog/alert_dialog.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_action.rb
@@ -127,17 +130,22 @@ files:
 - lib/ruby_ui/alert_dialog/alert_dialog_content.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_controller.js
 - lib/ruby_ui/alert_dialog/alert_dialog_description.rb
+- lib/ruby_ui/alert_dialog/alert_dialog_docs.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_footer.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_header.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_title.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_trigger.rb
 - lib/ruby_ui/aspect_ratio/aspect_ratio.rb
+- lib/ruby_ui/aspect_ratio/aspect_ratio_docs.rb
 - lib/ruby_ui/avatar/avatar.rb
+- lib/ruby_ui/avatar/avatar_docs.rb
 - lib/ruby_ui/avatar/avatar_fallback.rb
 - lib/ruby_ui/avatar/avatar_image.rb
 - lib/ruby_ui/badge/badge.rb
+- lib/ruby_ui/badge/badge_docs.rb
 - lib/ruby_ui/base.rb
 - lib/ruby_ui/breadcrumb/breadcrumb.rb
+- lib/ruby_ui/breadcrumb/breadcrumb_docs.rb
 - lib/ruby_ui/breadcrumb/breadcrumb_ellipsis.rb
 - lib/ruby_ui/breadcrumb/breadcrumb_item.rb
 - lib/ruby_ui/breadcrumb/breadcrumb_link.rb
@@ -145,10 +153,12 @@ files:
 - lib/ruby_ui/breadcrumb/breadcrumb_page.rb
 - lib/ruby_ui/breadcrumb/breadcrumb_separator.rb
 - lib/ruby_ui/button/button.rb
+- lib/ruby_ui/button/button_docs.rb
 - lib/ruby_ui/calendar/calendar.rb
 - lib/ruby_ui/calendar/calendar_body.rb
 - lib/ruby_ui/calendar/calendar_controller.js
 - lib/ruby_ui/calendar/calendar_days.rb
+- lib/ruby_ui/calendar/calendar_docs.rb
 - lib/ruby_ui/calendar/calendar_header.rb
 - lib/ruby_ui/calendar/calendar_input_controller.js
 - lib/ruby_ui/calendar/calendar_next.rb
@@ -158,33 +168,41 @@ files:
 - lib/ruby_ui/card/card.rb
 - lib/ruby_ui/card/card_content.rb
 - lib/ruby_ui/card/card_description.rb
+- lib/ruby_ui/card/card_docs.rb
 - lib/ruby_ui/card/card_footer.rb
 - lib/ruby_ui/card/card_header.rb
 - lib/ruby_ui/card/card_title.rb
 - lib/ruby_ui/carousel/carousel.rb
 - lib/ruby_ui/carousel/carousel_content.rb
 - lib/ruby_ui/carousel/carousel_controller.js
+- lib/ruby_ui/carousel/carousel_docs.rb
 - lib/ruby_ui/carousel/carousel_item.rb
 - lib/ruby_ui/carousel/carousel_next.rb
 - lib/ruby_ui/carousel/carousel_previous.rb
 - lib/ruby_ui/chart/chart.rb
 - lib/ruby_ui/chart/chart_controller.js
+- lib/ruby_ui/chart/chart_docs.rb
 - lib/ruby_ui/checkbox/checkbox.rb
+- lib/ruby_ui/checkbox/checkbox_docs.rb
 - lib/ruby_ui/checkbox/checkbox_group.rb
 - lib/ruby_ui/checkbox/checkbox_group_controller.js
 - lib/ruby_ui/clipboard/clipboard.rb
 - lib/ruby_ui/clipboard/clipboard_controller.js
+- lib/ruby_ui/clipboard/clipboard_docs.rb
 - lib/ruby_ui/clipboard/clipboard_popover.rb
 - lib/ruby_ui/clipboard/clipboard_source.rb
 - lib/ruby_ui/clipboard/clipboard_trigger.rb
 - lib/ruby_ui/codeblock/codeblock.rb
+- lib/ruby_ui/codeblock/codeblock_docs.rb
 - lib/ruby_ui/collapsible/collapsible.rb
 - lib/ruby_ui/collapsible/collapsible_content.rb
 - lib/ruby_ui/collapsible/collapsible_controller.js
+- lib/ruby_ui/collapsible/collapsible_docs.rb
 - lib/ruby_ui/collapsible/collapsible_trigger.rb
 - lib/ruby_ui/combobox/combobox.rb
 - lib/ruby_ui/combobox/combobox_checkbox.rb
 - lib/ruby_ui/combobox/combobox_controller.js
+- lib/ruby_ui/combobox/combobox_docs.rb
 - lib/ruby_ui/combobox/combobox_empty_state.rb
 - lib/ruby_ui/combobox/combobox_item.rb
 - lib/ruby_ui/combobox/combobox_list.rb
@@ -199,6 +217,7 @@ files:
 - lib/ruby_ui/command/command_dialog.rb
 - lib/ruby_ui/command/command_dialog_content.rb
 - lib/ruby_ui/command/command_dialog_trigger.rb
+- lib/ruby_ui/command/command_docs.rb
 - lib/ruby_ui/command/command_empty.rb
 - lib/ruby_ui/command/command_group.rb
 - lib/ruby_ui/command/command_input.rb
@@ -207,6 +226,7 @@ files:
 - lib/ruby_ui/context_menu/context_menu.rb
 - lib/ruby_ui/context_menu/context_menu_content.rb
 - lib/ruby_ui/context_menu/context_menu_controller.js
+- lib/ruby_ui/context_menu/context_menu_docs.rb
 - lib/ruby_ui/context_menu/context_menu_item.rb
 - lib/ruby_ui/context_menu/context_menu_label.rb
 - lib/ruby_ui/context_menu/context_menu_separator.rb
@@ -215,19 +235,28 @@ files:
 - lib/ruby_ui/dialog/dialog_content.rb
 - lib/ruby_ui/dialog/dialog_controller.js
 - lib/ruby_ui/dialog/dialog_description.rb
+- lib/ruby_ui/dialog/dialog_docs.rb
 - lib/ruby_ui/dialog/dialog_footer.rb
 - lib/ruby_ui/dialog/dialog_header.rb
 - lib/ruby_ui/dialog/dialog_middle.rb
 - lib/ruby_ui/dialog/dialog_title.rb
 - lib/ruby_ui/dialog/dialog_trigger.rb
+- lib/ruby_ui/docs/base.rb
+- lib/ruby_ui/docs/component_setup_tabs.rb
+- lib/ruby_ui/docs/components_table.rb
+- lib/ruby_ui/docs/header.rb
+- lib/ruby_ui/docs/sidebar_examples.rb
+- lib/ruby_ui/docs/visual_code_example.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_controller.js
+- lib/ruby_ui/dropdown_menu/dropdown_menu_docs.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_item.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_label.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_separator.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_trigger.rb
 - lib/ruby_ui/form/form.rb
+- lib/ruby_ui/form/form_docs.rb
 - lib/ruby_ui/form/form_field.rb
 - lib/ruby_ui/form/form_field_controller.js
 - lib/ruby_ui/form/form_field_error.rb
@@ -236,24 +265,33 @@ files:
 - lib/ruby_ui/hover_card/hover_card.rb
 - lib/ruby_ui/hover_card/hover_card_content.rb
 - lib/ruby_ui/hover_card/hover_card_controller.js
+- lib/ruby_ui/hover_card/hover_card_docs.rb
 - lib/ruby_ui/hover_card/hover_card_trigger.rb
 - lib/ruby_ui/input/input.rb
+- lib/ruby_ui/input/input_docs.rb
 - lib/ruby_ui/link/link.rb
+- lib/ruby_ui/link/link_docs.rb
 - lib/ruby_ui/masked_input/masked_input.rb
 - lib/ruby_ui/masked_input/masked_input_controller.js
+- lib/ruby_ui/masked_input/masked_input_docs.rb
 - lib/ruby_ui/pagination/pagination.rb
 - lib/ruby_ui/pagination/pagination_content.rb
+- lib/ruby_ui/pagination/pagination_docs.rb
 - lib/ruby_ui/pagination/pagination_ellipsis.rb
 - lib/ruby_ui/pagination/pagination_item.rb
 - lib/ruby_ui/popover/popover.rb
 - lib/ruby_ui/popover/popover_content.rb
 - lib/ruby_ui/popover/popover_controller.js
+- lib/ruby_ui/popover/popover_docs.rb
 - lib/ruby_ui/popover/popover_trigger.rb
 - lib/ruby_ui/progress/progress.rb
+- lib/ruby_ui/progress/progress_docs.rb
 - lib/ruby_ui/radio_button/radio_button.rb
+- lib/ruby_ui/radio_button/radio_button_docs.rb
 - lib/ruby_ui/select/select.rb
 - lib/ruby_ui/select/select_content.rb
 - lib/ruby_ui/select/select_controller.js
+- lib/ruby_ui/select/select_docs.rb
 - lib/ruby_ui/select/select_group.rb
 - lib/ruby_ui/select/select_input.rb
 - lib/ruby_ui/select/select_item.rb
@@ -262,23 +300,57 @@ files:
 - lib/ruby_ui/select/select_trigger.rb
 - lib/ruby_ui/select/select_value.rb
 - lib/ruby_ui/separator/separator.rb
+- lib/ruby_ui/separator/separator_docs.rb
 - lib/ruby_ui/sheet/sheet.rb
 - lib/ruby_ui/sheet/sheet_content.rb
 - lib/ruby_ui/sheet/sheet_content_controller.js
 - lib/ruby_ui/sheet/sheet_controller.js
 - lib/ruby_ui/sheet/sheet_description.rb
+- lib/ruby_ui/sheet/sheet_docs.rb
 - lib/ruby_ui/sheet/sheet_footer.rb
 - lib/ruby_ui/sheet/sheet_header.rb
 - lib/ruby_ui/sheet/sheet_middle.rb
 - lib/ruby_ui/sheet/sheet_title.rb
 - lib/ruby_ui/sheet/sheet_trigger.rb
 - lib/ruby_ui/shortcut_key/shortcut_key.rb
+- lib/ruby_ui/shortcut_key/shortcut_key_docs.rb
+- lib/ruby_ui/sidebar/collapsible_sidebar.rb
+- lib/ruby_ui/sidebar/mobile_sidebar.rb
+- lib/ruby_ui/sidebar/non_collapsible_sidebar.rb
+- lib/ruby_ui/sidebar/sidebar.rb
+- lib/ruby_ui/sidebar/sidebar_content.rb
+- lib/ruby_ui/sidebar/sidebar_controller.js
+- lib/ruby_ui/sidebar/sidebar_docs.rb
+- lib/ruby_ui/sidebar/sidebar_footer.rb
+- lib/ruby_ui/sidebar/sidebar_group.rb
+- lib/ruby_ui/sidebar/sidebar_group_action.rb
+- lib/ruby_ui/sidebar/sidebar_group_content.rb
+- lib/ruby_ui/sidebar/sidebar_group_label.rb
+- lib/ruby_ui/sidebar/sidebar_header.rb
+- lib/ruby_ui/sidebar/sidebar_input.rb
+- lib/ruby_ui/sidebar/sidebar_inset.rb
+- lib/ruby_ui/sidebar/sidebar_menu.rb
+- lib/ruby_ui/sidebar/sidebar_menu_action.rb
+- lib/ruby_ui/sidebar/sidebar_menu_badge.rb
+- lib/ruby_ui/sidebar/sidebar_menu_button.rb
+- lib/ruby_ui/sidebar/sidebar_menu_item.rb
+- lib/ruby_ui/sidebar/sidebar_menu_skeleton.rb
+- lib/ruby_ui/sidebar/sidebar_menu_sub.rb
+- lib/ruby_ui/sidebar/sidebar_menu_sub_button.rb
+- lib/ruby_ui/sidebar/sidebar_menu_sub_item.rb
+- lib/ruby_ui/sidebar/sidebar_rail.rb
+- lib/ruby_ui/sidebar/sidebar_separator.rb
+- lib/ruby_ui/sidebar/sidebar_trigger.rb
+- lib/ruby_ui/sidebar/sidebar_wrapper.rb
 - lib/ruby_ui/skeleton/skeleton.rb
+- lib/ruby_ui/skeleton/skeleton_docs.rb
 - lib/ruby_ui/switch/switch.rb
+- lib/ruby_ui/switch/switch_docs.rb
 - lib/ruby_ui/table/table.rb
 - lib/ruby_ui/table/table_body.rb
 - lib/ruby_ui/table/table_caption.rb
 - lib/ruby_ui/table/table_cell.rb
+- lib/ruby_ui/table/table_docs.rb
 - lib/ruby_ui/table/table_footer.rb
 - lib/ruby_ui/table/table_head.rb
 - lib/ruby_ui/table/table_header.rb
@@ -286,27 +358,31 @@ files:
 - lib/ruby_ui/tabs/tabs.rb
 - lib/ruby_ui/tabs/tabs_content.rb
 - lib/ruby_ui/tabs/tabs_controller.js
+- lib/ruby_ui/tabs/tabs_docs.rb
 - lib/ruby_ui/tabs/tabs_list.rb
 - lib/ruby_ui/tabs/tabs_trigger.rb
 - lib/ruby_ui/textarea/textarea.rb
+- lib/ruby_ui/textarea/textarea_docs.rb
 - lib/ruby_ui/theme_toggle/set_dark_mode.rb
 - lib/ruby_ui/theme_toggle/set_light_mode.rb
 - lib/ruby_ui/theme_toggle/theme_toggle.rb
 - lib/ruby_ui/theme_toggle/theme_toggle_controller.js
+- lib/ruby_ui/theme_toggle/theme_toggle_docs.rb
 - lib/ruby_ui/tooltip/tooltip.rb
 - lib/ruby_ui/tooltip/tooltip_content.rb
 - lib/ruby_ui/tooltip/tooltip_controller.js
+- lib/ruby_ui/tooltip/tooltip_docs.rb
 - lib/ruby_ui/tooltip/tooltip_trigger.rb
 - lib/ruby_ui/typography/heading.rb
 - lib/ruby_ui/typography/inline_code.rb
 - lib/ruby_ui/typography/inline_link.rb
 - lib/ruby_ui/typography/text.rb
 - lib/ruby_ui/typography/typography_blockquote.rb
+- lib/ruby_ui/typography/typography_docs.rb
 homepage: https://rubygems.org/gems/ruby_ui
 licenses:
 - MIT
 metadata: {}
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -321,8 +397,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.16
-signing_key:
+rubygems_version: 3.6.9
 specification_version: 4
 summary: RubyUI is a UI Component Library for Ruby developers.
 test_files: []