@12-apps/ui 6.66.2 → 6.68.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,cAAc,CAAC;AA6PvD,eAAO,MAAM,IAAI,+FA+ChB,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,cAAc,CAAC;AA0RjE,eAAO,MAAM,IAAI,+FA+ChB,CAAC"}

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

@@ -1,6 +1,12 @@
 import type { ColorValue, SizeValue } from '../../../tokens/scales';
 import type { TabsProps as MuiTabsProps } from '@mui/material/Tabs/index.js';
 import type { ReactNode } from 'react';
+/** A tab's inline count — see `TabItem.count`. */
+export interface TabCount {
+    value: string | number;
+    /** `warning` asks for attention, `danger` for action; neutral otherwise. */
+    tone?: 'neutral' | 'warning' | 'danger';
+}
 export interface TabItem {
     /**
      * Unique identifier for the tab
@@ -26,6 +32,12 @@ export interface TabItem {
      * Badge content to show on the tab
      */
     badge?: string | number;
+    /**
+     * A count said INSIDE the tab, after its label, as a small pill: how many
+     * lines, events or charges the pane holds. `tone` marks one that asks for
+     * action. Unlike `badge` it never floats over the label.
+     */
+    count?: TabCount;
     /**
      * Custom className for the tab
      */

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

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

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

@@ -1,3 +1,3 @@
 export { Tabs } from './Tabs';
-export type { TabItem, TabPanelProps, TabsProps } from './Tabs.types';
+export type { TabCount, TabItem, TabPanelProps, TabsProps } from './Tabs.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,OAAO,EAAE,aAAa,EAAC,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/types-native/components/data-display/Chip/Chip.base.d.ts

@@ -7,7 +7,11 @@ import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
  * declaration outputs (`dist/types` and `dist/types-native`), and a native
  * consumer has no `@mui/material` to resolve a type import against.
  */
-export type ChipVariant = 'filled' | 'outlined';
+/**
+ * `soft` is a status chip's look: the colour's tint for a ground and its dark
+ * step for ink, so a row of states reads without a row of solid blocks.
+ */
+export type ChipVariant = 'filled' | 'outlined' | 'soft';
 /**
  * The house size scale, abbreviated like every other component's.
  *

package/dist/types-native/components/data-display/Chip/Chip.base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"Chip.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types-native/components/data-display/Chip/Chip.look.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKrD,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AA8CD;;;;GAIG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,GAChB,SAAS,CAOX;AAED,6EAA6E;AAC7E,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAWzF;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,GACnB,SAAS,CASX;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GACtB,SAAS,CAYX;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,GAAG,SAAS,CAQ7F;AAED,yDAAyD;AACzD,wBAAgB,eAAe,CAAC,OAAO,EAAE,eAAe,GAAG,UAAU,CAOpE;AAED,eAAO,MAAM,WAAW,GAAI,MAAM,WAAW,KAAG,eAAmC,CAAC"}
+{"version":3,"file":"Chip.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAWL,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKrD,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgED;;;;GAIG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,GAChB,SAAS,CAQX;AAED,6EAA6E;AAC7E,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAWzF;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,GACnB,SAAS,CASX;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GACtB,SAAS,CAYX;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,GAAG,SAAS,CAQ7F;AAED,yDAAyD;AACzD,wBAAgB,eAAe,CAAC,OAAO,EAAE,eAAe,GAAG,UAAU,CAOpE;AAED,eAAO,MAAM,WAAW,GAAI,MAAM,WAAW,KAAG,eAAmC,CAAC"}

package/dist/types-native/components/data-display/Chip/Chip.metrics.d.ts

@@ -58,4 +58,8 @@ export declare const HOVER_SHADOW: {
 };
 export declare const CHIP_TRANSITION_MS = 200;
 export declare const CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+/** A soft chip's ground: the colour at this alpha over the page. */
+export declare const SOFT_GROUND_ALPHA = 0.14;
+/** A soft chip's hover ground. */
+export declare const SOFT_HOVER_ALPHA = 0.22;
 //# sourceMappingURL=Chip.metrics.d.ts.map

package/dist/types-native/components/data-display/Chip/Chip.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC"}
+{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,kCAAkC;AAClC,eAAO,MAAM,gBAAgB,OAAO,CAAC"}

package/dist/user-avatar.js

@@ -1,13 +1,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-MJ6EAND6.js";
+} from "./chunk-Q7BGMLCX.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-KARMRTTM.js";
-import "./chunk-7XSCEHGA.js";
-import "./chunk-MTEQEPNY.js";
-import "./chunk-6ZZGK5DT.js";
+import "./chunk-J2RUDZVJ.js";
 import "./chunk-3ZVUNSFF.js";
+import "./chunk-EOQ6EKTS.js";
+import "./chunk-6ZZGK5DT.js";
+import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
 import "./chunk-W2RXXF7K.js";

package/package.json

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

package/src/components/data-display/Chip/Chip.base.ts

@@ -9,7 +9,11 @@ import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
  * declaration outputs (`dist/types` and `dist/types-native`), and a native
  * consumer has no `@mui/material` to resolve a type import against.
  */
-export type ChipVariant = 'filled' | 'outlined';
+/**
+ * `soft` is a status chip's look: the colour's tint for a ground and its dark
+ * step for ink, so a row of states reads without a row of solid blocks.
+ */
+export type ChipVariant = 'filled' | 'outlined' | 'soft';
 
 /**
  * The house size scale, abbreviated like every other component's.

package/src/components/data-display/Chip/Chip.look.native.ts

@@ -10,6 +10,8 @@ import {
   DELETE_ICON_ON_COLOR_ALPHA,
   OUTLINED_BORDER_ALPHA,
   OUTLINED_HOVER_ALPHA,
+  SOFT_GROUND_ALPHA,
+  SOFT_HOVER_ALPHA,
   type ChipMuiSize,
   type ChipSizeMetrics,
 } from './Chip.metrics';
@@ -52,6 +54,24 @@ function filledPaint(theme: UiTheme, color: ChipColor): ChipPaint {
   };
 }
 
+function softPaint(theme: UiTheme, color: ChipColor): ChipPaint {
+  if (!isAccented(color)) {
+    return {
+      container: { backgroundColor: theme.palette.action.selected },
+      pressed: { backgroundColor: theme.palette.action.hover },
+      label: { color: theme.palette.text.secondary, fontWeight: '600' },
+      deleteColor: alpha(theme.palette.text.secondary, DELETE_ICON_ALPHA),
+    };
+  }
+  const accent = theme.palette[color];
+  return {
+    container: { backgroundColor: alpha(accent.main, SOFT_GROUND_ALPHA) },
+    pressed: { backgroundColor: alpha(accent.main, SOFT_HOVER_ALPHA) },
+    label: { color: accent.dark, fontWeight: '600' },
+    deleteColor: alpha(accent.dark, DELETE_ICON_ALPHA),
+  };
+}
+
 function outlinedPaint(theme: UiTheme, color: ChipColor): ChipPaint {
   const border: ViewStyle = { backgroundColor: 'transparent', borderWidth: 1, borderStyle: 'solid' };
   if (!isAccented(color)) {
@@ -82,7 +102,8 @@ export function chipPaint(
   color: ChipColor,
   selected: boolean,
 ): ChipPaint {
-  const paint = variant === 'outlined' ? outlinedPaint(theme, color) : filledPaint(theme, color);
+  const paint =
+    variant === 'outlined' ? outlinedPaint(theme, color) : variant === 'soft' ? softPaint(theme, color) : filledPaint(theme, color);
   if (variant !== 'outlined' || !selected) return paint;
   return {
     ...paint,

package/src/components/data-display/Chip/Chip.metrics.ts

@@ -100,3 +100,8 @@ export const HOVER_LIFT_PX = 1;
 export const HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 } as const;
 export const CHIP_TRANSITION_MS = 200;
 export const CHIP_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';
+
+/** A soft chip's ground: the colour at this alpha over the page. */
+export const SOFT_GROUND_ALPHA = 0.14;
+/** A soft chip's hover ground. */
+export const SOFT_HOVER_ALPHA = 0.22;

package/src/components/data-display/Chip/Chip.styles.tsx

@@ -4,7 +4,17 @@ import type { KeyboardEvent, ReactElement } from 'react';
 import React from 'react';
 
 import { chipKeyAction, type ChipKeyArgs } from './Chip.helpers';
-import { CHIP_SIZES, CHIP_TRANSITION_EASING, CHIP_TRANSITION_MS, HOVER_LIFT_PX, HOVER_SHADOW } from './Chip.metrics';
+import { alpha } from '@mui/material/styles/index.js';
+
+import {
+  CHIP_SIZES,
+  CHIP_TRANSITION_EASING,
+  CHIP_TRANSITION_MS,
+  HOVER_LIFT_PX,
+  HOVER_SHADOW,
+  SOFT_GROUND_ALPHA,
+  SOFT_HOVER_ALPHA,
+} from './Chip.metrics';
 import type { ChipProps } from './Chip.types';
 import { shadowInk } from '../../../tokens/ink';
 import { rem, rems, sxRem } from '../../../tokens/relative';
@@ -43,6 +53,7 @@ export const avatarFor = (
 
 interface ChipStyleArgs {
   variant: ChipProps['variant'];
+  color?: ChipProps['color'];
   selected?: boolean;
   clickable?: boolean;
   disabled?: boolean;
@@ -61,8 +72,33 @@ const hoverShadow = (theme: Theme): string =>
  * state); an outlined selected chip gets a subtle theme-driven `action.selected`
  * tint so it reads as active without muddying the fill.
  */
+/** The palette entry a colour paints with; `neutral` has none and takes the ink. */
+const paletteKey = (color: NonNullable<ChipProps['color']>): 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | null => {
+  if (color === 'neutral') return null;
+  return color === 'danger' ? 'error' : color;
+};
+
+/** `soft`: the colour's tint for a ground, its dark step for ink (and the icon). */
+const softStyles = (color: NonNullable<ChipProps['color']>): SxProps<Theme> => {
+  const key = paletteKey(color);
+  const ground = (theme: Theme): string =>
+    key ? alpha(theme.palette[key].main, SOFT_GROUND_ALPHA) : theme.palette.action.selected;
+  const ink = (theme: Theme): string => (key ? theme.palette[key].dark : theme.palette.text.secondary);
+  return {
+    backgroundColor: ground,
+    color: ink,
+    // A state is read at a glance: the label is set semibold.
+    fontWeight: 600,
+    '& .MuiChip-icon': { color: ink },
+    '&.MuiChip-clickable:hover': {
+      backgroundColor: (theme: Theme) => (key ? alpha(theme.palette[key].main, SOFT_HOVER_ALPHA) : theme.palette.action.hover),
+    },
+  };
+};
+
 export const chipStyles = ({
   variant,
+  color = 'primary',
   selected,
   clickable,
   disabled,
@@ -70,6 +106,7 @@ export const chipStyles = ({
   const lifts = clickable && !disabled;
 
   return {
+    ...(variant === 'soft' ? (softStyles(color) as object) : {}),
     // Enhanced styling for outlined variant
     ...(variant === 'outlined' && {
       borderWidth: '1px',

package/src/components/data-display/Chip/Chip.tsx

@@ -37,6 +37,10 @@ const muiColorFor = (color: NonNullable<ChipProps['color']>): MuiChipColor => {
   return color === 'neutral' ? 'default' : color;
 };
 
+/** `soft` is ours: MUI has two variants, so it paints as `filled` and `chipStyles` tints it. */
+const muiVariantFor = (variant: NonNullable<ChipProps['variant']>): 'filled' | 'outlined' =>
+  variant === 'soft' ? 'filled' : variant;
+
 export const Chip = forwardRef<HTMLDivElement, ChipProps>(({
   label,
   variant = 'filled',
@@ -66,7 +70,7 @@ export const Chip = forwardRef<HTMLDivElement, ChipProps>(({
     <MuiChip
       ref={ref}
       label={<span data-testid={testId('label')}>{label}</span>}
-      variant={variant}
+      variant={muiVariantFor(variant)}
       size={chipMuiSize(size)}
       color={muiColorFor(color)}
       avatar={avatarFor(avatar, avatarSrc)}
@@ -81,7 +85,7 @@ export const Chip = forwardRef<HTMLDivElement, ChipProps>(({
       role={chipRole(selectable, onClick)}
       aria-selected={selectable ? selected : undefined}
       data-testid={chipId || 'chip'}
-      sx={chipStyles({ variant, selected, clickable, disabled })}
+      sx={chipStyles({ variant, color, selected, clickable, disabled })}
       {...props}
     />
   );

package/src/components/data-display/Chip/chip.md

@@ -5,7 +5,7 @@
 ```ts
 interface ChipProps {
   label: string;
-  variant?: 'filled' | 'outlined';
+  variant?: 'filled' | 'outlined' | 'soft';
   size?: SizeValue; // all five stops; MUI's two heights, xs/sm small and md up medium
   /**
    * The house vocabulary, identical to Button's. `danger` and `neutral` are
@@ -28,7 +28,7 @@ interface ChipProps {
 
 **Features**
 
-- Filled/Outlined variants; optional avatar or icon.
+- Filled/Outlined/Soft variants; optional avatar or icon. `soft` is a status chip: the colour's tint for a ground and its dark step for ink.
 - Selectable (toggle) and/or deletable (× button).
 - Keyboard: Space/Enter activates; Delete/Backspace triggers remove when focused.
 

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

@@ -19,6 +19,7 @@ import {
   type DataViewState,
   type DataViewSyncState,
   type FilterFieldConfig,
+  type QuickFilterConfig,
   type RangeFieldConfig,
   type RowAction,
 } from "./data-views-types";
@@ -184,6 +185,20 @@ interface DataViewsGridProps<T extends Record<string, unknown>> {
   inlineFilters?: boolean;
   /** Keep the inline search visible with no filter fields and no active search. */
   alwaysShowSearch?: boolean;
+  /**
+   * One-click filters drawn as toggle chips at the head of the toolbar, each
+   * applying one value of a declared pill field. See {@link QuickFilterConfig}.
+   */
+  quickFilters?: QuickFilterConfig[];
+  /**
+   * Pin the toolbar to the top of the page's scroll area, and the table's
+   * header row right under it, while the rows scroll past. For a list that IS
+   * the page: what sits above the grid (title, summaries, notices) scrolls
+   * away, and the controls and column names stay in reach. The table keeps its
+   * own sideways scroll, which is why the header follows the page scroll
+   * rather than relying on `position: sticky` (see `useStickyTableHead`).
+   */
+  stickyToolbar?: 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

@@ -27,6 +27,7 @@ import {
   type DataViewPersistence,
   type DataViewRouter,
   type FilterFieldConfig,
+  type QuickFilterConfig,
   type RangeFieldConfig,
   type DataViewCardSelection,
   type RowAction,
@@ -115,6 +116,10 @@ export interface DataViewsTableBaseProps<T extends Record<string, unknown>> {
   inlineFilters?: boolean;
   /** Keep the inline search visible with no filter fields and no active search. */
   alwaysShowSearch?: boolean;
+  /** One-click toggle chips at the head of the toolbar — see `QuickFilterConfig`. */
+  quickFilters?: QuickFilterConfig[];
+  /** Pin the toolbar and the table header while the page scrolls — see `DataViewsGrid`. */
+  stickyToolbar?: 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

@@ -284,3 +284,53 @@ overflow, and how anything looks. Those are verified in a real browser against
 the running Storybook, at 1600 / 1280 / 1024 / 900 / 768 / 600 / 500 / 430 / 390
 / 360 / 320, measured on the toolbar row, the filter cluster's own scroll box,
 and the document.
+
+---
+
+## Quick chips and `inMore` fields
+
+`quickFilters` puts one-click toggle chips at the head of the bar, each applying
+ONE value of a declared pill field (`pills[fieldId] = [value]`). The field they
+write to is not drawn as a pill: the chips stand in for it. Everything else —
+the counter, "Limpar", saved views, the URL — treats a pressed chip as the
+filter it is.
+
+Chips are on the ladder like any control. They rank ahead of idle pills for the
+bar's slots, and on a row with no room they move into "Mais" as a toggle row
+with the same label and count — never a sideways-scrolling strip, which the one
+rule above forbids. A pressed chip in "Mais" counts towards the trigger's
+applied badge.
+
+`inMore: true` on a pill or range field keeps it off the bar at every width: it
+is behind "Mais" from the start, so "Mais" is always drawn. Use it beside quick
+chips, so the daily question is not crowded by the facets that are not.
+
+Chips keep their slots: they rank ahead of everything in their DECLARED order
+whatever is pressed — ahead of APPLIED pills too, which reverses the "applied
+first" rule for them: a chip is the page's fixed question, and an applied pill
+in "Mais" still shows in the trigger's applied badge — stay a prefix of that order (never the second without the
+first). Pressing one adds "Limpar", which can cost room: what leaves the bar is
+an idle pill first, or the chips together — never one chip swapped for another
+under the hand that pressed it. A chip reads as pressed
+only when its value is the field's WHOLE selection.
+
+Both are inline-bar features: in the classic slide-in panel (`inlineFilters`
+off) there is no bar, and the chips' field is drawn as its ordinary pill.
+
+`data-views-quick-filters.test.tsx` and `data-views-quick-filters-measured.test.tsx` pin both; **QuickFiltersSticky** in
+`data-views-table.stories.tsx` shows them.
+
+## The sticky toolbar
+
+`stickyToolbar` pins the toolbar band to the visible top of the page's scroll
+area, and the table's header row right under it, while what is above the grid
+scrolls away. Two details make it work on a real page:
+
+- **The bar's `top` is the negative of the scroll container's top padding**,
+  read from the live layout (`useStickyBarTop`). `top: 0` sticks to the content
+  edge, inside the padding, which left a padded pane showing rows above the bar.
+- **The header is translated, not `position: sticky`** (`useStickyTableHead`).
+  The table keeps its own sideways scroll, which makes its wrapper a scroll
+  container that never scrolls vertically, so a sticky cell would stick to a box
+  that never moves. The cells follow the page by `translateY`, clamped inside
+  their own table.

package/src/components/data-display/DataViews/data-views-empty.tsx

@@ -9,6 +9,7 @@ import { sxRem } from "../../../tokens/relative";
 import { Text } from "../../typography/Text";
 
 import { useDataViewsCopy } from "./data-views-copy-context";
+import type { DataViewsController } from "./use-data-views-state";
 
 /**
  * TWO EMPTY STATES, NOT ONE.
@@ -93,3 +94,27 @@ export function DataViewsEmpty({
     </Box>
   );
 }
+
+/**
+ * The grid renders the FILTERED empty state itself — it is the only party that
+ * knows a filter is applied. See {@link DataViewsEmpty}.
+ */
+export function ShellEmpty<T extends Record<string, unknown>>({
+  c,
+  emptyState,
+  testIdPrefix,
+}: {
+  c: DataViewsController<T>;
+  emptyState?: React.ReactNode;
+  testIdPrefix: string;
+}): React.JSX.Element {
+  return (
+    <DataViewsEmpty
+      filtered={c.activeFilterCount > 0 || c.state.search !== ""}
+      onClearFilters={() => c.patch({ search: "", pills: {}, ranges: {} })}
+      emptyState={emptyState}
+      testIdPrefix={testIdPrefix}
+    />
+  );
+}
+

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

@@ -1,6 +1,6 @@
 "use client";
 
-import React from "react";
+import React, { useRef } from "react";
 
 import { DataGrid, type GridColumn, type GridSort } from "../DataGrid";
 import { Box } from "../../../mui/Box";
@@ -22,6 +22,7 @@ import { toGridExpansion, type DataViewRowDetail } from "./data-views-row-detail
 import type { DataViewsController } from "./use-data-views-state";
 import { useDataViewsCopy } from "./data-views-copy-context";
 import { sxRem } from "../../../tokens/relative";
+import { useStickyTableHead } from "./data-views-sticky-head";
 
 /* ── Body (grid) ─────────────────────────────────────────────────────────── */
 
@@ -42,6 +43,8 @@ interface GridBodyProps<T extends Record<string, unknown>> {
   rowDetail?: DataViewRowDetail<T>;
   dataTestId?: string;
   emptyState?: React.ReactNode;
+  /** The header row follows the page scroll under the sticky toolbar. */
+  stickyHead?: boolean;
 }
 
 /** The dense DataGrid with multi-select (unless opted out), wrapped in the scrollable table region. */
@@ -59,10 +62,14 @@ function GridBody<T extends Record<string, unknown>>({
   rowDetail,
   dataTestId,
   emptyState,
+  stickyHead = false,
 }: GridBodyProps<T>): React.JSX.Element {
   const copy = useDataViewsCopy();
+  const wrapperRef = useRef<HTMLDivElement>(null);
+  useStickyTableHead(wrapperRef, stickyHead);
   return (
     <Box
+      ref={wrapperRef}
       sx={{
         width: "100%",
         overflowX: "auto",
@@ -215,6 +222,8 @@ interface GridMainProps<T extends Record<string, unknown>> {
   dataTestId?: string;
   emptyState?: React.ReactNode;
   testIdPrefix: string;
+  /** The table's header row follows the page under a sticky toolbar. */
+  stickyHead?: boolean;
 }
 
 /**
@@ -345,6 +354,7 @@ export function GridMain<T extends Record<string, unknown>>(props: GridMainProps
       rowDetail={props.rowDetail}
       dataTestId={dataTestId}
       emptyState={emptyState}
+      stickyHead={props.stickyHead}
     />
   );
 }