primer_view_components 0.0.121 → 0.0.122

data/static/arguments.json

@@ -1,201 +1,111 @@
 [
   {
-    "component": "ActionList",
-    "status": "alpha",
-    "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": "role",
-        "type": "Boolean",
-        "default": "`:list`",
-        "description": "ARIA role describing the function of the list. listbox and menu are a common values."
-      },
-      {
-        "name": "item_classes",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Additional CSS classes to attach to items."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:full`",
-        "description": "One of `:full` or `:inset`.. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
-      },
-      {
-        "name": "show_dividers",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Display a divider above each item in the list when it does not follow a header or divider."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "ActionList::Divider",
-    "status": "alpha",
-    "source": "https://github.com/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": [
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:subtle`",
-        "description": "Display a background color if scheme is `filled`."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "ActionList::Heading",
-    "status": "alpha",
-    "source": "https://github.com/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/",
+    "component": "RelativeTime",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
     "parameters": [
       {
-        "name": "list_id",
-        "type": "String",
+        "name": "datetime",
+        "type": "Time",
         "default": "N/A",
-        "description": "The unique identifier of the sub list the heading belongs to. Used internally."
+        "description": "The time to be formatted."
       },
       {
-        "name": "title",
-        "type": "String",
-        "default": "N/A",
-        "description": "Sub list title."
+        "name": "tense",
+        "type": "Symbol",
+        "default": "`:auto`",
+        "description": "Which tense to use. One of `:auto`, `:future`, or `:past`."
       },
       {
-        "name": "subtitle",
-        "type": "String",
+        "name": "prefix",
+        "type": "sring",
         "default": "`nil`",
-        "description": "Optional sub list description."
+        "description": "What to prefix the relative ime display with."
       },
       {
-        "name": "scheme",
+        "name": "second",
         "type": "Symbol",
-        "default": "`:subtle`",
-        "description": "Display a background color if scheme is `filled`."
+        "default": "`SECOND_DEFAULT`",
+        "description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
       },
       {
-        "name": "tag",
+        "name": "minute",
         "type": "Symbol",
-        "default": "`:h3`",
-        "description": "Semantic tag for the heading."
+        "default": "`MINUTE_DEFAULT`",
+        "description": "What format minues should take. One of `nil`, `:numeric`, or `:two_digit`."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "ActionList::Item",
-    "status": "alpha",
-    "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": [
-      {
-        "name": "list",
-        "type": "Primer::Alpha::ActionList",
-        "default": "N/A",
-        "description": "The list that contains this item. Used internally."
+        "name": "hour",
+        "type": "Symbol",
+        "default": "`HOUR_DEFAULT`",
+        "description": "What format hours should take. One of `nil`, `:numeric`, or `:two_digit`."
       },
       {
-        "name": "parent",
-        "type": "Primer::Alpha::ActionList::Item",
-        "default": "`nil`",
-        "description": "This item's parent item. `nil` if this item is at the root. Used internally."
+        "name": "weekday",
+        "type": "Symbol",
+        "default": "`WEEKDAY_DEFAULT`",
+        "description": "What format weekdays should take. One of `nil`, `:long`, `:narrow`, or `:short`."
       },
       {
-        "name": "label",
-        "type": "String",
-        "default": "N/A",
-        "description": "Item label."
+        "name": "day",
+        "type": "Symbol",
+        "default": "`DAY_DEFAULT`",
+        "description": "What format days should take. One of `nil`, `:numeric`, or `:two_digit`."
       },
       {
-        "name": "label_classes",
-        "type": "String",
-        "default": "`nil`",
-        "description": "CSS classes that will be added to the label."
+        "name": "month",
+        "type": "Symbol",
+        "default": "`MONTH_DEFAULT`",
+        "description": "What format months should take. One of `nil`, `:long`, `:narrow`, `:numeric`, `:short`, or `:two_digit`."
       },
       {
-        "name": "content_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
+        "name": "year",
+        "type": "Symbol",
+        "default": "`YEAR_DEFAULT`",
+        "description": "What format years should take. One of `nil`, `:numeric`, or `:two_digit`."
       },
       {
-        "name": "truncate_label",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Truncate label with ellipsis."
+        "name": "time_zone_name",
+        "type": "Symbol",
+        "default": "`TIMEZONENAME_DEFAULT`",
+        "description": "What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`."
       },
       {
-        "name": "href",
-        "type": "String",
+        "name": "threshold",
+        "type": "string",
         "default": "`nil`",
-        "description": "Link URL."
-      },
-      {
-        "name": "role",
-        "type": "String",
-        "default": "`:listitem`",
-        "description": "ARIA role describing the function of the item."
+        "description": "The threshold, in ISO-8601 'durations' format, at which relative time displays become absolute."
       },
       {
-        "name": "size",
+        "name": "precision",
         "type": "Symbol",
-        "default": "`:medium`",
-        "description": "Controls block sizing of the item."
+        "default": "`PRECISION_DEFAULT`",
+        "description": "The precision elapsed time should display. One of `nil`, `:day`, `:hour`, `:minute`, `:month`, `:second`, or `:year`."
       },
       {
-        "name": "scheme",
+        "name": "format",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "Controls color/style based on behavior."
-      },
-      {
-        "name": "disabled",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Disabled items are not clickable and visually dim."
+        "default": "`nil`",
+        "description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
       },
       {
-        "name": "description_scheme",
+        "name": "format_style",
         "type": "Symbol",
-        "default": "`:block`",
-        "description": "Display description inline with label, or block on the next line."
-      },
-      {
-        "name": "active",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Sets an active state on navigational items."
+        "default": "`nil`",
+        "description": "The format the display should take. One of `nil`, `:long`, `:narrow`, or `:short`."
       },
       {
-        "name": "on_click",
-        "type": "String",
+        "name": "lang",
+        "type": "string",
         "default": "`nil`",
-        "description": "JavaScript to execute when the item is clicked."
+        "description": "The language to use."
       },
       {
-        "name": "id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "Used internally."
+        "name": "title",
+        "type": "string",
+        "default": "`nil`",
+        "description": "Provide a custom title to the element."
       },
       {
         "name": "system_arguments",
@@ -206,90 +116,70 @@
     ]
   },
   {
-    "component": "Banner",
-    "status": "alpha",
-    "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/",
+    "component": "IconButton",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
     "parameters": [
       {
-        "name": "full",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the component should take up the full width of the screen."
-      },
-      {
-        "name": "full_when_narrow",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
-      },
-      {
-        "name": "dismissible",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the component can be dismissed with an \"x\" button."
-      },
-      {
-        "name": "description",
+        "name": "icon",
         "type": "String",
-        "default": "`nil`",
-        "description": "Description text rendered underneath the message."
+        "default": "N/A",
+        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
       },
       {
-        "name": "icon",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Optional keyword arguments to be passed to the wrapper `<div>` tag."
       },
       {
         "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
+        "description": "One of `:danger`, `:default`, or `:invisible`."
       },
       {
-        "name": "reappear",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "tag",
+        "type": "Symbol",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "ButtonMarketing",
-    "status": "alpha",
-    "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": [
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
       {
-        "name": "scheme",
+        "name": "type",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default`, `:outline`, `:primary`, or `:transparent`."
+        "default": "N/A",
+        "description": "One of `:button`, `:reset`, or `:submit`."
       },
       {
-        "name": "variant",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default` or `:large`."
+        "name": "aria-label",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
       },
       {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a` or `:button`."
+        "name": "aria-description",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
       },
       {
-        "name": "type",
+        "name": "show_tooltip",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not to show a tooltip when this button is hovered. Tooltips should only be hidden if the aria label is redundant, i.e. if the icon has a widely understood definition."
+      },
+      {
+        "name": "tooltip_direction",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button` or `:submit`."
+        "default": "`:s`",
+        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
       },
       {
         "name": "system_arguments",
@@ -300,52 +190,46 @@
     ]
   },
   {
-    "component": "Dialog",
-    "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/",
+    "component": "Button",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
     "parameters": [
       {
-        "name": "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": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",
         "type": "Symbol",
         "default": "`:medium`",
-        "description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
+        "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
-        "name": "position",
+        "name": "block",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
+      },
+      {
+        "name": "align_content",
         "type": "Symbol",
         "default": "`:center`",
-        "description": "The position of the dialog. One of `:center`, `:left`, or `:right`."
+        "description": "One of `:center` or `:start`."
       },
       {
-        "name": "position_narrow",
+        "name": "tag",
         "type": "Symbol",
-        "default": "`:inherit`",
-        "description": "The position of the dialog when narrow. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, or `:summary`."
       },
       {
-        "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": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
       },
       {
         "name": "system_arguments",
@@ -356,22 +240,28 @@
     ]
   },
   {
-    "component": "Dropdown",
+    "component": "SegmentedControl",
     "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/",
+    "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": "overlay",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:dark`, `:default`, or `:none`."
+        "name": "hide_labels",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the labels and only show the icons"
       },
       {
-        "name": "with_caret",
+        "name": "full_width",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not a caret should be rendered in the button."
+        "description": "If the component should be full width"
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
         "name": "system_arguments",
@@ -382,16 +272,28 @@
     ]
   },
   {
-    "component": "HellipButton",
+    "component": "Layout",
     "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/",
+    "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": "inline",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not the button is inline."
+        "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",
@@ -402,22 +304,16 @@
     ]
   },
   {
-    "component": "HiddenTextExpander",
+    "component": "HellipButton",
     "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/",
+    "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 expander is inline."
-      },
-      {
-        "name": "button_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the button element."
+        "description": "Whether or not the button is inline."
       },
       {
         "name": "system_arguments",
@@ -459,6 +355,20 @@
       }
     ]
   },
+  {
+    "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": "ImageCrop",
     "status": "alpha",
@@ -486,43 +396,59 @@
     ]
   },
   {
-    "component": "Layout",
-    "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/",
+    "component": "IconButton",
+    "status": "deprecated",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
     "parameters": [
       {
-        "name": "stacking_breakpoint",
+        "name": "scheme",
         "type": "Symbol",
-        "default": "`:md`",
-        "description": "When the `Layout` should change from rows into columns. One of `:lg`, `:md`, or `:sm`."
+        "default": "`:default`",
+        "description": "One of `:danger` or `:default`."
       },
       {
-        "name": "first_in_source",
+        "name": "icon",
+        "type": "String",
+        "default": "N/A",
+        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+      },
+      {
+        "name": "tag",
         "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": "N/A",
+        "description": "One of `:a`, `:button`, or `:summary`."
       },
       {
-        "name": "gutter",
+        "name": "type",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "The amount of space between the main section and the sidebar. One of `:condensed`, `:default`, `:none`, or `:spacious`."
+        "default": "N/A",
+        "description": "One of `:button`, `:reset`, or `:submit`."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "aria-label",
+        "type": "String",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Menu",
-    "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/",
-    "parameters": [
+        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
+      },
+      {
+        "name": "aria-description",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
+      },
+      {
+        "name": "tooltip_direction",
+        "type": "Symbol",
+        "default": "`:s`",
+        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+      },
+      {
+        "name": "box",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the button is in a [BorderBox](/components/beta/borderbox). If `true`, the button will have the `Box-btn-octicon` class."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -532,74 +458,138 @@
     ]
   },
   {
-    "component": "NavList",
-    "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/",
+    "component": "AutoComplete",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
     "parameters": [
       {
-        "name": "selected_item_id",
-        "type": "Symbol",
+        "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": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
+        "description": "Optional name of the input element, defaults to `input_id` when not set."
+      },
+      {
+        "name": "list_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "Id of the list element."
+      },
+      {
+        "name": "visually_hide_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Controls if the label is visible. If `true`, screen reader only text will be added."
+      },
+      {
+        "name": "show_clear_button",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds optional clear button."
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
         "description": "[System arguments](/system-arguments)"
+      },
+      {
+        "name": "size",
+        "type": "Hash",
+        "default": "`:medium`",
+        "description": "Input size can be small, medium (default), or large"
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Input can be full-width or fit to content"
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Disabled input"
+      },
+      {
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Invalid input"
+      },
+      {
+        "name": "placeholder",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The placeholder text displayed within the input"
+      },
+      {
+        "name": "inset",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "subtle input background color"
+      },
+      {
+        "name": "monospace",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "monospace input font family"
       }
     ]
   },
   {
-    "component": "NavList::Item",
-    "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/",
+    "component": "AutoComplete::Item",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
     "parameters": [
       {
-        "name": "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": "value",
+        "type": "String",
+        "default": "N/A",
+        "description": "Value of the item."
       },
       {
-        "name": "expanded",
+        "name": "selected",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
+        "description": "Whether the item is selected."
       },
       {
-        "name": "sub_item",
+        "name": "disabled",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not this item is nested under a parent item. Used internally."
+        "description": "Whether the item is disabled."
       },
       {
-        "name": "system_arguments",
+        "name": "description_variant",
         "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "NavList::Section",
-    "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/",
-    "parameters": [
+        "default": "`:block`",
+        "description": "Changes the description style. Allowed values are :inline, :block"
+      },
       {
-        "name": "selected_item_id",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "The ID of the currently selected item. Used internally."
+        "name": "description",
+        "type": "String",
+        "default": "N/A",
+        "description": "Display description text below label"
       },
       {
         "name": "system_arguments",
@@ -610,57 +600,41 @@
     ]
   },
   {
-    "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",
-    "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/",
+    "component": "Avatar",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
     "parameters": [
       {
-        "name": "hide_labels",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether to hide the labels and only show the icons"
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The source url of the avatar image."
       },
       {
-        "name": "full_width",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "If the component should be full width"
+        "name": "alt",
+        "type": "String",
+        "default": "N/A",
+        "description": "Passed through to alt on img tag."
       },
       {
         "name": "size",
+        "type": "Integer",
+        "default": "`20`",
+        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, or `80`."
+      },
+      {
+        "name": "shape",
         "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
+        "default": "`:circle`",
+        "description": "Shape of the avatar. One of `:circle` or `:square`."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "TabContainer",
-    "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/",
-    "parameters": [
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -670,28 +644,34 @@
     ]
   },
   {
-    "component": "TabNav",
-    "status": "alpha",
-    "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/",
+    "component": "AvatarStack",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
     "parameters": [
       {
         "name": "tag",
         "type": "Symbol",
-        "default": "`:nav`",
-        "description": "One of `:div` or `:nav`."
+        "default": "`:div`",
+        "description": "One of `:div` or `:span`."
       },
       {
-        "name": "label",
-        "type": "String",
-        "default": "N/A",
-        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:left`",
+        "description": "One of `:left` or `:right`."
+      },
+      {
+        "name": "tooltipped",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add a tooltip to the stack or not."
       },
       {
         "name": "body_arguments",
         "type": "Hash",
         "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the body wrapper."
+        "description": "Parameters to add to the Body. If `tooltipped` is set, has the same arguments as [Tooltip](/components/tooltip). The default tag is `:div` but can be changed using `tag:` to one of `:div` or `:span`."
       },
       {
         "name": "system_arguments",
@@ -702,34 +682,28 @@
     ]
   },
   {
-    "component": "TabPanels",
-    "status": "alpha",
-    "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/",
+    "component": "BaseButton",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
     "parameters": [
       {
-        "name": "label",
-        "type": "String",
-        "default": "N/A",
-        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
-      },
-      {
-        "name": "align",
+        "name": "tag",
         "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:left` or `:right`. - Defaults to left"
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, or `:summary`."
       },
       {
-        "name": "body_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the body wrapper."
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
       },
       {
-        "name": "wrapper_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+        "name": "block",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
       },
       {
         "name": "system_arguments",
@@ -740,186 +714,234 @@
     ]
   },
   {
-    "component": "TextField",
+    "component": "Banner",
     "status": "alpha",
-    "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/",
+    "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": [
       {
-        "name": "name",
-        "type": "String",
-        "default": "N/A",
-        "description": "Value for the HTML name attribute."
-      },
-      {
-        "name": "id",
-        "type": "String",
-        "default": "N/A",
-        "description": "Value for the HTML id attribute."
-      },
-      {
-        "name": "class",
-        "type": "String",
-        "default": "N/A",
-        "description": "A list of CSS classes to add to the input. Exists for compatibility with Rails form builders."
+        "name": "full",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen."
       },
       {
-        "name": "classes",
-        "type": "String",
-        "default": "N/A",
-        "description": "A list of CSS classes to add to the input. Combined with the `:class` argument."
+        "name": "full_when_narrow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
       },
       {
-        "name": "caption",
-        "type": "String",
-        "default": "N/A",
-        "description": "Caption text to render below the input."
+        "name": "dismissible",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component can be dismissed with an \"x\" button."
       },
       {
-        "name": "label",
+        "name": "description",
         "type": "String",
-        "default": "N/A",
-        "description": "Label text displayed above the input."
-      },
-      {
-        "name": "visually_hide_label",
-        "type": "Boolean",
-        "default": "N/A",
-        "description": "Whether or not to visually hide the label. If `true` the label will be hidden visually but still available to screen readers."
+        "default": "`nil`",
+        "description": "Description text rendered underneath the message."
       },
       {
-        "name": "size",
+        "name": "icon",
         "type": "Symbol",
-        "default": "N/A",
-        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
-      },
-      {
-        "name": "show_clear_button",
-        "type": "Boolean",
-        "default": "N/A",
-        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
-      },
-      {
-        "name": "clear_button_id",
-        "type": "String",
-        "default": "N/A",
-        "description": "The HTML id attribute of the clear button."
+        "default": "`nil`",
+        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
       },
       {
-        "name": "full_width",
-        "type": "Boolean",
-        "default": "N/A",
-        "description": "Controls whether or not the input takes the full width of its container."
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
       },
       {
-        "name": "disabled",
+        "name": "reappear",
         "type": "Boolean",
-        "default": "N/A",
-        "description": "Whether or not the input should accept keyboard and mouse input."
+        "default": "`false`",
+        "description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
       },
       {
-        "name": "invalid",
-        "type": "Boolean",
+        "name": "system_arguments",
+        "type": "Hash",
         "default": "N/A",
-        "description": "If `true`, renders the input in a visually invalid state."
-      },
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Blankslate",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
+    "parameters": [
       {
-        "name": "placeholder",
-        "type": "String",
-        "default": "N/A",
-        "description": "Placeholder text."
+        "name": "narrow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Adds a maximum width of `485px` to the Blankslate."
       },
       {
-        "name": "inset",
+        "name": "spacious",
         "type": "Boolean",
-        "default": "N/A",
-        "description": "If `true`, renders the input in a visually inset state."
+        "default": "`false`",
+        "description": "Increases the padding from `32px` to `80px 40px`."
       },
       {
-        "name": "monospace",
+        "name": "border",
         "type": "Boolean",
-        "default": "N/A",
-        "description": "If `true`, uses a monospace font for the input field."
+        "default": "`false`",
+        "description": "Adds a border around the Blankslate."
       },
       {
-        "name": "leading_visual",
+        "name": "system_arguments",
         "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)."
-      },
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "BorderBox",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
+    "parameters": [
       {
-        "name": "validation_message",
-        "type": "String",
-        "default": "N/A",
-        "description": "A validation message to display beneath the input. Implicitly sets `invalid` to `true`."
+        "name": "padding",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:condensed`, `:default`, or `:spacious`."
       },
       {
-        "name": "label_arguments",
+        "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "System arugments passed to the Rails builder's `#label` method. These arguments will appear as HTML attributes on the `<label>` tag."
-      },
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "BorderBox::Header",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
+    "parameters": [
       {
-        "name": "auto_check_src",
-        "type": "String",
+        "name": "system_arguments",
+        "type": "Hash",
         "default": "N/A",
-        "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."
-      },
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Box",
+    "status": "stable",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
+    "parameters": [
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
         "description": "[System arguments](/system-arguments)"
-      },
+      }
+    ]
+  },
+  {
+    "component": "Breadcrumbs",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
+    "parameters": [
       {
-        "name": "block",
-        "type": "Proc",
+        "name": "system_arguments",
+        "type": "Hash",
         "default": "N/A",
-        "description": "Unused."
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "ToggleSwitch",
-    "status": "alpha",
-    "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/",
+    "component": "Button",
+    "status": "deprecated",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
     "parameters": [
       {
-        "name": "src",
-        "type": "String",
-        "default": "`nil`",
-        "description": "The URL to POST to when the toggle switch is toggled. If `nil`, the toggle switch will not make any requests."
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:outline`, or `:primary`."
       },
       {
-        "name": "csrf_token",
-        "type": "String",
+        "name": "variant",
+        "type": "Symbol",
         "default": "`nil`",
-        "description": "A CSRF token that will be sent to the server as \"authenticity_token\" when the toggle switch is toggled. Unused if `src` is `nil`."
+        "description": "DEPRECATED. One of `:medium` or `:small`."
       },
       {
-        "name": "checked",
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:a`, `:button`, or `:summary`."
+      },
+      {
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button`, `:reset`, or `:submit`."
+      },
+      {
+        "name": "group_item",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether the toggle switch is on or off."
+        "description": "Whether button is part of a ButtonGroup."
       },
       {
-        "name": "enabled",
+        "name": "block",
         "type": "Boolean",
-        "default": "`true`",
-        "description": "Whether or not the toggle switch responds to user input."
+        "default": "`false`",
+        "description": "Whether button is full-width with `display: block`."
       },
       {
-        "name": "size",
+        "name": "dropdown",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to render a dropdown caret."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ButtonGroup",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
+    "parameters": [
+      {
+        "name": "variant",
         "type": "Symbol",
-        "default": "`:medium`",
-        "description": "What size toggle switch to render. One of `:end` or `:start`."
+        "default": "`nil`",
+        "description": "DEPRECATED. One of `:medium` or `:small`."
       },
       {
-        "name": "status_label_position",
+        "name": "size",
         "type": "Symbol",
-        "default": "`:start`",
-        "description": "Which side of the toggle switch to render the status label. One of `:medium` or `:small`."
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
       },
       {
         "name": "system_arguments",
@@ -930,34 +952,34 @@
     ]
   },
   {
-    "component": "Tooltip",
+    "component": "ButtonMarketing",
     "status": "alpha",
-    "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/",
+    "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": [
       {
-        "name": "for_id",
-        "type": "String",
-        "default": "N/A",
-        "description": "The ID of the element that the tooltip should be attached to."
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default`, `:outline`, `:primary`, or `:transparent`."
       },
       {
-        "name": "type",
+        "name": "variant",
         "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:description` or `:label`."
+        "default": "`:default`",
+        "description": "One of `:default` or `:large`."
       },
       {
-        "name": "direction",
+        "name": "tag",
         "type": "Symbol",
-        "default": "`:s`",
-        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+        "default": "`:button`",
+        "description": "One of `:a` or `:button`."
       },
       {
-        "name": "text",
-        "type": "String",
-        "default": "N/A",
-        "description": "The text content of the tooltip. This should be brief and no longer than a sentence."
+        "name": "type",
+        "type": "Symbol",
+        "default": "`:button`",
+        "description": "One of `:button` or `:submit`."
       },
       {
         "name": "system_arguments",
@@ -968,34 +990,28 @@
     ]
   },
   {
-    "component": "UnderlineNav",
-    "status": "alpha",
-    "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/",
+    "component": "ClipboardCopy",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
     "parameters": [
       {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:nav`",
-        "description": "One of `:div` or `:nav`."
-      },
-      {
-        "name": "label",
+        "name": "aria-label",
         "type": "String",
         "default": "N/A",
-        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
+        "description": "String that will be read to screenreaders when the component is focused"
       },
       {
-        "name": "align",
-        "type": "Symbol",
-        "default": "`:left`",
-        "description": "One of `:left` or `:right`. - Defaults to left"
+        "name": "value",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Text to copy into the users clipboard when they click the component."
       },
       {
-        "name": "body_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the body wrapper."
+        "name": "for",
+        "type": "String",
+        "default": "N/A",
+        "description": "Element id from where to get the copied value."
       },
       {
         "name": "system_arguments",
@@ -1006,34 +1022,16 @@
     ]
   },
   {
-    "component": "UnderlinePanels",
-    "status": "alpha",
-    "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/",
+    "component": "CloseButton",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
     "parameters": [
       {
-        "name": "label",
-        "type": "String",
-        "default": "N/A",
-        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
-      },
-      {
-        "name": "align",
+        "name": "type",
         "type": "Symbol",
-        "default": "`:left`",
-        "description": "One of `:left` or `:right`. - Defaults to left"
-      },
-      {
-        "name": "body_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the body wrapper."
-      },
-      {
-        "name": "wrapper_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+        "default": "`:button`",
+        "description": "One of `:button` or `:submit`."
       },
       {
         "name": "system_arguments",
@@ -1044,138 +1042,154 @@
     ]
   },
   {
-    "component": "AutoComplete",
+    "component": "Counter",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
     "parameters": [
       {
-        "name": "label_text",
-        "type": "String",
-        "default": "N/A",
-        "description": "The label of the input."
+        "name": "count",
+        "type": "Integer, Float::INFINITY, nil",
+        "default": "`0`",
+        "description": "The number to be displayed (e.x. # of issues, pull requests)"
       },
       {
-        "name": "src",
-        "type": "String",
-        "default": "N/A",
-        "description": "The route to query."
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "Color scheme. One of `:default`, `:primary`, or `:secondary`."
       },
       {
-        "name": "input_id",
-        "type": "String",
-        "default": "N/A",
-        "description": "Id of the input element."
+        "name": "limit",
+        "type": "Integer, nil",
+        "default": "`5_000`",
+        "description": "Maximum value to display. Pass `nil` for no limit. (e.x. if `count` == 6,000 and `limit` == 5000, counter will display \"5,000+\")"
       },
       {
-        "name": "input_name",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Optional name of the input element, defaults to `input_id` when not set."
+        "name": "hide_if_zero",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true, a `hidden` attribute is added to the counter if `count` is zero."
       },
       {
-        "name": "list_id",
+        "name": "text",
         "type": "String",
-        "default": "N/A",
-        "description": "Id of the list element."
+        "default": "`\"\"`",
+        "description": "Text to display instead of count."
       },
       {
-        "name": "visually_hide_label",
+        "name": "round",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Controls if the label is visible. If `true`, screen reader only text will be added."
+        "description": "Whether to apply our standard rounding logic to value."
       },
       {
-        "name": "show_clear_button",
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Details",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
+    "parameters": [
+      {
+        "name": "overlay",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "Dictates the type of overlay to render with. One of `:dark`, `:default`, or `:none`."
+      },
+      {
+        "name": "reset",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Adds optional clear button."
+        "description": "Defaults to false. If set to true, it will remove the default caret and remove style from the summary element"
       },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
         "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Dialog",
+    "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/",
+    "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The id of the dialog."
       },
       {
-        "name": "size",
-        "type": "Hash",
-        "default": "`:medium`",
-        "description": "Input size can be small, medium (default), or large"
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Describes the content of the dialog."
       },
       {
-        "name": "full_width",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Input can be full-width or fit to content"
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Provides additional context for the dialog, also setting the `aria-describedby` attribute."
       },
       {
-        "name": "disabled",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Disabled input"
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
       },
       {
-        "name": "invalid",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Invalid input"
+        "name": "position",
+        "type": "Symbol",
+        "default": "`:center`",
+        "description": "The position of the dialog. One of `:center`, `:left`, or `:right`."
       },
       {
-        "name": "placeholder",
-        "type": "String",
-        "default": "`nil`",
-        "description": "The placeholder text displayed within the input"
+        "name": "position_narrow",
+        "type": "Symbol",
+        "default": "`:inherit`",
+        "description": "The position of the dialog when narrow. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
       },
       {
-        "name": "inset",
+        "name": "visually_hide_title",
         "type": "Boolean",
         "default": "`false`",
-        "description": "subtle input background color"
+        "description": "If true will hide the heading title, while still making it available to Screen Readers."
       },
       {
-        "name": "monospace",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "monospace input font family"
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
       }
     ]
   },
   {
-    "component": "AutoComplete::Item",
-    "status": "beta",
-    "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/",
+    "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": "value",
-        "type": "String",
-        "default": "N/A",
-        "description": "Value of the item."
-      },
-      {
-        "name": "selected",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the item is selected."
+        "name": "overlay",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:dark`, `:default`, or `:none`."
       },
       {
-        "name": "disabled",
+        "name": "with_caret",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether the item is disabled."
-      },
-      {
-        "name": "description_variant",
-        "type": "Hash",
-        "default": "`:block`",
-        "description": "Changes the description style. Allowed values are :inline, :block"
-      },
-      {
-        "name": "description",
-        "type": "String",
-        "default": "N/A",
-        "description": "Display description text below label"
+        "description": "Whether or not a caret should be rendered in the button."
       },
       {
         "name": "system_arguments",
@@ -1186,40 +1200,40 @@
     ]
   },
   {
-    "component": "Avatar",
+    "component": "Flash",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
     "parameters": [
       {
-        "name": "src",
-        "type": "String",
-        "default": "N/A",
-        "description": "The source url of the avatar image."
+        "name": "full",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen."
       },
       {
-        "name": "alt",
-        "type": "String",
-        "default": "N/A",
-        "description": "Passed through to alt on img tag."
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
       },
       {
-        "name": "size",
-        "type": "Integer",
-        "default": "`20`",
-        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, or `80`."
+        "name": "dismissible",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component can be dismissed with an X button."
       },
       {
-        "name": "shape",
+        "name": "icon",
         "type": "Symbol",
-        "default": "`:circle`",
-        "description": "Shape of the avatar. One of `:circle` or `:square`."
+        "default": "`nil`",
+        "description": "Name of Octicon icon to use."
       },
       {
-        "name": "href",
-        "type": "String",
-        "default": "`nil`",
-        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
       },
       {
         "name": "system_arguments",
@@ -1230,34 +1244,42 @@
     ]
   },
   {
-    "component": "AvatarStack",
+    "component": "Heading",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
     "parameters": [
       {
         "name": "tag",
-        "type": "Symbol",
-        "default": "`:div`",
-        "description": "One of `:div` or `:span`."
+        "type": "String",
+        "default": "N/A",
+        "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
       },
       {
-        "name": "align",
-        "type": "Symbol",
-        "default": "`:left`",
-        "description": "One of `:left` or `:right`."
-      },
+        "name": "system_arguments",
+        "type": "Hash",
+        "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": [
       {
-        "name": "tooltipped",
+        "name": "inline",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether to add a tooltip to the stack or not."
+        "description": "Whether or not the expander is inline."
       },
       {
-        "name": "body_arguments",
+        "name": "button_arguments",
         "type": "Hash",
         "default": "`{}`",
-        "description": "Parameters to add to the Body. If `tooltipped` is set, has the same arguments as [Tooltip](/components/tooltip). The default tag is `:div` but can be changed using `tag:` to one of `:div` or `:span`."
+        "description": "[System arguments](/system-arguments) for the button element."
       },
       {
         "name": "system_arguments",
@@ -1268,28 +1290,40 @@
     ]
   },
   {
-    "component": "BaseButton",
+    "component": "Label",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
     "parameters": [
       {
         "name": "tag",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a`, `:button`, or `:summary`."
+        "default": "`:span`",
+        "description": "One of `:a`, `:div`, `:span`, or `:summary`."
       },
       {
-        "name": "type",
+        "name": "scheme",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "default": "`:default`",
+        "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
       },
       {
-        "name": "block",
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large` or `:medium`."
+      },
+      {
+        "name": "inline",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether button is full-width with `display: block`."
+        "description": "Whether or not to render this label inline."
+      },
+      {
+        "name": "variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "One of `:inline`, `:large`, or `:none`."
       },
       {
         "name": "system_arguments",
@@ -1300,28 +1334,28 @@
     ]
   },
   {
-    "component": "Blankslate",
-    "status": "beta",
-    "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/",
+    "component": "Layout",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
     "parameters": [
       {
-        "name": "narrow",
+        "name": "responsive",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Adds a maximum width of `485px` to the Blankslate."
+        "description": "Whether to collapse layout to a single column at smaller widths."
       },
       {
-        "name": "spacious",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Increases the padding from `32px` to `80px 40px`."
+        "name": "side",
+        "type": "Symbol",
+        "default": "`:right`",
+        "description": "Which side to display the sidebar on. One of `:left` or `:right`."
       },
       {
-        "name": "border",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Adds a border around the Blankslate."
+        "name": "sidebar_col",
+        "type": "Integer",
+        "default": "`3`",
+        "description": "Sidebar column width."
       },
       {
         "name": "system_arguments",
@@ -1332,16 +1366,40 @@
     ]
   },
   {
-    "component": "BorderBox",
+    "component": "Link",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
     "parameters": [
       {
-        "name": "padding",
+        "name": "tag",
+        "type": "String",
+        "default": "`:a`",
+        "description": "One of `:a` or `:span`."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
+      },
+      {
+        "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "One of `:condensed`, `:default`, or `:spacious`."
+        "description": "One of `:default`, `:primary`, or `:secondary`."
+      },
+      {
+        "name": "muted",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Uses light gray for Link color, and blue on hover."
+      },
+      {
+        "name": "underline",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not to underline the link."
       },
       {
         "name": "system_arguments",
@@ -1352,11 +1410,17 @@
     ]
   },
   {
-    "component": "BorderBox::Header",
+    "component": "Markdown",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
     "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "One of `:article`, `:div`, or `:td`."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -1366,10 +1430,10 @@
     ]
   },
   {
-    "component": "Breadcrumbs",
-    "status": "beta",
-    "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/",
+    "component": "Menu",
+    "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/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -1380,46 +1444,46 @@
     ]
   },
   {
-    "component": "Button",
-    "status": "beta",
-    "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/",
+    "component": "Navigation::Tab",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
     "parameters": [
       {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
+        "name": "list",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab is an item in a `<ul>` list."
       },
       {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
+        "name": "selected",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the Tab is selected or not."
       },
       {
-        "name": "block",
+        "name": "with_panel",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether button is full-width with `display: block`."
+        "description": "Whether the Tab has an associated panel."
       },
       {
-        "name": "align_content",
-        "type": "Symbol",
-        "default": "`:center`",
-        "description": "One of `:center` or `:start`."
+        "name": "panel_id",
+        "type": "String",
+        "default": "`\"\"`",
+        "description": "Only applies if `with_panel` is `true`. Unique id of panel."
       },
       {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a`, `:button`, or `:summary`."
+        "name": "icon_classes",
+        "type": "Boolean",
+        "default": "`\"\"`",
+        "description": "Classes that must always be applied to icons."
       },
       {
-        "name": "type",
-        "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "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",
@@ -1430,22 +1494,34 @@
     ]
   },
   {
-    "component": "ButtonGroup",
+    "component": "Octicon",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
     "parameters": [
       {
-        "name": "variant",
-        "type": "Symbol",
+        "name": "icon_name",
+        "type": "Symbol, String",
         "default": "`nil`",
-        "description": "DEPRECATED. One of `:medium` or `:small`."
+        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+      },
+      {
+        "name": "icon",
+        "type": "Symbol, String",
+        "default": "`nil`",
+        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
       },
       {
         "name": "size",
         "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:medium` or `:small`."
+        "default": "`:small`",
+        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
+      },
+      {
+        "name": "use_symbol",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/alpha/octiconsymbols)."
       },
       {
         "name": "system_arguments",
@@ -1456,29 +1532,11 @@
     ]
   },
   {
-    "component": "ClipboardCopy",
-    "status": "beta",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
-    "parameters": [
-      {
-        "name": "aria-label",
-        "type": "String",
-        "default": "N/A",
-        "description": "String that will be read to screenreaders when the component is focused"
-      },
-      {
-        "name": "value",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Text to copy into the users clipboard when they click the component."
-      },
-      {
-        "name": "for",
-        "type": "String",
-        "default": "N/A",
-        "description": "Element id from where to get the copied value."
-      },
+    "component": "Popover",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
+    "parameters": [
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -1488,16 +1546,16 @@
     ]
   },
   {
-    "component": "CloseButton",
+    "component": "ProgressBar",
     "status": "beta",
-    "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/",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
     "parameters": [
       {
-        "name": "type",
+        "name": "size",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button` or `:submit`."
+        "default": "`:default`",
+        "description": "One of `:default`, `:large`, or `:small`. Increases height."
       },
       {
         "name": "system_arguments",
@@ -1508,46 +1566,34 @@
     ]
   },
   {
-    "component": "Counter",
+    "component": "State",
     "status": "beta",
-    "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/",
+    "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": [
       {
-        "name": "count",
-        "type": "Integer, Float::INFINITY, nil",
-        "default": "`0`",
-        "description": "The number to be displayed (e.x. # of issues, pull requests)"
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "`title` HTML attribute."
       },
       {
         "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "Color scheme. One of `:default`, `:primary`, or `:secondary`."
-      },
-      {
-        "name": "limit",
-        "type": "Integer, nil",
-        "default": "`5_000`",
-        "description": "Maximum value to display. Pass `nil` for no limit. (e.x. if `count` == 6,000 and `limit` == 5000, counter will display \"5,000+\")"
-      },
-      {
-        "name": "hide_if_zero",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "If true, a `hidden` attribute is added to the counter if `count` is zero."
+        "description": "Background color. One of `:closed`, `:default`, `:green`, `:merged`, `:open`, `:purple`, or `:red`."
       },
       {
-        "name": "text",
-        "type": "String",
-        "default": "`\"\"`",
-        "description": "Text to display instead of count."
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:span`",
+        "description": "HTML tag for element. One of `:div` or `:span`."
       },
       {
-        "name": "round",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether to apply our standard rounding logic to value."
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default` or `:small`."
       },
       {
         "name": "system_arguments",
@@ -1558,22 +1604,22 @@
     ]
   },
   {
-    "component": "Details",
+    "component": "Spinner",
     "status": "beta",
-    "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/",
+    "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": [
       {
-        "name": "overlay",
+        "name": "size",
         "type": "Symbol",
-        "default": "`:none`",
-        "description": "Dictates the type of overlay to render with. One of `:dark`, `:default`, or `:none`."
+        "default": "`:medium`",
+        "description": "One of `[:large, 64]`, `[:medium, 32]`, or `[:small, 16]`."
       },
       {
-        "name": "reset",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Defaults to false. If set to true, it will remove the default caret and remove style from the summary element"
+        "name": "style",
+        "type": "String",
+        "default": "`box-sizing: content-box; color: var(--color-icon-primary);`",
+        "description": "Custom element styles."
       },
       {
         "name": "system_arguments",
@@ -1584,40 +1630,22 @@
     ]
   },
   {
-    "component": "Flash",
+    "component": "Subhead",
     "status": "beta",
-    "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/",
+    "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": [
-      {
-        "name": "full",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the component should take up the full width of the screen."
-      },
       {
         "name": "spacious",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether to add margin to the bottom of the component."
+        "description": "Whether to add spacing to the Subhead."
       },
       {
-        "name": "dismissible",
+        "name": "hide_border",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether the component can be dismissed with an X button."
-      },
-      {
-        "name": "icon",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "Name of Octicon icon to use."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
+        "description": "Whether to hide the border under the heading."
       },
       {
         "name": "system_arguments",
@@ -1628,17 +1656,11 @@
     ]
   },
   {
-    "component": "Heading",
-    "status": "beta",
-    "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/",
+    "component": "TabContainer",
+    "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/",
     "parameters": [
-      {
-        "name": "tag",
-        "type": "String",
-        "default": "N/A",
-        "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -1648,70 +1670,16 @@
     ]
   },
   {
-    "component": "IconButton",
+    "component": "Text",
     "status": "beta",
-    "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/",
+    "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": [
-      {
-        "name": "icon",
-        "type": "String",
-        "default": "N/A",
-        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
-      },
-      {
-        "name": "wrapper_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Optional keyword arguments to be passed to the wrapper `<div>` tag."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger`, `:default`, or `:invisible`."
-      },
-      {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large`, `:medium`, or `:small`."
-      },
       {
         "name": "tag",
         "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:a`, `:button`, or `:summary`."
-      },
-      {
-        "name": "type",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:button`, `:reset`, or `:submit`."
-      },
-      {
-        "name": "aria-label",
-        "type": "String",
-        "default": "N/A",
-        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
-      },
-      {
-        "name": "aria-description",
-        "type": "String",
-        "default": "N/A",
-        "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
-      },
-      {
-        "name": "show_tooltip",
-        "type": "Boolean",
-        "default": "`true`",
-        "description": "Whether or not to show a tooltip when this button is hovered. Tooltips should only be hidden if the aria label is redundant, i.e. if the icon has a widely understood definition."
-      },
-      {
-        "name": "tooltip_direction",
-        "type": "Symbol",
-        "default": "`:s`",
-        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+        "default": "`:span`",
+        "description": ""
       },
       {
         "name": "system_arguments",
@@ -1722,40 +1690,16 @@
     ]
   },
   {
-    "component": "Label",
+    "component": "TimelineItem",
     "status": "beta",
-    "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/",
+    "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": [
       {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:span`",
-        "description": "One of `:a`, `:div`, `:span`, or `:summary`."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
-      },
-      {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large` or `:medium`."
-      },
-      {
-        "name": "inline",
+        "name": "condensed",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether or not to render this label inline."
-      },
-      {
-        "name": "variant",
-        "type": "Symbol",
-        "default": "`:none`",
-        "description": "One of `:inline`, `:large`, or `:none`."
+        "description": "Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits."
       },
       {
         "name": "system_arguments",
@@ -1766,40 +1710,40 @@
     ]
   },
   {
-    "component": "Link",
-    "status": "beta",
-    "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/",
+    "component": "Tooltip",
+    "status": "deprecated",
+    "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": [
       {
-        "name": "tag",
+        "name": "label",
         "type": "String",
-        "default": "`:a`",
-        "description": "One of `:a` or `:span`."
+        "default": "N/A",
+        "description": "the text to appear in the tooltip"
       },
       {
-        "name": "href",
+        "name": "direction",
         "type": "String",
-        "default": "`nil`",
-        "description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
+        "default": "`:n`",
+        "description": "Direction of the tooltip. One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
       },
       {
-        "name": "scheme",
-        "type": "Symbol",
+        "name": "align",
+        "type": "String",
         "default": "`:default`",
-        "description": "One of `:default`, `:primary`, or `:secondary`."
+        "description": "Align tooltips to the left or right of an element, combined with a `direction` to specify north or south. One of `:default`, `:left_1`, `:left_2`, `:right_1`, or `:right_2`."
       },
       {
-        "name": "muted",
+        "name": "multiline",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Uses light gray for Link color, and blue on hover."
+        "description": "Use this when you have long content"
       },
       {
-        "name": "underline",
+        "name": "no_delay",
         "type": "Boolean",
-        "default": "`true`",
-        "description": "Whether or not to underline the link."
+        "default": "`false`",
+        "description": "By default the tooltips have a slight delay before appearing. Set true to override this"
       },
       {
         "name": "system_arguments",
@@ -1810,54 +1754,34 @@
     ]
   },
   {
-    "component": "Markdown",
+    "component": "Truncate",
     "status": "beta",
-    "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/",
+    "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": [
       {
         "name": "tag",
         "type": "Symbol",
         "default": "`:div`",
-        "description": "One of `:article`, `:div`, or `:td`."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Octicon",
-    "status": "beta",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
-    "parameters": [
-      {
-        "name": "icon_name",
-        "type": "Symbol, String",
-        "default": "`nil`",
-        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
-      },
-      {
-        "name": "icon",
-        "type": "Symbol, String",
-        "default": "`nil`",
-        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+        "description": "One of `:div`, `:p`, `:span`, or `:strong`."
       },
       {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:small`",
-        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the element is inline (or inline-block)."
       },
       {
-        "name": "use_symbol",
+        "name": "expandable",
         "type": "Boolean",
         "default": "`false`",
-        "description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/alpha/octiconsymbols)."
+        "description": "Whether the entire string should be revealed on hover. Can only be used in conjunction with `inline`."
+      },
+      {
+        "name": "max_width",
+        "type": "Integer",
+        "default": "`nil`",
+        "description": "Sets the max-width of the text."
       },
       {
         "name": "system_arguments",
@@ -1868,10 +1792,10 @@
     ]
   },
   {
-    "component": "Popover",
+    "component": "Truncate",
     "status": "beta",
-    "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/",
+    "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": [
       {
         "name": "system_arguments",
@@ -1882,16 +1806,34 @@
     ]
   },
   {
-    "component": "ProgressBar",
-    "status": "beta",
-    "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/",
+    "component": "UnderlineNav",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
     "parameters": [
       {
-        "name": "size",
+        "name": "tag",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default`, `:large`, or `:small`. Increases height."
+        "default": "`:nav`",
+        "description": "One of `:div` or `:nav`."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:left`",
+        "description": "One of `:left` or `:right`. - Defaults to left"
+      },
+      {
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
       },
       {
         "name": "system_arguments",
@@ -1902,112 +1844,142 @@
     ]
   },
   {
-    "component": "RelativeTime",
-    "status": "beta",
-    "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/",
+    "component": "UnderlinePanels",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
     "parameters": [
       {
-        "name": "datetime",
-        "type": "Time",
+        "name": "label",
+        "type": "String",
         "default": "N/A",
-        "description": "The time to be formatted."
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
       },
       {
-        "name": "tense",
+        "name": "align",
         "type": "Symbol",
-        "default": "`:auto`",
-        "description": "Which tense to use. One of `:auto`, `:future`, or `:past`."
+        "default": "`:left`",
+        "description": "One of `:left` or `:right`. - Defaults to left"
       },
       {
-        "name": "prefix",
-        "type": "sring",
-        "default": "`nil`",
-        "description": "What to prefix the relative ime display with."
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
       },
       {
-        "name": "second",
-        "type": "Symbol",
-        "default": "`SECOND_DEFAULT`",
-        "description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
       },
       {
-        "name": "minute",
-        "type": "Symbol",
-        "default": "`MINUTE_DEFAULT`",
-        "description": "What format minues should take. One of `nil`, `:numeric`, or `:two_digit`."
-      },
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TabNav",
+    "status": "alpha",
+    "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": [
       {
-        "name": "hour",
+        "name": "tag",
         "type": "Symbol",
-        "default": "`HOUR_DEFAULT`",
-        "description": "What format hours should take. One of `nil`, `:numeric`, or `:two_digit`."
+        "default": "`:nav`",
+        "description": "One of `:div` or `:nav`."
       },
       {
-        "name": "weekday",
-        "type": "Symbol",
-        "default": "`WEEKDAY_DEFAULT`",
-        "description": "What format weekdays should take. One of `nil`, `:long`, `:narrow`, or `:short`."
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
       },
       {
-        "name": "day",
-        "type": "Symbol",
-        "default": "`DAY_DEFAULT`",
-        "description": "What format days should take. One of `nil`, `:numeric`, or `:two_digit`."
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
       },
       {
-        "name": "month",
-        "type": "Symbol",
-        "default": "`MONTH_DEFAULT`",
-        "description": "What format months should take. One of `nil`, `:long`, `:narrow`, `:numeric`, `:short`, or `:two_digit`."
-      },
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "TabPanels",
+    "status": "alpha",
+    "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": [
       {
-        "name": "year",
-        "type": "Symbol",
-        "default": "`YEAR_DEFAULT`",
-        "description": "What format years should take. One of `nil`, `:numeric`, or `:two_digit`."
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
       },
       {
-        "name": "time_zone_name",
+        "name": "align",
         "type": "Symbol",
-        "default": "`TIMEZONENAME_DEFAULT`",
-        "description": "What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`."
+        "default": "N/A",
+        "description": "One of `:left` or `:right`. - Defaults to left"
       },
       {
-        "name": "threshold",
-        "type": "string",
-        "default": "`nil`",
-        "description": "The threshold, in ISO-8601 'durations' format, at which relative time displays become absolute."
+        "name": "body_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the body wrapper."
       },
       {
-        "name": "precision",
-        "type": "Symbol",
-        "default": "`PRECISION_DEFAULT`",
-        "description": "The precision elapsed time should display. One of `nil`, `:day`, `:hour`, `:minute`, `:month`, `:second`, or `:year`."
+        "name": "wrapper_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
       },
       {
-        "name": "format",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Tooltip",
+    "status": "alpha",
+    "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": [
+      {
+        "name": "for_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "The ID of the element that the tooltip should be attached to."
       },
       {
-        "name": "format_style",
+        "name": "type",
         "type": "Symbol",
-        "default": "`nil`",
-        "description": "The format the display should take. One of `nil`, `:long`, `:narrow`, or `:short`."
+        "default": "N/A",
+        "description": "One of `:description` or `:label`."
       },
       {
-        "name": "lang",
-        "type": "string",
-        "default": "`nil`",
-        "description": "The language to use."
+        "name": "direction",
+        "type": "Symbol",
+        "default": "`:s`",
+        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
       },
       {
-        "name": "title",
-        "type": "string",
-        "default": "`nil`",
-        "description": "Provide a custom title to the element."
+        "name": "text",
+        "type": "String",
+        "default": "N/A",
+        "description": "The text content of the tooltip. This should be brief and no longer than a sentence."
       },
       {
         "name": "system_arguments",
@@ -2018,22 +1990,46 @@
     ]
   },
   {
-    "component": "Spinner",
-    "status": "beta",
-    "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/",
+    "component": "ToggleSwitch",
+    "status": "alpha",
+    "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": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The URL to POST to when the toggle switch is toggled. If `nil`, the toggle switch will not make any requests."
+      },
+      {
+        "name": "csrf_token",
+        "type": "String",
+        "default": "`nil`",
+        "description": "A CSRF token that will be sent to the server as \"authenticity_token\" when the toggle switch is toggled. Unused if `src` is `nil`."
+      },
+      {
+        "name": "checked",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the toggle switch is on or off."
+      },
+      {
+        "name": "enabled",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not the toggle switch responds to user input."
+      },
       {
         "name": "size",
         "type": "Symbol",
         "default": "`:medium`",
-        "description": "One of `[:large, 64]`, `[:medium, 32]`, or `[:small, 16]`."
+        "description": "What size toggle switch to render. One of `:end` or `:start`."
       },
       {
-        "name": "style",
-        "type": "String",
-        "default": "`box-sizing: content-box; color: var(--color-icon-primary);`",
-        "description": "Custom element styles."
+        "name": "status_label_position",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "Which side of the toggle switch to render the status label. One of `:medium` or `:small`."
       },
       {
         "name": "system_arguments",
@@ -2044,34 +2040,16 @@
     ]
   },
   {
-    "component": "State",
-    "status": "beta",
-    "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/",
+    "component": "NavList",
+    "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/",
     "parameters": [
       {
-        "name": "title",
-        "type": "String",
-        "default": "N/A",
-        "description": "`title` HTML attribute."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "Background color. One of `:closed`, `:default`, `:green`, `:merged`, `:open`, `:purple`, or `:red`."
-      },
-      {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:span`",
-        "description": "HTML tag for element. One of `:div` or `:span`."
-      },
-      {
-        "name": "size",
+        "name": "selected_item_id",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default` or `:small`."
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
       },
       {
         "name": "system_arguments",
@@ -2082,22 +2060,34 @@
     ]
   },
   {
-    "component": "Subhead",
-    "status": "beta",
-    "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/",
+    "component": "NavList::Item",
+    "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/",
     "parameters": [
       {
-        "name": "spacious",
+        "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 to add spacing to the Subhead."
+        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
       },
       {
-        "name": "hide_border",
+        "name": "sub_item",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether to hide the border under the heading."
+        "description": "Whether or not this item is nested under a parent item. Used internally."
       },
       {
         "name": "system_arguments",
@@ -2108,16 +2098,16 @@
     ]
   },
   {
-    "component": "Text",
-    "status": "beta",
-    "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/",
+    "component": "NavList::Section",
+    "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/",
     "parameters": [
       {
-        "name": "tag",
+        "name": "selected_item_id",
         "type": "Symbol",
-        "default": "`:span`",
-        "description": ""
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. Used internally."
       },
       {
         "name": "system_arguments",
@@ -2128,16 +2118,34 @@
     ]
   },
   {
-    "component": "TimelineItem",
-    "status": "beta",
-    "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/",
+    "component": "ActionList",
+    "status": "alpha",
+    "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": "condensed",
+        "name": "role",
+        "type": "Boolean",
+        "default": "`:list`",
+        "description": "ARIA role describing the function of the list. listbox and menu are a common values."
+      },
+      {
+        "name": "item_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Additional CSS classes to attach to items."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:full`",
+        "description": "One of `:full` or `:inset`.. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
+      },
+      {
+        "name": "show_dividers",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits."
+        "description": "Display a divider above each item in the list when it does not follow a header or divider."
       },
       {
         "name": "system_arguments",
@@ -2148,11 +2156,17 @@
     ]
   },
   {
-    "component": "Truncate",
-    "status": "beta",
-    "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/",
+    "component": "ActionList::Divider",
+    "status": "alpha",
+    "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": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -2162,11 +2176,41 @@
     ]
   },
   {
-    "component": "Box",
-    "status": "stable",
-    "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/",
+    "component": "ActionList::Heading",
+    "status": "alpha",
+    "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": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Optional sub list description."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:h3`",
+        "description": "Semantic tag for the heading."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -2176,58 +2220,100 @@
     ]
   },
   {
-    "component": "Button",
-    "status": "deprecated",
-    "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/",
+    "component": "ActionList::Item",
+    "status": "alpha",
+    "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": [
       {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:outline`, or `:primary`."
+        "name": "list",
+        "type": "Primer::Alpha::ActionList",
+        "default": "N/A",
+        "description": "The list that contains this item. Used internally."
       },
       {
-        "name": "variant",
-        "type": "Symbol",
+        "name": "parent",
+        "type": "Primer::Alpha::ActionList::Item",
         "default": "`nil`",
-        "description": "DEPRECATED. One of `:medium` or `:small`."
+        "description": "This item's parent item. `nil` if this item is at the root. Used internally."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Item label."
+      },
+      {
+        "name": "label_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "CSS classes that will be added to the label."
+      },
+      {
+        "name": "content_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
+      },
+      {
+        "name": "truncate_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Truncate label with ellipsis."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Link URL."
+      },
+      {
+        "name": "role",
+        "type": "String",
+        "default": "`:listitem`",
+        "description": "ARIA role describing the function of the item."
       },
       {
         "name": "size",
         "type": "Symbol",
         "default": "`:medium`",
-        "description": "One of `:medium` or `:small`."
+        "description": "Controls block sizing of the item."
       },
       {
-        "name": "tag",
+        "name": "scheme",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:a`, `:button`, or `:summary`."
+        "default": "`:default`",
+        "description": "Controls color/style based on behavior."
       },
       {
-        "name": "type",
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Disabled items are not clickable and visually dim."
+      },
+      {
+        "name": "description_scheme",
         "type": "Symbol",
-        "default": "`:button`",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "default": "`:block`",
+        "description": "Display description inline with label, or block on the next line."
       },
       {
-        "name": "group_item",
+        "name": "active",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Whether button is part of a ButtonGroup."
+        "description": "Sets an active state on navigational items."
       },
       {
-        "name": "block",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether button is full-width with `display: block`."
+        "name": "on_click",
+        "type": "String",
+        "default": "`nil`",
+        "description": "JavaScript to execute when the item is clicked."
       },
       {
-        "name": "dropdown",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to render a dropdown caret."
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "Used internally."
       },
       {
         "name": "system_arguments",
@@ -2238,228 +2324,172 @@
     ]
   },
   {
-    "component": "IconButton",
-    "status": "deprecated",
-    "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/",
+    "component": "TextField",
+    "status": "alpha",
+    "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": "scheme",
+        "name": "size",
         "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger` or `:default`."
+        "default": "N/A",
+        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
       },
       {
-        "name": "icon",
-        "type": "String",
+        "name": "full_width",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
+        "description": "When set to `true`, the field will take up all the horizontal space allowed by its container."
       },
       {
-        "name": "tag",
-        "type": "Symbol",
+        "name": "name",
+        "type": "String",
         "default": "N/A",
-        "description": "One of `:a`, `:button`, or `:summary`."
+        "description": "Value for the HTML name attribute."
       },
       {
-        "name": "type",
-        "type": "Symbol",
+        "name": "id",
+        "type": "String",
         "default": "N/A",
-        "description": "One of `:button`, `:reset`, or `:submit`."
+        "description": "Value for the HTML id attribute."
       },
       {
-        "name": "aria-label",
+        "name": "class",
         "type": "String",
         "default": "N/A",
-        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
       },
       {
-        "name": "aria-description",
+        "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": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
       },
       {
-        "name": "tooltip_direction",
-        "type": "Symbol",
-        "default": "`:s`",
-        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Label text displayed above the input."
       },
       {
-        "name": "box",
+        "name": "visually_hide_label",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the button is in a [BorderBox](/components/beta/borderbox). If `true`, the button will have the `Box-btn-octicon` class."
+        "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": "system_arguments",
-        "type": "Hash",
+        "name": "disabled",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Layout",
-    "status": "alpha",
-    "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": [
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
+      },
       {
-        "name": "responsive",
+        "name": "hidden",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether to collapse layout to a single column at smaller widths."
+        "default": "N/A",
+        "description": "When set to `true`, visually hides the field."
       },
       {
-        "name": "side",
-        "type": "Symbol",
-        "default": "`:right`",
-        "description": "Which side to display the sidebar on. One of `:left` or `:right`."
+        "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": "sidebar_col",
-        "type": "Integer",
-        "default": "`3`",
-        "description": "Sidebar column width."
+        "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": "Navigation::Tab",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
-    "parameters": [
-      {
-        "name": "list",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the Tab is an item in a `<ul>` list."
+        "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": "selected",
+        "name": "scope_name_to_model",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the Tab is selected or not."
+        "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": "with_panel",
+        "name": "scope_id_to_model",
         "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."
+        "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": "icon_classes",
+        "name": "required",
         "type": "Boolean",
-        "default": "`\"\"`",
-        "description": "Classes that must always be applied to icons."
+        "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": "wrapper_arguments",
+        "name": "aria",
         "type": "Hash",
-        "default": "`{}`",
-        "description": "[System arguments](/system-arguments) to be used in the `<li>` wrapper when the tab is an item in a list."
+        "default": "N/A",
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
       },
       {
-        "name": "system_arguments",
+        "name": "data",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Tooltip",
-    "status": "deprecated",
-    "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": [
-      {
-        "name": "label",
-        "type": "String",
-        "default": "N/A",
-        "description": "the text to appear in the tooltip"
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
       },
       {
-        "name": "direction",
-        "type": "String",
-        "default": "`:n`",
-        "description": "Direction of the tooltip. One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
+        "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": "align",
+        "name": "placeholder",
         "type": "String",
-        "default": "`:default`",
-        "description": "Align tooltips to the left or right of an element, combined with a `direction` to specify north or south. One of `:default`, `:left_1`, `:left_2`, `:right_1`, or `:right_2`."
+        "default": "N/A",
+        "description": "Placeholder text."
       },
       {
-        "name": "multiline",
+        "name": "inset",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Use this when you have long content"
+        "default": "N/A",
+        "description": "If `true`, renders the input in a visually inset state."
       },
       {
-        "name": "no_delay",
+        "name": "monospace",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "By default the tooltips have a slight delay before appearing. Set true to override this"
+        "default": "N/A",
+        "description": "If `true`, uses a monospace font for the input field."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "auto_check_src",
+        "type": "String",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Truncate",
-    "status": "beta",
-    "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": [
-      {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:div`",
-        "description": "One of `:div`, `:p`, `:span`, or `:strong`."
+        "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": "inline",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the element is inline (or inline-block)."
+        "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](/components/beta/octicon) component."
       },
       {
-        "name": "expandable",
+        "name": "show_clear_button",
         "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the entire string should be revealed on hover. Can only be used in conjunction with `inline`."
-      },
-      {
-        "name": "max_width",
-        "type": "Integer",
-        "default": "`nil`",
-        "description": "Sets the max-width of the text."
+        "default": "N/A",
+        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
+        "name": "clear_button_id",
+        "type": "String",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "The HTML id attribute of the clear button."
       }
     ]
   }