@primer/styled-react 0.0.0-20251205165836 → 0.0.0-20251210204724

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-20251205165836",
+  "version": "0.0.0-20251210204724",
   "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-20251205165836",
+    "@primer/react": "0.0.0-20251210204724",
     "@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.1",
+    "rolldown": "^1.0.0-beta.53",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251205165836",
+    "@primer/react": "0.0.0-20251210204724",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",