@primer/react 38.29.1-rc.4254fa28f → 38.29.1-rc.42909d47c

package/CHANGELOG.md

@@ -4,8 +4,16 @@
 
 ### 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/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAO/F,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAQ/E,MAAM,MAAM,4BAA4B,GAAG;IACzC,uEAAuE;IACvE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;QAKI;IACJ,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACnD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;IACvE;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,OAAO,CACT,IAAI,CACF,kBAAkB,EAChB,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,MAAM,GACN,kBAAkB,CACrB,CACF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,4BAA4B,CAAC,CAAA;;;;;;;;;;;AAkQzG,wBAGE"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAO/F,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAU/E,MAAM,MAAM,4BAA4B,GAAG;IACzC,uEAAuE;IACvE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;QAKI;IACJ,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACnD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;IACvE;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,OAAO,CACT,IAAI,CACF,kBAAkB,EAChB,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,MAAM,GACN,kBAAkB,CACrB,CACF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,4BAA4B,CAAC,CAAA;;;;;;;;;;;AAyNzG,wBAGE"}

package/dist/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useId, useCallback, useEffect } from 'react';
+import React, { useState, useId, useCallback } from 'react';
 import { isValidElementType } from 'react-is';
 import { clsx } from 'clsx';
 import { AlertFillIcon } from '@primer/octicons-react';
@@ -8,9 +8,11 @@ import { TextInputWrapper } from '../internal/components/TextInputWrapper.js';
 import TextInputAction from '../internal/components/TextInputInnerAction.js';
 import UnstyledTextInput from '../internal/components/UnstyledTextInput.js';
 import VisuallyHidden from '../_VisuallyHidden.js';
-import { CharacterCounter } from '../utils/character-counter.js';
+import visuallyHiddenClasses from '../_VisuallyHidden.module.css.js';
+import { SCREEN_READER_DELAY, getCharacterCountState } from '../utils/character-counter.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
+import { AriaStatus } from '../live-region/AriaStatus.js';
 import Text from '../Text/Text.js';
 
 // using forwardRef is important so that other components can autofocus the input
@@ -46,16 +48,22 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
   'data-component': dataComponent,
   ...inputProps
 }, ref) => {
+  var _counter$isOverLimit;
   const [isInputFocused, setIsInputFocused] = useState(false);
   const inputRef = useProvidedRefOrCreate(ref);
-  const [characterCount, setCharacterCount] = useState('');
-  const [isOverLimit, setIsOverLimit] = useState(false);
-  const [screenReaderMessage, setScreenReaderMessage] = useState('');
-  const characterCounterRef = useRef(null);
-  const lastCountedLengthRef = useRef(null);
-  const lastCharacterCountRef = useRef('');
-  const lastIsOverLimitRef = useRef(false);
-  const lastScreenReaderMessageRef = useRef('');
+
+  // For uncontrolled usage we track the length of the input's content so the
+  // character counter can be derived during render rather than synced from an
+  // effect (which would trigger an extra render on every keystroke). For
+  // controlled usage the `value` prop is the source of truth.
+  const isControlled = value !== undefined;
+  const [uncontrolledLength, setUncontrolledLength] = useState(() => defaultValue !== undefined ? String(defaultValue).length : 0);
+  const currentLength = isControlled ? String(value).length : uncontrolledLength;
+
+  // The counter and validation state are derived directly from the current
+  // length, so they stay in sync with the input without an extra render.
+  const counter = characterLimit ? getCharacterCountState(currentLength, characterLimit) : undefined;
+  const isOverLimit = (_counter$isOverLimit = counter === null || counter === void 0 ? void 0 : counter.isOverLimit) !== null && _counter$isOverLimit !== void 0 ? _counter$isOverLimit : false;
 
   // this class is necessary to style FilterSearch, plz no touchy!
   const wrapperClasses = clsx(className, 'TextInput-wrapper');
@@ -84,63 +92,13 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
     onBlur && onBlur(e_1);
   }, [onBlur]);
 
