@primer/styled-react 0.0.0-20250926225310 → 0.0.0-20250926231646

package/README.md

@@ -28,24 +28,6 @@ to an alternative styling solution, such as CSS Modules.
 
 The documentation for `@primer/react` lives at [primer.style](https://primer.style). There, you'll find detailed documentation on getting started, all of the components, our theme, our principles, and more.
 
-## Components List
-
-A machine-readable list of all exported components, utilities, and types is available at build time:
-
-```javascript
-import componentsData from '@primer/styled-react/components.json' with {type: 'json'}
-
-console.log(componentsData.components) // Array of component names
-console.log(componentsData.utilities) // Array of utility names
-console.log(componentsData.types) // Array of type names
-```
-
-This JSON file is automatically generated during the build process and includes:
-
-- `components`: All React components exported by the package
-- `utilities`: Theme utilities and helper functions
-- `types`: TypeScript type definitions
-
 ## 🙌 Contributing
 
 We love collaborating with folks inside and outside of GitHub and welcome contributions! If you're interested, check out our [contributing docs](contributor-docs/CONTRIBUTING.md) for more info on how to get started.

package/dist/deprecated.d.ts

@@ -1,3 +1,2 @@
-export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/TabNav';
-export { Dialog, Octicon, Tooltip, type TooltipProps } from '@primer/react/deprecated';
+export { Dialog, Octicon, TabNav, Tooltip } from '@primer/react/deprecated';
 //# sourceMappingURL=deprecated.d.ts.map

package/dist/deprecated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,0BAA0B,CAAA"}

package/dist/deprecated.js

@@ -1,41 +1 @@
-import { TabNav as TabNav$1 } from '@primer/react/deprecated';
-export { Dialog, Octicon, Tooltip } from '@primer/react/deprecated';
-import { sx } from '@primer/react';
-import styled from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-const StyledTabNav = styled(TabNav$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "TabNav__StyledTabNav",
-  componentId: "sc-v7az9x-0"
-})(["", ""], sx);
-
-// @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
-const TabNavImpl = ({
-  as,
-  ...props
-}) => /*#__PURE__*/jsx(StyledTabNav, {
-  forwardedAs: as,
-  ...props
-});
-const StyledTabNavLink = styled(TabNav$1.Link).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "TabNav__StyledTabNavLink",
-  componentId: "sc-v7az9x-1"
-})(["", ""], sx);
-
-// @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
-const TabNavLink = ({
-  as,
-  ...props
-}) => /*#__PURE__*/jsx(StyledTabNavLink, {
-  forwardedAs: as,
-  ...props
-});
-const TabNav = Object.assign(TabNavImpl, {
-  Link: TabNavLink
-});
-
-export { TabNav };
+export { Dialog, Octicon, TabNav, Tooltip } from '@primer/react/deprecated';

package/dist/experimental.d.ts

@@ -1,4 +1,2 @@
-export { Dialog, type DialogProps } from './components/Dialog';
-export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
-export { Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
+export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels } 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,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;AAChC,OAAO,EAAC,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,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA"}

package/dist/experimental.js

