@primer/styled-react 1.0.0-rc.7 → 1.0.0-rc.9

package/dist/components/CheckboxGroup.d.ts

@@ -13,10 +13,22 @@ type CheckboxOrRadioGroupValidationProps = PropsWithChildren<{
     className?: string;
     variant: 'error' | 'success';
 } & SxProp>;
-export declare const CheckboxGroup: ((props: CheckboxGroupProps) => React.JSX.Element) & {
-    Label: (props: CheckboxOrRadioGroupLabelProps) => React.JSX.Element;
-    Caption: (props: CheckboxOrRadioGroupCaptionProps) => React.JSX.Element;
-    Validation: (props: CheckboxOrRadioGroupValidationProps) => React.JSX.Element;
+export declare const CheckboxGroup: {
+    (props: CheckboxGroupProps): React.JSX.Element;
+    __SLOT__: symbol | undefined;
+} & {
+    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=CheckboxGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,IAAI,wBAAwB,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAA;AAOrF,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,aAAa,WAlCQ,kBAAkB;mBAWV,8BAA8B;qBAS5B,gCAAgC;wBAU7B,mCAAmC;CAQhF,CAAA"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,kBAAkB,IAAI,wBAAwB,EAAC,MAAM,eAAe,CAAA;AACvH,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAA;AAOrF,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,aAAa;YAlCQ,kBAAkB;;;;gBAWV,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}

package/dist/components/CheckboxGroup.js

@@ -0,0 +1,43 @@
+import { CheckboxGroup as CheckboxGroup$1 } from '@primer/react';
+import 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+const CheckboxGroupImpl = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1,
+    ...props
+  });
+};
+
+// Define local types based on the internal component props
+
+const CheckboxOrRadioGroupLabel = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1.Label,
+    ...props
+  });
+};
+const CheckboxOrRadioGroupCaption = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1.Caption,
+    ...props
+  });
+};
+const CheckboxOrRadioGroupValidation = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: CheckboxGroup$1.Validation,
+    ...props
+  });
+};
+const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
+  Label: CheckboxOrRadioGroupLabel,
+  Caption: CheckboxOrRadioGroupCaption,
+  Validation: CheckboxOrRadioGroupValidation
+});
+CheckboxGroupImpl.__SLOT__ = CheckboxGroup$1.__SLOT__;
+CheckboxOrRadioGroupLabel.__SLOT__ = CheckboxGroup$1.Label.__SLOT__;
+CheckboxOrRadioGroupCaption.__SLOT__ = CheckboxGroup$1.Caption.__SLOT__;
+CheckboxOrRadioGroupValidation.__SLOT__ = CheckboxGroup$1.Validation.__SLOT__;
+
+export { CheckboxGroup };

package/dist/components/CircleBadge.js

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

package/dist/components/CounterLabel.js

@@ -0,0 +1,14 @@
+import { CounterLabel as CounterLabel$1 } from '@primer/react';
+import Box from './Box.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: CounterLabel$1,
+    ref: ref,
+    ...props
+  });
+});
+
+export { CounterLabel };

package/dist/components/DataTable.js

@@ -0,0 +1,32 @@
+import { Table as Table$1 } from '@primer/react/experimental';
+import { sx } from '@primer/react';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
+
+const {
+  Container: PrimerDataTableContainer,
+  ...rest
+} = Table$1;
+const StyleDataTableContainer = styled(PrimerDataTableContainer).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "DataTable__StyleDataTableContainer",
+  componentId: "sc-qy1ey2-0"
+})(["", ""], sx);
+function DataTableContainer({
+  as,
+  ...rest
+}) {
+  return /*#__PURE__*/jsx(StyleDataTableContainer, {
+    ...rest,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
+}
+const Table = Object.assign(Table$1, {
+  Container: DataTableContainer,
+  ...rest
+});
+
+export { Table };

package/dist/components/Dialog.js

@@ -0,0 +1,43 @@
+import { Dialog as Dialog$1 } from '@primer/react';
+import Box from './Box.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const DialogImpl = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
+  // @ts-expect-error - PrimerDialog is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1,
+    ref: ref,
+    ...props
+  });
+});
+const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Header,
+    ref: ref,
+    ...props
+  });
+});
+const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
+  // @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Body,
+    ref: ref,
+    ...props
+  });
+});
+const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Footer,
+    ref: ref,
+    ...props
+  });
+});
+const Dialog = Object.assign(DialogImpl, {
+  Buttons: Dialog$1.Buttons,
+  Header: DialogHeader,
+  Body: DialogBody,
+  Footer: DialogFooter
+});
+
+export { Dialog };

