@primer/styled-react 1.0.8-rc.ff9ea71b3 → 1.0.9-rc.98bb12ac8

package/dist/components/Button.js

@@ -1,112 +0,0 @@
-import { Button } from '@primer/react';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { sx } from '../sx.js';
-import { jsx } from 'react/jsx-runtime';
-
-const StyledButtonComponent = styled(Button).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Button__StyledButtonComponent",
-  componentId: "sc-vqy3e4-0"
-})(["", ""], sx);
-const ButtonComponent = /*#__PURE__*/forwardRef(({
-  as,
-  sx,
-  style: propStyle,
-  ...props
-}, ref) => {
-  const {
-    block,
-    size = 'medium',
-    leadingVisual,
-    trailingVisual,
-    trailingAction
-  } = props;
-  let sxStyles = {};
-  const style = {
-    ...(propStyle || {})
-  };
-  if (sx !== null && Object.keys(sx || {}).length > 0) {
-    sxStyles = generateCustomSxProp({
-      block,
-      size,
-      leadingVisual,
-      trailingVisual,
-      trailingAction
-    }, sx);
-    const {
-      color
-    } = sx;
-    if (color) style['--button-color'] = color;
-  }
-  return /*#__PURE__*/jsx(StyledButtonComponent, {
-    style: style,
-    sx: sxStyles,
-    ref: ref,
-    ...props,
-    ...(as ? {
-      forwardedAs: as
-    } : {})
-  });
-});
-
-// This function is used to generate a custom cssSelector for the sxProp
-
-// The usual sx prop can like this:
-// sx={{
-//   [`@media (max-width: 768px)`]: {
-//     '& > ul': {
-//       backgroundColor: 'deeppink',
-//     },
-//     '&:hover': {
-//       backgroundColor: 'yellow',
-//     },
-//   },
-//  '&:hover': {
-//     backgroundColor: 'yellow',
-//   },
-//  '&': {
-//  width : 320px
-// }
-// }}
-//*
-/* What we want for Button styles is this:
-sx={{
-//   [`@media (max-width: 768px)`]: {
-//     '&[data-attribute="something"] > ul': {
-//       backgroundColor: 'deeppink',
-//     },
-//     '&[data-attribute="something"]:hover': {
-//       backgroundColor: 'yellow',
-//     },
-//   },
-//  '&[data-attribute="something"]:hover': {
-//     backgroundColor: 'yellow',
-//   },
-//  '&[data-attribute="something"]': {
-//     width : 320px
-//  }
-// }}
-
-// We need to make sure we append the customCSSSelector to the original class selector. i.e & - > &[data-attribute="Icon"][data-size="small"]
-*/
-function generateCustomSxProp(props, providedSx) {
-  // Possible data attributes: data-size, data-block, data-no-visuals
-  const size = `[data-size="${props.size}"]`;
-  const block = props.block ? `[data-block="block"]` : '';
-  const noVisuals = props.leadingVisual || props.trailingVisual || props.trailingAction ? '' : '[data-no-visuals]';
-
-  // this is a custom selector. We need to make sure we add the data attributes to the base css class (& -> &[data-attributename="value"]])
-  const cssSelector = `&${size}${block}${noVisuals}`; // &[data-size="small"][data-block="block"][data-no-visuals]
-
-  const customSxProp = {};
-  if (!providedSx) return customSxProp;else {
-    customSxProp[cssSelector] = providedSx;
-    return customSxProp;
-  }
-}
-ButtonComponent.displayName = 'Button';
-ButtonComponent.__SLOT__ = Button.__SLOT__;
-
-export { ButtonComponent, generateCustomSxProp };

package/dist/components/Button.stories.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("../polymorphic").ForwardRefComponent<"button", import("./Button").ButtonComponentProps> & import("@primer/react").SlotMarker;
-};
-export default _default;
-export declare const WithColor: () => import("react").JSX.Element;
-export declare const WithFontSize: () => import("react").JSX.Element;
-//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/Button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/components/Button.stories.tsx"],"names":[],"mappings":";;;;AAEA,wBAGC;AAED,eAAO,MAAM,SAAS,mCAAgE,CAAA;AAEtF,eAAO,MAAM,YAAY,mCAA0D,CAAA"}

package/dist/components/Dialog.d.ts