@@ -1,6 +1 @@
-export { D as Dialog, P as PageHeader } from './PageHeader-C_Msl3QK.js';
-export { Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
-import '@primer/react';
-import 'react';
-import 'react/jsx-runtime';
-import 'styled-components';
+export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';

package/dist/index.d.ts

@@ -1,53 +1,25 @@
-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 { FormControl } from '@primer/react';
-export { Heading } from '@primer/react';
-export { IconButton } from '@primer/react';
-export { Label } from '@primer/react';
-export { Overlay } from '@primer/react';
-export { ProgressBar } 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 { Checkbox, type CheckboxProps } from './components/Checkbox';
-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 { Link, type LinkProps } from './components/Link';
-export { LinkButton, type LinkButtonProps } from './components/LinkButton';
-export { NavList, type NavListProps } from './components/NavList';
-export { PageLayout, type PageLayoutProps } from './components/PageLayout';
-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';
-export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, } from './components/SegmentedControl';
-export { Spinner, type SpinnerProps } from './components/Spinner';
-export { StateLabel, type StateLabelProps } from './components/StateLabel';
-export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
-export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
-export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
-export { Truncate, type TruncateProps } from './components/Truncate';
-export { UnderlineNav, type UnderlineNavProps, type UnderlineNavItemProps } from './components/UnderlineNav';
-export { sx, type SxProp } from './sx';
-export type { BetterSystemStyleObject } from './styled-props';
+import { type BetterSystemStyleObject, type BoxProps, type SxProp, type SubNavProps as PrimerSubNavProps, type SubNavLinkProps as PrimerSubNavLinkProps, type ToggleSwitchProps as PrimerToggleSwitchProps, type SegmentedControlProps as PrimerSegmentedControlProps, type SegmentedControlButtonProps as PrimerSegmentedControlButtonProps, type SegmentedControlIconButtonProps as PrimerSegmentedControlIconButtonProps } from '@primer/react';
+import React, { type PropsWithChildren } from 'react';
+import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
+type StyledProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
+type SegmentedControlProps = PropsWithChildren<PrimerSegmentedControlProps> & SxProp;
+type SegmentedControlButtonProps = PropsWithChildren<PrimerSegmentedControlButtonProps> & SxProp;
+type SegmentedControlIconButtonProps = PropsWithChildren<PrimerSegmentedControlIconButtonProps> & SxProp;
+declare const SegmentedControl: ((props: SegmentedControlProps) => React.JSX.Element) & {
+    Button: (props: SegmentedControlButtonProps) => React.JSX.Element;
+    IconButton: (props: SegmentedControlIconButtonProps) => React.JSX.Element;
+};
+declare const StateLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    variant?: "small" | "normal";
+    status: "open" | "issueOpened" | "pullOpened" | "issueClosed" | "issueClosedNotPlanned" | "pullClosed" | "pullMerged" | "draft" | "issueDraft" | "pullQueued" | "unavailable" | "closed";
+} & SxProp & React.RefAttributes<HTMLSpanElement>>;
+type SubNavProps = PrimerSubNavProps & SxProp;
+type SubNavLinkProps = PrimerSubNavLinkProps & SxProp;
+declare const SubNav: React.ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+};
+declare const ToggleSwitch: React.ForwardRefExoticComponent<PrimerToggleSwitchProps & Omit<StyledProps, keyof PrimerToggleSwitchProps> & React.RefAttributes<HTMLButtonElement>>;
+export { SegmentedControl, StateLabel, SubNav, ToggleSwitch };
+export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumbs, Button, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Details, Dialog, Flash, FormControl, Header, Heading, IconButton, Label, Link, LinkButton, NavList, Overlay, PageHeader, PageLayout, ProgressBar, RadioGroup, RelativeTime, Select, Spinner, Text, Textarea, TextInput, Timeline, Token, Tooltip, Truncate, UnderlineNav, Box, sx, ThemeProvider, merge, theme, themeGet, useColorSchemeVar, useTheme, } from '@primer/react';
+export type { BoxProps, SxProp, BetterSystemStyleObject };
 //# sourceMappingURL=index.d.ts.map

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,EACL,KAAK,uBAAuB,EAE5B,KAAK,QAAQ,EACb,KAAK,MAAM,EAIX,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAE7C,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,qBAAqB,IAAI,2BAA2B,EAEzD,KAAK,2BAA2B,IAAI,iCAAiC,EACrE,KAAK,+BAA+B,IAAI,qCAAqC,EAC9E,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EAChB,MAAM,eAAe,CAAA;AAEtB,KAAK,WAAW,GAAG,MAAM,GACvB,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA;AAEb,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,2BAA2B,CAAC,GAAG,MAAM,CAAA;AACpF,KAAK,2BAA2B,GAAG,iBAAiB,CAAC,iCAAiC,CAAC,GAAG,MAAM,CAAA;AAChG,KAAK,+BAA+B,GAAG,iBAAiB,CAAC,qCAAqC,CAAC,GAAG,MAAM,CAAA;AAcxG,QAAA,MAAM,gBAAgB,WAJe,qBAAqB;oBARnB,2BAA2B;wBAIvB,+BAA+B;CAWxE,CAAA;AAIF,QAAA,MAAM,UAAU;;;kDAEd,CAAA;AAEF,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAMrD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAIF,QAAA,MAAM,YAAY,sJAEhB,CAAA;AAEF,OAAO,EAAC,gBAAgB,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAC,CAAA;AAE3D,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAY,EAGZ,GAAG,EACH,EAAE,EAGF,aAAa,EACb,KAAK,EACL,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,YAAY,EAAC,QAAQ,EAAE,MAAM,EAAE,uBAAuB,EAAC,CAAA"}