-  // Initialize character counter
-  useEffect(() => {
-    if (characterLimit) {
-      characterCounterRef.current = new CharacterCounter({
-        onCountUpdate: (count, overLimit, message) => {
-          if (message !== lastCharacterCountRef.current) {
-            lastCharacterCountRef.current = message;
-            setCharacterCount(message);
-          }
-          if (overLimit !== lastIsOverLimitRef.current) {
-            lastIsOverLimitRef.current = overLimit;
-            setIsOverLimit(overLimit);
-          }
-        },
-        onScreenReaderAnnounce: message_0 => {
-          if (message_0 !== lastScreenReaderMessageRef.current) {
-            lastScreenReaderMessageRef.current = message_0;
-            setScreenReaderMessage(message_0);
-          }
-        }
-      });
-      lastCountedLengthRef.current = null;
-      return () => {
-        var _characterCounterRef$;
-        (_characterCounterRef$ = characterCounterRef.current) === null || _characterCounterRef$ === void 0 ? void 0 : _characterCounterRef$.cleanup();
-        characterCounterRef.current = null;
-        lastCountedLengthRef.current = null;
-        lastCharacterCountRef.current = '';
-        lastIsOverLimitRef.current = false;
-        lastScreenReaderMessageRef.current = '';
-      };
-    }
-  }, [characterLimit]);
-
-  // Update character count when value changes or on mount
-  useEffect(() => {
-    if (characterLimit && characterCounterRef.current) {
-      const currentValue = value !== undefined ? String(value) : defaultValue !== undefined ? String(defaultValue) : '';
-      const currentLength = currentValue.length;
-      if (currentLength !== lastCountedLengthRef.current) {
-        lastCountedLengthRef.current = currentLength;
-        characterCounterRef.current.updateCharacterCount(currentLength, characterLimit);
-      }
-    }
-  }, [value, defaultValue, characterLimit]);
-
   // Handle input change with character counter
   const handleInputChange = useCallback(e_2 => {
-    if (characterLimit && characterCounterRef.current) {
-      const currentLength_0 = e_2.target.value.length;
-      if (currentLength_0 !== lastCountedLengthRef.current) {
-        lastCountedLengthRef.current = currentLength_0;
-        characterCounterRef.current.updateCharacterCount(currentLength_0, characterLimit);
-      }
+    if (characterLimit && !isControlled) {
+      setUncontrolledLength(e_2.target.value.length);
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(e_2);
-  }, [onChange, characterLimit]);
+  }, [onChange, characterLimit, isControlled]);
   const characterCountId = useId();
   const characterCountStaticMessageId = useId();
   const isValid = isOverLimit ? 'error' : validationStatus;
@@ -202,10 +160,11 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
         children: typeof TrailingVisual !== 'string' && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual
       }), trailingAction]
     }), characterLimit && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(VisuallyHidden, {
-        "aria-live": "polite",
-        role: "status",
-        children: screenReaderMessage
+      children: [/*#__PURE__*/jsx(AriaStatus, {
+        announceOnShow: false,
+        delayMs: SCREEN_READER_DELAY,
+        className: visuallyHiddenClasses.InternalVisuallyHidden,
+        children: counter === null || counter === void 0 ? void 0 : counter.message
       }), /*#__PURE__*/jsxs(VisuallyHidden, {
         id: characterCountStaticMessageId,
         children: ["You can enter up to ", characterLimit, " ", characterLimit === 1 ? 'character' : 'characters']
@@ -217,7 +176,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
         "data-component": "TextInput.CharacterCounter",
         children: [isOverLimit && /*#__PURE__*/jsx(AlertFillIcon, {
           size: 16
-        }), characterCount]
+        }), counter === null || counter === void 0 ? void 0 : counter.message]
       })]
     })]
   });

package/dist/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAE7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAOlD,eAAO,MAAM,qBAAqB,IAAI,CAAA;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAA;AACvC,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C;;;GAGG;AACH,QAAA,MAAM,QAAQ;IA/CZ;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,oBAAoB;IACvC;;OAEG;YACK,OAAO;IACf;;OAEG;aACM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU;IACpD;;OAEG;eACQ,OAAO;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;YACK,KAAK,CAAC,aAAa;IAC3B;;;OAGG;qBACc,MAAM;2FA2IxB,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAE7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AASlD,eAAO,MAAM,qBAAqB,IAAI,CAAA;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAA;AACvC,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C;;;GAGG;AACH,QAAA,MAAM,QAAQ;IA/CZ;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,oBAAoB;IACvC;;OAEG;YACK,OAAO;IACf;;OAEG;aACM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU;IACpD;;OAEG;eACQ,OAAO;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;YACK,KAAK,CAAC,aAAa;IAC3B;;;OAGG;qBACc,MAAM;2FA6HxB,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}

package/dist/Textarea/Textarea.js

@@ -1,12 +1,14 @@
 import { c } from 'react-compiler-runtime';
-import React, { useRef, useId, useEffect } from 'react';
+import React, { useId, useState } from 'react';
 import { TextInputBaseWrapper } from '../internal/components/TextInputWrapper.js';
 import classes from './TextArea.module.css.js';
 import { AlertFillIcon } from '@primer/octicons-react';
-import { CharacterCounter } from '../utils/character-counter.js';
+import { SCREEN_READER_DELAY, getCharacterCountState } from '../utils/character-counter.js';
 import VisuallyHidden from '../_VisuallyHidden.js';
+import visuallyHiddenClasses from '../_VisuallyHidden.module.css.js';
 import { clsx } from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { AriaStatus } from '../live-region/AriaStatus.js';
 import Text from '../Text/Text.js';
 
 const DEFAULT_TEXTAREA_ROWS = 7;
@@ -17,7 +19,7 @@ const DEFAULT_TEXTAREA_RESIZE = 'both';
  * This component accepts all native HTML <textarea> attributes as props.
  */
 const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
-  const $ = c(68);
+  const $ = c(76);
   let block;
   let characterLimit;
   let className;
@@ -95,200 +97,170 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
   const rows = t1 === undefined ? DEFAULT_TEXTAREA_ROWS : t1;
   const cols = t2 === undefined ? DEFAULT_TEXTAREA_COLS : t2;
   const resize = t3 === undefined ? DEFAULT_TEXTAREA_RESIZE : t3;
