@primer/styled-react 0.0.0-20251016014733 → 0.0.0-20251016023441

package/dist/components/NavList.d.ts

@@ -1,26 +1,23 @@
 import { NavList as PrimerNavList } from '@primer/react';
-import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps, NavListGroupHeadingProps as PrimerNavListGroupHeadingProps, NavListLeadingVisualProps as PrimerNavListLeadingVisualProps } from '@primer/react';
+import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps, NavListLeadingVisualProps as PrimerNavListLeadingVisualProps } from '@primer/react';
 import { type PropsWithChildren } from 'react';
 import { type SxProp } from '../sx';
-type RefComponent<E extends HTMLElement, P> = React.ForwardRefExoticComponent<P & React.RefAttributes<E>>;
-type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp;
-declare const NavListItem: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
-    children?: import("react").ReactNode | undefined;
-} & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const NavListGroup: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
-    children: React.ReactNode;
-    title?: string;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & SxProp & import("react").RefAttributes<HTMLLIElement>>;
-type NavListGroupHeadingProps = PropsWithChildren<PrimerNavListGroupHeadingProps> & SxProp;
-declare const NavListGroupHeading: RefComponent<HTMLElement, NavListGroupHeadingProps>;
-type NavListLeadingVisualProps = PropsWithChildren<PrimerNavListLeadingVisualProps> & SxProp;
-declare const NavListLeadingVisual: RefComponent<HTMLSpanElement, NavListLeadingVisualProps>;
+import type { ForwardRefComponent } from '../polymorphic';
+type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp & {
+    as?: React.ElementType;
+};
+type NavListItemProps = PropsWithChildren<PrimerNavListItemProps> & SxProp & {
+    as?: React.ElementType;
+};
+declare const NavListItem: ForwardRefComponent<"a", NavListItemProps>;
+type NavListLeadingVisualProps = PropsWithChildren<PrimerNavListLeadingVisualProps> & SxProp & {
+    as?: React.ElementType;
+};
+declare const NavListLeadingVisual: ForwardRefComponent<"span", NavListLeadingVisualProps>;
 type NavListCompound = React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLElement>> & {
     Item: typeof NavListItem;
-    Group: typeof NavListGroup;
-    GroupHeading: typeof NavListGroupHeading;
+    Group: typeof PrimerNavList.Group;
+    GroupHeading: typeof PrimerNavList.GroupHeading;
     LeadingVisual: typeof NavListLeadingVisual;
     SubNav: typeof PrimerNavList.SubNav;
     Divider: typeof PrimerNavList.Divider;

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

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE1C,wBAAwB,IAAI,8BAA8B,EAC1D,yBAAyB,IAAI,+BAA+B,EAC7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;AAEzG,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAQlE,QAAA,MAAM,WAAW;;8DAGf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;0DAGhB,CAAA;AAEF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAGnB,YAAY,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;AAEzD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GAAG,MAAM,CAAA;AAE5F,QAAA,MAAM,oBAAoB,EAKrB,YAAY,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;AAE7D,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,YAAY,EAAE,OAAO,mBAAmB,CAAA;IACxC,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAC1C,yBAAyB,IAAI,+BAA+B,EAE7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAY7F,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,GAC/D,MAAM,GAAG;IACP,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAQH,QAAA,MAAM,WAAW,EAEX,mBAAmB,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAA;AAEhD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GACjF,MAAM,GAAG;IACP,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AAQH,QAAA,MAAM,oBAAoB,EAEpB,mBAAmB,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAE3D;AAED,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;IACjC,YAAY,EAAE,OAAO,aAAa,CAAC,YAAY,CAAA;IAC/C,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}

package/dist/components/NavList.js

@@ -1,51 +1,67 @@
-import { NavList as NavList$1 } from '@primer/react';
+import { NavList as NavList$1, sx } from '@primer/react';
 import { forwardRef } from 'react';
-import Box from './Box.js';
+import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
 
-const NavListImpl = /*#__PURE__*/forwardRef(function NavList(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: NavList$1,
+const StyledNavListImpl = styled(NavList$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "NavList__StyledNavListImpl",
+  componentId: "sc-86jrwg-0"
+})(["", ""], sx);
+const NavListImpl = /*#__PURE__*/forwardRef(function NavList({
+  as,
+  ...props
+}, ref) {
+  return /*#__PURE__*/jsx(StyledNavListImpl, {
     ref: ref,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
     ...props
   });
 });
-const NavListItem = /*#__PURE__*/forwardRef(function NavListItem(props, ref) {
-  // @ts-expect-error - PrimerNavList.Item is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Box, {
-    as: NavList$1.Item,
-    ref: ref,
-    ...props
-  });
-});
-const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
-  // @ts-expect-error - PrimerNavList.Group is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Box, {
-    as: NavList$1.Group,
-    ref: ref,
-    ...props
+const StyledNavListItem = styled(NavList$1.Item).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "NavList__StyledNavListItem",
+  componentId: "sc-86jrwg-1"
+})(["", ""], sx);
+const NavListItem = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledNavListItem, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
   });
 });
-const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
-  // @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Box, {
-    as: NavList$1.GroupHeading,
-    ref: ref,
-    ...props
-  });
-});
-const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
-  // @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
-  return /*#__PURE__*/jsx(Box, {
-    as: NavList$1.LeadingVisual,
-    ref: ref,
-    ...props
+const StyledNavListLeadingVisual = styled(NavList$1.LeadingVisual).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "NavList__StyledNavListLeadingVisual",
+  componentId: "sc-86jrwg-2"
+})(["", ""], sx);
+const NavListLeadingVisual = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledNavListLeadingVisual, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
   });
 });
+NavListLeadingVisual.__SLOT__ = NavList$1.LeadingVisual.__SLOT__;
 const NavList = Object.assign(NavListImpl, {
   Item: NavListItem,
-  Group: NavListGroup,
-  GroupHeading: NavListGroupHeading,
+  Group: NavList$1.Group,
+  GroupHeading: NavList$1.GroupHeading,
   LeadingVisual: NavListLeadingVisual,
   SubNav: NavList$1.SubNav,
   Divider: NavList$1.Divider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251016014733",
+  "version": "0.0.0-20251016023441",
   "type": "module",
   "exports": {
     ".": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251016014733",
+    "@primer/react": "0.0.0-20251016023441",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251016014733",
+    "@primer/react": "0.0.0-20251016023441",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",