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

package/dist/components/UnderlinePanels.js

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

package/dist/components/deprecated/ActionList.js

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

package/dist/components/deprecated/DialogV1.js

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

package/dist/components/deprecated/Octicon.js

@@ -1,39 +1,32 @@
-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';
+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
- */
-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
-  });
+* @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
+	});
 });
 
-export { Octicon, Octicon as default };
+//#endregion
+export { Octicon$1 as Octicon };

package/dist/components/deprecated/TabNav.js

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

package/dist/components/deprecated/Tooltip.js

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

package/dist/deprecated.js

@@ -1,5 +1,7 @@
-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';
+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/experimental.js

@@ -1,5 +1,7 @@
-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';
+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 };

package/dist/index.js

@@ -1,46 +1,48 @@
-"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';
+'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 };

package/dist/sx.js

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

package/dist/theme-get.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251205012831",
+  "version": "0.0.0-20251205154953",
   "type": "module",
   "exports": {
     ".": {
@@ -38,12 +38,15 @@
     "@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-20251205012831",
+    "@primer/react": "0.0.0-20251205154953",
     "@rollup/plugin-babel": "^6.1.0",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -54,13 +57,13 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "rollup": "4.53.3",
+    "rolldown": "^1.0.0-beta.52",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251205012831",
+    "@primer/react": "0.0.0-20251205154953",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",