openproject-primer_view_components 0.10.0 → 0.12.1

data/static/info_arch.json

@@ -2686,6 +2686,18 @@
         "default": "N/A",
         "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
       },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be marked as invalid. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
+      },
+      {
+        "name": "validation_message",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
+      },
       {
         "name": "label_arguments",
         "type": "Hash",
@@ -2743,6 +2755,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/check_box_group/invalid",
+        "name": "invalid",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/check_box_group/with_caption",
         "name": "with_caption",
@@ -2896,7 +2921,7 @@
             "name": "system_arguments",
             "type": "Hash",
             "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
+            "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::Dialog::Header{{/link_to_component}}."
           }
         ]
       },
@@ -2980,6 +3005,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/dialog/with_header",
+        "name": "with_header",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/dialog/with_footer",
         "name": "with_footer",
@@ -3074,6 +3112,12 @@
         "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/header.rb",
         "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/header/default/",
         "parameters": [
+          {
+            "name": "id",
+            "type": "String",
+            "default": "N/A",
+            "description": "The HTML element's ID value."
+          },
           {
             "name": "title",
             "type": "String",
@@ -3098,6 +3142,12 @@
             "default": "`false`",
             "description": "Visually hide the `title` while maintaining a label for assistive technologies."
           },
+          {
+            "name": "variant",
+            "type": "Symbol",
+            "default": "`:medium`",
+            "description": "One of `:large` or `:medium`."
+          },
           {
             "name": "system_arguments",
             "type": "Hash",
@@ -4845,13 +4895,13 @@
   },
   {
     "fully_qualified_name": "Primer::Alpha::NavList",
-    "description": "`NavList` provides a simple way to render side navigation, i.e. navigation\nthat appears to the left or right side of some main content. Each group in a\nnav list is a list of links.\n\nNav list groups can contain sub items. Rather than navigating to a URL, groups\nwith sub items expand and collapse on click. To indicate this functionality, the\ngroup will automatically render with a trailing chevron icon that changes direction\nwhen the group expands and collapses.\n\nNav list items appear visually active when selected. Each nav item must have one\nor more ID values that determine which item will appear selected. Use the\n`selected_item_id` argument to select the appropriate item.",
+    "description": "",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": true,
     "component": "NavList",
-    "status": "alpha",
+    "status": "deprecated",
     "a11y_reviewed": true,
     "short_name": "NavList",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
@@ -4873,7 +4923,7 @@
     "slots": [
       {
         "name": "heading",
-        "description": "The heading for the list at large. Accepts the arguments accepted by {{#link_to_component}}Primer::Alpha::NavList::Heading{{/link_to_component}}.",
+        "description": "The heading for the list at large. Accepts the arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Heading{{/link_to_component}}.",
         "parameters": [
 
         ]
@@ -4887,269 +4937,203 @@
       }
     ],
     "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
       {
-        "name": "with_item",
-        "description": "Adds an item to the list.",
+        "fully_qualified_name": "Primer::Alpha::NavList::Item",
+        "description": "",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": true,
+        "component": "NavList::Item",
+        "status": "deprecated",
+        "a11y_reviewed": false,
+        "short_name": "NavListItem",
+        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
+        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
         "parameters": [
           {
-            "name": "component_klass",
-            "type": "Class",
-            "default": "`Primer::Alpha::NavList::Item`",
-            "description": "The class to use instead of the default {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}"
+            "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": "These arguments are forwarded to {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+            "description": "{{link_to_system_arguments_docs}}"
           }
-        ]
-      },
-      {
-        "name": "with_avatar_item",
-        "description": "Adds an avatar item to the list. Avatar items are a convenient way to accessibly add an item with a leading avatar image.",
-        "parameters": [
-          {
-            "name": "src",
-            "type": "String",
-            "default": "N/A",
-            "description": "The source url of the avatar image."
-          },
+        ],
+        "slots": [
           {
-            "name": "username",
-            "type": "String",
-            "default": "N/A",
-            "description": "The username associated with the avatar."
+            "name": "items",
+            "description": null,
+            "parameters": [
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionList::Item{{/link_to_component}}."
+              }
+            ]
           },
           {
-            "name": "full_name",
-            "type": "String",
-            "default": "`nil`",
-            "description": "Optional. The user's full name."
+            "name": "description",
+            "description": "Description content that complements the item's label. See `ActionList`'s `description_scheme` argument\nfor layout options.",
+            "parameters": [
+
+            ]
           },
           {
-            "name": "full_name_scheme",
-            "type": "Symbol",
-            "default": "`:block`",
-            "description": "Optional. How to display the user's full name. One of `:block` or `:inline`."
+            "name": "leading_visual",
+            "description": "An icon, avatar, SVG, or custom content that will render to the left of the label.\n\nTo render an icon, call the `with_leading_visual_icon` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n\nTo render an SVG, call the `with_leading_visual_svg` method.\n\nTo render custom content, call the `with_leading_visual_content` method and pass a block that returns a string.",
+            "parameters": [
+
+            ]
           },
           {
-            "name": "component_klass",
-            "type": "Class",
-            "default": "`Primer::Alpha::NavList::Item`",
-            "description": "The class to use instead of the default {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}"
+            "name": "trailing_visual",
+            "description": "An icon, label, counter, or text to render to the right of the label.\n\nTo render an icon, call the `with_leading_visual_icon` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n\nTo render a label, call the `with_leading_visual_label` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Label{{/link_to_component}}.\n\nTo render a counter, call the `with_leading_visual_counter` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}.\n\nTo render text, call the `with_leading_visual_text` method and pass a block that returns a string. Eg:\n```ruby\nwith_leading_visual_text { \"Text here\" }\n```",
+            "parameters": [
+
+            ]
           },
           {
-            "name": "avatar_arguments",
-            "type": "Hash",
-            "default": "`{}`",
-            "description": "Optional. The arguments accepted by {{#link_to_component}}Primer::Beta::Avatar{{/link_to_component}}"
+            "name": "trailing_action",
+            "description": "A button rendered after the trailing icon that can be used to show a menu, activate\na dialog, etc.",
+            "parameters": [
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}}."
+              }
+            ]
           },
           {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "These arguments are forwarded to {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+            "name": "tooltip",
+            "description": "`Tooltip` that appears on mouse hover or keyboard focus over the trailing action button. Use tooltips sparingly and as\na last resort. **Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be\nmore appropriate. Consult the {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}} documentation for more information.",
+            "parameters": [
+              {
+                "name": "type",
+                "type": "Symbol",
+                "default": "`:description`",
+                "description": "One of `:description` or `:label`."
+              },
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}}."
+              }
+            ]
           }
