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

package/README.md

@@ -28,6 +28,24 @@ 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/PageHeader-Bvki2mbE.js

@@ -0,0 +1,87 @@
+import { PageHeader as PageHeader$1, sx, Box } from '@primer/react';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
+
+const PageHeaderImpl = styled(PageHeader$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "PageHeader__PageHeaderImpl",
+  componentId: "sc-1g9symn-0"
+})(["", ""], sx);
+function PageHeaderActions({
+  sx,
+  ...rest
+}) {
+  const style = {};
+  if (sx) {
+    // @ts-ignore sx has height attribute
+    const {
+      height
+    } = sx;
+    if (height) {
+      style['--custom-height'] = height;
+    }
+  }
+
+  // @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Actions
+  return /*#__PURE__*/jsx(Box, {
+    ...rest,
+    as: PageHeader$1.Actions,
+    style: style,
+    sx: sx
+  });
+}
+function PageHeaderTitle({
+  sx,
+  ...rest
+}) {
+  const style = {};
+  if (sx) {
+    // @ts-ignore sx can have color attribute
+    const {
+      fontSize,
+      lineHeight,
+      fontWeight
+    } = sx;
+    if (fontSize) {
+      style['--custom-font-size'] = fontSize;
+    }
+    if (lineHeight) {
+      style['--custom-line-height'] = lineHeight;
+    }
+    if (fontWeight) {
+      style['--custom-font-weight'] = fontWeight;
+    }
+  }
+
+  // @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Title
+  return /*#__PURE__*/jsx(Box, {
+    ...rest,
+    as: PageHeader$1.Title,
+    style: style,
+    sx: sx
+  });
+}
+const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "PageHeader__PageHeaderTitleArea",
+  componentId: "sc-1g9symn-1"
+})(["", ""], sx);
+const PageHeader = Object.assign(PageHeaderImpl, {
+  Actions: PageHeaderActions,
+  ContextArea: PageHeader$1.ContextArea,
+  ParentLink: PageHeader$1.ParentLink,
+  ContextBar: PageHeader$1.ContextBar,
+  TitleArea: PageHeaderTitleArea,
+  ContextAreaActions: PageHeader$1.ContextAreaActions,
+  LeadingAction: PageHeader$1.LeadingAction,
+  Breadcrumbs: PageHeader$1.Breadcrumbs,
+  LeadingVisual: PageHeader$1.LeadingVisual,
+  Title: PageHeaderTitle,
+  TrailingVisual: PageHeader$1.TrailingVisual,
+  Description: PageHeader$1.Description,
+  TrailingAction: PageHeader$1.TrailingAction
+});
+
+export { PageHeader as P };

package/dist/components/Box.d.ts

@@ -0,0 +1,2 @@
+export { Box, type BoxProps } from '@primer/react';
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,eAAe,CAAA"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import { type CheckboxProps as PrimerCheckboxProps } from '@primer/react';
+import { type SxProp } from '../sx';
+export type CheckboxProps = PrimerCheckboxProps & SxProp;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAGnG,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,MAAM,CAAA;AAExD,eAAO,MAAM,QAAQ,yHAEnB,CAAA"}

package/dist/components/CounterLabel.d.ts

@@ -0,0 +1,10 @@
+import { type CounterLabelProps as PrimerCounterLabelProps } from '@primer/react';
+import { type SxProp } from '../sx';
+export type CounterLabelProps = PrimerCounterLabelProps & SxProp;
+export declare const CounterLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
+    scheme?: "primary" | "secondary";
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=CounterLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/components/CounterLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AAGnH,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,eAAO,MAAM,YAAY;;;;;4DAEvB,CAAA"}

package/dist/components/Flash.d.ts

@@ -0,0 +1,8 @@
+import { type FlashProps as PrimerFlashProps } from '@primer/react';
+import { type SxProp } from '../sx';
+import type { ForwardRefComponent } from '../polymorphic';
+type FlashProps = PrimerFlashProps & SxProp;
+declare const Flash: ForwardRefComponent<'div', FlashProps>;
+export { Flash };
+export type { FlashProps };
+//# sourceMappingURL=Flash.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../src/components/Flash.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AAEvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,CAAA;AAE3C,QAAA,MAAM,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAIjD,CAAA;AAED,OAAO,EAAC,KAAK,EAAC,CAAA;AACd,YAAY,EAAC,UAAU,EAAC,CAAA"}

