@primer/styled-react 0.0.0-20260319200330 → 0.0.0-20260324020316

package/dist/components/Avatar.d.ts

@@ -0,0 +1,13 @@
+import { type AvatarProps as PrimerAvatarProps } from '@primer/react';
+import type { StyledProps } from '../styled-props';
+type AvatarProps = PrimerAvatarProps & StyledProps;
+declare const Avatar: import("react").ForwardRefExoticComponent<{
+    size?: number | import("@primer/react").ResponsiveValue<number>;
+    square?: boolean;
+    src: string;
+    alt?: string;
+    className?: string;
+} & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("..").SxProp & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("react").RefAttributes<HTMLImageElement>>;
+export { Avatar };
+export type { AvatarProps };
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,IAAI,iBAAiB,EAAyB,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAGhD,KAAK,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAClD,QAAA,MAAM,MAAM;;;;;;ynDAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}

package/dist/components/Avatar.js

@@ -0,0 +1,14 @@
+import { Avatar as Avatar$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import { Box } from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Avatar$1,
+    ref: ref,
+    ...props
+  });
+});
+
+export { Avatar };

package/dist/components/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAKrC,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,CAAA;AACxC,KAAK,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AACnD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AA8BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAkF/E,CAAA;AAED,wBAAgB,QAAQ;YA/Gd,KAAK;kBACC,MAAM;gBACR,iBAAiB;wBACT,SAAS;0BACP,MAAM;gBAChB,MAAM;kBACJ,MAAM;kBACN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;kBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;EAwG7D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,UAG1F;AAqGD,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAKrC,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,CAAA;AACxC,KAAK,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AACnD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AA8BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAgF/E,CAAA;AAED,wBAAgB,QAAQ;YA7Gd,KAAK;kBACC,MAAM;gBACR,iBAAiB;wBACT,SAAS;0BACP,MAAM;gBAChB,MAAM;kBACJ,MAAM;kBACN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;kBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;EAsG7D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,UAG1F;AAsGD,eAAe,aAAa,CAAA"}

package/dist/components/ThemeProvider.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
 import { theme, useId, useSyncedState } from '@primer/react';
 import deepmerge from 'deepmerge';
