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

package/dist/components/Button.js

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

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

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

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

package/dist/components/Checkbox.js

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

package/dist/components/CheckboxGroup.d.ts

@@ -0,0 +1,34 @@
+import { type CheckboxGroupProps as PrimerCheckboxGroupProps } from '@primer/react';
+import React, { type PropsWithChildren } from 'react';
+import type { SxProp } from '../sx';
+export type CheckboxGroupProps = PropsWithChildren<PrimerCheckboxGroupProps> & 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 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

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

@@ -0,0 +1,8 @@
+import { type CircleBadgeProps as PrimerCircleBadgeProps } from '@primer/react';
+import { type ForwardRefComponent } from '../polymorphic';
+import { type SxProp } from '../sx';
+type CircleBadgeProps<As extends React.ElementType> = PrimerCircleBadgeProps<As> & SxProp;
+declare const CircleBadge: ForwardRefComponent<React.ElementType, CircleBadgeProps<React.ElementType>>;
+export { CircleBadge };
+export type { CircleBadgeProps };
+//# sourceMappingURL=CircleBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/components/CircleBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,gBAAgB,IAAI,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAW,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,gBAAgB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,sBAAsB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAEzF,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,KAAK,CAAC,WAAW,EAAE,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAM5F,CAAA;AAED,OAAO,EAAC,WAAW,EAAC,CAAA;AACpB,YAAY,EAAC,gBAAgB,EAAC,CAAA"}

package/dist/components/CircleBadge.js

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

package/dist/components/CounterLabel.d.ts

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

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

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

package/dist/components/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.d.ts

@@ -0,0 +1,11 @@
+import { Table as PrimerDataTable, type TableContainerProps } from '@primer/react/experimental';
+import { type SxProp } from '../sx';
+import type React from 'react';
+type DataTableContainerProps<As extends React.ElementType = 'div'> = TableContainerProps<As> & SxProp;
+declare function DataTableContainer<As extends React.ElementType = 'div'>({ as, ...rest }: DataTableContainerProps<As>): React.JSX.Element;
+declare const Table: typeof PrimerDataTable & {
+    Container: typeof DataTableContainer;
+};
+export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableHeaderProps, TableCellProps, TableTitleProps, TableSubtitleProps, TableActionsProps, } from '@primer/react/experimental';
+export { Table, type DataTableContainerProps };
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAED,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;AAEF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,KAAK,EAAE,KAAK,uBAAuB,EAAC,CAAA"}

package/dist/components/DataTable.js

@@ -0,0 +1,32 @@
+import { Table as Table$1 } from '@primer/react/experimental';
+import sx from '../sx.js';
+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.d.ts

@@ -0,0 +1,19 @@
+import type { DialogProps as PrimerDialogProps } from '@primer/react';
+import type { SxProp } from '../sx';
+import { type PropsWithChildren } from 'react';
+type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp;
+type StyledBodyProps = React.ComponentProps<'div'> & SxProp;
+type StyledFooterProps = React.ComponentProps<'div'> & SxProp;
+declare const Dialog: import("react").ForwardRefExoticComponent<PrimerDialogProps & {
+    children?: import("react").ReactNode | undefined;
+} & SxProp & import("react").RefAttributes<HTMLDivElement>> & {
+    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 & 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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAA;AAahE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAO3D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAM7D,QAAA,MAAM,MAAM;;;;;;;;;CAKV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}

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.d.ts

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

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

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

package/dist/components/Flash.js

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

@@ -0,0 +1,13 @@
+import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps } from '@primer/react';
+import { type PropsWithChildren } from 'react';
+import { type SxProp } from '../sx';
+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,EAAC,WAAW,IAAI,iBAAiB,EAAE,KAAK,gBAAgB,IAAI,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,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,19 @@
+import { FormControl as FormControl$1 } from '@primer/react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+
+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.d.ts

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

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

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

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.d.ts

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

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

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

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

@@ -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,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"}