-  const [characterCount, setCharacterCount] = React.useState("");
-  const [isOverLimit, setIsOverLimit] = React.useState(false);
-  const [screenReaderMessage, setScreenReaderMessage] = React.useState("");
-  const characterCounterRef = useRef(null);
   const characterCountId = useId();
   const characterCountStaticMessageId = useId();
+  const isControlled = value !== undefined;
   let t4;
-  let t5;
-  if ($[18] !== characterLimit) {
-    t4 = () => {
-      if (characterLimit) {
-        characterCounterRef.current = new CharacterCounter({
-          onCountUpdate: (count, overLimit, message) => {
-            setCharacterCount(message);
-            setIsOverLimit(overLimit);
-          },
-          onScreenReaderAnnounce: message_0 => {
-            setScreenReaderMessage(message_0);
-          }
-        });
-        return () => {
-          var _characterCounterRef$;
-          (_characterCounterRef$ = characterCounterRef.current) === null || _characterCounterRef$ === void 0 ? void 0 : _characterCounterRef$.cleanup();
-        };
-      }
-    };
-    t5 = [characterLimit];
-    $[18] = characterLimit;
+  if ($[18] !== defaultValue) {
+    t4 = () => defaultValue !== undefined ? String(defaultValue).length : 0;
+    $[18] = defaultValue;
     $[19] = t4;
-    $[20] = t5;
   } else {
     t4 = $[19];
-    t5 = $[20];
-  }
-  useEffect(t4, t5);
-  let t6;
-  let t7;
-  if ($[21] !== characterLimit || $[22] !== defaultValue || $[23] !== value) {
-    t6 = () => {
-      if (characterLimit && characterCounterRef.current) {
-        const currentValue = value !== undefined ? String(value) : defaultValue !== undefined ? String(defaultValue) : "";
-        characterCounterRef.current.updateCharacterCount(currentValue.length, characterLimit);
-      }
-    };
-    t7 = [value, defaultValue, characterLimit];
-    $[21] = characterLimit;
-    $[22] = defaultValue;
-    $[23] = value;
-    $[24] = t6;
-    $[25] = t7;
-  } else {
-    t6 = $[24];
-    t7 = $[25];
-  }
-  useEffect(t6, t7);
-  let t8;
-  if ($[26] !== characterLimit || $[27] !== onChange) {
-    t8 = e => {
-      var _onChange;
-      if (characterLimit && characterCounterRef.current) {
-        characterCounterRef.current.updateCharacterCount(e.target.value.length, characterLimit);
-      }
-      (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(e);
-    };
-    $[26] = characterLimit;
-    $[27] = onChange;
-    $[28] = t8;
-  } else {
-    t8 = $[28];
-  }
-  const handleTextareaChange = t8;
-  const isValid = isOverLimit ? "error" : validationStatus;
-  const t9 = isValid === "error" ? "true" : "false";
-  let t10;
-  if ($[29] !== maxHeight || $[30] !== minHeight || $[31] !== style) {
-    t10 = {
-      minHeight,
-      maxHeight,
-      ...style
-    };
-    $[29] = maxHeight;
-    $[30] = minHeight;
-    $[31] = style;
-    $[32] = t10;
-  } else {
-    t10 = $[32];
-  }
-  let t11;
-  if ($[33] !== characterCountStaticMessageId || $[34] !== characterLimit || $[35] !== rest) {
-    t11 = characterLimit ? [characterCountStaticMessageId, rest["aria-describedby"]].filter(Boolean).join(" ") || undefined : rest["aria-describedby"];
-    $[33] = characterCountStaticMessageId;
-    $[34] = characterLimit;
-    $[35] = rest;
-    $[36] = t11;
-  } else {
-    t11 = $[36];
   }
-  let t12;
-  if ($[37] !== cols || $[38] !== defaultValue || $[39] !== disabled || $[40] !== handleTextareaChange || $[41] !== ref || $[42] !== required || $[43] !== resize || $[44] !== rest || $[45] !== rows || $[46] !== t10 || $[47] !== t11 || $[48] !== t9 || $[49] !== value) {
-    t12 = /*#__PURE__*/jsx("textarea", {
-      value: value,
-      defaultValue: defaultValue,
-      "data-resize": resize,
-      "aria-required": required,
-      "aria-invalid": t9,
-      ref: ref,
-      disabled: disabled,
-      rows: rows,
-      cols: cols,
-      className: classes.TextArea,
-      onChange: handleTextareaChange,
-      style: t10,
-      ...rest,
-      "aria-describedby": t11
-    });
-    $[37] = cols;
-    $[38] = defaultValue;
-    $[39] = disabled;
-    $[40] = handleTextareaChange;
-    $[41] = ref;
-    $[42] = required;
-    $[43] = resize;
-    $[44] = rest;
-    $[45] = rows;
-    $[46] = t10;
-    $[47] = t11;
-    $[48] = t9;
-    $[49] = value;
-    $[50] = t12;
-  } else {
-    t12 = $[50];
-  }
-  let t13;
-  if ($[51] !== block || $[52] !== className || $[53] !== contrast || $[54] !== disabled || $[55] !== isValid || $[56] !== t12) {
-    t13 = /*#__PURE__*/jsx(TextInputBaseWrapper, {
-      validationStatus: isValid,
-      disabled: disabled,
-      block: block,
-      contrast: contrast,
-      className: className,
-      children: t12
-    });
-    $[51] = block;
-    $[52] = className;
-    $[53] = contrast;
-    $[54] = disabled;
-    $[55] = isValid;
-    $[56] = t12;
-    $[57] = t13;
-  } else {
-    t13 = $[57];
-  }
-  let t14;
-  if ($[58] !== characterCount || $[59] !== characterCountId || $[60] !== characterCountStaticMessageId || $[61] !== characterLimit || $[62] !== isOverLimit || $[63] !== screenReaderMessage) {
-    t14 = characterLimit && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(VisuallyHidden, {
-        "aria-live": "polite",
-        role: "status",
-        children: screenReaderMessage
-      }), /*#__PURE__*/jsxs(VisuallyHidden, {
-        id: characterCountStaticMessageId,
-        children: ["You can enter up to ", characterLimit, " ", characterLimit === 1 ? "character" : "characters"]
-      }), /*#__PURE__*/jsxs(Text, {
-        "aria-hidden": "true",
-        id: characterCountId,
-        size: "small",
-        className: clsx(classes.CharacterCounter, isOverLimit && classes["CharacterCounter--error"]),
-        children: [isOverLimit && /*#__PURE__*/jsx(AlertFillIcon, {
-          size: 16
-        }), characterCount]
+  const [uncontrolledLength, setUncontrolledLength] = useState(t4);
+  const currentLength = isControlled ? String(value).length : uncontrolledLength;
+  let t5;
+  if ($[20] !== block || $[21] !== characterCountId || $[22] !== characterCountStaticMessageId || $[23] !== characterLimit || $[24] !== className || $[25] !== cols || $[26] !== contrast || $[27] !== currentLength || $[28] !== defaultValue || $[29] !== disabled || $[30] !== isControlled || $[31] !== maxHeight || $[32] !== minHeight || $[33] !== onChange || $[34] !== ref || $[35] !== required || $[36] !== resize || $[37] !== rest || $[38] !== rows || $[39] !== style || $[40] !== validationStatus || $[41] !== value) {
+    var _counter$isOverLimit;
+    const counter = characterLimit ? getCharacterCountState(currentLength, characterLimit) : undefined;
+    const isOverLimit = (_counter$isOverLimit = counter === null || counter === void 0 ? void 0 : counter.isOverLimit) !== null && _counter$isOverLimit !== void 0 ? _counter$isOverLimit : false;
+    let t6;
+    if ($[43] !== characterLimit || $[44] !== isControlled || $[45] !== onChange) {
+      t6 = e => {
+        var _onChange;
+        if (characterLimit && !isControlled) {
+          setUncontrolledLength(e.target.value.length);
+        }
+        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(e);
+      };
+      $[43] = characterLimit;
+      $[44] = isControlled;
+      $[45] = onChange;
+      $[46] = t6;
+    } else {
+      t6 = $[46];
+    }
+    const handleTextareaChange = t6;
+    const isValid = isOverLimit ? "error" : validationStatus;
+    const t7 = isValid === "error" ? "true" : "false";
+    let t8;
+    if ($[47] !== maxHeight || $[48] !== minHeight || $[49] !== style) {
+      t8 = {
+        minHeight,
+        maxHeight,
+        ...style
+      };
+      $[47] = maxHeight;
+      $[48] = minHeight;
+      $[49] = style;
+      $[50] = t8;
+    } else {
+      t8 = $[50];
+    }
+    let t9;
+    if ($[51] !== characterCountStaticMessageId || $[52] !== characterLimit || $[53] !== rest) {
+      t9 = characterLimit ? [characterCountStaticMessageId, rest["aria-describedby"]].filter(Boolean).join(" ") || undefined : rest["aria-describedby"];
+      $[51] = characterCountStaticMessageId;
+      $[52] = characterLimit;
+      $[53] = rest;
+      $[54] = t9;
+    } else {
+      t9 = $[54];
+    }
+    let t10;
+    if ($[55] !== cols || $[56] !== defaultValue || $[57] !== disabled || $[58] !== handleTextareaChange || $[59] !== ref || $[60] !== required || $[61] !== resize || $[62] !== rest || $[63] !== rows || $[64] !== t7 || $[65] !== t8 || $[66] !== t9 || $[67] !== value) {
+      t10 = /*#__PURE__*/jsx("textarea", {
+        value: value,
+        defaultValue: defaultValue,
+        "data-resize": resize,
+        "aria-required": required,
+        "aria-invalid": t7,
+        ref: ref,
+        disabled: disabled,
+        rows: rows,
+        cols: cols,
+        className: classes.TextArea,
+        onChange: handleTextareaChange,
+        style: t8,
+        ...rest,
+        "aria-describedby": t9
+      });
+      $[55] = cols;
+      $[56] = defaultValue;
+      $[57] = disabled;
+      $[58] = handleTextareaChange;
+      $[59] = ref;
+      $[60] = required;
+      $[61] = resize;
+      $[62] = rest;
+      $[63] = rows;
+      $[64] = t7;
+      $[65] = t8;
+      $[66] = t9;
+      $[67] = value;
+      $[68] = t10;
+    } else {
+      t10 = $[68];
+    }
+    let t11;
+    if ($[69] !== block || $[70] !== className || $[71] !== contrast || $[72] !== disabled || $[73] !== isValid || $[74] !== t10) {
+      t11 = /*#__PURE__*/jsx(TextInputBaseWrapper, {
+        validationStatus: isValid,
+        disabled: disabled,
+        block: block,
+        contrast: contrast,
+        className: className,
+        children: t10
+      });
+      $[69] = block;
+      $[70] = className;
+      $[71] = contrast;
+      $[72] = disabled;
+      $[73] = isValid;
+      $[74] = t10;
+      $[75] = t11;
+    } else {
+      t11 = $[75];
+    }
+    t5 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t11, characterLimit && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(AriaStatus, {
+          announceOnShow: false,
+          delayMs: SCREEN_READER_DELAY,
+          className: visuallyHiddenClasses.InternalVisuallyHidden,
+          children: counter === null || counter === void 0 ? void 0 : counter.message
+        }), /*#__PURE__*/jsxs(VisuallyHidden, {
+          id: characterCountStaticMessageId,
+          children: ["You can enter up to ", characterLimit, " ", characterLimit === 1 ? "character" : "characters"]
+        }), /*#__PURE__*/jsxs(Text, {
+          "aria-hidden": "true",
+          id: characterCountId,
+          size: "small",
+          className: clsx(classes.CharacterCounter, isOverLimit && classes["CharacterCounter--error"]),
+          children: [isOverLimit && /*#__PURE__*/jsx(AlertFillIcon, {
+            size: 16
+          }), counter === null || counter === void 0 ? void 0 : counter.message]
+        })]
       })]
     });
