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

package/dist/components/PageLayout.d.ts

@@ -1,18 +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 PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
+declare const PageLayoutImpl: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
     children?: React.ReactNode | undefined;
-} & SxProp & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
-        children?: React.ReactNode | undefined;
-    } & SxProp & React.RefAttributes<HTMLDivElement>>;
-    Header: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutHeaderProps>>;
-    Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
-        children?: React.ReactNode | undefined;
-    } & SxProp & React.RefAttributes<HTMLDivElement>>;
-    Footer: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutFooterProps>>;
+} & 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

@@ -1 +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,EACjD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAmBxE,QAAA,MAAM,UAAU;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
+{"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,42 @@
+import React from 'react';
+import styled from 'styled-components';
+import { sx, PageLayout as PageLayout$1 } from '@primer/react';
+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

@@ -13,10 +13,22 @@ 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 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

@@ -1 +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"}
+{"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;YAlCQ,eAAe;;;;gBAWJ,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}

package/dist/components/RadioGroup.js

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

@@ -0,0 +1,13 @@
+import { Box, RelativeTime as RelativeTime$1 } from '@primer/react';
+import 'react';
+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

@@ -5,8 +5,15 @@ type SegmentedControlProps = PropsWithChildren<PrimerSegmentedControlProps> & Sx
 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;
+    __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

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

package/dist/components/SegmentedControl.js

@@ -0,0 +1,30 @@
+import { SegmentedControl as SegmentedControl$1, Box } from '@primer/react';
+import { jsx } from 'react/jsx-runtime';
+
+const SegmentedControlButton = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.Button,
+    ...props
+  });
+};
+const SegmentedControlIconButton = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.IconButton,
+    ...props
+  });
+};
+const SegmentedControlImpl = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1,
+    ...props
+  });
+};
+const SegmentedControl = Object.assign(SegmentedControlImpl, {
+  __SLOT__: SegmentedControl$1.__SLOT__,
+  Button: SegmentedControlButton,
+  IconButton: SegmentedControlIconButton
+});
+SegmentedControlButton.__SLOT__ = SegmentedControl$1.Button.__SLOT__;
+SegmentedControlIconButton.__SLOT__ = SegmentedControl$1.IconButton.__SLOT__;
+
+export { SegmentedControl };

package/dist/components/Select.d.ts

@@ -0,0 +1,8 @@
+import { type SelectProps as PrimerSelectProps } from '@primer/react';
+import { type SxProp } from '../sx';
+type SelectProps = PrimerSelectProps & SxProp & {
+    as?: React.ElementType;
+};
+declare const Select: ({ as, ...props }: SelectProps) => import("react").JSX.Element;
+export { Select, type SelectProps };
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIrC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAOxE,QAAA,MAAM,MAAM,GAAI,kBAAgB,WAAW,gCAE1C,CAAA;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}

package/dist/components/Select.js

@@ -0,0 +1,23 @@
+import { Select as Select$1, sx } from '@primer/react';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledSelect = styled(Select$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Select__StyledSelect",
+  componentId: "sc-1pyiuc8-0"
+})(["", ""], sx);
+const Select = ({
+  as,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(StyledSelect, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
+};
+
+export { Select };

package/dist/components/Spinner.js

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

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

package/dist/components/SubNav.d.ts

@@ -3,6 +3,7 @@ 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>> & {
+    __SLOT__: symbol;
     Link: import("react").ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
 };
 export { SubNav, type SubNavProps, type SubNavLinkProps };

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

@@ -1 +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"}
+{"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,EAE9C,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;;;CAGV,CAED;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/SubNav.js

@@ -0,0 +1,25 @@
+import { SubNav as SubNav$1, Box } from '@primer/react';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: SubNav$1,
+    ref: ref,
+    ...props
+  });
+});
+const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: SubNav$1.Link,
+    ref: ref,
+    ...props
+  });
+});
+const SubNav = Object.assign(SubNavImpl, {
+  __SLOT__: SubNav$1.__SLOT__,
+  Link: SubNavLink
+});
+SubNavLink.__SLOT__ = SubNav$1.Link.__SLOT__;
+
+export { SubNav };

package/dist/components/Text.d.ts

@@ -1,7 +1,15 @@
 import { type TextProps as PrimerTextProps } from '@primer/react';
 import { type SxProp } from '../sx';
-import { type StyledComponent } from 'styled-components';
-type TextProps = PrimerTextProps & SxProp;
-declare const Text: StyledComponent<"span", any, TextProps, never>;
+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 +1 @@
-{"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;AAGrC,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AAGtD,KAAK,SAAS,GAAG,eAAe,GAAG,MAAM,CAAA;AAQzC,QAAA,MAAM,IAAI,EAGJ,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;AAEpD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,CAAA"}
+{"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

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

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

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

@@ -0,0 +1,37 @@
+import { TextInput as TextInput$1, sx } from '@primer/react';
+import { forwardRef } from 'react';
+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/Textarea.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAEnG,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,aAAa,GAAG,mBAAmB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQ5E,QAAA,MAAM,QAAQ,EAER,mBAAmB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;AAEpD,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,CAAA"}

package/dist/components/Textarea.js

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

package/dist/components/ThemeProvider.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare const defaultColorMode = "day";
+export type Theme = {
+    [key: string]: any;
+};
+type ColorMode = 'day' | 'night' | 'light' | 'dark';
+export type ColorModeWithAuto = ColorMode | 'auto';
+export type ThemeProviderProps = {
+    theme?: Theme;
+    colorMode?: ColorModeWithAuto;
+    dayScheme?: string;
+    nightScheme?: string;
+    preventSSRMismatch?: boolean;
+};
+export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
+export declare function useTheme(): {
+    theme?: Theme;
+    colorScheme?: string;
+    colorMode?: ColorModeWithAuto;
+    resolvedColorMode?: ColorMode;
+    resolvedColorScheme?: string;
+    dayScheme?: string;
+    nightScheme?: string;
+    setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
+    setDayScheme: React.Dispatch<React.SetStateAction<string>>;
+    setNightScheme: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare function useColorSchemeVar(values: Partial<Record<string, string>>, fallback: string): string;
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAKrC,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,CAAA;AACxC,KAAK,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AACnD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AA8BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAiF/E,CAAA;AAED,wBAAgB,QAAQ;YA9Gd,KAAK;kBACC,MAAM;gBACR,iBAAiB;wBACT,SAAS;0BACP,MAAM;gBAChB,MAAM;kBACJ,MAAM;kBACN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;kBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;EAuG7D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,UAG1F;AAqGD,eAAe,aAAa,CAAA"}