@primer/styled-react 0.0.0-20251202212638 → 0.0.0-20251202220556

package/dist/packages/styled-react/src/components/Button.js

@@ -0,0 +1,48 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { Button } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Button.tsx
+const StyledButtonComponent = styled(Button).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "Button__StyledButtonComponent",
+	componentId: "sc-vqy3e4-0"
+})(["", ""], sx);
+const ButtonComponent = /* @__PURE__ */ forwardRef(({ as, sx: sx$1, style: propStyle, ...props }, ref) => {
+	const { block, size = "medium", leadingVisual, trailingVisual, trailingAction } = props;
+	let sxStyles = {};
+	const style = { ...propStyle || {} };
+	if (sx$1 !== null && Object.keys(sx$1 || {}).length > 0) {
+		sxStyles = generateCustomSxProp({
+			block,
+			size,
+			leadingVisual,
+			trailingVisual,
+			trailingAction
+		}, sx$1);
+		const { color } = sx$1;
+		if (color) style["--button-color"] = color;
+	}
+	return /* @__PURE__ */ jsx(StyledButtonComponent, {
+		style,
+		sx: sxStyles,
+		ref,
+		...props,
+		...as ? { forwardedAs: as } : {}
+	});
+});
+function generateCustomSxProp(props, providedSx) {
+	const cssSelector = `&${`[data-size="${props.size}"]`}${props.block ? `[data-block="block"]` : ""}${props.leadingVisual || props.trailingVisual || props.trailingAction ? "" : "[data-no-visuals]"}`;
+	const customSxProp = {};
+	if (!providedSx) return customSxProp;
+	else {
+		customSxProp[cssSelector] = providedSx;
+		return customSxProp;
+	}
+}
+ButtonComponent.displayName = "Button";
+ButtonComponent.__SLOT__ = Button.__SLOT__;
+
+//#endregion
+export { ButtonComponent, generateCustomSxProp };

package/dist/packages/styled-react/src/components/Checkbox.js

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

package/dist/packages/styled-react/src/components/CheckboxGroup.js

@@ -0,0 +1,41 @@
+import Box_default from "./Box.js";
+import { CheckboxGroup } from "@primer/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/CheckboxGroup.tsx
+const CheckboxGroupImpl = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: CheckboxGroup,
+		...props
+	});
+};
+const CheckboxOrRadioGroupLabel = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: CheckboxGroup.Label,
+		...props
+	});
+};
+const CheckboxOrRadioGroupCaption = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: CheckboxGroup.Caption,
+		...props
+	});
+};
+const CheckboxOrRadioGroupValidation = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: CheckboxGroup.Validation,
+		...props
+	});
+};
+const CheckboxGroup$1 = Object.assign(CheckboxGroupImpl, {
+	Label: CheckboxOrRadioGroupLabel,
+	Caption: CheckboxOrRadioGroupCaption,
+	Validation: CheckboxOrRadioGroupValidation
+});
+CheckboxGroupImpl.__SLOT__ = CheckboxGroup.__SLOT__;
+CheckboxOrRadioGroupLabel.__SLOT__ = CheckboxGroup.Label.__SLOT__;
+CheckboxOrRadioGroupCaption.__SLOT__ = CheckboxGroup.Caption.__SLOT__;
+CheckboxOrRadioGroupValidation.__SLOT__ = CheckboxGroup.Validation.__SLOT__;
+
+//#endregion
+export { CheckboxGroup$1 as CheckboxGroup };

package/dist/packages/styled-react/src/components/CircleBadge.js

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

package/dist/packages/styled-react/src/components/CounterLabel.js

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

package/dist/packages/styled-react/src/components/DataTable.js

@@ -0,0 +1,24 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+import { Table } from "@primer/react/experimental";
+
+//#region src/components/DataTable.tsx
+const { Container: PrimerDataTableContainer, ...rest } = Table;
+const StyleDataTableContainer = styled(PrimerDataTableContainer).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "DataTable__StyleDataTableContainer",
+	componentId: "sc-qy1ey2-0"
+})(["", ""], sx);
+function DataTableContainer({ as, ...rest$1 }) {
+	return /* @__PURE__ */ jsx(StyleDataTableContainer, {
+		...rest$1,
+		...as ? { forwardedAs: as } : {}
+	});
+}
+const Table$1 = Object.assign(Table, {
+	Container: DataTableContainer,
+	...rest
+});
+
+//#endregion
+export { Table$1 as Table };