@@ -1,30 +0,0 @@
-import type { DialogProps as PrimerDialogProps } from '@primer/react';
-import type { SxProp } from '../sx';
-import { type PropsWithChildren } from 'react';
-type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp & {
-    as?: React.ElementType;
-};
-type StyledBodyProps = React.ComponentProps<'div'> & SxProp & {
-    as?: React.ElementType;
-};
-type StyledFooterProps = React.ComponentProps<'div'> & SxProp & {
-    as?: React.ElementType;
-};
-declare const Dialog: import("react").ForwardRefExoticComponent<PrimerDialogProps & {
-    children?: import("react").ReactNode | undefined;
-} & SxProp & {
-    as?: React.ElementType;
-} & import("react").RefAttributes<HTMLDivElement>> & {
-    __SLOT__: symbol;
-    Buttons: import("react").FC<PropsWithChildren<{
-        buttons: import("@primer/react").DialogButtonProps[];
-    }>>;
-    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & {
-        as?: React.ElementType;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    Body: import("react").ForwardRefExoticComponent<Omit<StyledBodyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Footer: import("react").ForwardRefExoticComponent<Omit<StyledFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-};
-export { Dialog };
-export type { DialogProps };
-//# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAa,MAAM,eAAe,CAAA;AAC/E,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAwB3F,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAYtF,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAgBxF,QAAA,MAAM,MAAM;;;SApD6D,KAAK,CAAC,WAAW;;;;;;;aAYhB,KAAK,CAAC,WAAW;;;;CA8CzF,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}

package/dist/components/Dialog.js

@@ -1,90 +0,0 @@
-import { Dialog as Dialog$1 } from '@primer/react';
-import { sx } from '../sx.js';
-import styled from 'styled-components';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-const StyledDialog = styled(Dialog$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Dialog__StyledDialog",
-  componentId: "sc-19zph8h-0"
-})(["", ""], sx);
-const DialogImpl = /*#__PURE__*/forwardRef(function Dialog({
-  as,
-  ...props
-}, ref) {
-  return /*#__PURE__*/jsx(StyledDialog, {
-    ref: ref,
-    ...(as ? {
-      forwardedAs: as
-    } : {}),
-    ...props
-  });
-});
-const StyledDialogHeader = styled(Dialog$1.Header).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Dialog__StyledDialogHeader",
-  componentId: "sc-19zph8h-1"
-})(["", ""], sx);
-const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader({
-  as,
-  ...props
-}, ref) {
-  return /*#__PURE__*/jsx(StyledDialogHeader, {
-    ref: ref,
-    ...(as ? {
-      forwardedAs: as
-    } : {}),
-    ...props
-  });
-});
-const StyledDialogBody = styled(Dialog$1.Body).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Dialog__StyledDialogBody",
-  componentId: "sc-19zph8h-2"
-})(["", ""], sx);
-const DialogBody = /*#__PURE__*/forwardRef(function DialogBody({
-  as,
-  ...props
-}, ref) {
-  return /*#__PURE__*/jsx(StyledDialogBody, {
-    ref: ref,
-    ...(as ? {
-      forwardedAs: as
-    } : {}),
-    ...props
-  });
-});
-const StyledDialogFooter = styled(Dialog$1.Footer).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "Dialog__StyledDialogFooter",
-  componentId: "sc-19zph8h-3"
-})(["", ""], sx);
-const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter({
-  as,
-  ...props
-}, ref) {
-  return /*#__PURE__*/jsx(StyledDialogFooter, {
-    ref: ref,
-    ...(as ? {
-      forwardedAs: as
-    } : {}),
-    ...props
-  });
-});
-DialogHeader.__SLOT__ = Dialog$1.Header.__SLOT__;
-DialogBody.__SLOT__ = Dialog$1.Body.__SLOT__;
-DialogFooter.__SLOT__ = Dialog$1.Footer.__SLOT__;
-const Dialog = Object.assign(DialogImpl, {
-  __SLOT__: Dialog$1['__SLOT__'],
-  Buttons: Dialog$1.Buttons,
-  Header: DialogHeader,
-  Body: DialogBody,
-  Footer: DialogFooter
-});
-
-export { Dialog };

package/dist/components/Flash.d.ts

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