@@ -42,56 +41,39 @@ const ThemeProvider = ({
   // Initialize state
   const theme$1 = props.theme ?? fallbackTheme ?? theme;
   const uniqueDataId = useId();
-  const {
-    resolvedServerColorMode
-  } = getServerHandoff(uniqueDataId);
-  const resolvedColorModePassthrough = React.useRef(resolvedServerColorMode);
+  // Lazy initializer reads DOM + parses JSON once instead of every render
+  const [serverColorMode, setServerColorMode] = React.useState(() => getServerHandoff(uniqueDataId).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();
-  // eslint-disable-next-line react-hooks/refs
-  const resolvedColorMode = resolvedColorModePassthrough.current || resolveColorMode(colorMode, systemColorMode);
+  const resolvedColorMode = serverColorMode ?? resolveColorMode(colorMode, systemColorMode);
   const colorScheme = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
   const {
     resolvedTheme,
     resolvedColorScheme
   } = React.useMemo(() => applyColorScheme(theme$1, colorScheme), [theme$1, colorScheme]);
 
-  // this effect will only run on client
-  React.useEffect(function updateColorModeAfterServerPassthrough() {
-    const resolvedColorModeOnClient = resolveColorMode(colorMode, systemColorMode);
-    if (resolvedColorModePassthrough.current) {
-      // if the resolved color mode passed on from the server is not the resolved color mode on client, change it!
-      if (resolvedColorModePassthrough.current !== resolvedColorModeOnClient) {
-        window.setTimeout(() => {
-          // use ReactDOM.flushSync to prevent automatic batching of state updates since React 18
-          // ref: https://github.com/reactwg/react-18/discussions/21
-          ReactDOM.flushSync(() => {
-            // override colorMode to whatever is resolved on the client to get a re-render
-            setColorMode(resolvedColorModeOnClient);
-          });
-
-          // immediately after that, set the colorMode to what the user passed to respond to system color mode changes
-          setColorMode(colorMode);
-        });
-      }
-      resolvedColorModePassthrough.current = null;
+  // After hydration, clear the server passthrough so client-side color mode takes over
+  React.useEffect(function clearServerPassthrough() {
+    if (serverColorMode !== undefined) {
+      setServerColorMode(undefined);
     }
-  }, [colorMode, systemColorMode, setColorMode]);
+  }, [serverColorMode]);
+  const contextValue = React.useMemo(() => ({
+    theme: resolvedTheme,
+    colorScheme,
+    colorMode,
+    resolvedColorMode,
+    resolvedColorScheme,
+    dayScheme,
+    nightScheme,
+    setColorMode,
+    setDayScheme,
+    setNightScheme
+  }), [resolvedTheme, colorScheme, colorMode, resolvedColorMode, resolvedColorScheme, dayScheme, nightScheme, setColorMode, setDayScheme, setNightScheme]);
   return /*#__PURE__*/jsx(ThemeContext.Provider, {
-    value: {
-      theme: resolvedTheme,
-      colorScheme,
-      colorMode,
-      resolvedColorMode,
-      resolvedColorScheme,
-      dayScheme,
-      nightScheme,
-      setColorMode,
-      setDayScheme,
-      setNightScheme
-    },
+    value: contextValue,
     children: /*#__PURE__*/jsxs(ThemeProvider$1, {
       theme: resolvedTheme,
       children: [children, props.preventSSRMismatch ? /*#__PURE__*/jsx("script", {
@@ -130,9 +112,10 @@ function useSystemColorMode() {
 
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (media) {
-      // just in case the preference changed before the event listener was attached
-      const isNight = media.matches;
-      setSystemColorMode(matchesMediaToColorMode(isNight));
+      // Only update if preference changed between useState init and effect
+      const currentMode = matchesMediaToColorMode(media.matches);
+      setSystemColorMode(prev => prev === currentMode ? prev : currentMode);
+
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
       if (media.addEventListener !== undefined) {
         media.addEventListener('change', handleChange);

package/dist/components.json

@@ -2,6 +2,7 @@
   "components": [
     "ActionList",
     "ActionMenu",
+    "Avatar",
     "BaseStyles",
     "Box",
     "Breadcrumb",
@@ -44,6 +45,7 @@
     "ActionListProps",
     "ActionListTrailingActionProps",
     "ActionListTrailingVisualProps",
+    "AvatarProps",
     "BaseStylesProps",
     "BetterSystemStyleObject",
     "BoxProps",

package/dist/index.d.ts

@@ -106,6 +106,17 @@ export {
  */
 ActionMenu, } from './components/ActionMenu';
 export { 
+/**
+ * @deprecated Usage of the `sx` prop with this component is no longer
+ * supported. Use the component from `@primer/react` with CSS Modules instead.
+ */
+Avatar, 
+/**
+ * @deprecated Usage of the `sx` prop with this component is no longer
+ * supported. Use the component from `@primer/react` with CSS Modules instead.
+ */
+type AvatarProps, } from './components/Avatar';
+export { 
 /**
  * @deprecated Usage of the `sx` prop with this component is no longer
  * supported. Use the component from `@primer/react` with CSS Modules instead.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO;AACL;;;GAGG;AACH,GAAG;AAEH;;;GAGG;AACH,KAAK,QAAQ,GACd,MAAM,kBAAkB,CAAA;AAGzB,OAAO;AACL;;;GAGG;AACH,aAAa;AAEb;;;GAGG;AACH,QAAQ;AAER;;;GAGG;AACH,iBAAiB;AAEjB;;;GAGG;AACH,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAA;AAEnC,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,KAAK,GACN,MAAM,eAAe,CAAA;AAEtB,OAAO;AACL;;;GAGG;AACH,GAAG,IAAI,QAAQ,GAChB,MAAM,aAAa,CAAA;AAEpB,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,mBAAmB;AAExB;;;GAGG;AACH,KAAK,uBAAuB;AAE5B;;;GAGG;AACH,KAAK,oBAAoB;AAEzB;;;GAGG;AACH,KAAK,sBAAsB;AAE3B;;;GAGG;AACH,KAAK,4BAA4B;AAEjC;;;GAGG;AACH,KAAK,6BAA6B;AAElC;;;GAGG;AACH,KAAK,6BAA6B,GACnC,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,UAAU,GACX,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,WAAW;AAEX;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,gBAAgB;AAErB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAA;AAEjC,OAAO;AACL;;;GAGG;AACH,eAAe,IAAI,MAAM;AAEzB;;;GAGG;AACH,KAAK,oBAAoB,IAAI,WAAW,GACzC,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,YAAY;AAEZ;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,KAAK,GACN,MAAM,oBAAoB,CAAA;AAE3B,OAAO;AACL;;;GAGG;AACH,WAAW;AAEX;;;GAGG;AACH,KAAK,gBAAgB,GACtB,MAAM,0BAA0B,CAAA;AAEjC,OAAO;AACL;;;GAGG;AACH,MAAM;AAEN;;;GAGG;AACH,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAE5B,OAAO;AACL;;;GAGG;AACH,OAAO,GACR,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAE3B,OAAO;AACL;;;GAGG;AACH,IAAI;AAEJ;;;GAGG;AACH,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAA;AAE1B,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,OAAO,GACR,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,UAAU;AAEV;;;GAGG;AACH,KAAK,eAAe;AAEpB;;;GAGG;AACH,KAAK,sBAAsB;AAE3B;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO;AACL;;;GAGG;AACH,gBAAgB;AAEhB;;;GAGG;AACH,KAAK,qBAAqB;AAE1B;;;GAGG;AACH,KAAK,2BAA2B;AAEhC;;;GAGG;AACH,KAAK,+BAA+B,GACrC,MAAM,+BAA+B,CAAA;AAEtC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,IAAI;AAEJ;;;GAGG;AACH,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAA;AAE1B,OAAO;AACL;;;GAGG;AACH,QAAQ;AAER;;;GAGG;AACH,KAAK,aAAa,GACnB,MAAM,uBAAuB,CAAA;AAE9B,OAAO;AACL;;;GAGG;AACH,SAAS;AAET;;;GAGG;AACH,KAAK,cAAc;AAEnB;;;GAGG;AACH,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAA;AAE/B,OAAO;AACL;;;GAGG;AACH,QAAQ;AAER;;;GAGG;AACH,KAAK,aAAa;AAElB;;;GAGG;AACH,KAAK,iBAAiB;AAEtB;;;GAGG;AACH,KAAK,kBAAkB;AAEvB;;;GAGG;AACH,KAAK,iBAAiB;AAEtB;;;GAGG;AACH,KAAK,kBAAkB,GACxB,MAAM,uBAAuB,CAAA;AAE9B,OAAO;AACL;;;GAGG;AACH,YAAY;AAEZ;;;GAGG;AACH,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO;AACL;;;GAGG;AACH,OAAO;AAEP;;;GAGG;AACH,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAA;AAE7B,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAE3B,OAAO;AACL;;;GAGG;AACH,QAAQ;AAER;;;GAGG;AACH,KAAK,aAAa,GACnB,MAAM,uBAAuB,CAAA;AAE9B,OAAO;AACL;;;GAGG;AACH,YAAY;AAEZ;;;GAGG;AACH,KAAK,iBAAiB;AAEtB;;;GAGG;AACH,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAA;AAElC,OAAO;AACL;;;GAGG;AACH,KAAK;AAEL;;;GAGG;AACH,EAAE;AAEF;;;GAGG;AACH,KAAK,MAAM,GACZ,MAAM,MAAM,CAAA;AAEb,OAAO;AACL;;;GAGG;AACH,KAAK,uBAAuB,GAC7B,MAAM,MAAM,CAAA"}

package/dist/index.js

@@ -6,6 +6,7 @@ export { theme } from '@primer/react';
 export { get as themeGet } from './theme-get.js';
 export { ActionList } from './components/ActionList.js';
 export { ActionMenu } from './components/ActionMenu.js';
+export { Avatar } from './components/Avatar.js';
 export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
 export { ButtonComponent as Button } from './components/Button.js';
 export { CounterLabel } from './components/CounterLabel.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20260319200330",
+  "version": "0.0.0-20260324020316",
   "type": "module",
   "exports": {
     ".": {
@@ -46,7 +46,7 @@
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@primer/primitives": "10.x || 11.x",
-    "@primer/react": "0.0.0-20260319200330",
+    "@primer/react": "0.0.0-20260324020316",
     "@rollup/plugin-babel": "^6.1.0",
     "@storybook/react-vite": "^10.1.11",
     "@types/react": "18.3.11",
@@ -67,7 +67,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20260319200330",
+    "@primer/react": "0.0.0-20260324020316",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",