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

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

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

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

@@ -0,0 +1,16 @@
+import { Box } from "./Box.js";
+import { StateLabel } from "@primer/react";
+import { forwardRef } from "react";
+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
+	});
+});
+
+//#endregion
+export { StateLabel$1 as StateLabel };

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

@@ -0,0 +1,28 @@
+import { Box } from "./Box.js";
+import { SubNav } from "@primer/react";
+import { forwardRef } from "react";
+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 SubNavLink = /* @__PURE__ */ forwardRef(function SubNavLink$1(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: SubNav.Link,
+		ref,
+		...props
+	});
+});
+const SubNav$1 = Object.assign(SubNavImpl, {
+	__SLOT__: SubNav.__SLOT__,
+	Link: SubNavLink
+});
+SubNavLink.__SLOT__ = SubNav.Link.__SLOT__;
+
+//#endregion
+export { SubNav$1 as SubNav };

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

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

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

@@ -0,0 +1,31 @@
+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";
+
+//#region src/components/TextInput.tsx
+const StyledTextInput = styled(TextInput).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 TextInputAction = styled(TextInput.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
+});
+TextInputAction.displayName = "TextInputAction";
+TextInputImpl.displayName = "TextInput";
+
+//#endregion
+export { TextInput$1 as TextInput };

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

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

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

