@primer/styled-react 0.0.0-20251024173756 → 0.0.0-20251024175058

package/dist/components/ActionList.js

@@ -15,11 +15,11 @@ const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
   ...rest
 }, ref) {
   return /*#__PURE__*/jsx(StyledActionList, {
-    ref: ref,
     ...rest,
     ...(as ? {
       forwardedAs: as
-    } : {})
+    } : {}),
+    ref: ref
   });
 });
 const StyledActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
@@ -33,11 +33,11 @@ const ActionListLinkItem = /*#__PURE__*/React.forwardRef(({
   as,
   ...props
 }, ref) => /*#__PURE__*/jsx(StyledActionListLinkItem, {
-  ref: ref,
   ...props,
   ...(as ? {
     forwardedAs: as
   } : {}),
+  ref: ref,
   children: children
 }));
 ActionListLinkItem.displayName = 'ActionList.LinkItem';
@@ -71,11 +71,11 @@ const ActionListItem = /*#__PURE__*/React.forwardRef(({
   as,
   ...props
 }, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
-  ref: ref,
   ...props,
   ...(as ? {
     forwardedAs: as
   } : {}),
+  ref: ref,
   children: children
 }));
 const StyledActionListGroup = styled(ActionList$1.Group).withConfig({

package/dist/components/Avatar.js

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

package/dist/components/BaseStyles.js

@@ -27,13 +27,14 @@ function BaseStyles({
     ['--BaseStyles-lineHeight']: lineHeight
   };
   return /*#__PURE__*/jsxs(Component, {
-    className: clsx('BaseStyles', className),
-    "data-portal-root": true
+    ...rest,
+    className: clsx('BaseStyles', className)
     /**
      * We need to map valid primer/react color modes onto valid color modes for primer/primitives
      * valid color modes for primer/primitives: auto | light | dark
      * valid color modes for primer/primer: auto | day | night | light | dark
      */,
+    "data-portal-root": true,
     "data-color-mode": colorMode === 'auto' ? 'auto' : colorScheme?.includes('dark') ? 'dark' : 'light',
     "data-light-theme": dayScheme,
     "data-dark-theme": nightScheme,
@@ -41,7 +42,6 @@ function BaseStyles({
       ...baseStyles,
       ...style
     },
-    ...rest,
     children: [/*#__PURE__*/jsx(GlobalStyle, {
       colorScheme: colorScheme?.includes('dark') ? 'dark' : 'light'
     }), children]

package/dist/components/Button.js

@@ -41,13 +41,13 @@ const ButtonComponent = /*#__PURE__*/forwardRef(({
     if (color) style['--button-color'] = color;
   }
   return /*#__PURE__*/jsx(StyledButtonComponent, {
-    style: style,
-    sx: sxStyles,
-    ref: ref,
     ...props,
     ...(as ? {
       forwardedAs: as
-    } : {})
+    } : {}),
+    style: style,
+    sx: sxStyles,
+    ref: ref
   });
 });
 

package/dist/components/Checkbox.js

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

package/dist/components/CheckboxGroup.js

@@ -5,8 +5,8 @@ import { jsx } from 'react/jsx-runtime';
 
 const CheckboxGroupImpl = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: CheckboxGroup$1,
-    ...props
+    ...props,
+    as: CheckboxGroup$1
   });
 };
 
@@ -14,20 +14,20 @@ const CheckboxGroupImpl = props => {
 
 const CheckboxOrRadioGroupLabel = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: CheckboxGroup$1.Label,
-    ...props
+    ...props,
+    as: CheckboxGroup$1.Label
   });
 };
 const CheckboxOrRadioGroupCaption = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: CheckboxGroup$1.Caption,
-    ...props
+    ...props,
+    as: CheckboxGroup$1.Caption
   });
 };
 const CheckboxOrRadioGroupValidation = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: CheckboxGroup$1.Validation,
