@primer/styled-react 0.0.0-20251205154953 → 0.0.0-20251208025650

package/dist/components/RadioGroup.js

@@ -1,41 +1,43 @@
-import Box_default from "./Box.js";
-import { RadioGroup } from "@primer/react";
-import { jsx } from "react/jsx-runtime";
+import { RadioGroup as RadioGroup$1 } from '@primer/react';
+import 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/RadioGroup.tsx
-const RadioGroupImpl = (props) => {
-	return /* @__PURE__ */ jsx(Box_default, {
-		as: RadioGroup,
-		...props
-	});
+const RadioGroupImpl = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: RadioGroup$1,
+    ...props
+  });
 };
-const CheckboxOrRadioGroupLabel = (props) => {
-	return /* @__PURE__ */ jsx(Box_default, {
-		as: RadioGroup.Label,
-		...props
-	});
+
+// Define local types based on the internal component props
+
+const CheckboxOrRadioGroupLabel = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: RadioGroup$1.Label,
+    ...props
+  });
 };
-const CheckboxOrRadioGroupCaption = (props) => {
-	return /* @__PURE__ */ jsx(Box_default, {
-		as: RadioGroup.Caption,
-		...props
-	});
+const CheckboxOrRadioGroupCaption = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: RadioGroup$1.Caption,
+    ...props
+  });
 };
-const CheckboxOrRadioGroupValidation = (props) => {
-	return /* @__PURE__ */ jsx(Box_default, {
-		as: RadioGroup.Validation,
-		...props
-	});
+const CheckboxOrRadioGroupValidation = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: RadioGroup$1.Validation,
+    ...props
+  });
 };
-const RadioGroup$1 = Object.assign(RadioGroupImpl, {
-	Label: CheckboxOrRadioGroupLabel,
-	Caption: CheckboxOrRadioGroupCaption,
-	Validation: CheckboxOrRadioGroupValidation
+const RadioGroup = Object.assign(RadioGroupImpl, {
+  Label: CheckboxOrRadioGroupLabel,
+  Caption: CheckboxOrRadioGroupCaption,
+  Validation: CheckboxOrRadioGroupValidation
 });
-RadioGroupImpl.__SLOT__ = RadioGroup.__SLOT__;
-CheckboxOrRadioGroupLabel.__SLOT__ = RadioGroup.Label.__SLOT__;
-CheckboxOrRadioGroupCaption.__SLOT__ = RadioGroup.Caption.__SLOT__;
-CheckboxOrRadioGroupValidation.__SLOT__ = RadioGroup.Validation.__SLOT__;
+RadioGroupImpl.__SLOT__ = RadioGroup$1.__SLOT__;
+CheckboxOrRadioGroupLabel.__SLOT__ = RadioGroup$1.Label.__SLOT__;
+CheckboxOrRadioGroupCaption.__SLOT__ = RadioGroup$1.Caption.__SLOT__;
+CheckboxOrRadioGroupValidation.__SLOT__ = RadioGroup$1.Validation.__SLOT__;
 
-//#endregion
-export { RadioGroup$1 as RadioGroup };
+export { RadioGroup };

package/dist/components/RelativeTime.js

@@ -1,14 +1,14 @@
-import Box_default from "./Box.js";
-import { RelativeTime } from "@primer/react";
-import { jsx } from "react/jsx-runtime";
+import { RelativeTime as RelativeTime$1 } from '@primer/react';
+import 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/RelativeTime.tsx
-function RelativeTime$1(props) {
-	return /* @__PURE__ */ jsx(Box_default, {
-		as: RelativeTime,
-		...props
-	});
+function RelativeTime(props) {
+  // @ts-expect-error the types for Box are not correctly inferred here
+  return /*#__PURE__*/jsx(Box, {
+    as: RelativeTime$1,
+    ...props
+  });
 }
 
-//#endregion
-export { RelativeTime$1 as RelativeTime };
+export { RelativeTime };

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/Select.js

@@ -1,19 +1,24 @@
-import { sx } from "../sx.js";
-import styled from "styled-components";
-import { Select } from "@primer/react";
-import { jsx } from "react/jsx-runtime";
+import { Select as Select$1 } from '@primer/react';
+import sx from '../sx.js';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/Select.tsx
-const StyledSelect = styled(Select).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "Select__StyledSelect",
-	componentId: "sc-1pyiuc8-0"
+const StyledSelect = styled(Select$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Select__StyledSelect",
+  componentId: "sc-1pyiuc8-0"
 })(["", ""], sx);
-const Select$1 = ({ as, ...props }) => {
-	return /* @__PURE__ */ jsx(StyledSelect, {
-		...props,
-		...as ? { forwardedAs: as } : {}
-	});
+const Select = ({
+  as,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(StyledSelect, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
 };
 
-//#endregion
-export { Select$1 as Select };
+export { Select };

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/StateLabel.js

@@ -1,16 +1,14 @@
-import { Box } from "./Box.js";
-import { StateLabel } from "@primer/react";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { StateLabel as StateLabel$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/StateLabel.tsx
-const StateLabel$1 = /* @__PURE__ */ forwardRef(function StateLabel$2(props, ref) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: StateLabel,
-		ref,
-		...props
-	});
+const StateLabel = /*#__PURE__*/forwardRef(function StateLabel(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: StateLabel$1,
+    ref: ref,
+    ...props
+  });
 });
 
-//#endregion
-export { StateLabel$1 as StateLabel };
+export { StateLabel };

package/dist/components/SubNav.js

@@ -1,28 +1,26 @@
-import { Box } from "./Box.js";
-import { SubNav } from "@primer/react";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { SubNav as SubNav$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/SubNav.tsx
-const SubNavImpl = /* @__PURE__ */ forwardRef(function SubNav$2(props, ref) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: SubNav,
-		ref,
-		...props
-	});
+const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: SubNav$1,
+    ref: ref,
+    ...props
+  });
 });
-const SubNavLink = /* @__PURE__ */ forwardRef(function SubNavLink$1(props, ref) {
-	return /* @__PURE__ */ jsx(Box, {
-		as: SubNav.Link,
-		ref,
-		...props
-	});
+const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: SubNav$1.Link,
+    ref: ref,
+    ...props
+  });
 });
-const SubNav$1 = Object.assign(SubNavImpl, {
-	__SLOT__: SubNav.__SLOT__,
-	Link: SubNavLink
+const SubNav = Object.assign(SubNavImpl, {
+  __SLOT__: SubNav$1.__SLOT__,
+  Link: SubNavLink
 });
-SubNavLink.__SLOT__ = SubNav.Link.__SLOT__;
+SubNavLink.__SLOT__ = SubNav$1.Link.__SLOT__;
 
-//#endregion
-export { SubNav$1 as SubNav };
+export { SubNav };

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 };