add label export

Author: francinelucca

packages/styled-react/src/components/Label.tsx

@@ -0,0 +1,12 @@
+import {type LabelProps as PrimerLabelProps, Label as PrimerLabel, Box} from '@primer/react'
+import {type SxProp} from '../sx'
+import {forwardRef} from 'react'
+import type {ForwardRefComponent} from '../polymorphic'
+
+type LabelProps = PrimerLabelProps & SxProp
+
+const Label = forwardRef(function Label(props, ref) {
+  return <Box as={PrimerLabel} ref={ref} {...props} />
+}) as ForwardRefComponent<'span', LabelProps>
+
+export {Label, type LabelProps}

packages/styled-react/src/index.tsx

@@ -6,7 +6,6 @@ export {Button} from '@primer/react'
 export {CheckboxGroup} from '@primer/react'
 export {Details} from '@primer/react'
 export {IconButton} from '@primer/react'
-export {Label} from '@primer/react'
 export {ProgressBar} from '@primer/react'
 export {Select} from '@primer/react'
 export {Text} from '@primer/react'
@@ -35,6 +34,7 @@ export {Flash} from './components/Flash'
 export {FormControl, type FormControlProps} from './components/FormControl'
 export {Header, type HeaderProps} from './components/Header'
 export {Heading} from './components/Heading'
+export {Label, type LabelProps} from './components/Label'
 export {Link, type LinkProps} from './components/Link'
 export {LinkButton, type LinkButtonProps} from './components/LinkButton'
 export {NavList, type NavListProps} from './components/NavList'