@@ -0,0 +1,152 @@
+import { __toESM } from "../../../../_virtual/rolldown_runtime.js";
+import { require_cjs } from "../../../../node_modules/deepmerge/dist/cjs.js";
+import { ThemeProvider } from "styled-components";
+import { theme, useId, useSyncedState } from "@primer/react";
+import React from "react";
+import ReactDOM from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ThemeProvider.tsx
+var import_cjs = /* @__PURE__ */ __toESM(require_cjs());
+const defaultColorMode = "day";
+const defaultDayScheme = "light";
+const defaultNightScheme = "dark";
+const ThemeContext = /* @__PURE__ */ React.createContext({
+	setColorMode: () => null,
+	setDayScheme: () => null,
+	setNightScheme: () => null
+});
+const getServerHandoff = (id) => {
+	try {
+		const serverData = document.getElementById(`__PRIMER_DATA_${id}__`)?.textContent;
+		if (serverData) return JSON.parse(serverData);
+	} catch (_error) {}
+	return {};
+};
+const ThemeProvider$1 = ({ children, ...props }) => {
+	const { theme: fallbackTheme, colorMode: fallbackColorMode, dayScheme: fallbackDayScheme, nightScheme: fallbackNightScheme } = useTheme();
+	const theme$1 = props.theme ?? fallbackTheme ?? theme;
+	const uniqueDataId = useId();
+	const { resolvedServerColorMode } = getServerHandoff(uniqueDataId);
+	const resolvedColorModePassthrough = React.useRef(resolvedServerColorMode);
+	const [colorMode, setColorMode] = useSyncedState(props.colorMode ?? fallbackColorMode ?? defaultColorMode);
+	const [dayScheme, setDayScheme] = useSyncedState(props.dayScheme ?? fallbackDayScheme ?? defaultDayScheme);
+	const [nightScheme, setNightScheme] = useSyncedState(props.nightScheme ?? fallbackNightScheme ?? defaultNightScheme);
+	const systemColorMode = useSystemColorMode();
+	const resolvedColorMode = resolvedColorModePassthrough.current || resolveColorMode(colorMode, systemColorMode);
+	const colorScheme = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
+	const { resolvedTheme, resolvedColorScheme } = React.useMemo(() => applyColorScheme(theme$1, colorScheme), [theme$1, colorScheme]);
+	React.useEffect(function updateColorModeAfterServerPassthrough() {
+		const resolvedColorModeOnClient = resolveColorMode(colorMode, systemColorMode);
+		if (resolvedColorModePassthrough.current) {
+			if (resolvedColorModePassthrough.current !== resolvedColorModeOnClient) window.setTimeout(() => {
+				ReactDOM.flushSync(() => {
+					setColorMode(resolvedColorModeOnClient);
+				});
+				setColorMode(colorMode);
+			});
+			resolvedColorModePassthrough.current = null;
+		}
+	}, [
+		colorMode,
+		systemColorMode,
+		setColorMode
+	]);
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value: {
+			theme: resolvedTheme,
+			colorScheme,
+			colorMode,
+			resolvedColorMode,
+			resolvedColorScheme,
+			dayScheme,
+			nightScheme,
+			setColorMode,
+			setDayScheme,
+			setNightScheme
+		},
+		children: /* @__PURE__ */ jsxs(ThemeProvider, {
+			theme: resolvedTheme,
+			children: [children, props.preventSSRMismatch ? /* @__PURE__ */ jsx("script", {
+				type: "application/json",
+				id: `__PRIMER_DATA_${uniqueDataId}__`,
+				dangerouslySetInnerHTML: { __html: JSON.stringify({ resolvedServerColorMode: resolvedColorMode }) }
+			}) : null]
+		})
+	});
+};
+function useTheme() {
+	return React.useContext(ThemeContext);
+}
+function useColorSchemeVar(values, fallback) {
+	const { colorScheme = "" } = useTheme();
+	return values[colorScheme] ?? fallback;
+}
+function useSystemColorMode() {
+	const [systemColorMode, setSystemColorMode] = React.useState(getSystemColorMode);
+	React.useEffect(() => {
+		const media = window?.matchMedia?.("(prefers-color-scheme: dark)");
+		function matchesMediaToColorMode(matches) {
+			return matches ? "night" : "day";
+		}
+		function handleChange(event) {
+			const isNight = event.matches;
+			setSystemColorMode(matchesMediaToColorMode(isNight));
+		}
+		if (media) {
+			const isNight = media.matches;
+			setSystemColorMode(matchesMediaToColorMode(isNight));
+			if (media.addEventListener !== void 0) {
+				media.addEventListener("change", handleChange);
+				return function cleanup() {
+					media.removeEventListener("change", handleChange);
+				};
+			} else if (media.addListener !== void 0) {
+				media.addListener(handleChange);
+				return function cleanup() {
+					media.removeListener(handleChange);
+				};
+			}
+		}
+	}, []);
+	return systemColorMode;
+}
+function getSystemColorMode() {
+	if (typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)")?.matches) return "night";
+	return "day";
+}
+function resolveColorMode(colorMode, systemColorMode) {
+	switch (colorMode) {
+		case "auto": return systemColorMode;
+		default: return colorMode;
+	}
+}
+function chooseColorScheme(colorMode, dayScheme, nightScheme) {
+	switch (colorMode) {
+		case "day":
+		case "light": return dayScheme;
+		case "dark":
+		case "night": return nightScheme;
+	}
+}
+function applyColorScheme(theme$1, colorScheme) {
+	if (!theme$1.colorSchemes) return {
+		resolvedTheme: theme$1,
+		resolvedColorScheme: void 0
+	};
+	if (!theme$1.colorSchemes[colorScheme]) {
+		console.error(`\`${colorScheme}\` scheme not defined in \`theme.colorSchemes\``);
+		const defaultColorScheme = Object.keys(theme$1.colorSchemes)[0];
+		return {
+			resolvedTheme: (0, import_cjs.default)(theme$1, theme$1.colorSchemes[defaultColorScheme]),
+			resolvedColorScheme: defaultColorScheme
+		};
+	}
+	return {
+		resolvedTheme: (0, import_cjs.default)(theme$1, theme$1.colorSchemes[colorScheme]),
+		resolvedColorScheme: colorScheme
+	};
+}
+
+//#endregion
+export { ThemeProvider$1 as ThemeProvider, useColorSchemeVar, useTheme };

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

