@12-apps/ui 6.82.0 → 6.84.0

package/dist/types/components/form/CepField/CepField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CepField.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CepField/CepField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,KAAK,EAAc,aAAa,EAAmB,MAAM,kBAAkB,CAAC;AA6GnF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAa,EACb,WAAyB,EACzB,KAAK,EACL,QAAgB,EAChB,UAAgB,EAChB,IAAmB,EACnB,UAAU,EACV,IAAI,GACL,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAiDpC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CepField.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CepField/CepField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,KAAK,EAAc,aAAa,EAAmB,MAAM,kBAAkB,CAAC;AA0InF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAa,EACb,WAAyB,EACzB,KAAK,EACL,QAAgB,EAChB,UAAgB,EAChB,IAAmB,EACnB,UAAU,EACV,IAAI,EACJ,IAAI,EAAE,uDAAuD;AAC7D,cAAwB,EACxB,YAAY,GACb,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAsDpC;AAED,eAAe,QAAQ,CAAC"}

package/dist/types/components/form/CepField/CepField.types.d.ts

@@ -1,4 +1,5 @@
 import type { CepFieldCopy } from "../../../copy";
+import type { InputSize } from "../Input/Input.base";
 /**
  * Types for {@link CepField} — the reusable CEP auto-completer.
  */
@@ -70,5 +71,28 @@ export interface CepFieldProps {
     name?: string;
     /** Test id for the input. Defaults to `cep-field-<name>`. */
     dataTestId?: string;
+    /**
+     * A step of the house size scale — the same values, and the same box
+     * heights, as {@link Input}'s `size`. Defaults to `md`.
+     */
+    size?: InputSize;
+    /**
+     * Where the label is drawn.
+     *
+     * - `above` (default): a stacked label over the box, as the field has always
+     *   rendered. Every existing caller keeps it.
+     * - `inside`: the label sits in the box and floats up on focus or a value,
+     *   exactly as `Input`'s label does. Use it beside `Input`s so the CEP block
+     *   is the same height as its neighbours.
+     */
+    labelPlacement?: 'above' | 'inside';
+    /**
+     * The `<input>`'s `autocomplete`. Defaults to `postal-code`, which lets the
+     * browser offer the signed-in person's own CEP — right on their own address
+     * form, wrong on a form for somebody else's (a supplier): pass `off` there,
+     * or the owner's CEP goes in and the lookup fills the owner's street
+     * (FUT-4140).
+     */
+    autoComplete?: string;
 }
 //# sourceMappingURL=CepField.types.d.ts.map

package/dist/types/components/form/CepField/CepField.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CepField.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CepField/CepField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD;;GAEG;AAEH;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc;IACd,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,iBAAiB;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU;IACV,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,oEAAoE;AACpE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAExE,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,IAAI,EAAE,YAAY,CAAC;IACnB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACvD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"CepField.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/CepField/CepField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD;;GAEG;AAEH;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc;IACd,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,iBAAiB;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU;IACV,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,oEAAoE;AACpE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAExE,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,IAAI,EAAE,YAAY,CAAC;IACnB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACvD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACpC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/types/components/form/InputOTP/InputOTP.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsBtD,eAAO,MAAM,QAAQ,sFAkDnB,CAAC"}
+{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyDtD,eAAO,MAAM,QAAQ,sFAsDnB,CAAC"}

package/dist/types/components/form/InputOTP/InputOTP.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTP.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/InputOTP/InputOTP.hooks.ts"],"names":[],"mappings":"AAmBA,UAAU,QAAQ;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,kDAAkD,QAAQ;;;+BAwB3E,MAAM,cAAc,MAAM;2BAgB1B,MAAM,KAAK,KAAK,CAAC,aAAa;qBAelC,KAAK,CAAC,cAAc;CAc3B,CAAC"}
+{"version":3,"file":"InputOTP.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/InputOTP/InputOTP.hooks.ts"],"names":[],"mappings":"AAiDA,UAAU,QAAQ;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,kDAAkD,QAAQ;;;+BAqC3E,MAAM,cAAc,MAAM;2BAkB1B,MAAM,KAAK,KAAK,CAAC,aAAa;qBAelC,KAAK,CAAC,cAAc;CAQ3B,CAAC"}