package/dist/packages/styled-react/src/components/Dialog.js

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

package/dist/packages/styled-react/src/components/Flash.js

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

package/dist/packages/styled-react/src/components/FormControl.js

@@ -0,0 +1,19 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { FormControl } from "@primer/react";
+
+//#region src/components/FormControl.tsx
+const FormControlImpl = styled(FormControl).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "FormControl__FormControlImpl",
+	componentId: "sc-1642wfe-0"
+})(["", ""], sx);
+const FormControl$1 = Object.assign(FormControlImpl, {
+	__SLOT__: FormControl.__SLOT__,
+	Caption: FormControl.Caption,
+	LeadingVisual: FormControl.LeadingVisual,
+	Validation: FormControl.Validation,
+	Label: FormControl.Label
+});
+
+//#endregion
+export { FormControl$1 as FormControl };

package/dist/packages/styled-react/src/components/Header.js

@@ -0,0 +1,44 @@
+import { Box } from "./Box.js";
+import { Header } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Header.tsx
+const StyledHeader = /* @__PURE__ */ forwardRef(function Header$2(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Header,
+		ref,
+		...props
+	});
+});
+const HeaderImpl = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledHeader, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+const HeaderItem = /* @__PURE__ */ forwardRef(function HeaderItem$1(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Header.Item,
+		ref,
+		...props
+	});
+});
+const StyledHeaderLink = /* @__PURE__ */ forwardRef(function HeaderLink$1(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Header.Link,
+		ref,
+		...props
+	});
+});
+const HeaderLink = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledHeaderLink, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+const Header$1 = Object.assign(HeaderImpl, {
+	Item: HeaderItem,
+	Link: HeaderLink
+});
+
+//#endregion
+export { Header$1 as Header };

package/dist/packages/styled-react/src/components/Heading.js

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

package/dist/packages/styled-react/src/components/IconButton.js

@@ -0,0 +1,27 @@
+import { sx } from "../sx.js";
+import { generateCustomSxProp } from "./Button.js";
+import styled from "styled-components";
+import { IconButton } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/IconButton.tsx
+const StyledIconButton = styled(IconButton).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "IconButton__StyledIconButton",
+	componentId: "sc-i53dt6-0"
+})(["", ""], sx);
+const IconButton$1 = /* @__PURE__ */ forwardRef(({ as, sx: sx$1, ...props }, ref) => {
+	let sxStyles = sx$1;
+	const { size = "medium" } = props;
+	if (sx$1 !== null && sx$1 !== void 0 && Object.keys(sx$1).length > 0) sxStyles = generateCustomSxProp({ size }, sx$1);
+	return /* @__PURE__ */ jsx(StyledIconButton, {
+		sx: sxStyles,
+		...props,
+		...as ? { forwardedAs: as } : {},
+		ref
+	});
+});
+IconButton$1.__SLOT__ = IconButton.__SLOT__;
+
+//#endregion
+export { IconButton$1 as IconButton };

package/dist/packages/styled-react/src/components/Label.js

@@ -0,0 +1,21 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { Label } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Label.tsx
+const StyledLabel = styled(Label).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "Label__StyledLabel",
+	componentId: "sc-1cpass9-0"
+})(["", ""], sx);
+const Label$1 = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(StyledLabel, {
+		...props,
+		...as ? { forwardedAs: as } : {},
+		ref
+	});
+});
+
+//#endregion
+export { Label$1 as Label };

package/dist/packages/styled-react/src/components/Link.js

@@ -0,0 +1,21 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { Link } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Link.tsx
+const StyledLink = styled(Link).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "Link__StyledLink",
+	componentId: "sc-1syctfj-0"
+})(["", ""], sx);
+const Link$1 = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(StyledLink, {
+		...props,
+		...as ? { forwardedAs: as } : {},
+		ref
+	});
+});
+
+//#endregion
+export { Link$1 as Link };