@@ -0,0 +1,49 @@
+import { Box } from "./Box.js";
+import { Timeline } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Timeline.tsx
+const TimelineImpl = /* @__PURE__ */ forwardRef(function Timeline$2(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Timeline,
+		ref,
+		...props
+	});
+});
+const TimelineItem = /* @__PURE__ */ forwardRef(function TimelineItem$1(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Timeline.Item,
+		ref,
+		...props
+	});
+});
+function TimelineBadge(props) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Timeline.Badge,
+		...props
+	});
+}
+const TimelineBody = /* @__PURE__ */ forwardRef(function TimelineBody$1(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Timeline.Body,
+		ref,
+		...props
+	});
+});
+const TimelineBreak = /* @__PURE__ */ forwardRef(function TimelineBreak$1(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Timeline.Break,
+		ref,
+		...props
+	});
+});
+const Timeline$1 = Object.assign(TimelineImpl, {
+	Item: TimelineItem,
+	Badge: TimelineBadge,
+	Body: TimelineBody,
+	Break: TimelineBreak
+});
+
+//#endregion
+export { Timeline$1 as Timeline };

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { sx } from "../sx.js";
+import { Box } from "./Box.js";
+import styled from "styled-components";
+import { UnderlineNav } from "@primer/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/UnderlineNav.tsx
+const StyledUnderlineNav = /* @__PURE__ */ forwardRef(function UnderlineNav$2(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: UnderlineNav,
+		ref,
+		...props
+	});
+});
+const UnderlineNavImpl = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledUnderlineNav, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+const StyledUnderlineNavItem = styled(UnderlineNav.Item).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "UnderlineNav__StyledUnderlineNavItem",
+	componentId: "sc-dx6br2-0"
+})(["", ""], sx);
+const UnderlineNavItem = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledUnderlineNavItem, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+const UnderlineNav$1 = Object.assign(UnderlineNavImpl, { Item: UnderlineNavItem });
+
+//#endregion
+export { UnderlineNav$1 as UnderlineNav };

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

@@ -0,0 +1,23 @@
+import { sx } from "../sx.js";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+import { UnderlinePanels } from "@primer/react/experimental";
+
+//#region src/components/UnderlinePanels.tsx
+const StyledUnderlinePanels = styled(UnderlinePanels).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "UnderlinePanels__StyledUnderlinePanels",
+	componentId: "sc-1w35i85-0"
+})(["", ""], sx);
+const UnderlinePanelsImpl = ({ as, ...props }) => /* @__PURE__ */ jsx(StyledUnderlinePanels, {
+	forwardedAs: as,
+	...props
+});
+UnderlinePanelsImpl.displayName = "UnderlinePanels";
+const UnderlinePanels$1 = Object.assign(UnderlinePanelsImpl, {
+	Tab: UnderlinePanels.Tab,
+	Panel: UnderlinePanels.Panel
+});
+UnderlinePanelsImpl.__SLOT__ = UnderlinePanels.__SLOT__;
+
+//#endregion
+export { UnderlinePanels$1 as UnderlinePanels };

package/dist/packages/styled-react/src/components/deprecated/ActionList.js

@@ -0,0 +1,44 @@
+import { sx } from "../../sx.js";
+import { Box } from "../Box.js";
+import styled from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ActionList } from "@primer/react/deprecated";
+
+//#region src/components/deprecated/ActionList.tsx
+const ActionListImpl = /* @__PURE__ */ forwardRef(function ActionList$2(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: ActionList,
+		ref,
+		...props
+	});
+});
+const StyledActionListItem = styled(ActionList.Item).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "ActionList__StyledActionListItem",
+	componentId: "sc-1ugfmds-0"
+})(["", ""], sx);
+const ActionListItem = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledActionListItem, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+function ActionListGroup(props) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: ActionList.Group,
+		...props
+	});
+}
+function ActionListDivider(props) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: ActionList.Divider,
+		...props
+	});
+}
+const ActionList$1 = Object.assign(ActionListImpl, {
+	Item: ActionListItem,
+	Group: ActionListGroup,
+	Divider: ActionListDivider
+});
+
+//#endregion
+export { ActionList$1 as ActionList };

package/dist/packages/styled-react/src/components/deprecated/DialogV1.js

@@ -0,0 +1,34 @@
+import { Box } from "../Box.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@primer/react/deprecated";
+
+//#region src/components/deprecated/DialogV1.tsx
+const StyledDialog = /* @__PURE__ */ forwardRef(function Dialog$2(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Dialog,
+		ref,
+		...props
+	});
+});
+const DialogImpl = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledDialog, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+const StyledDialogHeader = /* @__PURE__ */ forwardRef(function DialogHeader$1(props, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		as: Dialog.Header,
+		ref,
+		...props
+	});
+});
+const DialogHeader = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledDialogHeader, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+const Dialog$1 = Object.assign(DialogImpl, { Header: DialogHeader });
+
+//#endregion
+export { Dialog$1 as Dialog };

