feat: add AriaStatus and AriaAlert to stable entrypoint

.changeset/grumpy-actors-see.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Promote AriaStatus and AriaAlert from experimental to stable

packages/react/src/__tests__/__snapshots__/exports.test.ts.snap

@@ -23,6 +23,10 @@ exports[`@primer/react > should not update exports without a semver change 1`] =
   "AnchoredOverlay",
   "type AnchoredOverlayProps",
   "AnchoredPositionHookSettings",
+  "AriaAlert",
+  "type AriaAlertProps",
+  "AriaStatus",
+  "type AriaStatusProps",
   "asSlot",
   "Autocomplete",
   "type AutocompleteInputProps",

packages/react/src/index.ts

@@ -1,6 +1,8 @@
 'use client'
 
 export {default as theme, type ThemeColorPaths, type ThemeShadowPaths} from './theme'
+export {AriaStatus, AriaAlert} from './live-region'
+export type {AriaStatusProps, AriaAlertProps} from './live-region'
 export {default as BaseStyles} from './BaseStyles'
 export type {BaseStylesProps} from './BaseStyles'
 export {default as ThemeProvider} from './ThemeProvider'

packages/react/src/live-region/AriaAlert.docs.json

@@ -0,0 +1,23 @@
+{
+  "id": "aria-alert",
+  "name": "AriaAlert",
+  "status": "alpha",
+  "a11yReviewed": false,
+  "importPath": "@primer/react",
+  "stories": [],
+  "props": [
+    {
+      "name": "announceOnShow",
+      "type": "boolean",
+      "description": "Specify if the content of the element should be announced when this component is rendered and is not hidden",
+      "defaultValue": "true"
+    }
+    },
+    {
+      "name": "hidden",
+      "type": "boolean",
+      "description": "Specify if the element is hidden",
+      "defaultValue": "false"
+    }
+  ]
+}

packages/react/src/live-region/AriaAlert.features.stories.tsx

@@ -3,7 +3,7 @@ import {AriaAlert} from './AriaAlert'
 import {VisuallyHidden} from '../VisuallyHidden'
 
 export default {
-  title: 'Experimental/Components/AriaAlert/Features',
+  title: 'Components/AriaAlert/Features',
   component: AriaAlert,
 }
 

packages/react/src/live-region/AriaAlert.stories.tsx

@@ -3,7 +3,7 @@ import {useEffect, useState} from 'react'
 import {AriaAlert} from './AriaAlert'
 
 export default {
-  title: 'Experimental/Components/AriaAlert',
+  title: 'Components/AriaAlert',
   component: AriaAlert,
 }
 

packages/react/src/live-region/AriaAlert.tsx

@@ -3,7 +3,7 @@ import {type ElementType} from 'react'
 import {Announce} from './Announce'
 import type {PolymorphicProps} from '../utils/modern-polymorphic'
 
-export type AriaAlertProps<As extends ElementType> = PolymorphicProps<
+export type AriaAlertProps<As extends ElementType = 'div'> = PolymorphicProps<
   As,
   'div',
   {

packages/react/src/live-region/AriaStatus.docs.json

@@ -0,0 +1,27 @@
+{
+  "id": "aria-status",
+  "name": "AriaStatus",
+  "status": "alpha",
+  "a11yReviewed": false,
+  "importPath": "@primer/react",
+  "stories": [],
+  "props": [
+    {
+      "name": "announceOnShow",
+      "type": "boolean",
+      "description": "Specify if the content of the element should be announced when this component is rendered and is not hidden",
+      "defaultValue": "false"
+    },
+    {
+      "name": "hidden",
+      "type": "boolean",
+      "description": "Specify if the element is hidden",
+      "defaultValue": "false"
+    },
+    {
+      "name": "delayMs",
+      "type": "number",
+      "description": "Provide a delay in milliseconds before the announcement is made"
+    }
+  ]
+}

packages/react/src/live-region/AriaStatus.features.stories.tsx

@@ -4,7 +4,7 @@ import {AriaStatus} from './AriaStatus'
 import {VisuallyHidden} from '../VisuallyHidden'
 
 export default {
-  title: 'Experimental/Components/AriaStatus/Features',
+  title: 'Components/AriaStatus/Features',
   component: AriaStatus,
 }
 

packages/react/src/live-region/AriaStatus.stories.tsx

@@ -3,7 +3,7 @@ import {useEffect, useState} from 'react'
 import {AriaStatus} from './AriaStatus'
 
 export default {
-  title: 'Experimental/Components/AriaStatus',
+  title: 'Components/AriaStatus',
   component: AriaStatus,
 }