@primer/react 38.3.0 → 38.4.0-rc.1ca4eb46b

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @primer/react
 
+## 38.4.0
+
+### Minor Changes
+
+- [#7258](https://github.com/primer/react/pull/7258) [`8e66a2c`](https://github.com/primer/react/commit/8e66a2ca9fb711530c1392c8dcdc3faa6623b902) Thanks [@kendallgassner](https://github.com/kendallgassner)! - Make MappedActionListItem a forwardRef component
+
+- [#7250](https://github.com/primer/react/pull/7250) [`a193d30`](https://github.com/primer/react/commit/a193d30cad6e308e2f0cc29ebdcc926ee057f0fb) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Banner: Add `flush` prop for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
+
+- [#7047](https://github.com/primer/react/pull/7047) [`c07dd71`](https://github.com/primer/react/commit/c07dd71e990323a1c73ec99c44752df43d153090) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Remove the feature flag for `primer_react_segmented_control_tooltip` and GA tooltip by default behavior.
+  - Ensure that when `disabled` is applied, the tooltip is still triggered.
+
+### Patch Changes
+
+- [#7230](https://github.com/primer/react/pull/7230) [`534ca11`](https://github.com/primer/react/commit/534ca119a2552bb71684c64d2e7481cf426023b6) Thanks [@mperrotti](https://github.com/mperrotti)! - Replaces 'aria-live' usage and removes internal LiveRegion component
+
+- [#7241](https://github.com/primer/react/pull/7241) [`181f12e`](https://github.com/primer/react/commit/181f12e1244ea1f33559976ff16e32a1777e877d) Thanks [@francinelucca](https://github.com/francinelucca)! - fix(LabelGroup): add role and aria-label to hidden items overlay
+
 ## 38.3.0
 
 ### Minor Changes

package/dist/Banner/Banner-f672cdf9.css

@@ -0,0 +1,2 @@
+.prc-Banner-Banner-IR8eJ{align-items:start;background-color:var(--banner-bgColor);border:var(--borderWidth-thin,.0625rem) solid var(--banner-borderColor);border-radius:var(--borderRadius-medium,.375rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:var(--base-size-8,.5rem)}@supports (container-type:inline-size){.prc-Banner-Banner-IR8eJ[data-actions-layout=default]{container:banner/inline-size}}.prc-Banner-Banner-IR8eJ[data-actions-layout=stacked] .prc-Banner-BannerContainer-lbx3d{flex-direction:column}.prc-Banner-Banner-IR8eJ[data-actions-layout=stacked] .prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:none}.prc-Banner-Banner-IR8eJ[data-actions-layout=stacked] .prc-Banner-BannerActions-XCfHL :where([data-primary-action=leading]){display:flex}.prc-Banner-Banner-IR8eJ[data-actions-layout=inline] .prc-Banner-BannerContainer-lbx3d{flex-wrap:nowrap}.prc-Banner-Banner-IR8eJ[data-actions-layout=inline] .prc-Banner-BannerActions-XCfHL{flex:0 0 auto}.prc-Banner-Banner-IR8eJ[data-actions-layout=inline] .prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:flex}.prc-Banner-Banner-IR8eJ[data-actions-layout=inline] .prc-Banner-BannerActions-XCfHL :where([data-primary-action=leading]){display:none}.prc-Banner-Banner-IR8eJ[data-layout=compact]{padding:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ[data-flush]{border-left:none;border-radius:0;border-right:none}.prc-Banner-Banner-IR8eJ[data-variant=critical]{--banner-bgColor:var(--bgColor-danger-muted,var(--color-danger-subtle));--banner-borderColor:var(--borderColor-danger-muted,var(--color-danger-muted));--banner-icon-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-Banner-Banner-IR8eJ[data-variant=info]{--banner-bgColor:var(--bgColor-accent-muted,var(--color-accent-subtle));--banner-borderColor:var(--borderColor-accent-muted,var(--color-accent-muted));--banner-icon-fgColor:var(--fgColor-accent,var(--color-accent-fg))}.prc-Banner-Banner-IR8eJ[data-variant=success]{--banner-bgColor:var(--bgColor-success-muted,var(--color-success-subtle));--banner-borderColor:var(--borderColor-success-muted,var(--color-success-muted));--banner-icon-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-Banner-Banner-IR8eJ[data-variant=upsell]{--banner-bgColor:var(--bgColor-upsell-muted,#fbefff);--banner-borderColor:var(--borderColor-upsell-muted,#c297ff66);--banner-icon-fgColor:var(--fgColor-upsell,#8250df)}.prc-Banner-Banner-IR8eJ[data-variant=warning]{--banner-bgColor:var(--bgColor-attention-muted,var(--color-attention-subtle));--banner-borderColor:var(--borderColor-attention-muted,var(--color-attention-muted));--banner-icon-fgColor:var(--fgColor-attention,var(--color-attention-fg))}.prc-Banner-BannerContainer-lbx3d{align-items:start;column-gap:var(--base-size-4,.25rem);font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-body-lineHeight-medium,1.42857);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ :where(.prc-Banner-BannerContainer-lbx3d){display:flex;flex-wrap:wrap;justify-content:space-between}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden],[data-actions-layout=inline]) .prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto;grid-template-rows:auto}.prc-Banner-BannerContent-zTITK{display:grid;grid-column-start:1;margin-block:var(--base-size-8,.5rem);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerContent-zTITK{margin-block:var(--base-size-6,.375rem)}@media screen and (min-width:544px){.prc-Banner-BannerContent-zTITK{flex:1 1 0%}}.prc-Banner-BannerTitle-TcuJl{font-size:inherit;font-weight:var(--base-text-weight-semibold,600);margin:0}.prc-Banner-BannerIcon-WuOyf{display:grid;padding:var(--base-size-8,.5rem);place-items:center}.prc-Banner-BannerIcon-WuOyf svg{color:var(--banner-icon-fgColor);height:var(--base-size-20,1.25rem);fill:var(--banner-icon-fgColor)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerIcon-WuOyf svg{height:var(--base-size-16,1rem)}.prc-Banner-BannerDismiss-uBZVm{display:grid;margin-inline-start:var(--base-size-4,.25rem);padding:var(--base-size-8,.5rem);place-items:center}:where(.prc-Banner-Banner-IR8eJ):has(.prc-Banner-BannerActions-XCfHL) .prc-Banner-BannerDismiss-uBZVm{margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerDismiss-uBZVm svg{color:var(--banner-icon-fgColor)}.prc-Banner-BannerActionsContainer-ukGMH{align-items:center;column-gap:var(--base-size-12,.75rem);display:flex;margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:none}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden],[data-actions-layout=inline]) .prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden],[data-actions-layout=inline]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]{display:none}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden],[data-actions-layout=inline]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=leading]{display:flex}@container banner (max-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid}.prc-Banner-BannerContainer-lbx3d:has(.prc-Banner-BannerActionsContainer-ukGMH){grid-template-rows:auto auto}.prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:none}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:flex}}@container banner (min-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto auto}:where(.prc-Banner-Banner-IR8eJ):not([data-dismissible]) :where(.prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]) :where([data-variant=link]:only-child){padding-inline:0 var(--base-size-12,.75rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:flex;min-height:var(--base-size-32,2rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:none}}
+/*# sourceMappingURL=Banner-f672cdf9.css.map */

package/dist/Banner/Banner-f672cdf9.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Banner/Banner.module.css"],"names":[],"mappings":"AAAA,yBASE,iBAAkB,CALlB,sCAAuC,CAEvC,uEAA+D,CAC/D,gDAAyC,CANzC,YAAa,CAOb,6CAA+C,CAN/C,gCAsFF,CA5EI,uCADF,sDAEI,4BAEJ,CADE,CAIA,wFACE,qBACF,CAEA,6HACE,YACF,CAEA,4HACE,YACF,CAIA,uFACE,gBACF,CAEA,qFACE,aACF,CAEA,4HACE,YACF,CAEA,2HACE,YACF,CAGF,8CACE,iCACF,CAEA,qCACE,gBAAiB,CAEjB,eAAgB,CADhB,iBAEF,CAEA,gDACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,4CACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,+CACE,yEAA8C,CAC9C,gFAAsD,CACtD,oEACF,CAEA,8CACE,oDAA6C,CAC7C,8DAAqD,CACrD,mDACF,CAEA,+CACE,6EAAgD,CAChD,oFAAwD,CACxD,wEACF,CAKF,kCAEE,iBAAkB,CAGlB,oCAA8B,CAJ9B,8CAAuC,CAEvC,sDAA+C,CAC/C,iCAEF,CAEA,mEACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,mIACE,YAAa,CACb,0BAA2B,CAC3B,uBACF,CAIA,gCACE,YAAa,CAEb,mBAAoB,CACpB,qCAAgC,CAFhC,iCAGF,CAEA,uHACE,uCACF,CAEA,oCACE,gCACE,WACF,CACF,CAEA,8BAEE,iBAAkB,CAClB,gDAA6C,CAF7C,QAGF,CAIA,6BACE,YAAa,CAEb,gCAA2B,CAD3B,kBAEF,CAEA,iCAIE,gCAAiC,CAFjC,kCAA2B,CAI3B,+BACF,CAGA,wHACE,+BACF,CAIA,gCACE,YAAa,CAGb,6CAAuC,CADvC,gCAA2B,CAD3B,kBAGF,CAEA,sGACE,uCACF,CAEA,oCAEE,gCACF,CAIA,yCAGE,kBAAmB,CADnB,qCAA+B,CAD/B,YAAa,CAGb,uCACF,CAEA,uEACE,YACF,CAEA,iIACE,2CACF,CAGA,wKAEE,YACF,CAGA,uKAEE,YACF,CAIA,qCACE,kCACE,YACF,CAEA,gFACE,4BACF,CAEA,gCACE,2CACF,CAEA,+DACE,YACF,CAEA,8DACE,YACF,CACF,CAEA,qCACE,kCACE,YAAa,CACb,+BACF,CAEA,+KAGE,2CACF,CAEA,+DACE,YAAa,CACb,mCACF,CAEA,8DACE,YACF,CACF","file":"Banner-f672cdf9.css","sourcesContent":[".Banner {\n  display: grid;\n  padding: var(--base-size-8);\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--banner-bgColor);\n  /* stylelint-disable-next-line primer/colors */\n  border: var(--borderWidth-thin) solid var(--banner-borderColor);\n  border-radius: var(--borderRadius-medium);\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: start;\n\n  &[data-actions-layout='default'] {\n    @supports (container-type: inline-size) {\n      container: banner / inline-size;\n    }\n  }\n\n  &[data-actions-layout='stacked'] {\n    & .BannerContainer {\n      flex-direction: column;\n    }\n\n    & .BannerActions :where([data-primary-action='trailing']) {\n      display: none;\n    }\n\n    & .BannerActions :where([data-primary-action='leading']) {\n      display: flex;\n    }\n  }\n\n  &[data-actions-layout='inline'] {\n    & .BannerContainer {\n      flex-wrap: nowrap;\n    }\n\n    & .BannerActions {\n      flex: 0 0 auto;\n    }\n\n    & .BannerActions :where([data-primary-action='trailing']) {\n      display: flex;\n    }\n\n    & .BannerActions :where([data-primary-action='leading']) {\n      display: none;\n    }\n  }\n\n  &[data-layout='compact'] {\n    padding: var(--base-size-4);\n  }\n\n  &[data-flush] {\n    border-left: none;\n    border-right: none;\n    border-radius: 0;\n  }\n\n  &[data-variant='critical'] {\n    --banner-bgColor: var(--bgColor-danger-muted);\n    --banner-borderColor: var(--borderColor-danger-muted);\n    --banner-icon-fgColor: var(--fgColor-danger);\n  }\n\n  &[data-variant='info'] {\n    --banner-bgColor: var(--bgColor-accent-muted);\n    --banner-borderColor: var(--borderColor-accent-muted);\n    --banner-icon-fgColor: var(--fgColor-accent);\n  }\n\n  &[data-variant='success'] {\n    --banner-bgColor: var(--bgColor-success-muted);\n    --banner-borderColor: var(--borderColor-success-muted);\n    --banner-icon-fgColor: var(--fgColor-success);\n  }\n\n  &[data-variant='upsell'] {\n    --banner-bgColor: var(--bgColor-upsell-muted);\n    --banner-borderColor: var(--borderColor-upsell-muted);\n    --banner-icon-fgColor: var(--fgColor-upsell);\n  }\n\n  &[data-variant='warning'] {\n    --banner-bgColor: var(--bgColor-attention-muted);\n    --banner-borderColor: var(--borderColor-attention-muted);\n    --banner-icon-fgColor: var(--fgColor-attention);\n  }\n}\n\n/* BannerContainer -------------------------------------------------------- */\n\n.BannerContainer {\n  font-size: var(--text-body-size-medium);\n  align-items: start;\n  line-height: var(--text-body-lineHeight-medium);\n  row-gap: var(--base-size-4);\n  column-gap: var(--base-size-4);\n}\n\n.Banner :where(.BannerContainer) {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.Banner[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline']) .BannerContainer {\n  display: grid;\n  grid-template-columns: auto;\n  grid-template-rows: auto;\n}\n\n/* BannerContent ---------------------------------------------------------- */\n\n.BannerContent {\n  display: grid;\n  row-gap: var(--base-size-4);\n  grid-column-start: 1;\n  margin-block: var(--base-size-8);\n}\n\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerContent {\n  margin-block: var(--base-size-6);\n}\n\n@media screen and (min-width: 544px) {\n  .BannerContent {\n    flex: 1 1 0%;\n  }\n}\n\n.BannerTitle {\n  margin: 0;\n  font-size: inherit;\n  font-weight: var(--base-text-weight-semibold);\n}\n\n/* BannerIcon ------------------------------------------------------------- */\n\n.BannerIcon {\n  display: grid;\n  place-items: center;\n  padding: var(--base-size-8);\n}\n\n.BannerIcon svg {\n  /* 20px is the line box height of the trailing action buttons */\n  height: var(--base-size-20);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--banner-icon-fgColor);\n  /* stylelint-disable-next-line primer/colors */\n  fill: var(--banner-icon-fgColor);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerIcon svg {\n  height: var(--base-size-16);\n}\n\n/* BannerDismiss ---------------------------------------------------------- */\n\n.BannerDismiss {\n  display: grid;\n  place-items: center;\n  padding: var(--base-size-8);\n  margin-inline-start: var(--base-size-4);\n}\n\n:where(.Banner):has(.BannerActions) .BannerDismiss {\n  margin-block: var(--base-size-2);\n}\n\n.BannerDismiss svg {\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--banner-icon-fgColor);\n}\n\n/* BannerActions ---------------------------------------------------------- */\n\n.BannerActionsContainer {\n  display: flex;\n  column-gap: var(--base-size-12);\n  align-items: center;\n  margin-block: var(--base-size-2);\n}\n\n.BannerActions :where([data-primary-action='trailing']) {\n  display: none;\n}\n\n.Banner[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline']) .BannerActions {\n  margin-block-end: var(--base-size-6);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline'])\n  .BannerActionsContainer[data-primary-action='trailing'] {\n  display: none;\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline'])\n  .BannerActionsContainer[data-primary-action='leading'] {\n  display: flex;\n}\n\n/* Layout ------------------------------------------------------------------- */\n\n@container banner (max-width: 500px) {\n  .BannerContainer {\n    display: grid;\n  }\n\n  .BannerContainer:has(.BannerActionsContainer) {\n    grid-template-rows: auto auto;\n  }\n\n  .BannerActions {\n    margin-block-end: var(--base-size-6);\n  }\n\n  .BannerActions [data-primary-action='trailing'] {\n    display: none;\n  }\n\n  .BannerActions [data-primary-action='leading'] {\n    display: flex;\n  }\n}\n\n@container banner (min-width: 500px) {\n  .BannerContainer {\n    display: grid;\n    grid-template-columns: auto auto;\n  }\n\n  :where(.Banner):not([data-dismissible])\n    :where(.BannerActionsContainer[data-primary-action='trailing'])\n    :where([data-variant='link']:only-child) {\n    padding-inline: 0 var(--base-size-12);\n  }\n\n  .BannerActions [data-primary-action='trailing'] {\n    display: flex;\n    min-height: var(--base-size-32, 2rem);\n  }\n\n  .BannerActions [data-primary-action='leading'] {\n    display: none;\n  }\n}\n"]}

package/dist/Banner/Banner.d.ts

@@ -61,6 +61,10 @@ export type BannerProps = React.ComponentPropsWithoutRef<'section'> & {
      * Override the default actions layout behavior
      */
     actionsLayout?: 'inline' | 'stacked' | 'default';
+    /**
+     * Full width banner specifically for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
+     */
+    flush?: boolean;
 };
 export declare const Banner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     /**
@@ -121,6 +125,10 @@ export declare const Banner: React.ForwardRefExoticComponent<Omit<React.Detailed
      * Override the default actions layout behavior
      */
     actionsLayout?: "inline" | "stacked" | "default";
+    /**
+     * Full width banner specifically for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
+     */
+    flush?: boolean;
 } & React.RefAttributes<HTMLElement>>;
 type HeadingElement = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type BannerTitleProps<As extends HeadingElement> = {

package/dist/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAqB,KAAK,WAAW,EAAC,MAAM,WAAW,CAAA;AAI9D,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAElF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,GAAG;IACpE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEjC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;CACjD,CAAA;AAkBD,eAAO,MAAM,MAAM;IAxFjB;;;OAGG;mBACY,MAAM;IAErB;;;OAGG;gBACS,MAAM;IAElB;;;OAGG;kBACW,KAAK,CAAC,SAAS;IAE7B;;OAEG;gBACS,OAAO;IAEnB;;;OAGG;WACI,KAAK,CAAC,SAAS;IAEtB;;OAEG;oBACa,KAAK,CAAC,SAAS;IAE/B;;;OAGG;gBACS,MAAM,IAAI;IAEtB;;OAEG;oBACa,KAAK,CAAC,SAAS;IAE/B;;OAEG;sBACe,KAAK,CAAC,SAAS;IAEjC;;;OAGG;YACK,KAAK,CAAC,SAAS;IAEvB;;OAEG;cACO,aAAa;IAEvB;;OAEG;aACM,SAAS,GAAG,SAAS;IAE9B;;OAEG;oBACa,QAAQ,GAAG,SAAS,GAAG,SAAS;qCA+GhD,CAAA;AAEF,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEtD,MAAM,MAAM,gBAAgB,CAAC,EAAE,SAAS,cAAc,IAAI;IACxD,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,wBAAwB,CAAC,EAAE,SAAS,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC,CAAA;AAE/D,wBAAgB,WAAW,CAAC,EAAE,SAAS,cAAc,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,qBAOjF;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE1E,wBAAgB,iBAAiB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAMvF;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAC,aAAa,EAAE,eAAe,EAAC,EAAE,kBAAkB,qBAajF;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;AAEnE,QAAA,MAAM,mBAAmB,EAMnB,8BAA8B,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAA;AAIxE,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;AAErE,QAAA,MAAM,qBAAqB,EAMrB,8BAA8B,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAA;AAI1E,OAAO,EAAC,mBAAmB,EAAE,qBAAqB,EAAC,CAAA"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"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"}

package/dist/Banner/Banner.js

@@ -38,6 +38,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner({
   title,
   variant = 'info',
   actionsLayout = 'default',
+  flush = false,
   ...rest
 }, forwardRef) {
   const dismissible = !!onDismiss;
@@ -77,6 +78,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner({
     tabIndex: -1,
     ref: ref,
     "data-layout": rest.layout || 'default',
+    "data-flush": flush ? '' : undefined,
     children: [/*#__PURE__*/jsx("div", {
       className: classes.BannerIcon,
       children: visual && supportsCustomIcon ? visual : iconForVariant[variant]

package/dist/Banner/Banner.module.css.js

@@ -1,4 +1,4 @@
-import './Banner-c1744c4b.css';
+import './Banner-f672cdf9.css';
 
 var classes = {"Banner":"prc-Banner-Banner-IR8eJ","BannerContainer":"prc-Banner-BannerContainer-lbx3d","BannerActions":"prc-Banner-BannerActions-XCfHL","BannerContent":"prc-Banner-BannerContent-zTITK","BannerTitle":"prc-Banner-BannerTitle-TcuJl","BannerIcon":"prc-Banner-BannerIcon-WuOyf","BannerDismiss":"prc-Banner-BannerDismiss-uBZVm","BannerActionsContainer":"prc-Banner-BannerActionsContainer-ukGMH"};
 

package/dist/Banner/index.d.ts

@@ -14,6 +14,7 @@ export declare const Banner: import("react").ForwardRefExoticComponent<Omit<impo
     variant?: import("./Banner").BannerVariant;
     layout?: "default" | "compact";
     actionsLayout?: "inline" | "stacked" | "default";
+    flush?: boolean;
 } & import("react").RefAttributes<HTMLElement>> & {
     Title: typeof BannerTitle;
     Description: typeof BannerDescription;

package/dist/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,iBAAiB,EAGlB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAEF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,GAC3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,iBAAiB,EAGlB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAEF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,GAC3B,CAAA"}

package/dist/DataTable/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAwGjB;AAwDD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAqGjB;AA4DD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/dist/DataTable/Pagination.js

@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
 import { ChevronLeftIcon, ChevronRightIcon } from '@primer/octicons-react';
 import { useState } from 'react';
 import { Button } from '../internal/components/ButtonReset.js';
-import { LiveRegionOutlet, LiveRegion, Message } from '../internal/components/LiveRegion.js';
 import { warning } from '../utils/warning.js';
 import { viewportRanges } from '../hooks/useResponsiveValue.js';
 import { buildPaginationModel } from '../Pagination/model.js';
@@ -10,12 +9,13 @@ import classes from './Pagination.module.css.js';
 import { clsx } from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
+import { AriaStatus } from '../live-region/AriaStatus.js';
 
 const defaultShowPages = {
   narrow: false
 };
 function Pagination(t0) {
-  const $ = c(61);
+  const $ = c(60);
   const {
     "aria-label": label,
     defaultPageIndex,
@@ -87,119 +87,112 @@ function Pagination(t0) {
   const model = t7;
   let t8;
   if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /*#__PURE__*/jsx(LiveRegionOutlet, {});
+    t8 = clsx("TablePagination", classes.TablePagination);
     $[11] = t8;
   } else {
     t8 = $[11];
   }
   let t9;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = clsx("TablePagination", classes.TablePagination);
-    $[12] = t9;
-  } else {
-    t9 = $[12];
-  }
-  let t10;
-  if ($[13] !== pageEnd || $[14] !== pageStart || $[15] !== totalCount) {
-    t10 = /*#__PURE__*/jsx(Range, {
+  if ($[12] !== pageEnd || $[13] !== pageStart || $[14] !== totalCount) {
+    t9 = /*#__PURE__*/jsx(Range, {
       pageStart: pageStart,
       pageEnd: pageEnd,
       totalCount: totalCount
     });
-    $[13] = pageEnd;
-    $[14] = pageStart;
-    $[15] = totalCount;
+    $[12] = pageEnd;
+    $[13] = pageStart;
+    $[14] = totalCount;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = clsx("TablePaginationSteps", classes.TablePaginationSteps);
     $[16] = t10;
   } else {
     t10 = $[16];
   }
   let t11;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = clsx("TablePaginationSteps", classes.TablePaginationSteps);
-    $[17] = t11;
-  } else {
-    t11 = $[17];
-  }
-  let t12;
-  if ($[18] !== getViewportRangesToHidePages) {
-    t12 = getViewportRangesToHidePages();
-    $[18] = getViewportRangesToHidePages;
-    $[19] = t12;
-  } else {
-    t12 = $[19];
-  }
-  const t13 = t12.join(" ");
-  let t14;
-  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-    t14 = clsx("TablePaginationAction", classes.TablePaginationAction);
-    $[20] = t14;
-  } else {
-    t14 = $[20];
-  }
-  const t15 = hasPreviousPage ? true : undefined;
-  const t16 = !hasPreviousPage ? true : undefined;
-  let t17;
-  if ($[21] !== hasPreviousPage || $[22] !== selectPreviousPage) {
-    t17 = () => {
+  if ($[17] !== getViewportRangesToHidePages) {
+    t11 = getViewportRangesToHidePages();
+    $[17] = getViewportRangesToHidePages;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  const t12 = t11.join(" ");
+  let t13;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = clsx("TablePaginationAction", classes.TablePaginationAction);
+    $[19] = t13;
+  } else {
+    t13 = $[19];
+  }
+  const t14 = hasPreviousPage ? true : undefined;
+  const t15 = !hasPreviousPage ? true : undefined;
+  let t16;
+  if ($[20] !== hasPreviousPage || $[21] !== selectPreviousPage) {
+    t16 = () => {
       if (!hasPreviousPage) {
         return;
       }
       selectPreviousPage();
     };
-    $[21] = hasPreviousPage;
-    $[22] = selectPreviousPage;
-    $[23] = t17;
+    $[20] = hasPreviousPage;
+    $[21] = selectPreviousPage;
+    $[22] = t16;
   } else {
-    t17 = $[23];
+    t16 = $[22];
   }
-  let t18;
-  if ($[24] !== hasPreviousPage) {
-    t18 = hasPreviousPage ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null;
-    $[24] = hasPreviousPage;
-    $[25] = t18;
+  let t17;
+  if ($[23] !== hasPreviousPage) {
+    t17 = hasPreviousPage ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null;
+    $[23] = hasPreviousPage;
+    $[24] = t17;
   } else {
-    t18 = $[25];
+    t17 = $[24];
   }
+  let t18;
   let t19;
-  let t20;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-    t19 = /*#__PURE__*/jsx("span", {
+  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    t18 = /*#__PURE__*/jsx("span", {
       children: "Previous"
     });
-    t20 = /*#__PURE__*/jsx(VisuallyHidden, {
+    t19 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0page"
     });
+    $[25] = t18;
     $[26] = t19;
-    $[27] = t20;
   } else {
+    t18 = $[25];
     t19 = $[26];
-    t20 = $[27];
   }
-  let t21;
-  if ($[28] !== t15 || $[29] !== t16 || $[30] !== t17 || $[31] !== t18) {
-    t21 = /*#__PURE__*/jsx(Step, {
+  let t20;
+  if ($[27] !== t14 || $[28] !== t15 || $[29] !== t16 || $[30] !== t17) {
+    t20 = /*#__PURE__*/jsx(Step, {
       children: /*#__PURE__*/jsxs(Button, {
-        className: t14,
+        className: t13,
         type: "button",
-        "data-has-page": t15,
-        "aria-disabled": t16,
-        onClick: t17,
-        children: [t18, t19, t20]
+        "data-has-page": t14,
+        "aria-disabled": t15,
+        onClick: t16,
+        children: [t17, t18, t19]
       })
     });
+    $[27] = t14;
     $[28] = t15;
     $[29] = t16;
     $[30] = t17;
-    $[31] = t18;
-    $[32] = t21;
+    $[31] = t20;
   } else {
-    t21 = $[32];
+    t20 = $[31];
   }
-  let t22;
-  if ($[33] !== model || $[34] !== selectPage) {
-    let t23;
-    if ($[36] !== selectPage) {
-      t23 = (page, i) => {
+  let t21;
+  if ($[32] !== model || $[33] !== selectPage) {
+    let t22;
+    if ($[35] !== selectPage) {
+      t22 = (page, i) => {
         if (page.type === "BREAK") {
           return /*#__PURE__*/jsx(TruncationStep, {}, `truncation-${i}`);
         } else {
@@ -218,121 +211,119 @@ function Pagination(t0) {
           }
         }
       };
-      $[36] = selectPage;
-      $[37] = t23;
+      $[35] = selectPage;
+      $[36] = t22;
     } else {
-      t23 = $[37];
+      t22 = $[36];
     }
-    t22 = model.map(t23);
-    $[33] = model;
-    $[34] = selectPage;
-    $[35] = t22;
+    t21 = model.map(t22);
+    $[32] = model;
+    $[33] = selectPage;
+    $[34] = t21;
   } else {
-    t22 = $[35];
+    t21 = $[34];
   }
-  let t23;
-  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-    t23 = clsx("TablePaginationAction", classes.TablePaginationAction);
-    $[38] = t23;
+  let t22;
+  if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+    t22 = clsx("TablePaginationAction", classes.TablePaginationAction);
+    $[37] = t22;
   } else {
-    t23 = $[38];
+    t22 = $[37];
   }
-  const t24 = hasNextPage ? true : undefined;
-  const t25 = !hasNextPage ? true : undefined;
-  let t26;
-  if ($[39] !== hasNextPage || $[40] !== selectNextPage) {
-    t26 = () => {
+  const t23 = hasNextPage ? true : undefined;
+  const t24 = !hasNextPage ? true : undefined;
+  let t25;
+  if ($[38] !== hasNextPage || $[39] !== selectNextPage) {
+    t25 = () => {
       if (!hasNextPage) {
         return;
       }
       selectNextPage();
     };
-    $[39] = hasNextPage;
-    $[40] = selectNextPage;
-    $[41] = t26;
+    $[38] = hasNextPage;
+    $[39] = selectNextPage;
+    $[40] = t25;
   } else {
-    t26 = $[41];
+    t25 = $[40];
   }
+  let t26;
   let t27;
-  let t28;
-  if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-    t27 = /*#__PURE__*/jsx("span", {
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t26 = /*#__PURE__*/jsx("span", {
       children: "Next"
     });
-    t28 = /*#__PURE__*/jsx(VisuallyHidden, {
+    t27 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0page"
     });
+    $[41] = t26;
     $[42] = t27;
-    $[43] = t28;
   } else {
+    t26 = $[41];
     t27 = $[42];
-    t28 = $[43];
   }
-  let t29;
-  if ($[44] !== hasNextPage) {
-    t29 = hasNextPage ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null;
-    $[44] = hasNextPage;
-    $[45] = t29;
+  let t28;
+  if ($[43] !== hasNextPage) {
+    t28 = hasNextPage ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null;
+    $[43] = hasNextPage;
+    $[44] = t28;
   } else {
-    t29 = $[45];
+    t28 = $[44];
   }
-  let t30;
-  if ($[46] !== t24 || $[47] !== t25 || $[48] !== t26 || $[49] !== t29) {
-    t30 = /*#__PURE__*/jsx(Step, {
+  let t29;
+  if ($[45] !== t23 || $[46] !== t24 || $[47] !== t25 || $[48] !== t28) {
+    t29 = /*#__PURE__*/jsx(Step, {
       children: /*#__PURE__*/jsxs(Button, {
-        className: t23,
+        className: t22,
         type: "button",
-        "data-has-page": t24,
-        "aria-disabled": t25,
-        onClick: t26,
-        children: [t27, t28, t29]
+        "data-has-page": t23,
+        "aria-disabled": t24,
+        onClick: t25,
+        children: [t26, t27, t28]
       })
     });
+    $[45] = t23;
     $[46] = t24;
     $[47] = t25;
-    $[48] = t26;
+    $[48] = t28;
     $[49] = t29;
-    $[50] = t30;
   } else {
-    t30 = $[50];
+    t29 = $[49];
   }
-  let t31;
-  if ($[51] !== t13 || $[52] !== t21 || $[53] !== t22 || $[54] !== t30) {
-    t31 = /*#__PURE__*/jsxs("ol", {
-      className: t11,
-      "data-hidden-viewport-ranges": t13,
-      children: [t21, t22, t30]
+  let t30;
+  if ($[50] !== t12 || $[51] !== t20 || $[52] !== t21 || $[53] !== t29) {
+    t30 = /*#__PURE__*/jsxs("ol", {
+      className: t10,
+      "data-hidden-viewport-ranges": t12,
+      children: [t20, t21, t29]
     });
-    $[51] = t13;
+    $[50] = t12;
+    $[51] = t20;
     $[52] = t21;
-    $[53] = t22;
+    $[53] = t29;
     $[54] = t30;
-    $[55] = t31;
-  } else {
-    t31 = $[55];
-  }
-  let t32;
-  if ($[56] !== id || $[57] !== label || $[58] !== t10 || $[59] !== t31) {
-    t32 = /*#__PURE__*/jsxs(LiveRegion, {
-      children: [t8, /*#__PURE__*/jsxs("nav", {
-        "aria-label": label,
-        className: t9,
-        id: id,
-        children: [t10, t31]
-      })]
+  } else {
+    t30 = $[54];
+  }
+  let t31;
+  if ($[55] !== id || $[56] !== label || $[57] !== t30 || $[58] !== t9) {
+    t31 = /*#__PURE__*/jsxs("nav", {
+      "aria-label": label,
+      className: t8,
+      id: id,
+      children: [t9, t30]
     });
-    $[56] = id;
-    $[57] = label;
-    $[58] = t10;
+    $[55] = id;
+    $[56] = label;
+    $[57] = t30;
+    $[58] = t9;
     $[59] = t31;
-    $[60] = t32;
   } else {
-    t32 = $[60];
+    t31 = $[59];
   }
-  return t32;
+  return t31;
 }
 function Range(t0) {
-  const $ = c(12);
+  const $ = c(14);
   const {
     pageStart,
     pageEnd,
@@ -340,65 +331,68 @@ function Range(t0) {
   } = t0;
   const start = pageStart + 1;
   const end = pageEnd;
-  const t1 = `Showing ${start} through ${end} of ${totalCount}`;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = /*#__PURE__*/jsx(Message, {
-      value: t1
+  let t1;
+  if ($[0] !== end || $[1] !== start || $[2] !== totalCount) {
+    t1 = /*#__PURE__*/jsx(VisuallyHidden, {
+      children: /*#__PURE__*/jsxs(AriaStatus, {
+        children: ["Showing ", start, " through ", end, " of ", totalCount]
+      })
     });
-    $[0] = t1;
-    $[1] = t2;
+    $[0] = end;
+    $[1] = start;
+    $[2] = totalCount;
+    $[3] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[3];
   }
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = clsx("TablePaginationRange", classes.TablePaginationRange);
-    $[2] = t3;
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = clsx("TablePaginationRange", classes.TablePaginationRange);
+    $[4] = t2;
   } else {
-    t3 = $[2];
+    t2 = $[4];
   }
+  let t3;
   let t4;
-  let t5;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsx(VisuallyHidden, {
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0through\xA0"
     });
-    t5 = /*#__PURE__*/jsx("span", {
+    t4 = /*#__PURE__*/jsx("span", {
       "aria-hidden": "true",
       children: "\u2012"
     });
-    $[3] = t4;
-    $[4] = t5;
+    $[5] = t3;
+    $[6] = t4;
   } else {
-    t4 = $[3];
-    t5 = $[4];
+    t3 = $[5];
+    t4 = $[6];
   }
-  let t6;
-  if ($[5] !== end || $[6] !== start || $[7] !== totalCount) {
-    t6 = /*#__PURE__*/jsxs("p", {
-      className: t3,
-      children: [start, t4, t5, end, " of ", totalCount]
+  let t5;
+  if ($[7] !== end || $[8] !== start || $[9] !== totalCount) {
+    t5 = /*#__PURE__*/jsxs("p", {
+      className: t2,
+      children: [start, t3, t4, end, " of ", totalCount]
     });
-    $[5] = end;
-    $[6] = start;
-    $[7] = totalCount;
-    $[8] = t6;
+    $[7] = end;
+    $[8] = start;
+    $[9] = totalCount;
+    $[10] = t5;
   } else {
-    t6 = $[8];
+    t5 = $[10];
   }
-  let t7;
-  if ($[9] !== t2 || $[10] !== t6) {
-    t7 = /*#__PURE__*/jsxs(Fragment, {
-      children: [t2, t6]
+  let t6;
+  if ($[11] !== t1 || $[12] !== t5) {
+    t6 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t1, t5]
     });
-    $[9] = t2;
-    $[10] = t6;
-    $[11] = t7;
+    $[11] = t1;
+    $[12] = t5;
+    $[13] = t6;
   } else {
-    t7 = $[11];
+    t6 = $[13];
   }
-  return t7;
+  return t6;
 }
 function TruncationStep() {
   const $ = c(1);