package/dist/types/components/form/total-form/Fields/CepField.d.ts

@@ -1,5 +1,6 @@
 import type { CepFieldCopy } from "../../../../copy";
 import React from 'react';
+import type { InputSize } from '../../Input/Input.base';
 import { type CepAddress } from '../../CepField';
 /** The resolved address parts a form can receive. */
 type CepPart = 'street' | 'neighborhood' | 'city' | 'state';
@@ -22,6 +23,15 @@ export interface CepFieldProps {
     fills?: CepFills;
     /** Milliseconds to wait after the last keystroke before looking up. */
     debounceMs?: number;
+    /** The input's size — the same scale, and box heights, as `Input`. Defaults to `md`. */
+    size?: InputSize;
+    /** `above` (default) stacks the label over the box; `inside` floats it in the box like `Input`. */
+    labelPlacement?: 'above' | 'inside';
+    /**
+     * The `<input>`'s `autocomplete`. Defaults to `postal-code`; pass `off` when
+     * the form holds somebody else's address (FUT-4140).
+     */
+    autoComplete?: string;
 }
 /**
  * CEP field bound to {@link useFormContext}: masks and validates the CEP, then
@@ -42,6 +52,6 @@ export interface CepFieldProps {
  * />
  * ```
  */
-export declare function CepField({ name, label, lookup, fills, debounceMs, copy, }: CepFieldProps): React.ReactElement;
+export declare function CepField({ name, label, lookup, fills, debounceMs, copy, size, labelPlacement, autoComplete, }: CepFieldProps): React.ReactElement;
 export {};
 //# sourceMappingURL=CepField.d.ts.map

package/dist/types/components/form/total-form/Fields/CepField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CepField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/CepField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAA4B,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG3E,qDAAqD;AACrD,KAAK,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAExD,mDAAmD;AACnD,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,IAAI,EAAE,YAAY,CAAC;IACnB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACrD,iEAAiE;IACjE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,IAAI,GACL,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAsCpC"}
+{"version":3,"file":"CepField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/CepField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAA4B,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG3E,qDAAqD;AACrD,KAAK,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAExD,mDAAmD;AACnD,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,IAAI,EAAE,YAAY,CAAC;IACnB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACrD,iEAAiE;IACjE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mGAAmG;IACnG,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACpC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAoDD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,YAAY,GACb,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAyCpC"}

package/dist/types/components/form/total-form/Fields/TextField.d.ts

@@ -1,3 +1,4 @@
+import type { InputHTMLAttributes } from 'react';
 import React from 'react';
 /** Props for the `total-form` {@link TextField}. */
 export interface TextFieldProps {
@@ -9,7 +10,27 @@ export interface TextFieldProps {
     type?: string;
     /** Placeholder shown when the field is empty. */
     placeholder?: string;
+    /**
+     * The `autocomplete` attribute of the `<input>`. Omitted, the browser decides
+     * from the `name` — which is how a supplier's `name`/`phone`/`email` gets
+     * offered the signed-in owner's own (FUT-4140). Pass `off` for somebody
+     * else's data, `new-password` for a secret the password manager must not
+     * fill. An `inputProps.autoComplete` wins over this one.
+     */
+    autoComplete?: string;
+    /**
+     * Attributes for the `<input>` element itself — `inputMode`, `autoCapitalize`,
+     * `autoCorrect`, `spellCheck`, `maxLength`, `pattern`, `enterKeyHint`…
+     *
+     * They reach the `<input>`, never the wrapper `div`, where a keypad hint does
+     * nothing. What the field owns — `id`, `name`, `type`, `value`, `onChange`,
+     * `placeholder` and the `total-form-field-<name>` test id — is not
+     * overridable here.
+     */
+    inputProps?: TextFieldInputProps;
 }
+/** The `<input>` attributes {@link TextField} lets a caller set (see `inputProps`). */
+export type TextFieldInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'name' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'size' | 'color'>;
 /**
  * Text input field bound to {@link useFormContext}. Composes the existing
  * `@12-apps/ui` `Form*` presentational primitives and the `Input` control,
@@ -18,5 +39,5 @@ export interface TextFieldProps {
  * Renders its error via `total-form-field-<name>-message` and the input via
  * `total-form-field-<name>`.
  */
-export declare function TextField({ name, label, type, placeholder }: TextFieldProps): React.ReactElement;
+export declare function TextField({ name, label, type, placeholder, autoComplete, inputProps, }: TextFieldProps): React.ReactElement;
 //# sourceMappingURL=TextField.d.ts.map

package/dist/types/components/form/total-form/Fields/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAa,EAAE,WAAW,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA6BzG"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC;AAED,uFAAuF;AACvF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,CAClG,CAAC;AA+BF;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,IAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,GACX,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA+BrC"}