-    ...props
+    ...props,
+    as: CheckboxGroup$1.Validation
   });
 };
 const CheckboxGroup = Object.assign(CheckboxGroupImpl, {

package/dist/components/CounterLabel.js

@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: CounterLabel$1,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 

package/dist/components/Dialog.js

@@ -6,31 +6,31 @@ 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, {
+    ...props,
     as: Dialog$1,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: Dialog$1.Header,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 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, {
+    ...props,
     as: Dialog$1.Body,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: Dialog$1.Footer,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const Dialog = Object.assign(DialogImpl, {

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

@@ -1 +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"}
+{"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;AAW7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAgBrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}

package/dist/components/Header.js

@@ -4,6 +4,7 @@ import Box from './Box.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledHeader = /*#__PURE__*/forwardRef(function Header(props, ref) {
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Box, {
     as: Header$1,
     ref: ref,
@@ -21,6 +22,7 @@ const HeaderImpl = /*#__PURE__*/forwardRef(({
   ref: ref
 }));
 const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Box, {
     as: Header$1.Item,
     ref: ref,
@@ -28,6 +30,7 @@ const HeaderItem = /*#__PURE__*/forwardRef(function HeaderItem(props, ref) {
   });
 });
 const StyledHeaderLink = /*#__PURE__*/forwardRef(function HeaderLink(props, ref) {
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Box, {
     as: Header$1.Link,
     ref: ref,

package/dist/components/IconButton.js

@@ -27,11 +27,11 @@ const IconButton = /*#__PURE__*/forwardRef(({
     }, sx);
   }
   return /*#__PURE__*/jsx(StyledIconButton, {
-    sx: sxStyles,
     ...props,
     ...(as ? {
       forwardedAs: as
     } : {}),
+    sx: sxStyles,
     ref: ref
   });
 });

package/dist/components/NavList.js

@@ -15,11 +15,11 @@ const NavListImpl = /*#__PURE__*/forwardRef(function NavList({
   ...props
 }, ref) {
   return /*#__PURE__*/jsx(StyledNavListImpl, {
-    ref: ref,
     ...(as ? {
       forwardedAs: as
     } : {}),
-    ...props
+    ...props,
+    ref: ref
   });
 });
 const StyledNavListItem = styled(NavList$1.Item).withConfig({

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,EACtD,mBAAmB,IAAI,yBAAyB,EAEjD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAExE,QAAA,MAAM,cAAc;;iDAGlB,CAAA;AAIF,QAAA,MAAM,iBAAiB;;iDAErB,CAAA;AAIF,QAAA,MAAM,cAAc;;iDAElB,CAAA;AAEF,KAAK,cAAc,GAAG,OAAO,cAAc,GAAG;IAC5C,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,cAMhB,CAED;AAGD,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,mBAAmB,IAAI,yBAAyB,EAEjD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAExE,QAAA,MAAM,cAAc;;iDAIlB,CAAA;AAIF,QAAA,MAAM,iBAAiB;;iDAGrB,CAAA;AAIF,QAAA,MAAM,cAAc;;iDAGlB,CAAA;AAEF,KAAK,cAAc,GAAG,OAAO,cAAc,GAAG;IAC5C,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;IACtC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAC,MAAM,CAAA;CACvC,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,cAMhB,CAED;AAGD,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/PageLayout.js

@@ -10,6 +10,7 @@ const Wrapper = styled.div.withConfig({
 })(["", ""], sx);
 const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
   // @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Wrapper, {
     as: PageLayout$1,
     ref: ref,
@@ -17,6 +18,7 @@ const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
 });
 const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Wrapper, {
     as: PageLayout$1.Content,
     ref: ref,
@@ -24,6 +26,7 @@ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
 });
 const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Wrapper, {
     as: PageLayout$1.Pane,
     ref: ref,

package/dist/components/RadioGroup.js

@@ -5,8 +5,8 @@ import { jsx } from 'react/jsx-runtime';
 
 const RadioGroupImpl = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1,
-    ...props
+    ...props,
+    as: RadioGroup$1
   });
 };
 
@@ -14,20 +14,20 @@ const RadioGroupImpl = props => {
 
 const CheckboxOrRadioGroupLabel = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1.Label,
-    ...props
+    ...props,
+    as: RadioGroup$1.Label
   });
 };
 const CheckboxOrRadioGroupCaption = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1.Caption,
-    ...props
+    ...props,
+    as: RadioGroup$1.Caption
   });
 };
 const CheckboxOrRadioGroupValidation = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: RadioGroup$1.Validation,
-    ...props
+    ...props,
+    as: RadioGroup$1.Validation
   });
 };
 const RadioGroup = Object.assign(RadioGroupImpl, {

package/dist/components/RelativeTime.js

@@ -6,8 +6,8 @@ import { jsx } from 'react/jsx-runtime';
 function RelativeTime(props) {
   // @ts-expect-error the types for Box are not correctly inferred here
   return /*#__PURE__*/jsx(Box, {
-    as: RelativeTime$1,
-    ...props
+    ...props,
+    as: RelativeTime$1
   });
 }
 

package/dist/components/SegmentedControl.js

@@ -4,20 +4,20 @@ import { jsx } from 'react/jsx-runtime';
 
 const SegmentedControlButton = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1.Button,
-    ...props
+    ...props,
+    as: SegmentedControl$1.Button
   });
 };
 const SegmentedControlIconButton = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1.IconButton,
