@primer/styled-react 0.0.0-20251210204724 → 0.0.0-20260202191621

package/dist/components/PageHeader.js

@@ -1,71 +1,109 @@
-import { sx } from "../sx.js";
-import { Box } from "./Box.js";
-import styled from "styled-components";
-import { PageHeader } from "@primer/react";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
+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';
 
-//#region src/components/PageHeader.tsx
-const StyledPageHeader = styled(PageHeader).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "PageHeader__StyledPageHeader",
-	componentId: "sc-1g9symn-0"
+const StyledPageHeader = styled(PageHeader$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "PageHeader__StyledPageHeader",
+  componentId: "sc-1g9symn-0"
 })(["", ""], sx);
-const PageHeaderImpl = /* @__PURE__ */ React.forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledPageHeader, {
-	...props,
-	...as ? { forwardedAs: as } : {},
-	ref
+const PageHeaderImpl = /*#__PURE__*/React.forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledPageHeader, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
 }));
-function PageHeaderActions({ sx: sx$1, ...rest }) {
-	const style = {};
-	if (sx$1) {
-		const { height } = sx$1;
-		if (height) style["--custom-height"] = height;
-	}
-	return /* @__PURE__ */ jsx(Box, {
-		...rest,
-		as: PageHeader.Actions,
-		style,
-		sx: sx$1
-	});
+function PageHeaderActions({
+  sx,
+  ...rest
+}) {
+  const style = {};
+  if (sx) {
+    // @ts-ignore sx has height attribute
+    const {
+      height
+    } = sx;
+    if (height) {
+      style['--custom-height'] = height;
+    }
+  }
+
+  // @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Actions
+  return /*#__PURE__*/jsx(Box, {
+    ...rest,
+    as: PageHeader$1.Actions,
+    style: style,
+    sx: sx
+  });
 }
-function StyledPageHeaderTitle({ sx: sx$1, ...rest }) {
-	const style = {};
-	if (sx$1) {
-		const { fontSize, lineHeight, fontWeight } = sx$1;
-		if (fontSize) style["--custom-font-size"] = fontSize;
-		if (lineHeight) style["--custom-line-height"] = lineHeight;
-		if (fontWeight) style["--custom-font-weight"] = fontWeight;
-	}
-	return /* @__PURE__ */ jsx(Box, {
-		...rest,
-		as: PageHeader.Title,
-		style,
-		sx: sx$1
-	});
+function StyledPageHeaderTitle({
+  sx,
+  ...rest
+}) {
+  const style = {};
+  if (sx) {
+    // @ts-ignore sx can have color attribute
+    const {
+      fontSize,
+      lineHeight,
+      fontWeight
+    } = sx;
+    if (fontSize) {
+      style['--custom-font-size'] = fontSize;
+    }
+    if (lineHeight) {
+      style['--custom-line-height'] = lineHeight;
+    }
+    if (fontWeight) {
+      style['--custom-font-weight'] = fontWeight;
+    }
+  }
+
+  // @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Title
+  return /*#__PURE__*/jsx(Box, {
+    ...rest,
+    as: PageHeader$1.Title,
+    style: style,
+    sx: sx
+  });
 }
-const PageHeaderTitle = ({ as, ...props }) => /* @__PURE__ */ jsx(StyledPageHeaderTitle, {
-	...props,
-	...as ? { forwardedAs: as } : {}
+const PageHeaderTitle = ({
+  as,
+  ...props
+}) => /*#__PURE__*/jsx(StyledPageHeaderTitle, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {})
 });
-const PageHeaderTitleArea = styled(PageHeader.TitleArea).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "PageHeader__PageHeaderTitleArea",
-	componentId: "sc-1g9symn-1"
+const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "PageHeader__PageHeaderTitleArea",
+  componentId: "sc-1g9symn-1"
 })(["", ""], sx);
-const PageHeader$1 = Object.assign(PageHeaderImpl, {
-	Actions: PageHeaderActions,
-	ContextArea: PageHeader.ContextArea,
-	ParentLink: PageHeader.ParentLink,
-	ContextBar: PageHeader.ContextBar,
-	TitleArea: PageHeaderTitleArea,
-	ContextAreaActions: PageHeader.ContextAreaActions,
-	LeadingAction: PageHeader.LeadingAction,
-	Breadcrumbs: PageHeader.Breadcrumbs,
-	LeadingVisual: PageHeader.LeadingVisual,
-	Title: PageHeaderTitle,
-	TrailingVisual: PageHeader.TrailingVisual,
-	Description: PageHeader.Description,
-	TrailingAction: PageHeader.TrailingAction
+const PageHeader = Object.assign(PageHeaderImpl, {
+  Actions: PageHeaderActions,
+  ContextArea: PageHeader$1.ContextArea,
+  ParentLink: PageHeader$1.ParentLink,
+  ContextBar: PageHeader$1.ContextBar,
+  TitleArea: PageHeaderTitleArea,
+  ContextAreaActions: PageHeader$1.ContextAreaActions,
+  LeadingAction: PageHeader$1.LeadingAction,
+  Breadcrumbs: PageHeader$1.Breadcrumbs,
+  LeadingVisual: PageHeader$1.LeadingVisual,
+  Title: PageHeaderTitle,
+  TrailingVisual: PageHeader$1.TrailingVisual,
+  Description: PageHeader$1.Description,
+  TrailingAction: PageHeader$1.TrailingAction
 });
 
-//#endregion
-export { PageHeader$1 as PageHeader };
+export { PageHeader };

package/dist/components/SegmentedControl.js

@@ -1,33 +1,31 @@
-import { Box } from "./Box.js";
-import { SegmentedControl } from "@primer/react";
-import { jsx } from "react/jsx-runtime";
+import { SegmentedControl as SegmentedControl$1 } from '@primer/react';
+import { Box } from './Box.js';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/SegmentedControl.tsx
-const SegmentedControlButton = (props) => {
-	return /* @__PURE__ */ jsx(Box, {
-		as: SegmentedControl.Button,
-		...props
-	});
+const SegmentedControlButton = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.Button,
+    ...props
+  });
 };
