Export getResponsiveAttributes from experimental entrypoint

.changeset/export-get-responsive-attributes.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Experimental: Export `getResponsiveAttributes` helper for bridging responsive values to `data-*` attributes.

packages/react/src/PageHeader/PageHeader.tsx

@@ -5,7 +5,7 @@ import Heading from '../Heading'
 import {ArrowLeftIcon} from '@primer/octicons-react'
 import type {LinkProps as BaseLinkProps} from '../Link'
 import Link from '../Link'
-import {getResponsiveAttributes} from '../internal/utils/getResponsiveAttributes'
+import {getResponsiveAttributes} from '../utils/getResponsiveAttributes'
 
 import type {ForwardRefComponent as PolymorphicForwardRefComponent} from '../utils/polymorphic'
 import {areAllValuesTheSame, haveRegularAndWideSameValue} from '../utils/getBreakpointDeclarations'

packages/react/src/PageLayout/PageLayout.tsx

@@ -7,7 +7,7 @@ import {isResponsiveValue} from '../hooks/useResponsiveValue'
 import {useSlots} from '../hooks/useSlots'
 import {useOverflow} from '../hooks/useOverflow'
 import {warning} from '../utils/warning'
-import {getResponsiveAttributes} from '../internal/utils/getResponsiveAttributes'
+import {getResponsiveAttributes} from '../utils/getResponsiveAttributes'
 
 import classes from './PageLayout.module.css'
 import type {FCWithSlotMarker, WithSlotMarker} from '../utils/types'

packages/react/src/SegmentedControl/SegmentedControl.tsx

@@ -6,7 +6,7 @@ import SegmentedControlIconButton from './SegmentedControlIconButton'
 import {ActionList} from '../ActionList'
 import {ActionMenu} from '../ActionMenu'
 import type {ResponsiveValue} from '../hooks/useResponsiveValue'
-import {getResponsiveAttributes} from '../internal/utils/getResponsiveAttributes'
+import {getResponsiveAttributes} from '../utils/getResponsiveAttributes'
 import type {WidthOnlyViewportRangeKeys} from '../utils/types/ViewportRangeKeys'
 import {isElement} from 'react-is'
 import classes from './SegmentedControl.module.css'

packages/react/src/Stack/Stack.tsx

@@ -1,7 +1,7 @@
 import type React from 'react'
 import {forwardRef, type ElementType} from 'react'
 import type {ResponsiveValue} from '../hooks/useResponsiveValue'
-import {getResponsiveAttributes} from '../internal/utils/getResponsiveAttributes'
+import {getResponsiveAttributes} from '../utils/getResponsiveAttributes'
 import classes from './Stack.module.css'
 import {clsx} from 'clsx'
 import type {ForwardRefComponent as PolymorphicForwardRefComponent} from '../utils/polymorphic'

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

@@ -325,6 +325,7 @@ exports[`@primer/react/experimental > should not update exports without a semver
   "FilteredActionListLoadingTypes",
   "type FilteredActionListProps",
   "getAccessibleKeybindingHintString",
+  "getResponsiveAttributes",
   "Hidden",
   "type HiddenProps",
   "InlineMessage",

packages/react/src/experimental/index.ts

@@ -60,6 +60,8 @@ export type {
 
 export * from '../Hidden'
 
+export {getResponsiveAttributes} from '../utils/getResponsiveAttributes'
+
 export * from './hooks'
 
 export {NavList} from '../NavList'

packages/react/src/internal/utils/getResponsiveAttributes.ts → packages/react/src/utils/getResponsiveAttributes.ts

@@ -1,4 +1,4 @@
-import type {ResponsiveValue} from '../../hooks/useResponsiveValue'
+import type {ResponsiveValue} from '../hooks/useResponsiveValue'
 
 /**
  * Transform the given property and values in to corresponding data attributes