@primer/react 38.29.1-rc.4254fa28f → 38.30.0-rc.a2f58220f

package/CHANGELOG.md

@@ -1,11 +1,41 @@
 # @primer/react
 
-## 38.29.1
+## 38.30.0
+
+### Minor Changes
+
+- [#8031](https://github.com/primer/react/pull/8031) [`cb79351`](https://github.com/primer/react/commit/cb79351f29b9a1aea7bacf890eca97a5c9d97590) Thanks [@janmaarten-a11y](https://github.com/janmaarten-a11y)! - Add a `NavList.Heading` slot that names the navigation region. It renders an `h2`
+  by default (configurable to `h3` via `as`), supports a `visuallyHidden` variant,
+  labels the `nav` landmark via `aria-labelledby`, and makes `NavList.Group`
+  headings default to one level deeper (`h3`, or `h4` under an `h3` heading) for a
+  correct heading hierarchy.
+
+- [#7991](https://github.com/primer/react/pull/7991) [`b906268`](https://github.com/primer/react/commit/b906268b7ebe8d684d8b5e9b1c4e9b528a5dd67a) Thanks [@llastflowers](https://github.com/llastflowers)! - Add data-component attributes and associated tests for:
+
+  Radio
+  RadioGroup
+  RelativeTime
+  ScrollableRegion
+  SegmentedControl
+  Select
+  SideNav
+  SkeletonBox
+  SkeletonAvatar
+  SkeletonText
+  Spinner
 
 ### Patch Changes
 
+- [#8021](https://github.com/primer/react/pull/8021) [`6131a94`](https://github.com/primer/react/commit/6131a9424b5bd5bb98b7ae05771d8187fe2f58cd) Thanks [@mattcosta7](https://github.com/mattcosta7)! - Announce, AriaStatus, AriaAlert: Avoid an extra React render on every content change (e.g. per keystroke when tied to an input)
+
 - [#7935](https://github.com/primer/react/pull/7935) [`5b3c806`](https://github.com/primer/react/commit/5b3c806305cfa09d33d42fc2957d55105725ea3b) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - ConfirmationDialog: `useConfirm`/`confirm` now removes its host element from `document.body` after the dialog is closed, and uses a fresh host element per call, so the empty container no longer lingers or leaks into other components and tests
 
+- [#8007](https://github.com/primer/react/pull/8007) [`f052126`](https://github.com/primer/react/commit/f0521263c85a8d665f7c031bd711b3568bdac8e2) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Improve style-recalc performance by making ButtonGroup, DataTable Pagination, and Checkbox CSS selectors bucketable (removing universal `*`/`:not([attr])` subjects and `:is()` selector-list merges)
+
+- [#8021](https://github.com/primer/react/pull/8021) [`6131a94`](https://github.com/primer/react/commit/6131a9424b5bd5bb98b7ae05771d8187fe2f58cd) Thanks [@mattcosta7](https://github.com/mattcosta7)! - Textarea: Improve typing performance by deriving the character counter in render instead of in effects, removing extra re-renders on each keystroke.
+
+- [#8021](https://github.com/primer/react/pull/8021) [`6131a94`](https://github.com/primer/react/commit/6131a9424b5bd5bb98b7ae05771d8187fe2f58cd) Thanks [@mattcosta7](https://github.com/mattcosta7)! - TextInput: Improve typing performance by deriving the character counter in render instead of in effects, removing extra re-renders on each keystroke.
+
 ## 38.29.0
 
 ### Minor Changes

package/dist/ButtonGroup/ButtonGroup-be1c1123.css

@@ -0,0 +1,2 @@
+.prc-ButtonGroup-ButtonGroup-vFUrY{display:inline-flex;isolation:isolate;vertical-align:middle}.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl{margin-inline-end:-1px;position:relative}.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl a,.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl button{border-radius:0}.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl:first-child a,.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl:first-child button{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-top-left-radius:var(--borderRadius-medium,.375rem)}.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl:last-child a,.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl:last-child button{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl:active,.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl:focus,.prc-ButtonGroup-ButtonGroup-vFUrY>.prc-ButtonGroup-Item-PqvDl:hover{z-index:1}.prc-ButtonGroup-ButtonGroup-vFUrY:has(div:last-child:empty) a,.prc-ButtonGroup-ButtonGroup-vFUrY:has(div:last-child:empty) button{border-radius:var(--borderRadius-medium,.375rem)}.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]{margin-inline-end:-1px;position:relative}.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper] a,.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper] button{border-radius:0}.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]:active,.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]:focus,.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]:hover{z-index:1}.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]:first-child a,.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]:first-child button{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-top-left-radius:var(--borderRadius-medium,.375rem)}.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]:last-child a,.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]:last-child button{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}
+/*# sourceMappingURL=ButtonGroup-be1c1123.css.map */

