openproject-primer_view_components 0.64.0 → 0.65.0

data/static/info_arch.json

@@ -17690,6 +17690,12 @@
     "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",
@@ -17952,6 +17958,12 @@
     "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",
@@ -18735,6 +18747,169 @@
 
     ]
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::FileTreeView",
+    "description": "",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "nodes",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/file_tree_view/default",
+        "name": "default",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/file_tree_view/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::FileTreeView::DirectoryNode",
+    "description": "",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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": [
+
+    ],
+    "slots": [
+      {
+        "name": "leading_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "leading_action",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "trailing_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::FileTreeView::FileNode",
+    "description": "",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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": [
+
+    ],
+    "slots": [
+      {
+        "name": "leading_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "leading_action",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "trailing_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::FlexLayout",
     "description": "A layouting component used to arrange multiple components next / below each other",
@@ -19782,6 +19957,77 @@
 
     ]
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SkeletonBox",
+    "description": "A SkeletonBox provides a placeholder for non-text, non-Avatar elements (e.g., hero images)\nthat are still loading. You can adjust width and height to match the content's dimensions.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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/",
+    "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": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/skeleton_box/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/skeleton_box/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::SubHeader",
     "description": "The SubHeader contains specific actions to modify the page content below, e.g a filter button or a create button\nIt should not be used stand alone, but in combination with a PageHeader, either as a direct sibling or as part of a tab content",
@@ -19953,6 +20199,1139 @@
 
     ]
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView",
+    "description": "TreeView is a hierarchical list of items that may have a parent-child relationship where children\ncan be toggled into view by expanding or collapsing their parent item.\n\n## Terminology\n\nConsider the following tree structure:\n\nsrc\n├ button.rb\n└ action_list\n  ├ item.rb\n  └ header.rb\n\n1. **Node**. A node is an item in the tree. Nodes can either be \"leaf\" nodes (i.e. have no children), or \"sub-tree\"\nnodes, which do have children. In the example above, button.rb, item.rb, and header.rb are all leaf nodes, while\naction_list is a sub-tree node.\n2. **Path**. A node's path is like its ID. It's an array of strings containing the current node's label and all the\nlabels of its ancestors, in order. In the example above, header.rb's path is [\"src\", \"action_list\", \"header.rb\"].\n\n## Static nodes\n\nThe `TreeView` component allows items to be provided statically or loaded dynamically from the server.\nProviding items statically is done using the `leaf` and `sub_tree` slots:\n\n```erb\n<%= render(Primer::OpenProject::TreeView.new) do |tree| %>\n  <% tree.with_sub_tree(label: \"Directory\") do |sub_tree| %>\n    <% sub_tree.with_leaf(label: \"File 1\")\n  <% end %>\n  <% tree.with_leaf(label: \"File 2\") %>\n<% end %>\n```\n\n## Dynamic nodes\n\nTree nodes can also be fetched dynamically from the server and will require creating a Rails controller action\nto respond with the list of nodes. Unlike other Primer components, `TreeView` allows the programmer to specify\nloading behavior on a per-sub-tree basis, i.e. each sub-tree must specify how its nodes are loaded. To load nodes\ndynamically for a given sub-tree, configure it with either a loading spinner or a loading skeleton, and provide\nthe URL to fetch nodes from:\n\n```erb\n<%= render(Primer::OpenProject::TreeView.new) do |tree| %>\n  <% tree.with_sub_tree(label: \"Directory\") do |sub_tree| %>\n    <% sub_tree.with_loading_spinner(src: tree_view_items_path) %>\n  <% end %>\n<% end %>\n```\n\nDefine a controller action to serve the list of nodes. The `TreeView` component automatically includes the\nsub-tree's path as a GET parameter, encoded as a JSON array.\n\n```ruby\nclass TreeViewItemsController < ApplicationController\n  def show\n    @path = JSON.parse(params[:path])\n    @results = get_tree_items(starting_at: path)\n  end\nend\n```\n\nResponses must be HTML fragments, eg. have a content type of `text/html+fragment`. This content type isn't\navailable by default in Rails, so you may have to register it eg. in an initializer:\n\n```ruby\nMime::Type.register(\"text/fragment+html\", :html_fragment)\n```\n\nRender a `Primer::OpenProject::TreeView::SubTree` in the action's template, tree_view_items/show.html_fragment.erb:\n\n```erb\n<%= render(Primer::OpenProject::TreeView::SubTree.new(path: @path)) do |tree| %>\n  <% tree.with_leaf(...) %>\n  <% tree.with_sub_tree(...) do |sub_tree| %>\n    ...\n  <% end %>\n<% end %>\n```\n\n### JavaScript API\n\n`TreeView`s render a `<tree-view>` custom element that exposes behavior to the client.\n\n|Name                                                              |Notes                                                                                                                                             |\n|:-----------------------------------------------------------------|:-------------------------------------------------------------------------------------------------------------------------------------------------|\n|`getNodePath(node: Element): string[]`                            |Returns the path to the given node.                                                                                                               |\n|`getNodeType(node: Element): TreeViewNodeType | null`             |Returns either `\"leaf\"` or `\"sub-tree\"`.                                                                                                          |\n|`markCurrentAtPath(path: string[])`                               |Marks the node as the \"current\" node, which appears visually distinct from other nodes.                                                           |\n|`get currentNode(): HTMLLIElement | null`                         |Returns the current node.                                                                                                                         |\n|`expandAtPath(path: string[])`                                    |Expands the sub-tree at `path`.                                                                                                                   |\n|`collapseAtPath(path: string[])`                                  |Collapses the sub-tree at `path`.                                                                                                                 |\n|`toggleAtPath(path: string[])`                                    |If the sub-tree at `path` is collapsed, this function expands it, and vice-versa.                                                                 |\n|`checkAtPath(path: string[])`                                     |If the node at `path` has a checkbox, this function checks it.                                                                                    |\n|`uncheckAtPath(path: string[])`                                   |If the node at `path` has a checkbox, this function unchecks it.                                                                                  |\n|`toggleCheckedAtPath(path: string[])`                             |If the sub-tree at `path` is checked, this function unchecks it, and vice-versa.                                                                  |\n|`checkedValueAtPath(path: string[]): TreeViewCheckedValue`        |Returns `\"true\"` (all child nodes are checked), `\"false\"` (no child nodes are checked), or `\"mixed\"` (some child nodes are checked, some are not).|\n|`nodeAtPath(path: string[], selector?: string): Element | null`   |Returns the node for the given `path`, either a leaf node or sub-tree node.                                                                       |\n|`subTreeAtPath(path: string[]): TreeViewSubTreeNodeElement | null`|Returns the sub-tree at the given `path`, if it exists.                                                                                           |\n|`leafAtPath(path: string[]): HTMLLIElement | null`                |Returns the leaf node at the given `path`, if it exists.                                                                                          |\n|`getNodeCheckedValue(node: Element): TreeViewCheckedValue`        |The same as `checkedValueAtPath`, but accepts a node instead of a path.                                                                           |\n\n#### Events\n\nThe events enumerated below include node information by way of the `TreeViewNodeInfo` object, which has the\nfollowing signature:\n\n```typescript\ntype TreeViewNodeType = 'leaf' | 'sub-tree'\ntype TreeViewCheckedValue = 'true' | 'false' | 'mixed'\n\ntype TreeViewNodeInfo = {\n  node: Element\n  type: TreeViewNodeType\n  path: string[]\n  checkedValue: TreeViewCheckedValue\n  previousCheckedValue: TreeViewCheckedValue\n}\n```\n\n|Name                         |Type                                       |Bubbles |Cancelable |\n|:----------------------------|:------------------------------------------|:-------|:----------|\n|`treeViewNodeActivated`      |`CustomEvent<TreeViewNodeInfo>`            |Yes     |No         |\n|`treeViewBeforeNodeActivated`|`CustomEvent<TreeViewNodeInfo>`            |Yes     |Yes        |\n|`treeViewNodeExpanded`       |`CustomEvent<TreeViewNodeInfo>>`           |Yes     |No         |\n|`treeViewNodeCollapsed`      |`CustomEvent<TreeViewNodeInfo>>`           |Yes     |No         |\n|`treeViewNodeChecked`        |`CustomEvent<TreeViewNodeInfo[]>`          |Yes     |Yes        |\n|`treeViewBeforeNodeChecked`  |`CustomEvent<TreeViewNodeInfo[]>`          |Yes     |No         |\n\n_Item activation_\n\nThe `<tree-view>` element fires an `treeViewNodeActivated` event whenever a node is activated (eg. clicked)\nvia the mouse or keyboard.\n\nThe `treeViewBeforeNodeActivated` event fires before a node is activated. Canceling this event will prevent the\nnode from being activated.\n\n```typescript\ndocument.querySelector(\"select-panel\").addEventListener(\n  \"treeViewBeforeNodeActivated\",\n  (event: CustomEvent<TreeViewNodeInfo>) => {\n    event.preventDefault() // Cancel the event to prevent activation (eg. expanding/collapsing)\n  }\n)\n```\n\n_Item checking/unchecking_\n\nThe `tree-view` element fires a `treeViewNodeChecked` event whenever a node is checked or unchecked.\n\nThe `treeViewBeforeNodeChecked` event fires before a node is checked or unchecked. Canceling this event will\nprevent the check/uncheck operation.\n\n```typescript\ndocument.querySelector(\"select-panel\").addEventListener(\n  \"treeViewBeforeNodeChecked\",\n  (event: CustomEvent<TreeViewNodeInfo[]>) => {\n    event.preventDefault() // Cancel the event to prevent activation (eg. expanding/collapsing)\n  }\n)\n```\n\nBecause checking or unchecking a sub-tree results in the checking or unchecking of all its children recursively,\nboth the `treeViewNodeChecked` and `treeViewBeforeNodeChecked` events provide an array of `TreeViewNodeInfo`\nobjects, which contain entries for every modified node in the tree.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView",
+    "status": "alpha",
+    "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/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "nodes",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "with_leaf",
+        "description": "Adds an leaf node to the tree. Leaf nodes are nodes that do not have children.",
+        "parameters": [
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "N/A",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::OpenProject::TreeView::LeafNode{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::OpenProject::TreeView::LeafNode{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_sub_tree",
+        "description": "Adds a sub-tree node to the tree. Sub-trees are nodes that have children, which can be both leaf nodes and other sub-trees.",
+        "parameters": [
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "N/A",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::OpenProject::TreeView::SubTreeNode{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::OpenProject::TreeView::SubTreeNode{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ],
+        "return_types": [
+
+        ]
+      }
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/tree_view/default",
+        "name": "default",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/tree_view/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/tree_view/empty",
+        "name": "empty",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/tree_view/loading_failure",
+        "name": "loading_failure",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/tree_view/loading_spinner",
+        "name": "loading_spinner",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/tree_view/loading_skeleton",
+        "name": "loading_skeleton",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/tree_view/leaf_node_playground",
+        "name": "leaf_node_playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::Icon",
+    "description": "An icon for a `TreeView` node.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::Icon",
+    "status": "alpha",
+    "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/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}."
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::IconPair",
+    "description": "A pair of icons for a `TreeView` sub-tree that displays distinct icons when the sub-tree is\nexpanded and collapsed.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::IconPair",
+    "status": "alpha",
+    "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/",
+    "parameters": [
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true, the expanded icon is shown and the collapsed icon is hidden, etc."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "expanded_icon",
+        "description": "The expanded icon.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Icon{{/link_to_component}}."
+          }
+        ]
+      },
+      {
+        "name": "collapsed_icon",
+        "description": "The collapsed icon.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Icon{{/link_to_component}}."
+          }
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "expanded",
+        "description": "Whether or not this icon is expanded.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Boolean"
+        ]
+      },
+      {
+        "name": "expanded?",
+        "description": "Whether or not this icon is expanded.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Boolean"
+        ]
+      }
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::LeadingAction",
+    "description": "The leading action for `TreeView` nodes.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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."
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::LeafNode",
+    "description": "A `TreeView` leaf node.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::LeafNode",
+    "status": "alpha",
+    "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/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The node's label, i.e. it's textual content."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Node{{/link_to_component}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "leading_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "leading_action",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "trailing_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "with_leading_visual_icon",
+        "description": "Adds a leading visual icon rendered to the left of the node's label.",
+        "parameters": [
+          {
+            "name": "label",
+            "type": "String",
+            "default": "`nil`",
+            "description": "A label describing the visual, displayed only to screen readers."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Icon{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_leading_action_button",
+        "description": "Adds a leading action rendered to the left of the node's label and any leading visuals or checkboxes.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_trailing_visual_icon",
+        "description": "Adds a trailing visual icon rendered to the right of the node's label.",
+        "parameters": [
+          {
+            "name": "label",
+            "type": "String",
+            "default": "`nil`",
+            "description": "A label describing the visual, displayed only to screen readers."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Icon{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      }
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::LoadingFailureMessage",
+    "description": "A `TreeView` loading failure message.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::LoadingFailureMessage",
+    "status": "alpha",
+    "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/",
+    "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": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::Node",
+    "description": "A generic `TreeView` node.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::Node",
+    "status": "alpha",
+    "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/",
+    "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": "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": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionList{{/link_to_component}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "leading_action",
+        "description": "Generic leading action slot",
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "leading_visual",
+        "description": "Generic leading visual slot",
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "trailing_visual",
+        "description": "Generic trailing visual slot",
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "toggle",
+        "description": "Generic toggle button slot",
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "text_content",
+        "description": "Generic text content slot (for node's label)",
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "current",
+        "description": "Wether or not this node is the current node.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Boolean"
+        ]
+      },
+      {
+        "name": "current?",
+        "description": "Wether or not this node is the current node.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Boolean"
+        ]
+      },
+      {
+        "name": "checked",
+        "description": "This node's checked state.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "String"
+        ]
+      },
+      {
+        "name": "select_variant",
+        "description": "This node's select variant (i.e. check box variant).",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Symbol"
+        ]
+      },
+      {
+        "name": "level",
+        "description": "The numeric depth of this node.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Integer"
+        ]
+      },
+      {
+        "name": "merge_system_arguments!",
+        "description": "Merges the given arguments into the current hash of system arguments provided when the component was\ninitially constructed. This method can be used to add additional arguments just before rendering.",
+        "parameters": [
+          {
+            "name": "other_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The other hash of system arguments to merge into the current one."
+          }
+        ],
+        "return_types": [
+
+        ]
+      }
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::SkeletonLoader",
+    "description": "Renders a loading skeleton for a `TreeView` sub-tree node.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::SkeletonLoader",
+    "status": "alpha",
+    "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/",
+    "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 {{#link_to_component}}Primer::OpenProject::TreeView::SubTreeContainer{{/link_to_component}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "loading_failure_message",
+        "description": "The failure message that appears if loading nodes from the server fails.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::LoadingFailureMessage{{/link_to_component}}."
+          }
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::SpinnerLoader",
+    "description": "Renders a loading spinner for a `TreeView` sub-tree node.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::SpinnerLoader",
+    "status": "alpha",
+    "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/",
+    "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 {{#link_to_component}}Primer::OpenProject::TreeView::SubTreeContainer{{/link_to_component}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "loading_failure_message",
+        "description": "The failure message that appears if loading nodes from the server fails.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::LoadingFailureMessage{{/link_to_component}}."
+          }
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::SubTree",
+    "description": "A `TreeView` sub-tree.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::SubTree",
+    "status": "alpha",
+    "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/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::SubTreeContainer{{/link_to_component}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "nodes",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "loader",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "no_items_message",
+        "description": "The message to display if this sub-tree contains no children.",
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "with_leaf",
+        "description": "Adds an leaf node to the tree. Leaf nodes are nodes that do not have children.",
+        "parameters": [
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "N/A",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::OpenProject::TreeView::LeafNode{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::OpenProject::TreeView::LeafNode{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_sub_tree",
+        "description": "Adds a sub-tree node to the tree. Sub-trees are nodes that have children, which can be both leaf nodes and other sub-trees.",
+        "parameters": [
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "N/A",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::OpenProject::TreeView::SubTreeNode{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::OpenProject::TreeView::SubTreeNode{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_loading_spinner",
+        "description": "Adds a loader to this sub-tree that displays a skeleton animation while nodes are fetched from the server.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::SkeletonLoader{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      }
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::SubTreeContainer",
+    "description": "This component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::SubTreeContainer",
+    "status": "alpha",
+    "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/",
+    "parameters": [
+      {
+        "name": "path",
+        "type": "Array<String>",
+        "default": "N/A",
+        "description": "The path to this node."
+      },
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this sub-tree node renders expanded."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+      {
+        "name": "path",
+        "description": "The path to this node",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Array<String>"
+        ]
+      },
+      {
+        "name": "expanded",
+        "description": "Whether or not this sub-tree node renders expanded.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Boolean"
+        ]
+      },
+      {
+        "name": "expanded?",
+        "description": "Whether or not this sub-tree node renders expanded.",
+        "parameters": [
+
+        ],
+        "return_types": [
+          "Boolean"
+        ]
+      }
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::SubTreeNode",
+    "description": "A `TreeView` sub-tree node.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::TreeView::SubTreeNode",
+    "status": "alpha",
+    "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/",
+    "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": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this sub-tree should be rendered expanded."
+      },
+      {
+        "name": "select_strategy",
+        "type": "Symbol",
+        "default": "`:descendants`",
+        "description": "What should happen when this sub-tree node is checked. One of `:descendants` or `:self`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Node{{/link_to_component}}."
+      }
+    ],
+    "slots": [
+      {
+        "name": "leading_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "leading_action",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "trailing_visual",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "with_leading_visual_icon",
+        "description": "Adds a leading visual icon rendered to the left of the node's label.",
+        "parameters": [
+          {
+            "name": "label",
+            "type": "String",
+            "default": "`nil`",
+            "description": "A label describing the visual, displayed only to screen readers."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Icon{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_leading_visual_icons",
+        "description": "Adds a pair of leading visual icon rendered to the left of the node's label.",
+        "parameters": [
+          {
+            "name": "label",
+            "type": "String",
+            "default": "`nil`",
+            "description": "A label describing the visual, displayed only to screen readers."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::IconPair{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_leading_action_button",
+        "description": "Adds a leading action rendered to the left of the node's label and any leading visuals or checkboxes.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      },
+      {
+        "name": "with_trailing_visual_icon",
+        "description": "Adds a trailing visual icon rendered to the right of the node's label.",
+        "parameters": [
+          {
+            "name": "label",
+            "type": "String",
+            "default": "`nil`",
+            "description": "A label describing the visual, displayed only to screen readers."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::OpenProject::TreeView::Icon{{/link_to_component}}."
+          }
+        ],
+        "return_types": [
+
+        ]
+      }
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::TreeView::Visual",
+    "description": "A `TreeView` visual, either leading or trailing.\n\nThis component is part of the {{#link_to_component}}Primer::OpenProject::TreeView{{/link_to_component}} component and should\nnot be used directly.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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/",
+    "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "This visual's HTML ID."
+      },
+      {
+        "name": "visual",
+        "type": "ViewComponent::Base",
+        "default": "N/A",
+        "description": "A renderable component like an instance of {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}} to render as the visual."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Text describing this visual that will be visible only to screen readers."
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::ZenModeButton",
     "description": "Add a general description of component here\nAdd additional usage considerations or best practices that may aid the user to use the component correctly.",