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

package/dist/components/UnderlinePanels.js

@@ -1,23 +1,28 @@
-import { sx } from "../sx.js";
-import styled from "styled-components";
-import { jsx } from "react/jsx-runtime";
-import { UnderlinePanels } from "@primer/react/experimental";
+import { UnderlinePanels as UnderlinePanels$1 } from '@primer/react/experimental';
+import styled from 'styled-components';
+import sx from '../sx.js';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/UnderlinePanels.tsx
-const StyledUnderlinePanels = styled(UnderlinePanels).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "UnderlinePanels__StyledUnderlinePanels",
-	componentId: "sc-1w35i85-0"
+const StyledUnderlinePanels = styled(UnderlinePanels$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "UnderlinePanels__StyledUnderlinePanels",
+  componentId: "sc-1w35i85-0"
 })(["", ""], sx);
-const UnderlinePanelsImpl = ({ as, ...props }) => /* @__PURE__ */ jsx(StyledUnderlinePanels, {
-	forwardedAs: as,
-	...props
+
+// @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
+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.displayName = 'UnderlinePanels';
+const UnderlinePanels = Object.assign(UnderlinePanelsImpl, {
+  Tab: UnderlinePanels$1.Tab,
+  Panel: UnderlinePanels$1.Panel
 });
-UnderlinePanelsImpl.__SLOT__ = UnderlinePanels.__SLOT__;
+UnderlinePanelsImpl.__SLOT__ = UnderlinePanels$1.__SLOT__;
 
-//#endregion
-export { UnderlinePanels$1 as UnderlinePanels };
+export { UnderlinePanels };

package/dist/components/deprecated/ActionList.js

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

package/dist/components/deprecated/DialogV1.js

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

package/dist/components/deprecated/Octicon.js

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

package/dist/components/deprecated/TabNav.js

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

package/dist/components/deprecated/Tooltip.js

@@ -1,24 +1,32 @@
-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";
+import { Tooltip as Tooltip$1 } from '@primer/react/deprecated';
+import { forwardRef } from 'react';
+import sx from '../../sx.js';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
-//#region src/components/deprecated/Tooltip.tsx
-const StyledTooltip = styled(Tooltip).withConfig({ shouldForwardProp: (prop) => prop !== "sx" }).withConfig({
-	displayName: "Tooltip__StyledTooltip",
-	componentId: "sc-145jcib-0"
+const StyledTooltip = styled(Tooltip$1).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
-	});
+const TooltipImpl = /*#__PURE__*/forwardRef(function Tooltip({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledTooltip, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
 });
-Tooltip$1.alignments = Tooltip.alignments;
-Tooltip$1.directions = Tooltip.directions;
-Tooltip$1.__SLOT__ = Tooltip.__SLOT__;
+const Tooltip = TooltipImpl;
 
-//#endregion
-export { Tooltip$1 as Tooltip };
+// Preserve static properties from the original component
+Tooltip.alignments = Tooltip$1.alignments;
+Tooltip.directions = Tooltip$1.directions;
+Tooltip.__SLOT__ = Tooltip$1.__SLOT__;
+
+export { Tooltip };

package/dist/deprecated.js

@@ -1,7 +1,5 @@
-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 };
+export { TabNav } from './components/deprecated/TabNav.js';
+export { Dialog } from './components/deprecated/DialogV1.js';
+export { default as Octicon } from './components/deprecated/Octicon.js';
+export { Tooltip } from './components/deprecated/Tooltip.js';
+export { ActionList } from './components/deprecated/ActionList.js';

package/dist/experimental.js

@@ -1,7 +1,5 @@
-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 };
+export { Dialog } from './components/Dialog.js';
+export { PageHeader } from './components/PageHeader.js';
+export { Tooltip } from './components/Tooltip.js';
+export { UnderlinePanels } from './components/UnderlinePanels.js';
+export { Table } from './components/DataTable.js';

package/dist/index.js

@@ -1,48 +1,46 @@
-'use client';
-
-import { merge, sx } from "./sx.js";
-import { Box } from "./components/Box.js";
-import { ThemeProvider, useColorSchemeVar, useTheme } from "./components/ThemeProvider.js";
-import { BaseStyles } from "./components/BaseStyles.js";
-import { get } from "./theme-get.js";
-import { ActionList } from "./components/ActionList.js";
-import { ActionMenu } from "./components/ActionMenu.js";
-import { Autocomplete } from "./components/Autocomplete.js";
-import { Avatar } from "./components/Avatar.js";
-import { Breadcrumb, Breadcrumbs } from "./components/Breadcrumbs.js";
-import { ButtonComponent } from "./components/Button.js";
-import { Checkbox } from "./components/Checkbox.js";
-import { CheckboxGroup } from "./components/CheckboxGroup.js";
-import { CircleBadge } from "./components/CircleBadge.js";
-import { CounterLabel } from "./components/CounterLabel.js";
-import { Dialog } from "./components/Dialog.js";
-import { Flash } from "./components/Flash.js";
-import { FormControl } from "./components/FormControl.js";
-import { Header } from "./components/Header.js";
-import { Heading } from "./components/Heading.js";
-import { IconButton } from "./components/IconButton.js";
-import { Label } from "./components/Label.js";
-import { Link } from "./components/Link.js";
-import { LinkButton } from "./components/LinkButton.js";
-import { NavList } from "./components/NavList.js";
-import { Overlay } from "./components/Overlay.js";
-import { PageHeader } from "./components/PageHeader.js";
-import { RadioGroup } from "./components/RadioGroup.js";
-import { RelativeTime } from "./components/RelativeTime.js";
-import { SegmentedControl } from "./components/SegmentedControl.js";
-import { Select } from "./components/Select.js";
-import { Spinner } from "./components/Spinner.js";
-import { StateLabel } from "./components/StateLabel.js";
-import { SubNav } from "./components/SubNav.js";
-import { Text } from "./components/Text.js";
-import { Textarea } from "./components/Textarea.js";
-import { TextInput } from "./components/TextInput.js";
-import { Timeline } from "./components/Timeline.js";
-import { ToggleSwitch } from "./components/ToggleSwitch.js";
-import { Tooltip } from "./components/Tooltip.js";
-import { Token } from "./components/Token.js";
-import { Truncate } from "./components/Truncate.js";
-import { UnderlineNav } from "./components/UnderlineNav.js";
-import { Details, ProgressBar, theme } from "@primer/react";
-
-export { ActionList, ActionMenu, Autocomplete, Avatar, BaseStyles, Box, Breadcrumb, Breadcrumbs, ButtonComponent as Button, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Details, Dialog, Flash, FormControl, Header, Heading, IconButton, Label, Link, LinkButton, NavList, Overlay, PageHeader, ProgressBar, RadioGroup, RelativeTime, SegmentedControl, Select, Spinner, StateLabel, SubNav, Text, TextInput, Textarea, ThemeProvider, Timeline, ToggleSwitch, Token, Tooltip, Truncate, UnderlineNav, merge, sx, theme, get as themeGet, useColorSchemeVar, useTheme };
+"use client";
+export { default as Box } from './components/Box.js';
+export { Details, ProgressBar, theme } from '@primer/react';
+export { ThemeProvider, useColorSchemeVar, useTheme } from './components/ThemeProvider.js';
+export { BaseStyles } from './components/BaseStyles.js';
+export { get as themeGet } from './theme-get.js';
+export { ActionList } from './components/ActionList.js';
+export { ActionMenu } from './components/ActionMenu.js';
+export { Autocomplete } from './components/Autocomplete.js';
+export { Avatar } from './components/Avatar.js';
+export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
+export { ButtonComponent as Button } from './components/Button.js';
+export { Checkbox } from './components/Checkbox.js';
+export { CheckboxGroup } from './components/CheckboxGroup.js';
+export { CircleBadge } from './components/CircleBadge.js';
+export { CounterLabel } from './components/CounterLabel.js';
+export { Dialog } from './components/Dialog.js';
+export { Flash } from './components/Flash.js';
+export { FormControl } from './components/FormControl.js';
+export { Header } from './components/Header.js';
+export { Heading } from './components/Heading.js';
+export { IconButton } from './components/IconButton.js';
+export { Label } from './components/Label.js';
+export { Link } from './components/Link.js';
+export { LinkButton } from './components/LinkButton.js';
+export { NavList } from './components/NavList.js';
+export { Overlay } from './components/Overlay.js';
+export { PageHeader } from './components/PageHeader.js';
+export { RadioGroup } from './components/RadioGroup.js';
+export { RelativeTime } from './components/RelativeTime.js';
+export { SegmentedControl } from './components/SegmentedControl.js';
+export { Select } from './components/Select.js';
+export { Spinner } from './components/Spinner.js';
+export { StateLabel } from './components/StateLabel.js';
+export { SubNav } from './components/SubNav.js';
+export { Text } from './components/Text.js';
+export { Textarea } from './components/Textarea.js';
+export { TextInput } from './components/TextInput.js';
+export { Timeline } from './components/Timeline.js';
+export { ToggleSwitch } from './components/ToggleSwitch.js';
+export { Tooltip } from './components/Tooltip.js';
+export { Token } from './components/Token.js';
+export { Truncate } from './components/Truncate.js';
+export { UnderlineNav } from './components/UnderlineNav.js';
+export { default as sx } from './sx.js';
+export { default as merge } from 'deepmerge';

package/dist/sx.js

@@ -1,9 +1,8 @@
-import css from "@styled-system/css";
-import merge from "deepmerge";
+import css from '@styled-system/css';
+export { default as merge } from 'deepmerge';
 
-//#region src/sx.ts
-const sx = (props) => css(props.sx);
-var sx_default = sx;
+// Support CSS custom properties in the `sx` prop
 
-//#endregion
-export { sx_default as default, merge, sx };
+const sx = props => css(props.sx);
+
+export { sx as default, sx };

package/dist/theme-get.js

@@ -1,10 +1,10 @@
-import * as styledSystem from "styled-system";
-import { theme } from "@primer/react";
-import { themeGet } from "@styled-system/theme-get";
+import { themeGet } from '@styled-system/theme-get';
+import * as styledSystem from 'styled-system';
+import { theme } from '@primer/react';
 
-//#region src/theme-get.ts
-const { get: getKey } = styledSystem;
-const get = (key) => themeGet(key, getKey(theme, key));
+const {
+  get: getKey
+} = styledSystem;
+const get = key => themeGet(key, getKey(theme, key));
 
-//#endregion
-export { get };
+export { get };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251205154953",
+  "version": "0.0.0-20251208025650",
   "type": "module",
   "exports": {
     ".": {
@@ -38,15 +38,12 @@
     "@types/styled-system": "^5.1.23",
     "@types/styled-system__css": "^5.0.16",
     "@types/styled-system__theme-get": "^5.0.1",
-    "clsx": "^2.1.1",
-    "deepmerge": "^4.3.1",
-    "focus-visible": "^5.2.1",
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@primer/react": "0.0.0-20251205154953",
+    "@primer/react": "0.0.0-20251208025650",
     "@rollup/plugin-babel": "^6.1.0",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -57,13 +54,13 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "rolldown": "^1.0.0-beta.52",
+    "rollup": "4.53.3",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251205154953",
+    "@primer/react": "0.0.0-20251208025650",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",