package/dist/index.js

@@ -1,328 +1,62 @@
-import { Box, Checkbox as Checkbox$1, CounterLabel as CounterLabel$1, Flash as Flash$1, sx, Header as Header$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, PageLayout as PageLayout$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, FormControl, Heading, IconButton, Label, Overlay, ProgressBar, Select, Text, TextInput, Textarea, ThemeProvider, Token, Tooltip, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
+import { Box, SegmentedControl as SegmentedControl$1, SubNav as SubNav$1, StateLabel as StateLabel$1, ToggleSwitch as ToggleSwitch$1 } from '@primer/react';
+export { ActionList, ActionMenu, Autocomplete, Avatar, Box, Breadcrumbs, Button, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Details, Dialog, Flash, FormControl, Header, Heading, IconButton, Label, Link, LinkButton, NavList, Overlay, PageHeader, PageLayout, ProgressBar, RadioGroup, RelativeTime, Select, Spinner, Text, TextInput, Textarea, ThemeProvider, Timeline, Token, Tooltip, Truncate, UnderlineNav, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
 import React, { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-export { D as Dialog, P as PageHeader } from './PageHeader-C_Msl3QK.js';
-import styled from 'styled-components';
 
-const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Checkbox$1,
-    ref: ref,
-    ...props
-  });
-});
-
-const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: CounterLabel$1,
-    ref: ref,
-    ...props
-  });
-});
-
-const Flash = styled(Flash$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Flash",
-  componentId: "sc-413izo-0"
-})(["", ""], sx);
-
-const HeaderImpl = /*#__PURE__*/forwardRef(function Header(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Header$1,
-    ref: ref,
-    ...props
-  });
-});
-const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Header$1.Item,
-    ref: ref,
-    ...props
-  });
-});
-const HeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Header$1.Link,
-    ref: ref,
-    ...props
-  });
-});
-const Header = Object.assign(HeaderImpl, {
-  Item: HeaderItem,
-  Link: HeaderLink
-});
-
-const Link = styled(Link$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Link",
-  componentId: "sc-1syctfj-0"
-})(["", ""], sx);
-
-const LinkButton = styled(LinkButton$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "LinkButton",
-  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 Wrapper = styled.div.withConfig({
-  displayName: "PageLayout__Wrapper",
-  componentId: "sc-pjybtc-0"
-})(["", ""], sx);
-const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
-  // @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Wrapper, {
-    as: PageLayout$1,
-    ref: ref,
-    ...props
-  });
-});
-const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
-  return /*#__PURE__*/jsx(Wrapper, {
-    as: PageLayout$1.Content,
-    ref: ref,
-    ...props
-  });
-});
-const PageLayoutHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
-  // @ts-expect-error - PrimerPageLayout.Header is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Wrapper, {
-    as: PageLayout$1.Header,
-    ref: ref,
-    ...props
-  });
-});
-const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
-  return /*#__PURE__*/jsx(Wrapper, {
-    as: PageLayout$1.Pane,
-    ref: ref,
-    ...props
-  });
-});
-const PageLayoutFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
-  // @ts-expect-error - PrimerPageLayout.Footer is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Wrapper, {
-    as: PageLayout$1.Footer,
-    ref: ref,
-    ...props
-  });
-});
-const PageLayout = Object.assign(PageLayoutImpl, {
-  Content: PageLayoutContent,
-  Header: PageLayoutHeader,
-  Pane: PageLayoutPane,
-  Footer: PageLayoutFooter
-});
-
-const RadioGroupImpl = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1,
-    ...props
-  });
-};
-
-// Define local types based on the internal component props
-
-const CheckboxOrRadioGroupLabel = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1.Label,
-    ...props
-  });
-};
-const CheckboxOrRadioGroupCaption = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1.Caption,
-    ...props
-  });
-};
-const CheckboxOrRadioGroupValidation = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1.Validation,
-    ...props
-  });
-};
-const RadioGroup = Object.assign(RadioGroupImpl, {
-  Label: CheckboxOrRadioGroupLabel,
-  Caption: CheckboxOrRadioGroupCaption,
-  Validation: CheckboxOrRadioGroupValidation
-});
-
-function RelativeTime(props) {
-  // @ts-expect-error the types for Box are not correctly inferred here
-  return /*#__PURE__*/jsx(Box, {
-    as: RelativeTime$1,
-    ...props
-  });
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const SegmentedControlButton = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1.Button,
-    ...props
-  });
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: SegmentedControl$1.Button
+  }, props));
 };
 const SegmentedControlIconButton = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1.IconButton,
