openproject-primer_view_components 0.71.0 → 0.72.0

data/static/arguments.json

@@ -1248,6 +1248,52 @@
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/menu/item/default/",
     "parameters": []
   },
+  {
+    "component": "FileTreeView",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "FileTreeView",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/file_tree_view.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/file_tree_view/default/",
+    "parameters": [
+      {
+        "name": "node_variant",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
+      },
+      {
+        "name": "form_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "These arguments allow the selections made within a `TreeView` to be submitted to the server as part of a Rails form. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)."
+      }
+    ]
+  },
+  {
+    "component": "FileTreeView::DirectoryNode",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "FileTreeViewDirectoryNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/file_tree_view/directory_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/file_tree_view/directory_node/default/",
+    "parameters": []
+  },
+  {
+    "component": "FileTreeView::FileNode",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "FileTreeViewFileNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/file_tree_view/file_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/file_tree_view/file_node/default/",
+    "parameters": []
+  },
   {
     "component": "FormButton",
     "status": "alpha",
@@ -2635,6 +2681,34 @@
       }
     ]
   },
+  {
+    "component": "SkeletonBox",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "SkeletonBox",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/skeleton_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/skeleton_box/default/",
+    "parameters": [
+      {
+        "name": "height",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Any valid CSS height."
+      },
+      {
+        "name": "width",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Any valid CSS width."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "Stack",
     "status": "alpha",
@@ -3288,76 +3362,62 @@
     ]
   },
   {
-    "component": "UnderlineNav",
+    "component": "TreeView",
     "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "UnderlineNav",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
+    "short_name": "TreeView",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/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",
+        "name": "node_variant",
         "type": "Symbol",
-        "default": "`:left`",
-        "description": "One of `:left` or `:right`. - Defaults to left"
+        "default": "`:div`",
+        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
       },
       {
-        "name": "body_arguments",
+        "name": "form_arguments",
         "type": "Hash",
         "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the body wrapper."
+        "description": "These arguments allow the selections made within a `TreeView` to be submitted to the server as part of a Rails form. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "[System arguments](/system-arguments)."
       }
     ]
   },
   {
-    "component": "UnderlinePanels",
+    "component": "TreeView::Icon",
     "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "UnderlinePanels",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
+    "short_name": "TreeViewIcon",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/icon.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/icon/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",
+        "name": "system_arguments",
         "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the body wrapper."
-      },
+        "default": "N/A",
+        "description": "The arguments accepted by [Octicon](/components/beta/octicon)."
+      }
+    ]
+  },
+  {
+    "component": "TreeView::IconPair",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TreeViewIconPair",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/icon_pair.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/icon_pair/default/",
+    "parameters": [
       {
-        "name": "wrapper_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true, the expanded icon is shown and the collapsed icon is hidden, etc."
       },
       {
         "name": "system_arguments",
@@ -3368,252 +3428,226 @@
     ]
   },
   {
-    "component": "Base",
-    "status": "beta",
+    "component": "TreeView::LeadingAction",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "Base",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/base_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/base/default/",
-    "parameters": []
+    "short_name": "TreeViewLeadingAction",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/leading_action.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/leading_action/default/",
+    "parameters": [
+      {
+        "name": "action",
+        "type": "ViewComponent::Base",
+        "default": "N/A",
+        "description": "A component or other renderable to use as the action button etc."
+      }
+    ]
   },
   {
-    "component": "AutoComplete",
-    "status": "beta",
+    "component": "TreeView::LeafNode",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "AutoComplete",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
+    "short_name": "TreeViewLeafNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/leaf_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/leaf_node/default/",
     "parameters": [
       {
-        "name": "label_text",
+        "name": "label",
         "type": "String",
         "default": "N/A",
-        "description": "The label of the input."
+        "description": "The node's label, i.e. it's textual content."
       },
       {
-        "name": "src",
-        "type": "String",
+        "name": "system_arguments",
+        "type": "Hash",
         "default": "N/A",
-        "description": "The route to query."
-      },
+        "description": "The arguments accepted by [TreeView::Node](/components/alpha/treeviewnode)."
+      }
+    ]
+  },
+  {
+    "component": "TreeView::LoadingFailureMessage",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TreeViewLoadingFailureMessage",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/loading_failure_message.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/loading_failure_message/default/",
+    "parameters": [
       {
-        "name": "input_id",
+        "name": "text",
         "type": "String",
-        "default": "N/A",
-        "description": "Id of the input element."
+        "default": "`Something went wrong`",
+        "description": "The failure message to display."
       },
       {
-        "name": "input_name",
+        "name": "retry_button_label",
         "type": "String",
-        "default": "`nil`",
-        "description": "Optional name of the input element, defaults to `input_id` when not set."
+        "default": "`Retry`",
+        "description": "The text shown on the retry button."
       },
       {
-        "name": "list_id",
-        "type": "String",
+        "name": "system_arguments",
+        "type": "Hash",
         "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."
-      },
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TreeView::Node",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TreeViewNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/node/default/",
+    "parameters": [
       {
-        "name": "show_clear_button",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Adds optional clear button."
+        "name": "path",
+        "type": "Array<String>",
+        "default": "N/A",
+        "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "node_variant",
+        "type": "Symbol",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "The node variant to use for the node's content, i.e. the `:button` or `:div`. One of `:anchor`, `:button`, or `:div`."
       },
       {
-        "name": "size",
-        "type": "Hash",
-        "default": "`:medium`",
-        "description": "Input size can be small, medium (default), or large"
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The URL to use as the `href` attribute for this node. If set to a truthy value, the `tag:` parameter is ignored and assumed to be `:a`."
       },
       {
-        "name": "full_width",
+        "name": "current",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Input can be full-width or fit to content"
+        "description": "Whether or not this node is the current node. The current node is styled differently than regular nodes and is the first element that receives focus when tabbing to the `TreeView` component."
       },
       {
-        "name": "width",
-        "type": "String",
-        "default": "`:auto`",
-        "description": "Optional parameter to set max width of results list. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, or `:xxlarge`."
+        "name": "select_variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "Controls the type of checkbox that appears. One of `:multiple` or `:none`."
       },
       {
-        "name": "disabled",
-        "type": "Boolean",
+        "name": "checked",
+        "type": "Boolean | String",
         "default": "`false`",
-        "description": "Disabled input"
+        "description": "The checked state of the node's checkbox. One of `false`, `mixed`, or `true`."
       },
       {
-        "name": "invalid",
+        "name": "disabled",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Invalid input"
+        "description": "Whether or not the node can be activated. Passing `false` here will cause the node to appear visually disabled but it is still keyboard-focusable."
       },
       {
-        "name": "placeholder",
+        "name": "value",
         "type": "String",
         "default": "`nil`",
-        "description": "The placeholder text displayed within the input"
-      },
-      {
-        "name": "inset",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "subtle input background color"
+        "description": "If this node is checked, this value will be sent to the server on form submission."
       },
       {
-        "name": "monospace",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "monospace input font family"
+        "name": "content_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Arguments attached to the node's content, i.e the `<button>` or `<a>` element. [System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "AutoComplete::Item",
-    "status": "beta",
+    "component": "TreeView::SkeletonLoader",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "AutoCompleteItem",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
+    "short_name": "TreeViewSkeletonLoader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/skeleton_loader.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/skeleton_loader/default/",
     "parameters": [
       {
-        "name": "value",
+        "name": "src",
         "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"
+        "description": "The URL to fetch nodes from."
       },
       {
-        "name": "description",
-        "type": "String",
-        "default": "N/A",
-        "description": "Display description text below label"
+        "name": "count",
+        "type": "Integer",
+        "default": "`3`",
+        "description": "The number of skeleton nodes to render."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
       }
     ]
   },
   {
-    "component": "AutoComplete::NoResultItem",
-    "status": "beta",
-    "a11y_reviewed": false,
-    "short_name": "AutoCompleteNoResultItem",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/no_result_item.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/no_result_item/default/",
-    "parameters": []
-  },
-  {
-    "component": "Avatar",
-    "status": "beta",
+    "component": "TreeView::SpinnerLoader",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "Avatar",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
+    "short_name": "TreeViewSpinnerLoader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/spinner_loader.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/spinner_loader/default/",
     "parameters": [
       {
         "name": "src",
         "type": "String",
         "default": "N/A",
-        "description": "The source url of the avatar image."
-      },
-      {
-        "name": "alt",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Passed through to alt on img tag."
+        "description": "The URL to fetch nodes from."
       },
       {
-        "name": "size",
-        "type": "Integer",
-        "default": "`20`",
-        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, `64`, or `80`."
-      },
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
+      }
+    ]
+  },
+  {
+    "component": "TreeView::SubTree",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TreeViewSubTree",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/sub_tree.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/sub_tree/default/",
+    "parameters": [
       {
-        "name": "shape",
+        "name": "node_variant",
         "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."
+        "default": "N/A",
+        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
       }
     ]
   },
   {
-    "component": "AvatarStack",
-    "status": "beta",
+    "component": "TreeView::SubTreeContainer",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "AvatarStack",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
+    "short_name": "TreeViewSubTreeContainer",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/sub_tree_container.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/sub_tree_container/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": "path",
+        "type": "Array<String>",
+        "default": "N/A",
+        "description": "The path to this node."
       },
       {
-        "name": "tooltipped",
+        "name": "expanded",
         "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`."
+        "description": "Whether or not this sub-tree node renders expanded."
       },
       {
         "name": "system_arguments",
@@ -3624,115 +3658,117 @@
     ]
   },
   {
-    "component": "BaseButton",
-    "status": "beta",
+    "component": "TreeView::SubTreeNode",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "BaseButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
+    "short_name": "TreeViewSubTreeNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/sub_tree_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/sub_tree_node/default/",
     "parameters": [
       {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The node's label, i.e. it's textual content."
       },
       {
-        "name": "type",
+        "name": "path",
+        "type": "Array<String>",
+        "default": "N/A",
+        "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
+      },
+      {
+        "name": "node_variant",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "default": "N/A",
+        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
       },
       {
-        "name": "block",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether button is full-width with `display: block`."
+        "name": "sub_tree_component_klass",
+        "type": "Class",
+        "default": "`SubTree`",
+        "description": "The class to use for the sub-tree instead of the default [TreeView::SubTree](/components/alpha/treeviewsubtree)"
       },
       {
-        "name": "disabled",
+        "name": "expanded",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
+        "description": "Whether or not this sub-tree should be rendered expanded."
       },
       {
-        "name": "inactive",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
+        "name": "select_strategy",
+        "type": "Symbol",
+        "default": "`:mixed_descendants`",
+        "description": "What should happen when this sub-tree node is checked. One of `:descendants`, `:mixed_descendants`, or `:self`."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "The arguments accepted by [TreeView::Node](/components/alpha/treeviewnode)."
       }
     ]
   },
   {
-    "component": "Blankslate",
-    "status": "beta",
+    "component": "TreeView::Visual",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "Blankslate",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
+    "short_name": "TreeViewVisual",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/visual.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/visual/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": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "This visual's HTML ID."
       },
       {
-        "name": "border",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Adds a border around the Blankslate."
+        "name": "visual",
+        "type": "ViewComponent::Base",
+        "default": "N/A",
+        "description": "A renderable component like an instance of [Octicon](/components/beta/octicon) to render as the visual."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "name": "label",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Text describing this visual that will be visible only to screen readers."
       }
     ]
   },
   {
-    "component": "BorderBox",
-    "status": "beta",
+    "component": "UnderlineNav",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "BorderBox",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
+    "short_name": "UnderlineNav",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
     "parameters": [
       {
-        "name": "padding",
+        "name": "tag",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:condensed`, `:default`, or `:spacious`."
+        "default": "`:nav`",
+        "description": "One of `:div` or `:nav`."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "label",
+        "type": "String",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "BorderBox::Header",
-    "status": "beta",
-    "a11y_reviewed": false,
-    "short_name": "BorderBoxHeader",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
-    "parameters": [
+        "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",
@@ -3742,125 +3778,197 @@
     ]
   },
   {
-    "component": "Breadcrumbs",
-    "status": "beta",
+    "component": "UnderlinePanels",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "Breadcrumbs",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
+    "short_name": "UnderlinePanels",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
     "parameters": [
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "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": "Breadcrumbs::Item",
-    "status": "alpha",
+    "component": "Base",
+    "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "BreadcrumbsItem",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs/item.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/item/default/",
+    "short_name": "Base",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/base_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/base/default/",
     "parameters": []
   },
   {
-    "component": "Button",
+    "component": "AutoComplete",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Button",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
+    "short_name": "AutoComplete",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
     "parameters": [
       {
-        "name": "base_button_class",
-        "type": "Class",
-        "default": "`Primer::Beta::BaseButton`",
-        "description": "The button class to render."
+        "name": "label_text",
+        "type": "String",
+        "default": "N/A",
+        "description": "The label of the input."
       },
       {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The route to query."
       },
       {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
+        "name": "input_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Id of the input element."
       },
       {
-        "name": "block",
+        "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": "Whether button is full-width with `display: block`."
+        "description": "Controls if the label is visible. If `true`, screen reader only text will be added."
       },
       {
-        "name": "align_content",
-        "type": "Symbol",
-        "default": "`:center`",
-        "description": "One of `:center` or `:start`."
+        "name": "show_clear_button",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds optional clear button."
       },
       {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
       },
       {
-        "name": "type",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "name": "size",
+        "type": "Hash",
+        "default": "`:medium`",
+        "description": "Input size can be small, medium (default), or large"
       },
       {
-        "name": "inactive",
+        "name": "full_width",
         "type": "Boolean",
-        "default": "N/A",
-        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
+        "default": "`false`",
+        "description": "Input can be full-width or fit to content"
+      },
+      {
+        "name": "width",
+        "type": "String",
+        "default": "`:auto`",
+        "description": "Optional parameter to set max width of results list. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, or `:xxlarge`."
       },
       {
         "name": "disabled",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
+        "description": "Disabled input"
       },
       {
-        "name": "label_wrap",
+        "name": "invalid",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not the button label text wraps and the button height expands."
+        "description": "Invalid input"
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "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": "ButtonGroup",
+    "component": "AutoComplete::Item",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "ButtonGroup",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
+    "short_name": "AutoCompleteItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
     "parameters": [
       {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
+        "name": "value",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value of the item."
       },
       {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
+        "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",
@@ -3871,52 +3979,51 @@
     ]
   },
   {
-    "component": "ButtonGroup::MenuButton",
-    "status": "alpha",
+    "component": "AutoComplete::NoResultItem",
+    "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "ButtonGroupMenuButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group/menu_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/menu_button/default/",
-    "parameters": [
-      {
-        "name": "menu_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "The arguments accepted by [ActionMenu](/components/alpha/actionmenu)."
-      },
-      {
-        "name": "button_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
-      }
-    ]
+    "short_name": "AutoCompleteNoResultItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/no_result_item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/no_result_item/default/",
+    "parameters": []
   },
   {
-    "component": "ClipboardCopy",
+    "component": "Avatar",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "ClipboardCopy",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
+    "short_name": "Avatar",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
     "parameters": [
       {
-        "name": "aria-label",
+        "name": "src",
         "type": "String",
         "default": "N/A",
-        "description": "String that will be read to screenreaders when the component is focused"
+        "description": "The source url of the avatar image."
       },
       {
-        "name": "value",
+        "name": "alt",
         "type": "String",
         "default": "`nil`",
-        "description": "Text to copy into the users clipboard when they click the component."
+        "description": "Passed through to alt on img tag."
       },
       {
-        "name": "for",
+        "name": "size",
+        "type": "Integer",
+        "default": "`20`",
+        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, `64`, or `80`."
+      },
+      {
+        "name": "shape",
+        "type": "Symbol",
+        "default": "`:circle`",
+        "description": "Shape of the avatar. One of `:circle` or `:square`."
+      },
+      {
+        "name": "href",
         "type": "String",
-        "default": "N/A",
-        "description": "Element id from where to get the copied value."
+        "default": "`nil`",
+        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
       },
       {
         "name": "system_arguments",
@@ -3927,42 +4034,36 @@
     ]
   },
   {
-    "component": "ClipboardCopyBaseButton",
+    "component": "AvatarStack",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "ClipboardCopyBaseButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy_base_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_base_button/default/",
+    "short_name": "AvatarStack",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
     "parameters": [
       {
         "name": "tag",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
+        "default": "`:div`",
+        "description": "One of `:div` or `:span`."
       },
       {
-        "name": "type",
+        "name": "align",
         "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`."
+        "default": "`:left`",
+        "description": "One of `:left` or `:right`."
       },
       {
-        "name": "disabled",
+        "name": "tooltipped",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
+        "description": "Whether to add a tooltip to the stack or not."
       },
       {
-        "name": "inactive",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
+        "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",
@@ -3973,40 +4074,42 @@
     ]
   },
   {
-    "component": "ClipboardCopyButton",
+    "component": "BaseButton",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "ClipboardCopyButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_button/default/",
+    "short_name": "BaseButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
     "parameters": [
       {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "The arguments accepted by [Button](/components/beta/button) and [ClipboardCopy](/components/beta/clipboardcopy)."
-      }
-    ]
-  },
-  {
-    "component": "CloseButton",
-    "status": "beta",
-    "a11y_reviewed": false,
-    "short_name": "CloseButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
-    "parameters": [
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
+      },
       {
         "name": "type",
         "type": "Symbol",
         "default": "`:button`",
-        "description": "One of `:button` or `:submit`."
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "block",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
       },
       {
         "name": "disabled",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not the button is disabled."
+        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
+      },
+      {
+        "name": "inactive",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
       },
       {
         "name": "system_arguments",
@@ -4017,48 +4120,30 @@
     ]
   },
   {
-    "component": "Counter",
+    "component": "Blankslate",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Counter",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
+    "short_name": "Blankslate",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/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",
+        "name": "narrow",
         "type": "Boolean",
         "default": "`false`",
-        "description": "If true, a `hidden` attribute is added to the counter if `count` is zero."
+        "description": "Adds a maximum width of `485px` to the Blankslate."
       },
       {
-        "name": "text",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "Text to display instead of count."
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Increases the padding from `32px` to `80px 40px`."
       },
       {
-        "name": "round",
+        "name": "border",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether to apply our standard rounding logic to value."
+        "description": "Adds a border around the Blankslate."
       },
       {
         "name": "system_arguments",
@@ -4069,30 +4154,18 @@
     ]
   },
   {
-    "component": "Details",
+    "component": "BorderBox",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Details",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
+    "short_name": "BorderBox",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
     "parameters": [
       {
-        "name": "overlay",
+        "name": "padding",
         "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": "disabled",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to disable the summary button."
+        "default": "`:default`",
+        "description": "One of `:condensed`, `:default`, or `:spacious`."
       },
       {
         "name": "system_arguments",
@@ -4103,43 +4176,13 @@
     ]
   },
   {
-    "component": "Flash",
-    "status": "deprecated",
+    "component": "BorderBox::Header",
+    "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Flash",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
+    "short_name": "BorderBoxHeader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/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",
@@ -4149,19 +4192,13 @@
     ]
   },
   {
-    "component": "Heading",
+    "component": "Breadcrumbs",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Heading",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
+    "short_name": "Breadcrumbs",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
     "parameters": [
-      {
-        "name": "tag",
-        "type": "String",
-        "default": "N/A",
-        "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -4171,30 +4208,33 @@
     ]
   },
   {
-    "component": "IconButton",
+    "component": "Breadcrumbs::Item",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "BreadcrumbsItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/item/default/",
+    "parameters": []
+  },
+  {
+    "component": "Button",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "IconButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
+    "short_name": "Button",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
     "parameters": [
       {
-        "name": "icon",
-        "type": "String",
-        "default": "N/A",
-        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
-      },
-      {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
+        "name": "base_button_class",
+        "type": "Class",
+        "default": "`Primer::Beta::BaseButton`",
+        "description": "The button class to render."
       },
       {
         "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:invisible`, `:primary`, or `:secondary`."
+        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",
@@ -4203,40 +4243,46 @@
         "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
-        "name": "disabled",
+        "name": "block",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
+        "description": "Whether button is full-width with `display: block`."
       },
       {
-        "name": "type",
+        "name": "align_content",
         "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "default": "`:center`",
+        "description": "One of `:center` or `:start`."
       },
       {
-        "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": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
       },
       {
-        "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": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
       },
       {
-        "name": "show_tooltip",
+        "name": "inactive",
         "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."
+        "default": "N/A",
+        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
       },
       {
-        "name": "tooltip_direction",
-        "type": "Symbol",
-        "default": "`:s`",
-        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
+      },
+      {
+        "name": "label_wrap",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the button label text wraps and the button height expands."
       },
       {
         "name": "system_arguments",
@@ -4247,42 +4293,80 @@
     ]
   },
   {
-    "component": "Label",
+    "component": "ButtonGroup",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Label",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
+    "short_name": "ButtonGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/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`."
+        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",
         "type": "Symbol",
         "default": "`:medium`",
-        "description": "One of `:large` or `:medium`."
+        "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
-        "name": "inline",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to render this label inline."
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ButtonGroup::MenuButton",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ButtonGroupMenuButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group/menu_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/menu_button/default/",
+    "parameters": [
+      {
+        "name": "menu_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "The arguments accepted by [ActionMenu](/components/alpha/actionmenu)."
       },
       {
-        "name": "variant",
-        "type": "Symbol",
-        "default": "`:none`",
-        "description": "One of `:inline`, `:large`, or `:none`."
+        "name": "button_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
+      }
+    ]
+  },
+  {
+    "component": "ClipboardCopy",
+    "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "ClipboardCopy",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/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",
@@ -4293,36 +4377,42 @@
     ]
   },
   {
-    "component": "Link",
+    "component": "ClipboardCopyBaseButton",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Link",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
+    "short_name": "ClipboardCopyBaseButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy_base_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_base_button/default/",
     "parameters": [
       {
-        "name": "href",
-        "type": "String",
-        "default": "`nil`",
-        "description": "URL to be used for the Link. Required. 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": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
       },
       {
-        "name": "scheme",
+        "name": "type",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default`, `:primary`, or `:secondary`."
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
       },
       {
-        "name": "muted",
+        "name": "block",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Uses light gray for Link color, and blue on hover."
+        "description": "Whether button is full-width with `display: block`."
       },
       {
-        "name": "underline",
+        "name": "disabled",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not to underline the link."
+        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
+      },
+      {
+        "name": "inactive",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
       },
       {
         "name": "system_arguments",
@@ -4333,40 +4423,40 @@
     ]
   },
   {
-    "component": "Markdown",
+    "component": "ClipboardCopyButton",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Markdown",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
+    "short_name": "ClipboardCopyButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_button/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)"
+        "description": "The arguments accepted by [Button](/components/beta/button) and [ClipboardCopy](/components/beta/clipboardcopy)."
       }
     ]
   },
   {
-    "component": "NavList",
+    "component": "CloseButton",
     "status": "beta",
-    "a11y_reviewed": true,
-    "short_name": "NavList",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/default/",
+    "a11y_reviewed": false,
+    "short_name": "CloseButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
     "parameters": [
       {
-        "name": "selected_item_id",
+        "name": "type",
         "type": "Symbol",
-        "default": "`nil`",
-        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
+        "default": "`:button`",
+        "description": "One of `:button` or `:submit`."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the button is disabled."
       },
       {
         "name": "system_arguments",
@@ -4377,18 +4467,48 @@
     ]
   },
   {
-    "component": "NavList::Divider",
-    "status": "alpha",
+    "component": "Counter",
+    "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "NavListDivider",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/divider.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/divider/default/",
+    "short_name": "Counter",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/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": "`:subtle`",
-        "description": "Display a background color if scheme is `filled`."
+        "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",
@@ -4399,18 +4519,30 @@
     ]
   },
   {
-    "component": "NavList::Group",
-    "status": "alpha",
-    "a11y_reviewed": true,
-    "short_name": "NavListGroup",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/group.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/group/default/",
+    "component": "Details",
+    "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Details",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
     "parameters": [
       {
-        "name": "selected_item_id",
+        "name": "overlay",
         "type": "Symbol",
-        "default": "`nil`",
-        "description": "The ID of the currently selected item. Used internally."
+        "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": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to disable the summary button."
       },
       {
         "name": "system_arguments",
@@ -4421,30 +4553,42 @@
     ]
   },
   {
-    "component": "NavList::Heading",
-    "status": "alpha",
+    "component": "Flash",
+    "status": "deprecated",
     "a11y_reviewed": false,
-    "short_name": "NavListHeading",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/heading.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/heading/default/",
+    "short_name": "Flash",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
     "parameters": [
       {
-        "name": "title",
-        "type": "String",
-        "default": "N/A",
-        "description": "The text content of the heading."
+        "name": "full",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen."
       },
       {
-        "name": "id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The value of the ID HTML attribute. Auto-generated by default."
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
       },
       {
-        "name": "heading_level",
-        "type": "Integer",
-        "default": "`2`",
-        "description": "The heading level, i.e. 2 for an `<h2>`, 3 for an `<h3>`, etc."
+        "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",
@@ -4455,36 +4599,94 @@
     ]
   },
   {
-    "component": "NavList::Item",
-    "status": "alpha",
+    "component": "Heading",
+    "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "NavListItem",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/item.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/item/default/",
+    "short_name": "Heading",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
     "parameters": [
       {
-        "name": "selected_item_id",
+        "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",
+    "a11y_reviewed": false,
+    "short_name": "IconButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
+    "parameters": [
+      {
+        "name": "icon",
+        "type": "String",
+        "default": "N/A",
+        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+      },
+      {
+        "name": "tag",
         "type": "Symbol",
-        "default": "`nil`",
-        "description": "The ID of the currently selected list item. Used internally."
+        "default": "N/A",
+        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
       },
       {
-        "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": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:invisible`, `:primary`, or `:secondary`."
       },
       {
-        "name": "expanded",
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "disabled",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
+        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
       },
       {
-        "name": "sub_item",
+        "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": "`false`",
-        "description": "Whether or not this item is nested under a parent item. Used internally."
+        "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",
@@ -4495,36 +4697,42 @@
     ]
   },
   {
-    "component": "Octicon",
+    "component": "Label",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Octicon",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
+    "short_name": "Label",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
     "parameters": [
       {
-        "name": "icon_name",
-        "type": "Symbol, String",
-        "default": "`nil`",
-        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:span`",
+        "description": "One of `:a`, `:div`, `:span`, or `:summary`."
       },
       {
-        "name": "icon",
-        "type": "Symbol, String",
-        "default": "`nil`",
-        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+        "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": "`:small`",
-        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
+        "default": "`:medium`",
+        "description": "One of `:large` or `:medium`."
       },
       {
-        "name": "use_symbol",
+        "name": "inline",
         "type": "Boolean",
         "default": "`false`",
-        "description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/alpha/octiconsymbols)."
+        "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",
@@ -4535,13 +4743,37 @@
     ]
   },
   {
-    "component": "Popover",
+    "component": "Link",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "Popover",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
+    "short_name": "Link",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
     "parameters": [
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "URL to be used for the Link. Required. 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": "`false`",
+        "description": "Whether or not to underline the link."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -4551,18 +4783,18 @@
     ]
   },
   {
-    "component": "ProgressBar",
+    "component": "Markdown",
     "status": "beta",
     "a11y_reviewed": false,
-    "short_name": "ProgressBar",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
+    "short_name": "Markdown",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
     "parameters": [
       {
-        "name": "size",
+        "name": "tag",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default`, `:large`, or `:small`. Increases height."
+        "default": "`:div`",
+        "description": "One of `:article`, `:div`, or `:td`."
       },
       {
         "name": "system_arguments",
@@ -4573,36 +4805,254 @@
     ]
   },
   {
-    "component": "RelativeTime",
+    "component": "NavList",
     "status": "beta",
-    "a11y_reviewed": false,
-    "short_name": "RelativeTime",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
+    "a11y_reviewed": true,
+    "short_name": "NavList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/default/",
     "parameters": [
       {
-        "name": "datetime",
-        "type": "Time",
-        "default": "N/A",
-        "description": "The time to be formatted."
-      },
-      {
-        "name": "tense",
+        "name": "selected_item_id",
         "type": "Symbol",
-        "default": "`:auto`",
-        "description": "Which tense to use. One of `:auto`, `:future`, or `:past`."
-      },
-      {
-        "name": "prefix",
-        "type": "String",
         "default": "`nil`",
-        "description": "What to prefix the relative time display with."
+        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
       },
       {
-        "name": "second",
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Divider",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "NavListDivider",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/divider.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/divider/default/",
+    "parameters": [
+      {
+        "name": "scheme",
         "type": "Symbol",
-        "default": "`SECOND_DEFAULT`",
-        "description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
+        "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": "NavList::Group",
+    "status": "alpha",
+    "a11y_reviewed": true,
+    "short_name": "NavListGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/group/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": "NavList::Heading",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "NavListHeading",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/heading.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/heading/default/",
+    "parameters": [
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "The text content of the heading."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The value of the ID HTML attribute. Auto-generated by default."
+      },
+      {
+        "name": "heading_level",
+        "type": "Integer",
+        "default": "`2`",
+        "description": "The heading level, i.e. 2 for an `<h2>`, 3 for an `<h3>`, etc."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Item",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "NavListItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/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": "Octicon",
+    "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Octicon",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
+    "parameters": [
+      {
+        "name": "icon_name",
+        "type": "Symbol, String",
+        "default": "`nil`",
+        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+      },
+      {
+        "name": "icon",
+        "type": "Symbol, String",
+        "default": "`nil`",
+        "description": "Name of [Octicon](https://primer.style/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",
+    "a11y_reviewed": false,
+    "short_name": "Popover",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ProgressBar",
+    "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "ProgressBar",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/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",
+    "a11y_reviewed": false,
+    "short_name": "RelativeTime",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/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": "String",
+        "default": "`nil`",
+        "description": "What to prefix the relative time display with."
+      },
+      {
+        "name": "second",
+        "type": "Symbol",
+        "default": "`SECOND_DEFAULT`",
+        "description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
       },
       {
         "name": "minute",
@@ -4688,6 +5138,12 @@
         "default": "`false`",
         "description": "Removes the `title` attribute provided on the element by default."
       },
+      {
+        "name": "aria_hidden",
+        "type": "Boolean",
+        "default": "`nil`",
+        "description": "Set if the element is hidden or not."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5129,479 +5585,60 @@
         "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": "deprecated",
-    "a11y_reviewed": false,
-    "short_name": "Layout",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/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": "Navigation::Tab",
-    "status": "deprecated",
-    "a11y_reviewed": false,
-    "short_name": "NavigationTab",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/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": "OpenProject::BorderBox::CollapsibleHeader",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectBorderBoxCollapsibleHeader",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
-    "parameters": [
-      {
-        "name": "id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The unique ID of the collapsible header."
-      },
-      {
-        "name": "collapsed",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the header is collapsed on initial render."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::BorderGrid",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectBorderGrid",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
-    "parameters": [
-      {
-        "name": "spacious",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether to add margin to the bottom of the component."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::BorderGrid::Cell",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectBorderGridCell",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
-    "parameters": [
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::CollapsibleSection",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectCollapsibleSection",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
-    "parameters": [
-      {
-        "name": "id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The unique ID of the collapsible section."
-      },
-      {
-        "name": "collapsed",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the section is collapsed on initial render."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::DangerDialog",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectDangerDialog",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/default/",
-    "parameters": [
-      {
-        "name": "form_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Allows the dialog to submit a form. Pass EITHER the `builder:` option to this hash to reuse an existing Rails form, or `action:` if you prefer the component to render the form tag itself. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which is created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
-      },
-      {
-        "name": "id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The id of the dialog."
-      },
-      {
-        "name": "title",
-        "type": "String",
-        "default": "N/A",
-        "description": "The title of the dialog. Although visually hidden, a label is rendered for assistive technologies."
-      },
-      {
-        "name": "confirm_button_text",
-        "type": "String",
-        "default": "`nil`",
-        "description": "The text of the confirm button. Will default to `I18n.t(\"button_delete\")`, or `I18n.t(\"button_delete_permanently\")` if `confirmation_check_box` slot has been passed to the component."
-      },
-      {
-        "name": "cancel_button_text",
-        "type": "String",
-        "default": "`nil`",
-        "description": "The text of the cancel button. Will default to `I18n.t(\"button_cancel\")`."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::DangerDialog::ConfirmationCheckBox",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectDangerDialogConfirmationCheckBox",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/confirmation_check_box.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/confirmation_check_box/default/",
-    "parameters": [
-      {
-        "name": "check_box_id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The id of the check_box input."
-      },
-      {
-        "name": "check_box_name",
-        "type": "String",
-        "default": "N/A",
-        "description": "The name of the check_box input."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::DangerDialog::FormWrapper",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectDangerDialogFormWrapper",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/form_wrapper.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/form_wrapper/default/",
-    "parameters": []
-  },
-  {
-    "component": "OpenProject::DragHandle",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectDragHandle",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
-    "parameters": [
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::FeedbackDialog",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectFeedbackDialog",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/feedback_dialog.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/feedback_dialog/default/",
-    "parameters": [
-      {
-        "name": "title",
-        "type": "String",
-        "default": "N/A",
-        "description": "The title of the dialog. Although visually hidden, a label is rendered for assistive technologies."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::FeedbackMessage",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectFeedbackMessage",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/feedback_message.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/feedback_message/default/",
-    "parameters": [
-      {
-        "name": "icon_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "special arguments for the icon"
-      },
-      {
-        "name": "loading",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Show a loading spinner instead of an icon"
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::FileTreeView",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectFileTreeView",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/default/",
-    "parameters": [
-      {
-        "name": "node_variant",
-        "type": "Symbol",
-        "default": "`:div`",
-        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)."
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::FileTreeView::DirectoryNode",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectFileTreeViewDirectoryNode",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view/directory_node.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/directory_node/default/",
-    "parameters": []
-  },
-  {
-    "component": "OpenProject::FileTreeView::FileNode",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectFileTreeViewFileNode",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view/file_node.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/file_node/default/",
-    "parameters": []
-  },
-  {
-    "component": "OpenProject::FilterableTreeView",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectFilterableTreeView",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/filterable_tree_view.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/filterable_tree_view/default/",
-    "parameters": [
-      {
-        "name": "tree_view_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Arguments that will be passed to the underlying [OpenProject::TreeView](/components/openprojecttreeview) component."
-      },
-      {
-        "name": "form_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Form arguments that will be passed to the underlying [OpenProject::TreeView](/components/openprojecttreeview) component. These arguments allow the selections made within a `FilterableTreeView` to be submitted to the server as part of a Rails form. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
-      },
-      {
-        "name": "filter_input_arguments",
-        "type": "Hash",
-        "default": "`DEFAULT_FILTER_INPUT_ARGUMENTS.dup`",
-        "description": "Arguments that will be passed to the [TextField](/components/alpha/textfield) component."
-      },
-      {
-        "name": "filter_mode_control_arguments",
-        "type": "Hash",
-        "default": "`DEFAULT_FILTER_MODE_CONTROL_ARGUMENTS.dup`",
-        "description": "Arguments that will be passed to the [SegmentedControl](/components/alpha/segmentedcontrol) component."
-      },
-      {
-        "name": "include_sub_items_check_box_arguments",
-        "type": "Hash",
-        "default": "`DEFAULT_INCLUDE_SUB_ITEMS_CHECK_BOX_ARGUMENTS.dup`",
-        "description": "Arguments that will be passed to the [CheckBox](/components/alpha/checkbox) component."
+        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
       },
       {
-        "name": "no_results_node_arguments",
-        "type": "Hash",
-        "default": "`DEFAULT_NO_RESULTS_NODE_ARGUMENTS.dup`",
-        "description": "Arguments that will be passed to a [OpenProject::TreeView::LeafNode](/components/openprojecttreeviewleafnode) component that appears when no items match the filter criteria."
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::FilterableTreeView::SubTree",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectFilterableTreeViewSubTree",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/filterable_tree_view/sub_tree.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/filterable_tree_view/sub_tree/default/",
-    "parameters": [
+        "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": "node_variant",
+        "name": "tooltip_direction",
         "type": "Symbol",
-        "default": "N/A",
-        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
+        "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": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::FlexLayout",
-    "status": "open_project",
+    "component": "Layout",
+    "status": "deprecated",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectFlexLayout",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/flex_layout.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/flex_layout/default/",
+    "short_name": "Layout",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/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",
@@ -5611,18 +5648,48 @@
     ]
   },
   {
-    "component": "OpenProject::GridLayout",
-    "status": "open_project",
+    "component": "Navigation::Tab",
+    "status": "deprecated",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectGridLayout",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/default/",
+    "short_name": "NavigationTab",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
     "parameters": [
       {
-        "name": "css_class",
+        "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": "N/A",
-        "description": "The basic css class applied on the grid-container"
+        "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",
@@ -5633,36 +5700,24 @@
     ]
   },
   {
-    "component": "OpenProject::GridLayout::Area",
+    "component": "OpenProject::BorderBox::CollapsibleHeader",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectGridLayoutArea",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout/area.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/area/default/",
+    "short_name": "OpenProjectBorderBoxCollapsibleHeader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
     "parameters": [
       {
-        "name": "css_class",
+        "name": "id",
         "type": "String",
-        "default": "N/A",
-        "description": "The basic css class applied on the grid-container"
-      },
-      {
-        "name": "area_name",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "The specific area name, used for creating the element class and the \"grid-area\" style"
-      },
-      {
-        "name": "component",
-        "type": "ViewComponent::Base",
-        "default": "`Primer::BaseComponent`",
-        "description": "The instance of the component to be rendered."
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible header."
       },
       {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:div`",
-        "description": "One of `:div` or `:span`."
+        "name": "collapsed",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the header is collapsed on initial render."
       },
       {
         "name": "system_arguments",
@@ -5673,13 +5728,19 @@
     ]
   },
   {
-    "component": "OpenProject::Heading",
+    "component": "OpenProject::BorderGrid",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectHeading",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/heading.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/heading/default/",
+    "short_name": "OpenProjectBorderGrid",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
     "parameters": [
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5689,12 +5750,12 @@
     ]
   },
   {
-    "component": "OpenProject::InputGroup",
+    "component": "OpenProject::BorderGrid::Cell",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectInputGroup",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/input_group.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/input_group/default/",
+    "short_name": "OpenProjectBorderGridCell",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -5705,18 +5766,24 @@
     ]
   },
   {
-    "component": "OpenProject::PageHeader",
+    "component": "OpenProject::CollapsibleSection",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectPageHeader",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/default/",
+    "short_name": "OpenProjectCollapsibleSection",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
     "parameters": [
       {
-        "name": "mobile_menu_label",
+        "name": "id",
         "type": "String",
-        "default": "`I18n.t(\"label_more\")`",
-        "description": "The tooltip label of the mobile menu"
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible section."
+      },
+      {
+        "name": "collapsed",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the section is collapsed on initial render."
       },
       {
         "name": "system_arguments",
@@ -5727,56 +5794,95 @@
     ]
   },
   {
-    "component": "OpenProject::PageHeader::Dialog",
+    "component": "OpenProject::DangerDialog",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectPageHeaderDialog",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/dialog.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/dialog/default/",
+    "short_name": "OpenProjectDangerDialog",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/default/",
     "parameters": [
       {
-        "name": "dialog_arguments",
+        "name": "form_arguments",
         "type": "Hash",
         "default": "`{}`",
-        "description": "The arguments accepted by [Dialog](/components/alpha/dialog)."
+        "description": "Allows the dialog to submit a form. Pass EITHER the `builder:` option to this hash to reuse an existing Rails form, or `action:` if you prefer the component to render the form tag itself. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which is created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
       },
       {
-        "name": "button_arguments",
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The id of the dialog."
+      },
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "The title of the dialog. Although visually hidden, a label is rendered for assistive technologies."
+      },
+      {
+        "name": "confirm_button_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The text of the confirm button. Will default to `I18n.t(\"button_delete\")`, or `I18n.t(\"button_delete_permanently\")` if `confirmation_check_box` slot has been passed to the component."
+      },
+      {
+        "name": "cancel_button_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The text of the cancel button. Will default to `I18n.t(\"button_cancel\")`."
+      },
+      {
+        "name": "system_arguments",
         "type": "Hash",
-        "default": "`{}`",
-        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::PageHeader::Menu",
+    "component": "OpenProject::DangerDialog::ConfirmationCheckBox",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectPageHeaderMenu",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/menu.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/menu/default/",
+    "short_name": "OpenProjectDangerDialogConfirmationCheckBox",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/confirmation_check_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/confirmation_check_box/default/",
     "parameters": [
       {
-        "name": "menu_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "The arguments accepted by [ActionMenu](/components/alpha/actionmenu)."
+        "name": "check_box_id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The id of the check_box input."
       },
       {
-        "name": "button_arguments",
+        "name": "check_box_name",
+        "type": "String",
+        "default": "N/A",
+        "description": "The name of the check_box input."
+      },
+      {
+        "name": "system_arguments",
         "type": "Hash",
-        "default": "`{}`",
-        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::PageHeader::Title",
+    "component": "OpenProject::DangerDialog::FormWrapper",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectDangerDialogFormWrapper",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/form_wrapper.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/form_wrapper/default/",
+    "parameters": []
+  },
+  {
+    "component": "OpenProject::DragHandle",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectPageHeaderTitle",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/title.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/title/default/",
+    "short_name": "OpenProjectDragHandle",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -5787,13 +5893,19 @@
     ]
   },
   {
-    "component": "OpenProject::SidePanel",
+    "component": "OpenProject::FeedbackDialog",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSidePanel",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/default/",
+    "short_name": "OpenProjectFeedbackDialog",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/feedback_dialog.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/feedback_dialog/default/",
     "parameters": [
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "The title of the dialog. Although visually hidden, a label is rendered for assistive technologies."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5803,33 +5915,24 @@
     ]
   },
   {
-    "component": "OpenProject::SidePanel::Section",
+    "component": "OpenProject::FeedbackMessage",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSidePanelSection",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel/section.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/section/default/",
-    "parameters": []
-  },
-  {
-    "component": "OpenProject::SkeletonBox",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectSkeletonBox",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/skeleton_box.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/skeleton_box/default/",
+    "short_name": "OpenProjectFeedbackMessage",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/feedback_message.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/feedback_message/default/",
     "parameters": [
       {
-        "name": "height",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Any valid CSS height."
+        "name": "icon_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "special arguments for the icon"
       },
       {
-        "name": "width",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Any valid CSS width."
+        "name": "loading",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Show a loading spinner instead of an icon"
       },
       {
         "name": "system_arguments",
@@ -5840,63 +5943,81 @@
     ]
   },
   {
-    "component": "OpenProject::SubHeader",
-    "status": "open_project",
+    "component": "OpenProject::FilterableTreeView",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSubHeader",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/default/",
+    "short_name": "OpenProjectFilterableTreeView",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/filterable_tree_view.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/filterable_tree_view/default/",
     "parameters": [
       {
-        "name": "system_arguments",
+        "name": "tree_view_arguments",
         "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "default": "`{}`",
+        "description": "Arguments that will be passed to the underlying [TreeView](/components/alpha/treeview) component."
+      },
+      {
+        "name": "form_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Form arguments that will be passed to the underlying [TreeView](/components/alpha/treeview) component. These arguments allow the selections made within a `FilterableTreeView` to be submitted to the server as part of a Rails form. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
+      },
+      {
+        "name": "filter_input_arguments",
+        "type": "Hash",
+        "default": "`DEFAULT_FILTER_INPUT_ARGUMENTS.dup`",
+        "description": "Arguments that will be passed to the [TextField](/components/alpha/textfield) component."
+      },
+      {
+        "name": "filter_mode_control_arguments",
+        "type": "Hash",
+        "default": "`DEFAULT_FILTER_MODE_CONTROL_ARGUMENTS.dup`",
+        "description": "Arguments that will be passed to the [SegmentedControl](/components/alpha/segmentedcontrol) component."
+      },
+      {
+        "name": "include_sub_items_check_box_arguments",
+        "type": "Hash",
+        "default": "`DEFAULT_INCLUDE_SUB_ITEMS_CHECK_BOX_ARGUMENTS.dup`",
+        "description": "Arguments that will be passed to the [CheckBox](/components/alpha/checkbox) component."
+      },
+      {
+        "name": "no_results_node_arguments",
+        "type": "Hash",
+        "default": "`DEFAULT_NO_RESULTS_NODE_ARGUMENTS.dup`",
+        "description": "Arguments that will be passed to a [TreeView::LeafNode](/components/alpha/treeviewleafnode) component that appears when no items match the filter criteria."
       }
     ]
   },
   {
-    "component": "OpenProject::SubHeader::Button",
-    "status": "open_project",
+    "component": "OpenProject::FilterableTreeView::SubTree",
+    "status": "alpha",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSubHeaderButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button/default/",
+    "short_name": "OpenProjectFilterableTreeViewSubTree",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/filterable_tree_view/sub_tree.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/filterable_tree_view/sub_tree/default/",
     "parameters": [
       {
-        "name": "icon",
+        "name": "node_variant",
         "type": "Symbol",
         "default": "N/A",
-        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use as leading visual"
+        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
       }
     ]
   },
   {
-    "component": "OpenProject::SubHeader::ButtonGroup",
+    "component": "OpenProject::FlexLayout",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSubHeaderButtonGroup",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button_group.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button_group/default/",
+    "short_name": "OpenProjectFlexLayout",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/flex_layout.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/flex_layout/default/",
     "parameters": [
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
-      },
-      {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5906,36 +6027,18 @@
     ]
   },
   {
-    "component": "OpenProject::SubHeader::Menu",
+    "component": "OpenProject::GridLayout",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectSubHeaderMenu",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/menu.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/menu/default/",
+    "short_name": "OpenProjectGridLayout",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/default/",
     "parameters": [
       {
-        "name": "icon_only",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the trigger button is an IconButton"
-      },
-      {
-        "name": "leading_icon",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "Name of Octicon icon to use as either leading icon or IconButton."
-      },
-      {
-        "name": "label",
+        "name": "css_class",
         "type": "String",
         "default": "N/A",
-        "description": "The button label"
-      },
-      {
-        "name": "button_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Additional arguments for the button"
+        "description": "The basic css class applied on the grid-container"
       },
       {
         "name": "system_arguments",
@@ -5946,30 +6049,36 @@
     ]
   },
   {
-    "component": "OpenProject::SubHeader::SegmentedControl",
+    "component": "OpenProject::GridLayout::Area",
     "status": "open_project",
-    "a11y_reviewed": true,
-    "short_name": "OpenProjectSubHeaderSegmentedControl",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/segmented_control.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/segmented_control/default/",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectGridLayoutArea",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout/area.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/area/default/",
     "parameters": [
       {
-        "name": "hide_labels",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether to hide the labels and only show the icons"
+        "name": "css_class",
+        "type": "String",
+        "default": "N/A",
+        "description": "The basic css class applied on the grid-container"
       },
       {
-        "name": "full_width",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "If the component should be full width"
+        "name": "area_name",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "The specific area name, used for creating the element class and the \"grid-area\" style"
       },
       {
-        "name": "size",
+        "name": "component",
+        "type": "ViewComponent::Base",
+        "default": "`Primer::BaseComponent`",
+        "description": "The instance of the component to be rendered."
+      },
+      {
+        "name": "tag",
         "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
+        "default": "`:div`",
+        "description": "One of `:div` or `:span`."
       },
       {
         "name": "system_arguments",
@@ -5980,56 +6089,50 @@
     ]
   },
   {
-    "component": "OpenProject::TreeView",
-    "status": "alpha",
+    "component": "OpenProject::Heading",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeView",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/default/",
+    "short_name": "OpenProjectHeading",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/heading.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/heading/default/",
     "parameters": [
-      {
-        "name": "node_variant",
-        "type": "Symbol",
-        "default": "`:div`",
-        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::Icon",
-    "status": "alpha",
+    "component": "OpenProject::InputGroup",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewIcon",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/icon.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/icon/default/",
+    "short_name": "OpenProjectInputGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/input_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/input_group/default/",
     "parameters": [
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments accepted by [Octicon](/components/beta/octicon)."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::IconPair",
-    "status": "alpha",
+    "component": "OpenProject::PageHeader",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewIconPair",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/icon_pair.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/icon_pair/default/",
+    "short_name": "OpenProjectPageHeader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/default/",
     "parameters": [
       {
-        "name": "expanded",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "If true, the expanded icon is shown and the collapsed icon is hidden, etc."
+        "name": "mobile_menu_label",
+        "type": "String",
+        "default": "`I18n.t(\"label_more\")`",
+        "description": "The tooltip label of the mobile menu"
       },
       {
         "name": "system_arguments",
@@ -6040,226 +6143,147 @@
     ]
   },
   {
-    "component": "OpenProject::TreeView::LeadingAction",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewLeadingAction",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/leading_action.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/leading_action/default/",
-    "parameters": [
-      {
-        "name": "action",
-        "type": "ViewComponent::Base",
-        "default": "N/A",
-        "description": "A component or other renderable to use as the action button etc."
-      }
-    ]
-  },
-  {
-    "component": "OpenProject::TreeView::LeafNode",
-    "status": "alpha",
+    "component": "OpenProject::PageHeader::Dialog",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewLeafNode",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/leaf_node.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/leaf_node/default/",
+    "short_name": "OpenProjectPageHeaderDialog",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/dialog.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/dialog/default/",
     "parameters": [
       {
-        "name": "label",
-        "type": "String",
-        "default": "N/A",
-        "description": "The node's label, i.e. it's textual content."
+        "name": "dialog_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "The arguments accepted by [Dialog](/components/alpha/dialog)."
       },
       {
-        "name": "system_arguments",
+        "name": "button_arguments",
         "type": "Hash",
-        "default": "N/A",
-        "description": "The arguments accepted by [OpenProject::TreeView::Node](/components/openprojecttreeviewnode)."
+        "default": "`{}`",
+        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::LoadingFailureMessage",
-    "status": "alpha",
+    "component": "OpenProject::PageHeader::Menu",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewLoadingFailureMessage",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/loading_failure_message.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/loading_failure_message/default/",
+    "short_name": "OpenProjectPageHeaderMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/menu/default/",
     "parameters": [
       {
-        "name": "text",
-        "type": "String",
-        "default": "`Something went wrong`",
-        "description": "The failure message to display."
-      },
-      {
-        "name": "retry_button_label",
-        "type": "String",
-        "default": "`Retry`",
-        "description": "The text shown on the retry button."
+        "name": "menu_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "The arguments accepted by [ActionMenu](/components/alpha/actionmenu)."
       },
       {
-        "name": "system_arguments",
+        "name": "button_arguments",
         "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "default": "`{}`",
+        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::Node",
-    "status": "alpha",
+    "component": "OpenProject::PageHeader::Title",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewNode",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/node.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/node/default/",
+    "short_name": "OpenProjectPageHeaderTitle",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/title.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/title/default/",
     "parameters": [
       {
-        "name": "path",
-        "type": "Array<String>",
-        "default": "N/A",
-        "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
-      },
-      {
-        "name": "node_variant",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "The node variant to use for the node's content, i.e. the `:button` or `:div`. One of `:anchor`, `:button`, or `:div`."
-      },
-      {
-        "name": "href",
-        "type": "String",
-        "default": "`nil`",
-        "description": "The URL to use as the `href` attribute for this node. If set to a truthy value, the `tag:` parameter is ignored and assumed to be `:a`."
-      },
-      {
-        "name": "current",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not this node is the current node. The current node is styled differently than regular nodes and is the first element that receives focus when tabbing to the `TreeView` component."
-      },
-      {
-        "name": "select_variant",
-        "type": "Symbol",
-        "default": "`:none`",
-        "description": "Controls the type of checkbox that appears. One of `:multiple` or `:none`."
-      },
-      {
-        "name": "checked",
-        "type": "Boolean | String",
-        "default": "`false`",
-        "description": "The checked state of the node's checkbox. One of `false`, `mixed`, or `true`."
-      },
-      {
-        "name": "disabled",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not the node can be activated. Passing `false` here will cause the node to appear visually disabled but it is still keyboard-focusable."
-      },
-      {
-        "name": "value",
-        "type": "String",
-        "default": "`nil`",
-        "description": "If this node is checked, this value will be sent to the server on form submission."
-      },
-      {
-        "name": "content_arguments",
+        "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "Arguments attached to the node's content, i.e the `<button>` or `<a>` element. [System arguments](/system-arguments)"
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::SkeletonLoader",
-    "status": "alpha",
+    "component": "OpenProject::SidePanel",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewSkeletonLoader",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/skeleton_loader.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/skeleton_loader/default/",
+    "short_name": "OpenProjectSidePanel",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/default/",
     "parameters": [
-      {
-        "name": "src",
-        "type": "String",
-        "default": "N/A",
-        "description": "The URL to fetch nodes from."
-      },
-      {
-        "name": "count",
-        "type": "Integer",
-        "default": "`3`",
-        "description": "The number of skeleton nodes to render."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::SpinnerLoader",
-    "status": "alpha",
+    "component": "OpenProject::SidePanel::Section",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSidePanelSection",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel/section.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/section/default/",
+    "parameters": []
+  },
+  {
+    "component": "OpenProject::SubHeader",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewSpinnerLoader",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/spinner_loader.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/spinner_loader/default/",
+    "short_name": "OpenProjectSubHeader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/default/",
     "parameters": [
-      {
-        "name": "src",
-        "type": "String",
-        "default": "N/A",
-        "description": "The URL to fetch nodes from."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::SubTree",
-    "status": "alpha",
+    "component": "OpenProject::SubHeader::Button",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewSubTree",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree/default/",
+    "short_name": "OpenProjectSubHeaderButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button/default/",
     "parameters": [
       {
-        "name": "node_variant",
+        "name": "icon",
         "type": "Symbol",
         "default": "N/A",
-        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
+        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use as leading visual"
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::SubTreeContainer",
-    "status": "alpha",
+    "component": "OpenProject::SubHeader::ButtonGroup",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewSubTreeContainer",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree_container.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree_container/default/",
+    "short_name": "OpenProjectSubHeaderButtonGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button_group/default/",
     "parameters": [
       {
-        "name": "path",
-        "type": "Array<String>",
-        "default": "N/A",
-        "description": "The path to this node."
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
       },
       {
-        "name": "expanded",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not this sub-tree node renders expanded."
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
         "name": "system_arguments",
@@ -6270,82 +6294,76 @@
     ]
   },
   {
-    "component": "OpenProject::TreeView::SubTreeNode",
-    "status": "alpha",
+    "component": "OpenProject::SubHeader::Menu",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewSubTreeNode",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree_node.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree_node/default/",
+    "short_name": "OpenProjectSubHeaderMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/menu/default/",
     "parameters": [
       {
-        "name": "label",
-        "type": "String",
-        "default": "N/A",
-        "description": "The node's label, i.e. it's textual content."
-      },
-      {
-        "name": "path",
-        "type": "Array<String>",
-        "default": "N/A",
-        "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
+        "name": "icon_only",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the trigger button is an IconButton"
       },
       {
-        "name": "node_variant",
+        "name": "leading_icon",
         "type": "Symbol",
         "default": "N/A",
-        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
-      },
-      {
-        "name": "sub_tree_component_klass",
-        "type": "Class",
-        "default": "`SubTree`",
-        "description": "The class to use for the sub-tree instead of the default [OpenProject::TreeView::SubTree](/components/openprojecttreeviewsubtree)"
+        "description": "Name of Octicon icon to use as either leading icon or IconButton."
       },
       {
-        "name": "expanded",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not this sub-tree should be rendered expanded."
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The button label"
       },
       {
-        "name": "select_strategy",
-        "type": "Symbol",
-        "default": "`:mixed_descendants`",
-        "description": "What should happen when this sub-tree node is checked. One of `:descendants`, `:mixed_descendants`, or `:self`."
+        "name": "button_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Additional arguments for the button"
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments accepted by [OpenProject::TreeView::Node](/components/openprojecttreeviewnode)."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "OpenProject::TreeView::Visual",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectTreeViewVisual",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/visual.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/visual/default/",
+    "component": "OpenProject::SubHeader::SegmentedControl",
+    "status": "open_project",
+    "a11y_reviewed": true,
+    "short_name": "OpenProjectSubHeaderSegmentedControl",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/segmented_control.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/segmented_control/default/",
     "parameters": [
       {
-        "name": "id",
-        "type": "String",
-        "default": "N/A",
-        "description": "This visual's HTML ID."
+        "name": "hide_labels",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the labels and only show the icons"
       },
       {
-        "name": "visual",
-        "type": "ViewComponent::Base",
-        "default": "N/A",
-        "description": "A renderable component like an instance of [Octicon](/components/beta/octicon) to render as the visual."
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If the component should be full width"
       },
       {
-        "name": "label",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Text describing this visual that will be visible only to screen readers."
+        "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)"
       }
     ]
   },