-    $[58] = characterCount;
-    $[59] = characterCountId;
-    $[60] = characterCountStaticMessageId;
-    $[61] = characterLimit;
-    $[62] = isOverLimit;
-    $[63] = screenReaderMessage;
-    $[64] = t14;
-  } else {
-    t14 = $[64];
-  }
-  let t15;
-  if ($[65] !== t13 || $[66] !== t14) {
-    t15 = /*#__PURE__*/jsxs(Fragment, {
-      children: [t13, t14]
-    });
-    $[65] = t13;
-    $[66] = t14;
-    $[67] = t15;
+    $[20] = block;
+    $[21] = characterCountId;
+    $[22] = characterCountStaticMessageId;
+    $[23] = characterLimit;
+    $[24] = className;
+    $[25] = cols;
+    $[26] = contrast;
+    $[27] = currentLength;
+    $[28] = defaultValue;
+    $[29] = disabled;
+    $[30] = isControlled;
+    $[31] = maxHeight;
+    $[32] = minHeight;
+    $[33] = onChange;
+    $[34] = ref;
+    $[35] = required;
+    $[36] = resize;
+    $[37] = rest;
+    $[38] = rows;
+    $[39] = style;
+    $[40] = validationStatus;
+    $[41] = value;
+    $[42] = t5;
   } else {
-    t15 = $[67];
+    t5 = $[42];
   }