-    ...props
+    ...props,
+    as: SegmentedControl$1.IconButton
   });
 };
 const SegmentedControlImpl = props => {
   return /*#__PURE__*/jsx(Box, {
-    as: SegmentedControl$1,
-    ...props
+    ...props,
+    as: SegmentedControl$1
   });
 };
 const SegmentedControl = Object.assign(SegmentedControlImpl, {

package/dist/components/StateLabel.js

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

package/dist/components/SubNav.js

@@ -5,16 +5,16 @@ import { jsx } from 'react/jsx-runtime';
 
 const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: SubNav$1,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: SubNav$1.Link,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const SubNav = Object.assign(SubNavImpl, {

package/dist/components/TextInput.js

@@ -15,11 +15,11 @@ const TextInputImpl = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   return /*#__PURE__*/jsx(StyledTextInput, {
-    ref: ref,
     ...props,
     ...(as ? {
       forwardedAs: as
-    } : {})
+    } : {}),
+    ref: ref
   });
 });
 const TextInputAction = styled(TextInput$1.Action).withConfig({

package/dist/components/Timeline.js

@@ -5,36 +5,36 @@ import { jsx } from 'react/jsx-runtime';
 
 const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: Timeline$1,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const TimelineItem = /*#__PURE__*/forwardRef(function TimelineItem(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: Timeline$1.Item,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 function TimelineBadge(props) {
   return /*#__PURE__*/jsx(Box, {
-    as: Timeline$1.Badge,
-    ...props
+    ...props,
+    as: Timeline$1.Badge
   });
 }
 const TimelineBody = /*#__PURE__*/forwardRef(function TimelineBody(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: Timeline$1.Body,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const TimelineBreak = /*#__PURE__*/forwardRef(function TimelineBreak(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: Timeline$1.Break,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const Timeline = Object.assign(TimelineImpl, {

package/dist/components/ToggleSwitch.js

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

package/dist/components/Tooltip.js

@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: Tooltip$1,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 Tooltip.__SLOT__ = Tooltip$1.__SLOT__;

package/dist/components/UnderlineNav.js

@@ -7,9 +7,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const StyledUnderlineNav = /*#__PURE__*/forwardRef(function UnderlineNav(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: UnderlineNav$1,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const UnderlineNavImpl = /*#__PURE__*/forwardRef(({

package/dist/components/UnderlinePanels.js

@@ -15,8 +15,8 @@ const UnderlinePanelsImpl = ({
   as,
   ...props
 }) => /*#__PURE__*/jsx(StyledUnderlinePanels, {
-  forwardedAs: as,
-  ...props
+  ...props,
+  forwardedAs: as
 });
 UnderlinePanelsImpl.displayName = 'UnderlinePanels';
 const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {

package/dist/components/deprecated/ActionList.js

@@ -7,9 +7,9 @@ import { jsx } from 'react/jsx-runtime';
 
 const ActionListImpl = /*#__PURE__*/forwardRef(function ActionList(props, ref) {
   return /*#__PURE__*/jsx(Box, {
+    ...props,
     as: ActionList$1,
-    ref: ref,
-    ...props
+    ref: ref
   });
 });
 const StyledActionListItem = styled(ActionList$1.Item).withConfig({
@@ -30,14 +30,14 @@ const ActionListItem = /*#__PURE__*/forwardRef(({
 }));
 function ActionListGroup(props) {
   return /*#__PURE__*/jsx(Box, {
-    as: ActionList$1.Group,
-    ...props
+    ...props,
+    as: ActionList$1.Group
   });
 }
 function ActionListDivider(props) {
   return /*#__PURE__*/jsx(Box, {
-    as: ActionList$1.Divider,
-    ...props
+    ...props,
+    as: ActionList$1.Divider
   });
 }
 const ActionList = Object.assign(ActionListImpl, {

package/dist/components/deprecated/DialogV1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1D,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAUzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}
+{"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1D,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAW7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAWzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}

package/dist/components/deprecated/DialogV1.js

@@ -4,6 +4,7 @@ import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledDialog = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Box, {
     as: Dialog$1,
     ref: ref,
@@ -21,6 +22,7 @@ const DialogImpl = /*#__PURE__*/forwardRef(({
   ref: ref
 }));
 const StyledDialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
+  // eslint-disable-next-line primer-react/spread-props-first -- `as` must come before spread for styled-components type inference
   return /*#__PURE__*/jsx(Box, {
     as: Dialog$1.Header,
     ref: ref,

package/package.json

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