package/dist/packages/styled-react/src/components/LinkButton.js

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

package/dist/packages/styled-react/src/components/NavList.js

@@ -0,0 +1,55 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { NavList } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/NavList.tsx
+const StyledNavListImpl = styled(NavList).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "NavList__StyledNavListImpl",
+	componentId: "sc-86jrwg-0"
+})(["", ""], sx);
+const NavListImpl = /* @__PURE__ */ forwardRef(function NavList$2({ as, ...props }, ref) {
+	return /* @__PURE__ */ jsx(StyledNavListImpl, {
+		ref,
+		...as ? { forwardedAs: as } : {},
+		...props
+	});
+});
+const StyledNavListItem = styled(NavList.Item).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "NavList__StyledNavListItem",
+	componentId: "sc-86jrwg-1"
+})(["", ""], sx);
+const NavListItem = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(StyledNavListItem, {
+		...props,
+		...as ? { forwardedAs: as } : {},
+		ref
+	});
+});
+const StyledNavListLeadingVisual = styled(NavList.LeadingVisual).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "NavList__StyledNavListLeadingVisual",
+	componentId: "sc-86jrwg-2"
+})(["", ""], sx);
+const NavListLeadingVisual = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(StyledNavListLeadingVisual, {
+		...props,
+		...as ? { forwardedAs: as } : {},
+		ref
+	});
+});
+NavListLeadingVisual.__SLOT__ = NavList.LeadingVisual.__SLOT__;
+const NavList$1 = Object.assign(NavListImpl, {
+	Item: NavListItem,
+	Group: NavList.Group,
+	GroupHeading: NavList.GroupHeading,
+	LeadingVisual: NavListLeadingVisual,
+	SubNav: NavList.SubNav,
+	Divider: NavList.Divider,
+	TrailingVisual: NavList.TrailingVisual,
+	TrailingAction: NavList.TrailingAction,
+	GroupExpand: NavList.GroupExpand
+});
+
+//#endregion
+export { NavList$1 as NavList };

package/dist/packages/styled-react/src/components/Overlay.js

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

package/dist/packages/styled-react/src/components/PageHeader.js

@@ -0,0 +1,71 @@
+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";
+
+//#region src/components/PageHeader.tsx
+const StyledPageHeader = styled(PageHeader).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
+}));
+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 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
+	});
+}
+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"
+})(["", ""], 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
+});
+
+//#endregion
+export { PageHeader$1 as PageHeader };

package/dist/packages/styled-react/src/components/RadioGroup.js

@@ -0,0 +1,41 @@
+import Box_default from "./Box.js";
+import { RadioGroup } from "@primer/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/RadioGroup.tsx
+const RadioGroupImpl = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: RadioGroup,
+		...props
+	});
+};
+const CheckboxOrRadioGroupLabel = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: RadioGroup.Label,
+		...props
+	});
+};
+const CheckboxOrRadioGroupCaption = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: RadioGroup.Caption,
+		...props
+	});
+};
+const CheckboxOrRadioGroupValidation = (props) => {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: RadioGroup.Validation,
+		...props
+	});
+};
+const RadioGroup$1 = 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__;
+
+//#endregion
+export { RadioGroup$1 as RadioGroup };

package/dist/packages/styled-react/src/components/RelativeTime.js

@@ -0,0 +1,14 @@
+import Box_default from "./Box.js";
+import { RelativeTime } from "@primer/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/RelativeTime.tsx
+function RelativeTime$1(props) {
+	return /* @__PURE__ */ jsx(Box_default, {
+		as: RelativeTime,
+		...props
+	});
+}
+
+//#endregion
+export { RelativeTime$1 as RelativeTime };

package/dist/packages/styled-react/src/components/SegmentedControl.js

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

package/dist/packages/styled-react/src/components/Select.js

@@ -0,0 +1,19 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { Select } from "@primer/react";
+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"
+})(["", ""], sx);
+const Select$1 = ({ as, ...props }) => {
+	return /* @__PURE__ */ jsx(StyledSelect, {
+		...props,
+		...as ? { forwardedAs: as } : {}
+	});
+};
+
+//#endregion
+export { Select$1 as Select };