package/dist/packages/styled-react/src/components/deprecated/Octicon.js

@@ -0,0 +1,32 @@
+import { sx } from "../../sx.js";
+import styled from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Octicon } from "@primer/react/deprecated";
+
+//#region src/components/deprecated/Octicon.tsx
+/**
+* @deprecated Use the icon component directly from `@primer/octicons-react` instead
+*/
+/**
+* @deprecated Use the icon component directly from `@primer/octicons-react` instead
+*/
+const StyledOcticon = styled(Octicon).withConfig({ shouldForwardProp(prop) {
+	return prop !== "sx";
+} }).withConfig({
+	displayName: "Octicon__StyledOcticon",
+	componentId: "sc-jtj3m8-0"
+})(["", ""], ({ color, sx: sxProp }) => sx({ sx: {
+	color,
+	...sxProp
+} }));
+const Octicon$1 = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(StyledOcticon, {
+		...props,
+		...as ? { forwardedAs: as } : {},
+		ref
+	});
+});
+
+//#endregion
+export { Octicon$1 as Octicon };

package/dist/packages/styled-react/src/components/deprecated/TabNav.js

@@ -0,0 +1,30 @@
+import { sx } from "../../sx.js";
+import styled from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { TabNav } from "@primer/react/deprecated";
+
+//#region src/components/deprecated/TabNav.tsx
+const StyledTabNav = styled(TabNav).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "TabNav__StyledTabNav",
+	componentId: "sc-13kad3t-0"
+})(["", ""], sx);
+const TabNavImpl = ({ as, ...props }) => {
+	return /* @__PURE__ */ jsx(StyledTabNav, {
+		...props,
+		...as ? { forwardedAs: as } : {}
+	});
+};
+const StyledTabNavLink = styled(TabNav.Link).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "TabNav__StyledTabNavLink",
+	componentId: "sc-13kad3t-1"
+})(["", ""], sx);
+const TabNavLink = /* @__PURE__ */ forwardRef(({ as, ...props }, ref) => /* @__PURE__ */ jsx(StyledTabNavLink, {
+	...props,
+	...as ? { forwardedAs: as } : {},
+	ref
+}));
+const TabNav$1 = Object.assign(TabNavImpl, { Link: TabNavLink });
+
+//#endregion
+export { TabNav$1 as TabNav };

package/dist/packages/styled-react/src/components/deprecated/Tooltip.js

@@ -0,0 +1,24 @@
+import { sx } from "../../sx.js";
+import styled from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@primer/react/deprecated";
+
+//#region src/components/deprecated/Tooltip.tsx
+const StyledTooltip = styled(Tooltip).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
+	displayName: "Tooltip__StyledTooltip",
+	componentId: "sc-145jcib-0"
+})(["", ""], sx);
+const Tooltip$1 = /* @__PURE__ */ forwardRef(function Tooltip$2({ as, ...props }, ref) {
+	return /* @__PURE__ */ jsx(StyledTooltip, {
+		...props,
+		...as ? { forwardedAs: as } : {},
+		ref
+	});
+});
+Tooltip$1.alignments = Tooltip.alignments;
+Tooltip$1.directions = Tooltip.directions;
+Tooltip$1.__SLOT__ = Tooltip.__SLOT__;
+
+//#endregion
+export { Tooltip$1 as Tooltip };

package/dist/packages/styled-react/src/deprecated.js

@@ -0,0 +1,7 @@
+import { TabNav } from "./components/deprecated/TabNav.js";
+import { Dialog } from "./components/deprecated/DialogV1.js";
+import { Octicon } from "./components/deprecated/Octicon.js";
+import { Tooltip } from "./components/deprecated/Tooltip.js";
+import { ActionList } from "./components/deprecated/ActionList.js";
+
+export { ActionList, Dialog, Octicon, TabNav, Tooltip };

package/dist/packages/styled-react/src/experimental.js

@@ -0,0 +1,7 @@
+import { Dialog } from "./components/Dialog.js";
+import { PageHeader } from "./components/PageHeader.js";
+import { Tooltip } from "./components/Tooltip.js";
+import { UnderlinePanels } from "./components/UnderlinePanels.js";
+import { Table } from "./components/DataTable.js";
+
+export { Dialog, PageHeader, Table, Tooltip, UnderlinePanels };