@12-apps/ui 6.41.0 → 6.41.2

package/dist/{chunk-TCNTIGMY.js → chunk-TDXEO2UI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6KEXHOIF.js";
 import {
   SettingsSectionChips
-} from "./chunk-CKHFYTIX.js";
+} from "./chunk-TBMGYQJF.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -167,4 +167,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-TCNTIGMY.js.map
+//# sourceMappingURL=chunk-TDXEO2UI.js.map

package/dist/{chunk-FTQBVZ7V.js → chunk-TJ3334AJ.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-XVZG52CM.js";
+} from "./chunk-NOLSQK4J.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -184,4 +184,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-FTQBVZ7V.js.map
+//# sourceMappingURL=chunk-TJ3334AJ.js.map

package/dist/{chunk-VOJBLBXE.js → chunk-UT73NGRS.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-EIII4QU4.js";
+} from "./chunk-HFVYWHJT.js";
 import {
   useDataViewsState
 } from "./chunk-HKBJZX3C.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-VOJBLBXE.js.map
+//# sourceMappingURL=chunk-UT73NGRS.js.map

package/dist/data-display/DataViews.js

@@ -1,9 +1,9 @@
 import {
   DataViewsTableBase
-} from "../chunk-J6KLT7HP.js";
+} from "../chunk-MEBQKYH4.js";
 import {
   DataViewsGrid
-} from "../chunk-VOJBLBXE.js";
+} from "../chunk-UT73NGRS.js";
 import {
   BaseCard
 } from "../chunk-4S2LWZ7L.js";
@@ -22,22 +22,22 @@ import {
   useDragItem
 } from "../chunk-K4EKTMTC.js";
 import "../chunk-ZOLAYP2D.js";
-import "../chunk-EIII4QU4.js";
-import "../chunk-Y2UXX5IQ.js";
+import "../chunk-HFVYWHJT.js";
+import "../chunk-BKZERHNC.js";
 import "../chunk-3UEZ6NUI.js";
-import "../chunk-UGPRBJWB.js";
+import "../chunk-DH77PLFF.js";
 import "../chunk-BM4KKGL7.js";
-import "../chunk-VWJEM2ER.js";
 import "../chunk-KW3H5FUS.js";
 import "../chunk-LODMNSLR.js";
 import {
   DataViewsBoard
 } from "../chunk-4XHVGUOM.js";
 import "../chunk-BA6Z52QN.js";
-import "../chunk-ODW2D5PN.js";
+import "../chunk-6QYKZMEE.js";
 import "../chunk-DNT5PZLF.js";
-import "../chunk-FTQBVZ7V.js";
-import "../chunk-XVZG52CM.js";
+import "../chunk-TJ3334AJ.js";
+import "../chunk-NOLSQK4J.js";
+import "../chunk-NPPJ3IJP.js";
 import "../chunk-4UVFPORR.js";
 import "../chunk-6N2EDWMG.js";
 import "../chunk-O5UGAL2V.js";

package/dist/form/Autocomplete.js

@@ -2,8 +2,8 @@ import "../chunk-2LXHUGYB.js";
 import {
   Autocomplete,
   Autocomplete_default
-} from "../chunk-VEEG4UXZ.js";
-import "../chunk-M4P7NS2L.js";
+} from "../chunk-IUD6N52Q.js";
+import "../chunk-BR2T72JI.js";
 import "../chunk-PELRSZFU.js";
 import "../chunk-XBLFK2FL.js";
 import "../chunk-JXS56EW5.js";

package/dist/layout/SettingsLayout.js

@@ -1,19 +1,19 @@
 import {
   SettingsLayout
-} from "../chunk-RZ2VZ7SL.js";
+} from "../chunk-JMEPGXJG.js";
 import "../chunk-TNYKM4UU.js";
 import "../chunk-V5EWCJBT.js";
 import "../chunk-BXC6GRLE.js";