package/dist/components/Header.d.ts

@@ -0,0 +1,11 @@
+import { type HeaderProps as PrimerHeaderProps, type HeaderItemProps as PrimerHeaderItemProps, type HeaderLinkProps as PrimerHeaderLinkProps } from '@primer/react';
+import type { ForwardRefComponent } from '../polymorphic';
+import type { SxProp } from '../sx';
+type HeaderProps = PrimerHeaderProps & SxProp;
+type HeaderItemProps = PrimerHeaderItemProps & SxProp;
+declare const Header: ForwardRefComponent<"header", HeaderProps> & {
+    Item: import("react").ForwardRefExoticComponent<Omit<HeaderItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Link: import("react").ForwardRefExoticComponent<Omit<PrimerHeaderLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export { Header, type HeaderProps };
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAE9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAUrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}

package/dist/components/LinkButton.d.ts

@@ -0,0 +1,7 @@
+import { type LinkButtonProps as PrimerLinkButtonProps, type SxProp } from '@primer/react';
+import { type ForwardRefComponent } from '../polymorphic';
+type LinkButtonProps = PrimerLinkButtonProps & SxProp;
+declare const LinkButton: ForwardRefComponent<'a', LinkButtonProps>;
+export { LinkButton };
+export type { LinkButtonProps };
+//# sourceMappingURL=LinkButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/components/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAE7C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAErD,QAAA,MAAM,UAAU,EAAE,mBAAmB,CAAC,GAAG,EAAE,eAAe,CAIzD,CAAA;AAED,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAC,CAAA"}

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,30 @@
+import { PageHeader as PrimerPageHeader, type PageHeaderProps as PrimerPageHeaderProps, type PageHeaderTitleProps as PrimerPageHeaderTitleProps, type PageHeaderActionsProps as PrimerPageHeaderActionsProps, type PageHeaderTitleAreaProps as PrimerPageHeaderTitleAreaProps } from '@primer/react';
+import { type SxProp } from '../sx';
+import type { ForwardRefComponent } from '../polymorphic';
+import type { PropsWithChildren } from 'react';
+type PageHeaderProps = PrimerPageHeaderProps & SxProp;
+type PageHeaderActionsProps = PrimerPageHeaderActionsProps & SxProp;
+declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps): import("react").JSX.Element;
+type PageHeaderTitleProps = PropsWithChildren<PrimerPageHeaderTitleProps> & SxProp;
+declare function PageHeaderTitle({ sx, ...rest }: PageHeaderTitleProps): import("react").JSX.Element;
+type PageHeaderTitleAreaProps = PropsWithChildren<PrimerPageHeaderTitleAreaProps> & SxProp;
+declare const PageHeaderTitleArea: ForwardRefComponent<'div', PageHeaderTitleAreaProps>;
+type PageHeaderComponent = ForwardRefComponent<'div', PageHeaderProps> & {
+    Actions: typeof PageHeaderActions;
+    ContextArea: typeof PrimerPageHeader.ContextArea;
+    ParentLink: typeof PrimerPageHeader.ParentLink;
+    ContextBar: typeof PrimerPageHeader.ContextBar;
+    TitleArea: typeof PageHeaderTitleArea;
+    ContextAreaActions: typeof PrimerPageHeader.ContextAreaActions;
+    LeadingAction: typeof PrimerPageHeader.LeadingAction;
+    Breadcrumbs: typeof PrimerPageHeader.Breadcrumbs;
+    LeadingVisual: typeof PrimerPageHeader.LeadingVisual;
+    Title: typeof PageHeaderTitle;
+    TrailingVisual: typeof PrimerPageHeader.TrailingVisual;
+    Description: typeof PrimerPageHeader.Description;
+    TrailingAction: typeof PrimerPageHeader.TrailingAction;
+};
+declare const PageHeader: PageHeaderComponent;
+export { PageHeader };
+export type { PageHeaderProps, PageHeaderActionsProps, PageHeaderTitleProps };
+//# sourceMappingURL=PageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAUrD,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,+BAY/D;AAED,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAA;AAMlF,iBAAS,eAAe,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,oBAAoB,+BAoB3D;AAED,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,CAM7E,CAAA;AAED,KAAK,mBAAmB,GAAG,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG;IACvE,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,UAAU,EAAE,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAC9C,SAAS,EAAE,OAAO,mBAAmB,CAAA;IACrC,kBAAkB,EAAE,OAAO,gBAAgB,CAAC,kBAAkB,CAAA;IAC9D,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,aAAa,EAAE,OAAO,gBAAgB,CAAC,aAAa,CAAA;IACpD,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;IACtD,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,cAAc,EAAE,OAAO,gBAAgB,CAAC,cAAc,CAAA;CACvD,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,mBAchB,CAAA;AAEF,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAC,CAAA"}

