@primer/styled-react 1.0.0-rc.4 → 1.0.0-rc.5

package/dist/deprecated.js

@@ -1 +1,84 @@
-export { Dialog, Octicon, TabNav, Tooltip } from '@primer/react/deprecated';
+import { TabNav as TabNav$1, Dialog as Dialog$1 } from '@primer/react/deprecated';
+export { Octicon } from '@primer/react/deprecated';
+import { sx, Box } from '@primer/react';
+import styled from 'styled-components';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+export { D as Tooltip } from './Tooltip-YuSlJ5b_.js';
+
+const StyledTabNav = styled(TabNav$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TabNav__StyledTabNav",
+  componentId: "sc-v7az9x-0"
+})(["", ""], sx);
+const TabNavImpl = ({
+  as,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(StyledTabNav, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
+};
+const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TabNav__StyledTabNavLink",
+  componentId: "sc-v7az9x-1"
+})(["", ""], sx);
+const TabNavLink = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledTabNavLink, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+const TabNav = Object.assign(TabNavImpl, {
+  Link: TabNavLink
+});
+
+const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1,
+    ref: ref,
+    ...props
+  });
+});
+const DialogImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledDialog, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Header,
+    ref: ref,
+    ...props
+  });
+});
+const DialogHeader = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledDialogHeader, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+const Dialog = Object.assign(DialogImpl, {
+  Header: DialogHeader
+});
+
+export { Dialog, TabNav };

package/dist/experimental.d.ts

@@ -1,3 +1,6 @@
+export { Dialog, type DialogProps } from './components/Dialog';
 export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
-export { Dialog, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
+export { Tooltip, type TooltipProps } from './components/Tooltip';
+export { UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps, } from './components/UnderlinePanels';
+export { Table } from '@primer/react/experimental';
 //# sourceMappingURL=experimental.d.ts.map

package/dist/experimental.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAE/D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAA"}

package/dist/experimental.js

@@ -1,5 +1,32 @@
-export { P as PageHeader } from './PageHeader-Bvki2mbE.js';
-export { Dialog, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
-import '@primer/react';
-import 'styled-components';
-import 'react/jsx-runtime';
+export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
+export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
+import { UnderlinePanels as UnderlinePanels$1 } from '@primer/react/experimental';
+export { Table } from '@primer/react/experimental';
+import styled from 'styled-components';
+import { sx } from '@primer/react';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '@primer/react/deprecated';
+
+const StyledUnderlinePanels = styled(UnderlinePanels$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "UnderlinePanels__StyledUnderlinePanels",
+  componentId: "sc-1w35i85-0"
+})(["", ""], sx);
+
+// @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
+const UnderlinePanelsImpl = ({
+  as,
+  ...props
+}) => /*#__PURE__*/jsx(StyledUnderlinePanels, {
+  forwardedAs: as,
+  ...props
+});
+UnderlinePanelsImpl.displayName = 'UnderlinePanels';
+const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
+  Tab: UnderlinePanels$1.Tab,
+  Panel: UnderlinePanels$1.Panel
+});
+
+export { UnderlinePanels };

package/dist/index.d.ts

@@ -1,42 +1,38 @@
 export { ActionList } from '@primer/react';
-export { ActionMenu } from '@primer/react';
-export { Autocomplete } from '@primer/react';
-export { Avatar } from '@primer/react';
-export { Breadcrumbs } from '@primer/react';
 export { Box, type BoxProps } from './components/Box';
 export { Button } from '@primer/react';
-export { CheckboxGroup } from '@primer/react';
-export { CircleBadge } from '@primer/react';
 export { Details } from '@primer/react';
-export { Dialog } from '@primer/react';
 export { FormControl } from '@primer/react';
-export { Heading } from '@primer/react';
 export { IconButton } from '@primer/react';
-export { Label } from '@primer/react';
-export { Link } from '@primer/react';
-export { NavList } from '@primer/react';
-export { Overlay } from '@primer/react';
-export { PageLayout } from '@primer/react';
 export { ProgressBar } from '@primer/react';
+export { PageLayout } from '@primer/react';
 export { Select } from '@primer/react';
-export { Text } from '@primer/react';
 export { Textarea } from '@primer/react';
 export { TextInput } from '@primer/react';
-export { Token } from '@primer/react';
-export { Tooltip } from '@primer/react';
 export { type TextInputProps } from '@primer/react';