+        ],
+        "methods": [
+
+        ],
+        "previews": [
+
+        ],
+        "subcomponents": [
+
         ]
       },
       {
-        "name": "with_group",
-        "description": "Adds a group to the list. A group is a list of links and a (required) heading.",
+        "fully_qualified_name": "Primer::Alpha::NavList::Heading",
+        "description": "",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": false,
+        "component": "NavList::Heading",
+        "status": "deprecated",
+        "a11y_reviewed": false,
+        "short_name": "NavListHeading",
+        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/heading.rb",
+        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/heading/default/",
         "parameters": [
           {
-            "name": "system_arguments",
-            "type": "Hash",
+            "name": "title",
+            "type": "String",
             "default": "N/A",
-            "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::NavList::Group{{/link_to_component}}."
-          }
-        ]
-      },
-      {
-        "name": "with_divider",
-        "description": "Adds a divider to the list. Dividers visually separate items and groups.",
-        "parameters": [
+            "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": "The arguments accepted by {{#link_to_component}}Primer::Alpha::NavList::Divider{{/link_to_component}}."
+            "description": "{{link_to_system_arguments_docs}}"
           }
+        ],
+        "slots": [
+
+        ],
+        "methods": [
+
+        ],
+        "previews": [
+
+        ],
+        "subcomponents": [
+
         ]
       },
       {
-        "name": "build_item",
-        "description": "Builds a new item but does not add it to the list. Use this method\ninstead of the `#with_item` slot if you need to render an item outside\nthe context of a list, eg. if rendering additional items to append to\nan existing list, perhaps via a separate HTTP request.",
+        "fully_qualified_name": "Primer::Alpha::NavList::Divider",
+        "description": "",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": false,
+        "component": "NavList::Divider",
+        "status": "deprecated",
+        "a11y_reviewed": false,
+        "short_name": "NavListDivider",
+        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/divider.rb",
+        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/divider/default/",
         "parameters": [
           {
-            "name": "component_klass",
-            "type": "Class",
-            "default": "`Primer::Alpha::NavList::Item`",
-            "description": "The class to use instead of the default {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}"
-          },
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "These arguments are forwarded to {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
-          }
-        ]
-      },
-      {
-        "name": "build_avatar_item",
-        "description": "Builds a new avatar item but does not add it to the list. Avatar items\nare a convenient way to accessibly add an item with a leading avatar\nimage. Use this method instead of the `#with_avatar_item` slot if you\nneed to render an avatar item outside the context of a list, eg. if\nrendering additional items to append to an existing list, perhaps via\na separate HTTP request.",
-        "parameters": [
-          {
-            "name": "src",
-            "type": "String",
-            "default": "N/A",
-            "description": "The source url of the avatar image."
-          },
-          {
-            "name": "username",
-            "type": "String",
-            "default": "N/A",
-            "description": "The username associated with the avatar."
-          },
-          {
-            "name": "full_name",
-            "type": "String",
-            "default": "`nil`",
-            "description": "Optional. The user's full name."
-          },
-          {
-            "name": "full_name_scheme",
-            "type": "Symbol",
-            "default": "`:block`",
-            "description": "Optional. How to display the user's full name. One of `:block` or `:inline`."
-          },
-          {
-            "name": "component_klass",
-            "type": "Class",
-            "default": "`Primer::Alpha::NavList::Item`",
-            "description": "The class to use instead of the default {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}"
-          },
-          {
-            "name": "avatar_arguments",
-            "type": "Hash",
-            "default": "`{}`",
-            "description": "Optional. The arguments accepted by {{#link_to_component}}Primer::Beta::Avatar{{/link_to_component}}"
-          },
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "These arguments are forwarded to {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
-          }
-        ]
-      },
-      {
-        "name": "render_outer_list?",
-        "description": "Lists that contain top-level items (i.e. items outside of a group) should be wrapped in a <ul>",
-        "parameters": [
-
-        ]
-      }
-    ],
-    "previews": [
-      {
-        "preview_path": "primer/alpha/nav_list/playground",
-        "name": "playground",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/alpha/nav_list/default",
-        "name": "default",
-        "snapshot": "true",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/alpha/nav_list/top_level_items",
-        "name": "top_level_items",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/alpha/nav_list/show_more_item",
-        "name": "show_more_item",
-        "snapshot": "true",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/alpha/nav_list/trailing_action",
-        "name": "trailing_action",
-        "snapshot": "true",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      }
-    ],
-    "subcomponents": [
-      {
-        "fully_qualified_name": "Primer::Alpha::NavList::Heading",
-        "description": "The heading placed above a `NavList`'s items.\n\nSee {{#link_to_component}}Primer::Alpha::NavList{{/link_to_component}} for usage examples.",
-        "accessibility_docs": null,
-        "is_form_component": false,
-        "is_published": true,
-        "requires_js": false,
-        "component": "NavList::Heading",
-        "status": "alpha",
-        "a11y_reviewed": false,
-        "short_name": "NavListHeading",
-        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/heading.rb",
-        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/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": "scheme",
+            "type": "Symbol",
+            "default": "`:subtle`",
+            "description": "Display a background color if scheme is `filled`."
           },
           {
             "name": "system_arguments",
@@ -5162,34 +5146,7 @@
 
         ],
         "methods": [
-          {
-            "name": "title",
-            "description": "Returns the value of attribute title.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "id",
-            "description": "Returns the value of attribute id.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "heading_level",
-            "description": "Returns the value of attribute heading_level.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "system_arguments",
-            "description": "Returns the value of attribute system_arguments.",
-            "parameters": [
 
-            ]
-          }
         ],
         "previews": [
 
@@ -5199,42 +5156,24 @@
         ]
       },
       {
-        "fully_qualified_name": "Primer::Alpha::NavList::Item",
-        "description": "Items are rendered as styled links. They can optionally include leading and/or trailing visuals,\nsuch as icons, avatars, and counters. Items are selected by ID. IDs can be specified via the\n`selected_item_ids` argument, which accepts a list of valid IDs for the item. Items can also\nthemselves contain sub items. Sub items are rendered collapsed by default.",
+        "fully_qualified_name": "Primer::Alpha::NavList::Group",
+        "description": "",
         "accessibility_docs": null,
         "is_form_component": false,
         "is_published": true,
         "requires_js": true,
-        "component": "NavList::Item",
-        "status": "alpha",
-        "a11y_reviewed": false,
-        "short_name": "NavListItem",
-        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
-        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
+        "component": "NavList::Group",
+        "status": "deprecated",
+        "a11y_reviewed": true,
+        "short_name": "NavListGroup",
+        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/group.rb",
+        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/group/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."
+            "description": "The ID of the currently selected item. Used internally."
           },
           {
             "name": "system_arguments",
@@ -5245,226 +5184,50 @@
         ],
         "slots": [
           {
-            "name": "items",
-            "description": null,
+            "name": "show_more_item",
+            "description": "A special \"show more\" list item that appears at the bottom of the group. Clicking\nthe item will fetch the next page of results from the URL passed in the `src` argument\nand append the resulting chunk of HTML to the group.",
             "parameters": [
+              {
+                "name": "src",
+                "type": "String",
+                "default": "N/A",
+                "description": "The URL to query for additional pages of list items."
+              },
+              {
+                "name": "pages",
+                "type": "Integer",
+                "default": "N/A",
+                "description": "The total number of pages in the result set."
+              },
+              {
+                "name": "component_klass",
+                "type": "Class",
+                "default": "N/A",
+                "description": "A component class to use instead of the default `Primer::Beta::NavList::Item` class."
+              },
               {
                 "name": "system_arguments",
                 "type": "Hash",
                 "default": "N/A",
-                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionList::Item{{/link_to_component}}."
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}."
               }
             ]
           },
           {
-            "name": "description",
-            "description": "Description content that complements the item's label. See `ActionList`'s `description_scheme` argument\nfor layout options.",
+            "name": "items",
+            "description": "Items.",
             "parameters": [
-
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}."
+              }
             ]
           },
           {
-            "name": "leading_visual",
-            "description": "An icon, avatar, SVG, or custom content that will render to the left of the label.\n\nTo render an icon, call the `with_leading_visual_icon` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n\nTo render an SVG, call the `with_leading_visual_svg` method.\n\nTo render custom content, call the `with_leading_visual_content` method and pass a block that returns a string.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "trailing_visual",
-            "description": "An icon, label, counter, or text to render to the right of the label.\n\nTo render an icon, call the `with_leading_visual_icon` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n\nTo render a label, call the `with_leading_visual_label` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Label{{/link_to_component}}.\n\nTo render a counter, call the `with_leading_visual_counter` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}.\n\nTo render text, call the `with_leading_visual_text` method and pass a block that returns a string. Eg:\n```ruby\nwith_leading_visual_text { \"Text here\" }\n```",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "trailing_action",
-            "description": "A button rendered after the trailing icon that can be used to show a menu, activate\na dialog, etc.",
-            "parameters": [
-              {
-                "name": "system_arguments",
-                "type": "Hash",
-                "default": "N/A",
-                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}}."
-              }
-            ]
-          },
-          {
-            "name": "tooltip",
-            "description": "`Tooltip` that appears on mouse hover or keyboard focus over the trailing action button. Use tooltips sparingly and as\na last resort. **Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be\nmore appropriate. Consult the {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}} documentation for more information.",
-            "parameters": [
-              {
-                "name": "type",
-                "type": "Symbol",
-                "default": "`:description`",
-                "description": "One of `:description` or `:label`."
-              },
-              {
-                "name": "system_arguments",
-                "type": "Hash",
-                "default": "N/A",
-                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}}."
-              }
-            ]
-          }
-        ],
-        "methods": [
-          {
-            "name": "selected_by_ids",
-            "description": "Returns the value of attribute selected_by_ids.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "sub_item",
-            "description": "Returns the value of attribute sub_item.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "sub_item?",
-            "description": "Returns the value of attribute sub_item.\nWhether or not this item is nested under a parent item.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "expand!",
-            "description": "Cause this item to show its list of sub items when rendered.",
-            "parameters": [
-
-            ]
-          },
-          {
-            "name": "item_active?",
-            "description": "Normally it would be easier to simply ask each item for its active status, eg.\nitems.any?(&:active?), but unfortunately the view context is not set on each\nitem until _after_ the parent's before_render, etc methods have been called.\nThis means helper methods like current_page? will blow up with an error, since\n`helpers` is simply an alias for the view context (i.e. an instance of\nActionView::Base). Since we know the view context for the parent object must\nbe set before `before_render` is invoked, we can call helper methods here in\nthe parent and bypass the problem entirely. Maybe not the most OO approach,\nbut it works.",
-            "parameters": [
-
-            ]
-          }
-        ],
-        "previews": [
-
-        ],
-        "subcomponents": [
-
-        ]
-      },
-      {
-        "fully_qualified_name": "Primer::Alpha::NavList::Divider",
-        "description": "Separator with optional text rendered above groups or between individual items.",
-        "accessibility_docs": null,
-        "is_form_component": false,
-        "is_published": true,
-        "requires_js": false,
-        "component": "NavList::Divider",
-        "status": "alpha",
-        "a11y_reviewed": false,
-        "short_name": "NavListDivider",
-        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/divider.rb",
-        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/divider/default/",
-        "parameters": [
-          {
-            "name": "scheme",
-            "type": "Symbol",
-            "default": "`:subtle`",
-            "description": "Display a background color if scheme is `filled`."
-          },
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ],
-        "slots": [
-
-        ],
-        "methods": [
-
-        ],
-        "previews": [
-
-        ],
-        "subcomponents": [
-
-        ]
-      },
-      {
-        "fully_qualified_name": "Primer::Alpha::NavList::Group",
-        "description": "A logical grouping of navigation links with an optional heading.\n\nSee {{#link_to_component}}Primer::Alpha::NavList{{/link_to_component}} for usage examples.",
-        "accessibility_docs": null,
-        "is_form_component": false,
-        "is_published": true,
-        "requires_js": true,
-        "component": "NavList::Group",
-        "status": "alpha",
-        "a11y_reviewed": true,
-        "short_name": "NavListGroup",
-        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/group.rb",
-        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/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": "{{link_to_system_arguments_docs}}"
-          }
-        ],
-        "slots": [
-          {
-            "name": "show_more_item",
-            "description": "A special \"show more\" list item that appears at the bottom of the group. Clicking\nthe item will fetch the next page of results from the URL passed in the `src` argument\nand append the resulting chunk of HTML to the group.",
-            "parameters": [
-              {
-                "name": "src",
-                "type": "String",
-                "default": "N/A",
-                "description": "The URL to query for additional pages of list items."
-              },
-              {
-                "name": "pages",
-                "type": "Integer",
-                "default": "N/A",
-                "description": "The total number of pages in the result set."
-              },
-              {
-                "name": "component_klass",
-                "type": "Class",
-                "default": "N/A",
-                "description": "A component class to use instead of the default `Primer::Alpha::NavList::Item` class."
-              },
-              {
-                "name": "system_arguments",
-                "type": "Hash",
-                "default": "N/A",
-                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}."
-              }
-            ]
-          },
-          {
-            "name": "items",
-            "description": "Items.",
-            "parameters": [
-              {
-                "name": "system_arguments",
-                "type": "Hash",
-                "default": "N/A",
-                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::NavList::Item{{/link_to_component}}."
-              }
-            ]
-          },
-          {
-            "name": "heading",
-            "description": "Heading text rendered above the list of items.",
+            "name": "heading",
+            "description": "Heading text rendered above the list of items.",
             "parameters": [
               {
                 "name": "system_arguments",
@@ -5476,13 +5239,7 @@
           }
         ],
         "methods": [
-          {
-            "name": "expand!",
-            "description": "Cause this group to show its list of sub items when rendered.\n:nocov:",
-            "parameters": [
 
-            ]
-          }
         ],
         "previews": [
 
@@ -6341,6 +6098,18 @@
         "default": "N/A",
         "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
       },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be marked as invalid. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
+      },
+      {
+        "name": "validation_message",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
+      },
       {
         "name": "label_arguments",
         "type": "Hash",
@@ -6398,6 +6167,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/radio_button_group/invalid",
+        "name": "invalid",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/radio_button_group/with_caption",
         "name": "with_caption",
@@ -8117,6 +7899,45 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/input_group_leading_button",
+        "name": "input_group_leading_button",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/input_group_trailing_button",
+        "name": "input_group_trailing_button",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/input_group_leading_action_menu",
+        "name": "input_group_leading_action_menu",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -8395,9 +8216,15 @@
 
     ],
     "methods": [
-
-    ],
-    "previews": [
+      {
+        "name": "id",
+        "description": "Returns the value of attribute id.",
+        "parameters": [
+
+        ]
+      }
+    ],
+    "previews": [
       {
         "preview_path": "primer/alpha/tooltip/playground",
         "name": "playground",
@@ -12151,7 +11978,7 @@
       {
         "name": "underline",
         "type": "Boolean",
-        "default": "`true`",
+        "default": "`false`",
         "description": "Whether or not to underline the link."
       },
       {
@@ -12326,12 +12153,662 @@
     ],
     "methods": [
 
-    ],
-    "previews": [
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::Beta::NavList",
+    "description": "`NavList` provides a simple way to render side navigation, i.e. navigation\nthat appears to the left or right side of some main content. Each group in a\nnav list is a list of links.\n\nNav list groups can contain sub items. Rather than navigating to a URL, groups\nwith sub items expand and collapse on click. To indicate this functionality, the\ngroup will automatically render with a trailing chevron icon that changes direction\nwhen the group expands and collapses.\n\nNav list items appear visually active when selected. Each nav item must have one\nor more ID values that determine which item will appear selected. Use the\n`selected_item_id` argument to select the appropriate item.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": true,
+    "component": "NavList",
+    "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/",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "heading",
+        "description": "The heading for the list at large. Accepts the arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Heading{{/link_to_component}}.",
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "items",
+        "description": "Items. Items can be individual items, dividers, or groups. See the documentation for `#with_item`, `#with_divider`, and `#with_group` respectively for more information.",
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "with_item",
+        "description": "Adds an item to the list.",
+        "parameters": [
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "`Primer::Beta::NavList::Item`",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ]
+      },
+      {
+        "name": "with_avatar_item",
+        "description": "Adds an avatar item to the list. Avatar items are a convenient way to accessibly add an item with a leading avatar image.",
+        "parameters": [
+          {
+            "name": "src",
+            "type": "String",
+            "default": "N/A",
+            "description": "The source url of the avatar image."
+          },
+          {
+            "name": "username",
+            "type": "String",
+            "default": "N/A",
+            "description": "The username associated with the avatar."
+          },
+          {
+            "name": "full_name",
+            "type": "String",
+            "default": "`nil`",
+            "description": "Optional. The user's full name."
+          },
+          {
+            "name": "full_name_scheme",
+            "type": "Symbol",
+            "default": "`:block`",
+            "description": "Optional. How to display the user's full name. One of `:block` or `:inline`."
+          },
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "`Primer::Beta::NavList::Item`",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}"
+          },
+          {
+            "name": "avatar_arguments",
+            "type": "Hash",
+            "default": "`{}`",
+            "description": "Optional. The arguments accepted by {{#link_to_component}}Primer::Beta::Avatar{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ]
+      },
+      {
+        "name": "with_group",
+        "description": "Adds a group to the list. A group is a list of links and a (required) heading.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Group{{/link_to_component}}."
+          }
+        ]
+      },
+      {
+        "name": "with_divider",
+        "description": "Adds a divider to the list. Dividers visually separate items and groups.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Divider{{/link_to_component}}."
+          }
+        ]
+      },
+      {
+        "name": "build_item",
+        "description": "Builds a new item but does not add it to the list. Use this method\ninstead of the `#with_item` slot if you need to render an item outside\nthe context of a list, eg. if rendering additional items to append to\nan existing list, perhaps via a separate HTTP request.",
+        "parameters": [
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "`Primer::Beta::NavList::Item`",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ]
+      },
+      {
+        "name": "build_avatar_item",
+        "description": "Builds a new avatar item but does not add it to the list. Avatar items\nare a convenient way to accessibly add an item with a leading avatar\nimage. Use this method instead of the `#with_avatar_item` slot if you\nneed to render an avatar item outside the context of a list, eg. if\nrendering additional items to append to an existing list, perhaps via\na separate HTTP request.",
+        "parameters": [
+          {
+            "name": "src",
+            "type": "String",
+            "default": "N/A",
+            "description": "The source url of the avatar image."
+          },
+          {
+            "name": "username",
+            "type": "String",
+            "default": "N/A",
+            "description": "The username associated with the avatar."
+          },
+          {
+            "name": "full_name",
+            "type": "String",
+            "default": "`nil`",
+            "description": "Optional. The user's full name."
+          },
+          {
+            "name": "full_name_scheme",
+            "type": "Symbol",
+            "default": "`:block`",
+            "description": "Optional. How to display the user's full name. One of `:block` or `:inline`."
+          },
+          {
+            "name": "component_klass",
+            "type": "Class",
+            "default": "`Primer::Beta::NavList::Item`",
+            "description": "The class to use instead of the default {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}"
+          },
+          {
+            "name": "avatar_arguments",
+            "type": "Hash",
+            "default": "`{}`",
+            "description": "Optional. The arguments accepted by {{#link_to_component}}Primer::Beta::Avatar{{/link_to_component}}"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "These arguments are forwarded to {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}, or whatever class is passed as the `component_klass` argument."
+          }
+        ]
+      },
+      {
+        "name": "render_outer_list?",
+        "description": "Lists that contain top-level items (i.e. items outside of a group) should be wrapped in a <ul>",
+        "parameters": [
+
+        ]
+      }
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/beta/nav_list/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/nav_list/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/nav_list/top_level_items",
+        "name": "top_level_items",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/nav_list/show_more_item",
+        "name": "show_more_item",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/nav_list/trailing_action",
+        "name": "trailing_action",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+      {
+        "fully_qualified_name": "Primer::Beta::NavList::Heading",
+        "description": "The heading placed above a `NavList`'s items.\n\nSee {{#link_to_component}}Primer::Beta::NavList{{/link_to_component}} for usage examples.",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": false,
+        "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": "{{link_to_system_arguments_docs}}"
+          }
+        ],
+        "slots": [
+
+        ],
+        "methods": [
+          {
+            "name": "title",
+            "description": "Returns the value of attribute title.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "id",
+            "description": "Returns the value of attribute id.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "heading_level",
+            "description": "Returns the value of attribute heading_level.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "system_arguments",
+            "description": "Returns the value of attribute system_arguments.",
+            "parameters": [
+
+            ]
+          }
+        ],
+        "previews": [
+
+        ],
+        "subcomponents": [
+
+        ]
+      },
+      {
+        "fully_qualified_name": "Primer::Beta::NavList::Item",
+        "description": "Items are rendered as styled links. They can optionally include leading and/or trailing visuals,\nsuch as icons, avatars, and counters. Items are selected by ID. IDs can be specified via the\n`selected_item_ids` argument, which accepts a list of valid IDs for the item. Items can also\nthemselves contain sub items. Sub items are rendered collapsed by default.",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": true,
+        "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": "{{link_to_system_arguments_docs}}"
+          }
+        ],
+        "slots": [
+          {
+            "name": "items",
+            "description": null,
+            "parameters": [
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionList::Item{{/link_to_component}}."
+              }
+            ]
+          },
+          {
+            "name": "description",
+            "description": "Description content that complements the item's label. See `ActionList`'s `description_scheme` argument\nfor layout options.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "leading_visual",
+            "description": "An icon, avatar, SVG, or custom content that will render to the left of the label.\n\nTo render an icon, call the `with_leading_visual_icon` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n\nTo render an SVG, call the `with_leading_visual_svg` method.\n\nTo render custom content, call the `with_leading_visual_content` method and pass a block that returns a string.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "trailing_visual",
+            "description": "An icon, label, counter, or text to render to the right of the label.\n\nTo render an icon, call the `with_leading_visual_icon` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n\nTo render a label, call the `with_leading_visual_label` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Label{{/link_to_component}}.\n\nTo render a counter, call the `with_leading_visual_counter` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}.\n\nTo render text, call the `with_leading_visual_text` method and pass a block that returns a string. Eg:\n```ruby\nwith_leading_visual_text { \"Text here\" }\n```",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "trailing_action",
+            "description": "A button rendered after the trailing icon that can be used to show a menu, activate\na dialog, etc.",
+            "parameters": [
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}}."
+              }
+            ]
+          },
+          {
+            "name": "tooltip",
+            "description": "`Tooltip` that appears on mouse hover or keyboard focus over the trailing action button. Use tooltips sparingly and as\na last resort. **Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be\nmore appropriate. Consult the {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}} documentation for more information.",
+            "parameters": [
+              {
+                "name": "type",
+                "type": "Symbol",
+                "default": "`:description`",
+                "description": "One of `:description` or `:label`."
+              },
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}}."
+              }
+            ]
+          }
+        ],
+        "methods": [
+          {
+            "name": "selected_by_ids",
+            "description": "Returns the value of attribute selected_by_ids.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "sub_item",
+            "description": "Returns the value of attribute sub_item.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "sub_item?",
+            "description": "Returns the value of attribute sub_item.\nWhether or not this item is nested under a parent item.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "expand!",
+            "description": "Cause this item to show its list of sub items when rendered.",
+            "parameters": [
+
+            ]
+          },
+          {
+            "name": "item_active?",
+            "description": "Normally it would be easier to simply ask each item for its active status, eg.\nitems.any?(&:active?), but unfortunately the view context is not set on each\nitem until _after_ the parent's before_render, etc methods have been called.\nThis means helper methods like current_page? will blow up with an error, since\n`helpers` is simply an alias for the view context (i.e. an instance of\nActionView::Base). Since we know the view context for the parent object must\nbe set before `before_render` is invoked, we can call helper methods here in\nthe parent and bypass the problem entirely. Maybe not the most OO approach,\nbut it works.",
+            "parameters": [
+
+            ]
+          }
+        ],
+        "previews": [
+
+        ],
+        "subcomponents": [
+
+        ]
+      },
+      {
+        "fully_qualified_name": "Primer::Beta::NavList::Divider",
+        "description": "Separator with optional text rendered above groups or between individual items.",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": false,
+        "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": "`:subtle`",
+            "description": "Display a background color if scheme is `filled`."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ],
+        "slots": [
+
+        ],
+        "methods": [
+
+        ],
+        "previews": [
+
+        ],
+        "subcomponents": [
+
+        ]
+      },
+      {
+        "fully_qualified_name": "Primer::Beta::NavList::Group",
+        "description": "A logical grouping of navigation links with an optional heading.\n\nSee {{#link_to_component}}Primer::Beta::NavList{{/link_to_component}} for usage examples.",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": true,
+        "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": "{{link_to_system_arguments_docs}}"
+          }
+        ],
+        "slots": [
+          {
+            "name": "show_more_item",
+            "description": "A special \"show more\" list item that appears at the bottom of the group. Clicking\nthe item will fetch the next page of results from the URL passed in the `src` argument\nand append the resulting chunk of HTML to the group.",
+            "parameters": [
+              {
+                "name": "src",
+                "type": "String",
+                "default": "N/A",
+                "description": "The URL to query for additional pages of list items."
+              },
+              {
+                "name": "pages",
+                "type": "Integer",
+                "default": "N/A",
+                "description": "The total number of pages in the result set."
+              },
+              {
+                "name": "component_klass",
+                "type": "Class",
+                "default": "N/A",
+                "description": "A component class to use instead of the default `Primer::Beta::NavList::Item` class."
+              },
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}."
+              }
+            ]
+          },
+          {
+            "name": "items",
+            "description": "Items.",
+            "parameters": [
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::NavList::Item{{/link_to_component}}."
+              }
+            ]
+          },
+          {
+            "name": "heading",
+            "description": "Heading text rendered above the list of items.",
+            "parameters": [
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionList::Heading{{/link_to_component}}."
+              }
+            ]
+          }
+        ],
+        "methods": [
+          {
+            "name": "expand!",
+            "description": "Cause this group to show its list of sub items when rendered.\n:nocov:",
+            "parameters": [
+
+            ]
+          }
+        ],
+        "previews": [
 
-    ],
-    "subcomponents": [
+        ],
+        "subcomponents": [
 
+        ]
+      }
     ]
   },
   {
@@ -13594,8 +14071,256 @@
         }
       },
       {
-        "preview_path": "primer/beta/truncate/default",
-        "name": "default",
+        "preview_path": "primer/beta/truncate/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/truncate/multiple_items",
+        "name": "multiple_items",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/truncate/advanced_multiple_items",
+        "name": "advanced_multiple_items",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/truncate/max_widths",
+        "name": "max_widths",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+      {
+        "fully_qualified_name": "Primer::Beta::Truncate::TruncateText",
+        "description": "This component is part of `Primer::Beta::Truncate` and should not be\nused as a standalone component.",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": false,
+        "component": "Truncate::TruncateText",
+        "status": "alpha",
+        "a11y_reviewed": false,
+        "short_name": "TruncateTruncateText",
+        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate/truncate_text.rb",
+        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/truncate_text/default/",
+        "parameters": [
+
+        ],
+        "slots": [
+
+        ],
+        "methods": [
+
+        ],
+        "previews": [
+
+        ],
+        "subcomponents": [
+
+        ]
+      }
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::BlankslateComponent",
+    "description": "Use `Blankslate` when there is a lack of content within a page or section. Use as placeholder to tell users why something isn't there.",
+    "accessibility_docs": "`Blankslate` renders an `<h3>` element for the title by default. Update the heading level based on what is appropriate for your page hierarchy by setting `title_tag`.\n<%= link_to_heading_practices %>",
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "Blankslate",
+    "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "Blankslate",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/blankslate_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/blankslate/default/",
+    "parameters": [
+      {
+        "name": "title",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Text that appears in a larger bold font."
+      },
+      {
+        "name": "title_tag",
+        "type": "Symbol",
+        "default": "`:h3`",
+        "description": "HTML tag to use for title."
+      },
+      {
+        "name": "icon",
+        "type": "Symbol",
+        "default": "`\"\"`",
+        "description": "Octicon icon to use at top of component."
+      },
+      {
+        "name": "icon_size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
+      },
+      {
+        "name": "image_src",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Image to display."
+      },
+      {
+        "name": "image_alt",
+        "type": "String",
+        "default": "`\" \"`",
+        "description": "Alt text for image."
+      },
+      {
+        "name": "description",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Text that appears below the title. Typically a whole sentence."
+      },
+      {
+        "name": "button_text",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "The text of the button."
+      },
+      {
+        "name": "button_url",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "The URL where the user will be taken after clicking the button."
+      },
+      {
+        "name": "button_classes",
+        "type": "String",
+        "default": "`\"btn-primary my-3\"`",
+        "description": "Classes to apply to action button"
+      },
+      {
+        "name": "link_text",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "The text of the link."
+      },
+      {
+        "name": "link_url",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "The URL where the user will be taken after clicking the link."
+      },
+      {
+        "name": "narrow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds a maximum width."
+      },
+      {
+        "name": "large",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Increases the font size."
+      },
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds extra padding."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "spinner",
+        "description": "Optional Spinner.",
+        "parameters": [
+          {
+            "name": "kwargs",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Spinner{{/link_to_component}}."
+          }
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::Box",
+    "description": "`Box` is a basic wrapper component for most layout related needs.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "Box",
+    "status": "stable",
+    "a11y_reviewed": false,
+    "short_name": "Box",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/box/playground",
+        "name": "playground",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -13607,8 +14332,8 @@
         }
       },
       {
-        "preview_path": "primer/beta/truncate/multiple_items",
-        "name": "multiple_items",
+        "preview_path": "primer/box/default",
+        "name": "default",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -13620,9 +14345,9 @@
         }
       },
       {
-        "preview_path": "primer/beta/truncate/advanced_multiple_items",
-        "name": "advanced_multiple_items",
-        "snapshot": "false",
+        "preview_path": "primer/box/border",
+        "name": "border",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -13633,8 +14358,8 @@
         }
       },
       {
-        "preview_path": "primer/beta/truncate/max_widths",
-        "name": "max_widths",
+        "preview_path": "primer/box/border_bottom",
+        "name": "border_bottom",
         "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
@@ -13647,140 +14372,275 @@
       }
     ],
     "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::ButtonComponent",