package/dist/components/RadioGroup.d.ts

@@ -0,0 +1,22 @@
+import { type RadioGroupProps as PrimerRadioGroupProps } from '@primer/react';
+import React, { type PropsWithChildren } from 'react';
+import type { SxProp } from '../sx';
+export type RadioGroupProps = PropsWithChildren<PrimerRadioGroupProps> & SxProp;
+type CheckboxOrRadioGroupLabelProps = PropsWithChildren<{
+    className?: string;
+    visuallyHidden?: boolean;
+} & SxProp>;
+type CheckboxOrRadioGroupCaptionProps = PropsWithChildren<{
+    className?: string;
+} & SxProp>;
+type CheckboxOrRadioGroupValidationProps = PropsWithChildren<{
+    className?: string;
+    variant: 'error' | 'success';
+} & SxProp>;
+export declare const RadioGroup: ((props: RadioGroupProps) => React.JSX.Element) & {
+    Label: (props: CheckboxOrRadioGroupLabelProps) => React.JSX.Element;
+    Caption: (props: CheckboxOrRadioGroupCaptionProps) => React.JSX.Element;
+    Validation: (props: CheckboxOrRadioGroupValidationProps) => React.JSX.Element;
+};
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAChH,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAO/E,KAAK,8BAA8B,GAAG,iBAAiB,CACrD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,gCAAgC,GAAG,iBAAiB,CACvD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,mCAAmC,GAAG,iBAAiB,CAC1D;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,GAAG,MAAM,CACX,CAAA;AAKD,eAAO,MAAM,UAAU,WAlCQ,eAAe;mBAWJ,8BAA8B;qBAS5B,gCAAgC;wBAU7B,mCAAmC;CAQhF,CAAA"}

package/dist/components/RelativeTime.d.ts

@@ -0,0 +1,6 @@
+import { type RelativeTimeProps as PrimerRelativeTimeProps } from '@primer/react';
+import React from 'react';
+import type { SxProp } from '../sx';
+export type RelativeTimeProps = PrimerRelativeTimeProps & SxProp;
+export declare function RelativeTime(props: RelativeTimeProps): React.JSX.Element;
+//# sourceMappingURL=RelativeTime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../src/components/RelativeTime.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AACxH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAGpD"}

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,12 @@
+import { type SegmentedControlProps as PrimerSegmentedControlProps, type SegmentedControlButtonProps as PrimerSegmentedControlButtonProps, type SegmentedControlIconButtonProps as PrimerSegmentedControlIconButtonProps } from '@primer/react';
+import type { PropsWithChildren } from 'react';
+import type { SxProp } from '../sx';
+type SegmentedControlProps = PropsWithChildren<PrimerSegmentedControlProps> & SxProp;
+type SegmentedControlButtonProps = PropsWithChildren<PrimerSegmentedControlButtonProps> & SxProp;
+type SegmentedControlIconButtonProps = PropsWithChildren<PrimerSegmentedControlIconButtonProps> & SxProp;
+declare const SegmentedControl: ((props: SegmentedControlProps) => import("react").JSX.Element) & {
+    Button: (props: SegmentedControlButtonProps) => import("react").JSX.Element;
+    IconButton: (props: SegmentedControlIconButtonProps) => import("react").JSX.Element;
+};
+export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, };
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,IAAI,2BAA2B,EAEzD,KAAK,2BAA2B,IAAI,iCAAiC,EACrE,KAAK,+BAA+B,IAAI,qCAAqC,EAC9E,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,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;AAEF,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,GACrC,CAAA"}

package/dist/components/Spinner.d.ts

