@12-apps/ui 6.89.1 → 6.90.0

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,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AASxE,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,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,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,CAkBA;AAGD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,eAAe,GAAG,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWvF;AAED,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,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AASxE,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,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,MAAM,CAAC;CACtB;AAuJD;;;;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,CAkBA;AAGD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,eAAe,GAAG,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWvF;AAED,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-more-filters.d.ts

@@ -14,8 +14,8 @@ import type { OverflowField } from "./data-views-overflow";
 interface MoreFiltersProps<T extends Record<string, unknown>> extends MoreFieldProps {
     fields: OverflowField<T>[];
 }
-/** The overflow trigger + panel. Renders nothing when everything fits. */
-export declare function MoreFilters<T extends Record<string, unknown>>({ fields, onOpenChange, onClearAll, anyApplied, compact, clearKey, ...rest }: MoreFiltersProps<T> & {
+/** Props of {@link MoreFilters}. */
+interface MoreFiltersPanelProps<T extends Record<string, unknown>> extends 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. */
@@ -33,6 +33,8 @@ export declare function MoreFilters<T extends Record<string, unknown>>({ fields,
      * got as far as "1" and then had nowhere to go.
      */
     onOpenChange?: (open: boolean) => void;
-}): React.JSX.Element | null;
+}
+/** The overflow trigger + panel. Renders nothing when everything fits. */
+export declare function MoreFilters<T extends Record<string, unknown>>({ fields, onOpenChange, onClearAll, anyApplied, compact, clearKey, ...rest }: MoreFiltersPanelProps<T>): React.JSX.Element | null;
 export {};
 //# sourceMappingURL=data-views-more-filters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-views-more-filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-more-filters.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACpG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D;;;;;;;;;;GAUG;AAEH,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,cAAc;IAClF,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B;AAsKD,0EAA0E;AAC1E,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,MAAM,EACN,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IACvB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gFAAgF;IAChF,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAoD3B"}
+{"version":3,"file":"data-views-more-filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-more-filters.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEpG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D;;;;;;;;;;GAUG;AAEH,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,cAAc;IAClF,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B;AAmND,oCAAoC;AACpC,UAAU,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IAC5F,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gFAAgF;IAChF,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,0EAA0E;AAC1E,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,MAAM,EACN,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuDrD"}

package/dist/types/components/data-display/DataViews/data-views-number-input.d.ts

@@ -21,7 +21,8 @@ export declare function formatPtBrNumber(amount: number | string | undefined): s
  * One end of a numeric range. The BOUND stays a plain `number` — nothing
  * downstream learns that the typing surface changed.
  */
-export declare function NumberBoundInput({ label, value, unit, onChange, testId, }: {
+/** Props of {@link NumberBoundInput}. */
+interface NumberBoundInputProps {
     label: string;
     /** The applied bound. A range restored from the URL hands this over as a string. */
     value: number | string | undefined;
@@ -29,5 +30,12 @@ export declare function NumberBoundInput({ label, value, unit, onChange, testId,
     unit?: string;
     onChange: (bound: number | undefined) => void;
     testId: string;
-}): React.JSX.Element;
+    /**
+     * Take the width of the cell it sits in rather than its own 140px, so a
+     * pair in a panel splits the row equally (FUT-4144 UI review round 2).
+     */
+    fill?: boolean;
+}
+export declare function NumberBoundInput({ label, value, unit, onChange, testId, fill, }: NumberBoundInputProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=data-views-number-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-views-number-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-number-input.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAahE;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAG5E;AASD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8DpB"}
+{"version":3,"file":"data-views-number-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-number-input.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAahE;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAG5E;AASD;;;GAGG;AACH,yCAAyC;AACzC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,IAAY,GACb,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+D3C"}

package/dist/types/components/data-display/DataViews/data-views-preset-chips.d.ts

@@ -1,4 +1,11 @@
+import React from "react";
 import type { RangePreset, RangeValue } from "./data-views-types";
+/**
+ * Whether `count` equal parts, each as wide as the widest label, fit `width`
+ * with `gap` between them. Unmeasured (`null`: the server, jsdom) counts as
+ * fitting, so the row renders the buttons it always rendered.
+ */
+export declare function presetsFitOneLine(width: number | null, widest: number, count: number, gap: number): boolean;
 /**
  * The preset row. Renders nothing when a field declares none, so a numeric
  * range without host-configured windows keeps the popover it had.
@@ -6,6 +13,9 @@ import type { RangePreset, RangeValue } from "./data-views-types";
  * Carries no outer margin — the three surfaces that host it (the pill's
  * popover, the slide-in panel, the "Mais" overflow) each sit it in a different
  * stack, and a baked-in margin would be wrong in two of them.
+ *
+ * What is measured is the row's OWN width, not the window's: the same row
+ * lives in a 670px popover, a 300px panel and a phone-wide sheet.
  */
 export declare function RangePresets({ presets, value, onChange, testId, }: {
     presets: RangePreset[];

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

@@ -1 +1 @@
-{"version":3,"file":"data-views-preset-chips.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-preset-chips.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA4ClE;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAqB3B"}
+{"version":3,"file":"data-views-preset-chips.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-preset-chips.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA0DlE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAG3G;AA0FD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA4C3B"}

package/dist/types/components/data-display/DataViews/data-views-range-bounds.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { RangeFieldConfig, RangeValue } from './data-views-types';
+/** Props of {@link RangeBounds}. */
+interface RangeBoundsProps<T extends Record<string, unknown>> {
+    field: RangeFieldConfig<T>;
+    value: RangeValue;
+    onChange: (range: RangeValue) => void;
+    testId: string;
+    /**
+     * Months the day calendar shows side by side (FUT-4144). Two where the
+     * popover has the room; one, with the month/year selectors, on a phone and
+     * in the panels.
+     */
+    calendarMonths?: 1 | 2;
+    /**
+     * Whether the day calendar is mounted. A host that keeps the pair mounted
+     * while hidden (the slide-in panel) passes its open state, so a closed panel
+     * holds no calendar of its own.
+     */
+    showCalendar?: boolean;
+    /**
+     * A NUMBER pair splits the row equally too, as a day pair always does. Set
+     * by the panels, whose width is the row's; the pill's popover sizes itself to
+     * its content and keeps the boxes' own width.
+     */
+    fillRow?: boolean;
+}
+/**
+ * The `De`/`Até` pair for a range — shared by the pill's popover and the
+ * slide-in panel's day fields, so the two surfaces cannot drift on what a bound
+ * accepts or how it clears.
+ */
+export declare function RangeBounds<T extends Record<string, unknown>>({ field, value, onChange, testId, calendarMonths, showCalendar, fillRow, }: RangeBoundsProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=data-views-range-bounds.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-views-range-bounds.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-range-bounds.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAoGvE,oCAAoC;AACpC,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,cAAkB,EAClB,YAAmB,EACnB,OAAe,GAChB,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+DzC"}

package/dist/types/components/data-display/DataViews/data-views-range-calendar.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type DateRange } from '../../form/Calendar';
+import type { RangeValue } from './data-views-types';
+/**
+ * What a tap on the calendar makes of the range.
+ *
+ * `Calendar` reports the period it holds after the tap: a fresh start (`end`
+ * null) or a closed one, already in order. The one case it cannot see is a
+ * range with only `Até` — typed, or left by a saved view — where its first tap
+ * would drop that `Até`. A first day on or before it keeps it, so "até 15/10"
+ * plus one tap on the 3rd is 03/10–15/10, as the prototype does.
+ */
+export declare function rangeFromCalendar(previous: RangeValue, picked: DateRange): RangeValue;
+/** Props of {@link DayRangeCalendar}. */
+export interface DayRangeCalendarProps {
+    /** The filter's own label ("Data"), which names the calendar. */
+    fieldLabel: string;
+    value: RangeValue;
+    /** Called with the range a tap leaves; never for a typed day. */
+    onChange: (range: RangeValue) => void;
+    /**
+     * Months side by side. Two read as a period at a glance where there is room;
+     * one, with the month/year selectors, where there is not.
+     */
+    months: 1 | 2;
+    /**
+     * Changes when the range moved from OUTSIDE the calendar (typed, a preset,
+     * "Limpar"), so the calendar re-opens on it. Never for its own taps: a
+     * calendar that jumped under the finger picking in it would be unusable.
+     */
+    viewKey: string;
+    testId: string;
+}
+export declare function DayRangeCalendar({ fieldLabel, value, onChange, months, viewKey, testId, }: DayRangeCalendarProps): React.JSX.Element;
+//# sourceMappingURL=data-views-range-calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-views-range-calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-range-calendar.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgDrD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,GAAG,UAAU,CAIrF;AAwBD,yCAAyC;AACzC,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC;IACd;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwC3C"}

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

@@ -1,16 +1,7 @@
 import React from 'react';
+import { RangeBounds } from './data-views-range-bounds';
 import type { RangeFieldConfig, RangeValue } from './data-views-types';
-/**
- * The `De`/`Até` pair for a range — shared by the pill's popover and the
- * slide-in panel's day fields, so the two surfaces cannot drift on what a bound
- * accepts or how it clears.
- */
-export declare function RangeBounds<T extends Record<string, unknown>>({ field, value, onChange, testId, }: {
-    field: RangeFieldConfig<T>;
-    value: RangeValue;
-    onChange: (range: RangeValue) => void;
-    testId: string;
-}): React.JSX.Element;
+export { RangeBounds };
 export declare function RangePill<T extends Record<string, unknown>>({ field, value, onChange, onOpenChange, testIdPrefix, }: {
     field: RangeFieldConfig<T>;
     value: RangeValue;

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

@@ -1 +1 @@
-{"version":3,"file":"data-views-range-pill.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-range-pill.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAqDvE;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuDpB;AA8GD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmDpB;AAGD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACjE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2BpB"}
+{"version":3,"file":"data-views-range-pill.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-range-pill.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAUxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOvE,OAAO,EAAE,WAAW,EAAE,CAAC;AA8IvB,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwCpB;AAGD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACjE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoCpB"}

package/dist/types/components/data-display/DataViews/data-views-range-summary.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { RangeFieldConfig, RangeValue } from './data-views-types';
+/**
+ * The applied window in words, and "Limpar".
+ *
+ * An inverted window is not an error the merchant must fix before the list
+ * responds — it simply matches nothing, and saying so beats an empty grid with
+ * no explanation (FUT-668).
+ *
+ * A DAY filter keeps the row's height while nothing is applied: its first tap
+ * on the calendar applies a bound, and a row appearing then grew the popover
+ * 26px and moved it 32px up at 320×568, the day under the finger with it
+ * (FUT-4144 UI review round 2). The held row is invisible and inert.
+ */
+export declare function RangeSummary<T extends Record<string, unknown>>({ field, value, onClear, testId, }: {
+    field: RangeFieldConfig<T>;
+    value: RangeValue;
+    onClear: () => void;
+    testId: string;
+}): React.JSX.Element | null;
+//# sourceMappingURL=data-views-range-summary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-views-range-summary.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-range-summary.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvE;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC9D,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,GACP,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA+B3B"}

package/dist/types/components/data-display/DataViews/data-views-still-anchor.d.ts

@@ -0,0 +1,45 @@
+import type { PopoverActions } from '@mui/material/Popover/index.js';
+import { type RefObject } from 'react';
+/**
+ * What the popover hangs from: the trigger's box as it was when it opened —
+ * a MUI "virtual element", so the popover keeps its own anchor origin.
+ */
+interface StillElement {
+    nodeType: 1;
+    getBoundingClientRect: () => DOMRect;
+}
+/**
+ * A popover that holds STILL while it is open (FUT-4144 UI review round 2).
+ *
+ * Anchored to an element, a popover follows it. A filter applied from inside
+ * one grows the toolbar a "Limpar" and a badge, the trigger moves, and the
+ * panel jumped 55px sideways under the finger that had just tapped a day. The
+ * point it hangs from is read once, when it opens — and again only when the
+ * window itself is resized, which is the one move a reader expects it to make.
+ *
+ * The other move it makes is when its own HEIGHT changes after it was placed
+ * (a preset row settling into a select once measured, a refused day's message):
+ * MUI places a popover once, so a taller one ran off a 320×568 screen. The
+ * paper's size is watched and the popover re-placed, which moves it only when
+ * its height really changed — never on a tap that leaves it the same size.
+ *
+ * Spread `popoverProps` onto a MUI `Popover` and pass `paperRef` as the paper
+ * slot's `ref`.
+ */
+export declare function useStillAnchor(): {
+    anchor: HTMLElement | null;
+    open: (element: HTMLElement) => void;
+    close: () => void;
+    paperRef: (node: HTMLDivElement | null) => void;
+    popoverProps: {
+        open: boolean;
+        anchorEl: StillElement | null;
+        anchorOrigin: {
+            vertical: 'bottom';
+            horizontal: 'left';
+        };
+        action: RefObject<PopoverActions | null>;
+    };
+};
+export {};
+//# sourceMappingURL=data-views-still-anchor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-views-still-anchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-still-anchor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF;;;GAGG;AACH,UAAU,YAAY;IACpB,QAAQ,EAAE,CAAC,CAAC;IACZ,qBAAqB,EAAE,MAAM,OAAO,CAAC;CACtC;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,IAAI;IAChC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;QAC9B,YAAY,EAAE;YAAE,QAAQ,EAAE,QAAQ,CAAC;YAAC,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;QACzD,MAAM,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;KAC1C,CAAC;CACH,CA4CA"}

package/dist/types/components/data-display/DayRuler/DayRuler.styles.d.ts

@@ -1,4 +1,4 @@
-import type { SxProps, Theme } from '@mui/material/styles/index.js';
+import { type SxProps, type Theme } from '@mui/material/styles/index.js';
 import type { ScheduleBlockTone } from '../ScheduleGrid/ScheduleGrid.types';
 /** The container narrow rows answer to (container queries, never media queries). */
 /**
@@ -10,6 +10,11 @@ export declare function rootSx(hasActions: boolean): SxProps<Theme>;
 export declare const lineSx: SxProps<Theme>;
 export declare const coverageLabelSx: SxProps<Theme>;
 export declare function coverageSx(hours: number): SxProps<Theme>;
+/**
+ * How strongly a staffed hour is filled: the prototype's tonal success step, deeper with each
+ * person on the escala (0.18 + 0.09 per person, at most 0.85). An empty hour has none.
+ */
+export declare function coverageStrength(count: number): number;
 export declare function coverageCellSx(count: number): SxProps<Theme>;
 export declare const axisSx: SxProps<Theme>;
 export declare const groupTitleSx: SxProps<Theme>;

package/dist/types/components/data-display/DayRuler/DayRuler.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DayRuler.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAM/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,oFAAoF;AACpF;;;GAGG;AACH,wBAAgB,MAAM,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAQ1D;AAYD,mGAAmG;AACnG,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAYhC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAAwD,CAAC;AAEpG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAOxD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAe5D;AAED,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAOhC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,KAAK,CASvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAc/B,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAAoC,CAAC;AAEtE,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,CAQpC,CAAC;AAEF,6GAA6G;AAC7G,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAclD;AAUD,wBAAgB,OAAO,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAkBxG;AAED,qEAAqE;AACrE,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CA4C1H;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CASxD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAYnD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAW1D;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAUlD;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAKzC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,CAMxC,CAAC"}
+{"version":3,"file":"DayRuler.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAKhG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,oFAAoF;AACpF;;;GAGG;AACH,wBAAgB,MAAM,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAQ1D;AAYD,mGAAmG;AACnG,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAYhC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAAwD,CAAC;AAEpG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAOxD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAoB5D;AAED,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAOhC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,KAAK,CASvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAc/B,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAAoC,CAAC;AAEtE,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,CAQpC,CAAC;AAEF,6GAA6G;AAC7G,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAclD;AAUD,wBAAgB,OAAO,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAkBxG;AAED,qEAAqE;AACrE,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CA4C1H;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CASxD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAYnD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAW1D;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAUlD;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAKzC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,CAMxC,CAAC"}

package/dist/types/components/data-display/LazyImage/LazyImage.hooks.d.ts

@@ -12,7 +12,7 @@ export declare const imgPassThrough: (props: ResolvedLazyImageProps) => Record<s
 export declare const useLazyImage: (props: ResolvedLazyImageProps) => {
     state: LazyImageState;
     containerRef: React.RefObject<HTMLDivElement | null>;
-    effectiveLoadingState: "placeholder" | "none" | "spinner" | "skeleton";
+    effectiveLoadingState: "none" | "placeholder" | "spinner" | "skeleton";
     handleImageLoad: (event: React.SyntheticEvent<HTMLImageElement>) => void;
     handleImageError: (event: React.SyntheticEvent<HTMLImageElement>) => void;
     handlePlaceholderError: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/Calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,KAAK,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AAkD7E,eAAO,MAAM,QAAQ,sFAmEnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/Calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAU9D,OAAO,KAAK,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AA0F7E,eAAO,MAAM,QAAQ,sFA+EnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}

package/dist/types/components/form/Calendar/CalendarDay.d.ts

@@ -3,6 +3,8 @@ import type { DayBand } from './Calendar.band';
 import type { DayRenderArgs } from './Calendar.types';
 export interface CalendarDayProps {
     day: DayRenderArgs;
+    /** BCP-47 tag the day's accessible name is written in. Default: en-US. */
+    locale?: string;
     band: DayBand;
     focused: boolean;
     showOutsideDays: boolean;

package/dist/types/components/form/Calendar/CalendarDay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqItD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,aAAa,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC;IAC/C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqC5C,CAAC"}
+{"version":3,"file":"CalendarDay.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgJtD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,aAAa,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC;IAC/C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsD5C,CAAC"}

package/dist/types/components/form/Calendar/CalendarDayCell.d.ts

@@ -2,6 +2,8 @@ import type { FC } from 'react';
 import type { CalendarProps, DateRange, MonthMatrixDay, SelectionMode } from './Calendar.types';
 export interface DayCellContext {
     selectionMode: SelectionMode;
+    /** BCP-47 tag each day's spoken name is written in. */
+    locale: string;
     value: Date | null;
     range: DateRange;
     hoveredDate: Date | null;

package/dist/types/components/form/Calendar/CalendarDayCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDayCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIhG,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,GAAG;IAAE,GAAG,EAAE,cAAc,CAAA;CAAE,CA2BxE,CAAC"}
+{"version":3,"file":"CalendarDayCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIhG,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,uDAAuD;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,GAAG;IAAE,GAAG,EAAE,cAAc,CAAA;CAAE,CA6BxE,CAAC"}

package/dist/types/components/form/Calendar/CalendarMonth.d.ts

@@ -1,4 +1,5 @@
 import type { FC } from 'react';
+import type { CalendarLabels } from '../../../copy/labels';
 import type { CalendarProps, MonthMatrix } from './Calendar.types';
 import type { DayCellContext } from './CalendarDayCell';
 /**
@@ -12,6 +13,8 @@ export declare const MONTH_SX: {
     readonly minWidth: 0;
     readonly maxWidth: (theme: import("@mui/material").Theme) => string;
 };
+/** The two arrows' accessible names; an icon alone names nothing. */
+export type MonthArrowLabels = Pick<CalendarLabels, 'previousMonth' | 'nextMonth'>;
 /** The weekday row and the day grid under a month's caption. */
 export declare const MonthDays: FC<{
     matrix: MonthMatrix;
@@ -26,6 +29,8 @@ export interface CalendarMonthProps {
     locale: string;
     weekdayNames: string[];
     renderHeader?: CalendarProps['renderHeader'];
+    /** The arrows' accessible names. */
+    labels?: MonthArrowLabels;
     onPreviousMonth: () => void;
     onNextMonth: () => void;
     dayContext: DayCellContext;

package/dist/types/components/form/Calendar/CalendarMonth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonth.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarMonth.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmBxD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;CAA4E,CAAC;AAgElG,gEAAgE;AAChE,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;CAC5B,CAeA,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqChD,CAAC"}
+{"version":3,"file":"CalendarMonth.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarMonth.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmBxD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;CAA4E,CAAC;AAElG,qEAAqE;AACrE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,eAAe,GAAG,WAAW,CAAC,CAAC;AA2EnF,gEAAgE;AAChE,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;CAC5B,CAkBA,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,oCAAoC;IACpC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAuChD,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,aAsMnC,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;AAShB,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,aAiNnC,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,aA8LnC,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;AAShB,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,aAyMnC,CAAC"}

package/dist/user-avatar.js

@@ -1,14 +1,14 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-E2UOEI7N.js";
+} from "./chunk-BV2LOTMC.js";
 import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-JIEVKHOH.js";
-import "./chunk-7XSCEHGA.js";
-import "./chunk-MTEQEPNY.js";
-import "./chunk-6ZZGK5DT.js";
+import "./chunk-7YJYIMWP.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-4XBAEKQQ.js";

package/package.json

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

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

@@ -276,6 +276,65 @@ leaves the board with a single populated column, which reads as data loss.
 
 ---
 
+### A day filter's popover: the range calendar (FUT-4144)
+
+A `kind: "day"` range ("Data" on Pedidos, Auditoria, Agendados) opens with a
+range calendar ALWAYS visible under its typed `De`/`Até` boxes — the owner's
+option B. A period is three taps: open the filter, tap the first day, tap the
+last. Nothing was added in front of the boxes, so typing a date costs exactly
+the keystrokes it did.
+
+| | below `sm` (320, 390) | `sm` to `md` (600) | from `md` (900, 1280, 1920) |
+| --- | --- | --- | --- |
+| popover width | the screen's, less 8px each side, 8px padding (so seven 40px day columns fit at 320) | 400px | its content's (~670px) |
+| presets | one select ("Atalho") | one select | one row of five equal parts |
+| "Mais" panel | the screen's width less 8px each side, as tall as the screen allows | 320px wide, as tall as the screen allows | — (the pill is on the bar) |
+| months | one, `<Month> ▾ <Year> ▾ ‹ ›` caption | one, same caption | two side by side, `‹ setembro` · `outubro ›`, the current month on the right |
+
+- Order in the popover: preset chips, the `De`/`Até` boxes (sharing the row
+  equally), the inclusive/inverted note, the calendar, then the line saying
+  which tap comes next ("Toque no primeiro e no último dia." / "Agora toque no
+  último dia."), then the pill's summary and "Limpar".
+- One view of ONE range: a tap writes the boxes; a typed whole day writes the
+  bound and moves the calendar to it; an impossible typed day (`31/02/2026`)
+  is refused in its box and the calendar does not move; "Limpar", a preset or a
+  saved view re-opens the calendar on the new range. A tap never moves the
+  calendar under the finger.
+- The presets are the options of ONE question, so they sit on one line at
+  every width (ADR 0190 in the host): equal parts where the row is wide enough
+  for the widest label in each part, measured on the row itself; otherwise the
+  same options as a select, where "Nenhum" stands for tapping the active one
+  again.
+- Day columns are at least 40px wide below `sm`. The range is the Calendar's
+  own band (FUT-4162): one tint behind the days, round AA endpoints.
+- A "Mais" panel holding a day range keeps the "Limpar filtros" row's height
+  while nothing is applied, so the first tap does not grow the panel under the
+  finger; the panel is as tall as the screen allows instead of a fixed 320px,
+  so a range's boxes, its month caption and its weeks are on screen together.
+- The presets' fit is measured on their LAYOUT width (padding and border in,
+  never a box read while the popover grows in from 75%), for a number range's
+  presets too: "Acima de R$ 10" goes to the select rather than to "Acima de …".
+- In a panel (the "Mais" sheet, the slide-in panel) a number pair splits the
+  row equally, like a day pair; in the pill's popover it keeps its own width.
+- The pill's popover and the "Mais" panel hold STILL while open: they hang from
+  where their trigger was when they opened, so a "Limpar" or a badge appearing
+  on the bar after the first tap does not drag them sideways. They are
+  re-placed only when their own height changes (a refused day's message), so
+  they never leave the screen. A day popover keeps its summary/"Limpar" row's
+  height while nothing is applied, so the first tap does not grow it.
+- While a panel is open the bar is frozen; if the "Limpar" that a first filter
+  brings in does not fit the row it shows as its icon until the panel closes.
+- A second tap before the first swaps them — the boxes never show a period
+  backwards. A tap on or before a lone `Até` keeps that `Até`.
+- The slide-in panel and the "Mais" sheet use the same pair, so they get the
+  same calendar, one month wide.
+- The calendar is `Calendar` in `selectionMode="range"`, the one
+  `DateRangePicker` mounts; its words are `copy.filters.dayCalendar` (optional:
+  a host copy without it gets the en-US pack's).
+
+Tested in `__tests__/range-calendar.test.tsx` and
+`data-views-range-calendar.test.stories.tsx`.
+
 ## Where this is tested
 
 `__tests__/data-views-responsive.test.tsx` drives a fake `ResizeObserver` at each

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

@@ -13,6 +13,7 @@
 import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
 import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
 import Tooltip from "@mui/material/Tooltip/index.js";
+import React, { useLayoutEffect, useRef, useState } from "react";
 
 import { Box } from "../../../mui/Box";
 import { fieldRadiusPx } from "../../../tokens/field-radius";
@@ -33,16 +34,65 @@ import { sxRem } from "../../../tokens/relative";
  * tooltip when it does: it is one of the two controls (with the search) whose
  * icon has to carry the whole meaning on a phone.
  */
+/**
+ * Whether a filter control's panel is open — the stretch during which the bar
+ * is measured once and then FROZEN, so the field being edited is not promoted
+ * out from under the hand (FUT-4144 UI review round 2).
+ *
+ * Wraps the controls' `onOpenChange` to count the open panels.
+ */
+export function useBarFrozen(report?: (open: boolean) => void): {
+  frozen: boolean;
+  onOpenChange: (open: boolean) => void;
+} {
+  const [openCount, setOpenCount] = useState(0);
+  return {
+    frozen: openCount > 0,
+    onOpenChange: (open) => {
+      setOpenCount((count) => Math.max(0, count + (open ? 1 : -1)));
+      report?.(open);
+    },
+  };
+}
+
+/**
+ * Whether the button runs past the edge of the row that holds it. Only asked
+ * while the bar is frozen: a first filter applied from inside an open panel
+ * brings "Limpar" in with no room budgeted for its label, and at 900 the row
+ * cut it to "Lin". It then shows as its icon (the tooltip and accessible name
+ * keep the word) until the panel closes and the row is measured again.
+ */
+function useCutByRow(ref: React.RefObject<HTMLElement | null>, frozen: boolean): boolean {
+  const [cut, setCut] = useState(false);
+  useLayoutEffect(() => {
+    if (!frozen) {
+      setCut(false);
+      return;
+    }
+    const button = ref.current;
+    let row = button?.parentElement ?? null;
+    while (row && getComputedStyle(row).overflowX === "visible") row = row.parentElement;
+    if (button && row && button.getBoundingClientRect().right > row.getBoundingClientRect().right + 0.5) setCut(true);
+  });
+  return cut;
+}
+
 export function ClearAllControl({
   onClearAll,
-  compact,
+  compact: compactRung,
   testIdPrefix,
+  frozen = false,
 }: {
   onClearAll: () => void;
   compact: boolean;
   testIdPrefix: string;
+  /** The bar is frozen while a panel is open; see {@link useCutByRow}. */
+  frozen?: boolean;
 }): React.JSX.Element {
   const copy = useDataViewsCopy();
+  const ref = useRef<HTMLButtonElement>(null);
+  const cut = useCutByRow(ref, frozen && !compactRung);
+  const compact = compactRung || cut;
   // No border, no fill. Every other control on this row is an outlined field
   // because it OPENS something; this one is an escape hatch, and giving it the
   // same weight made it read as a sixth filter. Quiet until hovered.
@@ -50,6 +100,7 @@ export function ClearAllControl({
     <Box
       component="button"
       type="button"
+      ref={ref}
       onClick={onClearAll}
       data-testid={`${testIdPrefix}-clear-all`}
       aria-label={copy.filters.clearAll}
@@ -66,6 +117,10 @@ export function ClearAllControl({
         font: "inherit",
         fontSize: sxRem(13),
         whiteSpace: "nowrap",
+        // Never squeezed: the bar is frozen while a panel is open, and when a
+        // first filter applied from inside one brought this in, the row had
+        // no room budgeted for it and cut "Limpar" to "Lin" (FUT-4144).
+        flexShrink: 0,
         color: "text.secondary",
         "&:hover": { color: "text.primary", bgcolor: "action.hover" },
       }}