@primer/styled-react 0.0.0-20251030203331 → 0.0.0-20251030203947

package/dist/components/Dialog.d.ts

@@ -1,27 +1,16 @@
 import type { DialogProps as PrimerDialogProps } from '@primer/react';
 import type { SxProp } from '../sx';
 import { type PropsWithChildren } from 'react';
-type DialogProps = PropsWithChildren<PrimerDialogProps> & SxProp & {
-    as?: React.ElementType;
-};
-type StyledBodyProps = React.ComponentProps<'div'> & SxProp & {
-    as?: React.ElementType;
-};
-type StyledFooterProps = React.ComponentProps<'div'> & SxProp & {
-    as?: React.ElementType;
-};
+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 & {
-    as?: React.ElementType;
-} & import("react").RefAttributes<HTMLDivElement>> & {
-    __SLOT__: symbol;
+} & 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 & {
-        as?: React.ElementType;
-    } & import("react").RefAttributes<HTMLDivElement>>;
+    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>>;
 };

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251030203331",
+  "version": "0.0.0-20251030203947",
   "type": "module",
   "exports": {
     ".": {
@@ -21,10 +21,6 @@
     "README.md",
     "dist"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/primer/react.git"
-  },
   "scripts": {
     "build": "script/build",
     "clean": "rimraf dist",
@@ -43,7 +39,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251030203331",
+    "@primer/react": "0.0.0-20251030203947",
     "@rollup/plugin-babel": "^6.1.0",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -60,7 +56,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251030203331",
+    "@primer/react": "0.0.0-20251030203947",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",