@primer/styled-react 1.0.0-rc.0 → 1.0.0-rc.10

package/dist/components/IconButton.js

@@ -0,0 +1,40 @@
+import { IconButton as IconButton$1 } from '@primer/react';
+import { generateCustomSxProp } from './Button.js';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledIconButton = styled(IconButton$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "IconButton__StyledIconButton",
+  componentId: "sc-i53dt6-0"
+})(["", ""], sx);
+const IconButton = /*#__PURE__*/forwardRef(({
+  as,
+  sx,
+  ...props
+}, ref) => {
+  let sxStyles = sx;
+  // grap the button props that have associated data attributes in the styles
+  const {
+    size = 'medium'
+  } = props;
+  if (sx !== null && sx !== undefined && Object.keys(sx).length > 0) {
+    sxStyles = generateCustomSxProp({
+      size
+    }, sx);
+  }
+  return /*#__PURE__*/jsx(StyledIconButton, {
+    sx: sxStyles,
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+IconButton.__SLOT__ = IconButton$1.__SLOT__;
+
+export { IconButton };

package/dist/components/Label.d.ts

@@ -0,0 +1,9 @@
+import { type LabelProps as PrimerLabelProps } from '@primer/react';
+import { type SxProp } from '../sx';
+import type { ForwardRefComponent } from '../polymorphic';
+type LabelProps = PrimerLabelProps & SxProp & {
+    as?: React.ElementType;
+};
+declare const Label: ForwardRefComponent<"span", LabelProps>;
+export { Label, type LabelProps };
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AACvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQtE,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}

package/dist/components/Label.js

@@ -0,0 +1,26 @@
+import { Label as Label$1 } from '@primer/react';
+import sx from '../sx.js';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledLabel = styled(Label$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Label__StyledLabel",
+  componentId: "sc-1cpass9-0"
+})(["", ""], sx);
+const Label = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledLabel, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+
+export { Label };

package/dist/components/Link.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,IAAI,eAAe,EAAC,MAAM,eAAe,CAAA;AAEnF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,SAAS,GAAG,eAAe,GAAG,MAAM,CAAA;AAQzC,QAAA,MAAM,IAAI,EAEJ,mBAAmB,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;AAEzC,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,CAAA"}

package/dist/components/Link.js

@@ -0,0 +1,26 @@
+import { Link as Link$1 } from '@primer/react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+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
+  });
+});
+
+export { Link };

package/dist/components/LinkButton.d.ts

@@ -0,0 +1,8 @@
+import { type LinkButtonProps as PrimerLinkButtonProps } from '@primer/react';
+import { type ForwardRefComponent } from '../polymorphic';
+import { type SxProp } from '../sx';
+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,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,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/LinkButton.js

@@ -0,0 +1,12 @@
+import { LinkButton as LinkButton$1 } from '@primer/react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+
+const LinkButton = styled(LinkButton$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "LinkButton",
+  componentId: "sc-1v6zkmg-0"
+})(["", ""], sx);
+
+export { LinkButton };

package/dist/components/NavList.d.ts

@@ -0,0 +1,30 @@
+import { NavList as PrimerNavList } from '@primer/react';
+import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps, NavListLeadingVisualProps as PrimerNavListLeadingVisualProps } from '@primer/react';
+import { type PropsWithChildren } from 'react';
+import { type SxProp } from '../sx';
+import type { ForwardRefComponent } from '../polymorphic';
+type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp & {
+    as?: React.ElementType;
+};
+type NavListItemProps = PropsWithChildren<PrimerNavListItemProps> & SxProp & {
+    as?: React.ElementType;
+};
+declare const NavListItem: ForwardRefComponent<"a", NavListItemProps>;
+type NavListLeadingVisualProps = PropsWithChildren<PrimerNavListLeadingVisualProps> & SxProp & {
+    as?: React.ElementType;
+};
+declare const NavListLeadingVisual: ForwardRefComponent<"span", NavListLeadingVisualProps>;
+type NavListCompound = React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLElement>> & {
+    Item: typeof NavListItem;
+    Group: typeof PrimerNavList.Group;
+    GroupHeading: typeof PrimerNavList.GroupHeading;
+    LeadingVisual: typeof NavListLeadingVisual;
+    SubNav: typeof PrimerNavList.SubNav;
+    Divider: typeof PrimerNavList.Divider;
+    TrailingVisual: typeof PrimerNavList.TrailingVisual;
+    TrailingAction: typeof PrimerNavList.TrailingAction;
+    GroupExpand: typeof PrimerNavList.GroupExpand;
+};
+declare const NavList: NavListCompound;
+export { NavList, type NavListProps };
+//# sourceMappingURL=NavList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAC1C,yBAAyB,IAAI,+BAA+B,EAE7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAY7F,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAC/D,MAAM,GAAG;IACP,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAQH,QAAA,MAAM,WAAW,EAEX,mBAAmB,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAA;AAEhD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GACjF,MAAM,GAAG;IACP,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAQH,QAAA,MAAM,oBAAoB,EAEpB,mBAAmB,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAE3D;AAED,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;IACjC,YAAY,EAAE,OAAO,aAAa,CAAC,YAAY,CAAA;IAC/C,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}