-    ...props
-  });
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: SegmentedControl$1.IconButton
+  }, props));
 };
 const SegmentedControlImpl = props => {
-  return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1,
-    ...props
-  });
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: SegmentedControl$1
+  }, props));
 };
 const SegmentedControl = Object.assign(SegmentedControlImpl, {
   Button: SegmentedControlButton,
   IconButton: SegmentedControlIconButton
 });
-
-function Spinner(props) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Spinner$1,
-    ...props
-  });
-}
-
 const StateLabel = /*#__PURE__*/forwardRef(function StateLabel(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, _extends({
     as: StateLabel$1,
-    ref: ref,
-    ...props
-  });
+    ref: ref
+  }, props));
 });
-
 const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, _extends({
     as: SubNav$1,
-    ref: ref,
-    ...props
-  });
+    ref: ref
+  }, props));
 });
 const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, _extends({
     as: SubNav$1.Link,
-    ref: ref,
-    ...props
-  });
+    ref: ref
+  }, props));
 });
 const SubNav = Object.assign(SubNavImpl, {
   Link: SubNavLink
 });
-
-const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Timeline$1,
-    ref: ref,
-    ...props
-  });
-});
-const TimelineItem = /*#__PURE__*/forwardRef(function TimelineItem(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Timeline$1.Item,
-    ref: ref,
-    ...props
-  });
-});
-function TimelineBadge(props) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Timeline$1.Badge,
-    ...props
-  });
-}
-const TimelineBody = /*#__PURE__*/forwardRef(function TimelineBody(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Timeline$1.Body,
-    ref: ref,
-    ...props
-  });
-});
-const TimelineBreak = /*#__PURE__*/forwardRef(function TimelineBreak(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Timeline$1.Break,
-    ref: ref,
-    ...props
-  });
-});
-const Timeline = Object.assign(TimelineImpl, {
-  Item: TimelineItem,
-  Badge: TimelineBadge,
-  Body: TimelineBody,
-  Break: TimelineBreak
-});
-
 const ToggleSwitch = /*#__PURE__*/forwardRef(function ToggleSwitch(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, _extends({
     as: ToggleSwitch$1,
-    ref: ref,
-    ...props
-  });
-});
-
-const Truncate = styled(Truncate$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Truncate",
-  componentId: "sc-x3i4it-0"
-})(["", ""], sx);
-
-const UnderlineNavImpl = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: UnderlineNav$1,
-    ref: ref,
-    ...props
-  });
-});
-const UnderlineNavItem = styled(UnderlineNav$1.Item).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "UnderlineNav__UnderlineNavItem",
-  componentId: "sc-dx6br2-0"
-})(["", ""], sx);
-const UnderlineNav = Object.assign(UnderlineNavImpl, {
-  Item: UnderlineNavItem
+    ref: ref
+  }, props));
 });
 
-export { Checkbox, CounterLabel, Flash, Header, Link, LinkButton, NavList, PageLayout, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Timeline, ToggleSwitch, Truncate, UnderlineNav };
+export { SegmentedControl, StateLabel, SubNav, ToggleSwitch };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20250926225310",
+  "version": "0.0.0-20250926231646",
   "type": "module",
   "exports": {
     ".": {
@@ -14,8 +14,7 @@
     "./experimental": {
       "types": "./dist/experimental.d.ts",
       "default": "./dist/experimental.js"
-    },
-    "./components.json": "./dist/components.json"
+    }
   },
   "files": [
     "README.md",
@@ -30,12 +29,11 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20250926225310",
+    "@primer/react": "0.0.0-20250926231646",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
-    "babel-plugin-styled-components": "2.1.4",
     "publint": "^0.3.12",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -46,7 +44,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20250926225310",
+    "@primer/react": "0.0.0-20250926231646",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",