@12-apps/ui 6.68.0 → 6.70.0

package/dist/types/components/navigation/SectionNav/SectionNav.parts.d.ts

@@ -1,7 +1,7 @@
 import Box from '@mui/material/Box/index.js';
 import type { SxProps, Theme } from '@mui/material/styles/index.js';
 import type { ElementType, ReactNode } from 'react';
-import type { SectionNavDestination } from './SectionNav.types';
+import type { SectionNavBadge, SectionNavDestination } from './SectionNav.types';
 /**
  * An icon with its count on the shoulder.
  *
@@ -9,11 +9,13 @@ import type { SectionNavDestination } from './SectionNav.types';
  * that announces itself every minute is noise. Its NAME carries the number,
  * so it is read when the control is.
  */
-export declare function CountedIcon({ icon, count, label, testId, }: {
+export declare function CountedIcon({ icon, count, label, testId, attentionLabel, }: {
     icon: ReactNode;
-    count: number | undefined;
+    count: SectionNavBadge | undefined;
     label: (count: number) => string;
     testId: string;
+    /** The "!" badge's accessible name (`SectionNavCopy.attention`). */
+    attentionLabel?: string;
 }): React.JSX.Element;
 /** The keyboard ring every control in the nav draws, in the theme's own colour. */
 export declare function focusRing(theme: Theme): SxProps<Theme>;

package/dist/types/components/navigation/SectionNav/SectionNav.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNav.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,4BAA4B,CAAC;AAE7C,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBpB;AAED,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAOtD;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,aAAa,EACb,KAAa,EACb,IAAY,EACZ,MAAc,GACf,EAAE;IACD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAM1B;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,qBAAqB,EAClC,aAAa,EAAE,WAAW,GAAG,SAAS,EACtC,OAAO,EAAE,MAAM,IAAI,GAClB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAYzB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,0CAAwC,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpG;AAED,wFAAwF;AACxF,eAAO,MAAM,aAAa;;;;;;;;;;;CAShB,CAAC;AAEX,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SectionNav.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,4BAA4B,CAAC;AAE7C,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpD,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEjF;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,cAAc,GACf,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyBpB;AAED,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAOtD;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,aAAa,EACb,KAAa,EACb,IAAY,EACZ,MAAc,GACf,EAAE;IACD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAM1B;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,qBAAqB,EAClC,aAAa,EAAE,WAAW,GAAG,SAAS,EACtC,OAAO,EAAE,MAAM,IAAI,GAClB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAYzB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,0CAAwC,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGpG;AAED,wFAAwF;AACxF,eAAO,MAAM,aAAa;;;;;;;;;;;CAShB,CAAC;AAEX,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/types/components/navigation/SectionNav/SectionNav.rail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNav.rail.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.rail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AAiBpD,OAAO,KAAK,EAKV,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAgP5B;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,IAAI,EACJ,UAAU,GACX,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC,GAClF,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG;IAC/D,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;CACxC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqCtB"}
+{"version":3,"file":"SectionNav.rail.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.rail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AAiBpD,OAAO,KAAK,EAKV,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAkP5B;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,IAAI,EACJ,UAAU,GACX,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC,GAClF,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG;IAC/D,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;CACxC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqCtB"}

package/dist/types/components/navigation/SectionNav/SectionNav.railCreate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNav.railCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.railCreate.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAmB,KAAK,WAAW,EAAkB,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAmD1E;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2DpB"}
+{"version":3,"file":"SectionNav.railCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.railCreate.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAmB,KAAK,WAAW,EAAkB,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAoD1E;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2DpB"}

package/dist/types/components/navigation/SectionNav/SectionNav.types.d.ts

@@ -1,5 +1,7 @@
 import type { ElementType, ReactNode } from 'react';
 import type { SectionNavCopy } from '../../../copy';
+/** A slot's badge: how many wait, or `'!'` for something that is not a count. */
+export type SectionNavBadge = number | '!';
 /**
  * One slot of the section — a bar slot on a phone, a row in the rail.
  *
@@ -48,9 +50,10 @@ export interface SectionNavDestination {
     /**
      * How many things behind this destination wait on the viewer. `0` and
      * `undefined` render no badge — "nothing waiting" and "not known yet" are
-     * different claims and neither is a number.
+     * different claims and neither is a number. `'!'` says something waits that
+     * is not a count (money still owed, a state to resolve).
      */
-    badge?: number;
+    badge?: SectionNavBadge;
     /**
      * For a link: the destination the viewer is on (`aria-current="page"`). For
      * an action slot: a toggle that is ON (`aria-pressed`). The host decides;
@@ -72,7 +75,7 @@ export interface SectionNavEntry {
     icon: ReactNode;
     href?: string;
     onSelect?: () => void;
-    badge?: number;
+    badge?: SectionNavBadge;
     active?: boolean;
     /** Drawn dimmed and not operable — a print already on its way, an act this state refuses. */
     disabled?: boolean;

package/dist/types/components/navigation/SectionNav/SectionNav.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNav.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SectionNav.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.types.ts"],"names":[],"mappings":"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"}

package/dist/types/components/navigation/SectionNav/index.d.ts

@@ -2,6 +2,6 @@ export { SectionNav } from './SectionNav';
 export { sectionNavBarInset } from './SectionNav.bar';
 export { RaisedActionButton } from './SectionNav.primary';
 export type { RaisedActionButtonProps } from './SectionNav.primary';
-export type { SectionNavAction, SectionNavBack, SectionNavDestination, SectionNavEntry, SectionNavGroup, SectionNavMenu, SectionNavProps, } from './SectionNav.types';
+export type { SectionNavAction, SectionNavBack, SectionNavBadge, SectionNavDestination, SectionNavEntry, SectionNavGroup, SectionNavMenu, SectionNavProps, } from './SectionNav.types';
 export type { SectionNavCopy } from '../../../copy';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/SectionNav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,cAAc,EACd,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,cAAc,EACd,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/copy/navigation.d.ts

@@ -25,6 +25,11 @@ export interface SectionNavCopy {
     close: string;
     /** A badge's accessible name — "3 pending", for a count of 3. */
     badge: (count: number) => string;
+    /**
+     * The "!" badge's accessible name — something waits on the viewer that is
+     * not a count. Optional for a host's own copy; the shipped packs carry it.
+     */
+    attention?: string;
 }
 /** The breadcrumb's overflow control, in its two spellings. */
 export interface BreadcrumbCopy {

package/dist/types/copy/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/copy/navigation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AAED,+DAA+D;AAC/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/copy/navigation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+DAA+D;AAC/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/en-US.navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.navigation.d.ts","sourceRoot":"","sources":["../../src/en-US.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAQxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAGpC,CAAC"}
+{"version":3,"file":"en-US.navigation.d.ts","sourceRoot":"","sources":["../../src/en-US.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAQxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAIpC,CAAC"}

package/dist/types/icons/paths.generated.d.ts

@@ -6,6 +6,7 @@ export declare const ICON_PATHS: {
     readonly ArrowDropDown: readonly ["m7 10 5 5 5-5z"];
     readonly ArrowForward: readonly ["m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"];
     readonly ArrowUpward: readonly ["m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"];
+    readonly Bolt: readonly ["M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66s.05-.08.07-.12C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C12.96 17.55 11 21 11 21"];
     readonly BrokenImage: readonly ["M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m-3 6.42 3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4z"];
     readonly Cancel: readonly ["M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"];
     readonly Check: readonly ["M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"];
@@ -41,6 +42,7 @@ export declare const ICON_PATHS: {
     readonly Remove: readonly ["M19 13H5v-2h14z"];
     readonly Save: readonly ["M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"];
     readonly Search: readonly ["M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"];
+    readonly Send: readonly ["M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"];
     readonly Settings: readonly ["M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"];
     readonly Visibility: readonly ["M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"];
     readonly VisibilityOff: readonly ["M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"];

package/dist/types/icons/paths.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths.generated.d.ts","sourceRoot":"","sources":["../../../src/icons/paths.generated.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,eAAO,MAAM,UAAU,EAA8B,SAAS,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"paths.generated.d.ts","sourceRoot":"","sources":["../../../src/icons/paths.generated.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,eAAO,MAAM,UAAU,EAA8B,SAAS,QAAQ,EAAE,CAAC"}

package/dist/types/pt-BR.navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt-BR.navigation.d.ts","sourceRoot":"","sources":["../../src/pt-BR.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAMxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAGpC,CAAC"}
+{"version":3,"file":"pt-BR.navigation.d.ts","sourceRoot":"","sources":["../../src/pt-BR.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAMxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAIpC,CAAC"}

package/dist/types-native/icons/paths.generated.d.ts

@@ -6,6 +6,7 @@ export declare const ICON_PATHS: {
     readonly ArrowDropDown: readonly ["m7 10 5 5 5-5z"];
     readonly ArrowForward: readonly ["m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"];
     readonly ArrowUpward: readonly ["m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"];
+    readonly Bolt: readonly ["M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66s.05-.08.07-.12C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C12.96 17.55 11 21 11 21"];
     readonly BrokenImage: readonly ["M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m-3 6.42 3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4z"];
     readonly Cancel: readonly ["M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"];
     readonly Check: readonly ["M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"];
@@ -41,6 +42,7 @@ export declare const ICON_PATHS: {
     readonly Remove: readonly ["M19 13H5v-2h14z"];
     readonly Save: readonly ["M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"];
     readonly Search: readonly ["M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"];
+    readonly Send: readonly ["M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"];
     readonly Settings: readonly ["M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"];
     readonly Visibility: readonly ["M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"];
     readonly VisibilityOff: readonly ["M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"];

package/dist/types-native/icons/paths.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths.generated.d.ts","sourceRoot":"","sources":["../../../src/icons/paths.generated.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,eAAO,MAAM,UAAU,EAA8B,SAAS,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"paths.generated.d.ts","sourceRoot":"","sources":["../../../src/icons/paths.generated.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDb,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,eAAO,MAAM,UAAU,EAA8B,SAAS,QAAQ,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.68.0",
+  "version": "6.70.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/DataViews/DataViewsGrid.tsx

@@ -199,6 +199,13 @@ interface DataViewsGridProps<T extends Record<string, unknown>> {
    * rather than relying on `position: sticky` (see `useStickyTableHead`).
    */
   stickyToolbar?: boolean;
+  /**
+   * Show the "N de N" counter (default `true`). `false` removes it from the
+   * bar AND from the ladder's budget, so nothing is shed to make room for it —
+   * for a list whose rows are not all records (section headings handed in as
+   * rows would be counted as results).
+   */
+  showCounter?: boolean;
   /** Server-mode wiring; when set the grid is backend-driven (no client filter/sort/paginate). */
   server?: DataViewServer;
 }

package/src/components/data-display/DataViews/DataViewsTableBase.tsx

@@ -120,6 +120,8 @@ export interface DataViewsTableBaseProps<T extends Record<string, unknown>> {
   quickFilters?: QuickFilterConfig[];
   /** Pin the toolbar and the table header while the page scrolls — see `DataViewsGrid`. */
   stickyToolbar?: boolean;
+  /** Show the "N de N" counter (default `true`) — see `DataViewsGrid`. */
+  showCounter?: boolean;
   /** Server-mode wiring (FUT-180): backend-driven rows/total + re-fetch. Omit for client mode. */
   server?: DataViewServer;
   /** Seed the initial view state (search/pills/ranges/sort) from the URL when no saved view applies. */

package/src/components/data-display/DataViews/RESPONSIVE-BEHAVIOUR.md

@@ -142,6 +142,16 @@ but not without a way to search.
 
 ---
 
+### A host without the counter (`showCounter={false}`)
+
+A list whose rows are not all records — section headings handed in as rows —
+cannot use the counter: it counts every row it is given, so six items under
+three headings read "9 de 9". `showCounter={false}` takes it off the bar AND
+out of the ladder's budget (it is priced at 0 at every rung), so nothing is shed
+and no gap is left for a control that is not there. Hiding it from the outside
+with CSS does neither: the ladder still pays for it. Pinned in
+`__tests__/data-views-show-counter.test.tsx`.
+
 ## Behaviour by class
 
 Read this as "what the Pedidos table does", not "what the code hard-codes".

package/src/components/data-display/DataViews/data-views-grid-parts.tsx

@@ -105,6 +105,8 @@ interface GridShellFiltersArgs<T extends Record<string, unknown>> {
   /** Is "Exportar" on the bar? Half the right cluster's cost when it is not. */
   hasExport: boolean;
   quickFilters: QuickFilterConfig[];
+  /** Is the "N de N" counter on the bar? Priced at 0 when it is not. */
+  showCounter: boolean;
 }
 
 function useGridShellFilters<T extends Record<string, unknown>>({
@@ -116,12 +118,15 @@ function useGridShellFilters<T extends Record<string, unknown>>({
   alwaysShowSearch,
   hasExport,
   quickFilters,
+  showCounter,
 }: GridShellFiltersArgs<T>): {
   showInline: boolean;
   useModal: boolean;
   inlineVisible: boolean;
   filterProps: FilterSurfaceProps<T>;
   split: OverflowSplit<T>;
+  /** The counter is off: the host turned it off, or the ladder shed it. */
+  counterHidden: boolean;
   onControlOpenChange: (open: boolean) => void;
 } {
   const { state } = c;
@@ -137,6 +142,7 @@ function useGridShellFilters<T extends Record<string, unknown>>({
     c.ranges,
     openControls > 0,
     hasExport,
+    showCounter,
   );
   // THE BAR RENDERS AT EVERY WIDTH. It used to be swapped for a full-screen
   // filter MODAL below `lg`, which was the responsive strategy before the
@@ -178,6 +184,7 @@ function useGridShellFilters<T extends Record<string, unknown>>({
     inlineVisible,
     filterProps,
     split,
+    counterHidden: !showCounter || (showInline && split.counterHidden),
     onControlOpenChange: (open) =>
       setOpenControls((count) => Math.max(0, count + (open ? 1 : -1))),
   };
@@ -253,6 +260,8 @@ interface GridShellProps<T extends Record<string, unknown>> {
   quickFilters?: QuickFilterConfig[];
   /** Pin the toolbar and the table header while the page scrolls. */
   stickyToolbar?: boolean;
+  /** Hide the "N de N" counter — see `DataViewsGrid`. */
+  showCounter?: boolean;
 }
 
 /** The scrollable content region: scope tabs, toolbar, filter bar, body, pager. */
@@ -298,7 +307,7 @@ function ShellStack<T extends Record<string, unknown>>({
           allOnPageSelected={allOnPageSelected(c, props.getRowId)}
           toolbarRightSlot={props.toolbarRightSlot}
           compactControls={showInline && split.compactControls}
-          counterHidden={showInline && split.counterHidden}
+          counterHidden={filters.counterHidden}
           showInline={showInline}
           sticky={props.stickyToolbar === true}
         />
@@ -355,6 +364,7 @@ export function GridShell<T extends Record<string, unknown>>(props: GridShellPro
     alwaysShowSearch,
     hasExport: props.exportConfig !== undefined,
     quickFilters: props.quickFilters ?? [],
+    showCounter: props.showCounter !== false,
   });
   return (
     <DataViewsLayoutProvider

package/src/components/data-display/DataViews/data-views-overflow-costs.ts

@@ -153,10 +153,15 @@ export const RESERVED = {
 /** {@link RESERVED} at a theme's type scale — the px the measured bar is in. */
 export type Prices = Record<keyof typeof RESERVED, number>;
 
-/** Price the furniture for `theme`: every {@link RESERVED} entry through `remPx`. */
-export function pricesFor(theme: Theme): Prices {
+/**
+ * Price the furniture for `theme`: every {@link RESERVED} entry through `remPx`.
+ * A counter the host turned off costs nothing at any rung: pricing it anyway
+ * left a gap where it would have been, and shed controls for it.
+ */
+export function pricesFor(theme: Theme, showCounter = true): Prices {
   const entries = Object.entries(RESERVED).map(([key, px]) => [key, remPx(theme, px)]);
-  return Object.fromEntries(entries) as Prices;
+  const prices = Object.fromEntries(entries) as Prices;
+  return showCounter ? prices : { ...prices, counter: 0 };
 }
 
 /** What the right-hand cluster costs, given what the host actually renders. */

package/src/components/data-display/DataViews/data-views-overflow.ts

@@ -235,6 +235,7 @@ function computeSplit<T extends Record<string, unknown>>(
   /** Does the host render "Exportar" beside "Exibir"? Half the cluster if not. */
   hasExport: boolean,
   theme: Theme,
+  showCounter = true, // the host shows the "N de N" counter — priced at 0 when not
 ): Omit<OverflowSplit<T>, "barRef"> {
   // Unmeasured (SSR, or jsdom without a ResizeObserver) ⇒ degrade nothing.
   if (width === 0) {
@@ -248,7 +249,7 @@ function computeSplit<T extends Record<string, unknown>>(
       searchTakeover: false,
     };
   }
-  const price = pricesFor(theme);
+  const price = pricesFor(theme, showCounter);
   // Pass 1 prices the furniture at its widest — no rung has been taken yet.
   let budget = furnitureCost(price, UNCOLLAPSED, hasExport);
   let split = splitFilters(all, pills, ranges, width, budget, false, theme);
@@ -360,6 +361,7 @@ export function useFilterOverflow<T extends Record<string, unknown>>(
   frozen = false,
   /** Whether "Exportar" is on the bar — see `rightClusterCost`. */
   hasExport = true,
+  showCounter = true, // whether the "N de N" counter is on the bar — see `computeSplit`
 ): OverflowSplit<T> {
   // The measurement is `useMeasuredWidth` (`utility/Overflow`): the same
   // ResizeObserver every collapsing cluster in the design system reads, so
@@ -370,18 +372,18 @@ export function useFilterOverflow<T extends Record<string, unknown>>(
   // The prices follow the theme's type scale, so the answer does too.
   const theme = useTheme();
   const signature = JSON.stringify({
-    // A chip's count and a field's `inMore` change its price or its place
-    // without changing its id, so both are part of the key.
+    // A chip's count and `inMore` move its price or place, not its id: both key.
     ids: all.map((field) => [field.id, field.quick?.count ?? null, field.pinned === true]),
     pills,
     ranges,
     width,
     hasExport,
+    showCounter,
     scale: remPx(theme, 1),
   });
   const cache = useRef<{ signature: string; split: ReturnType<typeof computeSplit<T>> } | null>(null);
   if (cache.current === null || (!frozen && cache.current.signature !== signature)) {
-    cache.current = { signature, split: computeSplit(all, pills, ranges, width, hasExport, theme) };
+    cache.current = { signature, split: computeSplit(all, pills, ranges, width, hasExport, theme, showCounter) };
   }
   // The cache holds the ARRANGEMENT — which ids sit on the bar, which in "Mais"
   // — never the fields themselves. The signature keys on ids, so a field whose

package/src/components/navigation/SectionNav/SectionNav.bar.tsx

@@ -1,5 +1,5 @@
 import Typography from '@mui/material/Typography/index.js';
-import { useTheme, type SxProps, type Theme } from '@mui/material/styles/index.js';
+import { alpha, useTheme, type SxProps, type Theme } from '@mui/material/styles/index.js';
 import { useState, type ElementType, type ReactNode } from 'react';
 
 import type { SectionNavCopy } from '../../../copy';
@@ -19,7 +19,7 @@ import {
 } from './SectionNav.parts';
 import { RaisedActionButton } from './SectionNav.primary';
 import { SectionNavSheet } from './SectionNav.sheet';
-import type { SectionNavAction, SectionNavDestination, SectionNavMenu, SectionNavProps } from './SectionNav.types';
+import type { SectionNavAction, SectionNavBadge, SectionNavDestination, SectionNavMenu, SectionNavProps } from './SectionNav.types';
 
 /** Which of the bar's two menus is open, if any. */
 type OpenMenu = 'primary' | 'more' | null;
@@ -65,7 +65,7 @@ function Slot({
 }: {
   label: string;
   icon: ReactNode;
-  count: number | undefined;
+  count: SectionNavBadge | undefined;
   current: boolean;
   lit: boolean;
   copy: SectionNavCopy;
@@ -86,9 +86,14 @@ function Slot({
       sx={slotSx(theme, lit)}
     >
       <CountedIcon
-        icon={<SlotIcon icon={icon} loading={loading} />}
+        icon={
+          <Box component="span" data-slot-pill="" sx={pillSx(theme)}>
+            <SlotIcon icon={icon} loading={loading} />
+          </Box>
+        }
         count={count}
         label={copy.badge}
+        attentionLabel={copy.attention}
         testId={`${testId}-badge`}
       />
       <Typography
@@ -100,7 +105,8 @@ function Slot({
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap',
           lineHeight: 1.3,
-          fontWeight: lit ? 700 : 400,
+          fontWeight: lit ? 700 : 600,
+          color: lit ? 'text.primary' : 'inherit',
         }}
       >
         {label}
@@ -109,7 +115,20 @@ function Slot({
   );
 }
 
-/** A slot's look: icon over label, the lit rule on its top edge, dimmed when disabled. */
+/** The pill behind a slot's icon — tinted while the slot is lit. */
+function pillSx(theme: Theme): SxProps<Theme> {
+  return {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    px: 1.75,
+    py: 0.25,
+    borderRadius: rem(theme, 999),
+    transition: theme.transitions.create('background-color', { duration: theme.transitions.duration.shorter }),
+  };
+}
+
+/** A slot's look: icon over label, a pill behind the lit icon, dimmed when disabled. */
 function slotSx(theme: Theme, lit: boolean): SxProps<Theme> {
   return {
     ...CONTROL_RESET,
@@ -123,18 +142,9 @@ function slotSx(theme: Theme, lit: boolean): SxProps<Theme> {
     gap: 0.25,
     position: 'relative',
     color: lit ? 'primary.main' : 'text.secondary',
-    // The current slot is marked by more than its colour: a short rule on
-    // its top edge, so the state survives a colour-blind reading.
-    '&[data-lit="true"]::before': {
-      content: '""',
-      position: 'absolute',
-      top: 0,
-      insetInline: '22%',
-      height: rem(theme, 3),
-      borderBottomLeftRadius: rem(theme, 3),
-      borderBottomRightRadius: rem(theme, 3),
-      bgcolor: 'primary.main',
-    },
+    // The current slot is marked by more than its colour: a tinted pill behind
+    // its icon and a bolder label, so the state survives a colour-blind reading.
+    '&[data-lit="true"] [data-slot-pill]': { bgcolor: alpha(theme.palette.primary.main, 0.14) },
     '& svg': { fontSize: rem(theme, 22) },
     [NOT_LIVE]: { color: 'text.disabled' },
   } as SxProps<Theme>;

package/src/components/navigation/SectionNav/SectionNav.helpers.ts

@@ -1,8 +1,8 @@
-import type { SectionNavAction, SectionNavDestination, SectionNavMenu } from './SectionNav.types';
+import type { SectionNavAction, SectionNavBadge, SectionNavDestination, SectionNavMenu } from './SectionNav.types';
 
 /** A count worth drawing: positive and finite. Zero and "unknown" draw nothing. */
-export function shownCount(count: number | undefined): number | undefined {
-  return count !== undefined && Number.isFinite(count) && count > 0 ? count : undefined;
+export function shownCount(count: SectionNavBadge | undefined): number | undefined {
+  return typeof count === 'number' && Number.isFinite(count) && count > 0 ? count : undefined;
 }
 
 /**

package/src/components/navigation/SectionNav/SectionNav.md

@@ -94,6 +94,13 @@ an entry closes the sheet.
 numbers. The count's accessible name is `copy.badge(n)`, and it is quiet
 (`aria-live="off"`) because it moves on a poll.
 
+`badge: '!'` says something waits that is not a count — money still owed, a
+state to resolve. It is named by `copy.attention` (optional on a host's own
+copy, falling back to `copy.badge(1)`) and never adds to a menu's roll-up.
+
+The bar's current slot wears a tinted pill behind its icon and a bolder label;
+every label is semibold.
+
 ## Docking the bar
 
 Dock the bar at the foot of a flex column. `sectionNavBarInset(theme)` is its

package/src/components/navigation/SectionNav/SectionNav.parts.tsx

@@ -7,7 +7,7 @@ import { rem } from '../../../tokens/scales';
 import { Badge } from '../../data-display/Badge';
 
 import { shownCount } from './SectionNav.helpers';
-import type { SectionNavDestination } from './SectionNav.types';
+import type { SectionNavBadge, SectionNavDestination } from './SectionNav.types';
 
 /**
  * An icon with its count on the shoulder.
@@ -21,12 +21,22 @@ export function CountedIcon({
   count,
   label,
   testId,
+  attentionLabel,
 }: {
   icon: ReactNode;
-  count: number | undefined;
+  count: SectionNavBadge | undefined;
   label: (count: number) => string;
   testId: string;
+  /** The "!" badge's accessible name (`SectionNavCopy.attention`). */
+  attentionLabel?: string;
 }): React.JSX.Element {
+  if (count === '!') {
+    return (
+      <Badge content="!" variant="count" color="warning" aria-label={attentionLabel ?? label(1)} aria-live="off" data-testid={testId}>
+        {icon}
+      </Badge>
+    );
+  }
   const shown = shownCount(count);
   if (shown === undefined) return <>{icon}</>;
   return (

package/src/components/navigation/SectionNav/SectionNav.rail.tsx

@@ -24,6 +24,7 @@ import type {
   SectionNavMenu,
   SectionNavProps,
 } from './SectionNav.types';
+import type { SectionNavBadge } from './SectionNav.types';
 
 /**
  * One rail row: icon, label, and the count at the far end.
@@ -51,7 +52,7 @@ function RailRow({
   label: string;
   description?: string;
   icon: ReactNode;
-  count: number | undefined;
+  count: SectionNavBadge | undefined;
   active: boolean;
   current?: boolean;
   copy: SectionNavCopy;
@@ -89,6 +90,7 @@ function RailRow({
         icon={<SlotIcon icon={icon} loading={loading} />}
         count={count}
         label={copy.badge}
+        attentionLabel={copy.attention}
         testId={`${testId}-badge`}
       />
       <Box component="span" sx={{ display: 'flex', flexDirection: 'column', minWidth: 0 }}>

package/src/components/navigation/SectionNav/SectionNav.railCreate.tsx

@@ -46,6 +46,7 @@ function entryItem(
           icon={entry.icon}
           count={entry.badge}
           label={copy.badge}
+          attentionLabel={copy.attention}
           testId={`${itemTestId}-badge`}
         />
       </ListItemIcon>

package/src/components/navigation/SectionNav/SectionNav.sheet.tsx

@@ -52,7 +52,7 @@ function GridEntry({ entry, linkComponent, copy, testId, onDone }: EntryProps):
         '&:disabled': { color: 'text.disabled', '& svg': { color: 'text.disabled' } },
       }}
     >
-      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} testId={`${testId}-badge-${entry.id}`} />
+      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} attentionLabel={copy.attention} testId={`${testId}-badge-${entry.id}`} />
       <Typography component="span" variant="caption" sx={{ lineHeight: 1.2, fontWeight: entry.active ? 700 : 500 }}>
         {entry.label}
       </Typography>
@@ -93,7 +93,7 @@ function ListEntry({ entry, linkComponent, copy, testId, onDone }: EntryProps):
         '&:disabled': { color: 'text.disabled', '& svg': { color: 'text.disabled' } },
       }}
     >
-      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} testId={`${testId}-badge-${entry.id}`} />
+      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} attentionLabel={copy.attention} testId={`${testId}-badge-${entry.id}`} />
       <Box component="span" sx={{ display: 'flex', flexDirection: 'column', minWidth: 0 }}>
         <Typography component="span" variant="body2" sx={{ fontWeight: 600 }}>
           {entry.label}

package/src/components/navigation/SectionNav/SectionNav.types.ts

@@ -2,6 +2,9 @@ import type { ElementType, ReactNode } from 'react';
 
 import type { SectionNavCopy } from '../../../copy';
 
+/** A slot's badge: how many wait, or `'!'` for something that is not a count. */
+export type SectionNavBadge = number | '!';
+
 /**
  * One slot of the section — a bar slot on a phone, a row in the rail.
  *
@@ -50,9 +53,10 @@ export interface SectionNavDestination {
   /**
    * How many things behind this destination wait on the viewer. `0` and
    * `undefined` render no badge — "nothing waiting" and "not known yet" are
-   * different claims and neither is a number.
+   * different claims and neither is a number. `'!'` says something waits that
+   * is not a count (money still owed, a state to resolve).
    */
-  badge?: number;
+  badge?: SectionNavBadge;
   /**
    * For a link: the destination the viewer is on (`aria-current="page"`). For
    * an action slot: a toggle that is ON (`aria-pressed`). The host decides;
@@ -75,7 +79,7 @@ export interface SectionNavEntry {
   icon: ReactNode;
   href?: string;
   onSelect?: () => void;
-  badge?: number;
+  badge?: SectionNavBadge;
   active?: boolean;
   /** Drawn dimmed and not operable — a print already on its way, an act this state refuses. */
   disabled?: boolean;

package/src/components/navigation/SectionNav/index.ts

@@ -5,6 +5,7 @@ export type { RaisedActionButtonProps } from './SectionNav.primary';
 export type {
   SectionNavAction,
   SectionNavBack,
+  SectionNavBadge,
   SectionNavDestination,
   SectionNavEntry,
   SectionNavGroup,