package/dist/components/FeatureFlaggedTheming.d.ts

@@ -0,0 +1,9 @@
+import { useTheme as primerReactUseTheme, useColorSchemeVar as primerReactUseColorSchemeVar } from '@primer/react';
+import { type ThemeProviderProps } from './ThemeProvider';
+import { type BaseStylesProps } from './BaseStyles';
+export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
+export declare const BaseStyles: React.FC<React.PropsWithChildren<BaseStylesProps>>;
+export declare const useTheme: typeof primerReactUseTheme;
+export declare const useColorSchemeVar: typeof primerReactUseColorSchemeVar;
+export type { ThemeProviderProps, BaseStylesProps };
+//# sourceMappingURL=FeatureFlaggedTheming.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlaggedTheming.d.ts","sourceRoot":"","sources":["../../src/components/FeatureFlaggedTheming.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,IAAI,mBAAmB,EAC/B,iBAAiB,IAAI,4BAA4B,EAClD,MAAM,eAAe,CAAA;AACtB,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAsC,KAAK,eAAe,EAAC,MAAM,cAAc,CAAA;AAGtF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAO/E,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAOzE,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,mBAM7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,4BAMtC,CAAA;AAED,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA"}

package/dist/components/FeatureFlaggedTheming.js

@@ -0,0 +1,54 @@
+import { ThemeProvider as ThemeProvider$2, useTheme as useTheme$2, useColorSchemeVar as useColorSchemeVar$2, BaseStyles as BaseStyles$2 } from '@primer/react';
+import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1, useColorSchemeVar as useColorSchemeVar$1 } from './ThemeProvider.js';
+import { BaseStyles as BaseStyles$1 } from './BaseStyles.js';
+import { useFeatureFlag } from '@primer/react/experimental';
+import { jsx } from 'react/jsx-runtime';
+
+const ThemeProvider = ({
+  children,
+  ...props
+}) => {
+  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
+  if (enabled) {
+    return /*#__PURE__*/jsx(ThemeProvider$1, {
+      ...props,
+      children: children
+    });
+  } else {
+    return /*#__PURE__*/jsx(ThemeProvider$2, {
+      ...props,
+      children: children
+    });
+  }
+};
+const BaseStyles = ({
+  children,
+  ...props
+}) => {
+  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
+  if (enabled) {
+    return /*#__PURE__*/jsx(BaseStyles$1, {
+      ...props,
+      children: children
+    });
+  } else {
+    return /*#__PURE__*/jsx(BaseStyles$2, {
+      ...props,
+      children: children
+    });
+  }
+};
+const useTheme = () => {
+  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
+  const styledReactResults = useTheme$1();
+  const primerReactResults = useTheme$2();
+  return enabled ? styledReactResults : primerReactResults;
+};
+const useColorSchemeVar = (values, fallback) => {
+  const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
+  const styledReactResults = useColorSchemeVar$1(values, fallback);
+  const primerReactResults = useColorSchemeVar$2(values, fallback);
+  return enabled ? styledReactResults : primerReactResults;
+};
+
+export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme };

package/dist/components/Flash.js

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

package/dist/components/FormControl.d.ts

@@ -0,0 +1,12 @@
+import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type SxProp } from '@primer/react';
+import { type PropsWithChildren } from 'react';
+type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
+declare const FormControlImpl: React.ComponentType<FormControlProps>;
+declare const FormControl: typeof FormControlImpl & {
+    Caption: typeof PrimerFormControl.Caption;
+    LeadingVisual: typeof PrimerFormControl.LeadingVisual;
+    Validation: typeof PrimerFormControl.Validation;
+    Label: typeof PrimerFormControl.Label;
+};
+export { FormControl, type FormControlProps };
+//# sourceMappingURL=FormControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/components/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI5C,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAI1D,CAAA;AAED,QAAA,MAAM,WAAW,EAMX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,iBAAiB,CAAC,OAAO,CAAA;IACzC,aAAa,EAAE,OAAO,iBAAiB,CAAC,aAAa,CAAA;IACrD,UAAU,EAAE,OAAO,iBAAiB,CAAC,UAAU,CAAA;IAC/C,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}