package/dist/components/NavList.js

@@ -0,0 +1,74 @@
+import { NavList as NavList$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledNavListImpl = styled(NavList$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "NavList__StyledNavListImpl",
+  componentId: "sc-86jrwg-0"
+})(["", ""], sx);
+const NavListImpl = /*#__PURE__*/forwardRef(function NavList({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledNavListImpl, {
+    ref: ref,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ...props
+  });
+});
+const StyledNavListItem = styled(NavList$1.Item).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "NavList__StyledNavListItem",
+  componentId: "sc-86jrwg-1"
+})(["", ""], sx);
+const NavListItem = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledNavListItem, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+const StyledNavListLeadingVisual = styled(NavList$1.LeadingVisual).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "NavList__StyledNavListLeadingVisual",
+  componentId: "sc-86jrwg-2"
+})(["", ""], sx);
+const NavListLeadingVisual = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledNavListLeadingVisual, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+NavListLeadingVisual.__SLOT__ = NavList$1.LeadingVisual.__SLOT__;
+const NavList = Object.assign(NavListImpl, {
+  Item: NavListItem,
+  Group: NavList$1.Group,
+  GroupHeading: NavList$1.GroupHeading,
+  LeadingVisual: NavListLeadingVisual,
+  SubNav: NavList$1.SubNav,
+  Divider: NavList$1.Divider,
+  TrailingVisual: NavList$1.TrailingVisual,
+  TrailingAction: NavList$1.TrailingAction,
+  GroupExpand: NavList$1.GroupExpand
+});
+
+export { NavList };

package/dist/components/Overlay.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AAE/F,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAIrD,CAAA;AAED,OAAO,EAAC,OAAO,EAAC,CAAA;AAChB,YAAY,EAAC,YAAY,EAAC,CAAA"}

package/dist/components/Overlay.js

@@ -0,0 +1,12 @@
+import { Overlay as Overlay$1 } from '@primer/react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+
+const Overlay = styled(Overlay$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Overlay",
+  componentId: "sc-tjbd74-0"
+})(["", ""], sx);
+
+export { Overlay };

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,31 @@
+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';
+import React from 'react';
+type PageHeaderProps = PrimerPageHeaderProps & SxProp;
+type PageHeaderActionsProps = PrimerPageHeaderActionsProps & SxProp;
+declare function PageHeaderActions({ sx, ...rest }: PageHeaderActionsProps): React.JSX.Element;
+type PageHeaderTitleProps = PropsWithChildren<PrimerPageHeaderTitleProps> & SxProp;
+declare const PageHeaderTitle: ({ as, ...props }: PageHeaderTitleProps) => React.JSX.Element;
+type PageHeaderTitleAreaProps = PropsWithChildren<PrimerPageHeaderTitleAreaProps> & SxProp;
+declare const PageHeaderTitleArea: ForwardRefComponent<'div', PageHeaderTitleAreaProps>;
+type PageHeaderComponentType = 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: PageHeaderComponentType;
+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,EAA2B,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,KAAK,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAEnE,iBAAS,iBAAiB,CAAC,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAY/D;AAED,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAA;AAwBlF,QAAA,MAAM,eAAe,GAAI,kBAAgB,oBAAoB,sBAE5D,CAAA;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,uBAAuB,GAAG,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG;IAC3E,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,uBAchB,CAAA;AAEF,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAC,CAAA"}

package/dist/components/PageHeader.js

@@ -0,0 +1,109 @@
+import { PageHeader as PageHeader$1 } from '@primer/react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+import Box from './Box.js';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledPageHeader = styled(PageHeader$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "PageHeader__StyledPageHeader",
+  componentId: "sc-1g9symn-0"
+})(["", ""], sx);
+const PageHeaderImpl = /*#__PURE__*/React.forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledPageHeader, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+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 StyledPageHeaderTitle({
+  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 PageHeaderTitle = ({
+  as,
+  ...props
+}) => /*#__PURE__*/jsx(StyledPageHeaderTitle, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {})
+});
+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 };

package/dist/components/PageLayout.d.ts

