@primer/styled-react 0.0.0-20251012190601 → 0.0.0-20251012225701

package/dist/components/Avatar.js

@@ -1,5 +1,6 @@
-import { Box, Avatar as Avatar$1 } from '@primer/react';
+import { Avatar as Avatar$1 } from '@primer/react';
 import { forwardRef } from 'react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,19 @@
+import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
+import { type SxProp } from '../../sx';
+import type { ComponentProps } from '../../utils/ComponentProps';
+type StyledBoxProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
+/**
+ * @deprecated The Box component is deprecated. Replace with a `div` or
+ * appropriate HTML element instead, with CSS modules for styling.
+ * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
+ */
+declare const Box: import("styled-components").StyledComponent<"div", any, StyledBoxProps, never>;
+/**
+ * @deprecated The Box component is deprecated. Replace with a `div` or
+ * appropriate HTML element instead, with CSS modules for styling.
+ * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
+ */
+export type BoxProps = ComponentProps<typeof Box>;
+export { Box };
+export default Box;
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,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;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACxC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAE9D,KAAK,cAAc,GAAG,MAAM,GAC1B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA;AAEb;;;;GAIG;AACH,QAAA,MAAM,GAAG,gFAYR,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,CAAA;AACjD,OAAO,EAAC,GAAG,EAAC,CAAA;AACZ,eAAe,GAAG,CAAA"}

package/dist/components/Box/Box.features.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta } from '@storybook/react-vite';
+import Box from './Box';
+declare const _default: Meta<typeof Box>;
+export default _default;
+export declare const Border: () => import("react").JSX.Element;
+export declare const BorderBottom: () => import("react").JSX.Element;
+export declare const Flexbox: () => import("react").JSX.Element;
+export declare const Grid: () => import("react").JSX.Element;
+//# sourceMappingURL=Box.features.stories.d.ts.map

package/dist/components/Box/Box.features.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.features.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.features.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAA;AAC/C,OAAO,GAAG,MAAM,OAAO,CAAA;wBAKlB,IAAI,CAAC,OAAO,GAAG,CAAC;AAHrB,wBAGqB;AAErB,eAAO,MAAM,MAAM,mCAElB,CAAA;AAED,eAAO,MAAM,YAAY,mCAIxB,CAAA;AAED,eAAO,MAAM,OAAO,mCAMnB,CAAA;AAED,eAAO,MAAM,IAAI,mCAMhB,CAAA"}

package/dist/components/Box/Box.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { space, color, typography, layout, flexbox, grid, background, border, position, shadow } from 'styled-system';
+import { sx } from '@primer/react';
+
+/**
+ * @deprecated The Box component is deprecated. Replace with a `div` or
+ * appropriate HTML element instead, with CSS modules for styling.
+ * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
+ */
+const Box = styled.div.withConfig({
+  displayName: "Box",
+  componentId: "sc-188p3dv-0"
+})(space, color, typography, layout, flexbox, grid, background, border, position, shadow, sx);
+
+export { Box, Box as default };

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryFn } from '@storybook/react-vite';
+import Box from './Box';
+declare const _default: Meta<typeof Box>;
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const Playground: StoryFn<typeof Box>;
+//# sourceMappingURL=Box.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,uBAAuB,CAAA;AACxD,OAAO,GAAG,MAAM,OAAO,CAAA;wBAKlB,IAAI,CAAC,OAAO,GAAG,CAAC;AAHrB,wBAGqB;AAErB,eAAO,MAAM,OAAO,mCAA+B,CAAA;AAEnD,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,OAAO,GAAG,CAA2C,CAAA"}

package/dist/components/Box/index.d.ts

@@ -0,0 +1,3 @@
+export { default, Box } from './Box';
+export type { BoxProps } from './Box';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,GAAG,EAAC,MAAM,OAAO,CAAA;AAClC,YAAY,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA"}

package/dist/components/Checkbox.js

@@ -1,4 +1,5 @@
-import { Checkbox as Checkbox$1, Box } from '@primer/react';
+import { Checkbox as Checkbox$1 } from '@primer/react';
+import { Box } from './Box/Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,IAAI,wBAAwB,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAA;AAOrF,KAAK,8BAA8B,GAAG,iBAAiB,CACrD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,gCAAgC,GAAG,iBAAiB,CACvD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,mCAAmC,GAAG,iBAAiB,CAC1D;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,GAAG,MAAM,CACX,CAAA;AAKD,eAAO,MAAM,aAAa;YAlCQ,kBAAkB;;;;gBAWV,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,kBAAkB,IAAI,wBAAwB,EAAC,MAAM,eAAe,CAAA;AACvH,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAA;AAOrF,KAAK,8BAA8B,GAAG,iBAAiB,CACrD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,gCAAgC,GAAG,iBAAiB,CACvD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,mCAAmC,GAAG,iBAAiB,CAC1D;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,GAAG,MAAM,CACX,CAAA;AAKD,eAAO,MAAM,aAAa;YAlCQ,kBAAkB;;;;gBAWV,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}

package/dist/components/CheckboxGroup.js

@@ -1,5 +1,6 @@
-import { CheckboxGroup as CheckboxGroup$1, Box } from '@primer/react';
+import { CheckboxGroup as CheckboxGroup$1 } from '@primer/react';
 import 'react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const CheckboxGroupImpl = props => {

package/dist/components/CounterLabel.js

@@ -1,4 +1,5 @@
-import { Box, CounterLabel as CounterLabel$1 } from '@primer/react';
+import { CounterLabel as CounterLabel$1 } from '@primer/react';
+import { Box } from './Box/Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Dialog.js

