jekyll-v4-theme-primer 0.11.0 → 0.12.0

data/_sass/@primer/view-components/static/arguments.json

@@ -2,13 +2,21 @@
   {
     "component": "ActionList",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionList",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/default/",
     "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "HTML ID value."
+      },
       {
         "name": "role",
         "type": "Boolean",
-        "default": "`:list`",
+        "default": "`nil`",
         "description": "ARIA role describing the function of the list. listbox and menu are a common values."
       },
       {
@@ -21,7 +29,7 @@
         "name": "scheme",
         "type": "Symbol",
         "default": "`:full`",
-        "description": "One of `:full` or `:inset`.. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
+        "description": "One of `:full` or `:inset`. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
       },
       {
         "name": "show_dividers",
@@ -29,6 +37,18 @@
         "default": "`false`",
         "description": "Display a divider above each item in the list when it does not follow a header or divider."
       },
+      {
+        "name": "select_variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "How items may be selected in the list. One of `:multiple`, `:multiple_checkbox`, `:none`, or `:single`."
+      },
+      {
+        "name": "form_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Allows an `ActionList` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission. *NOTE*: Consider using an [ActionMenu](/components/alpha/actionmenu) instead of using this feature directly."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -40,6 +60,8 @@
   {
     "component": "ActionList::Divider",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionListDivider",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider/default/",
     "parameters": [
@@ -57,24 +79,37 @@
       }
     ]
   },