+    "description": "Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": true,
+    "component": "Button",
+    "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "Button",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
+    "parameters": [
       {
-        "fully_qualified_name": "Primer::Beta::Truncate::TruncateText",
-        "description": "This component is part of `Primer::Beta::Truncate` and should not be\nused as a standalone component.",
-        "accessibility_docs": null,
-        "is_form_component": false,
-        "is_published": true,
-        "requires_js": false,
-        "component": "Truncate::TruncateText",
-        "status": "alpha",
-        "a11y_reviewed": false,
-        "short_name": "TruncateTruncateText",
-        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate/truncate_text.rb",
-        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/truncate_text/default/",
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:outline`, or `:primary`."
+      },
+      {
+        "name": "variant",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "DEPRECATED. One of `:medium` or `:small`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "group_item",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is part of a ButtonGroup."
+      },
+      {
+        "name": "block",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
+      },
+      {
+        "name": "dropdown",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to render a dropdown caret."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "leading_visual",
+        "description": "Leading visuals appear to the left of the button text.\n\nUse:\n\n- `leading_visual_icon` for a {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "Same arguments as {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}."
+          }
+        ]
+      },
+      {
+        "name": "trailing_visual",
+        "description": "Trailing visuals appear to the right of the button text.\n\nUse:\n\n- `trailing_visual_counter` for a {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}.",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "Same arguments as {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}."
+          }
+        ]
+      },
+      {
+        "name": "tooltip",
+        "description": "`Tooltip` that appears on mouse hover or keyboard focus over the button. Use tooltips sparingly and as a last resort.\n**Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be more appropriate.\nConsult the {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}} documentation for more information.",
+        "parameters": [
+          {
+            "name": "type",
+            "type": "Symbol",
+            "default": "`:description`",
+            "description": "One of `:description` or `:label`."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "Same arguments as {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}}."
+          }
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "icon",
+        "description": "remove alias when all buttons are migrated to new slot names",
         "parameters": [
 
-        ],
-        "slots": [
-
-        ],
-        "methods": [
+        ]
+      },
+      {
+        "name": "counter",
+        "description": "remove alias when all buttons are migrated to new slot names",
+        "parameters": [
 
-        ],
-        "previews": [
+        ]
+      }
+    ],
+    "previews": [
 
-        ],
-        "subcomponents": [
+    ],
+    "subcomponents": [
 
-        ]
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::ConditionalWrapper",
+    "description": "Conditionally renders a `Primer::BaseComponent` around the given content. If the given condition\nis true, a `Primer::BaseComponent` will render around the content. If the condition is false, only\nthe content is rendered.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "ConditionalWrapper",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ConditionalWrapper",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/conditional_wrapper.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/conditional_wrapper/default/",
+    "parameters": [
+      {
+        "name": "condition",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Whether or not to wrap the content in a `Primer::BaseComponent`."
+      },
+      {
+        "name": "base_component_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments to pass to `Primer::BaseComponent`."
       }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
     ]
   },
   {
-    "fully_qualified_name": "Primer::BlankslateComponent",
-    "description": "Use `Blankslate` when there is a lack of content within a page or section. Use as placeholder to tell users why something isn't there.",
-    "accessibility_docs": "`Blankslate` renders an `<h3>` element for the title by default. Update the heading level based on what is appropriate for your page hierarchy by setting `title_tag`.\n<%= link_to_heading_practices %>",
+    "fully_qualified_name": "Primer::Content",
+    "description": "Use `Content` as a helper to render content passed to a slot without adding any tags.",
+    "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "Blankslate",
+    "component": "Content",
+    "status": "stable",
+    "a11y_reviewed": false,
+    "short_name": "Content",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/content.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/content/default/",
+    "parameters": [
+
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::IconButton",
+    "description": "Use `IconButton` to render Icon-only buttons without the default button styles.\n\n`IconButton` will always render with a tooltip unless the tag is `:summary`.",
+    "accessibility_docs": "`IconButton` requires an `aria-label`, which will provide assistive technologies with an accessible label.\nThe `aria-label` should describe the action to be invoked rather than the icon itself. For instance,\nif your `IconButton` renders a magnifying glass icon and invokes a search action, the `aria-label` should be\n`\"Search\"` instead of `\"Magnifying glass\"`.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\n[Learn more about best functional image practices (WAI Images)](https://www.w3.org/WAI/tutorials/images/functional)",
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": true,
+    "component": "IconButton",
     "status": "deprecated",
     "a11y_reviewed": false,
-    "short_name": "Blankslate",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/blankslate_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/blankslate/default/",
+    "short_name": "IconButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
     "parameters": [
       {
-        "name": "title",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "Text that appears in a larger bold font."
-      },
-      {
-        "name": "title_tag",
+        "name": "scheme",
         "type": "Symbol",
-        "default": "`:h3`",
-        "description": "HTML tag to use for title."
+        "default": "`:default`",
+        "description": "One of `:danger` or `:default`."
       },
       {
         "name": "icon",
-        "type": "Symbol",
-        "default": "`\"\"`",
-        "description": "Octicon icon to use at top of component."
-      },
-      {
-        "name": "icon_size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
-      },
-      {
-        "name": "image_src",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "Image to display."
-      },
-      {
-        "name": "image_alt",
         "type": "String",
-        "default": "`\" \"`",
-        "description": "Alt text for image."
-      },
-      {
-        "name": "description",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "Text that appears below the title. Typically a whole sentence."
-      },
-      {
-        "name": "button_text",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "The text of the button."
+        "default": "N/A",
+        "description": "Name of {{link_to_octicons}} to use."
       },
       {
-        "name": "button_url",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "The URL where the user will be taken after clicking the button."
+        "name": "tag",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:a`, `:button`, or `:summary`."
       },
       {
-        "name": "button_classes",
-        "type": "String",
-        "default": "`\"btn-primary my-3\"`",
-        "description": "Classes to apply to action button"
+        "name": "type",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:button`, `:reset`, or `:submit`."
       },
       {
-        "name": "link_text",
+        "name": "aria-label",
         "type": "String",
-        "default": "`\"\"`",
-        "description": "The text of the link."
+        "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": "link_url",
+        "name": "aria-description",
         "type": "String",
-        "default": "`\"\"`",
-        "description": "The URL where the user will be taken after clicking the link."
-      },
-      {
-        "name": "narrow",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Adds a maximum width."
+        "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": "large",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Increases the font size."
+        "name": "tooltip_direction",
+        "type": "Symbol",
+        "default": "`:s`",
+        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
       },
       {
-        "name": "spacious",
+        "name": "box",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Adds extra padding."
+        "description": "Whether the button is in a {{#link_to_component}}Primer::Beta::BorderBox{{/link_to_component}}. If `true`, the button will have the `Box-btn-octicon` class."
       },
       {
         "name": "system_arguments",
@@ -13790,18 +14650,7 @@
       }
     ],
     "slots": [
-      {
-        "name": "spinner",
-        "description": "Optional Spinner.",
-        "parameters": [
-          {
-            "name": "kwargs",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Spinner{{/link_to_component}}."
-          }
-        ]
-      }
+
     ],
     "methods": [
 
@@ -13814,19 +14663,37 @@
     ]
   },
   {
-    "fully_qualified_name": "Primer::Box",
-    "description": "`Box` is a basic wrapper component for most layout related needs.",
+    "fully_qualified_name": "Primer::LayoutComponent",
+    "description": "Use `Layout` to build a main/sidebar layout.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "Box",
-    "status": "stable",
+    "component": "Layout",
+    "status": "deprecated",
     "a11y_reviewed": false,
-    "short_name": "Box",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/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",
@@ -13835,130 +14702,90 @@
       }
     ],
     "slots": [
-
+      {
+        "name": "main",
+        "description": "The main content",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
+      {
+        "name": "sidebar",
+        "description": "The sidebar content",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
     ],
     "methods": [
 
     ],
     "previews": [
-      {
-        "preview_path": "primer/box/playground",
-        "name": "playground",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/box/default",
-        "name": "default",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/box/border",
-        "name": "border",
-        "snapshot": "true",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/box/border_bottom",
-        "name": "border_bottom",
-        "snapshot": "true",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      }
+
     ],
     "subcomponents": [
 
     ]
   },
   {
-    "fully_qualified_name": "Primer::ButtonComponent",
-    "description": "Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.",
+    "fully_qualified_name": "Primer::Navigation::TabComponent",
+    "description": "nodoc",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
-    "requires_js": true,
-    "component": "Button",
+    "requires_js": false,
+    "component": "Navigation::Tab",
     "status": "deprecated",
     "a11y_reviewed": false,
-    "short_name": "Button",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
-    "parameters": [
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:outline`, or `:primary`."
-      },
-      {
-        "name": "variant",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "DEPRECATED. One of `:medium` or `:small`."
-      },
-      {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:medium` or `:small`."
-      },
-      {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a`, `:button`, or `:summary`."
-      },
+    "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": "type",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "name": "list",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab is an item in a `<ul>` list."
       },
       {
-        "name": "group_item",
+        "name": "selected",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether button is part of a ButtonGroup."
+        "description": "Whether the Tab is selected or not."
       },
       {
-        "name": "block",
+        "name": "with_panel",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether button is full-width with `display: block`."
+        "description": "Whether the Tab has an associated panel."
       },
       {
-        "name": "dropdown",
+        "name": "panel_id",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Only applies if `with_panel` is `true`. Unique id of panel."
+      },
+      {
+        "name": "icon_classes",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to render a dropdown caret."
+        "default": "`\"\"`",
+        "description": "Classes that must always be applied to icons."
+      },
+      {
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "{{link_to_system_arguments_docs}} to be used in the `<li>` wrapper when the tab is an item in a list."
       },
       {
         "name": "system_arguments",
@@ -13969,63 +14796,56 @@
     ],
     "slots": [
       {
-        "name": "leading_visual",
-        "description": "Leading visuals appear to the left of the button text.\n\nUse:\n\n- `leading_visual_icon` for a {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.",
+        "name": "panel",
+        "description": "Panel controlled by the Tab. This will not render anything in the tab itself.\nIt will provide a accessor for the Tab's parent to call and render the panel\ncontent in the appropriate place.\nRefer to `UnderlineNav` and `TabNav` implementations for examples.",
         "parameters": [
           {
             "name": "system_arguments",
             "type": "Hash",
             "default": "N/A",
-            "description": "Same arguments as {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}."
+            "description": "{{link_to_system_arguments_docs}}"
           }
         ]
       },
       {
-        "name": "trailing_visual",
-        "description": "Trailing visuals appear to the right of the button text.\n\nUse:\n\n- `trailing_visual_counter` for a {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}.",
+        "name": "icon",
+        "description": "Icon to be rendered in the Tab left.",
         "parameters": [
           {
-            "name": "system_arguments",
+            "name": "kwargs",
             "type": "Hash",
             "default": "N/A",
-            "description": "Same arguments as {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}."
+            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}."
           }
         ]
       },
       {
-        "name": "tooltip",
-        "description": "`Tooltip` that appears on mouse hover or keyboard focus over the button. Use tooltips sparingly and as a last resort.\n**Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be more appropriate.\nConsult the {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}} documentation for more information.",
+        "name": "text",
+        "description": "The Tab's text.",
         "parameters": [
           {
-            "name": "type",
-            "type": "Symbol",
-            "default": "`:description`",
-            "description": "One of `:description` or `:label`."
-          },
-          {
-            "name": "system_arguments",
+            "name": "kwargs",
             "type": "Hash",
             "default": "N/A",
-            "description": "Same arguments as {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}}."
+            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Text{{/link_to_component}}."
           }
         ]
-      }
-    ],
-    "methods": [
-      {
-        "name": "icon",
-        "description": "remove alias when all buttons are migrated to new slot names",
-        "parameters": [
-
-        ]
       },
       {
         "name": "counter",
-        "description": "remove alias when all buttons are migrated to new slot names",
+        "description": "Counter to be rendered in the Tab right.",
         "parameters": [
-
+          {
+            "name": "kwargs",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}."
+          }
         ]
       }
+    ],
+    "methods": [
+
     ],
     "previews": [
 
@@ -14035,60 +14855,114 @@
     ]
   },
   {
-    "fully_qualified_name": "Primer::ConditionalWrapper",
-    "description": "Conditionally renders a `Primer::BaseComponent` around the given content. If the given condition\nis true, a `Primer::BaseComponent` will render around the content. If the condition is false, only\nthe content is rendered.",
+    "fully_qualified_name": "Primer::OpenProject::BorderGrid",
+    "description": "A set of blocks that are shown below each other with separator lines in between",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "ConditionalWrapper",
-    "status": "alpha",
+    "component": "OpenProject::BorderGrid",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "ConditionalWrapper",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/conditional_wrapper.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/conditional_wrapper/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": "condition",
+        "name": "spacious",
         "type": "Boolean",
-        "default": "N/A",
-        "description": "Whether or not to wrap the content in a `Primer::BaseComponent`."
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
       },
       {
-        "name": "base_component_arguments",
+        "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments to pass to `Primer::BaseComponent`."
+        "description": "{{link_to_system_arguments_docs}}"
       }
     ],
     "slots": [
-
+      {
+        "name": "rows",
+        "description": "Use to render a block inside the grid",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
     ],
     "methods": [
 
     ],
     "previews": [
-
+      {
+        "preview_path": "primer/open_project/border_grid/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/spacious",
+        "name": "spacious",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
     ],
     "subcomponents": [
 
     ]
   },
   {
-    "fully_qualified_name": "Primer::Content",
-    "description": "Use `Content` as a helper to render content passed to a slot without adding any tags.",
+    "fully_qualified_name": "Primer::OpenProject::BorderGrid::Cell",
+    "description": "A single cell inside the BorderGrid\nA cell can contain for example an action list or a status badge",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "Content",
-    "status": "stable",
+    "component": "OpenProject::BorderGrid::Cell",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "Content",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/content.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/content/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",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
     ],
     "slots": [
 
@@ -14104,67 +14978,78 @@
     ]
   },
   {
-    "fully_qualified_name": "Primer::IconButton",
-    "description": "Use `IconButton` to render Icon-only buttons without the default button styles.\n\n`IconButton` will always render with a tooltip unless the tag is `:summary`.",
-    "accessibility_docs": "`IconButton` requires an `aria-label`, which will provide assistive technologies with an accessible label.\nThe `aria-label` should describe the action to be invoked rather than the icon itself. For instance,\nif your `IconButton` renders a magnifying glass icon and invokes a search action, the `aria-label` should be\n`\"Search\"` instead of `\"Magnifying glass\"`.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\n[Learn more about best functional image practices (WAI Images)](https://www.w3.org/WAI/tutorials/images/functional)",
+    "fully_qualified_name": "Primer::OpenProject::DragHandle",
+    "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.",
+    "accessibility_docs": "Add any accessibility considerations",
     "is_form_component": false,
     "is_published": true,
-    "requires_js": true,
-    "component": "IconButton",
-    "status": "deprecated",
+    "requires_js": false,
+    "component": "OpenProject::DragHandle",
+    "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "IconButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/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": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger` or `:default`."
-      },
-      {
-        "name": "icon",
-        "type": "String",
-        "default": "N/A",
-        "description": "Name of {{link_to_octicons}} to use."
-      },
-      {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:a`, `:button`, or `:summary`."
-      },
-      {
-        "name": "type",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:button`, `:reset`, or `:submit`."
-      },
-      {
-        "name": "aria-label",
-        "type": "String",
-        "default": "N/A",
-        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
-      },
-      {
-        "name": "aria-description",
-        "type": "String",
+        "name": "system_arguments",
+        "type": "Hash",
         "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."
-      },
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
       {
-        "name": "tooltip_direction",
-        "type": "Symbol",
-        "default": "`:s`",
-        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+        "preview_path": "primer/open_project/drag_handle/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       },
       {
-        "name": "box",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the button is in a {{#link_to_component}}Primer::Beta::BorderBox{{/link_to_component}}. If `true`, the button will have the `Box-btn-octicon` class."
-      },
+        "preview_path": "primer/open_project/drag_handle/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::FlexLayout",
+    "description": "A layouting component used to arrange multiple components next / below each other",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::FlexLayout",
+    "status": "open_project",
+    "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/",
+    "parameters": [
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -14173,49 +15058,121 @@
       }
     ],
     "slots": [
+      {
+        "name": "rows",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "columns",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "boxes",
+        "description": "boxes are used when direction is set to row or column based on responsive breakpoints",
+        "parameters": [
 
+        ]
+      }
     ],
     "methods": [
 
     ],
     "previews": [
-
+      {
+        "preview_path": "primer/open_project/flex_layout/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/flex_layout/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/flex_layout/row_layout",
+        "name": "row_layout",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/flex_layout/column_layout",
+        "name": "column_layout",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/flex_layout/nested_layout",
+        "name": "nested_layout",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
     ],
     "subcomponents": [
 
     ]
   },
   {
-    "fully_qualified_name": "Primer::LayoutComponent",
-    "description": "Use `Layout` to build a main/sidebar layout.",
+    "fully_qualified_name": "Primer::OpenProject::GridLayout",
+    "description": "A layouting component used to arrange multiple components in a CSS Grid\nNote that this component only provides helpers (as the class names and grid-area styles).\nHowever, it does not define the actual Grid which should be done in a separate CSS-file.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "Layout",
-    "status": "deprecated",
+    "component": "OpenProject::GridLayout",
+    "status": "open_project",
     "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/",
+    "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": "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": "css_class",
+        "type": "String",
+        "default": "N/A",
+        "description": "The basic css class applied on the grid-container"
       },
       {
         "name": "system_arguments",
@@ -14226,89 +15183,91 @@
     ],
     "slots": [
       {
-        "name": "main",
-        "description": "The main content",
-        "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ]
-      },
-      {
-        "name": "sidebar",
-        "description": "The sidebar content",
+        "name": "areas",
+        "description": null,
         "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
+
         ]
       }
     ],
     "methods": [
+      {
+        "name": "css_class",
+        "description": "Returns the value of attribute css_class.",
+        "parameters": [
 
+        ]
+      }
     ],
     "previews": [
-
+      {
+        "preview_path": "primer/open_project/grid_layout/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/grid_layout/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
     ],
     "subcomponents": [
 
     ]
   },
   {
-    "fully_qualified_name": "Primer::Navigation::TabComponent",
-    "description": "nodoc",
+    "fully_qualified_name": "Primer::OpenProject::GridLayout::Area",
+    "description": "GridLayout::Area is an internal component that wraps the items in a div with the given new class and responding \"grid-area\"",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "Navigation::Tab",
-    "status": "deprecated",
+    "component": "OpenProject::GridLayout::Area",
+    "status": "open_project",
     "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/",
+    "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": "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": "css_class",
+        "type": "String",
+        "default": "N/A",
+        "description": "The basic css class applied on the grid-container"
       },
       {
-        "name": "panel_id",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "Only applies if `with_panel` is `true`. Unique id of panel."
+        "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": "icon_classes",
-        "type": "Boolean",
-        "default": "`\"\"`",
-        "description": "Classes that must always be applied to icons."
+        "name": "component",
+        "type": "ViewComponent::Base",
+        "default": "`Primer::BaseComponent`",
+        "description": "The instance of the component to be rendered."
       },
       {
-        "name": "wrapper_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "{{link_to_system_arguments_docs}} to be used in the `<li>` wrapper when the tab is an item in a list."
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "One of `:div` or `:span`."
       },
       {
         "name": "system_arguments",
@@ -14318,54 +15277,7 @@
       }
     ],
     "slots": [
-      {
-        "name": "panel",
-        "description": "Panel controlled by the Tab. This will not render anything in the tab itself.\nIt will provide a accessor for the Tab's parent to call and render the panel\ncontent in the appropriate place.\nRefer to `UnderlineNav` and `TabNav` implementations for examples.",
-        "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ]
-      },
-      {
-        "name": "icon",
-        "description": "Icon to be rendered in the Tab left.",
-        "parameters": [
-          {
-            "name": "kwargs",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}."
-          }
-        ]
-      },
-      {
-        "name": "text",
-        "description": "The Tab's text.",
-        "parameters": [
-          {
-            "name": "kwargs",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Text{{/link_to_component}}."
-          }
-        ]
-      },
-      {
-        "name": "counter",
-        "description": "Counter to be rendered in the Tab right.",
-        "parameters": [
-          {
-            "name": "kwargs",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}."
-          }
-        ]
-      }
+
     ],
     "methods": [