-import "../chunk-TCNTIGMY.js";
+import "../chunk-TDXEO2UI.js";
 import "../chunk-6KEXHOIF.js";
 import {
   SettingsSectionChips
-} from "../chunk-CKHFYTIX.js";
+} from "../chunk-TBMGYQJF.js";
 import {
   SettingsStatusMarker
 } from "../chunk-DBFRCTI5.js";
 import "../chunk-NYFNF7I5.js";
-import "../chunk-SLJAQA2X.js";
+import "../chunk-GT2RCOHM.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";

package/dist/types/components/data-display/DataViews/data-views-category-pill.d.ts

@@ -16,6 +16,11 @@ interface PillControlProps<T extends Record<string, unknown>> {
     onClearField: (fieldId: string) => void;
     onOpenChange?: (open: boolean) => void;
     testIdPrefix: string;
+    /**
+     * Overrides the `<prefix>-filter-<id>` test id — the "Mais" panel keys its
+     * fields `<prefix>-more-<id>` so a spec can tell which surface it drove.
+     */
+    testId?: string;
     /** `stacked` in the filter panel, `pill` on the inline bar. */
     layout?: "stacked" | "pill";
 }
@@ -32,6 +37,6 @@ interface PillControlProps<T extends Record<string, unknown>> {
  * wants "the whole category" as one click, while one whose parents are pure
  * grouping would only offer a tick that means nothing.
  */
-export declare function PillControl<T extends Record<string, unknown>>({ fieldId, pill, selected, onTogglePill, onClearField, onOpenChange, testIdPrefix, layout, }: PillControlProps<T>): React.JSX.Element;
+export declare function PillControl<T extends Record<string, unknown>>({ fieldId, pill, selected, onTogglePill, onClearField, onOpenChange, testIdPrefix, testId, layout, }: PillControlProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=data-views-category-pill.d.ts.map

package/dist/types/components/data-display/DataViews/data-views-category-pill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-views-category-pill.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-category-pill.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,oBAAoB,CAAC;AAE1E;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,GACvE,IAAI,CASN;AASD,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC3B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,MAAe,GAChB,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqCzC"}
+{"version":3,"file":"data-views-category-pill.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-category-pill.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,oBAAoB,CAAC;AAE1E;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,GACvE,IAAI,CASN;AASD,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC3B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,MAA4C,EAC5C,MAAe,GAChB,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoCzC"}

package/dist/types/components/data-display/DataViews/data-views-more-fields.d.ts

@@ -8,17 +8,6 @@ export interface MoreFieldProps {
     onChangeRange: (fieldId: string, range: RangeValue) => void;
     testIdPrefix: string;
 }
-/**
- * The trigger, badged with how many fields had no room on the bar — and told
- * apart when some of them are APPLIED.
- *
- * An applied filter can land in here now (it is ranked first, not exempt), so
- * this button is the only thing on screen still saying it exists. A neutral
- * badge reading "3" would make "three filters you have not used" and "three
- * filters narrowing this list" look identical, which is the whole failure the
- * old exemption was written to avoid. So an overflow holding applied filters
- * takes the applied tone and counts them in its own badge.
-
 /**
  * Whether a field has anything applied, and how to unapply it — the two shapes
  * (a pill's selected values, a range's bounds) answered in one place so the

package/dist/types/components/data-display/DataViews/data-views-more-fields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-views-more-fields.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-more-fields.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrD,qEAAqE;AACrE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,MAAM,CAAC;CACtB;AAqID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,GACd,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,GAAG;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAYA;AAGD,2EAA2E;AAC3E,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwDrC"}
+{"version":3,"file":"data-views-more-fields.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-more-fields.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrD,qEAAqE;AACrE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,MAAM,CAAC;CACtB;AAsJD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,GACd,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,GAAG;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAYA;AAGD,2EAA2E;AAC3E,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwDrC"}

package/dist/types/components/data-display/DataViews/data-views-overflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-views-overflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-overflow.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,2EAA2E;AAC3E,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CAC7B;AAED,mEAAmE;AACnE,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9D,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAC9B,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,GACjC,aAAa,CAAC,CAAC,CAAC,EAAE,CAKpB;AA4MD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjE,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,EACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;AAClC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAQ;AACd,iEAAiE;AACjE,SAAS,UAAO,GACf,aAAa,CAAC,CAAC,CAAC,CAsBlB"}
+{"version":3,"file":"data-views-overflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-overflow.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1F;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,2EAA2E;AAC3E,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CAC7B;AAED,mEAAmE;AACnE,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC9D,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAC9B,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,GACjC,aAAa,CAAC,CAAC,CAAC,EAAE,CAKpB;AA4MD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjE,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,EACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;AAClC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAQ;AACd,iEAAiE;AACjE,SAAS,UAAO,GACf,aAAa,CAAC,CAAC,CAAC,CAiClB"}

package/dist/types/components/form/Autocomplete/useAutocomplete.d.ts

@@ -20,6 +20,15 @@ interface AutocompleteState<T> {
     setJustCompletedGhost: Setter<boolean>;
     userClosedDropdown: boolean;
     setUserClosedDropdown: Setter<boolean>;
+    /**
+     * Mirrors `userClosedDropdown`, set synchronously wherever the state is
+     * (see {@link setDeliberateClose}). An effect scheduled by one render and
+     * flushed after a LATER render has already changed this flag reads a
+     * stale, closed-over `userClosedDropdown` — but `.current` on a ref is
+     * dereferenced live, so it always reflects the latest write regardless of
+     * which render's closure is doing the reading (FUT-2780).
+     */
+    userClosedDropdownRef: React.RefObject<boolean>;
     inputRef: React.RefObject<HTMLInputElement | null>;
     listRef: React.RefObject<HTMLUListElement | null>;
     debounceRef: React.RefObject<number | undefined>;

package/dist/types/components/form/Autocomplete/useAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Autocomplete/useAutocomplete.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,KAAK,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAEzD,8DAA8D;AAC9D,UAAU,iBAAiB,CAAC,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,mBAAmB,EAAE,CAAC,EAAE,CAAC;IACzB,sBAAsB,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACvC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAClD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAClD;AAoND,gEAAgE;AAChE,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,kBAAkB,EAAE,CAAC,EAAE,CAAC;IACxB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAiE/E"}
+{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Autocomplete/useAutocomplete.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,KAAK,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAEzD,8DAA8D;AAC9D,UAAU,iBAAiB,CAAC,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,mBAAmB,EAAE,CAAC,EAAE,CAAC;IACzB,sBAAsB,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACvC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACvC;;;;;;;OAOG;IACH,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAClD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAClD;AAyOD,gEAAgE;AAChE,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,kBAAkB,EAAE,CAAC,EAAE,CAAC;IACxB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,kBAAkB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAiE/E"}

package/dist/types/components/layout/SettingsLayout/SettingsSectionChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSectionChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsSectionChips.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAejE,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnF,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;CACtB;AA+LD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,YAAY,EACZ,SAAS,EACT,aAAa,EACb,YAAY,EACZ,YAAY,GACb,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoC/C;yBA3Ce,oBAAoB"}
+{"version":3,"file":"SettingsSectionChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsSectionChips.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAejE,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnF,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;CACtB;AA2MD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,YAAY,EACZ,SAAS,EACT,aAAa,EACb,YAAY,EACZ,YAAY,GACb,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4C/C;yBAnDe,oBAAoB"}

package/dist/types/components/layout/SettingsLayout/SettingsSectionChips.scroll.d.ts

@@ -12,10 +12,14 @@ interface VisitorScrollWatch {
      * strip must not scroll itself under it: that would yank a drag in progress.
      */
     isUndecided: () => boolean;
-    /** Where the strip last aimed itself, in its own pixels; `NaN` before it has. */
+    /**
+     * Where the strip last aimed itself, PHYSICAL pixels (see {@link physicalScrollLeft}) —
+     * direction-blind, like every other geometry read in this file. `NaN` before it has.
+     */
     aimedAt: () => number;
     /**
-     * The strip is about to scroll itself to `left`. Records the aim and NOTHING
+     * The strip is about to scroll itself to `left` (physical pixels). Records the
+     * aim and NOTHING
      * else: it used to disarm too, and a re-centre landing between a visitor's key
      * press (or wheel, or pan) and the first tick of the scroll it causes wiped
      * the arming — their scroll went unclaimed, read as the strip's own. Left
@@ -27,6 +31,20 @@ interface VisitorScrollWatch {
     onSettled: (listener: () => void) => void;
     detach: () => void;
 }
+/** True when the strip's own computed direction is right-to-left. */
+export declare function isRtlStrip(strip: HTMLElement): boolean;
+/**
+ * `strip.scrollLeft`, renumbered so `0` is always the strip's physical LEFT
+ * edge and larger is always further physically right — whatever `direction`
+ * and whatever convention this engine uses to report it raw (FUT-2775).
+ *
+ * Every geometry read in this file (`getBoundingClientRect`) is already in
+ * that same physical, direction-blind coordinate space, so this is what makes
+ * `scrollLeft` combinable with it at all.
+ */
+export declare function physicalScrollLeft(strip: HTMLElement): number;
+/** The inverse of {@link physicalScrollLeft}: a physical offset back to this engine's raw `scrollLeft`. */
+export declare function toRawScrollLeft(strip: HTMLElement, physical: number): number;
 /**
  * Tell a scroll the VISITOR made from every other one.
  *

package/dist/types/components/layout/SettingsLayout/SettingsSectionChips.scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSectionChips.scroll.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsSectionChips.scroll.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkBH,UAAU,kBAAkB;IAC1B,4DAA4D;IAC5D,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B;;;OAGG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,iFAAiF;IACjF,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wEAAwE;IACxE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AA4BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,kBAAkB,CA0EzE"}
+{"version":3,"file":"SettingsSectionChips.scroll.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsSectionChips.scroll.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAoCH,UAAU,kBAAkB;IAC1B,4DAA4D;IAC5D,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B;;;OAGG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB;;;;;;;;OAQG;IACH,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wEAAwE;IACxE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AA4ED,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAItD;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAQ7D;AAED,2GAA2G;AAC3G,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAO5E;AA6ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,kBAAkB,CA6EzE"}

package/package.json

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

package/src/components/data-display/DataViews/data-views-category-pill.tsx

@@ -45,6 +45,11 @@ interface PillControlProps<T extends Record<string, unknown>> {
   onClearField: (fieldId: string) => void;
   onOpenChange?: (open: boolean) => void;
   testIdPrefix: string;
+  /**
+   * Overrides the `<prefix>-filter-<id>` test id — the "Mais" panel keys its
+   * fields `<prefix>-more-<id>` so a spec can tell which surface it drove.
+   */
+  testId?: string;
   /** `stacked` in the filter panel, `pill` on the inline bar. */
   layout?: "stacked" | "pill";
 }
@@ -70,10 +75,10 @@ export function PillControl<T extends Record<string, unknown>>({
   onClearField,
   onOpenChange,
   testIdPrefix,
+  testId = `${testIdPrefix}-filter-${fieldId}`,
   layout = "pill",
 }: PillControlProps<T>): React.JSX.Element {
   const copy = useDataViewsCopy();
-  const testId = `${testIdPrefix}-filter-${fieldId}`;
   if (pill.control === "category") {
     return (
       <CategorySelect

package/src/components/data-display/DataViews/data-views-more-fields.tsx

@@ -9,15 +9,15 @@
  *
  * A field with one or two options renders FLAT: inside a panel there is no
  * space to win back, and two labelled checkboxes are faster than a dropdown
- * needing a second click. Past that it becomes a {@link MultiSelectDropdown} —
- * see `INLINE_OPTION_LIMIT`.
+ * needing a second click. Past that — or whenever the field asks for a tree or
+ * a search — it is the bar's own {@link PillControl}; see `sharesBarControl`.
  */
 import Checkbox from "@mui/material/Checkbox/index.js";
 
-import { MultiSelectDropdown } from "../../layout/ContentToolbar";
 import { Box } from "../../../mui/Box";
 import { Text } from "../../typography/Text";
 
+import { PillControl } from "./data-views-category-pill";
 import type { OverflowField } from "./data-views-overflow";
 import { RangeBounds } from "./data-views-range-pill";
 import { isRangeSet } from "./data-views-range-values";
@@ -45,42 +45,59 @@ export interface MoreFieldProps {
  */
 const INLINE_OPTION_LIMIT = 2;
 
-/** One overflowed pill: its options as checkboxes, all visible at once. */
+/**
+ * Whether an overflowed pill keeps the SAME control it has on the bar.
+ *
+ * The panel used to build its own flat dropdown for every field past two
+ * options, so a field's config only held while it fitted: `control:
+ * "category"` lost its tree (subcategories flattened into one list, no
+ * "Marcar tudo", no count footer) and `searchEnabled` lost its search, on
+ * exactly the phone widths where most filters live in here. Anything the bar
+ * would render as a dropdown now renders as the bar's own {@link PillControl};
+ * only a plain two-option field — one that did not ask for a dropdown, a tree
+ * or a search — stays a flat checkbox row, which is a panel layout rather than
+ * a different control (the filter panel draws the same line).
+ */
+function sharesBarControl<T extends Record<string, unknown>>(field: OverflowField<T>): boolean {
+  const pill = field.pill;
+  if (!pill) return false;
+  return (
+    pill.control === "category" ||
+    pill.control === "multiselect" ||
+    pill.searchEnabled === true ||
+    pill.options.length > INLINE_OPTION_LIMIT
+  );
+}
+
+/** One overflowed pill: the bar's control, or its options as checkboxes. */
 function OverflowPill<T extends Record<string, unknown>>({
   field,
   values,
-  onToggle,
+  onTogglePill,
   onClear,
   testIdPrefix,
 }: {
   field: OverflowField<T>;
   values: string[];
-  onToggle: (value: string, checked: boolean) => void;
+  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;
   onClear: () => void;
   testIdPrefix: string;
 }): React.JSX.Element {
-  const copy = useDataViewsCopy();
-  const options = field.pill?.options ?? [];
-  if (options.length > INLINE_OPTION_LIMIT) {
+  const testId = `${testIdPrefix}-more-${field.id}`;
+  if (field.pill && sharesBarControl(field)) {
     return (
-      <MultiSelectDropdown
-        extraOptionsHeading={copy.filters.optionsHeading}
-        clearText={copy.filters.clear}
-        clearLabel={copy.filters.clearRange(field.label)}
-        label={field.pill?.label ?? field.label}
-        options={options}
-        selected={new Set(values)}
-        onToggle={onToggle}
-        onClear={onClear}
-        allLabel={copy.filters.allOption}
-        searchable={options.length > 6 ? true : undefined}
-        searchPlaceholder={copy.filters.optionSearchPlaceholder}
-        noResultsLabel={copy.filters.optionsEmpty}
-        layout="pill"
-        data-testid={`${testIdPrefix}-more-${field.id}`}
+      <PillControl
+        fieldId={field.id}
+        pill={field.pill}
+        selected={values}
+        onTogglePill={onTogglePill}
+        onClearField={onClear}
+        testIdPrefix={testIdPrefix}
+        testId={testId}
       />
     );
   }
+  const onToggle = (value: string, checked: boolean) => onTogglePill(field.id, value, checked);
   return (
     <Box sx={{ display: "flex", flexWrap: "wrap", gap: 0.75 }}>
       {(field.pill?.options ?? []).map((option) => {
@@ -89,7 +106,7 @@ function OverflowPill<T extends Record<string, unknown>>({
           <Box
             key={option.value}
             component="label"
-            data-testid={`${testIdPrefix}-more-${field.id}-${option.value}`}
+            data-testid={`${testId}-${option.value}`}
             sx={{
               display: "inline-flex",
               alignItems: "center",
@@ -168,17 +185,6 @@ function OverflowRange<T extends Record<string, unknown>>({
   );
 }
 
-/**
- * The trigger, badged with how many fields had no room on the bar — and told
- * apart when some of them are APPLIED.
- *
- * An applied filter can land in here now (it is ranked first, not exempt), so
- * this button is the only thing on screen still saying it exists. A neutral
- * badge reading "3" would make "three filters you have not used" and "three
- * filters narrowing this list" look identical, which is the whole failure the
- * old exemption was written to avoid. So an overflow holding applied filters
- * takes the applied tone and counts them in its own badge.
-
 /**
  * Whether a field has anything applied, and how to unapply it — the two shapes
  * (a pill's selected values, a range's bounds) answered in one place so the
@@ -262,7 +268,7 @@ export function MoreGroup<T extends Record<string, unknown>>({
         <OverflowPill
           field={field}
           values={pills[field.id] ?? []}
-          onToggle={(value, checked) => onTogglePill(field.id, value, checked)}
+          onTogglePill={onTogglePill}
           onClear={() => (pills[field.id] ?? []).forEach((v) => onTogglePill(field.id, v, false))}
           testIdPrefix={testIdPrefix}
         />

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

@@ -361,5 +361,16 @@ export function useFilterOverflow<T extends Record<string, unknown>>(
   if (cache.current === null || (!frozen && cache.current.signature !== signature)) {
     cache.current = { signature, split: computeSplit(all, pills, ranges, width, hasExport, theme) };
   }
-  return { ...cache.current.split, barRef };
+  // 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
+  // options arrive after the first measurement (a category list still loading)
+  // does not re-split, and handing back the cached objects served the empty
+  // list for good: "Categoria" in "Mais" rendered a label with no control under
+  // it (FUT-2828). Re-reading each field from `all` keeps the slots and the
+  // current config.
+  const { split } = cache.current;
+  const current = new Map(all.map((field) => [field.id, field]));
+  const fresh = (fields: OverflowField<T>[]): OverflowField<T>[] =>
+    fields.map((field) => current.get(field.id) ?? field);
+  return { ...split, inline: fresh(split.inline), overflow: fresh(split.overflow), barRef };
 }

package/src/components/form/Autocomplete/useAutocomplete.ts

@@ -35,6 +35,15 @@ interface AutocompleteState<T> {
   setJustCompletedGhost: Setter<boolean>;
   userClosedDropdown: boolean;
   setUserClosedDropdown: Setter<boolean>;
+  /**
+   * Mirrors `userClosedDropdown`, set synchronously wherever the state is
+   * (see {@link setDeliberateClose}). An effect scheduled by one render and
+   * flushed after a LATER render has already changed this flag reads a
+   * stale, closed-over `userClosedDropdown` — but `.current` on a ref is
+   * dereferenced live, so it always reflects the latest write regardless of
+   * which render's closure is doing the reading (FUT-2780).
+   */
+  userClosedDropdownRef: React.RefObject<boolean>;
   inputRef: React.RefObject<HTMLInputElement | null>;
   listRef: React.RefObject<HTMLUListElement | null>;
   debounceRef: React.RefObject<number | undefined>;
@@ -50,6 +59,7 @@ function useAutocompleteState<T>(value: string, suggestions: T[]): AutocompleteS
   const [isInputFocused, setIsInputFocused] = useState(false);
   const [justCompletedGhost, setJustCompletedGhost] = useState(false);
   const [userClosedDropdown, setUserClosedDropdown] = useState(false);
+  const userClosedDropdownRef = useRef(false);
   const inputRef = useRef<HTMLInputElement>(null);
   const listRef = useRef<HTMLUListElement | null>(null);
   const debounceRef = useRef<number | undefined>(undefined);
@@ -57,10 +67,21 @@ function useAutocompleteState<T>(value: string, suggestions: T[]): AutocompleteS
     open, setOpen, activeIndex, setActiveIndex, ghost, setGhost, inputValue, setInputValue,
     composition, setComposition, filteredSuggestions, setFilteredSuggestions, isInputFocused,
     setIsInputFocused, justCompletedGhost, setJustCompletedGhost, userClosedDropdown,
-    setUserClosedDropdown, inputRef, listRef, debounceRef,
+    setUserClosedDropdown, userClosedDropdownRef, inputRef, listRef, debounceRef,
   };
 }
 
+/**
+ * Set the "this close was deliberate" flag in both the ref effects read
+ * synchronously (live, even from a stale closure) and the state the rest of
+ * the component reads for render — every call site that touches
+ * `userClosedDropdown` goes through this so the two never drift (FUT-2780).
+ */
+function setDeliberateClose<T>(s: AutocompleteState<T>, closed: boolean): void {
+  s.userClosedDropdownRef.current = closed;
+  s.setUserClosedDropdown(closed);
+}
+
 // ---- effects (one tiny hook each; explicit params keep deps complete) --------
 
 function useValueSync(value: string, setInputValue: Setter<string>): void {
@@ -101,17 +122,17 @@ function useLoadingOpen(
   isLoading: boolean,
   inputValue: string,
   disabled: boolean,
-  userClosedDropdown: boolean,
+  userClosedDropdownRef: React.RefObject<boolean>,
   setOpen: Setter<boolean>,
   setActiveIndex: Setter<number>,
 ): void {
   useEffect(() => {
-    if (isLoading && inputValue.trim().length > 0 && !disabled && !userClosedDropdown) setOpen(true);
+    if (isLoading && inputValue.trim().length > 0 && !disabled && !userClosedDropdownRef.current) setOpen(true);
     if (disabled) {
       setOpen(false);
       setActiveIndex(-1);
     }
-  }, [isLoading, inputValue, disabled, userClosedDropdown, setOpen, setActiveIndex]);
+  }, [isLoading, inputValue, disabled, userClosedDropdownRef, setOpen, setActiveIndex]);
 }
 
 /** Inputs to the auto-open check, all primitive/stable so effect deps stay complete. */
@@ -120,7 +141,7 @@ interface AutoOpenArgs {
   isInputFocused: boolean;
   composition: boolean;
   justCompletedGhost: boolean;
-  userClosedDropdown: boolean;
+  userClosedDropdownRef: React.RefObject<boolean>;
   activeIndex: number;
   setOpen: Setter<boolean>;
   setActiveIndex: Setter<number>;
@@ -133,7 +154,7 @@ function maybeAutoOpen(a: AutoOpenArgs, hasResults: boolean): void {
     a.isInputFocused &&
     !a.composition &&
     !a.justCompletedGhost &&
-    !a.userClosedDropdown;
+    !a.userClosedDropdownRef.current;
   if (!canAutoOpen) return;
   a.setOpen(true);
   if (hasResults && a.activeIndex === -1) a.setActiveIndex(0);
@@ -146,7 +167,7 @@ function useLocalFilter<T>(p: AutocompleteProps<T>, s: AutocompleteState<T>): vo
   const async = Boolean(p.async);
   const {
     inputValue, isInputFocused, composition, justCompletedGhost, userClosedDropdown, activeIndex,
-    setFilteredSuggestions, setOpen, setActiveIndex,
+    setFilteredSuggestions, setOpen, setActiveIndex, userClosedDropdownRef,
   } = s;
   useEffect(() => {
     const suggestions = propSuggestions ?? [];
@@ -157,12 +178,17 @@ function useLocalFilter<T>(p: AutocompleteProps<T>, s: AutocompleteState<T>): vo
     const filtered = filterSuggestions(suggestions, inputValue, matchMode, getLabel);
     setFilteredSuggestions(filtered);
     maybeAutoOpen(
-      { inputValue, isInputFocused, composition, justCompletedGhost, userClosedDropdown, activeIndex, setOpen, setActiveIndex },
+      { inputValue, isInputFocused, composition, justCompletedGhost, userClosedDropdownRef, activeIndex, setOpen, setActiveIndex },
       filtered.length > 0,
     );
+    // `userClosedDropdown` (state) stays a dependency so this effect still
+    // reruns on every change of it, same as before — only the VALUE read
+    // inside `maybeAutoOpen` moved to the ref (see `userClosedDropdownRef`'s
+    // doc comment).
   }, [
     propSuggestions, inputValue, async, getLabel, matchMode, isInputFocused, composition,
     justCompletedGhost, userClosedDropdown, activeIndex, setFilteredSuggestions, setOpen, setActiveIndex,
+    userClosedDropdownRef,
   ]);
 }
 
@@ -189,7 +215,7 @@ function commitMultiSelect<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteS
   if (!current.some((sel) => getKey(sel) === getKey(item))) p.onSelectedItemsChange?.([...current, item]);
   s.setInputValue('');
   onChange('');
-  s.setUserClosedDropdown(false);
+  setDeliberateClose(s, false);
 }
 
 function commitSingleSelect<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState<T>, onChange: (v: string) => void): void {
@@ -227,8 +253,11 @@ function runSelectItem<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState
   // Set LAST so a re-fired `onFocus` cannot clear the flag. The close itself
   // relies on the input never blurring during a pick (the option's
   // `onMouseDown` preventDefault, and Enter keeps focus): `onFocus` reopens a
-  // non-empty input directly, without reading this flag.
-  if (isSingleSelectPick) s.setUserClosedDropdown(true);
+  // non-empty input directly, without reading this flag. The REF half is set
+  // in the same synchronous tick as the pick, so an effect scheduled by an
+  // earlier keystroke — and still pending when this runs — reads the
+  // up-to-date value instead of the one it closed over (FUT-2780).
+  if (isSingleSelectPick) setDeliberateClose(s, true);
 }
 
 function buildKeyContext<T>(
@@ -244,7 +273,8 @@ function buildKeyContext<T>(
     multiple: Boolean(p.multiple), selectedItems: p.selectedItems ?? [],
     getLabel: p.getLabel ?? defaultGetLabel,
     getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,
-    setOpen: s.setOpen, setActiveIndex: s.setActiveIndex, setUserClosedDropdown: s.setUserClosedDropdown,
+    setOpen: s.setOpen, setActiveIndex: s.setActiveIndex,
+    setUserClosedDropdown: (closed: boolean) => setDeliberateClose(s, closed),
     setInputValue: s.setInputValue, setGhost: s.setGhost, setJustCompletedGhost: s.setJustCompletedGhost,
     debouncedOnChange: onChange, selectItem, onSelectedItemsChange: p.onSelectedItemsChange,
   };
@@ -287,7 +317,7 @@ export function useAutocomplete<T>(p: AutocompleteProps<T>): AutocompleteView<T>
     Boolean(p.isLoading),
     s.inputValue,
     Boolean(p.disabled),
-    s.userClosedDropdown,
+    s.userClosedDropdownRef,
     s.setOpen,
     s.setActiveIndex,
   );
@@ -315,11 +345,11 @@ export function useAutocomplete<T>(p: AutocompleteProps<T>): AutocompleteView<T>
       s.setInputValue(e.target.value);
       debouncedOnChange(e.target.value);
       if (!s.open || s.filteredSuggestions.length === 0) s.setActiveIndex(-1);
-      s.setUserClosedDropdown(false);
+      setDeliberateClose(s, false);
     },
     onFocus: (): void => {
       s.setIsInputFocused(true);
-      s.setUserClosedDropdown(false);
+      setDeliberateClose(s, false);
       if (!s.inputValue.trim()) return;
       s.setOpen(true);
       if (s.filteredSuggestions.length > 0 && s.activeIndex === -1) s.setActiveIndex(0);
@@ -330,7 +360,7 @@ export function useAutocomplete<T>(p: AutocompleteProps<T>): AutocompleteView<T>
     onClickAway: (): void => {
       s.setOpen(false);
       s.setActiveIndex(-1);
-      s.setUserClosedDropdown(true);
+      setDeliberateClose(s, true);
     },
   };
 }