@mixtint/primer-view-components 0.75.2 → 0.84.3

package/static/info_arch.json

@@ -1633,6 +1633,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/action_menu/fullscreen_when_narrow",
+        "name": "fullscreen_when_narrow",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/action_menu/sub_menus",
         "name": "sub_menus",
@@ -1674,6 +1687,12 @@
             "default": "N/A",
             "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
           },
+          {
+            "name": "anchor_when_narrow",
+            "type": "Symbol",
+            "default": "N/A",
+            "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+          },
           {
             "name": "menu_id",
             "type": "String",
@@ -1749,6 +1768,12 @@
             "parameters": [],
             "return_types": []
           },
+          {
+            "name": "anchor_when_narrow",
+            "description": "Returns the value of attribute anchor_when_narrow.",
+            "parameters": [],
+            "return_types": []
+          },
           {
             "name": "list",
             "description": "Returns the value of attribute list.",
@@ -1927,6 +1952,12 @@
             "default": "`:outside_right`",
             "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
           },
+          {
+            "name": "anchor_when_narrow",
+            "type": "Symbol",
+            "default": "`:inherit`",
+            "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`.."
+          },
           {
             "name": "overlay_arguments",
             "type": "Hash",
@@ -2045,6 +2076,12 @@
             "default": "`:outside_bottom`",
             "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
           },
+          {
+            "name": "anchor_when_narrow",
+            "type": "Symbol",
+            "default": "`:inherit`",
+            "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`.."
+          },
           {
             "name": "dynamic_label",
             "type": "Boolean",
@@ -5119,7 +5156,7 @@
   {
     "fully_qualified_name": "Primer::Alpha::Layout",
     "description": "`Layout` provides foundational patterns for responsive pages.\n`Layout` can be used for simple two-column pages, or it can be nested to provide flexible 3-column experiences.\n On smaller screens, `Layout` uses vertically stacked rows to display content.\n\n`Layout` flows as both column, when there's enough horizontal space to render both `Main` and `Sidebar`side-by-side (on a desktop of tablet device, per instance);\nor it flows as a row, when `Main` and `Sidebar` are stacked vertically (e.g. on a mobile device).\n`Layout` should always work in any screen size.",
-    "accessibility_docs": "Keyboard navigation follows the markup order. Decide carefully how the focus order should be be by deciding whether\n`main` or `sidebar` comes first in code. The code order won’t affect the visual position.",
+    "accessibility_docs": "Keyboard navigation follows the markup order. Decide carefully how the focus order should be be by deciding whether\n`main` or `sidebar` comes first in code. The code order won't affect the visual position.\n\nWhen using `row_placement: :none` on the sidebar, the sidebar content will be hidden at narrow viewports.\nThis may cause WCAG 1.4.10 Reflow failures if the sidebar contains essential content. Only use `:none`\nwhen the sidebar content is non-essential or available elsewhere on the page.",
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
@@ -5194,7 +5231,7 @@
             "name": "row_placement",
             "type": "Symbol",
             "default": "N/A",
-            "description": "Sidebar placement when `Layout` is in row mode. One of `:end`, `:none`, or `:start`."
+            "description": "Sidebar placement when `Layout` is in row mode. One of `:end`, `:none`, or `:start`. **Note:** Using `:none` hides the sidebar at narrow viewports, which may cause WCAG 1.4.10 Reflow issues if the sidebar contains essential content."
           },
           {
             "name": "system_arguments",
@@ -5802,7 +5839,8 @@
         "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
-            "region"
+            "region",
+            "label-title-only"
           ],
           "will_fix": [
             "color-contrast"
@@ -6404,6 +6442,12 @@
         "default": "`:normal`",
         "description": "The anchor offset to give the Overlay. One of `:normal` or `:spacious`."
       },
+      {
+        "name": "anchor_when_narrow",
+        "type": "Symbol",
+        "default": "`:inherit`",
+        "description": "The position of the Overlay when in a narrow viewport. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+      },
       {
         "name": "allow_out_of_bounds",
         "type": "Boolean",
@@ -6549,19 +6593,6 @@
           ]
         }
       },
-      {
-        "preview_path": "primer/alpha/overlay/menu_no_header",
-        "name": "menu_no_header",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
       {
         "preview_path": "primer/alpha/overlay/middle_of_page",
         "name": "middle_of_page",
@@ -7854,13 +7885,7 @@
         "name": "form_arguments",
         "type": "Hash",
         "default": "`{}`",
-        "description": "Form arguments. Supported for `local`, and experimentally supported for `remote` and `eventually_local` strategies by enabling the `use_experimental_non_local_form` flag."
-      },
-      {
-        "name": "use_experimental_non_local_form",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "A feature flag used to slowly roll out moving the input field (generated from form arguments) to the top of the SelectPanel HTML thus allowing remote fetching to have default form values. At this time, support is only available for the :single select variant. See: https://github.com/github/primer/issues/4923."
+        "description": "Form arguments. Supported for all fetch strategies."
       },
       {
         "name": "show_filter",
@@ -7940,6 +7965,12 @@
         "name": "show_button",
         "description": "Adds a show button (i.e. a button) that will open the panel when clicked.",
         "parameters": [
+          {
+            "name": "icon",
+            "type": "String",
+            "default": "N/A",
+            "description": "Name of {{link_to_octicons}} to use instead of text. If an [icon](https://primer.style/octicons/usage-guidelines/) is provided, a {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}} will be rendered. Otherwise a {{#link_to_component}}Primer::Beta::Button{{/link_to_component}} will be rendered."
+          },
           {
             "name": "system_arguments",
             "type": "Hash",
@@ -8263,6 +8294,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/select_panel/select_panel_with_icon_button",
+        "name": "select_panel_with_icon_button",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/select_panel/with_leading_icons",
         "name": "with_leading_icons",
@@ -8562,7 +8606,7 @@
         "name": "gap",
         "type": "Symbol",
         "default": "`GapArg::DEFAULT`",
-        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
+        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
       },
       {
         "name": "direction",
@@ -9067,6 +9111,12 @@
         "default": "N/A",
         "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
       },
+      {
+        "name": "character_limit",
+        "type": "Number",
+        "default": "N/A",
+        "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
+      },
       {
         "name": "name",
         "type": "String",
@@ -9301,6 +9351,45 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/text_area/with_character_limit",
+        "name": "with_character_limit",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_area/with_character_limit_over_limit",
+        "name": "with_character_limit_over_limit",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_area/with_character_limit_and_caption",
+        "name": "with_character_limit_and_caption",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": []
@@ -9331,6 +9420,12 @@
         "default": "N/A",
         "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
       },
+      {
+        "name": "character_limit",
+        "type": "Number",
+        "default": "N/A",
+        "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
+      },
       {
         "name": "name",
         "type": "String",
@@ -9601,6 +9696,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/text_field/show_clear_button_with_custom_label",
+        "name": "show_clear_button_with_custom_label",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/text_field/full_width",
         "name": "full_width",
@@ -9783,6 +9891,45 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/alpha/text_field/with_character_limit",
+        "name": "with_character_limit",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_character_limit_over_limit",
+        "name": "with_character_limit_over_limit",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/text_field/with_character_limit_and_caption",
+        "name": "with_character_limit_and_caption",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/alpha/text_field/with_auto_check_ok",
         "name": "with_auto_check_ok",
@@ -9956,6 +10103,12 @@
         "type": "String",
         "default": "`nil`",
         "description": "Custom label to show when the switch is OFF. Defaults to (\"Off\"). Only customize this label if it makes the toggle’s state more meaningful in its specific context. For example, for a \"Show images\" setting, you might use \"Show\" when the switch is OFF."
+      },
+      {
+        "name": "button_type",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The type attribute for the underlying button element. If `nil`, the button will not have a type attribute, which means it will default to \"submit\" if it's inside a form and \"button\" otherwise."
       }
     ],
     "slots": [],
@@ -12278,6 +12431,32 @@
       }
     ],
     "subcomponents": [
+      {
+        "fully_qualified_name": "Primer::Beta::AutoComplete::NoResultItem",
+        "description": "Use `NoResultItem` to display a message when no autocomplete results are found.\nRenders as a simple div inside the overlay, not as a list item.",
+        "accessibility_docs": null,
+        "is_form_component": false,
+        "is_published": true,
+        "requires_js": false,
+        "component": "AutoComplete::NoResultItem",
+        "status": "beta",
+        "a11y_reviewed": false,
+        "short_name": "AutoCompleteNoResultItem",
+        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/no_result_item.rb",
+        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/no_result_item/default/",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ],
+        "slots": [],
+        "methods": [],
+        "previews": [],
+        "subcomponents": []
+      },
       {
         "fully_qualified_name": "Primer::Beta::AutoComplete::Item",
         "description": "Use `AutoCompleteItem` to list results of an auto-completed search.",
@@ -12370,62 +12549,6 @@
         "methods": [],
         "previews": [],
         "subcomponents": []
-      },
-      {
-        "fully_qualified_name": "Primer::Beta::AutoComplete::NoResultItem",
-        "description": "",
-        "accessibility_docs": null,
-        "is_form_component": false,
-        "is_published": true,
-        "requires_js": false,
-        "component": "AutoComplete::NoResultItem",
-        "status": "beta",
-        "a11y_reviewed": false,
-        "short_name": "AutoCompleteNoResultItem",
-        "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/no_result_item.rb",
-        "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/no_result_item/default/",
-        "parameters": [],
-        "slots": [
-          {
-            "name": "leading_visual",
-            "description": "The leading visual rendered before the link.",
-            "parameters": [
-              {
-                "name": "kwargs",
-                "type": "Hash",
-                "default": "N/A",
-                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::Avatar{{/link_to_component}} or {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}"
-              }
-            ]
-          },
-          {
-            "name": "trailing_visual",
-            "description": "The trailing visual rendered after the link.",
-            "parameters": [
-              {
-                "name": "kwargs",
-                "type": "Hash",
-                "default": "N/A",
-                "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}, {{#link_to_component}}Primer::Beta::Label{{/link_to_component}}, or {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}"
-              }
-            ]
-          },
-          {
-            "name": "description",
-            "description": "Optional description",
-            "parameters": [
-              {
-                "name": "system_arguments",
-                "type": "Hash",
-                "default": "N/A",
-                "description": "{{link_to_system_arguments_docs}}"
-              }
-            ]
-          }
-        ],
-        "methods": [],
-        "previews": [],
-        "subcomponents": []
       }
     ]
   },