-const SegmentedControlIconButton = (props) => {
-	return /* @__PURE__ */ jsx(Box, {
-		as: SegmentedControl.IconButton,
-		...props
-	});
+const SegmentedControlIconButton = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.IconButton,
+    ...props
+  });
 };
-const SegmentedControlImpl = (props) => {
-	return /* @__PURE__ */ jsx(Box, {
-		as: SegmentedControl,
-		...props
-	});
+const SegmentedControlImpl = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1,
+    ...props
+  });
 };
-const SegmentedControl$1 = Object.assign(SegmentedControlImpl, {
-	__SLOT__: SegmentedControl.__SLOT__,
-	Button: SegmentedControlButton,
-	IconButton: SegmentedControlIconButton
+const SegmentedControl = Object.assign(SegmentedControlImpl, {
+  __SLOT__: SegmentedControl$1.__SLOT__,
+  Button: SegmentedControlButton,
+  IconButton: SegmentedControlIconButton
 });
-SegmentedControlButton.__SLOT__ = SegmentedControl.Button.__SLOT__;
-SegmentedControlIconButton.__SLOT__ = SegmentedControl.IconButton.__SLOT__;
+SegmentedControlButton.__SLOT__ = SegmentedControl$1.Button.__SLOT__;
+SegmentedControlIconButton.__SLOT__ = SegmentedControl$1.IconButton.__SLOT__;
 
-//#endregion
-export { SegmentedControl$1 as SegmentedControl };
+export { SegmentedControl };

package/dist/components/Spinner.js

@@ -1,12 +1,12 @@
-import { sx } from "../sx.js";
-import styled from "styled-components";
-import { Spinner } from "@primer/react";
+import { Spinner as Spinner$1 } from '@primer/react';
+import { sx } from '../sx.js';
+import styled from 'styled-components';
 
-//#region src/components/Spinner.tsx
-const Spinner$1 = styled(Spinner).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "Spinner",
-	componentId: "sc-jbw2a0-0"
+const Spinner = styled(Spinner$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Spinner",
+  componentId: "sc-jbw2a0-0"
 })(["", ""], sx);
 
-//#endregion
-export { Spinner$1 as Spinner };
+export { Spinner };

package/dist/components/Text.js

@@ -1,21 +1,26 @@
-import { sx } from "../sx.js";
-import styled from "styled-components";
-import { Text } from "@primer/react";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+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';
 
-//#region src/components/Text.tsx
-const StyledText = styled(Text).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "Text__StyledText",
-	componentId: "sc-1klmep6-0"
+const StyledText = styled(Text$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Text__StyledText",
+  componentId: "sc-1klmep6-0"
 })(["", ""], sx);
-const Text$1 = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(StyledText, {
-		...props,
-		...as ? { forwardedAs: as } : {},
-		ref
-	});
+const Text = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledText, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
 });
 
-//#endregion
-export { Text$1 as Text };
+export { Text };

package/dist/components/TextInput.js

@@ -1,31 +1,38 @@
-import { sx } from "../sx.js";
-import styled from "styled-components";
-import { TextInput } from "@primer/react";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+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';
 
-//#region src/components/TextInput.tsx
-const StyledTextInput = styled(TextInput).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "TextInput__StyledTextInput",
-	componentId: "sc-ttxlvl-0"
+const StyledTextInput = styled(TextInput$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TextInput__StyledTextInput",
+  componentId: "sc-ttxlvl-0"
 })(["", ""], sx);
-const TextInputImpl = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(StyledTextInput, {
-		ref,
-		...props,
-		...as ? { forwardedAs: as } : {}
-	});
+const TextInputImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledTextInput, {
+    ref: ref,
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
 });
-const TextInputAction = styled(TextInput.Action).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "TextInput__TextInputAction",
-	componentId: "sc-ttxlvl-1"
+const TextInputAction = styled(TextInput$1.Action).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TextInput__TextInputAction",
+  componentId: "sc-ttxlvl-1"
 })(["", ""], sx);
-const TextInput$1 = Object.assign(TextInputImpl, {
-	__SLOT__: TextInput.__SLOT__,
-	Action: TextInputAction
+const TextInput = Object.assign(TextInputImpl, {
+  __SLOT__: TextInput$1.__SLOT__,
+  Action: TextInputAction
 });
-TextInputAction.displayName = "TextInputAction";
-TextInputImpl.displayName = "TextInput";
+TextInputAction.displayName = 'TextInputAction';
+TextInputImpl.displayName = 'TextInput';
 
-//#endregion
-export { TextInput$1 as TextInput };
+export { TextInput };

package/dist/components/Textarea.js

@@ -1,21 +1,26 @@
-import { sx } from "../sx.js";
-import styled from "styled-components";
-import { Textarea } from "@primer/react";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+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';
 
-//#region src/components/Textarea.tsx
-const StyledTextarea = styled(Textarea).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "Textarea__StyledTextarea",
-	componentId: "sc-40d1gp-0"
+const StyledTextarea = styled(Textarea$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Textarea__StyledTextarea",
+  componentId: "sc-40d1gp-0"
 })(["", ""], sx);
-const Textarea$1 = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(StyledTextarea, {
-		...props,
-		...as ? { forwardedAs: as } : {},
-		ref
-	});
+const Textarea = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledTextarea, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
 });
 
-//#endregion
-export { Textarea$1 as Textarea };
+export { Textarea };