@@ -0,0 +1,6 @@
+import { type SpinnerProps as PrimerSpinnerProps } from '@primer/react';
+import React from 'react';
+import type { SxProp } from '../sx';
+export type SpinnerProps = PrimerSpinnerProps & SxProp;
+export declare function Spinner(props: SpinnerProps): React.JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AACpG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAEtD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAE1C"}

package/dist/components/StateLabel.d.ts

@@ -0,0 +1,9 @@
+import { type StateLabelProps as PrimerStateLabelProps } from '@primer/react';
+import type { SxProp } from '../sx';
+type StateLabelProps = PrimerStateLabelProps & SxProp;
+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>>;
+export { StateLabel, type StateLabelProps };
+//# sourceMappingURL=StateLabel.d.ts.map

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

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

package/dist/components/StateLabelProps.d.ts

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/SubNav.d.ts

@@ -0,0 +1,9 @@
+import { type SubNavProps as PrimerSubNavProps, type SubNavLinkProps as PrimerSubNavLinkProps } from '@primer/react';
+import type { SxProp } from '../sx';
+type SubNavProps = PrimerSubNavProps & SxProp;
+type SubNavLinkProps = PrimerSubNavLinkProps & SxProp;
+declare const SubNav: import("react").ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
+    Link: import("react").ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export { SubNav, type SubNavProps, type SubNavLinkProps };
+//# sourceMappingURL=SubNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/components/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAMrD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/Timeline.d.ts