@@ -1,4 +1,5 @@
-import { Dialog as Dialog$1, Box } from '@primer/react';
+import { Dialog as Dialog$1 } from '@primer/react';
+import { Box } from './Box/Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/Header.js

@@ -1,5 +1,6 @@
-import { Box, Header as Header$1 } from '@primer/react';
+import { Header as Header$1 } from '@primer/react';
 import { forwardRef } from 'react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {

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

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE1C,wBAAwB,IAAI,8BAA8B,EAC1D,yBAAyB,IAAI,+BAA+B,EAC7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;AAEzG,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAQlE,QAAA,MAAM,WAAW;;8DAGf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;0DAGhB,CAAA;AAEF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAGnB,YAAY,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;AAEzD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GAAG,MAAM,CAAA;AAE5F,QAAA,MAAM,oBAAoB,EAKrB,YAAY,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;AAE7D,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,YAAY,EAAE,OAAO,mBAAmB,CAAA;IACxC,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE1C,wBAAwB,IAAI,8BAA8B,EAC1D,yBAAyB,IAAI,+BAA+B,EAC7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;AAEzG,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAQlE,QAAA,MAAM,WAAW;;8DAGf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;0DAGhB,CAAA;AAEF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAGnB,YAAY,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;AAEzD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GAAG,MAAM,CAAA;AAE5F,QAAA,MAAM,oBAAoB,EAKrB,YAAY,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;AAE7D,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,YAAY,EAAE,OAAO,mBAAmB,CAAA;IACxC,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}

package/dist/components/NavList.js

@@ -1,5 +1,6 @@
-import { NavList as NavList$1, Box } from '@primer/react';
+import { NavList as NavList$1 } from '@primer/react';
 import { forwardRef } from 'react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const NavListImpl = /*#__PURE__*/forwardRef(function NavList(props, ref) {

package/dist/components/PageHeader.js

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

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;YAlCQ,eAAe;;;;gBAWJ,8BAA8B;;;;gBAS5B,gCAAgC;;;;gBAU7B,mCAAmC;;;CAQhF,CAAA"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAC3G,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,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

@@ -1,5 +1,6 @@
-import { RadioGroup as RadioGroup$1, Box } from '@primer/react';
+import { RadioGroup as RadioGroup$1 } from '@primer/react';
 import 'react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const RadioGroupImpl = props => {

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

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../src/components/RelativeTime.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AACxH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAGpD"}
+{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../src/components/RelativeTime.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AACnH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAEhE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAGpD"}

package/dist/components/RelativeTime.js

@@ -1,5 +1,6 @@
-import { Box, RelativeTime as RelativeTime$1 } from '@primer/react';
+import { RelativeTime as RelativeTime$1 } from '@primer/react';
 import 'react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 function RelativeTime(props) {

package/dist/components/SegmentedControl.js

@@ -1,4 +1,5 @@
-import { SegmentedControl as SegmentedControl$1, Box } from '@primer/react';
+import { SegmentedControl as SegmentedControl$1 } from '@primer/react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const SegmentedControlButton = props => {

package/dist/components/StateLabel.js

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

package/dist/components/SubNav.js

@@ -1,5 +1,6 @@
-import { SubNav as SubNav$1, Box } from '@primer/react';
+import { SubNav as SubNav$1 } from '@primer/react';
 import { forwardRef } from 'react';
+import { Box } from './Box/Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {

package/dist/components/Timeline.js

@@ -1,4 +1,5 @@
-import { Box, Timeline as Timeline$1 } from '@primer/react';
+import { Timeline as Timeline$1 } from '@primer/react';
+import { Box } from './Box/Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/ToggleSwitch.js

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

package/dist/components/Tooltip.js

@@ -1,4 +1,5 @@
-import { Tooltip as Tooltip$1, Box } from '@primer/react';
+import { Tooltip as Tooltip$1 } from '@primer/react';
+import { Box } from './Box/Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/components/UnderlineNav.js

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

package/dist/components/deprecated/ActionList.js

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

package/dist/components/deprecated/DialogV1.js

@@ -1,5 +1,5 @@
 import { Dialog as Dialog$1 } from '@primer/react/deprecated';
-import { Box } from '@primer/react';
+import { Box } from '../Box/Box.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/index.js

@@ -1,5 +1,6 @@
 "use client";
-export { Box, Details, ProgressBar, merge, sx, theme, themeGet } from '@primer/react';
+export { Box } from './components/Box/Box.js';
+export { Details, ProgressBar, merge, sx, theme, themeGet } from '@primer/react';
 export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme } from './components/FeatureFlaggedTheming.js';
 export { ActionList } from './components/ActionList.js';
 export { ActionMenu } from './components/ActionMenu.js';

package/dist/utils/ComponentProps.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Extract a component's props
+ *
+ * Source: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
+ *
+ * @example ComponentProps<typeof MyComponent>
+ */
+export type ComponentProps<T> = T extends React.ComponentType<React.PropsWithChildren<infer Props>> ? (Props extends object ? Props : never) : never;
+//# sourceMappingURL=ComponentProps.d.ts.map

package/dist/utils/ComponentProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentProps.d.ts","sourceRoot":"","sources":["../../src/utils/ComponentProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAC1B,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251012190601",
+  "version": "0.0.0-20251012225701",
   "type": "module",
   "exports": {
     ".": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251012190601",
+    "@primer/react": "0.0.0-20251012225701",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251012190601",
+    "@primer/react": "0.0.0-20251012225701",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",

package/dist/components/Box.d.ts

@@ -1,2 +0,0 @@
-export { Box, type BoxProps } from '@primer/react';
-//# sourceMappingURL=Box.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,eAAe,CAAA"}