-export { type TokenProps } from '@primer/react';
 export { ThemeProvider } from '@primer/react';
 export { merge } from '@primer/react';
 export { theme } from '@primer/react';
 export { themeGet } from '@primer/react';
 export { useColorSchemeVar } from '@primer/react';
 export { useTheme } from '@primer/react';
+export { ActionMenu } from './components/ActionMenu';
+export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
+export { Avatar, type AvatarProps } from './components/Avatar';
+export { Breadcrumbs, Breadcrumb, type BreadcrumbsProps, type BreadcrumbsItemProps } from './components/Breadcrumbs';
 export { Checkbox, type CheckboxProps } from './components/Checkbox';
+export { CheckboxGroup, type CheckboxGroupProps } from './components/CheckboxGroup';
+export { CircleBadge } from './components/CircleBadge';
 export { CounterLabel, type CounterLabelProps } from './components/CounterLabel';
+export { Dialog, type DialogProps } from './components/Dialog';
 export { Flash } from './components/Flash';
 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';
+export { Overlay } from './components/Overlay';
 export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
 export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
 export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
@@ -44,8 +40,11 @@ export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButt
 export { Spinner, type SpinnerProps } from './components/Spinner';
 export { StateLabel, type StateLabelProps } from './components/StateLabel';
 export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
+export { Text, type TextProps } from './components/Text';
 export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
 export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
+export { Tooltip, type TooltipProps } from './components/Tooltip';
+export { Token, type TokenProps } from './components/Token';
 export { Truncate, type TruncateProps } from './components/Truncate';
 export { UnderlineNav, type UnderlineNavProps, type UnderlineNavItemProps } from './components/UnderlineNav';
 export { sx, type SxProp } from './sx';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AACvC,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,eAAe,CAAA;AAGjD,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAC,YAAY,EAAE,KAAK,wBAAwB,EAAC,MAAM,2BAA2B,CAAA;AACrF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;AAClH,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AACjF,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,GACrC,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;AAE1G,OAAO,EAAC,EAAE,EAAE,KAAK,MAAM,EAAC,MAAM,MAAM,CAAA;AAEpC,YAAY,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAA"}

package/dist/index.js

@@ -1,9 +1,78 @@
-import { Box, Checkbox as Checkbox$1, CounterLabel as CounterLabel$1, Flash as Flash$1, sx, Header as Header$1, LinkButton as LinkButton$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
-export { ActionList, ActionMenu, Autocomplete, Avatar, Box, Breadcrumbs, Button, CheckboxGroup, CircleBadge, Details, Dialog, FormControl, Heading, IconButton, Label, Link, NavList, Overlay, PageLayout, ProgressBar, Select, Text, TextInput, Textarea, ThemeProvider, Token, Tooltip, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
+import { ActionMenu as ActionMenu$1, sx, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, useTheme, theme, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
+export { ActionList, Box, Button, Details, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
 import styled from 'styled-components';
-export { P as PageHeader } from './PageHeader-Bvki2mbE.js';
+import React, { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
+export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
+import css from '@styled-system/css';
+import '@primer/react/deprecated';
+
+const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "ActionMenu__ActionMenuOverlay",
+  componentId: "sc-w5s60e-0"
+})(["", ""], sx);
+const ActionMenu = Object.assign(ActionMenu$1, {
+  Button: ActionMenu$1.Button,
+  Anchor: ActionMenu$1.Anchor,
+  Overlay: ActionMenuOverlay,
+  Divider: ActionMenu$1.Divider
+});
+
+const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Autocomplete__AutocompleteOverlay",
+  componentId: "sc-j8ax2e-0"
+})(["", ""], sx);
+const Autocomplete = Object.assign(Autocomplete$1, {
+  Context: Autocomplete$1.Context,
+  Input: Autocomplete$1.Input,
+  Menu: Autocomplete$1.Menu,
+  Overlay: AutocompleteOverlay
+});
+
+const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Avatar$1,
+    ref: ref,
+    ...props
+  });
+});
+
+const BreadcrumbsImpl = styled(Breadcrumbs$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Breadcrumbs__BreadcrumbsImpl",
+  componentId: "sc-1qj8pw-0"
+})(["", ""], sx);
+const StyledBreadcrumbsItem = styled(Breadcrumbs$1.Item).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Breadcrumbs__StyledBreadcrumbsItem",
+  componentId: "sc-1qj8pw-1"
+})(["", ""], sx);
+function BreadcrumbsItem({
+  as,
+  ...props
+}) {
+  return /*#__PURE__*/jsx(StyledBreadcrumbsItem, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
+}
+const Breadcrumbs = Object.assign(BreadcrumbsImpl, {
+  Item: BreadcrumbsItem
+});
+
+/**
+ * @deprecated Use the `Breadcrumbs` component instead (i.e. `<Breadcrumb>` → `<Breadcrumbs>`)
+ */
+const Breadcrumb = Breadcrumbs;
 
 const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
   return /*#__PURE__*/jsx(Box, {
@@ -13,6 +82,46 @@ const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
   });
 });
 