@@ -0,0 +1,26 @@
+import { type TimelineProps as PrimerTimelineProps, type TimelineItemProps as PrimerTimelineItemProps, type TimelineBadgeProps as PrimerTimelineBadgeProps, type TimelineBodyProps as PrimerTimelineBodyProps, type TimelineBreakProps as PrimerTimelineBreakProps } from '@primer/react';
+import { type SxProp } from '../sx';
+export type TimelineProps = PrimerTimelineProps & SxProp;
+export type TimelineItemProps = PrimerTimelineItemProps & SxProp;
+export type TimelineBadgeProps = PrimerTimelineBadgeProps & SxProp;
+export type TimelineBodyProps = PrimerTimelineBodyProps & SxProp;
+export type TimelineBreakProps = PrimerTimelineBreakProps & SxProp;
+declare function TimelineBadge(props: TimelineBadgeProps): import("react").JSX.Element;
+export declare const Timeline: import("react").ForwardRefExoticComponent<{
+    clipSidebar?: boolean;
+    className?: string;
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<{
+        condensed?: boolean;
+        className?: string;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+    Badge: typeof TimelineBadge;
+    Body: import("react").ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+    Break: import("react").ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,IAAI,mBAAmB,EACzC,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,kBAAkB,IAAI,wBAAwB,EACnD,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,kBAAkB,IAAI,wBAAwB,EACpD,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,MAAM,CAAA;AACxD,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAChE,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAClE,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAChE,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAUlE,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAE/C;AAUD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAKnB,CAAA"}

package/dist/components/ToggleSwitch.d.ts

@@ -0,0 +1,6 @@
+import { type ToggleSwitchProps as PrimerToggleSwitchProps } from '@primer/react';
+import type { StyledProps } from '../styled-props';
+type ToggleSwitchProps = PrimerToggleSwitchProps & Omit<StyledProps, keyof PrimerToggleSwitchProps>;
+declare const ToggleSwitch: import("react").ForwardRefExoticComponent<PrimerToggleSwitchProps & Omit<StyledProps, keyof PrimerToggleSwitchProps> & import("react").RefAttributes<HTMLButtonElement>>;
+export { ToggleSwitch, type ToggleSwitchProps };
+//# sourceMappingURL=ToggleSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/components/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AAGnH,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAEhD,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,uBAAuB,CAAC,CAAA;AAEnG,QAAA,MAAM,YAAY,0KAEhB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,CAAA"}

package/dist/components/Truncate.d.ts

@@ -0,0 +1,7 @@
+import { type TruncateProps as PrimerTruncateProps } from '@primer/react';
+import { type SxProp } from '../sx';
+import type { PropsWithChildren } from 'react';
+import type { ForwardRefComponent } from '../polymorphic';
+export type TruncateProps = PropsWithChildren<PrimerTruncateProps> & SxProp;
+export declare const Truncate: ForwardRefComponent<'div', TruncateProps>;
+//# sourceMappingURL=Truncate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../../src/components/Truncate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAA;AACnG,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,GAAG,MAAM,CAAA;AAE3E,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAI9D,CAAA"}

package/dist/components/UnderlineNav.d.ts

@@ -0,0 +1,9 @@
+import { type UnderlineNavProps as PrimerUnderlineNavProps, type UnderlineNavItemProps as PrimerUnderlineNavItemProps } from '@primer/react';
+import type { ForwardRefComponent } from '../polymorphic';
+import { type SxProp } from '../sx';
+export type UnderlineNavProps = PrimerUnderlineNavProps & SxProp;
+export type UnderlineNavItemProps = PrimerUnderlineNavItemProps & SxProp;
+export declare const UnderlineNav: import("react").ForwardRefExoticComponent<PrimerUnderlineNavProps & SxProp & import("react").RefAttributes<HTMLElement>> & {
+    Item: ForwardRefComponent<"a", UnderlineNavItemProps>;
+};
+//# sourceMappingURL=UnderlineNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav.d.ts","sourceRoot":"","sources":["../../src/components/UnderlineNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,qBAAqB,IAAI,2BAA2B,EAC1D,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAMhE,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,MAAM,CAAA;AAUxE,eAAO,MAAM,YAAY;;CAEvB,CAAA"}

package/dist/components.json

@@ -0,0 +1,92 @@
+{
+  "components": [
+    "ActionList",
+    "ActionMenu",
+    "Autocomplete",
+    "Avatar",
+    "Box",
+    "Breadcrumbs",
+    "Button",
+    "Checkbox",
+    "CheckboxGroup",
+    "CircleBadge",
+    "CounterLabel",
+    "Details",
+    "Dialog",
+    "Flash",
+    "FormControl",
+    "Header",
+    "Heading",
+    "IconButton",
+    "Label",
+    "Link",
+    "LinkButton",
+    "NavList",
+    "Octicon",
+    "Overlay",
+    "PageHeader",
+    "PageLayout",
+    "ProgressBar",
+    "RadioGroup",
+    "RelativeTime",
+    "SegmentedControl",
+    "Select",
+    "Spinner",
+    "StateLabel",
+    "SubNav",
+    "Table",
+    "TabNav",
+    "Text",
+    "Textarea",
+    "TextInput",
+    "ThemeProvider",
+    "Timeline",
+    "ToggleSwitch",
+    "Token",
+    "Tooltip",
+    "Truncate",
+    "UnderlineNav",
+    "UnderlinePanels"
+  ],
+  "types": [
+    "BetterSystemStyleObject",
+    "BoxProps",
+    "CheckboxProps",
+    "CounterLabelProps",
+    "HeaderProps",
+    "LinkButtonProps",
+    "PageHeaderActionsProps",
+    "PageHeaderProps",
+    "PageHeaderTitleProps",
+    "RadioGroupProps",
+    "RelativeTimeProps",
+    "SegmentedControlButtonProps",
+    "SegmentedControlIconButtonProps",
+    "SegmentedControlProps",
+    "SpinnerProps",
+    "StateLabelProps",
+    "SubNavLinkProps",
+    "SubNavProps",
+    "SxProp",
+    "TextInputProps",
+    "TimelineBadgeProps",
+    "TimelineBodyProps",
+    "TimelineBreakProps",
+    "TimelineItemProps",
+    "TimelineProps",
+    "ToggleSwitchProps",
+    "TokenProps",
+    "TooltipProps",
+    "TruncateProps",
+    "UnderlineNavItemProps",
+    "UnderlineNavProps"
+  ],
+  "utilities": [
+    "merge",
+    "sx",
+    "theme",
+    "themeGet",
+    "useColorSchemeVar",
+    "useTheme"
+  ]
+}

package/dist/deprecated.d.ts

@@ -1,2 +1,2 @@
-export { Dialog, Octicon, TabNav, Tooltip } from '@primer/react/deprecated';
+export { Dialog, Octicon, TabNav, Tooltip, type TooltipProps } 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,OAAO,EAAE,MAAM,EAAE,OAAO,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,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA"}

package/dist/experimental.d.ts

@@ -1,2 +1,3 @@
-export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
+export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
+export { Dialog, 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,UAAU,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,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"}

package/dist/experimental.js

@@ -1 +1,5 @@
-export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels } from '@primer/react/experimental';
+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';

package/dist/index.d.ts

@@ -1,25 +1,53 @@
-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 };
+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 { 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 { Flash } from './components/Flash';
+export { Header, type HeaderProps } from './components/Header';
+export { LinkButton, type LinkButtonProps } from './components/LinkButton';
+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';
 //# 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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,62 +1,234 @@
-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';
-
-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);
+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 styled from 'styled-components';
+export { P as PageHeader } from './PageHeader-Bvki2mbE.js';
+
+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 LinkButton = styled(LinkButton$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "LinkButton",
+  componentId: "sc-1v6zkmg-0"
+})(["", ""], sx);
+
+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
+  });
 }
 
 const SegmentedControlButton = props => {
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: SegmentedControl$1.Button
-  }, props));
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.Button,
+    ...props
+  });
 };
 const SegmentedControlIconButton = props => {
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: SegmentedControl$1.IconButton
-  }, props));
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.IconButton,
+    ...props
+  });
 };
 const SegmentedControlImpl = props => {
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: SegmentedControl$1
-  }, props));
+  return /*#__PURE__*/jsx(Box, {
+    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__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/jsx(Box, {
     as: StateLabel$1,
-    ref: ref
-  }, props));
+    ref: ref,
+    ...props
+  });
 });
