yattho_view_components 0.0.1

data/static/arguments.json

@@ -0,0 +1,2560 @@
+[
+  {
+    "component": "ActionList",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/action_list.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/action_list/default/",
+    "parameters": [
+      {
+        "name": "role",
+        "type": "Boolean",
+        "default": "`:list`",
+        "description": "ARIA role describing the function of the list. listbox and menu are a common values."
+      },
+      {
+        "name": "item_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Additional CSS classes to attach to items."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:full`",
+        "description": "One of `:full` or `:inset`.. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
+      },
+      {
+        "name": "show_dividers",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Display a divider above each item in the list when it does not follow a header or divider."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Divider",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/action_list/divider.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/action_list/divider/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Heading",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/action_list/heading.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/action_list/heading/default/",
+    "parameters": [
+      {
+        "name": "list_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "The unique identifier of the sub list the heading belongs to. Used internally."
+      },
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sub list title."
+      },
+      {
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Optional sub list description."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:h3`",
+        "description": "Semantic tag for the heading."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Item",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/action_list/item.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/action_list/item/default/",
+    "parameters": [
+      {
+        "name": "list",
+        "type": "Yattho::Alpha::ActionList",
+        "default": "N/A",
+        "description": "The list that contains this item. Used internally."
+      },
+      {
+        "name": "parent",
+        "type": "Yattho::Alpha::ActionList::Item",
+        "default": "`nil`",
+        "description": "This item's parent item. `nil` if this item is at the root. Used internally."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Item label."
+      },
+      {
+        "name": "label_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "CSS classes that will be added to the label."
+      },
+      {
+        "name": "content_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
+      },
+      {
+        "name": "truncate_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Truncate label with ellipsis."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Link URL."
+      },
+      {
+        "name": "role",
+        "type": "String",
+        "default": "`:listitem`",
+        "description": "ARIA role describing the function of the item."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "Controls block sizing of the item."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "Controls color/style based on behavior."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Disabled items are not clickable and visually dim."
+      },
+      {
+        "name": "description_scheme",
+        "type": "Symbol",
+        "default": "`:block`",
+        "description": "Display description inline with label, or block on the next line."
+      },
+      {
+        "name": "active",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Sets an active state on navigational items."
+      },
+      {
+        "name": "on_click",
+        "type": "String",
+        "default": "`nil`",
+        "description": "JavaScript to execute when the item is clicked."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Banner",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/banner.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/banner/default/",
+    "parameters": [
+      {
+        "name": "full",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen."
+      },
+      {
+        "name": "full_when_narrow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
+      },
+      {
+        "name": "dismissible",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component can be dismissed with an \"x\" button."
+      },
+      {
+        "name": "description",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Description text rendered underneath the message."
+      },
+      {
+        "name": "icon",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The name of an [Octicon](https://yattho.com/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
+      },
+      {
+        "name": "reappear",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ButtonMarketing",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/button_marketing.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/button_marketing/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default`, `:outline`, `:primary`, or `:transparent`."
+      },
+      {
+        "name": "variant",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default` or `:large`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a` or `:button`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button` or `:submit`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Dialog",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/dialog.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/dialog/default/",
+    "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The id of the dialog."
+      },
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Describes the content of the dialog."
+      },
+      {
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Provides additional context for the dialog, also setting the `aria-describedby` attribute."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
+      },
+      {
+        "name": "position",
+        "type": "Symbol",
+        "default": "`:center`",
+        "description": "The position of the dialog. One of `:center`, `:left`, or `:right`."
+      },
+      {
+        "name": "position_narrow",
+        "type": "Symbol",
+        "default": "`:inherit`",
+        "description": "The position of the dialog when narrow. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+      },
+      {
+        "name": "visually_hide_title",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true will hide the heading title, while still making it available to Screen Readers."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Dropdown",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/dropdown.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/dropdown/default/",
+    "parameters": [
+      {
+        "name": "overlay",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:dark`, `:default`, or `:none`."
+      },
+      {
+        "name": "with_caret",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not a caret should be rendered in the button."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "HellipButton",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/hellip_button.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/hellip_button/default/",
+    "parameters": [
+      {
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the button is inline."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "HiddenTextExpander",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/hidden_text_expander.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/hidden_text_expander/default/",
+    "parameters": [
+      {
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the expander is inline."
+      },
+      {
+        "name": "button_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the button element."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Image",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/image.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/image/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The source url of the image."
+      },
+      {
+        "name": "alt",
+        "type": "String",
+        "default": "N/A",
+        "description": "Specifies an alternate text for the image."
+      },
+      {
+        "name": "lazy",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to lazily load the image."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ImageCrop",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/image_crop.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/image_crop/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The path of the image to crop."
+      },
+      {
+        "name": "rounded",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "If the crop mask should be a circle. Defaults to true."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Layout",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/layout.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/layout/default/",
+    "parameters": [
+      {
+        "name": "stacking_breakpoint",
+        "type": "Symbol",
+        "default": "`:md`",
+        "description": "When the `Layout` should change from rows into columns. One of `:lg`, `:md`, or `:sm`."
+      },
+      {
+        "name": "first_in_source",
+        "type": "Symbol",
+        "default": "`:sidebar`",
+        "description": "Which element to render first in the HTML. This will change the keyboard navigation order. One of `:main` or `:sidebar`."
+      },
+      {
+        "name": "gutter",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "The amount of space between the main section and the sidebar. One of `:condensed`, `:default`, `:none`, or `:spacious`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Menu",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/menu.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/menu/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/nav_list.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/nav_list/default/",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Item",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/nav_list/item.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/nav_list/item/default/",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected list item. Used internally."
+      },
+      {
+        "name": "selected_by_ids",
+        "type": "Array<Symbol>",
+        "default": "`[]`",
+        "description": "The list of IDs that select this item. In other words, if the `selected_item_id` attribute on the parent `NavList` is set to one of these IDs, the item will appear selected."
+      },
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
+      },
+      {
+        "name": "sub_item",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this item is nested under a parent item. Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Section",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/nav_list/section.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/nav_list/section/default/",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OcticonSymbols",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/octicon_symbols.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/octicon_symbols/default/",
+    "parameters": [
+      {
+        "name": "icons",
+        "type": "Array<Hash>",
+        "default": "`[]`",
+        "description": "List of icons to render, in the format { symbol: :icon_name, size: :small }"
+      }
+    ]
+  },
+  {
+    "component": "SegmentedControl",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/segmented_control.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/segmented_control/default/",
+    "parameters": [
+      {
+        "name": "hide_labels",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the labels and only show the icons"
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If the component should be full width"
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TabContainer",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/tab_container.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/tab_container/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TabNav",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/tab_nav.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/tab_nav/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:nav`",
+        "description": "One of `:div` or `:nav`."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
+      },
+      {
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TabPanels",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/tab_panels.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/tab_panels/default/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:left` or `:right`. - Defaults to left"
+      },
+      {
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
+      },
+      {
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TextField",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/text_field.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/text_field/default/",
+    "parameters": [
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
+      },
+      {
+        "name": "class",
+        "type": "String",
+        "default": "N/A",
+        "description": "A list of CSS classes to add to the input. Exists for compatibility with Rails form builders."
+      },
+      {
+        "name": "classes",
+        "type": "String",
+        "default": "N/A",
+        "description": "A list of CSS classes to add to the input. Combined with the `:class` argument."
+      },
+      {
+        "name": "caption",
+        "type": "String",
+        "default": "N/A",
+        "description": "Caption text to render below the input."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Whether or not to visually hide the label. If `true` the label will be hidden visually but still available to screen readers."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "show_clear_button",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
+      },
+      {
+        "name": "clear_button_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "The HTML id attribute of the clear button."
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Controls whether or not the input takes the full width of its container."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Whether or not the input should accept keyboard and mouse input."
+      },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If `true`, renders the input in a visually invalid state."
+      },
+      {
+        "name": "placeholder",
+        "type": "String",
+        "default": "N/A",
+        "description": "Placeholder text."
+      },
+      {
+        "name": "inset",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If `true`, renders the input in a visually inset state."
+      },
+      {
+        "name": "monospace",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If `true`, uses a monospace font for the input field."
+      },
+      {
+        "name": "leading_visual",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Yattho's [Octicon component](https://yattho.com/view-components/components/octicon)."
+      },
+      {
+        "name": "validation_message",
+        "type": "String",
+        "default": "N/A",
+        "description": "A validation message to display beneath the input. Implicitly sets `invalid` to `true`."
+      },
+      {
+        "name": "label_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "System arugments passed to the Rails builder's `#label` method. These arguments will appear as HTML attributes on the `<label>` tag."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      },
+      {
+        "name": "block",
+        "type": "Proc",
+        "default": "N/A",
+        "description": "Unused."
+      }
+    ]
+  },
+  {
+    "component": "ToggleSwitch",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/toggle_switch.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/toggle_switch/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The URL to POST to when the toggle switch is toggled. If `nil`, the toggle switch will not make any requests."
+      },
+      {
+        "name": "csrf_token",
+        "type": "String",
+        "default": "`nil`",
+        "description": "A CSRF token that will be sent to the server as \"authenticity_token\" when the toggle switch is toggled. Unused if `src` is `nil`."
+      },
+      {
+        "name": "checked",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the toggle switch is on or off."
+      },
+      {
+        "name": "enabled",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not the toggle switch responds to user input."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "What size toggle switch to render. One of `:end` or `:start`."
+      },
+      {
+        "name": "status_label_position",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "Which side of the toggle switch to render the status label. One of `:medium` or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Tooltip",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/tooltip.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/tooltip/default/",
+    "parameters": [
+      {
+        "name": "for_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "The ID of the element that the tooltip should be attached to."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:description` or `:label`."
+      },
+      {
+        "name": "direction",
+        "type": "Symbol",
+        "default": "`:s`",
+        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+      },
+      {
+        "name": "text",
+        "type": "String",
+        "default": "N/A",
+        "description": "The text content of the tooltip. This should be brief and no longer than a sentence."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "UnderlineNav",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/underline_nav.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/underline_nav/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:nav`",
+        "description": "One of `:div` or `:nav`."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:left`",
+        "description": "One of `:left` or `:right`. - Defaults to left"
+      },
+      {
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "UnderlinePanels",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/alpha/underline_panels.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/alpha/underline_panels/default/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:left`",
+        "description": "One of `:left` or `:right`. - Defaults to left"
+      },
+      {
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
+      },
+      {
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "AutoComplete",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/auto_complete.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/auto_complete/default/",
+    "parameters": [
+      {
+        "name": "label_text",
+        "type": "String",
+        "default": "N/A",
+        "description": "The label of the input."
+      },
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The route to query."
+      },
+      {
+        "name": "input_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Id of the input element."
+      },
+      {
+        "name": "input_name",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Optional name of the input element, defaults to `input_id` when not set."
+      },
+      {
+        "name": "list_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Id of the list element."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Controls if the label is visible. If `true`, screen reader only text will be added."
+      },
+      {
+        "name": "show_clear_button",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds optional clear button."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      },
+      {
+        "name": "size",
+        "type": "Hash",
+        "default": "`:medium`",
+        "description": "Input size can be small, medium (default), or large"
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Input can be full-width or fit to content"
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Disabled input"
+      },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Invalid input"
+      },
+      {
+        "name": "placeholder",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The placeholder text displayed within the input"
+      },
+      {
+        "name": "inset",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "subtle input background color"
+      },
+      {
+        "name": "monospace",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "monospace input font family"
+      }
+    ]
+  },
+  {
+    "component": "AutoComplete::Item",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/auto_complete/item.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/auto_complete/item/default/",
+    "parameters": [
+      {
+        "name": "value",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value of the item."
+      },
+      {
+        "name": "selected",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the item is selected."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the item is disabled."
+      },
+      {
+        "name": "description_variant",
+        "type": "Hash",
+        "default": "`:block`",
+        "description": "Changes the description style. Allowed values are :inline, :block"
+      },
+      {
+        "name": "description",
+        "type": "String",
+        "default": "N/A",
+        "description": "Display description text below label"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Avatar",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/avatar.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/avatar/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The source url of the avatar image."
+      },
+      {
+        "name": "alt",
+        "type": "String",
+        "default": "N/A",
+        "description": "Passed through to alt on img tag."
+      },
+      {
+        "name": "size",
+        "type": "Integer",
+        "default": "`20`",
+        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, or `80`."
+      },
+      {
+        "name": "shape",
+        "type": "Symbol",
+        "default": "`:circle`",
+        "description": "Shape of the avatar. One of `:circle` or `:square`."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "AvatarStack",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/avatar_stack.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/avatar_stack/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "One of `:div` or `:span`."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:left`",
+        "description": "One of `:left` or `:right`."
+      },
+      {
+        "name": "tooltipped",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add a tooltip to the stack or not."
+      },
+      {
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Parameters to add to the Body. If `tooltipped` is set, has the same arguments as [Tooltip](/components/tooltip). The default tag is `:div` but can be changed using `tag:` to one of `:div` or `:span`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "BaseButton",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/base_button.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/base_button/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "block",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Blankslate",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/blankslate.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/blankslate/default/",
+    "parameters": [
+      {
+        "name": "narrow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds a maximum width of `485px` to the Blankslate."
+      },
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Increases the padding from `32px` to `80px 40px`."
+      },
+      {
+        "name": "border",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds a border around the Blankslate."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "BorderBox",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/border_box.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/border_box/default/",
+    "parameters": [
+      {
+        "name": "padding",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:condensed`, `:default`, or `:spacious`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "BorderBox::Header",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/border_box/header.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/border_box/header/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Breadcrumbs",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/breadcrumbs.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/breadcrumbs/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Button",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/button.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/button/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "block",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
+      },
+      {
+        "name": "align_content",
+        "type": "Symbol",
+        "default": "`:center`",
+        "description": "One of `:center` or `:start`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ButtonGroup",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/button_group.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/button_group/default/",
+    "parameters": [
+      {
+        "name": "variant",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "DEPRECATED. One of `:medium` or `:small`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ClipboardCopy",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/clipboard_copy.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/clipboard_copy/default/",
+    "parameters": [
+      {
+        "name": "aria-label",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that will be read to screenreaders when the component is focused"
+      },
+      {
+        "name": "value",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Text to copy into the users clipboard when they click the component."
+      },
+      {
+        "name": "for",
+        "type": "String",
+        "default": "N/A",
+        "description": "Element id from where to get the copied value."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "CloseButton",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/close_button.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/close_button/default/",
+    "parameters": [
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button` or `:submit`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Counter",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/counter.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/counter/default/",
+    "parameters": [
+      {
+        "name": "count",
+        "type": "Integer, Float::INFINITY, nil",
+        "default": "`0`",
+        "description": "The number to be displayed (e.x. # of issues, pull requests)"
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "Color scheme. One of `:default`, `:primary`, or `:secondary`."
+      },
+      {
+        "name": "limit",
+        "type": "Integer, nil",
+        "default": "`5_000`",
+        "description": "Maximum value to display. Pass `nil` for no limit. (e.x. if `count` == 6,000 and `limit` == 5000, counter will display \"5,000+\")"
+      },
+      {
+        "name": "hide_if_zero",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true, a `hidden` attribute is added to the counter if `count` is zero."
+      },
+      {
+        "name": "text",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Text to display instead of count."
+      },
+      {
+        "name": "round",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to apply our standard rounding logic to value."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Details",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/details.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/details/default/",
+    "parameters": [
+      {
+        "name": "overlay",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "Dictates the type of overlay to render with. One of `:dark`, `:default`, or `:none`."
+      },
+      {
+        "name": "reset",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Defaults to false. If set to true, it will remove the default caret and remove style from the summary element"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Flash",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/flash.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/flash/default/",
+    "parameters": [
+      {
+        "name": "full",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen."
+      },
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
+      },
+      {
+        "name": "dismissible",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component can be dismissed with an X button."
+      },
+      {
+        "name": "icon",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "Name of Octicon icon to use."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Heading",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/heading.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/heading/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "String",
+        "default": "N/A",
+        "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "IconButton",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/icon_button.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/icon_button/default/",
+    "parameters": [
+      {
+        "name": "icon",
+        "type": "String",
+        "default": "N/A",
+        "description": "Name of [Octicon](https://yattho.com/octicons/) to use."
+      },
+      {
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Optional keyword arguments to be passed to the wrapper `<div>` tag."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, or `:invisible`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "aria-label",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
+      },
+      {
+        "name": "aria-description",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
+      },
+      {
+        "name": "show_tooltip",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not to show a tooltip when this button is hovered. Tooltips should only be hidden if the aria label is redundant, i.e. if the icon has a widely understood definition."
+      },
+      {
+        "name": "tooltip_direction",
+        "type": "Symbol",
+        "default": "`:s`",
+        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Label",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/label.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/label/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:span`",
+        "description": "One of `:a`, `:div`, `:span`, or `:summary`."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large` or `:medium`."
+      },
+      {
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to render this label inline."
+      },
+      {
+        "name": "variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "One of `:inline`, `:large`, or `:none`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Link",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/link.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/link/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "String",
+        "default": "`:a`",
+        "description": "One of `:a` or `:span`."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default`, `:primary`, or `:secondary`."
+      },
+      {
+        "name": "muted",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Uses light gray for Link color, and blue on hover."
+      },
+      {
+        "name": "underline",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not to underline the link."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Markdown",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/markdown.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/markdown/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "One of `:article`, `:div`, or `:td`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Octicon",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/octicon.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/octicon/default/",
+    "parameters": [
+      {
+        "name": "icon_name",
+        "type": "Symbol, String",
+        "default": "`nil`",
+        "description": "Name of [Octicon](https://yattho.com/octicons/) to use."
+      },
+      {
+        "name": "icon",
+        "type": "Symbol, String",
+        "default": "`nil`",
+        "description": "Name of [Octicon](https://yattho.com/octicons/) to use."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:small`",
+        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
+      },
+      {
+        "name": "use_symbol",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/alpha/octiconsymbols)."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Popover",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/popover.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/popover/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ProgressBar",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/progress_bar.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/progress_bar/default/",
+    "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default`, `:large`, or `:small`. Increases height."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "RelativeTime",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/relative_time.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/relative_time/default/",
+    "parameters": [
+      {
+        "name": "datetime",
+        "type": "Time",
+        "default": "N/A",
+        "description": "The time to be formatted."
+      },
+      {
+        "name": "tense",
+        "type": "Symbol",
+        "default": "`:auto`",
+        "description": "Which tense to use. One of `:auto`, `:future`, or `:past`."
+      },
+      {
+        "name": "prefix",
+        "type": "sring",
+        "default": "`nil`",
+        "description": "What to prefix the relative ime display with."
+      },
+      {
+        "name": "second",
+        "type": "Symbol",
+        "default": "`SECOND_DEFAULT`",
+        "description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "minute",
+        "type": "Symbol",
+        "default": "`MINUTE_DEFAULT`",
+        "description": "What format minues should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "hour",
+        "type": "Symbol",
+        "default": "`HOUR_DEFAULT`",
+        "description": "What format hours should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "weekday",
+        "type": "Symbol",
+        "default": "`WEEKDAY_DEFAULT`",
+        "description": "What format weekdays should take. One of `nil`, `:long`, `:narrow`, or `:short`."
+      },
+      {
+        "name": "day",
+        "type": "Symbol",
+        "default": "`DAY_DEFAULT`",
+        "description": "What format days should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "month",
+        "type": "Symbol",
+        "default": "`MONTH_DEFAULT`",
+        "description": "What format months should take. One of `nil`, `:long`, `:narrow`, `:numeric`, `:short`, or `:two_digit`."
+      },
+      {
+        "name": "year",
+        "type": "Symbol",
+        "default": "`YEAR_DEFAULT`",
+        "description": "What format years should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "time_zone_name",
+        "type": "Symbol",
+        "default": "`TIMEZONENAME_DEFAULT`",
+        "description": "What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`."
+      },
+      {
+        "name": "threshold",
+        "type": "string",
+        "default": "`nil`",
+        "description": "The threshold, in ISO-8601 'durations' format, at which relative time displays become absolute."
+      },
+      {
+        "name": "precision",
+        "type": "Symbol",
+        "default": "`PRECISION_DEFAULT`",
+        "description": "The precision elapsed time should display. One of `nil`, `:day`, `:hour`, `:minute`, `:month`, `:second`, or `:year`."
+      },
+      {
+        "name": "format",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
+      },
+      {
+        "name": "format_style",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The format the display should take. One of `nil`, `:long`, `:narrow`, or `:short`."
+      },
+      {
+        "name": "lang",
+        "type": "string",
+        "default": "`nil`",
+        "description": "The language to use."
+      },
+      {
+        "name": "title",
+        "type": "string",
+        "default": "`nil`",
+        "description": "Provide a custom title to the element."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Spinner",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/spinner.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/spinner/default/",
+    "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `[:large, 64]`, `[:medium, 32]`, or `[:small, 16]`."
+      },
+      {
+        "name": "style",
+        "type": "String",
+        "default": "`box-sizing: content-box; color: var(--color-icon-primary);`",
+        "description": "Custom element styles."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "State",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/state.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/state/default/",
+    "parameters": [
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "`title` HTML attribute."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "Background color. One of `:closed`, `:default`, `:green`, `:merged`, `:open`, `:purple`, or `:red`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:span`",
+        "description": "HTML tag for element. One of `:div` or `:span`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default` or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Subhead",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/subhead.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/subhead/default/",
+    "parameters": [
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add spacing to the Subhead."
+      },
+      {
+        "name": "hide_border",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the border under the heading."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Text",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/text.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/text/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:span`",
+        "description": ""
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TimelineItem",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/timeline_item.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/timeline_item/default/",
+    "parameters": [
+      {
+        "name": "condensed",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Truncate",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/beta/truncate.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/beta/truncate/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Box",
+    "status": "stable",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/box.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/box/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Button",
+    "status": "deprecated",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/button_component.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/button/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:outline`, or `:primary`."
+      },
+      {
+        "name": "variant",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "DEPRECATED. One of `:medium` or `:small`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "group_item",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is part of a ButtonGroup."
+      },
+      {
+        "name": "block",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
+      },
+      {
+        "name": "dropdown",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to render a dropdown caret."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "IconButton",
+    "status": "deprecated",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/icon_button.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/icon_button/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger` or `:default`."
+      },
+      {
+        "name": "icon",
+        "type": "String",
+        "default": "N/A",
+        "description": "Name of [Octicon](https://yattho.com/octicons/) to use."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "aria-label",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
+      },
+      {
+        "name": "aria-description",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
+      },
+      {
+        "name": "tooltip_direction",
+        "type": "Symbol",
+        "default": "`:s`",
+        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+      },
+      {
+        "name": "box",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the button is in a [BorderBox](/components/beta/borderbox). If `true`, the button will have the `Box-btn-octicon` class."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Layout",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/layout_component.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/layout/default/",
+    "parameters": [
+      {
+        "name": "responsive",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to collapse layout to a single column at smaller widths."
+      },
+      {
+        "name": "side",
+        "type": "Symbol",
+        "default": "`:right`",
+        "description": "Which side to display the sidebar on. One of `:left` or `:right`."
+      },
+      {
+        "name": "sidebar_col",
+        "type": "Integer",
+        "default": "`3`",
+        "description": "Sidebar column width."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "LocalTime",
+    "status": "deprecated",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/local_time.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/local_time/default/",
+    "parameters": [
+      {
+        "name": "datetime",
+        "type": "DateTime",
+        "default": "N/A",
+        "description": "The date to parse"
+      },
+      {
+        "name": "initial_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Text to render before component is initialized"
+      },
+      {
+        "name": "weekday",
+        "type": "Symbol",
+        "default": "`:short`",
+        "description": "One of `:long` or `:short`."
+      },
+      {
+        "name": "year",
+        "type": "Symbol",
+        "default": "`:numeric`",
+        "description": "One of `:2-digit` or `:numeric`."
+      },
+      {
+        "name": "month",
+        "type": "Symbol",
+        "default": "`:short`",
+        "description": "One of `:long` or `:short`."
+      },
+      {
+        "name": "day",
+        "type": "Symbol",
+        "default": "`:numeric`",
+        "description": "One of `:2-digit` or `:numeric`."
+      },
+      {
+        "name": "hour",
+        "type": "Symbol",
+        "default": "`:numeric`",
+        "description": "One of `:2-digit` or `:numeric`."
+      },
+      {
+        "name": "minute",
+        "type": "Symbol",
+        "default": "`:numeric`",
+        "description": "One of `:2-digit` or `:numeric`."
+      },
+      {
+        "name": "second",
+        "type": "Symbol",
+        "default": "`:numeric`",
+        "description": "One of `:2-digit` or `:numeric`."
+      },
+      {
+        "name": "time_zone_name",
+        "type": "Symbol",
+        "default": "`:short`",
+        "description": "One of `:long` or `:short`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Navigation::Tab",
+    "status": "alpha",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/navigation/tab_component.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/navigation/tab/default/",
+    "parameters": [
+      {
+        "name": "list",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab is an item in a `<ul>` list."
+      },
+      {
+        "name": "selected",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab is selected or not."
+      },
+      {
+        "name": "with_panel",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab has an associated panel."
+      },
+      {
+        "name": "panel_id",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Only applies if `with_panel` is `true`. Unique id of panel."
+      },
+      {
+        "name": "icon_classes",
+        "type": "Boolean",
+        "default": "`\"\"`",
+        "description": "Classes that must always be applied to icons."
+      },
+      {
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) to be used in the `<li>` wrapper when the tab is an item in a list."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TimeAgo",
+    "status": "deprecated",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/time_ago_component.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/time_ago/default/",
+    "parameters": [
+      {
+        "name": "time",
+        "type": "Time",
+        "default": "N/A",
+        "description": "The time to be formatted"
+      },
+      {
+        "name": "micro",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true then the text will be formatted in \"micro\" mode, using as few characters as possible"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Tooltip",
+    "status": "deprecated",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/tooltip.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/tooltip/default/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "the text to appear in the tooltip"
+      },
+      {
+        "name": "direction",
+        "type": "String",
+        "default": "`:n`",
+        "description": "Direction of the tooltip. One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+      },
+      {
+        "name": "align",
+        "type": "String",
+        "default": "`:default`",
+        "description": "Align tooltips to the left or right of an element, combined with a `direction` to specify north or south. One of `:default`, `:left_1`, `:left_2`, `:right_1`, or `:right_2`."
+      },
+      {
+        "name": "multiline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Use this when you have long content"
+      },
+      {
+        "name": "no_delay",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "By default the tooltips have a slight delay before appearing. Set true to override this"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Truncate",
+    "status": "beta",
+    "source": "https://github.com/yattho/view_components/tree/main/app/components/yattho/truncate.rb",
+    "lookbook": "https://yattho.com/view-components/lookbook/inspect/yattho/truncate/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "One of `:div`, `:p`, `:span`, or `:strong`."
+      },
+      {
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the element is inline (or inline-block)."
+      },
+      {
+        "name": "expandable",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the entire string should be revealed on hover. Can only be used in conjunction with `inline`."
+      },
+      {
+        "name": "max_width",
+        "type": "Integer",
+        "default": "`nil`",
+        "description": "Sets the max-width of the text."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  }
+]