+const CheckboxGroupImpl = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1,
+    ...props
+  });
+};
+
+// Define local types based on the internal component props
+
+const CheckboxOrRadioGroupLabel$1 = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1.Label,
+    ...props
+  });
+};
+const CheckboxOrRadioGroupCaption$1 = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1.Caption,
+    ...props
+  });
+};
+const CheckboxOrRadioGroupValidation$1 = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1.Validation,
+    ...props
+  });
+};
+const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
+  Label: CheckboxOrRadioGroupLabel$1,
+  Caption: CheckboxOrRadioGroupCaption$1,
+  Validation: CheckboxOrRadioGroupValidation$1
+});
+
+const CircleBadge = styled(CircleBadge$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "CircleBadge",
+  componentId: "sc-1u7lp3v-0"
+})(["", ""], sx);
+
 const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
   return /*#__PURE__*/jsx(Box, {
     as: CounterLabel$1,
@@ -28,13 +137,23 @@ const Flash = styled(Flash$1).withConfig({
   componentId: "sc-413izo-0"
 })(["", ""], sx);
 
-const HeaderImpl = /*#__PURE__*/forwardRef(function Header(props, ref) {
+const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
   return /*#__PURE__*/jsx(Box, {
     as: Header$1,
     ref: ref,
     ...props
   });
 });
+const HeaderImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledHeader, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
 const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
   return /*#__PURE__*/jsx(Box, {
     as: Header$1.Item,
@@ -42,18 +161,74 @@ const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
     ...props
   });
 });
-const HeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
+const StyledHeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
   return /*#__PURE__*/jsx(Box, {
     as: Header$1.Link,
     ref: ref,
     ...props
   });
 });
+const HeaderLink = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledHeaderLink, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
 const Header = Object.assign(HeaderImpl, {
   Item: HeaderItem,
   Link: HeaderLink
 });
 
+const Heading = styled(Heading$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Heading",
+  componentId: "sc-1vc165i-0"
+})(["", ""], sx);
+
+const StyledLabel = /*#__PURE__*/forwardRef(function Label(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Label$1,
+    ref: ref,
+    ...props
+  });
+});
+const Label = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledLabel, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+
+const StyledLink = styled(Link$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Link__StyledLink",
+  componentId: "sc-1syctfj-0"
+})(["", ""], sx);
+const Link = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledLink, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+
 const LinkButton = styled(LinkButton$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'
 }).withConfig({
@@ -61,6 +236,51 @@ const LinkButton = styled(LinkButton$1).withConfig({
   componentId: "sc-1v6zkmg-0"
 })(["", ""], sx);
 
+const NavListImpl = /*#__PURE__*/forwardRef(function NavList(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: NavList$1,
+    ref: ref,
+    ...props
+  });
+});
+const NavListItem = /*#__PURE__*/forwardRef(function NavListItem(props, ref) {
+  // @ts-expect-error - PrimerNavList.Item is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Box, {
+    as: NavList$1.Item,
+    ref: ref,
+    ...props
+  });
+});
+const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
+  // @ts-expect-error - PrimerNavList.Group is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Box, {
+    as: NavList$1.Group,
+    ref: ref,
+    ...props
+  });
+});
+const NavList = Object.assign(NavListImpl, {
+  // Wrapped components that need sx support added back in
+  Item: NavListItem,
+  Group: NavListGroup,
+  // Re-exporting others directly
+  // TODO: try to remove typecasts to work around "non-portable types" TS error
+  SubNav: NavList$1.SubNav,
+  Divider: NavList$1.Divider,
+  LeadingVisual: NavList$1.LeadingVisual,
+  TrailingVisual: NavList$1.TrailingVisual,
+  TrailingAction: NavList$1.TrailingAction,
+  GroupHeading: NavList$1.GroupHeading,
+  GroupExpand: NavList$1.GroupExpand
+});
+
+const Overlay = styled(Overlay$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Overlay",
+  componentId: "sc-tjbd74-0"
+})(["", ""], sx);
+
 const RadioGroupImpl = props => {
   return /*#__PURE__*/jsx(Box, {
     as: RadioGroup$1,
@@ -158,6 +378,26 @@ const SubNav = Object.assign(SubNavImpl, {
   Link: SubNavLink
 });
 
+const StyledText = styled(Text$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Text__StyledText",
+  componentId: "sc-1klmep6-0"
+})(["", ""], sx);
+const Text = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledText, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+});
+
 const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
   return /*#__PURE__*/jsx(Box, {
     as: Timeline$1,
@@ -207,6 +447,36 @@ const ToggleSwitch = /*#__PURE__*/forwardRef(function ToggleSwitch(props, ref) {
   });
 });
 