@@ -12473,6 +12596,12 @@
         "default": "`nil`",
         "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
       },
+      {
+        "name": "tooltip",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Tooltip text to display on hover when href is provided."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -12687,6 +12816,12 @@
         "default": "`false`",
         "description": "Whether to add a tooltip to the stack or not."
       },
+      {
+        "name": "disable_expand",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to disable the expand behavior on hover. If true, avatars will not expand."
+      },
       {
         "name": "body_arguments",
         "type": "Hash",
@@ -12832,23 +12967,49 @@
             "color-contrast"
           ]
         }
-      }
-    ],
-    "subcomponents": []
-  },
-  {
-    "fully_qualified_name": "Primer::Beta::BaseButton",
-    "description": "Use `BaseButton` to render an unstyled `<button>` tag that can be customized.",
-    "accessibility_docs": null,
-    "is_form_component": false,
-    "is_published": true,
-    "requires_js": false,
-    "component": "BaseButton",
-    "status": "beta",
-    "a11y_reviewed": false,
-    "short_name": "BaseButton",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
+      },
+      {
+        "preview_path": "primer/beta/avatar_stack/with_individual_tooltips",
+        "name": "with_individual_tooltips",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/avatar_stack/with_disabled_expand",
+        "name": "with_disabled_expand",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::Beta::BaseButton",
+    "description": "Use `BaseButton` to render an unstyled `<button>` tag that can be customized.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "BaseButton",
+    "status": "beta",
+    "a11y_reviewed": false,
+    "short_name": "BaseButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
     "parameters": [
       {
         "name": "tag",
@@ -17108,6 +17269,12 @@
         "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": "time_zone",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The IANA time zone identifier to use for formatting (e.g., \"America/New_York\")."
+      },
       {
         "name": "threshold",
         "type": "String",
@@ -18659,80 +18826,44 @@
     "subcomponents": []
   },
   {
-    "fully_qualified_name": "Primer::OpenProject::BorderBox::CollapsibleHeader",
-    "description": "A component to be used inside Primer::Beta::BorderBox.\nIt will toggle the visibility of the complete Box body",
+    "fully_qualified_name": "Primer::OpenProject::AvatarStack",
+    "description": "OpenProject-specific AvatarStack that extends Primer::Beta::AvatarStack\nto support avatar fallbacks with initials.\n\nUses a different slot name (avatar_with_fallbacks) to avoid conflicts with the parent's avatars slot.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "OpenProject::BorderBox::CollapsibleHeader",
+    "component": "OpenProject::AvatarStack",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectBorderBoxCollapsibleHeader",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
-    "parameters": [
-      {
-        "name": "id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The unique ID of the collapsible header."
-      },
-      {
-        "name": "collapsed",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the header is collapsed on initial render."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "{{link_to_system_arguments_docs}}"
-      }
-    ],
+    "short_name": "OpenProjectAvatarStack",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/avatar_stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/avatar_stack/default/",
+    "parameters": [],
     "slots": [
       {
-        "name": "title",
-        "description": "Required title",
-        "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ]
-      },
-      {
-        "name": "count",
-        "description": "Optional count",
+        "name": "avatar_with_fallbacks",
+        "description": "Required list of stacked avatars with fallback support.",
         "parameters": [
           {
-            "name": "system_arguments",
+            "name": "kwargs",
             "type": "Hash",
             "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
+            "description": "The same arguments as {{#link_to_component}}Primer::OpenProject::AvatarWithFallback{{/link_to_component}}."
           }
         ]
-      },
+      }
+    ],
+    "methods": [
       {
-        "name": "description",
-        "description": "Optional description",
-        "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ]
+        "name": "avatars",
+        "description": "Alias avatar_with_fallbacks as avatars for use in the template",
+        "parameters": [],
+        "return_types": []
       }
     ],
-    "methods": [],
     "previews": [
       {
-        "preview_path": "primer/open_project/border_box/collapsible_header/playground",
+        "preview_path": "primer/open_project/avatar_stack/playground",
         "name": "playground",
         "snapshot": "false",
         "skip_rules": {
@@ -18745,7 +18876,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/border_box/collapsible_header/default",
+        "preview_path": "primer/open_project/avatar_stack/default",
         "name": "default",
         "snapshot": "true",
         "skip_rules": {
@@ -18758,8 +18889,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/border_box/collapsible_header/with_count",
-        "name": "with_count",
+        "preview_path": "primer/open_project/avatar_stack/with_fallback_avatars",
+        "name": "with_fallback_avatars",
         "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
@@ -18771,9 +18902,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/border_box/collapsible_header/with_description",
-        "name": "with_description",
-        "snapshot": "true",
+        "preview_path": "primer/open_project/avatar_stack/mixed_avatars",
+        "name": "mixed_avatars",
+        "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -18784,9 +18915,22 @@
         }
       },
       {
-        "preview_path": "primer/open_project/border_box/collapsible_header/collapsed",
-        "name": "collapsed",
-        "snapshot": "true",
+        "preview_path": "primer/open_project/avatar_stack/align_right_with_fallbacks",
+        "name": "align_right_with_fallbacks",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/avatar_stack/with_tooltip_and_fallbacks",
+        "name": "with_tooltip_and_fallbacks",
+        "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -18800,24 +18944,54 @@
     "subcomponents": []
   },
   {
-    "fully_qualified_name": "Primer::OpenProject::BorderGrid",
-    "description": "A set of blocks that are shown below each other with separator lines in between",
+    "fully_qualified_name": "Primer::OpenProject::AvatarWithFallback",
+    "description": "OpenProject-specific Avatar component that extends Primer::Beta::Avatar\nto support fallback rendering with initials when no image source is provided.\n\nUses a \"fallback first\" pattern for flicker-free loading:\n1. Always renders fallback SVG as initial <img> src (visible immediately)\n2. Client-side JS test-loads the real URL in background\n3. On success, swaps to real image; on failure, fallback stays visible\n\nThis approach is inspired by OpenProject's Angular PrincipalRendererService.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,
-    "component": "OpenProject::BorderGrid",
+    "component": "OpenProject::AvatarWithFallback",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectBorderGrid",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
+    "short_name": "OpenProjectAvatarWithFallback",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/avatar_with_fallback.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/avatar_with_fallback/default/",
     "parameters": [
       {
-        "name": "spacious",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether to add margin to the bottom of the component."
+        "name": "src",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The source URL of the avatar image. When provided, JavaScript will test-load it in the background and swap to it on success. When nil or blank, only the fallback SVG is displayed."
+      },
+      {
+        "name": "alt",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Alt text for the avatar. Used for accessibility and to generate initials for the fallback SVG."
+      },
+      {
+        "name": "size",
+        "type": "Integer",
+        "default": "`20`",
+        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, `64`, or `80`."
+      },
+      {
+        "name": "shape",
+        "type": "Symbol",
+        "default": "`:circle`",
+        "description": "Shape of the avatar. One of `:circle` or `:square`."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
+      },
+      {
+        "name": "unique_id",
+        "type": "String, Integer",
+        "default": "`nil`",
+        "description": "Unique identifier for generating consistent avatar colors across renders."
       },
       {
         "name": "system_arguments",
@@ -18826,24 +19000,11 @@
         "description": "{{link_to_system_arguments_docs}}"
       }
     ],
-    "slots": [
-      {
-        "name": "rows",
-        "description": "Use to render a block inside the grid",
-        "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ]
-      }
-    ],
+    "slots": [],
     "methods": [],
     "previews": [
       {
-        "preview_path": "primer/open_project/border_grid/playground",
+        "preview_path": "primer/open_project/avatar_with_fallback/playground",
         "name": "playground",
         "snapshot": "false",
         "skip_rules": {
@@ -18856,7 +19017,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/border_grid/default",
+        "preview_path": "primer/open_project/avatar_with_fallback/default",
         "name": "default",
         "snapshot": "true",
         "skip_rules": {
@@ -18869,9 +19030,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/border_grid/spacious",
-        "name": "spacious",
-        "snapshot": "false",
+        "preview_path": "primer/open_project/avatar_with_fallback/with_image",
+        "name": "with_image",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -18880,68 +19041,422 @@
             "color-contrast"
           ]
         }
-      }
-    ],
-    "subcomponents": []
-  },
-  {
-    "fully_qualified_name": "Primer::OpenProject::BorderGrid::Cell",
-    "description": "A single cell inside the BorderGrid\nA cell can contain for example an action list or a status badge",
-    "accessibility_docs": null,
-    "is_form_component": false,
-    "is_published": true,
-    "requires_js": false,
-    "component": "OpenProject::BorderGrid::Cell",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectBorderGridCell",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
-    "parameters": [
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "{{link_to_system_arguments_docs}}"
-      }
-    ],
-    "slots": [],
-    "methods": [],
-    "previews": [],
-    "subcomponents": []
-  },
-  {
-    "fully_qualified_name": "Primer::OpenProject::CollapsibleSection",
-    "description": "A component consisting of a title and collapsible content.\nClicking the title will hide the collapsible content",
-    "accessibility_docs": null,
-    "is_form_component": false,
-    "is_published": true,
-    "requires_js": false,
-    "component": "OpenProject::CollapsibleSection",
-    "status": "open_project",
-    "a11y_reviewed": false,
-    "short_name": "OpenProjectCollapsibleSection",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
-    "parameters": [
-      {
-        "name": "id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "The unique ID of the collapsible section."
       },
       {
-        "name": "collapsed",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the section is collapsed on initial render."
+        "preview_path": "primer/open_project/avatar_with_fallback/fallback_default",
+        "name": "fallback_default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       },
       {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "{{link_to_system_arguments_docs}}"
-      }
+        "preview_path": "primer/open_project/avatar_with_fallback/fallback_single_name",
+        "name": "fallback_single_name",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/avatar_with_fallback/fallback_multiple",
+        "name": "fallback_multiple",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/avatar_with_fallback/fallback_sizes",
+        "name": "fallback_sizes",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/avatar_with_fallback/fallback_square",
+        "name": "fallback_square",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/avatar_with_fallback/fallback_as_link",
+        "name": "fallback_as_link",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/avatar_with_fallback/broken_image_404",
+        "name": "broken_image_404",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/avatar_with_fallback/multiple_broken_images",
+        "name": "multiple_broken_images",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::BorderBox::CollapsibleHeader",
+    "description": "A component to be used inside Primer::Beta::BorderBox.\nIt will toggle the visibility of the complete Box body",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::BorderBox::CollapsibleHeader",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectBorderBoxCollapsibleHeader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
+    "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible header."
+      },
+      {
+        "name": "box",
+        "type": "Primer::Beta::BorderBox",
+        "default": "`nil`",
+        "description": "Deprecated. Previously used to reference the parent BorderBox."
+      },
+      {
+        "name": "collapsed",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the header is collapsed on initial render."
+      },
+      {
+        "name": "collapsible_id",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The id or ids of the elements that will be collapsed. This should include the BorderBox's list, body and footer. This will be required in future versions."
+      },
+      {
+        "name": "multi_line",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether the description is on its own line and can wrap across multiple lines."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "title",
+        "description": "Required title",
+        "parameters": [
+          {
+            "name": "tag",
+            "type": "Symbol",
+            "default": "N/A",
+            "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
+      {
+        "name": "count",
+        "description": "Optional count",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
+      {
+        "name": "description",
+        "description": "Optional description",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
+    ],
+    "methods": [],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/border_box/collapsible_header/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_box/collapsible_header/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_box/collapsible_header/with_count",
+        "name": "with_count",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_box/collapsible_header/with_description",
+        "name": "with_description",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_box/collapsible_header/collapsed",
+        "name": "collapsed",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::BorderGrid",
+    "description": "A set of blocks that are shown below each other with separator lines in between",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::BorderGrid",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectBorderGrid",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
+    "parameters": [
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "rows",
+        "description": "Use to render a block inside the grid",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
+    ],
+    "methods": [],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/border_grid/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/spacious",
+        "name": "spacious",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::BorderGrid::Cell",
+    "description": "A single cell inside the BorderGrid\nA cell can contain for example an action list or a status badge",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::BorderGrid::Cell",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectBorderGridCell",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [],
+    "methods": [],
+    "previews": [],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::CollapsibleSection",
+    "description": "A component consisting of a title and collapsible content.\nClicking the title will hide the collapsible content",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::CollapsibleSection",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectCollapsibleSection",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
+    "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible section."
+      },
+      {
+        "name": "collapsed",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the section is collapsed on initial render."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
     ],
     "slots": [
       {
@@ -19364,6 +19879,18 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
     "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:small`",
+        "description": "One of `:medium`, `:small`, or `:xsmall`."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "`I18n.t(\"drag_handle.button_drag\")`",
+        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -19667,6 +20194,83 @@
     ],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::Fieldset",
+    "description": "A low-level component for building fieldsets with unopinionated styling.\n\nThis component is not designed to be used directly, but rather a primitive for\nauthors of other components and form controls.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::Fieldset",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFieldset",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/default/",
+    "parameters": [
+      {
+        "name": "legend_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "A legend should be short and concise. The String will also be read by assistive technology."
+      },
+      {
+        "name": "visually_hide_legend",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Controls if the legend is visible. If `true`, screen reader only text will be added."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "legend",
+        "description": null,
+        "parameters": []
+      }
+    ],
+    "methods": [
+      {
+        "name": "legend_text",
+        "description": "Returns the value of attribute legend_text.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::Fieldset::LegendComponent",
+    "description": "",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::Fieldset::Legend",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFieldsetLegend",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset/legend_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/legend/default/",
+    "parameters": [],
+    "slots": [],
+    "methods": [
+      {
+        "name": "text",
+        "description": "Returns the value of attribute text.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::FilterableTreeView",
     "description": "A TreeView and associated filter controls for searching nested hierarchies.\n\n## Filter controls\n\n`FilterableTreeView`s can be filtered using two controls, both present in the toolbar above the tree:\n\n1. A free-form query string from a text input field.\n2. A `SegmentedControl` with two options (by default):\n   1. The \"Selected\" option causes the component to only show checked nodes, provided they also satisfy the other\n      filter criteria described here.\n   2. The \"All\" option causes the component to show all nodes, provided they also satisfy the other filter\n      criteria described here.\n\n## Custom filter modes\n\nIn addition to the default filter modes of `'all'` and `'selected'` described above, `FilterableTreeView` supports\nadding custom filter modes. Adding a filter mode will cause its label to appear in the `SegmentedControl` in the\ntoolbar, and will be passed as the third argument to the filter function (see below).\n\nHere's how to add a custom filter mode in addition to the default ones:\n\n```erb\n<%= render(Primer::OpenProject::FilterableTreeView.new) do |tree_view| %>\n  <%# remove this line to prevent adding the default modes %>\n  <% tree_view.with_default_filter_modes %>\n  <% tree_view.with_filter_mode(name: \"Custom\", system_arguments)\n<% end %>\n```\n\n## Filter behavior\n\nBy default, matching node text is identified by looking for an exact substring match, operating on a lowercased\nversion of both the query string and the node text. For more information, and to provide a customized filter\nfunction, please see the section titled \"Customizing the filter function\" below.\n\nNodes that match the filter appear as normal; nodes that do not match are presented as follows:\n\n1. Leaf nodes are hidden.\n2. Sub-tree nodes with no matching children are hidden.\n3. Sub-tree nodes with at least one matching child are disabled but still visible.\n\n## Checking behavior\n\nBy default, checking a node in a `FilterableTreeView` checks only that node (i.e. no child nodes are checked).\nTo aide in checking children in deeply nested or highly populated hierarchies, a third control exists in the\ntoolbar: the \"Include sub-items\" check box. If this feature is turned on, checking sub-tree nodes causes all\nchildren, both leaf and sub-tree nodes, to also be checked recursively. Moreover, turning this feature on will\ncause the children of any previously checked nodes to be checked recursively. Unchecking a node while in\n\"Include sub-items\" mode will restore that sub-tree and all its children to their previously checked state, so as\nnot to permanently override a user's selections. Unchecking the \"Include sub-items\" check box has a similar effect,\ni.e. restores all previous user selections under currently checked sub-trees.\n\n## JavaScript API\n\n`FilterableTreeView` does not yet have an extensive JavaScript API, but this may change in the future as the\ncomponent is further developed to fit additional use-cases.\n\n### Customizing the filter function\n\nThe filter function can be customized by setting the value of the `filterFn` property to a function with the\nfollowing signature:\n\n```typescript\nexport type FilterFn = (node: HTMLElement, query: string, filterMode?: string) => Range[] | null\n```\n\nThis function will be called once for each node in the tree every time filter controls change (i.e. when the\nfilter mode or query string are altered). The function is called with the following arguments:\n\n|Argument    |Description                                                      |\n|:-----------|:----------------------------------------------------------------|\n|`node`      |The HTML node element, i.e. the element with `role=treeitem` set.|\n|`query`     |The query string.                                                |\n|`filterMode`|The filter mode, either `'all'` or `'selected'`.                 |\n\nThe component expects the filter function to return specific values depending on the type of match:\n\n1. No match - return `null`\n2. Match but no highlights (eg. when the query string is empty) - return an empty array\n3. Match with highlights - return a non-empty array of `Range` objects\n\nExample:\n\n```javascript\nconst filterableTreeView = document.querySelector('filterable-tree-view')\nfilterableTreeView.filterFn = (node, query, filterMode) => {\n  // custom filter implementation here\n}\n```\n\nYou can read about `Range` objects here: https://developer.mozilla.org/en-US/docs/Web/API/Range.\n\nFor a complete example demonstrating how to implement a working filter function complete with range highlighting,\nsee the default filter function available in the `FilterableTreeViewElement` JavaScript class, which is part of\nthe Primer source code.\n\n### Events\n\nCurrently `FilterableTreeView` does not emit any events aside from the events already emitted by the `TreeView`\ncomponent.",
@@ -20159,6 +20763,71 @@
     ],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::InlineMessage",
+    "description": "A simple component to render warning text.\n\nThe warning text is rendered in the \"attention\" Primer color and\nuses a leading alert Octicon for additional emphasis. This component\nis designed to be used \"inline\", e.g. table cells, and in places\nwhere a Banner component might be overkill.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::InlineMessage",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectInlineMessage",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/inline_message.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/inline_message/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:critical`, `:success`, `:unavailable`, or `:warning`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [],
+    "methods": [],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/inline_message/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inline_message/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::InputGroup",
     "description": "`InputGroup` is composed of a text field input with a trailing action",
@@ -20363,7 +21032,7 @@
       },
       {
         "name": "breadcrumbs",
-        "description": "Optional breadcrumbs above the title row\nBy default shown on wider screens. Can be overridden with system_argument: display",
+        "description": "Using PageHeader without breadcrumbs is only recommended in special cases.\nIn doubt, please check the PageHeader component documentation.",
         "parameters": [
           {
             "name": "items",
@@ -20551,8 +21220,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/tab_nav",
-        "name": "tab_nav",
+        "preview_path": "primer/open_project/page_header/truncated_breadcrumbs",
+        "name": "truncated_breadcrumbs",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -20564,8 +21233,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/segmented_control",
-        "name": "segmented_control",
+        "preview_path": "primer/open_project/page_header/without_breadcrumbs",
+        "name": "without_breadcrumbs",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -20577,8 +21246,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
-        "name": "segmented_control_mobile_icons",
+        "preview_path": "primer/open_project/page_header/skip_breadcrumb_item",
+        "name": "skip_breadcrumb_item",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -20590,8 +21259,34 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/skip_breadcrumb_item",
-        "name": "skip_breadcrumb_item",
+        "preview_path": "primer/open_project/page_header/tab_nav",
+        "name": "tab_nav",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/segmented_control",
+        "name": "segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
+        "name": "segmented_control_mobile_icons",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -20714,6 +21409,89 @@
     "previews": [],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::Pagination",
+    "description": "",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::Pagination",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectPagination",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/pagination.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/pagination/default/",
+    "parameters": [],
+    "slots": [],
+    "methods": [
+      {
+        "name": "page_count",
+        "description": "Returns the value of attribute page_count.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "current_page",
+        "description": "Returns the value of attribute current_page.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "href_builder",
+        "description": "Returns the value of attribute href_builder.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "margin_page_count",
+        "description": "Returns the value of attribute margin_page_count.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "show_pages",
+        "description": "Returns the value of attribute show_pages.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "surrounding_page_count",
+        "description": "Returns the value of attribute surrounding_page_count.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/pagination/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/pagination/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::SidePanel",
     "description": "Add a general description of component here\nAdd additional usage considerations or best practices that may aid the user to use the component correctly.",