+  {
+    "component": "ActionList::FormWrapper",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionListFormWrapper",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/form_wrapper.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/form_wrapper/default/",
+    "parameters": [
+
+    ]
+  },
   {
     "component": "ActionList::Heading",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionListHeading",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/default/",
     "parameters": [
-      {
-        "name": "list_id",
-        "type": "String",
-        "default": "N/A",
-        "description": "The unique identifier of the sub list the heading belongs to. Used internally."
-      },
       {
         "name": "title",
         "type": "String",
         "default": "N/A",
         "description": "Sub list title."
       },
+      {
+        "name": "heading_level",
+        "type": "Integer",
+        "default": "`3`",
+        "description": "Heading level. Level 2 results in an `<h2>` tag, level 3 an `<h3>` tag, etc."
+      },
       {
         "name": "subtitle",
         "type": "String",
@@ -87,12 +122,6 @@
         "default": "`:subtle`",
         "description": "Display a background color if scheme is `filled`."
       },
-      {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:h3`",
-        "description": "Semantic tag for the heading."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -104,6 +133,8 @@
   {
     "component": "ActionList::Item",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionListItem",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item/default/",
     "parameters": [
@@ -122,8 +153,8 @@
       {
         "name": "label",
         "type": "String",
-        "default": "N/A",
-        "description": "Item label."
+        "default": "`nil`",
+        "description": "Item label. If no label is provided, content is used."
       },
       {
         "name": "label_classes",
@@ -131,12 +162,24 @@
         "default": "`nil`",
         "description": "CSS classes that will be added to the label."
       },
+      {
+        "name": "label_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) used to construct the label."
+      },
       {
         "name": "content_arguments",
         "type": "Hash",
         "default": "`{}`",
         "description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
       },
+      {
+        "name": "form_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Allows the item to submit a form on click. The URL passed in the `href:` option will be used as the form action. Pass the `method:` option to this hash to control what kind of request is made, One of `:delete`, `:get`, `:head`, `:patch`, `:post`, or `:put`. The `name:` option is required and specifies the desired name of the field that will be included in the params sent to the server on form submission. Specify the `value:` option to send a custom value to the server; otherwise the value of `name:` is sent."
+      },
       {
         "name": "truncate_label",
         "type": "Boolean",
@@ -152,7 +195,7 @@
       {
         "name": "role",
         "type": "String",
-        "default": "`:listitem`",
+        "default": "`nil`",
         "description": "ARIA role describing the function of the item."
       },
       {
@@ -183,7 +226,7 @@
         "name": "active",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Sets an active state on navigational items."
+        "description": "If the parent list's `select_variant` is set to `:single` or `:multiple`, causes this item to render checked."
       },
       {
         "name": "on_click",
@@ -205,9 +248,213 @@
       }
     ]
   },
+  {
+    "component": "ActionMenu",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/default/",
+    "parameters": [
+      {
+        "name": "menu_id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "Id of the menu."
+      },
+      {
+        "name": "anchor_align",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "One of `:center`, `:end`, or `:start`.."
+      },
+      {
+        "name": "anchor_side",
+        "type": "Symbol",
+        "default": "`:outside_bottom`",
+        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`.."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:auto`",
+        "description": "One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`.."
+      },
+      {
+        "name": "src",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Used with an `include-fragment` element to load menu content from the given source URL."
+      },
+      {
+        "name": "preload",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "When true, and src is present, loads the `include-fragment` on trigger hover."
+      },
+      {
+        "name": "dynamic_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to display the text of the currently selected item in the show button."
+      },
+      {
+        "name": "dynamic_label_prefix",
+        "type": "String",
+        "default": "`nil`",
+        "description": "If provided, the prefix is prepended to the dynamic label and displayed in the show button."
+      },
+      {
+        "name": "select_variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "One of `:multiple`, `:none`, or `:single`."
+      },
+      {
+        "name": "form_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Allows an `ActionMenu` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)."
+      }
+    ]
+  },
+  {
+    "component": "ActionMenu::List",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionMenuList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/list.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/list/default/",
+    "parameters": [
+      {
+        "name": "menu_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "ID of the parent menu."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [ActionList](/components/alpha/actionlist)"
+      }
+    ]
+  },
+  {
+    "component": "AutoComplete",
+    "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "AutoComplete",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/auto_complete.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/auto_complete/default/",
+    "parameters": [
+      {
+        "name": "label_text",
+        "type": "String",
+        "default": "N/A",
+        "description": "The label of the input."
+      },
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The route to query."
+      },
+      {
+        "name": "input_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Id of the input element."
+      },
+      {
+        "name": "input_name",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Optional name of the input element, defaults to `input_id` when not set."
+      },
+      {
+        "name": "list_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Id of the list element."
+      },
+      {
+        "name": "with_icon",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Controls if a search icon is visible, defaults to `false`."
+      },
+      {
+        "name": "is_label_visible",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Controls if the label is visible. If `false`, screen reader only text will be added."
+      },
+      {
+        "name": "is_clearable",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds optional clear button."
+      },
+      {
+        "name": "is_label_inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Controls if the label is inline. On smaller screens, label will always become stacked."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "AutoComplete::Item",
+    "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "AutoCompleteItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/auto_complete/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/auto_complete/item/default/",
+    "parameters": [
+      {
+        "name": "value",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value of the item."
+      },
+      {
+        "name": "selected",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the item is selected."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the item is disabled."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "Banner",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Banner",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/banner.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/banner/default/",
     "parameters": [
@@ -264,6 +511,8 @@
   {
     "component": "ButtonMarketing",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ButtonMarketing",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
     "parameters": [
@@ -300,214 +549,236 @@
     ]
   },
   {
-    "component": "Dialog",
+    "component": "CheckBox",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
+    "a11y_reviewed": false,
+    "short_name": "CheckBox",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/check_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/check_box/default/",
     "parameters": [
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
       {
         "name": "id",
         "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The id of the dialog."
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
       },
       {
-        "name": "title",
+        "name": "class",
         "type": "String",
         "default": "N/A",
-        "description": "Describes the content of the dialog."
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
       },
       {
-        "name": "subtitle",
+        "name": "classes",
+        "type": "Array",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
+      },
+      {
+        "name": "caption",
         "type": "String",
-        "default": "`nil`",
-        "description": "Provides additional context for the dialog, also setting the `aria-describedby` attribute."
+        "default": "N/A",
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
       },
       {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
       },
       {
-        "name": "position",
-        "type": "Symbol",
-        "default": "`:center`",
-        "description": "The position of the dialog. One of `:center`, `:left`, or `:right`."
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
       },
       {
-        "name": "position_narrow",
-        "type": "Symbol",
-        "default": "`:inherit`",
-        "description": "The position of the dialog when narrow. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
       },
       {
-        "name": "visually_hide_title",
+        "name": "hidden",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "If true will hide the heading title, while still making it available to Screen Readers."
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the field."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "invalid",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Dropdown",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
-    "parameters": [
-      {
-        "name": "overlay",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:dark`, `:default`, or `:none`."
+        "description": "If set to `true`, the input will be rendered with a red border. 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": "with_caret",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not a caret should be rendered in the button."
+        "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": "system_arguments",
+        "name": "label_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "HellipButton",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hellip_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hellip_button/default/",
-    "parameters": [
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
+      },
       {
-        "name": "inline",
+        "name": "scope_name_to_model",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not the button is inline."
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "scope_id_to_model",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "HiddenTextExpander",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
-    "parameters": [
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
       {
-        "name": "inline",
+        "name": "required",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not the expander is inline."
+        "default": "N/A",
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
       },
       {
-        "name": "button_arguments",
+        "name": "aria",
         "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the button element."
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Image",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
-    "parameters": [
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
+      },
       {
-        "name": "src",
+        "name": "name",
         "type": "String",
         "default": "N/A",
-        "description": "The source url of the image."
+        "description": "Value for the HTML name attribute."
       },
       {
-        "name": "alt",
+        "name": "value",
         "type": "String",
         "default": "N/A",
-        "description": "Specifies an alternate text for the image."
+        "description": "On form submission, this value will be sent to the server if the check box is checked. Defaults to \"1\"."
       },
       {
-        "name": "lazy",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to lazily load the image."
+        "name": "unchecked_value",
+        "type": "String",
+        "default": "N/A",
+        "description": "On form submission, this value will be sent to the server if the check box is _not_ checked. Defaults to \"0\"."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "scheme",
+        "type": "Symbol",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "Controls how check box values are submitted to the server. One of `:array` or `:boolean`.."
       }
     ]
   },
   {
-    "component": "ImageCrop",
+    "component": "CheckBoxGroup",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
+    "a11y_reviewed": false,
+    "short_name": "CheckBoxGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/check_box_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/check_box_group/default/",
     "parameters": [
       {
-        "name": "src",
+        "name": "name",
         "type": "String",
         "default": "N/A",
-        "description": "The path of the image to crop."
+        "description": "Value for the HTML name attribute. When provided, the check box values will be submitted in to the server in `:array` mode. See the [CheckBox](/components/alpha/checkbox) for more information."
       },
       {
-        "name": "rounded",
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "hidden",
         "type": "Boolean",
-        "default": "`true`",
-        "description": "If the crop mask should be a circle. Defaults to true."
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the group."
       },
       {
-        "name": "system_arguments",
+        "name": "caption",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
+      },
+      {
+        "name": "label_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
       }
     ]
   },
   {
-    "component": "Layout",
+    "component": "Dialog",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
+    "a11y_reviewed": true,
+    "short_name": "Dialog",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
     "parameters": [
       {
-        "name": "stacking_breakpoint",
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The id of the dialog."
+      },
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Describes the content of the dialog."
+      },
+      {
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Provides additional context for the dialog, also setting the `aria-describedby` attribute."
+      },
+      {
+        "name": "size",
         "type": "Symbol",
-        "default": "`:md`",
-        "description": "When the `Layout` should change from rows into columns. One of `:lg`, `:md`, or `:sm`."
+        "default": "`:medium`",
+        "description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
       },
       {
-        "name": "first_in_source",
+        "name": "position",
         "type": "Symbol",
-        "default": "`:sidebar`",
-        "description": "Which element to render first in the HTML. This will change the keyboard navigation order. One of `:main` or `:sidebar`."
+        "default": "`:center`",
+        "description": "The position of the dialog. One of `:center`, `:left`, or `:right`."
       },
       {
-        "name": "gutter",
+        "name": "position_narrow",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "The amount of space between the main section and the sidebar. One of `:condensed`, `:default`, `:none`, or `:spacious`."
+        "default": "`:inherit`",
+        "description": "The position of the dialog when narrow. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+      },
+      {
+        "name": "visually_hide_title",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true will hide the heading title, while still making it available to Screen Readers."
       },
       {
         "name": "system_arguments",
@@ -518,10 +789,12 @@
     ]
   },
   {
-    "component": "Menu",
+    "component": "Dialog::Body",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/menu.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/menu/default/",
+    "a11y_reviewed": true,
+    "short_name": "DialogBody",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/body.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/body/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -532,16 +805,18 @@
     ]
   },
   {
-    "component": "NavList",
+    "component": "Dialog::Footer",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
+    "a11y_reviewed": true,
+    "short_name": "DialogFooter",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/footer.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/footer/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": "show_divider",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Show a divider between the footer and body."
       },
       {
         "name": "system_arguments",
@@ -552,34 +827,36 @@
     ]
   },
   {
-    "component": "NavList::Item",
+    "component": "Dialog::Header",
     "status": "alpha",
-    "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/",
+    "a11y_reviewed": true,
+    "short_name": "DialogHeader",
+    "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": "selected_item_id",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "The ID of the currently selected list item. Used internally."
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Describes the content of the dialog."
       },
       {
-        "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": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Provides dditional context for the dialog, also setting the `aria-describedby` attribute."
       },
       {
-        "name": "expanded",
+        "name": "show_divider",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
+        "description": "Show a divider between the header and body."
       },
       {
-        "name": "sub_item",
+        "name": "visually_hide_title",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not this item is nested under a parent item. Used internally."
+        "description": "Visually hide the `title` while maintaining a label for assistive technologies."
       },
       {
         "name": "system_arguments",
@@ -590,16 +867,24 @@
     ]
   },
   {
-    "component": "NavList::Section",
+    "component": "Dropdown",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
+    "a11y_reviewed": false,
+    "short_name": "Dropdown",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
     "parameters": [
       {
-        "name": "selected_item_id",
+        "name": "overlay",
         "type": "Symbol",
-        "default": "`nil`",
-        "description": "The ID of the currently selected item. Used internally."
+        "default": "`:default`",
+        "description": "One of `:dark`, `:default`, or `:none`."
+      },
+      {
+        "name": "with_caret",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not a caret should be rendered in the button."
       },
       {
         "name": "system_arguments",
@@ -610,42 +895,30 @@
     ]
   },
   {
-    "component": "OcticonSymbols",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/octicon_symbols.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/octicon_symbols/default/",
-    "parameters": [
-      {
-        "name": "icons",
-        "type": "Array<Hash>",
-        "default": "`[]`",
-        "description": "List of icons to render, in the format { symbol: :icon_name, size: :small }"
-      }
-    ]
-  },
-  {
-    "component": "SegmentedControl",
+    "component": "Dropdown::Menu",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
+    "a11y_reviewed": false,
+    "short_name": "DropdownMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown/menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/menu/default/",
     "parameters": [
       {
-        "name": "hide_labels",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether to hide the labels and only show the icons"
+        "name": "as",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "When `as` is `:list`, wraps the menu in a `<ul>` with a `<li>` for each item."
       },
       {
-        "name": "full_width",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "If the component should be full width"
+        "name": "direction",
+        "type": "Symbol",
+        "default": "`:se`",
+        "description": "One of `:e`, `:ne`, `:s`, `:se`, `:sw`, or `:w`.."
       },
       {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
+        "name": "header",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Header to be displayed above the menu."
       },
       {
         "name": "system_arguments",
@@ -656,15 +929,1235 @@
     ]
   },
   {
-    "component": "TabContainer",
+    "component": "Dropdown::Menu::Item",
     "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_container.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_container/default/",
+    "a11y_reviewed": false,
+    "short_name": "DropdownMenuItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown/menu/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/menu/item/default/",
     "parameters": [
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
+
+    ]
+  },
+  {
+    "component": "FormButton",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "FormButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/form_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/form_button/default/",
+    "parameters": [
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
+      },
+      {
+        "name": "class",
+        "type": "String",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
+      },
+      {
+        "name": "classes",
+        "type": "Array",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "aria",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
+      }
+    ]
+  },
+  {
+    "component": "FormControl",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "FormControl",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/form_control.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/form_control/default/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "caption",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Describes the field and what sort of input it expects. Displayed below the input. Note that the `caption` slot is also available and takes precedence over this argument when provided."
+      },
+      {
+        "name": "validation_message",
+        "type": "String",
+        "default": "`nil`",
+        "description": "A string displayed in red between the caption and the input indicating the input's contents are invalid."
+      },
+      {
+        "name": "required",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "When set to `true`, the form control will take up all the horizontal space allowed by its container."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "HellipButton",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "HellipButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hellip_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hellip_button/default/",
+    "parameters": [
+      {
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the button is inline."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "HiddenTextExpander",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "HiddenTextExpander",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
+    "parameters": [
+      {
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the expander is inline."
+      },
+      {
+        "name": "button_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the button element."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Image",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Image",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The source url of the image."
+      },
+      {
+        "name": "alt",
+        "type": "String",
+        "default": "N/A",
+        "description": "Specifies an alternate text for the image."
+      },
+      {
+        "name": "lazy",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to lazily load the image."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ImageCrop",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ImageCrop",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The path of the image to crop."
+      },
+      {
+        "name": "rounded",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "If the crop mask should be a circle. Defaults to true."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Layout",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Layout",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
+    "parameters": [
+      {
+        "name": "stacking_breakpoint",
+        "type": "Symbol",
+        "default": "`:md`",
+        "description": "When the `Layout` should change from rows into columns. One of `:lg`, `:md`, or `:sm`."
+      },
+      {
+        "name": "first_in_source",
+        "type": "Symbol",
+        "default": "`:sidebar`",
+        "description": "Which element to render first in the HTML. This will change the keyboard navigation order. One of `:main` or `:sidebar`."
+      },
+      {
+        "name": "gutter",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "The amount of space between the main section and the sidebar. One of `:condensed`, `:default`, `:none`, or `:spacious`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Layout::Main",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "LayoutMain",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout/main.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/main/default/",
+    "parameters": [
+      {
+        "name": "width",
+        "type": "Symbol",
+        "default": "`:full`",
+        "description": "One of `:full`, `:lg`, `:md`, or `:xl`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Layout::Sidebar",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "LayoutSidebar",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout/sidebar.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/sidebar/default/",
+    "parameters": [
+
+    ]
+  },
+  {
+    "component": "Menu",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Menu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/menu/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "MultiInput",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "MultiInput",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/multi_input.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/multi_input/default/",
+    "parameters": [
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
+      },
+      {
+        "name": "class",
+        "type": "String",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
+      },
+      {
+        "name": "classes",
+        "type": "Array",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
+      },
+      {
+        "name": "caption",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
+      },
+      {
+        "name": "hidden",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the field."
+      },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be rendered with a red border. 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",
+        "default": "N/A",
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
+      },
+      {
+        "name": "scope_name_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "scope_id_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "required",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
+      },
+      {
+        "name": "aria",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
+      }
+    ]
+  },
+  {
+    "component": "NavList",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "NavList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::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": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Group",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "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": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Item",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "NavListItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected list item. Used internally."
+      },
+      {
+        "name": "selected_by_ids",
+        "type": "Array<Symbol>",
+        "default": "`[]`",
+        "description": "The list of IDs that select this item. In other words, if the `selected_item_id` attribute on the parent `NavList` is set to one of these IDs, the item will appear selected."
+      },
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
+      },
+      {
+        "name": "sub_item",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this item is nested under a parent item. Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Navigation::Tab",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "NavigationTab",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/navigation/tab.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/navigation/tab/default/",
+    "parameters": [
+      {
+        "name": "list",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab is an item in a `<ul>` list."
+      },
+      {
+        "name": "selected",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab is selected or not."
+      },
+      {
+        "name": "with_panel",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab has an associated panel."
+      },
+      {
+        "name": "panel_id",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Only applies if `with_panel` is `true`. Unique id of panel."
+      },
+      {
+        "name": "icon_classes",
+        "type": "Boolean",
+        "default": "`\"\"`",
+        "description": "Classes that must always be applied to icons."
+      },
+      {
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) to be used in the `<li>` wrapper when the tab is an item in a list."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OcticonSymbols",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OcticonSymbols",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/octicon_symbols.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/octicon_symbols/default/",
+    "parameters": [
+      {
+        "name": "icons",
+        "type": "Array<Hash>",
+        "default": "`[]`",
+        "description": "List of icons to render, in the format { symbol: :icon_name, size: :small }"
+      }
+    ]
+  },
+  {
+    "component": "Overlay",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Overlay",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/default/",
+    "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The id of the Overlay."
+      },
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Describes the content of the Overlay."
+      },
+      {
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Provides dditional context for the Overlay, also setting the `aria-describedby` attribute."
+      },
+      {
+        "name": "popover",
+        "type": "Symbol",
+        "default": "`:auto`",
+        "description": "The popover behaviour. One of `:auto` or `:manual`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:auto`",
+        "description": "The size of the Overlay. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
+      },
+      {
+        "name": "padding",
+        "type": "Symbol",
+        "default": "`:normal`",
+        "description": "The padding given to the Overlay body. One of `:condensed`, `:none`, or `:normal`."
+      },
+      {
+        "name": "anchor",
+        "type": "String",
+        "default": "`nil`",
+        "description": "An ID of the element to anchor onto. Defaults to the `show_button`."
+      },
+      {
+        "name": "anchor_align",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "The anchor alignment of the Overlay. One of `:center`, `:end`, or `:start`."
+      },
+      {
+        "name": "anchor_side",
+        "type": "Symbol",
+        "default": "`:outside_bottom`",
+        "description": "The side to anchor the Overlay to. One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
+      },
+      {
+        "name": "anchor_offset",
+        "type": "Symbol",
+        "default": "`:normal`",
+        "description": "The anchor offset to give the Overlay. One of `:normal` or `:spacious`."
+      },
+      {
+        "name": "allow_out_of_bounds",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Allow the Overlay to overflow its container."
+      },
+      {
+        "name": "visually_hide_title",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true will hide the heading title, while still making it available to Screen Readers."
+      },
+      {
+        "name": "role",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The ARIA role. One of `nil`, `:dialog`, or `:menu`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Overlay::Body",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OverlayBody",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/body.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/body/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Overlay::Footer",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OverlayFooter",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/footer.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/footer/default/",
+    "parameters": [
+      {
+        "name": "show_divider",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Show a divider between the footer and body."
+      },
+      {
+        "name": "align_content",
+        "type": "Symbol",
+        "default": "`DEFAULT_ALIGN_CONTENT`",
+        "description": "The alginment of contents. One of `:center`, `:end`, or `:start`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Overlay::Header",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OverlayHeader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/header/default/",
+    "parameters": [
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Describes the content of the Overlay."
+      },
+      {
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Provides dditional context for the Overlay, also setting the `aria-describedby` attribute."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "The size of the Header. One of `:large` or `:medium`."
+      },
+      {
+        "name": "divider",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Show a divider between the header and body."
+      },
+      {
+        "name": "visually_hide_title",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Visually hide the `title` while maintaining a label for assistive technologies."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "RadioButton",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "RadioButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/radio_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/radio_button/default/",
+    "parameters": [
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
+      },
+      {
+        "name": "class",
+        "type": "String",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
+      },
+      {
+        "name": "classes",
+        "type": "Array",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
+      },
+      {
+        "name": "caption",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
+      },
+      {
+        "name": "hidden",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the field."
+      },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be rendered with a red border. 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",
+        "default": "N/A",
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
+      },
+      {
+        "name": "scope_name_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "scope_id_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "required",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
+      },
+      {
+        "name": "aria",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
+      }
+    ]
+  },
+  {
+    "component": "RadioButtonGroup",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "RadioButtonGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/radio_button_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/radio_button_group/default/",
+    "parameters": [
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "hidden",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the group."
+      },
+      {
+        "name": "caption",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
+      },
+      {
+        "name": "label_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
+      }
+    ]
+  },
+  {
+    "component": "SegmentedControl",
+    "status": "alpha",
+    "a11y_reviewed": true,
+    "short_name": "SegmentedControl",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
+    "parameters": [
+      {
+        "name": "hide_labels",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the labels and only show the icons"
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If the component should be full width"
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "SegmentedControl::Item",
+    "status": "alpha",
+    "a11y_reviewed": true,
+    "short_name": "SegmentedControlItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/item/default/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The label to use"
+      },
+      {
+        "name": "selected",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the item is selected"
+      },
+      {
+        "name": "icon",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The icon to use"
+      },
+      {
+        "name": "hide_labels",
+        "type": "Symbol",
+        "default": "`false`",
+        "description": "Whether to only show the icon"
+      }
+    ]
+  },
+  {
+    "component": "Select",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Select",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/select.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/select/default/",
+    "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
+      },
+      {
+        "name": "class",
+        "type": "String",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
+      },
+      {
+        "name": "classes",
+        "type": "Array",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
+      },
+      {
+        "name": "caption",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
+      },
+      {
+        "name": "hidden",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the field."
+      },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be rendered with a red border. 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",
+        "default": "N/A",
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
+      },
+      {
+        "name": "scope_name_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "scope_id_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "required",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
+      },
+      {
+        "name": "aria",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
+      },
+      {
+        "name": "multiple",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to true, the selection will allow multiple choices."
+      },
+      {
+        "name": "include_blank",
+        "type": "Boolean, String",
+        "default": "N/A",
+        "description": "If set to true, an empty option will be created. If set to a string, the string will be used as the option's content and the value will be empty."
+      },
+      {
+        "name": "prompt",
+        "type": "String",
+        "default": "N/A",
+        "description": "Create a prompt option with blank value and the text asking user to select something."
+      }
+    ]
+  },
+  {
+    "component": "SubmitButton",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "SubmitButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/submit_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/submit_button/default/",
+    "parameters": [
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
+      },
+      {
+        "name": "class",
+        "type": "String",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
+      },
+      {
+        "name": "classes",
+        "type": "Array",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "aria",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
+      }
+    ]
+  },
+  {
+    "component": "TabContainer",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TabContainer",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_container.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_container/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
         "description": "[System arguments](/system-arguments)"
       }
     ]
@@ -672,6 +2165,8 @@
   {
     "component": "TabNav",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TabNav",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
     "parameters": [
@@ -704,6 +2199,8 @@
   {
     "component": "TabPanels",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TabPanels",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
     "parameters": [
@@ -728,23 +2225,161 @@
       {
         "name": "wrapper_arguments",
         "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TextArea",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TextArea",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_area.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_area/default/",
+    "parameters": [
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the field will take up all the horizontal space allowed by its container."
+      },
+      {
+        "name": "name",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML name attribute."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value for the HTML id attribute."
+      },
+      {
+        "name": "class",
+        "type": "String",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
+      },
+      {
+        "name": "classes",
+        "type": "Array",
+        "default": "N/A",
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
+      },
+      {
+        "name": "caption",
+        "type": "String",
+        "default": "N/A",
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
+      },
+      {
+        "name": "hidden",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the field."
+      },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be rendered with a red border. 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",
+        "default": "N/A",
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
+      },
+      {
+        "name": "scope_name_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "scope_id_to_model",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
+      },
+      {
+        "name": "required",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
+      },
+      {
+        "name": "aria",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
       }
     ]
   },
   {
     "component": "TextField",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "TextField",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
     "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the field will take up all the horizontal space allowed by its container."
+      },
       {
         "name": "name",
         "type": "String",
@@ -761,19 +2396,19 @@
         "name": "class",
         "type": "String",
         "default": "N/A",
-        "description": "A list of CSS classes to add to the input. Exists for compatibility with Rails form builders."
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
       },
       {
         "name": "classes",
-        "type": "String",
+        "type": "Array",
         "default": "N/A",
-        "description": "A list of CSS classes to add to the input. Combined with the `:class` argument."
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
       },
       {
         "name": "caption",
         "type": "String",
         "default": "N/A",
-        "description": "Caption text to render below the input."
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
       },
       {
         "name": "label",
@@ -785,43 +2420,73 @@
         "name": "visually_hide_label",
         "type": "Boolean",
         "default": "N/A",
-        "description": "Whether or not to visually hide the label. If `true` the label will be hidden visually but still available to screen readers."
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
       },
       {
-        "name": "size",
-        "type": "Symbol",
+        "name": "disabled",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
       },
       {
-        "name": "show_clear_button",
+        "name": "hidden",
         "type": "Boolean",
         "default": "N/A",
-        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
+        "description": "When set to `true`, visually hides the field."
       },
       {
-        "name": "clear_button_id",
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be rendered with a red border. 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": "The HTML id attribute of the clear button."
+        "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": "full_width",
+        "name": "label_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
+      },
+      {
+        "name": "scope_name_to_model",
         "type": "Boolean",
         "default": "N/A",
-        "description": "Controls whether or not the input takes the full width of its container."
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
       },
       {
-        "name": "disabled",
+        "name": "scope_id_to_model",
         "type": "Boolean",
         "default": "N/A",
-        "description": "Whether or not the input should accept keyboard and mouse input."
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
       },
       {
-        "name": "invalid",
+        "name": "required",
         "type": "Boolean",
         "default": "N/A",
-        "description": "If `true`, renders the input in a visually invalid state."
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
+      },
+      {
+        "name": "aria",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
+      },
+      {
+        "name": "data",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
       },
       {
         "name": "placeholder",
@@ -842,40 +2507,36 @@
         "description": "If `true`, uses a monospace font for the input field."
       },
       {
-        "name": "leading_visual",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Primer's [Octicon component](https://primer.style/view-components/components/octicon)."
-      },
-      {
-        "name": "validation_message",
+        "name": "auto_check_src",
         "type": "String",
         "default": "N/A",
-        "description": "A validation message to display beneath the input. Implicitly sets `invalid` to `true`."
+        "description": "When provided, makes a request to the given URL whenever the contents of the text field changes. If the server responds with a non-2xx status code, the response body is used as the validation message."
       },
       {
-        "name": "label_arguments",
+        "name": "leading_visual",
         "type": "Hash",
         "default": "N/A",
-        "description": "System arugments passed to the Rails builder's `#label` method. These arguments will appear as HTML attributes on the `<label>` tag."
+        "description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Primer's [Octicon](/components/beta/octicon) component."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "show_clear_button",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
       },
       {
-        "name": "block",
-        "type": "Proc",
+        "name": "clear_button_id",
+        "type": "String",
         "default": "N/A",
-        "description": "Unused."
+        "description": "The HTML id attribute of the clear button."
       }
     ]
   },
   {
     "component": "ToggleSwitch",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ToggleSwitch",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
     "parameters": [
@@ -926,6 +2587,8 @@
   {
     "component": "Tooltip",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Tooltip",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
     "parameters": [
@@ -964,6 +2627,8 @@
   {
     "component": "UnderlineNav",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "UnderlineNav",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
     "parameters": [
@@ -1002,6 +2667,8 @@
   {
     "component": "UnderlinePanels",
     "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "UnderlinePanels",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
     "parameters": [
@@ -1037,9 +2704,22 @@
       }
     ]
   },
+  {
+    "component": "Base",
+    "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Base",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/base_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/base/default/",
+    "parameters": [
+
+    ]
+  },
   {
     "component": "AutoComplete",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "AutoComplete",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
     "parameters": [
@@ -1103,6 +2783,12 @@
         "default": "`false`",
         "description": "Input can be full-width or fit to content"
       },
+      {
+        "name": "width",
+        "type": "String",
+        "default": "`:auto`",
+        "description": "Optional parameter to set max width of results list. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, or `:xxlarge`."
+      },
       {
         "name": "disabled",
         "type": "Boolean",
@@ -1138,6 +2824,8 @@
   {
     "component": "AutoComplete::Item",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "AutoCompleteItem",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
     "parameters": [
@@ -1182,6 +2870,8 @@
   {
     "component": "Avatar",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Avatar",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
     "parameters": [
@@ -1226,6 +2916,8 @@
   {
     "component": "AvatarStack",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "AvatarStack",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
     "parameters": [
@@ -1264,6 +2956,8 @@
   {
     "component": "BaseButton",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "BaseButton",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
     "parameters": [
@@ -1296,6 +2990,8 @@
   {
     "component": "Blankslate",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Blankslate",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
     "parameters": [
@@ -1328,6 +3024,8 @@
   {
     "component": "BorderBox",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "BorderBox",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
     "parameters": [
@@ -1348,6 +3046,8 @@
   {
     "component": "BorderBox::Header",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "BorderBoxHeader",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
     "parameters": [
@@ -1362,6 +3062,8 @@
   {
     "component": "Breadcrumbs",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Breadcrumbs",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
     "parameters": [
@@ -1373,9 +3075,22 @@
       }
     ]
   },
+  {
+    "component": "Breadcrumbs::Item",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "BreadcrumbsItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/item/default/",
+    "parameters": [
+
+    ]
+  },
   {
     "component": "Button",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Button",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
     "parameters": [
@@ -1426,6 +3141,8 @@
   {
     "component": "ButtonGroup",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "ButtonGroup",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
     "parameters": [
@@ -1452,6 +3169,8 @@
   {
     "component": "ClipboardCopy",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "ClipboardCopy",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
     "parameters": [
@@ -1484,6 +3203,8 @@
   {
     "component": "CloseButton",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "CloseButton",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
     "parameters": [
@@ -1504,6 +3225,8 @@
   {
     "component": "Counter",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Counter",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
     "parameters": [
@@ -1554,6 +3277,8 @@
   {
     "component": "Details",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Details",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
     "parameters": [
@@ -1580,6 +3305,8 @@
   {
     "component": "Flash",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Flash",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
     "parameters": [
@@ -1624,6 +3351,8 @@
   {
     "component": "Heading",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Heading",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
     "parameters": [
@@ -1644,6 +3373,8 @@
   {
     "component": "IconButton",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "IconButton",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
     "parameters": [
@@ -1718,6 +3449,8 @@
   {
     "component": "Label",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Label",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
     "parameters": [
@@ -1762,6 +3495,8 @@
   {
     "component": "Link",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Link",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
     "parameters": [
@@ -1806,6 +3541,8 @@
   {
     "component": "Markdown",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Markdown",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
     "parameters": [
@@ -1826,6 +3563,8 @@
   {
     "component": "Octicon",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Octicon",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
     "parameters": [
@@ -1864,6 +3603,8 @@
   {
     "component": "Popover",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Popover",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
     "parameters": [
@@ -1878,6 +3619,8 @@
   {
     "component": "ProgressBar",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "ProgressBar",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
     "parameters": [
@@ -1898,6 +3641,8 @@
   {
     "component": "RelativeTime",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "RelativeTime",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
     "parameters": [
@@ -2014,6 +3759,8 @@
   {
     "component": "Spinner",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Spinner",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/spinner.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/spinner/default/",
     "parameters": [
@@ -2040,6 +3787,8 @@
   {
     "component": "State",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "State",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/state.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/state/default/",
     "parameters": [
@@ -2078,6 +3827,8 @@
   {
     "component": "Subhead",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Subhead",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/subhead.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/subhead/default/",
     "parameters": [
@@ -2104,6 +3855,8 @@
   {
     "component": "Text",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Text",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
     "parameters": [
@@ -2124,6 +3877,8 @@
   {
     "component": "TimelineItem",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "TimelineItem",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/timeline_item.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item/default/",
     "parameters": [
@@ -2141,9 +3896,22 @@
       }
     ]
   },
+  {
+    "component": "TimelineItem::Badge",
+    "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "TimelineItemBadge",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/timeline_item/badge.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item/badge/default/",
+    "parameters": [
+
+    ]
+  },
   {
     "component": "Truncate",
     "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "Truncate",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
     "parameters": [
@@ -2155,9 +3923,128 @@
       }
     ]
   },
+  {
+    "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": [
+
+    ]
+  },
+  {
+    "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": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "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": [
@@ -2172,6 +4059,8 @@
   {
     "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": [
@@ -2231,9 +4120,33 @@
       }
     ]
   },
+  {
+    "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": [
+
+    ]
+  },
+  {
+    "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": [
+
+    ]
+  },
   {
     "component": "IconButton",
     "status": "deprecated",
+    "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/",
     "parameters": [
@@ -2295,7 +4208,9 @@
   },
   {
     "component": "Layout",
-    "status": "alpha",
+    "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "Layout",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
     "parameters": [
@@ -2325,83 +4240,11 @@
       }
     ]
   },
-  {
-    "component": "LocalTime",
-    "status": "deprecated",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time/default/",
-    "parameters": [
-      {
-        "name": "datetime",
-        "type": "DateTime",
-        "default": "N/A",
-        "description": "The date to parse"
-      },
-      {
-        "name": "initial_text",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Text to render before component is initialized"
-      },
-      {
-        "name": "weekday",
-        "type": "Symbol",
-        "default": "`:short`",
-        "description": "One of `:long` or `:short`."
-      },
-      {
-        "name": "year",
-        "type": "Symbol",
-        "default": "`:numeric`",
-        "description": "One of `:2-digit` or `:numeric`."
-      },
-      {
-        "name": "month",
-        "type": "Symbol",
-        "default": "`:short`",
-        "description": "One of `:long` or `:short`."
-      },
-      {
-        "name": "day",
-        "type": "Symbol",
-        "default": "`:numeric`",
-        "description": "One of `:2-digit` or `:numeric`."
-      },
-      {
-        "name": "hour",
-        "type": "Symbol",
-        "default": "`:numeric`",
-        "description": "One of `:2-digit` or `:numeric`."
-      },
-      {
-        "name": "minute",
-        "type": "Symbol",
-        "default": "`:numeric`",
-        "description": "One of `:2-digit` or `:numeric`."
-      },
-      {
-        "name": "second",
-        "type": "Symbol",
-        "default": "`:numeric`",
-        "description": "One of `:2-digit` or `:numeric`."
-      },
-      {
-        "name": "time_zone_name",
-        "type": "Symbol",
-        "default": "`:short`",
-        "description": "One of `:long` or `:short`."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "Navigation::Tab",
-    "status": "alpha",
+    "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "NavigationTab",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
     "parameters": [
@@ -2449,35 +4292,11 @@
       }
     ]
   },
-  {
-    "component": "TimeAgo",
-    "status": "deprecated",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago/default/",
-    "parameters": [
-      {
-        "name": "time",
-        "type": "Time",
-        "default": "N/A",
-        "description": "The time to be formatted"
-      },
-      {
-        "name": "micro",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "If true then the text will be formatted in \"micro\" mode, using as few characters as possible"
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "Tooltip",
     "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "Tooltip",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tooltip.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
     "parameters": [
@@ -2521,7 +4340,9 @@
   },
   {
     "component": "Truncate",
-    "status": "beta",
+    "status": "deprecated",
+    "a11y_reviewed": false,
+    "short_name": "Truncate",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/truncate.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
     "parameters": [