+const Token = /*#__PURE__*/React.forwardRef(({
+  sx: sxProp,
+  style,
+  ...rest
+}, ref) => {
+  const contextTheme = useTheme();
+  const theme$1 = contextTheme.theme || theme;
+
+  // If no sx prop is provided, just return PrimerToken directly
+  if (!sxProp) {
+    return /*#__PURE__*/jsx(Token$1, {
+      ...rest,
+      style: style,
+      ref: ref
+    });
+  }
+
+  // Convert sx to CSS styles using the theme context
+  const sxStyles = css(sxProp)(theme$1);
+  const mergedStyle = {
+    ...sxStyles,
+    ...style
+  };
+  return /*#__PURE__*/jsx(Token$1, {
+    ...rest,
+    style: mergedStyle,
+    ref: ref
+  });
+});
+
 const Truncate = styled(Truncate$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'
 }).withConfig({
@@ -214,21 +484,41 @@ const Truncate = styled(Truncate$1).withConfig({
   componentId: "sc-x3i4it-0"
 })(["", ""], sx);
 
-const UnderlineNavImpl = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
+const StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
   return /*#__PURE__*/jsx(Box, {
     as: UnderlineNav$1,
     ref: ref,
     ...props
   });
 });
-const UnderlineNavItem = styled(UnderlineNav$1.Item).withConfig({
+const UnderlineNavImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledUnderlineNav, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+const StyledUnderlineNavItem = styled(UnderlineNav$1.Item).withConfig({
   shouldForwardProp: prop => prop !== 'sx'
 }).withConfig({
-  displayName: "UnderlineNav__UnderlineNavItem",
+  displayName: "UnderlineNav__StyledUnderlineNavItem",
   componentId: "sc-dx6br2-0"
 })(["", ""], sx);
+const UnderlineNavItem = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledUnderlineNavItem, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
 const UnderlineNav = Object.assign(UnderlineNavImpl, {
   Item: UnderlineNavItem
 });
 
-export { Checkbox, CounterLabel, Flash, Header, LinkButton, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Timeline, ToggleSwitch, Truncate, UnderlineNav };
+export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "1.0.0-rc.4",
+  "version": "1.0.0-rc.5",
   "type": "module",
   "exports": {
     ".": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "^38.0.0-rc.4",
+    "@primer/react": "^38.0.0-rc.5",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "38.0.0-rc.4",
+    "@primer/react": "38.0.0-rc.5",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",

package/dist/components/StateLabelProps.d.ts

@@ -1,8 +0,0 @@
-import { type StateLabelProps as PrimerStateLabelProps } from '@primer/react';
-import { type SxProp } from '../sx';
-export type StateLabelProps = PrimerStateLabelProps & SxProp;
-export declare const StateLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
-    variant?: "small" | "normal";
-    status: "open" | "issueOpened" | "pullOpened" | "issueClosed" | "issueClosedNotPlanned" | "pullClosed" | "pullMerged" | "draft" | "issueDraft" | "pullQueued" | "unavailable" | "closed";
-} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=StateLabelProps.d.ts.map

package/dist/components/StateLabelProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StateLabelProps.d.ts","sourceRoot":"","sources":["../../src/components/StateLabelProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAG3G,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAE5D,eAAO,MAAM,UAAU;;;4DAErB,CAAA"}