@primer/styled-react 0.0.0-20251003001401 → 0.0.0-20251003002527

package/dist/components/FormControl.d.ts

@@ -1,13 +1,18 @@
-import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type SxProp } from '@primer/react';
+import { FormControl as PrimerFormControl, type FormControlProps as PrimerFormControlProps, type FormControlCaptionProps as PrimerFormControlCaptionProps, type FormControlValidationProps as PrimerFormControlValidationProps, type SxProp } from '@primer/react';
 import { type PropsWithChildren } from 'react';
 type FormControlProps = PropsWithChildren<PrimerFormControlProps> & SxProp;
 declare const FormControlImpl: import("react").ForwardRefExoticComponent<PrimerFormControlProps & {
     children?: import("react").ReactNode | undefined;
 } & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+type FormControlCaptionProps = PropsWithChildren<PrimerFormControlCaptionProps> & SxProp;
+declare const FormControlCaption: (props: FormControlCaptionProps) => import("react").JSX.Element;
+type FormControlValidationProps = PropsWithChildren<PrimerFormControlValidationProps> & SxProp;
+declare const FormControlValidation: (props: FormControlValidationProps) => import("react").JSX.Element;
+declare const FormControlLeadingVisual: (props: PropsWithChildren<SxProp>) => import("react").JSX.Element;
 declare const FormControl: typeof FormControlImpl & {
-    Caption: typeof PrimerFormControl.Caption;
-    LeadingVisual: typeof PrimerFormControl.LeadingVisual;
-    Validation: typeof PrimerFormControl.Validation;
+    Caption: typeof FormControlCaption;
+    LeadingVisual: typeof FormControlLeadingVisual;
+    Validation: typeof FormControlValidation;
     Label: typeof PrimerFormControl.Label;
 };
 export { FormControl, type FormControlProps };

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,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,QAAA,MAAM,WAAW,EAKX,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,EAEL,WAAW,IAAI,iBAAiB,EAChC,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,0BAA0B,IAAI,gCAAgC,EACnE,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAExD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,eAAe;;2DAEnB,CAAA;AAEF,KAAK,uBAAuB,GAAG,iBAAiB,CAAC,6BAA6B,CAAC,GAAG,MAAM,CAAA;AACxF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAEzD,CAAA;AAED,KAAK,0BAA0B,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,GAAG,MAAM,CAAA;AAE9F,QAAA,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,gCAE/D,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,OAAO,iBAAiB,CAAC,MAAM,CAAC,gCAEjE,CAAA;AAED,QAAA,MAAM,WAAW,EAKX,OAAO,eAAe,GAAG;IAC7B,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,aAAa,EAAE,OAAO,wBAAwB,CAAA;IAC9C,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAA;CACtC,CAAA;AAED,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,CAAA"}

package/dist/components/PageLayout.d.ts

@@ -1,5 +1,5 @@
 import React, { type PropsWithChildren } from 'react';
-import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps } from '@primer/react';
+import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutHeaderProps as PrimerPageLayoutHeaderProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps, PageLayoutFooterProps as PrimerPageLayoutFooterProps } from '@primer/react';
 import { type SxProp } from '../sx';
 type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
 declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
@@ -8,11 +8,15 @@ declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps
     Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
         children?: React.ReactNode | undefined;
     } & SxProp & React.RefAttributes<HTMLDivElement>>;
-    Header: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutHeaderProps>>;
-    Pane: React.ForwardRefExoticComponent<import("@primer/react").PageLayoutPaneProps & {
+    Header: React.ForwardRefExoticComponent<PrimerPageLayoutHeaderProps & {
         children?: React.ReactNode | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Footer: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutFooterProps>>;
+    } & SxProp & React.RefAttributes<HTMLDivElement>>;
+    Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
+        children?: React.ReactNode | undefined;
+    } & SxProp & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<PrimerPageLayoutFooterProps & {
+        children?: React.ReactNode | undefined;
+    } & SxProp & React.RefAttributes<HTMLDivElement>>;
 };
 export { PageLayout, type PageLayoutProps };
 //# sourceMappingURL=PageLayout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACvD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAaxE,QAAA,MAAM,UAAU;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,qBAAqB,IAAI,2BAA2B,EACpD,mBAAmB,IAAI,yBAAyB,EAChD,qBAAqB,IAAI,2BAA2B,EACrD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAiCxE,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/index.js

@@ -144,10 +144,28 @@ const FormControlImpl = /*#__PURE__*/forwardRef(function FormControl(props, ref)
     ...props
   });
 });
+const FormControlCaption = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: FormControl$1.Caption,
+    ...props
+  });
+};
+const FormControlValidation = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: FormControl$1.Validation,
+    ...props
+  });
+};
+const FormControlLeadingVisual = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: FormControl$1.LeadingVisual,
+    ...props
+  });
+};
 const FormControl = Object.assign(FormControlImpl, {
-  Caption: FormControl$1.Caption,
-  LeadingVisual: FormControl$1.LeadingVisual,
-  Validation: FormControl$1.Validation,
+  Caption: FormControlCaption,
+  LeadingVisual: FormControlLeadingVisual,
+  Validation: FormControlValidation,
   Label: FormControl$1.Label
 });
 
@@ -314,11 +332,34 @@ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...props
   });
 });
+const PageLayoutHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
+  // @ts-expect-error - PrimerPageLayout.Header is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Wrapper, {
+    as: PageLayout$1.Header,
+    ref: ref,
+    ...props
+  });
+});
+const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(Wrapper, {
+    as: PageLayout$1.Pane,
+    ref: ref,
+    ...props
+  });
+});
+const PageLayoutFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
+  // @ts-expect-error - PrimerPageLayout.Footer is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Wrapper, {
+    as: PageLayout$1.Footer,
+    ref: ref,
+    ...props
+  });
+});
 const PageLayout = Object.assign(PageLayoutImpl, {
   Content: PageLayoutContent,
-  Header: PageLayout$1.Header,
-  Pane: PageLayout$1.Pane,
-  Footer: PageLayout$1.Footer
+  Header: PageLayoutHeader,
+  Pane: PageLayoutPane,
+  Footer: PageLayoutFooter
 });
 
 const RadioGroupImpl = props => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251003001401",
+  "version": "0.0.0-20251003002527",
   "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-20251003001401",
+    "@primer/react": "0.0.0-20251003002527",
     "@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-20251003001401",
+    "@primer/react": "0.0.0-20251003002527",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",