@@ -0,0 +1,23 @@
+import React, { type PropsWithChildren } from 'react';
+import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
+import { PageLayout as PrimerPageLayout } from '@primer/react';
+import { type SxProp } from '../sx';
+type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
+declare const PageLayoutImpl: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
+    children?: React.ReactNode | undefined;
+} & SxProp & React.RefAttributes<HTMLDivElement>>;
+declare const PageLayoutContent: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
+    children?: React.ReactNode | undefined;
+} & SxProp & React.RefAttributes<HTMLDivElement>>;
+declare const PageLayoutPane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
+    children?: React.ReactNode | undefined;
+} & SxProp & React.RefAttributes<HTMLDivElement>>;
+type PageLayoutType = typeof PageLayoutImpl & {
+    Content: typeof PageLayoutContent;
+    Header: typeof PrimerPageLayout.Header;
+    Pane: typeof PageLayoutPane;
+    Footer: typeof PrimerPageLayout.Footer;
+};
+declare const PageLayout: PageLayoutType;
+export { PageLayout, type PageLayoutProps };
+//# sourceMappingURL=PageLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,mBAAmB,IAAI,yBAAyB,EAEjD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAExE,QAAA,MAAM,cAAc;;iDAGlB,CAAA;AAIF,QAAA,MAAM,iBAAiB;;iDAErB,CAAA;AAIF,QAAA,MAAM,cAAc;;iDAElB,CAAA;AAEF,KAAK,cAAc,GAAG,OAAO,cAAc,GAAG;IAC5C,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,cAMhB,CAED;AAGD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/PageLayout.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import styled from 'styled-components';
+import { PageLayout as PageLayout$1 } from '@primer/react';
+import sx from '../sx.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(Wrapper, {
+    as: PageLayout$1.Pane,
+    ref: ref,
+    ...props
+  });
+});
+const PageLayout = Object.assign(PageLayoutImpl, {
+  __SLOT__: PageLayout$1.__SLOT__,
+  Content: PageLayoutContent,
+  Header: PageLayout$1.Header,
+  Pane: PageLayoutPane,
+  Footer: PageLayout$1.Footer
+});
+PageLayoutContent.__SLOT__ = PageLayout$1.Content.__SLOT__;
+PageLayoutPane.__SLOT__ = PageLayout$1.Pane.__SLOT__;
+
+export { PageLayout };

package/dist/components/RadioGroup.d.ts

@@ -0,0 +1,34 @@
+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;
+    __SLOT__: symbol;
+} & {
+    Label: {
+        (props: CheckboxOrRadioGroupLabelProps): React.JSX.Element;
+        __SLOT__: symbol | undefined;
+    };
+    Caption: {
+        (props: CheckboxOrRadioGroupCaptionProps): React.JSX.Element;
+        __SLOT__: symbol | undefined;
+    };
+    Validation: {
+        (props: CheckboxOrRadioGroupValidationProps): React.JSX.Element;
+        __SLOT__: symbol | undefined;
+    };
+};
+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,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAC3G,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,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;YAlCQ,eAAe;;;;gBAWJ,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}

package/dist/components/RadioGroup.js

@@ -0,0 +1,43 @@
+import { RadioGroup as RadioGroup$1 } from '@primer/react';
+import 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+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
+});
+RadioGroupImpl.__SLOT__ = RadioGroup$1.__SLOT__;
+CheckboxOrRadioGroupLabel.__SLOT__ = RadioGroup$1.Label.__SLOT__;
+CheckboxOrRadioGroupCaption.__SLOT__ = RadioGroup$1.Caption.__SLOT__;
+CheckboxOrRadioGroupValidation.__SLOT__ = RadioGroup$1.Validation.__SLOT__;
+
+export { RadioGroup };

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,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AACnH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAGpD"}

package/dist/components/RelativeTime.js

@@ -0,0 +1,14 @@
+import { RelativeTime as RelativeTime$1 } from '@primer/react';
+import 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+function RelativeTime(props) {
+  // @ts-expect-error the types for Box are not correctly inferred here
+  return /*#__PURE__*/jsx(Box, {
+    as: RelativeTime$1,
+    ...props
+  });
+}
+
+export { RelativeTime };

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,19 @@
+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) & {
+    __SLOT__: symbol;
+    Button: {
+        (props: SegmentedControlButtonProps): import("react").JSX.Element;
+        __SLOT__: symbol | undefined;
+    };
+    IconButton: {
+        (props: SegmentedControlIconButtonProps): import("react").JSX.Element;
+        __SLOT__: symbol | undefined;
+    };
+};
+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;;;gBARnB,2BAA2B;;;;gBAIvB,+BAA+B;;;CAYxE,CAAA;AAKF,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,GACrC,CAAA"}