+
 const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/jsx(Box, {
     as: SubNav$1,
-    ref: ref
-  }, props));
+    ref: ref,
+    ...props
+  });
 });
 const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/jsx(Box, {
     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__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/jsx(Box, {
     as: ToggleSwitch$1,
-    ref: ref
-  }, props));
+    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
 });
 
-export { SegmentedControl, StateLabel, SubNav, ToggleSwitch };
+export { Checkbox, CounterLabel, Flash, Header, LinkButton, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Timeline, ToggleSwitch, Truncate, UnderlineNav };

package/dist/polymorphic.d.ts

@@ -0,0 +1,38 @@
+/**
+ * This file is originally from `@radix-ui/react-polymorphic` before the package
+ * was deprecated. The original source for this lived in the URL below.
+ *
+ * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
+ */
+import * as React from 'react';
+type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+    /**
+     * When `as` prop is passed, use this overload.
+     * Merges original own props (without DOM props) and the inferred props
+     * from `as` element with the own props taking precedence.
+     *
+     * We explicitly avoid `React.ElementType` and manually narrow the prop types
+     * so that events are typed when using JSX.IntrinsicElements.
+     */
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement | null;
+}
+export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };
+//# sourceMappingURL=polymorphic.d.ts.map

package/dist/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../src/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAC,EAAE,CAAC,EAAE,CAAC,CAAA;CAAC,CAAC,CACjG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAKb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC;IACnE;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAC,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAC,GACjC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GAC7B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GACrD,KAAK,GACZ,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC7B;AAED,YAAY,EAAC,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,CAAA"}

package/dist/styled-props.d.ts

@@ -0,0 +1,5 @@
+import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
+import type { SxProp } from './sx';
+export type StyledProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
+export type { BetterSystemStyleObject } from '@primer/react';
+//# sourceMappingURL=styled-props.d.ts.map

package/dist/styled-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-props.d.ts","sourceRoot":"","sources":["../src/styled-props.ts"],"names":[],"mappings":"AAAA,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;AACtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAEhC,MAAM,MAAM,WAAW,GAAG,MAAM,GAC9B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA;AAEb,YAAY,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAA"}

package/dist/sx.d.ts

@@ -0,0 +1,2 @@
+export { sx, type SxProp } from '@primer/react';
+//# sourceMappingURL=sx.d.ts.map

package/dist/sx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.0-rc.4",
   "type": "module",
   "exports": {
     ".": {
@@ -14,7 +14,8 @@
     "./experimental": {
       "types": "./dist/experimental.d.ts",
       "default": "./dist/experimental.js"
-    }
+    },
+    "./components.json": "./dist/components.json"
   },
   "files": [
     "README.md",
@@ -29,11 +30,12 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "^38.0.0-rc.3",
+    "@primer/react": "^38.0.0-rc.4",
     "@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",
@@ -44,7 +46,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "38.0.0-rc.3",
+    "@primer/react": "38.0.0-rc.4",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",