@primer/styled-react 0.0.0-20251022234008 → 0.0.0-20251023002909

package/dist/components/ActionList.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { ActionList as ActionList$1, sx } from '@primer/react';
+import { ActionList as ActionList$1 } from '@primer/react';
+import sx from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledActionList = styled(ActionList$1).withConfig({

package/dist/components/ActionMenu.d.ts

@@ -1,4 +1,5 @@
-import { ActionMenu as PrimerActionMenu, type SxProp, type SlotMarker } from '@primer/react';
+import { ActionMenu as PrimerActionMenu, type SlotMarker } from '@primer/react';
+import { type SxProp } from '../sx';
 import type { ComponentProps } from 'react';
 type ActionMenuOverlayProps = ComponentProps<typeof PrimerActionMenu.Overlay> & SxProp;
 declare const ActionMenuOverlay: React.ComponentType<ActionMenuOverlayProps> & SlotMarker;

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

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,MAAM,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAG1F,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;AAEtF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,GAAG,UAMtE,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,GAAG;IACjD,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;CAMxC,CAAA"}
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;AAEtF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,GAAG,UAMtE,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,GAAG;IACjD,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;CAMxC,CAAA"}

package/dist/components/ActionMenu.js

@@ -1,4 +1,5 @@
-import { ActionMenu as ActionMenu$1, sx } from '@primer/react';
+import { ActionMenu as ActionMenu$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 
 const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({

package/dist/components/Autocomplete.js

@@ -1,4 +1,5 @@
-import { Autocomplete as Autocomplete$1, sx } from '@primer/react';
+import { Autocomplete as Autocomplete$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 
 const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({

package/dist/components/Avatar.d.ts

@@ -7,7 +7,7 @@ declare const Avatar: import("react").ForwardRefExoticComponent<{
     src: string;
     alt?: string;
     className?: string;
-} & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("@primer/react").SxProp & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("react").RefAttributes<HTMLImageElement>>;
+} & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("..").SxProp & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("react").RefAttributes<HTMLImageElement>>;
 export { Avatar };
 export type { AvatarProps };
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,IAAI,iBAAiB,EAAyB,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAGhD,KAAK,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAClD,QAAA,MAAM,MAAM;;;;;;ooDAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,IAAI,iBAAiB,EAAyB,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAGhD,KAAK,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAClD,QAAA,MAAM,MAAM;;;;;;ynDAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}

package/dist/components/Box.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { space, color, typography, layout, flexbox, grid, background, border, position, shadow } from 'styled-system';
-import { sx } from '@primer/react';
+import sx from '../sx.js';
 
 /**
  * @deprecated The Box component is deprecated. Replace with a `div` or

package/dist/components/Breadcrumbs.js

@@ -1,4 +1,5 @@
-import { Breadcrumbs as Breadcrumbs$1, sx } from '@primer/react';
+import { Breadcrumbs as Breadcrumbs$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Button.d.ts

@@ -1,6 +1,5 @@
 import { type ButtonProps as PrimerButtonProps, type SlotMarker } from '@primer/react';
-import type { SxProp } from '../sx';
-import type { BetterSystemStyleObject } from '../styled-props';
+import type { SxProp, BetterSystemStyleObject } from '../sx';
 import type { ForwardRefComponent } from '../polymorphic';
 type ButtonComponentProps = PrimerButtonProps & SxProp & {
     as?: React.ElementType;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,EAAC,MAAM,EAAsB,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,iBAAiB,CAAA;AAE5D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAIvD,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQjF,QAAA,MAAM,eAAe,EAgBf,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,GAAG,UAAU,CAAA;AA0CtE,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,EACjH,UAAU,EAAE,uBAAuB;;EAmBpC;AAKD,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,EAAC,MAAM,EAAuB,uBAAuB,EAAC,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAIvD,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQjF,QAAA,MAAM,eAAe,EAgBf,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,GAAG,UAAU,CAAA;AA0CtE,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,EACjH,UAAU,EAAE,uBAAuB;;EAmBpC;AAKD,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,CAAA"}

package/dist/components/Button.js

@@ -1,6 +1,7 @@
-import { Button, sx } from '@primer/react';
+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({

package/dist/components/CircleBadge.d.ts

@@ -1,5 +1,6 @@
-import { type CircleBadgeProps as PrimerCircleBadgeProps, type SxProp } from '@primer/react';
+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 };

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

@@ -1 +1 @@
-{"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/components/CircleBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,IAAI,sBAAsB,EAE/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,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"}
+{"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

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

package/dist/components/DataTable.js

@@ -1,5 +1,5 @@
 import { Table as Table$1 } from '@primer/react/experimental';
-import { sx } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Flash.js

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

package/dist/components/FormControl.d.ts

@@ -1,5 +1,6 @@
-import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type SxProp } from '@primer/react';
+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 & {

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

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

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

package/dist/components/Heading.js

@@ -1,4 +1,5 @@
-import { Heading as Heading$1, sx } from '@primer/react';
+import { Heading as Heading$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 
 const Heading = styled(Heading$1).withConfig({

package/dist/components/IconButton.d.ts

@@ -1,5 +1,6 @@
-import { type IconButtonProps as PrimerIconButtonProps, type SlotMarker, type SxProp } from '@primer/react';
+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;
 };

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

@@ -1 +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"}
+{"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,7 +1,8 @@
-import { IconButton as IconButton$1, sx } from '@primer/react';
+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({

package/dist/components/Label.js

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

package/dist/components/Link.js

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

package/dist/components/LinkButton.d.ts

@@ -1,5 +1,6 @@
-import { type LinkButtonProps as PrimerLinkButtonProps, type SxProp } from '@primer/react';
+import { type LinkButtonProps as PrimerLinkButtonProps } from '@primer/react';
 import { type ForwardRefComponent } from '../polymorphic';
+import { type SxProp } from '../sx';
 type LinkButtonProps = PrimerLinkButtonProps & SxProp;
 declare const LinkButton: ForwardRefComponent<'a', LinkButtonProps>;
 export { LinkButton };

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/components/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAE7C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAErD,QAAA,MAAM,UAAU,EAAE,mBAAmB,CAAC,GAAG,EAAE,eAAe,CAIzD,CAAA;AAED,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAC,CAAA"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/components/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAErD,QAAA,MAAM,UAAU,EAAE,mBAAmB,CAAC,GAAG,EAAE,eAAe,CAIzD,CAAA;AAED,OAAO,EAAC,UAAU,EAAC,CAAA;AACnB,YAAY,EAAC,eAAe,EAAC,CAAA"}

package/dist/components/LinkButton.js

@@ -1,5 +1,6 @@
-import { LinkButton as LinkButton$1, sx } from '@primer/react';
+import { LinkButton as LinkButton$1 } from '@primer/react';
 import styled from 'styled-components';
+import sx from '../sx.js';
 
 const LinkButton = styled(LinkButton$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'

package/dist/components/NavList.js

@@ -1,6 +1,7 @@
-import { NavList as NavList$1, sx } from '@primer/react';
+import { NavList as NavList$1 } from '@primer/react';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import sx from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledNavListImpl = styled(NavList$1).withConfig({

package/dist/components/Overlay.d.ts

@@ -1,5 +1,6 @@
-import { type OverlayProps as PrimerOverlayProps, type SxProp } from '@primer/react';
+import { type OverlayProps as PrimerOverlayProps } from '@primer/react';
 import { type ForwardRefComponent } from '../polymorphic';
+import { type SxProp } from '../sx';
 type OverlayProps = PrimerOverlayProps & SxProp;
 declare const Overlay: ForwardRefComponent<'div', OverlayProps>;
 export { Overlay };

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

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

package/dist/components/Overlay.js

@@ -1,5 +1,6 @@
-import { Overlay as Overlay$1, sx } from '@primer/react';
+import { Overlay as Overlay$1 } from '@primer/react';
 import styled from 'styled-components';
+import sx from '../sx.js';
 
 const Overlay = styled(Overlay$1).withConfig({
   shouldForwardProp: prop => prop !== 'sx'

package/dist/components/PageHeader.js

@@ -1,5 +1,6 @@
-import { PageHeader as PageHeader$1, sx } from '@primer/react';
+import { PageHeader as PageHeader$1 } from '@primer/react';
 import styled from 'styled-components';
+import sx from '../sx.js';
 import Box from './Box.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/components/PageLayout.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { sx, PageLayout as PageLayout$1 } from '@primer/react';
+import { PageLayout as PageLayout$1 } from '@primer/react';
+import sx from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Wrapper = styled.div.withConfig({

package/dist/components/Select.js

@@ -1,4 +1,5 @@
-import { Select as Select$1, sx } from '@primer/react';
+import { Select as Select$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Spinner.js

@@ -1,4 +1,5 @@
-import { Spinner as Spinner$1, sx } from '@primer/react';
+import { Spinner as Spinner$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 
 const Spinner = styled(Spinner$1).withConfig({

package/dist/components/StateLabel.d.ts

@@ -3,7 +3,7 @@ import type { SxProp } from '../sx';
 type StateLabelProps = PrimerStateLabelProps & SxProp;
 declare const StateLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
     variant?: "small" | "normal";
-    status: "open" | "issueOpened" | "pullOpened" | "issueClosed" | "issueClosedNotPlanned" | "pullClosed" | "pullMerged" | "draft" | "issueDraft" | "pullQueued" | "unavailable" | "closed";
+    status: "open" | "closed" | "issueOpened" | "pullOpened" | "issueClosed" | "issueClosedNotPlanned" | "pullClosed" | "pullMerged" | "draft" | "issueDraft" | "pullQueued" | "unavailable";
 } & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
 export { StateLabel, type StateLabelProps };
 //# sourceMappingURL=StateLabel.d.ts.map

package/dist/components/Text.js

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

package/dist/components/TextInput.js

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

package/dist/components/Textarea.js

@@ -1,5 +1,6 @@
-import { Textarea as Textarea$1, sx } from '@primer/react';
+import { Textarea as Textarea$1 } from '@primer/react';
 import styled from 'styled-components';
+import sx from '../sx.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Token.js

@@ -1,5 +1,6 @@
 import { forwardRef } from 'react';
-import { Token as Token$1, sx } from '@primer/react';
+import { Token as Token$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Tooltip.d.ts

@@ -1,5 +1,6 @@
-import { type TooltipProps as PrimerTooltipProps, type SxProp, type SlotMarker } from '@primer/react';
+import { type TooltipProps as PrimerTooltipProps, type SlotMarker } from '@primer/react';
 import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
+import type { SxProp } from '../sx';
 type TooltipProps = PrimerTooltipProps & SxProp;
 declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>> & SlotMarker;
 export { Tooltip, type TooltipProps };

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,MAAM,EACX,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AAEpF,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG,UAKvF,CAAA;AAIF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAA;AAEhH,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AACpF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE/C,QAAA,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG,UAKvF,CAAA;AAIF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}

package/dist/components/Truncate.js

@@ -1,4 +1,5 @@
-import { Truncate as Truncate$1, sx } from '@primer/react';
+import { Truncate as Truncate$1 } from '@primer/react';
+import sx from '../sx.js';
 import styled from 'styled-components';
 
 const Truncate = styled(Truncate$1).withConfig({

package/dist/components/UnderlineNav.js

@@ -1,7 +1,8 @@
-import { UnderlineNav as UnderlineNav$1, sx } from '@primer/react';
+import { UnderlineNav as UnderlineNav$1 } from '@primer/react';
 import Box from './Box.js';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import sx from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {

package/dist/components/UnderlinePanels.js

@@ -1,6 +1,6 @@
 import { UnderlinePanels as UnderlinePanels$1 } from '@primer/react/experimental';
 import styled from 'styled-components';
-import { sx } from '@primer/react';
+import sx from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledUnderlinePanels = styled(UnderlinePanels$1).withConfig({

package/dist/components/deprecated/ActionList.js

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import { ActionList as ActionList$1 } from '@primer/react/deprecated';
-import { sx } from '@primer/react';
+import sx from '../../sx.js';
 import Box from '../Box.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';

package/dist/components/deprecated/Octicon.js

@@ -1,6 +1,6 @@
 import { Octicon as Octicon$1 } from '@primer/react/deprecated';
 import styled from 'styled-components';
-import { sx } from '@primer/react';
+import sx from '../../sx.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/deprecated/TabNav.js

@@ -1,5 +1,5 @@
 import { TabNav as TabNav$1 } from '@primer/react/deprecated';
-import { sx } from '@primer/react';
+import sx from '../../sx.js';
 import styled from 'styled-components';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/components/deprecated/Tooltip.js

@@ -1,6 +1,6 @@
 import { Tooltip as Tooltip$1 } from '@primer/react/deprecated';
 import { forwardRef } from 'react';
-import { sx } from '@primer/react';
+import sx from '../../sx.js';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 export { Box, type BoxProps } from './components/Box';
 export { Details } from '@primer/react';
 export { ProgressBar } from '@primer/react';
-export { ThemeProvider, useTheme, useColorSchemeVar, BaseStyles, type ThemeProviderProps, type BaseStylesProps, } from './components/FeatureFlaggedTheming';
-export { merge } from '@primer/react';
+export { ThemeProvider, useTheme, useColorSchemeVar, type ThemeProviderProps } from './components/ThemeProvider';
+export { BaseStyles, type BaseStylesProps } from './components/BaseStyles';
 export { theme } from '@primer/react';
-export { themeGet } from '@primer/react';
+export { get as themeGet } from './theme-get';
 export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
 export { ActionMenu } from './components/ActionMenu';
 export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
@@ -44,6 +44,6 @@ export { Tooltip, type TooltipProps } from './components/Tooltip';
 export { Token, type TokenProps } from './components/Token';
 export { Truncate, type TruncateProps } from './components/Truncate';
 export { UnderlineNav, type UnderlineNavProps, type UnderlineNavItemProps } from './components/UnderlineNav';
-export { sx, type SxProp } from './sx';
-export type { BetterSystemStyleObject } from './styled-props';
+export { merge, sx, type SxProp } from './sx';
+export { type BetterSystemStyleObject } from './sx';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AAGzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC9G,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAC,GAAG,IAAI,QAAQ,EAAC,MAAM,aAAa,CAAA;AAE3C,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,GACnC,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAC,YAAY,EAAE,KAAK,wBAAwB,EAAC,MAAM,2BAA2B,CAAA;AACrF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;AAClH,OAAO,EAAC,eAAe,IAAI,MAAM,EAAE,KAAK,oBAAoB,IAAI,WAAW,EAAC,MAAM,qBAAqB,CAAA;AACvG,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AACjF,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,GACrC,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAChG,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;AAE1G,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,MAAM,EAAC,MAAM,MAAM,CAAA;AAE3C,OAAO,EAAC,KAAK,uBAAuB,EAAC,MAAM,MAAM,CAAA"}

package/dist/index.js

@@ -1,7 +1,9 @@
 "use client";
 export { default as Box } from './components/Box.js';
-export { Details, ProgressBar, merge, sx, theme, themeGet } from '@primer/react';
-export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme } from './components/FeatureFlaggedTheming.js';
+export { Details, ProgressBar, theme } from '@primer/react';
+export { ThemeProvider, useColorSchemeVar, useTheme } from './components/ThemeProvider.js';
+export { BaseStyles } from './components/BaseStyles.js';
+export { get as themeGet } from './theme-get.js';
 export { ActionList } from './components/ActionList.js';
 export { ActionMenu } from './components/ActionMenu.js';
 export { Autocomplete } from './components/Autocomplete.js';
@@ -41,3 +43,5 @@ export { Tooltip } from './components/Tooltip.js';
 export { Token } from './components/Token.js';
 export { Truncate } from './components/Truncate.js';
 export { UnderlineNav } from './components/UnderlineNav.js';
+export { default as sx } from './sx.js';
+export { default as merge } from 'deepmerge';

package/dist/styled-props.d.ts

@@ -1,5 +1,4 @@
 import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
 import type { SxProp } from './sx';
 export type StyledProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
-export type { BetterSystemStyleObject } from '@primer/react';
 //# sourceMappingURL=styled-props.d.ts.map

package/dist/styled-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled-props.d.ts","sourceRoot":"","sources":["../src/styled-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EAChB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAEhC,MAAM,MAAM,WAAW,GAAG,MAAM,GAC9B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA;AAEb,YAAY,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAA"}
+{"version":3,"file":"styled-props.d.ts","sourceRoot":"","sources":["../src/styled-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EAChB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAEhC,MAAM,MAAM,WAAW,GAAG,MAAM,GAC9B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA"}

package/dist/sx.d.ts

@@ -1,5 +1,26 @@
-export { sx, type SxProp } from '@primer/react';
+import type { SystemCssProperties, SystemStyleObject } from '@styled-system/css';
+import type { ThemeColorPaths, ThemeShadowPaths } from '@primer/react';
+import type { ColorProps, BorderColorProps, ShadowProps } from 'styled-system';
+import merge from 'deepmerge';
+export type BetterCssProperties = {
+    [K in keyof SystemCssProperties]: K extends keyof ColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof BorderColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof ShadowProps ? ThemeShadowPaths | SystemCssProperties[K] : SystemCssProperties[K];
+};
 export type CSSCustomProperties = {
     [key: `--${string}`]: string | number;
 };
+type CSSSelectorObject = {
+    [cssSelector: string]: SystemStyleObject | CSSCustomProperties;
+};
+export type BetterSystemStyleObject = BetterCssProperties | SystemStyleObject | CSSCustomProperties | CSSSelectorObject;
+export interface SxProp {
+    /**
+     * @deprecated The `sx` prop is deprecated. Replace with a `div` or
+     * appropriate HTML element instead, with a CSS class for styling.
+     * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
+     * */
+    sx?: BetterSystemStyleObject;
+}
+declare const sx: (props: SxProp) => import("@styled-system/css").CssFunctionReturnType;
+export default sx;
+export { merge, sx };
 //# sourceMappingURL=sx.d.ts.map

package/dist/sx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AAC7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC,CAAA"}
+{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,oBAAoB,CAAA;AAE9E,OAAO,KAAK,EAAC,eAAe,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACpE,OAAO,KAAK,EAAC,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAA;AAC5E,OAAO,KAAK,MAAM,WAAW,CAAA;AAE7B,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,mBAAmB,GAAG,CAAC,SAAS,MAAM,UAAU,GACxD,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,gBAAgB,GAC9B,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,WAAW,GACzB,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACzC,mBAAmB,CAAC,CAAC,CAAC;CAC/B,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,CAAC,WAAW,EAAE,MAAM,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;CAC/D,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,iBAAiB,CAAA;AAEvH,MAAM,WAAW,MAAM;IACrB;;;;SAIK;IACL,EAAE,CAAC,EAAE,uBAAuB,CAAA;CAC7B;AAED,QAAA,MAAM,EAAE,GAAI,OAAO,MAAM,uDAAkB,CAAA;AAE3C,eAAe,EAAE,CAAA;AAEjB,OAAO,EAAC,KAAK,EAAE,EAAE,EAAC,CAAA"}

package/dist/sx.js

@@ -0,0 +1,8 @@
+import css from '@styled-system/css';
+export { default as merge } from 'deepmerge';
+
+// Support CSS custom properties in the `sx` prop
+
+const sx = props => css(props.sx);
+
+export { sx as default, sx };

package/dist/theme-get.d.ts

@@ -0,0 +1,2 @@
+export declare const get: (key: string) => (props: any) => any;
+//# sourceMappingURL=theme-get.d.ts.map

package/dist/theme-get.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-get.d.ts","sourceRoot":"","sources":["../src/theme-get.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,GAAG,GAAI,KAAK,MAAM,wBAAsC,CAAA"}

package/dist/theme-get.js

@@ -0,0 +1,10 @@
+import { themeGet } from '@styled-system/theme-get';
+import * as styledSystem from 'styled-system';
+import { theme } from '@primer/react';
+
+const {
+  get: getKey
+} = styledSystem;
+const get = key => themeGet(key, getKey(theme, key));
+
+export { get };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251022234008",
+  "version": "0.0.0-20251023002909",
   "type": "module",
   "exports": {
     ".": {
@@ -27,13 +27,23 @@
     "lint:npm": "publint --types",
     "type-check": "tsc --noEmit"
   },
+  "dependencies": {
+    "@styled-system/css": "^5.1.5",
+    "@styled-system/props": "^5.1.5",
+    "@styled-system/theme-get": "^5.1.2",
+    "styled-system": "^5.1.5"
+  },
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251022234008",
+    "@primer/react": "0.0.0-20251023002909",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
+    "@types/styled-components": "^5.1.26",
+    "@types/styled-system": "^5.1.23",
+    "@types/styled-system__css": "^5.0.16",
+    "@types/styled-system__theme-get": "^5.0.1",
     "@vitejs/plugin-react": "^4.3.3",
     "babel-plugin-styled-components": "2.1.4",
     "publint": "^0.3.12",
@@ -46,7 +56,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251022234008",
+    "@primer/react": "0.0.0-20251023002909",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",

package/dist/components/FeatureFlaggedTheming.d.ts

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

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

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