package/dist/ButtonGroup/ButtonGroup-be1c1123.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ButtonGroup/ButtonGroup.module.css.js"],"names":[],"mappings":"AAAA,mCACE,mBAAoB,CAEpB,iBAAkB,CADlB,qBAgFF,CA7EE,+DAEE,sBAAuB,CACvB,iBA6BF,CA1BE,uIAEE,eACF,CAGE,+JAGE,4DAAqD,CADrD,yDAEF,CAIA,6JAGE,6DAAsD,CADtD,0DAEF,CAGF,gNAGE,SACF,CAMA,mIAEE,gDACF,CAIF,0DAEE,sBAAuB,CACvB,iBA6BF,CA1BE,6HAEE,eACF,CAEA,iMAGE,SACF,CAGE,qJAGE,4DAAqD,CADrD,yDAEF,CAIA,mJAGE,6DAAsD,CADtD,0DAEF","file":"ButtonGroup-be1c1123.css","sourcesContent":[".ButtonGroup {\n  display: inline-flex;\n  vertical-align: middle;\n  isolation: isolate;\n\n  & > .Item {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-end: -1px;\n    position: relative;\n\n    /* reset border-radius */\n    button,\n    a {\n      border-radius: 0;\n    }\n\n    &:first-child {\n      button,\n      a {\n        border-top-left-radius: var(--borderRadius-medium);\n        border-bottom-left-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:last-child {\n      button,\n      a {\n        border-top-right-radius: var(--borderRadius-medium);\n        border-bottom-right-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:focus,\n    &:active,\n    &:hover {\n      z-index: 1;\n    }\n  }\n\n  /* this is a workaround until portal based tooltips are fully removed from dotcom */\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(div:last-child:empty) {\n    button,\n    a {\n      border-radius: var(--borderRadius-medium);\n    }\n  }\n\n  /* if child is loading button */\n  & > *[data-loading-wrapper] {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-end: -1px;\n    position: relative;\n\n    /* reset border-radius */\n    button,\n    a {\n      border-radius: 0;\n    }\n\n    &:focus,\n    &:active,\n    &:hover {\n      z-index: 1;\n    }\n\n    &:first-child {\n      button,\n      a {\n        border-top-left-radius: var(--borderRadius-medium);\n        border-bottom-left-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:last-child {\n      button,\n      a {\n        border-top-right-radius: var(--borderRadius-medium);\n        border-bottom-right-radius: var(--borderRadius-medium);\n      }\n    }\n  }\n}\n"]}

package/dist/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAKnD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,WAAW,EA0BX,8BAA8B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAI7D,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAKnD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,WAAW,EA8BX,8BAA8B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAI7D,eAAe,WAAW,CAAA"}

package/dist/ButtonGroup/ButtonGroup.js

@@ -95,6 +95,7 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(t0, forwa
 ButtonGroup.displayName = 'ButtonGroup';
 function _temp(child, index) {
   return /*#__PURE__*/jsx("div", {
+    className: classes.Item,
     children: child
   }, index);
 }

package/dist/ButtonGroup/ButtonGroup.module.css.js

@@ -1,5 +1,5 @@
-import './ButtonGroup-54ba293b.css';
+import './ButtonGroup-be1c1123.css';
 
-var classes = {"ButtonGroup":"prc-ButtonGroup-ButtonGroup-vFUrY"};
+var classes = {"ButtonGroup":"prc-ButtonGroup-ButtonGroup-vFUrY","Item":"prc-ButtonGroup-Item-PqvDl"};
 
 export { classes as default };

package/dist/Checkbox/Checkbox-7476a7ba.css

@@ -0,0 +1,2 @@
+.prc-Checkbox-Checkbox-jjOgT{border-radius:var(--borderRadius-small,.1875rem);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Checkbox-Checkbox-jjOgT:before{animation:prc-Checkbox-checkmarkOut-mrgEX 80ms cubic-bezier(.65,0,.35,1) forwards;background-color:var(--fgColor-onEmphasis,#fff);clip-path:inset(var(--base-size-16,1rem) 0 0 0);content:"";height:var(--base-size-16,1rem);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMNC41MiA4LjU0MWEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");mask-position:center;mask-repeat:no-repeat;mask-size:75%;transition:visibility 0s linear .23s;visibility:hidden;width:var(--base-size-16,1rem)}.prc-Checkbox-Checkbox-jjOgT:checked,.prc-Checkbox-Checkbox-jjOgT:indeterminate{background:var(--control-checked-bgColor-rest,#0969da);border-color:var(--control-checked-bgColor-rest,#0969da)}@media (forced-colors:active){.prc-Checkbox-Checkbox-jjOgT:checked,.prc-Checkbox-Checkbox-jjOgT:indeterminate{background-color:canvastext;border-color:canvastext}}.prc-Checkbox-Checkbox-jjOgT:checked:before,.prc-Checkbox-Checkbox-jjOgT:indeterminate:before{animation:prc-Checkbox-checkmarkIn-73iWj 80ms cubic-bezier(.65,0,.35,1) 80ms forwards}.prc-Checkbox-Checkbox-jjOgT:checked:disabled,.prc-Checkbox-Checkbox-jjOgT:indeterminate:disabled{background-color:var(--control-checked-bgColor-disabled,#818b98);border-color:var(--control-checked-borderColor-disabled,#818b98);opacity:1}.prc-Checkbox-Checkbox-jjOgT:checked:disabled:before,.prc-Checkbox-Checkbox-jjOgT:indeterminate:disabled:before{background-color:var(--control-checked-fgColor-disabled,#fff)}.prc-Checkbox-Checkbox-jjOgT:disabled{cursor:not-allowed}.prc-Checkbox-Checkbox-jjOgT:checked{transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}.prc-Checkbox-Checkbox-jjOgT:checked:before{transition:visibility 0s linear 0s;visibility:visible}.prc-Checkbox-Checkbox-jjOgT:indeterminate{background:var(--control-checked-bgColor-rest,#0969da)}.prc-Checkbox-Checkbox-jjOgT:indeterminate:before{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxYTEgMSAwIDAgMSAxLTFoOGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMCAxLTEtMSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");visibility:visible}.prc-Checkbox-Checkbox-jjOgT:focus-visible:not(:disabled){box-shadow:none;outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:2px}@keyframes prc-Checkbox-checkmarkIn-73iWj{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-Checkbox-checkmarkOut-mrgEX{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
+/*# sourceMappingURL=Checkbox-7476a7ba.css.map */

package/dist/Checkbox/Checkbox-7476a7ba.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Checkbox/Checkbox.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,6BACE,gDAAwC,CAGxC,uEAgFF,CA5EE,oCAaE,iFAAoE,CAPpE,+CAA2C,CAE3C,+CAA2C,CAJ3C,UAAW,CAFX,+BAA2B,CAO3B,ocAA69B,CAG79B,oBAAqB,CADrB,qBAAsB,CADtB,aAAc,CAHd,oCAAsC,CAJtC,iBAAkB,CAFlB,8BAaF,CAEA,gFAEE,sDAA+C,CAI/C,wDAOF,CAJE,8BATF,gFAUI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,8FAEE,qFACF,CAEA,kGAEE,gEAAyD,CACzD,gEAAyD,CACzD,SACF,CAEA,gHAGE,6DACF,CAEA,sCACE,kBACF,CAEA,qCACE,0EAQF,CAJE,4CAEE,kCAAmC,CADnC,kBAEF,CAGF,2CACE,sDAMF,CAJE,kDACE,wUAAia,CACja,kBACF,CAGF,0DC9EA,eAAgB,CAFhB,8EAAgC,CAChC,kBDiFA,CAGF,0CACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,2CACE,GACE,wBACF,CAEA,GACE,+CACF,CACF","file":"Checkbox-7476a7ba.css","sourcesContent":[".Checkbox {\n  border-radius: var(--borderRadius-small);\n\n  /* checked -> unchecked - add 120ms delay to fully see animation-out */\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);\n\n  &::before {\n    width: var(--base-size-16);\n    height: var(--base-size-16);\n    visibility: hidden;\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--fgColor-onEmphasis);\n    transition: visibility 0s linear 230ms;\n    clip-path: inset(var(--base-size-16) 0 0 0);\n    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n    mask-size: 75%;\n    mask-repeat: no-repeat;\n    mask-position: center;\n    animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;\n  }\n\n  &:checked,\n  &:indeterminate {\n    background: var(--control-checked-bgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n\n    /* Windows High Contrast mode */\n    @media (forced-colors: active) {\n      background-color: canvastext;\n      border-color: canvastext;\n    }\n  }\n\n  &:checked::before,\n  &:indeterminate::before {\n    animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n  }\n\n  &:checked:disabled,\n  &:indeterminate:disabled {\n    background-color: var(--control-checked-bgColor-disabled);\n    border-color: var(--control-checked-borderColor-disabled);\n    opacity: 1;\n  }\n\n  &:checked:disabled::before,\n  &:indeterminate:disabled::before {\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-checked-fgColor-disabled);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:checked {\n    transition:\n      background-color,\n      border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;\n\n    &::before {\n      visibility: visible;\n      transition: visibility 0s linear 0s;\n    }\n  }\n\n  &:indeterminate {\n    background: var(--control-checked-bgColor-rest);\n\n    &::before {\n      mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n      visibility: visible;\n    }\n  }\n\n  &:focus-visible:not(:disabled) {\n    @mixin focusOutline 2px;\n  }\n}\n\n@keyframes checkmarkIn {\n  from {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n@keyframes checkmarkOut {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n\n  to {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outline-color, var(--focus-outlineColor)) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}

package/dist/Checkbox/Checkbox.module.css.js

@@ -1,4 +1,4 @@
-import './Checkbox-edc5dc3e.css';
+import './Checkbox-7476a7ba.css';
 
 var classes = {"Checkbox":"prc-Checkbox-Checkbox-jjOgT","checkmarkOut":"prc-Checkbox-checkmarkOut-mrgEX","checkmarkIn":"prc-Checkbox-checkmarkIn-73iWj"};
 

package/dist/DataTable/Pagination-aebe86e8.css

@@ -0,0 +1,2 @@
+.prc-DataTable-TablePagination-AJ0K7{align-items:center;border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);border-end-end-radius:var(--borderRadius-medium,.375rem);border-end-start-radius:var(--borderRadius-medium,.375rem);border-top-width:0;column-gap:1rem;display:flex;grid-area:footer;justify-content:space-between;padding:var(--base-size-8,.5rem) var(--base-size-16,1rem);width:100%}@media ((max-width:calc(768px - 0.02px))){.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=narrow]>li:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=narrow]>li:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=narrow]>li:last-child{margin-inline-start:0}}@media ((min-width:768px)){.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=regular]>li:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=regular]>li:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=regular]>li:last-child{margin-inline-start:0}}@media ((min-width:1400px)){.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=wide]>li:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=wide]>li:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=wide]>li:last-child{margin-inline-start:0}}.prc-DataTable-TablePaginationRange-R7KK2{color:var(--fgColor-muted,#59636e);font-size:var(--text-body-size-small,.75rem);margin:0}.prc-DataTable-TablePaginationSteps-Vxbth{align-items:center;color:var(--fgColor-default,#1f2328);display:flex;flex-wrap:wrap;font-size:var(--text-body-size-medium,.875rem);list-style:none;margin:0;padding:0}.prc-DataTable-TablePaginationStep-jdto6:first-of-type{margin-right:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationStep-jdto6:last-of-type{margin-left:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationAction-SPa7Q{align-items:center;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-muted,#59636e);display:flex;font-size:var(--text-body-size-medium,.875rem);line-height:1.42857;padding:var(--base-size-8,.5rem);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-SPa7Q[data-has-page]{color:var(--fgColor-accent,#0969da)}.prc-DataTable-TablePaginationPage-Fn3s-{align-items:center;border-radius:var(--borderRadius-medium,.375rem);display:flex;font-size:var(--text-body-size-medium,.875rem);justify-content:center;line-height:1.42857;min-height:2rem;min-width:2rem;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-SPa7Q[data-has-page]:focus,.prc-DataTable-TablePaginationAction-SPa7Q[data-has-page]:hover,.prc-DataTable-TablePaginationPage-Fn3s-:focus,.prc-DataTable-TablePaginationPage-Fn3s-:hover{background-color:var(--control-transparent-bgColor-hover,#818b981a)}.prc-DataTable-TablePaginationPage-Fn3s-[data-active=true]{background-color:var(--bgColor-accent-emphasis,#0969da);color:var(--fgColor-onEmphasis,#fff)}.prc-DataTable-TablePaginationPage-Fn3s-[data-active=true]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,#fff);outline:2px solid var(--bgColor-accent-emphasis,#0969da);outline-offset:-2px}.prc-DataTable-TablePaginationTruncationStep-gRyLp{align-items:center;display:flex;justify-content:center;min-height:2rem;min-width:2rem;-webkit-user-select:none;user-select:none}
+/*# sourceMappingURL=Pagination-aebe86e8.css.map */

package/dist/DataTable/Pagination-aebe86e8.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DataTable/Pagination.module.css.js"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CAOnB,gFAAmB,CAEnB,wDAAiD,CADjD,0DAAmD,CADnD,kBAAmB,CALnB,eAAgB,CAHhB,YAAa,CAKb,gBAAiB,CAHjB,6BAA8B,CAI9B,yDAA+C,CAF/C,UAOF,CAEA,0CAEE,qHACE,YACF,CAEA,8FACE,mBACF,CAEA,6FACE,qBACF,CACF,CAEA,2BAEE,sHACE,YACF,CAEA,+FACE,mBACF,CAEA,8FACE,qBACF,CACF,CAEA,4BAEE,mHACE,YACF,CAEA,4FACE,mBACF,CAEA,2FACE,qBACF,CACF,CAEA,0CACE,kCAA2B,CAC3B,4CAAsC,CACtC,QACF,CAEA,0CAEE,kBAAmB,CAGnB,oCAA6B,CAJ7B,YAAa,CAEb,cAAe,CAGf,8CAAuC,CAFvC,eAAgB,CAGhB,QAAS,CACT,SACF,CAEA,uDACE,qCACF,CAEA,sDACE,oCACF,CAEA,2CAEE,kBAAmB,CAOnB,gDAAyC,CANzC,kCAA2B,CAF3B,YAAa,CAGb,8CAAuC,CAEvC,mBAA0B,CAE1B,gCAA2B,CAD3B,wBAAiB,CAAjB,gBAGF,CAEA,0DACE,mCACF,CAEA,yCAIE,kBAAmB,CAMnB,gDAAyC,CAPzC,YAAa,CAGb,8CAAuC,CADvC,sBAAuB,CAGvB,mBAA0B,CAN1B,eAAgB,CADhB,cAAe,CAUf,iGAAiF,CAFjF,wBAAiB,CAAjB,gBAGF,CAEA,8NAIE,mEACF,CAEA,2DACE,uDAAgD,CAChD,oCACF,CAEA,yEAIE,yDAAqD,CAHrD,wDAAiD,CACjD,mBAGF,CAEA,mDAEE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CAEvB,eAAgB,CADhB,cAAe,CAEf,wBAAiB,CAAjB,gBACF","file":"Pagination-aebe86e8.css","sourcesContent":[".TablePagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  column-gap: 1rem;\n  width: 100%;\n  grid-area: footer;\n  padding: var(--base-size-8) var(--base-size-16);\n  border: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-top-width: 0;\n  border-end-start-radius: var(--borderRadius-medium);\n  border-end-end-radius: var(--borderRadius-medium);\n}\n\n@media ((max-width: calc(768px - 0.02px))) {\n  /* stylelint-disable-next-line selector-max-specificity -- li type subject keeps the selector bucketable for style-recalc perf (github/github-ui#23654) */\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > li:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > li:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > li:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media ((min-width: 768px)) {\n  /* stylelint-disable-next-line selector-max-specificity -- li type subject keeps the selector bucketable for style-recalc perf (github/github-ui#23654) */\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > li:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > li:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > li:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media ((min-width: 1400px)) {\n  /* stylelint-disable-next-line selector-max-specificity -- li type subject keeps the selector bucketable for style-recalc perf (github/github-ui#23654) */\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > li:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > li:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > li:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n.TablePaginationRange {\n  color: var(--fgColor-muted);\n  font-size: var(--text-body-size-small);\n  margin: 0;\n}\n\n.TablePaginationSteps {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  list-style: none;\n  color: var(--fgColor-default);\n  font-size: var(--text-body-size-medium);\n  margin: 0;\n  padding: 0;\n}\n\n.TablePaginationStep:first-of-type {\n  margin-right: var(--base-size-16);\n}\n\n.TablePaginationStep:last-of-type {\n  margin-left: var(--base-size-16);\n}\n\n.TablePaginationAction {\n  display: flex;\n  align-items: center;\n  color: var(--fgColor-muted);\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: calc(20 / 14);\n  user-select: none;\n  padding: var(--base-size-8);\n  border-radius: var(--borderRadius-medium);\n}\n\n.TablePaginationAction[data-has-page] {\n  color: var(--fgColor-accent);\n}\n\n.TablePaginationPage {\n  min-width: 2rem;\n  min-height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: calc(20 / 14);\n  user-select: none;\n  border-radius: var(--borderRadius-medium);\n  padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n}\n\n.TablePaginationAction[data-has-page]:hover,\n.TablePaginationAction[data-has-page]:focus,\n.TablePaginationPage:hover,\n.TablePaginationPage:focus {\n  background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TablePaginationPage[data-active='true'] {\n  background-color: var(--bgColor-accent-emphasis);\n  color: var(--fgColor-onEmphasis);\n}\n\n.TablePaginationPage[data-active='true']:focus-visible {\n  outline: 2px solid var(--bgColor-accent-emphasis);\n  outline-offset: -2px;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.TablePaginationTruncationStep {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2rem;\n  min-height: 2rem;\n  user-select: none;\n}\n"]}

package/dist/DataTable/Pagination.module.css.js

@@ -1,4 +1,4 @@
-import './Pagination-b6f8418c.css';
+import './Pagination-aebe86e8.css';
 
 var classes = {"TablePagination":"prc-DataTable-TablePagination-AJ0K7","TablePaginationSteps":"prc-DataTable-TablePaginationSteps-Vxbth","TablePaginationRange":"prc-DataTable-TablePaginationRange-R7KK2","TablePaginationStep":"prc-DataTable-TablePaginationStep-jdto6","TablePaginationAction":"prc-DataTable-TablePaginationAction-SPa7Q","TablePaginationPage":"prc-DataTable-TablePaginationPage-Fn3s-","TablePaginationTruncationStep":"prc-DataTable-TablePaginationTruncationStep-gRyLp"};
 

package/dist/NavList/NavList-b50d982b.css

@@ -0,0 +1,2 @@
+.prc-NavList-Heading--JQMj{margin-block-end:var(--base-size-8,.5rem);margin-inline-start:calc(var(--control-medium-paddingInline-condensed,.5rem) + var(--base-size-8,.5rem))}.prc-NavList-GroupHeading-mN50z>a{color:var(--fgColor-default,#1f2328);text-decoration:inherit}.prc-NavList-GroupHeading-mN50z>a:hover{-webkit-text-decoration:underline;text-decoration:underline}
+/*# sourceMappingURL=NavList-b50d982b.css.map */

package/dist/NavList/NavList-b50d982b.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavList/NavList.module.css.js"],"names":[],"mappings":"AAAA,2BACE,yCAAoC,CAEpC,wGACF,CAEA,kCACE,oCAA6B,CAC7B,uBACF,CAEA,wCACE,iCAA0B,CAA1B,yBACF","file":"NavList-b50d982b.css","sourcesContent":[".Heading {\n  margin-block-end: var(--base-size-8);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-inline-start: calc(var(--control-medium-paddingInline-condensed) + var(--base-size-8));\n}\n\n.GroupHeading > a {\n  color: var(--fgColor-default);\n  text-decoration: inherit;\n}\n\n.GroupHeading > a:hover {\n  text-decoration: underline;\n}\n"]}

package/dist/NavList/NavList.d.ts

@@ -3,9 +3,17 @@ import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../u
 import React from 'react';
 import type { ActionListTrailingActionProps, ActionListDividerProps, ActionListLeadingVisualProps, ActionListTrailingVisualProps, ActionListGroupHeadingProps } from '../ActionList';
 import { type PolymorphicProps } from '../utils/modern-polymorphic';
+import type { FCWithSlotMarker } from '../utils/types/Slots';
+type NavListHeadingLevels = 'h2' | 'h3';
 export type NavListProps = {
     children: React.ReactNode;
 } & React.ComponentProps<'nav'>;
+export type NavListHeadingProps = {
+    /** Semantic heading level for the NavList. Also sets the default level for child group headings, which render one level deeper. */
+    as?: NavListHeadingLevels;
+    /** Visually hide the heading while keeping it available to assistive technology. */
+    visuallyHidden?: boolean;
+} & React.ComponentPropsWithoutRef<'h2'>;
 export type NavListItemProps<As extends React.ElementType = React.ElementType> = PolymorphicProps<As, 'a', {
     children: React.ReactNode;
     defaultOpen?: boolean;
@@ -40,7 +48,8 @@ export type NavListGroupExpandProps = {
 export declare const GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;
 export type NavListGroupHeadingProps = ActionListGroupHeadingProps;
 export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Description: import("..").FCWithSlotMarker<React.PropsWithChildren<import("..").ActionListDescriptionProps>>;
+    Description: FCWithSlotMarker<React.PropsWithChildren<import("..").ActionListDescriptionProps>>;
+    Heading: FCWithSlotMarker<NavListHeadingProps>;
     Item: (<As extends React.ElementType = "a">(props: import("../utils/modern-polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
         children: React.ReactNode;
         defaultOpen?: boolean;
@@ -53,10 +62,10 @@ export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps,
         displayName: string;
     };
     SubNav: PolymorphicForwardRefComponent<"ul", NavListSubNavProps>;
-    LeadingVisual: import("..").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
-    TrailingVisual: import("..").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
+    LeadingVisual: FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
+    TrailingVisual: FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
     TrailingAction: PolymorphicForwardRefComponent<"a" | "button", ActionListTrailingActionProps>;
-    Divider: import("..").FCWithSlotMarker<React.PropsWithChildren<ActionListDividerProps>>;
+    Divider: FCWithSlotMarker<React.PropsWithChildren<ActionListDividerProps>>;
     Group: React.FC<NavListGroupProps>;
     GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;
     GroupHeading: React.FC<ActionListGroupHeadingProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AAUtB,OAAO,EAAkB,KAAK,gBAAgB,EAAC,MAAM,6BAA6B,CAAA;AAKlF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,gBAAgB,CAC/F,EAAE,EACF,GAAG,EACH;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAkJD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAwCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;YA7WjB,EAAE,SAAS,KAAK,CAAC,WAAW;kBATjB,KAAK,CAAC,SAAS;sBACX,OAAO;eACd,MAAM;yBACI,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO;uBAC7E,MAAM;;;;;;;;;;;;;;CA6XvB,CAAA"}
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"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"}

package/dist/NavList/NavList.js

@@ -12,65 +12,210 @@ import navListClasses from './NavList.module.css.js';
 import { flushSync } from 'react-dom';
 import { useSlots } from '../hooks/useSlots.js';
 import { fixedForwardRef } from '../utils/modern-polymorphic.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import visuallyHiddenClasses from '../_VisuallyHidden.module.css.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Heading$1 from '../Heading/Heading.js';
+
+// Publishes the resolved numeric level of a NavList.Heading (e.g. 2 for an h2) so
+// NavList.Group/NavList.GroupHeading can default to one level deeper. `null` when
+// there is no NavList.Heading, in which case groups keep their historical h3 default.
+const NavListHeadingLevelContext = /*#__PURE__*/React.createContext(null);
+function headingTagToLevel(as) {
+  return Number.parseInt(as.slice(1), 10);
+}
+function levelToHeadingTag(level) {
+  // Clamp to h4 so group headings never go deeper than the supported hierarchy.
+  const clamped = Math.min(Math.max(level, 1), 4);
+  return `h${clamped}`;
+}
+
+// ----------------------------------------------------------------------------
+// NavList
 
 const Root = /*#__PURE__*/React.forwardRef((t0, ref) => {
-  const $ = c(10);
+  var _heading$props$id, _ariaLabelledby;
+  const $ = c(24);
+  let ariaLabel;
+  let ariaLabelledby;
   let children;
   let props;
   if ($[0] !== t0) {
     ({
       children,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
       ...props
     } = t0);
     $[0] = t0;
-    $[1] = children;
-    $[2] = props;
+    $[1] = ariaLabel;
+    $[2] = ariaLabelledby;
+    $[3] = children;
+    $[4] = props;
   } else {
-    children = $[1];
-    props = $[2];
+    ariaLabel = $[1];
+    ariaLabelledby = $[2];
+    children = $[3];
+    props = $[4];
   }
   let t1;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = {
-      container: "NavList"
+      heading: Heading
     };
-    $[3] = t1;
+    $[5] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[5];
   }
+  const [slots, childrenWithoutHeading] = useSlots(children, t1);
+  const fallbackHeadingId = useId();
+  const heading = slots.heading;
+  const headingId = heading ? (_heading$props$id = heading.props.id) !== null && _heading$props$id !== void 0 ? _heading$props$id : fallbackHeadingId : undefined;
   let t2;
-  if ($[4] !== children) {
-    t2 = /*#__PURE__*/jsx(ActionListContainerContext.Provider, {
-      value: t1,
+  if ($[6] !== heading) {
+    var _heading$props$as;
+    t2 = heading ? headingTagToLevel((_heading$props$as = heading.props.as) !== null && _heading$props$as !== void 0 ? _heading$props$as : "h2") : null;
+    $[6] = heading;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const headingLevel = t2;
+  const navLabelledby = (_ariaLabelledby = ariaLabelledby) !== null && _ariaLabelledby !== void 0 ? _ariaLabelledby : ariaLabel ? undefined : headingId;
+  let t3;
+  if ($[8] !== heading || $[9] !== headingId) {
+    t3 = heading ? /*#__PURE__*/React.cloneElement(heading, {
+      id: headingId
+    }) : null;
+    $[8] = heading;
+    $[9] = headingId;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      container: "NavList"
+    };
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== childrenWithoutHeading) {
+    t5 = /*#__PURE__*/jsx(ActionListContainerContext.Provider, {
+      value: t4,
       children: /*#__PURE__*/jsx(ActionList, {
-        children: children
+        children: childrenWithoutHeading
       })
     });
-    $[4] = children;
-    $[5] = t2;
+    $[12] = childrenWithoutHeading;
+    $[13] = t5;
   } else {
-    t2 = $[5];
+    t5 = $[13];
   }
-  let t3;
-  if ($[6] !== props || $[7] !== ref || $[8] !== t2) {
-    t3 = /*#__PURE__*/jsx("nav", {
+  let t6;
+  if ($[14] !== headingLevel || $[15] !== t3 || $[16] !== t5) {
+    t6 = /*#__PURE__*/jsxs(NavListHeadingLevelContext.Provider, {
+      value: headingLevel,
+      children: [t3, t5]
+    });
+    $[14] = headingLevel;
+    $[15] = t3;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== ariaLabel || $[19] !== navLabelledby || $[20] !== props || $[21] !== ref || $[22] !== t6) {
+    t7 = /*#__PURE__*/jsx("nav", {
       ...props,
+      "aria-label": ariaLabel,
+      "aria-labelledby": navLabelledby,
       ref: ref,
       "data-component": "NavList",
-      children: t2
+      children: t6
     });
-    $[6] = props;
-    $[7] = ref;
-    $[8] = t2;
-    $[9] = t3;
+    $[18] = ariaLabel;
+    $[19] = navLabelledby;
+    $[20] = props;
+    $[21] = ref;
+    $[22] = t6;
+    $[23] = t7;
   } else {
-    t3 = $[9];
+    t7 = $[23];
   }
-  return t3;
+  return t7;
 });
 Root.displayName = 'NavList';
 
+// ----------------------------------------------------------------------------
+// NavList.Heading
+
+const Heading = t0 => {
+  const $ = c(14);
+  let children;
+  let className;
+  let props;
+  let t1;
+  let t2;
+  if ($[0] !== t0) {
+    ({
+      as: t1,
+      visuallyHidden: t2,
+      className,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    t1 = $[4];
+    t2 = $[5];
+  }
+  const as = t1 === undefined ? "h2" : t1;
+  const visuallyHidden = t2 === undefined ? false : t2;
+  const t3 = visuallyHidden ? visuallyHiddenClasses.InternalVisuallyHidden : navListClasses.Heading;
+  let t4;
+  if ($[6] !== className || $[7] !== t3) {
+    t4 = clsx(t3, className);
+    $[6] = className;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== as || $[10] !== children || $[11] !== props || $[12] !== t4) {
+    t5 = /*#__PURE__*/jsx(Heading$1, {
+      as: as,
+      variant: "small",
+      className: t4,
+      "data-component": "NavList.Heading",
+      ...props,
+      children: children
+    });
+    $[9] = as;
+    $[10] = children;
+    $[11] = props;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
+};
+Heading.displayName = 'NavList.Heading';
+Heading.__SLOT__ = Symbol('NavList.Heading');
+
 // ----------------------------------------------------------------------------
 // NavList.Item
 
@@ -398,7 +543,7 @@ TrailingAction.displayName = 'NavList.TrailingAction';
 // NavList.Group
 
 const Group = t0 => {
-  const $ = c(11);
+  const $ = c(14);
   let children;
   let props;
   let title;
@@ -417,41 +562,52 @@ const Group = t0 => {
     props = $[2];
     title = $[3];
   }
+  const headingLevel = React.useContext(NavListHeadingLevelContext);
   let t1;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /*#__PURE__*/jsx(ActionList.Divider, {});
-    $[4] = t1;
+  if ($[4] !== headingLevel) {
+    t1 = headingLevel ? levelToHeadingTag(headingLevel + 1) : "h3";
+    $[4] = headingLevel;
+    $[5] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[5];
   }
+  const groupHeadingAs = t1;
   let t2;
-  if ($[5] !== title) {
-    t2 = title ? /*#__PURE__*/jsx(ActionList.GroupHeading, {
-      as: "h3",
-      "data-component": "ActionList.GroupHeading",
-      children: title
-    }) : null;
-    $[5] = title;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/jsx(ActionList.Divider, {});
     $[6] = t2;
   } else {
     t2 = $[6];
   }
   let t3;
-  if ($[7] !== children || $[8] !== props || $[9] !== t2) {
-    t3 = /*#__PURE__*/jsxs(Fragment, {
-      children: [t1, /*#__PURE__*/jsxs(ActionList.Group, {
+  if ($[7] !== groupHeadingAs || $[8] !== title) {
+    t3 = title ? /*#__PURE__*/jsx(ActionList.GroupHeading, {
+      as: groupHeadingAs,
+      "data-component": "ActionList.GroupHeading",
+      children: title
+    }) : null;
+    $[7] = groupHeadingAs;
+    $[8] = title;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== children || $[11] !== props || $[12] !== t3) {
+    t4 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t2, /*#__PURE__*/jsxs(ActionList.Group, {
         ...props,
-        children: [t2, children]
+        children: [t3, children]
       })]
     });
-    $[7] = children;
-    $[8] = props;
-    $[9] = t2;
-    $[10] = t3;
+    $[10] = children;
+    $[11] = props;
+    $[12] = t3;
+    $[13] = t4;
   } else {
-    t3 = $[10];
+    t4 = $[13];
   }
-  return t3;
+  return t4;
 };
 // ----------------------------------------------------------------------------
 // NavList.GroupExpand
@@ -593,49 +749,60 @@ const GroupExpand = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
  * It was primarily added to allow links in group headings.
  */
 const GroupHeading = t0 => {
-  const $ = c(10);
+  const $ = c(13);
+  let as;
   let className;
   let rest;
-  let t1;
   if ($[0] !== t0) {
     ({
-      as: t1,
+      as,
       className,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = rest;
-    $[3] = t1;
+    $[1] = as;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    as = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  const headingLevel = React.useContext(NavListHeadingLevelContext);
+  let t1;
+  if ($[4] !== as || $[5] !== headingLevel) {
+    var _as;
+    t1 = (_as = as) !== null && _as !== void 0 ? _as : headingLevel ? levelToHeadingTag(headingLevel + 1) : "h3";
+    $[4] = as;
+    $[5] = headingLevel;
+    $[6] = t1;
   } else {
-    className = $[1];
-    rest = $[2];
-    t1 = $[3];
+    t1 = $[6];
   }
-  const as = t1 === undefined ? "h3" : t1;
+  const resolvedAs = t1;
   let t2;
-  if ($[4] !== className) {
+  if ($[7] !== className) {
     t2 = clsx(navListClasses.GroupHeading, className);
-    $[4] = className;
-    $[5] = t2;
+    $[7] = className;
+    $[8] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[8];
   }
   let t3;
-  if ($[6] !== as || $[7] !== rest || $[8] !== t2) {
+  if ($[9] !== resolvedAs || $[10] !== rest || $[11] !== t2) {
     t3 = /*#__PURE__*/jsx(ActionList.GroupHeading, {
-      as: as,
+      as: resolvedAs,
       className: t2,
       "data-component": "NavList.GroupHeading",
       headingWrapElement: "li",
       ...rest
     });
-    $[6] = as;
-    $[7] = rest;
-    $[8] = t2;
-    $[9] = t3;
+    $[9] = resolvedAs;
+    $[10] = rest;
+    $[11] = t2;
+    $[12] = t3;
   } else {
-    t3 = $[9];
+    t3 = $[12];
   }
   return t3;
 };
@@ -645,6 +812,7 @@ const GroupHeading = t0 => {
 
 const NavList = Object.assign(Root, {
   Description: ActionList.Description,
+  Heading,
   Item,
   SubNav,
   LeadingVisual,

package/dist/NavList/NavList.module.css.js

@@ -1,5 +1,5 @@
-import './NavList-5dc067e3.css';
+import './NavList-b50d982b.css';
 
-var navListClasses = {"GroupHeading":"prc-NavList-GroupHeading-mN50z"};
+var navListClasses = {"Heading":"prc-NavList-Heading--JQMj","GroupHeading":"prc-NavList-GroupHeading-mN50z"};
 
 export { navListClasses as default };

package/dist/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,mBAAmB,EAAe,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC;;GAEG;AACH,QAAA,MAAM,KAAK,kGA8CV,CAAA;wBAKuB,cAAc,CAAC,OAAO,KAAK,CAAC;AAApD,wBAAoD"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,mBAAmB,EAAe,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC;;GAEG;AACH,QAAA,MAAM,KAAK,kGA+CV,CAAA;wBAKuB,cAAc,CAAC,OAAO,KAAK,CAAC;AAApD,wBAAoD"}

package/dist/Radio/Radio.js

@@ -94,7 +94,8 @@ const Radio = /*#__PURE__*/React.forwardRef((t0, ref) => {
       required: required,
       onChange: handleOnChange,
       className: t4,
-      ...rest
+      ...rest,
+      "data-component": "Radio"
     });
     $[15] = checked;
     $[16] = disabled;