-  return t15;
+  return t5;
 });
 Textarea.displayName = 'Textarea';
 Textarea.__SLOT__ = Symbol('Textarea');

package/dist/_VisuallyHidden.js

@@ -1,5 +1,5 @@
 import { c } from 'react-compiler-runtime';
-import classes from './_VisuallyHidden.module.css.js';
+import visuallyHiddenClasses from './_VisuallyHidden.module.css.js';
 import { clsx } from 'clsx';
 import { jsx } from 'react/jsx-runtime';
 
@@ -36,7 +36,7 @@ function VisuallyHidden(t0) {
   let t2;
   if ($[6] !== className || $[7] !== t1) {
     t2 = clsx(className, {
-      [classes.InternalVisuallyHidden]: t1
+      [visuallyHiddenClasses.InternalVisuallyHidden]: t1
     });
     $[6] = className;
     $[7] = t1;

package/dist/_VisuallyHidden.module.css.js

@@ -1,5 +1,5 @@
 import './_VisuallyHidden-1f156b61.css';
 
-var classes = {"InternalVisuallyHidden":"prc-src-InternalVisuallyHidden-2YaI6"};
+var visuallyHiddenClasses = {"InternalVisuallyHidden":"prc-src-InternalVisuallyHidden-2YaI6"};
 
-export { classes as default };
+export { visuallyHiddenClasses as default };

package/dist/live-region/Announce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Announce.d.ts","sourceRoot":"","sources":["../../src/live-region/Announce.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAA;AAEjE,MAAM,MAAM,aAAa,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,gBAAgB,CACxE,EAAE,EACF,KAAK,EACL;IACE;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;CACpC,CACF,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,qBAwGtF"}
+{"version":3,"file":"Announce.d.ts","sourceRoot":"","sources":["../../src/live-region/Announce.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAA;AAEjE,MAAM,MAAM,aAAa,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,gBAAgB,CACxE,EAAE,EACF,KAAK,EACL;IACE;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;CACpC,CACF,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,qBAsGtF"}

package/dist/live-region/Announce.js

@@ -1,6 +1,6 @@
 import { c } from 'react-compiler-runtime';
 import { announceFromElement } from '@primer/live-region-element';
-import { useRef, useState, useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 import { useEffectOnce } from '../internal/hooks/useEffectOnce.js';
 import { useEffectCallback } from '../internal/hooks/useEffectCallback.js';
 import { jsx } from 'react/jsx-runtime';
@@ -11,7 +11,7 @@ import { jsx } from 'react/jsx-runtime';
  * will also announce any changes to the text content of `children`
  */
 function Announce(props) {
-  const $ = c(25);
+  const $ = c(24);
   let children;
   let delayMs;
   let rest;
@@ -51,10 +51,10 @@ function Announce(props) {
   const hidden = t2 === undefined ? false : t2;
   const politeness = t3 === undefined ? "polite" : t3;
   const ref = useRef(null);
-  const [previousAnnouncementText, setPreviousAnnouncementText] = useState(null);
+  const previousAnnouncementText = useRef(null);
   const savedAnnouncement = useRef(null);
   let t4;
-  if ($[8] !== delayMs || $[9] !== hidden || $[10] !== politeness || $[11] !== previousAnnouncementText) {
+  if ($[8] !== delayMs || $[9] !== hidden || $[10] !== politeness) {
     t4 = () => {
       var _savedAnnouncement$cu;
       const {
@@ -70,14 +70,10 @@ function Announce(props) {
       if (!textContent) {
         return;
       }
-      if (textContent === previousAnnouncementText) {
+      if (textContent === previousAnnouncementText.current) {
         return;
       }
-      const style = window.getComputedStyle(element);
-      if (style.display === "none") {
-        return;
-      }
-      if (style.visibility === "hidden") {
+      if (!isVisible(element)) {
         return;
       }
       (_savedAnnouncement$cu = savedAnnouncement.current) === null || _savedAnnouncement$cu === void 0 ? void 0 : _savedAnnouncement$cu.cancel();
@@ -87,34 +83,33 @@ function Announce(props) {
         politeness,
         delayMs
       });
-      setPreviousAnnouncementText(textContent);
+      previousAnnouncementText.current = textContent;
     };
     $[8] = delayMs;
     $[9] = hidden;
     $[10] = politeness;
-    $[11] = previousAnnouncementText;
-    $[12] = t4;
+    $[11] = t4;
   } else {
-    t4 = $[12];
+    t4 = $[11];
   }
   const announce = useEffectCallback(t4);
   let t5;
-  if ($[13] !== announce || $[14] !== announceOnShow) {
+  if ($[12] !== announce || $[13] !== announceOnShow) {
     t5 = () => {
       if (announceOnShow) {
         announce();
       }
     };
-    $[13] = announce;
-    $[14] = announceOnShow;
-    $[15] = t5;
+    $[12] = announce;
+    $[13] = announceOnShow;
+    $[14] = t5;
   } else {
-    t5 = $[15];
+    t5 = $[14];
   }
   useEffectOnce(t5);
   let t6;
   let t7;
-  if ($[16] !== announce) {
+  if ($[15] !== announce) {
     t6 = () => {
       const {
         current: container
@@ -135,17 +130,17 @@ function Announce(props) {
       };
     };
     t7 = [announce];
-    $[16] = announce;
-    $[17] = t6;
-    $[18] = t7;
+    $[15] = announce;
+    $[16] = t6;
+    $[17] = t7;
   } else {
-    t6 = $[17];
-    t7 = $[18];
+    t6 = $[16];
+    t7 = $[17];
   }
   useEffect(t6, t7);
   let t8;
   let t9;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
     t8 = () => () => {
       if (savedAnnouncement.current !== null) {
         savedAnnouncement.current.cancel();
@@ -153,26 +148,26 @@ function Announce(props) {
       }
     };
     t9 = [];
-    $[19] = t8;
-    $[20] = t9;
+    $[18] = t8;
+    $[19] = t9;
   } else {
-    t8 = $[19];
-    t9 = $[20];
+    t8 = $[18];
+    t9 = $[19];
   }
   useEffect(t8, t9);
   let t10;
-  if ($[21] !== BaseComponent || $[22] !== children || $[23] !== rest) {
+  if ($[20] !== BaseComponent || $[21] !== children || $[22] !== rest) {
     t10 = /*#__PURE__*/jsx(BaseComponent, {
       ...rest,
       ref: ref,
       children: children
     });
-    $[21] = BaseComponent;
-    $[22] = children;
-    $[23] = rest;
-    $[24] = t10;
+    $[20] = BaseComponent;
+    $[21] = children;
+    $[22] = rest;
+    $[23] = t10;
   } else {
-    t10 = $[24];
+    t10 = $[23];
   }
   return t10;
 }
@@ -186,4 +181,24 @@ function getTextContent(element) {
   return value ? value.trim() : '';
 }
 
+/**
+ * Determine if an element is visible (not hidden via `display: none` or
+ * `visibility: hidden`). Prefers the native `checkVisibility()` API when
+ * available and falls back to `getComputedStyle` for older browsers.
+ */
+function isVisible(element) {
+  if (typeof element.checkVisibility === 'function') {
+    return element.checkVisibility({
+      // `visibilityProperty` is the standard option name (Chrome 116+, Firefox
+      // 125+, Safari 17.4+); `checkVisibilityCSS` is the legacy Chromium name
+      // (Chrome 105+). Unknown options are ignored, so passing both ensures
+      // `visibility: hidden` is treated as not visible across all engines.
+      visibilityProperty: true,
+      checkVisibilityCSS: true
+    });
+  }
+  const style = window.getComputedStyle(element);
+  return style.display !== 'none' && style.visibility !== 'hidden';
+}
+
 export { Announce };

package/dist/utils/character-counter.d.ts

@@ -1,27 +1,22 @@
 /**
- * Shared character counting functionality for text inputs with character limits.
- * Handles real-time character count updates, validation, and aria-live announcements.
+ * Shared character counting helpers for text inputs with character limits.
+ * Provides the pure derivation used to render the counter and validation state.
  */
-export interface CharacterCounterCallbacks {
-    onCountUpdate: (count: number, isOverLimit: boolean, message: string) => void;
-    onScreenReaderAnnounce: (message: string) => void;
-}
-export declare class CharacterCounter {
-    private announceTimeout;
-    private callbacks;
-    private isInitialLoad;
-    constructor(callbacks: CharacterCounterCallbacks);
-    /**
-     * Update the character count based on current input value
-     */
-    updateCharacterCount(currentLength: number, maxLength: number): void;
+export declare const SCREEN_READER_DELAY = 500;
+export interface CharacterCountState {
     /**
-     * Announce character count to screen readers with debouncing
+     * Number of characters remaining before the limit is reached, or the number of
+     * characters over the limit when it has been exceeded.
      */
-    private announceToScreenReader;
-    /**
-     * Clean up any pending timeouts
-     */
-    cleanup(): void;
+    count: number;
+    /** Whether the current length exceeds the limit. */
+    isOverLimit: boolean;
+    /** Human readable description of the remaining or over count. */
+    message: string;
 }
+/**
+ * Compute the character count state for a given length and limit. This is a pure
+ * function so the counter can be derived during render without component state.
+ */
+export declare function getCharacterCountState(currentLength: number, maxLength: number): CharacterCountState;
 //# sourceMappingURL=character-counter.d.ts.map

package/dist/utils/character-counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"character-counter.d.ts","sourceRoot":"","sources":["../../src/utils/character-counter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7E,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAClD;AAED,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,aAAa,CAAgB;gBAEzB,SAAS,EAAE,yBAAyB;IAIhD;;OAEG;IACH,oBAAoB,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI;IA0BpE;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAc9B;;OAEG;IACH,OAAO,IAAI,IAAI;CAKhB"}
+{"version":3,"file":"character-counter.d.ts","sourceRoot":"","sources":["../../src/utils/character-counter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,WAAW,EAAE,OAAO,CAAA;IACpB,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,mBAAmB,CAmBpG"}

package/dist/utils/character-counter.js

@@ -1,66 +1,30 @@
 /**
- * Shared character counting functionality for text inputs with character limits.
- * Handles real-time character count updates, validation, and aria-live announcements.
+ * Shared character counting helpers for text inputs with character limits.
+ * Provides the pure derivation used to render the counter and validation state.
  */
 
 const SCREEN_READER_DELAY = 500;
-class CharacterCounter {
-  announceTimeout = null;
-  isInitialLoad = true;
-  constructor(callbacks) {
-    this.callbacks = callbacks;
-  }
-
-  /**
-   * Update the character count based on current input value
-   */
-  updateCharacterCount(currentLength, maxLength) {
-    const charactersRemaining = maxLength - currentLength;
-    // eslint-disable-next-line no-useless-assignment
-    let message = '';
-    if (charactersRemaining >= 0) {
-      const characterText = charactersRemaining === 1 ? 'character' : 'characters';
-      message = `${charactersRemaining} ${characterText} remaining`;
-      this.callbacks.onCountUpdate(charactersRemaining, false, message);
-    } else {
-      const charactersOver = -charactersRemaining;
-      const characterText = charactersOver === 1 ? 'character' : 'characters';
-      message = `${charactersOver} ${characterText} over`;
-      this.callbacks.onCountUpdate(charactersOver, true, message);
-    }
-    if (!this.isInitialLoad) {
-      this.announceToScreenReader(message);
-    }
-
-    // After first update, set isInitialLoad to false
-    if (this.isInitialLoad) {
-      this.isInitialLoad = false;
-    }
-  }
-
-  /**
-   * Announce character count to screen readers with debouncing
-   */
-  announceToScreenReader(message) {
-    if (this.announceTimeout) {
-      clearTimeout(this.announceTimeout);
-    }
-    if (typeof window === 'undefined' || typeof window.setTimeout !== 'function') {
-      return;
-    }
-    this.announceTimeout = window.setTimeout(() => {
-      this.callbacks.onScreenReaderAnnounce(message);
-    }, SCREEN_READER_DELAY);
-  }
-
-  /**
-   * Clean up any pending timeouts
-   */
-  cleanup() {
-    if (this.announceTimeout) {
-      clearTimeout(this.announceTimeout);
-    }
+/**
+ * Compute the character count state for a given length and limit. This is a pure
+ * function so the counter can be derived during render without component state.
+ */
+function getCharacterCountState(currentLength, maxLength) {
+  const charactersRemaining = maxLength - currentLength;
+  if (charactersRemaining >= 0) {
+    const characterText = charactersRemaining === 1 ? 'character' : 'characters';
+    return {
+      count: charactersRemaining,
+      isOverLimit: false,
+      message: `${charactersRemaining} ${characterText} remaining`
+    };
   }
+  const charactersOver = -charactersRemaining;
+  const characterText = charactersOver === 1 ? 'character' : 'characters';
+  return {
+    count: charactersOver,
+    isOverLimit: true,
+    message: `${charactersOver} ${characterText} over`
+  };
 }
 
-export { CharacterCounter };
+export { SCREEN_READER_DELAY, getCharacterCountState };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.29.1-rc.4254fa28f",
+  "version": "38.29.1-rc.42909d47c",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/ButtonGroup/ButtonGroup-54ba293b.css

@@ -1,2 +0,0 @@
-.prc-ButtonGroup-ButtonGroup-vFUrY{display:inline-flex;isolation:isolate;vertical-align:middle}.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]){margin-inline-end:-1px;position:relative}.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]) a,.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]) button{border-radius:0}.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]):first-child a,.prc-ButtonGroup-ButtonGroup-vFUrY>:not([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>:not([data-loading-wrapper]):last-child a,.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]):last-child button{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]):active,.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]):focus,.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]):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-54ba293b.css.map */

package/dist/ButtonGroup/ButtonGroup-54ba293b.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ButtonGroup/ButtonGroup.module.css.js"],"names":[],"mappings":"AAAA,mCACE,mBAAoB,CAEpB,iBAAkB,CADlB,qBAgFF,CA7EE,gEAEE,sBAAuB,CACvB,iBA6BF,CA1BE,yIAEE,eACF,CAGE,iKAGE,4DAAqD,CADrD,yDAEF,CAIA,+JAGE,6DAAsD,CADtD,0DAEF,CAGF,mNAGE,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-54ba293b.css","sourcesContent":[".ButtonGroup {\n  display: inline-flex;\n  vertical-align: middle;\n  isolation: isolate;\n\n  & > *:not([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    &: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/Checkbox/Checkbox-edc5dc3e.css

@@ -1,2 +0,0 @@
-.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)}.prc-Checkbox-Checkbox-jjOgT:checked:before{animation:prc-Checkbox-checkmarkIn-73iWj 80ms cubic-bezier(.65,0,.35,1) 80ms forwards}.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{background-color:var(--control-checked-bgColor-disabled,#818b98);border-color:var(--control-checked-borderColor-disabled,#818b98);opacity:1}.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{background-color:var(--control-checked-fgColor-disabled,#fff)}.prc-Checkbox-Checkbox-jjOgT:indeterminate:disabled:before{background-color:var(--control-checked-fgColor-disabled,#fff)}@media (forced-colors:active){.prc-Checkbox-Checkbox-jjOgT:checked,.prc-Checkbox-Checkbox-jjOgT:indeterminate{background-color:canvastext;border-color:canvastext}}.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-edc5dc3e.css.map */

package/dist/Checkbox/Checkbox-edc5dc3e.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Checkbox/Checkbox.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,6BACE,gDAAwC,CAGxC,uEA6EF,CAzEE,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,wDAsBF,CApBE,4CACE,qFACF,CAFA,kDACE,qFACF,CAEA,8CACE,gEAAyD,CACzD,gEAAyD,CACzD,SAMF,CATA,oDACE,gEAAyD,CACzD,gEAAyD,CACzD,SAMF,CAJE,qDAEE,6DACF,CAHA,2DAEE,6DACF,CAIF,8BAxBF,gFAyBI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,sCACE,kBACF,CAEA,qCACE,0EAQF,CAJE,4CAEE,kCAAmC,CADnC,kBAEF,CAGF,2CACE,sDAMF,CAJE,kDACE,wUAAia,CACja,kBACF,CAGF,0DC3EA,eAAgB,CAFhB,8EAAgC,CAChC,kBD8EA,CAGF,0CACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,2CACE,GACE,wBACF,CAEA,GACE,+CACF,CACF","file":"Checkbox-edc5dc3e.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    &::before {\n      animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n    }\n\n    &:disabled {\n      background-color: var(--control-checked-bgColor-disabled);\n      border-color: var(--control-checked-borderColor-disabled);\n      opacity: 1;\n\n      &::before {\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--control-checked-fgColor-disabled);\n      }\n    }\n\n    /* Windows High Contrast mode */\n    @media (forced-colors: active) {\n      background-color: canvastext;\n      border-color: canvastext;\n    }\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/DataTable/Pagination-b6f8418c.css

@@ -1,2 +0,0 @@
-.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]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media ((min-width:768px)){.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media ((min-width:1400px)){.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Vxbth[data-hidden-viewport-ranges*=wide]>: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-b6f8418c.css.map */

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

@@ -1 +0,0 @@
-{"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,0CACE,mHACE,YACF,CAEA,4FACE,mBACF,CAEA,2FACE,qBACF,CACF,CAEA,2BACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,4BACE,iHACE,YACF,CAEA,0FACE,mBACF,CAEA,yFACE,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-b6f8418c.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  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media ((min-width: 768px)) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media ((min-width: 1400px)) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *: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"]}