package/dist/types/components/form/total-form/Fields/index.d.ts

@@ -3,7 +3,7 @@ export type { CategoryFieldProps } from './CategoryField';
 export { CepField } from './CepField';
 export type { CepFieldProps, CepFills } from './CepField';
 export { TextField } from './TextField';
-export type { TextFieldProps } from './TextField';
+export type { TextFieldInputProps, TextFieldProps } from './TextField';
 export { SelectField } from './SelectField';
 export type { SelectFieldProps } from './SelectField';
 export { ToggleField } from './ToggleField';

package/dist/types/components/form/total-form/Fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/components/form/total-form/index.d.ts

@@ -8,5 +8,5 @@ export { SubmitButton } from './SubmitButton';
 export type { SubmitButtonProps } from './SubmitButton';
 export * as Fields from './Fields';
 export { CategoryField, TextField, SelectField } from './Fields';
-export type { CategoryFieldProps, TextFieldProps, SelectFieldProps } from './Fields';
+export type { CategoryFieldProps, TextFieldInputProps, TextFieldProps, SelectFieldProps } from './Fields';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/form/total-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/total-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/total-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/en-US.data-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.data-display.d.ts","sourceRoot":"","sources":["../../src/en-US.data-display.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,EACd,iBAAiB,EAClB,MAAM,QAAQ,CAAC;AAQhB,eAAO,MAAM,mBAAmB,EAAE,YAcjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAOlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAa3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CAItD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,iBAUvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aAMnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aAqMnC,CAAC"}
+{"version":3,"file":"en-US.data-display.d.ts","sourceRoot":"","sources":["../../src/en-US.data-display.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,EACd,iBAAiB,EAClB,MAAM,QAAQ,CAAC;AAQhB,eAAO,MAAM,mBAAmB,EAAE,YAcjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAOlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAa3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CAItD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,iBAUvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aAMnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aAsMnC,CAAC"}

package/dist/types/pt-BR.data-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt-BR.data-display.d.ts","sourceRoot":"","sources":["../../src/pt-BR.data-display.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,EACd,iBAAiB,EAClB,MAAM,QAAQ,CAAC;AAQhB,eAAO,MAAM,mBAAmB,EAAE,YAcjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAOlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAa3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CAItD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,iBAUvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aAMnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aA6LnC,CAAC"}
+{"version":3,"file":"pt-BR.data-display.d.ts","sourceRoot":"","sources":["../../src/pt-BR.data-display.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,cAAc,EACd,iBAAiB,EAClB,MAAM,QAAQ,CAAC;AAQhB,eAAO,MAAM,mBAAmB,EAAE,YAcjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAOlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAa3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CAItD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,iBAUvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aAMnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aA8LnC,CAAC"}

package/dist/user-avatar.js

@@ -1,14 +1,14 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-BO6IMK5P.js";
+} from "./chunk-DPHSJLMN.js";
 import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-4J62V5OE.js";
+import "./chunk-7YJYIMWP.js";
 import "./chunk-3ZVUNSFF.js";
-import "./chunk-7XSCEHGA.js";
-import "./chunk-MTEQEPNY.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.82.0",
+  "version": "6.84.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

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

@@ -206,6 +206,12 @@ export interface DataViewsFiltersCopy {
    * wrong. `dd/mm/aaaa` is one locale's order and one locale's letters.
    */
   dayMask: string;
+  /**
+   * Under a day field holding eight digits that name no day (`31/02/2026`).
+   * Without it the field kept the previous filter and said nothing, so the
+   * list read like an answer to a date nobody could have meant (FUT-4144).
+   */
+  dayInvalid: string;
   /** Drop every applied filter, spelled out in the panel where there is room. */
   clearAllFilters: string;
   /** The day-range presets' labels, keyed by preset id. */

package/src/components/data-display/DataViews/data-views-day-input.tsx

@@ -28,7 +28,7 @@
  * date, which is what keeps the run above at one request rather than four.
  */
 import TextField from '@mui/material/TextField/index.js';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useId, useState } from 'react';
 import { fieldTextFieldStyles } from '../../../tokens/field-height';
 import { sxRem } from '../../../tokens/relative';
 
@@ -146,6 +146,32 @@ export function maskDate(raw: string, mask: string): string {
   return out.join(separator);
 }
 
+/** A wire day on its own, as a paste or an autofill delivers it: `2026-10-01`. */
+const ISO_DAY = /^\s*(\d{4}-\d{2}-\d{2})\s*$/;
+
+/**
+ * What the field shows for whatever arrived — typed, pasted, autofilled.
+ *
+ * A whole ISO day (`AAAA-MM-DD`) is READ AS THAT DAY and written in the mask's
+ * order. Through `maskDate` alone it is eight digits taken day-first, so a
+ * pasted `2026-10-01` came out as `20/26/1001` (FUT-4144). Anything else is
+ * masked exactly as typing always was, so the typed and pasted forms of one day
+ * land on the same text.
+ */
+export function readDayText(raw: string, mask: string): string {
+  const iso = ISO_DAY.exec(raw)?.[1];
+  const masked = iso ? isoToMasked(iso, mask) : '';
+  return masked || maskDate(raw, mask);
+}
+
+/**
+ * Whether `text` is a WHOLE day that does not exist — `31/02/2026`. A partial
+ * entry is not impossible, only unfinished, and is never flagged.
+ */
+export function isImpossibleDay(text: string, mask: string): boolean {
+  return text.replace(/\D/g, '').length === 8 && maskedToIso(text, mask) === '';
+}
+
 /**
  * What has to land on the `<input>` itself rather than on the `TextField`.
  *
@@ -166,30 +192,19 @@ export function maskDate(raw: string, mask: string): string {
  * keypad to suggest names and addresses, none of which are a date, and none of
  * which the mask would keep.
  */
-function dayInputProps(testId: string, describedBy: string | undefined) {
+function dayInputProps(testId: string, describedBy: readonly (string | undefined)[]) {
+  const ids = describedBy.filter(Boolean).join(' ');
   return {
     'data-testid': testId,
     maxLength: 10,
     inputMode: 'numeric' as const,
     autoComplete: 'off',
-    ...(describedBy ? { 'aria-describedby': describedBy } : {}),
+    ...(ids ? { 'aria-describedby': ids } : {}),
   };
 }
 
-/**
- * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's
- * inclusive day comparison already speaks, and the form the chip label reads —
- * so only the typing surface changes.
- */
-export function DayBoundInput({
-  label,
-  value,
-  onChange,
-  testId,
-  error = false,
-  describedBy,
-  mask,
-}: {
+/** Props of {@link DayBoundInput}. */
+interface DayBoundInputProps {
   label: string;
   /** The applied bound, `AAAA-MM-DD`, or undefined when this end is open. */
   value: string | undefined;
@@ -215,46 +230,127 @@ export function DayBoundInput({
    * of that picker — which is exactly what it did.
    */
   mask: string;
-}): React.JSX.Element {
-  const applied = value ?? '';
+  /**
+   * Said under the field when its eight digits name no day (`31/02/2026`); the
+   * field is then marked invalid and KEEPS the text on blur, so the reader sees
+   * what was refused instead of the old value quietly coming back (FUT-4144).
+   *
+   * Opt-in, because the field ships no words of its own: without it an
+   * impossible day is still never written, and blur still snaps back.
+   */
+  invalidMessage?: string;
+}
+
+/** What {@link useDayText} hands the field: its text, its verdict and its handlers. */
+interface DayText {
+  text: string;
+  impossible: boolean;
+  handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  handlePaste: (event: React.ClipboardEvent<HTMLDivElement>) => void;
+  handleBlur: () => void;
+}
+
+/** The typed text of one bound, kept apart from the APPLIED bound it may commit. */
+function useDayText(
+  applied: string,
+  mask: string,
+  onChange: (bound: string | undefined) => void,
+  judgesImpossible: boolean,
+): DayText {
   const [text, setText] = useState(() => isoToMasked(applied, mask));
+  const impossible = judgesImpossible && isImpossibleDay(text, mask);
+
+  // Emptying clears the bound. A COMPLETE day applies it. A partial (or an
+  // impossible) one does NEITHER — it leaves whatever is applied alone, so
+  // typing is never fought and a half-typed year never reaches the backend.
+  const enter = (next: string) => {
+    setText(next);
+    if (next === '') return onChange(undefined);
+    const iso = maskedToIso(next, mask);
+    if (iso) onChange(iso);
+  };
 
   // The bound is the APPLIED filter; `text` is what is being typed. Re-sync only
   // when the applied value moved somewhere the text does not already mean — a
   // "Limpar", a saved view, the other pill resetting the pair. Without that
   // guard the field's own write bounces straight back mid-edit and resets the
   // caret, which is the native control's worst habit reproduced by hand.
+  //
+  // "Already means" is a REAL day equal to the bound, or an empty field for an
+  // open bound. An impossible day parses to `''` too, so a bare comparison let
+  // a "Limpar" (applied → `''`) keep `31/02/2026` on screen, red, over a filter
+  // that had just been cleared.
   useEffect(() => {
-    setText((current) =>
-      maskedToIso(current, mask) === applied ? current : isoToMasked(applied, mask),
-    );
+    setText((current) => {
+      const iso = maskedToIso(current, mask);
+      const means = (iso !== '' || current === '') && iso === applied;
+      return means ? current : isoToMasked(applied, mask);
+    });
   }, [applied, mask]);
 
+  return {
+    text,
+    impossible,
+    handleChange: (event) => enter(readDayText(event.target.value, mask)),
+    // A pasted ISO day REPLACES the field whatever it held: inserted at the
+    // caret into existing digits it would be read as more digits, and the
+    // `maxLength` would cut a padded one before `onChange` ever saw it.
+    handlePaste: (event) => {
+      const pasted = event.clipboardData.getData('text');
+      if (!ISO_DAY.test(pasted)) return;
+      event.preventDefault();
+      enter(readDayText(pasted, mask));
+    },
+    // Leaving a half-typed date on screen would show a filter the list is not
+    // actually using. On blur the field snaps back to what IS applied; a
+    // complete date already equals it, so this only ever tidies. An impossible
+    // day the field is SAYING is impossible stays, with its message: snapping
+    // it back is the silent forgetting FUT-4144 removed.
+    handleBlur: () => {
+      if (!impossible) setText(isoToMasked(applied, mask));
+    },
+  };
+}
+
+/**
+ * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's
+ * inclusive day comparison already speaks, and the form the chip label reads —
+ * so only the typing surface changes.
+ */
+export function DayBoundInput({
+  label,
+  value,
+  onChange,
+  testId,
+  error = false,
+  describedBy,
+  mask,
+  invalidMessage,
+}: DayBoundInputProps): React.JSX.Element {
+  const id = useId();
+  const { text, impossible, handleChange, handlePaste, handleBlur } = useDayText(
+    value ?? '',
+    mask,
+    onChange,
+    invalidMessage !== undefined,
+  );
+
   return (
     <TextField
       size="small"
       type="text"
+      id={id}
       label={label}
-      error={error}
+      error={error || impossible}
+      helperText={impossible ? invalidMessage : undefined}
       placeholder={mask}
       value={text}
-      onChange={(event) => {
-        const next = maskDate(event.target.value, mask);
-        setText(next);
-        // Emptying clears the bound. A COMPLETE day applies it. A partial one
-        // does NEITHER — it leaves whatever is applied alone, so typing is never
-        // fought and a half-typed year never reaches the backend.
-        if (next === '') return onChange(undefined);
-        const iso = maskedToIso(next, mask);
-        if (iso) onChange(iso);
-      }}
-      // Leaving a half-typed (or impossible) date on screen would show a filter
-      // the list is not actually using. On blur the field snaps back to what IS
-      // applied; a complete date already equals it, so this only ever tidies.
-      onBlur={() => setText(isoToMasked(applied, mask))}
+      onChange={handleChange}
+      onPaste={handlePaste}
+      onBlur={handleBlur}
       // The placeholder occupies the space an un-shrunk label would render into.
       InputLabelProps={{ shrink: true }}
-      inputProps={dayInputProps(testId, describedBy)}
+      inputProps={dayInputProps(testId, [impossible ? `${id}-helper-text` : undefined, describedBy])}
       sx={[{ width: sxRem(165) }, fieldTextFieldStyles]}
     />
   );

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

@@ -111,7 +111,7 @@ export function ShellEmpty<T extends Record<string, unknown>>({
   return (
     <DataViewsEmpty
       filtered={c.activeFilterCount > 0 || c.state.search !== ""}
-      onClearFilters={() => c.patch({ search: "", pills: {}, ranges: {} })}
+      onClearFilters={c.clearFilters}
       emptyState={emptyState}
       testIdPrefix={testIdPrefix}
     />

package/src/components/data-display/DataViews/data-views-filter-panel.tsx

@@ -30,6 +30,12 @@ export interface GridFilterPanelProps<T extends Record<string, unknown>> {
   onChangeRange: (fieldId: string, range: RangeValue) => void;
   onClearField: (fieldId: string) => void;
   onClearAll: () => void;
+  /**
+   * Changes on every clear-all, from any surface (`useClearFilters`). The
+   * controls are keyed on it, so a clear also empties a field holding text the
+   * filter never applied — a refused day under an open range (FUT-4144).
+   */
+  clearKey?: number;
 }
 
 /** One pill field: a compact multi-select for long lists, else a checkbox list. */
@@ -135,7 +141,7 @@ export function GridFilterPanel<T extends Record<string, unknown>>(
       clearTestId={`${props.testIdPrefix}-clear-filters`}
       ariaLabel={copy.filters.panelTitle}
     >
-      <FilterControls {...props} />
+      <FilterControls key={props.clearKey} {...props} />
     </TableFilter.Panel>
   );
 }
@@ -180,7 +186,7 @@ export function FilterDialog<T extends Record<string, unknown>>({
               {copy.filters.clearAllFilters}
             </Link>
           </Box>
-          <FilterControls {...props} />
+          <FilterControls key={props.clearKey} {...props} />
         </Box>
       </StackedModalContent>
     </StackedModal>

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

@@ -85,6 +85,8 @@ interface FilterSurfaceProps<T extends Record<string, unknown>> {
   onChangeRange: (fieldId: string, range: RangeValue) => void;
   onClearField: (fieldId: string) => void;
   onClearAll: () => void;
+  /** Changes on every clear-all; the panel's controls are keyed on it. */
+  clearKey: number;
   /** Press a quick chip (its field becomes `[value]`), or release the pressed one. */
   onToggleQuick: (quick: QuickFilterConfig) => void;
 }
@@ -175,7 +177,7 @@ function useGridShellFilters<T extends Record<string, unknown>>({
       c.patch(({ pills }) => ({ pills: { ...pills, [fieldId]: togglePillValues(pills[fieldId], value, checked) } })),
     onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),
     onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),
-    onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} }),
+    onClearAll: c.clearFilters, clearKey: c.clearKey,
     onToggleQuick: (quick) => c.patch(({ pills }) => ({ pills: toggleQuick(pills, quick) })),
   };
   return {

package/src/components/data-display/DataViews/data-views-inline-bar.tsx

@@ -218,7 +218,10 @@ export function InlineFilterControls<T extends Record<string, unknown>>({
   activeFilterCount,
   onControlOpenChange,
   onToggleQuick,
+  clearKey,
 }: Omit<InlineFilterBarProps<T>, "fields" | "rangeFields"> & {
+  /** Changes on every clear-all; the "Mais" fields are keyed on it (FUT-4144). */
+  clearKey?: number;
   /** Presses or releases a quick chip — see `QuickFilterConfig`. */
   onToggleQuick?: (quick: QuickFilterConfig) => void;
   /** How many filters are applied — decides whether "Limpar" is on the bar at all. */
@@ -275,6 +278,7 @@ export function InlineFilterControls<T extends Record<string, unknown>>({
         compactControls={compactControls}
         clearAllHidden={clearAllHidden}
         testIdPrefix={testIdPrefix}
+        clearKey={clearKey}
       />
       )}
     </Box>
@@ -302,7 +306,9 @@ function FilterSlots<T extends Record<string, unknown>>({
   compactControls,
   clearAllHidden,
   testIdPrefix,
+  clearKey,
 }: {
+  clearKey?: number;
   onToggleQuick?: (quick: QuickFilterConfig) => void;
   inline: OverflowField<T>[];
   overflow: OverflowField<T>[];
@@ -335,6 +341,7 @@ function FilterSlots<T extends Record<string, unknown>>({
         />
       ))}
       <MoreFilters
+        clearKey={clearKey}
         onOpenChange={onControlOpenChange}
         onClearAll={onClearAll}
         anyApplied={activeFilterCount > 0}

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

@@ -207,8 +207,11 @@ export function MoreFilters<T extends Record<string, unknown>>({
   onClearAll,
   anyApplied,
   compact = false,
+  clearKey,
   ...rest
 }: MoreFiltersProps<T> & {
+  /** Changes on every clear-all; the fields here are keyed on it (FUT-4144). */
+  clearKey?: number;
   /** Icon only — the same rung that strips Exibir/Exportar. */
   compact?: boolean;
   /** Clears every filter, not just the ones in here. */
@@ -267,7 +270,7 @@ export function MoreFilters<T extends Record<string, unknown>>({
               means something refused to, which is a bug to fix rather than a
               scrollbar to live with. */}
           <Box sx={{ maxHeight: sxRem(320), overflowY: "auto", overflowX: "hidden", p: 1.5, minWidth: 0 }}>
-            <MoreFields fields={fields} {...rest} />
+            <MoreFields key={clearKey} fields={fields} {...rest} />
           </Box>
           {anyApplied && (
             <MoreFooter onClearAll={onClearAll} testIdPrefix={rest.testIdPrefix} />

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

@@ -24,6 +24,7 @@ import { TableFilter } from '../../layout/TableFilter';
 import { DayBoundInput } from './data-views-day-input';
 import { NumberBoundInput } from './data-views-number-input';
 import { RangePresets } from './data-views-preset-chips';
+import { useOutsideResetKey } from './data-views-range-reset';
 import { presetsFor } from './data-views-range-presets';
 import {
   isRangeInverted,
@@ -64,6 +65,7 @@ function BoundField<T extends Record<string, unknown>>({
     return (
       <DayBoundInput
         mask={copy.filters.dayMask}
+        invalidMessage={copy.filters.dayInvalid}
         label={label}
         value={value == null ? undefined : String(value)}
         onChange={onChange}
@@ -101,6 +103,7 @@ export function RangeBounds<T extends Record<string, unknown>>({
 }): React.JSX.Element {
   const copy = useDataViewsCopy();
   const inverted = isRangeInverted(value);
+  const { key, emitted } = useOutsideResetKey(value);
   return (
     <Box data-testid={`${testId}-panel`}>
       {/* Above the inputs, not below: the presets are the answer for most
@@ -108,19 +111,24 @@ export function RangeBounds<T extends Record<string, unknown>>({
       <Box sx={{ '&:not(:empty)': { mb: 1.5 } }}>
         <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />
       </Box>
-      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
+      {/* Top-aligned: a day that does not exist grows ITS field by a message
+          line, and centring would push the other box half a line down. The two
+          boxes are one height, so with no message this is the same row. */}
+      <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 1.5 }}>
         <BoundField
+          key={`min-${key}`}
           field={field}
           label={copy.filters.rangeStart}
           value={value.min}
-          onChange={(min) => onChange({ ...value, min })}
+          onChange={(min) => onChange(emitted({ ...value, min }))}
           testId={`${testId}-min`}
         />
         <BoundField
+          key={`max-${key}`}
           field={field}
           label={copy.filters.rangeEnd}
           value={value.max}
-          onChange={(max) => onChange({ ...value, max })}
+          onChange={(max) => onChange(emitted({ ...value, max }))}
           testId={`${testId}-max`}
         />
       </Box>