@@ -1 +0,0 @@
-{"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/Flash.js

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

package/dist/components/Heading.d.ts

@@ -1,8 +0,0 @@
-import { type HeadingProps as PrimerHeadingProps } from '@primer/react';
-import type { ForwardRefComponent } from '../polymorphic';
-import { type SxProp } from '../sx';
-type HeadingLevels = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type HeadingProps = PrimerHeadingProps & SxProp;
-declare const Heading: ForwardRefComponent<HeadingLevels, HeadingProps>;
-export { Heading, type HeadingProps };
-//# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/components/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AACrE,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGrC,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5D,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,mBAAmB,CAAC,aAAa,EAAE,YAAY,CAI7D,CAAA;AAED,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}

package/dist/components/Heading.js

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

@@ -1,10 +0,0 @@
-import { type IconButtonProps as PrimerIconButtonProps, type SlotMarker } from '@primer/react';
-import { type ForwardRefComponent } from '../polymorphic';
-import { type SxProp } from '../sx';
-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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAIvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,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

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

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

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

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

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

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

@@ -1,26 +0,0 @@
-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/Spinner.d.ts

@@ -1,5 +0,0 @@
-import { Spinner as PrimerSpinner, type SpinnerProps as PrimerSpinnerProps } from '@primer/react';
-import { type SxProp } from '../sx';
-export type SpinnerProps = PrimerSpinnerProps & SxProp;
-export declare const Spinner: import("styled-components").StyledComponent<typeof PrimerSpinner, any, SpinnerProps, never>;
-//# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAE,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGrC,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAEtD,eAAO,MAAM,OAAO,6FAInB,CAAA"}

package/dist/components/Spinner.js

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

package/dist/components/Text.d.ts

@@ -1,15 +0,0 @@
-import { type TextProps as PrimerTextProps } from '@primer/react';
-import { type SxProp } from '../sx';
-import type React from 'react';
-import type { ForwardRefComponent } from '../polymorphic';
-type BaseTextProps = {
-    size?: 'large' | 'medium' | 'small';
-    weight?: 'light' | 'normal' | 'medium' | 'semibold';
-    className?: string;
-    children?: React.ReactNode;
-    as?: React.ElementType;
-} & SxProp & React.HTMLAttributes<HTMLElement>;
-type TextProps<As extends React.ElementType = 'span'> = PrimerTextProps<As> & SxProp;
-declare const Text: ForwardRefComponent<"span", BaseTextProps>;
-export { Text, type TextProps };
-//# sourceMappingURL=Text.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,IAAI,eAAe,EAAC,MAAM,eAAe,CAAA;AACnF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,GAAG,MAAM,GACR,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAGnC,KAAK,SAAS,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,eAAe,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAQpF,QAAA,MAAM,IAAI,EAEJ,mBAAmB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAEhD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,CAAA"}

package/dist/components/Text.js

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

package/dist/components/TextInput.d.ts

@@ -1,15 +0,0 @@
-import { type TextInputProps as PrimerTextInputProps, type TextInputActionProps as PrimerTextInputActionProps } from '@primer/react';
-import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
-import { type SxProp } from '../sx';
-import { type ForwardRefComponent } from '../polymorphic';
-export type TextInputProps = PrimerTextInputProps & SxProp & {
-    as?: React.ElementType;
-};
-export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
-declare const TextInputAction: ForwardRefComponent<'button', TextInputActionProps>;
-type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
-    Action: typeof TextInputAction;
-};
-export declare const TextInput: TextInputComposite;
-export {};
-//# sourceMappingURL=TextInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,IAAI,oBAAoB,EAC3C,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AACrF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAYtE,QAAA,MAAM,eAAe,EAAE,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAIxE,CAAA;AAED,KAAK,kBAAkB,GAAG,yBAAyB,CAAC,cAAc,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,GAAG;IACtG,MAAM,EAAE,OAAO,eAAe,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,kBAGtB,CAAA"}

package/dist/components/TextInput.js

@@ -1,38 +0,0 @@
-import { TextInput as TextInput$1 } from '@primer/react';
-import { forwardRef } from 'react';
-import { sx } from '../sx.js';
-import styled from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-const StyledTextInput = styled(TextInput$1).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "TextInput__StyledTextInput",
-  componentId: "sc-ttxlvl-0"
-})(["", ""], sx);
-const TextInputImpl = /*#__PURE__*/forwardRef(({
-  as,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsx(StyledTextInput, {
-    ref: ref,
-    ...props,
-    ...(as ? {
-      forwardedAs: as
-    } : {})
-  });
-});
-const TextInputAction = styled(TextInput$1.Action).withConfig({
-  shouldForwardProp: prop => prop !== 'sx'
-}).withConfig({
-  displayName: "TextInput__TextInputAction",
-  componentId: "sc-ttxlvl-1"
-})(["", ""], sx);
-const TextInput = Object.assign(TextInputImpl, {
-  __SLOT__: TextInput$1.__SLOT__,
-  Action: TextInputAction
-});
-TextInputAction.displayName = 'TextInputAction';
-TextInputImpl.displayName = 'TextInput';
-
-export { TextInput };

package/dist/components/ToggleSwitch.d.ts

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

@@ -1 +0,0 @@
-{"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/ToggleSwitch.js

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

package/dist/components/UnderlineNav.d.ts

@@ -1,11 +0,0 @@
-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 declare const UnderlineNavImpl: ForwardRefComponent<"nav", UnderlineNavProps>;
-export type UnderlineNavItemProps = PrimerUnderlineNavItemProps & SxProp & React.HTMLAttributes<HTMLElement>;
-export declare const UnderlineNavItem: ForwardRefComponent<"a", UnderlineNavItemProps>;
-export declare const UnderlineNav: ForwardRefComponent<"nav", UnderlineNavProps> & {
-    Item: ForwardRefComponent<"a", UnderlineNavItemProps>;
-};
-//# sourceMappingURL=UnderlineNav.d.ts.map

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

@@ -1 +0,0 @@
-{"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,eAAO,MAAM,gBAAgB,EAEvB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;AAEnD,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAS5G,eAAO,MAAM,gBAAgB,EAEvB,mBAAmB,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAA;AAErD,eAAO,MAAM,YAAY;;CAEvB,CAAA"}