package/dist/components/FormControl.js

@@ -0,0 +1,18 @@
+import { FormControl as FormControl$1, sx } from '@primer/react';
+import styled from 'styled-components';
+
+const FormControlImpl = styled(FormControl$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "FormControl__FormControlImpl",
+  componentId: "sc-1642wfe-0"
+})(["", ""], sx);
+const FormControl = Object.assign(FormControlImpl, {
+  __SLOT__: FormControl$1.__SLOT__,
+  Caption: FormControl$1.Caption,
+  LeadingVisual: FormControl$1.LeadingVisual,
+  Validation: FormControl$1.Validation,
+  Label: FormControl$1.Label
+});
+
+export { FormControl };

package/dist/components/Header.js

@@ -0,0 +1,52 @@
+import { Header as Header$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Header$1,
+    ref: ref,
+    ...props
+  });
+});
+const HeaderImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledHeader, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Header$1.Item,
+    ref: ref,
+    ...props
+  });
+});
+const StyledHeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Header$1.Link,
+    ref: ref,
+    ...props
+  });
+});
+const HeaderLink = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledHeaderLink, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+const Header = Object.assign(HeaderImpl, {
+  Item: HeaderItem,
+  Link: HeaderLink
+});
+
+export { Header };

package/dist/components/Heading.js

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

package/dist/components/IconButton.d.ts

@@ -0,0 +1,9 @@
+import { type IconButtonProps as PrimerIconButtonProps, type SlotMarker, type SxProp } from '@primer/react';
+import { type ForwardRefComponent } from '../polymorphic';
+type IconButtonProps = PrimerIconButtonProps & SxProp & {
+    as?: React.ElementType;
+};
+declare const IconButton: ForwardRefComponent<"a" | "button", IconButtonProps> & SlotMarker;
+export { IconButton };
+export type { IconButtonProps };
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,UAAU,EACf,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAMvD,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQhF,QAAA,MAAM,UAAU,EAUV,mBAAmB,CAAC,GAAG,GAAG,QAAQ,EAAE,eAAe,CAAC,GAAG,UAAU,CAAA;AAIvE,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAC,CAAA"}

package/dist/components/IconButton.js

@@ -0,0 +1,39 @@
+import { IconButton as IconButton$1, sx } from '@primer/react';
+import { generateCustomSxProp } from './Button.js';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+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.js

@@ -0,0 +1,25 @@
+import { Label as Label$1, sx } from '@primer/react';
+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.js

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

@@ -0,0 +1,11 @@
+import { LinkButton as LinkButton$1, sx } from '@primer/react';
+import styled from 'styled-components';
+
+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

@@ -1,25 +1,30 @@
 import { NavList as PrimerNavList } from '@primer/react';
-import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps } from '@primer/react';
-import { type ComponentProps, type PropsWithChildren } from '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';
-type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp;
-declare const NavList: import("react").ForwardRefExoticComponent<Omit<NavListProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
-    Item: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
-        children?: import("react").ReactNode | undefined;
-    } & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
-    Group: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
-        children: React.ReactNode;
-        title?: string;
-    } & {
-        children?: import("react").ReactNode | undefined;
-    } & SxProp & import("react").RefAttributes<HTMLLIElement>>;
-    SubNav: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.SubNav>>>;
-    Divider: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.Divider>>>;
-    LeadingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.LeadingVisual>>>;
-    TrailingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingVisual>>>;
-    TrailingAction: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingAction>>>;
-    GroupHeading: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupHeading>>>;
-    GroupExpand: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupExpand>>>;
+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

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE3C,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAoBlE,QAAA,MAAM,OAAO;;;;;;;;;;YAOqB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;aAC5E,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;mBACnE,KAAK,CAAC,EAAE,CACpD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,aAAa,CAAC,CAAC,CAC5E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;kBAC2C,KAAK,CAAC,EAAE,CAClD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,YAAY,CAAC,CAAC,CAC3E;iBACyC,KAAK,CAAC,EAAE,CAChD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,CAAC,CAC1E;CACD,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
+{"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,73 @@
+import { NavList as NavList$1, sx } from '@primer/react';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+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.js

@@ -0,0 +1,11 @@
+import { Overlay as Overlay$1, sx } from '@primer/react';
+import styled from 'styled-components';
+
+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.map

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