@12-apps/ui 6.89.2 → 6.91.0

package/dist/types/components/data-display/RegionMap/RegionMap.view.d.ts

@@ -0,0 +1,36 @@
+import { type PlaneBox, type Projection } from './RegionMap.helpers';
+import type { RegionMapBounds, RegionMapCircle, RegionMapReach, RegionMapRegion, RegionMapRing } from './RegionMap.types';
+/** The smallest box holding every given box, or null with none. */
+export declare function unionBox(boxes: readonly (PlaneBox | null)[]): PlaneBox | null;
+/** The latitude/longitude box around some outlines — a `reach` no radius describes. */
+export declare function boundsOfRings(rings: readonly RegionMapRing[]): RegionMapBounds | null;
+/** A `reach` as a box in projected metres (a radius is a square around the centre). */
+export declare function reachBox(reach: RegionMapReach, projection: Projection): PlaneBox | null;
+/**
+ * The view, given what it must fit: the outermost circle and the `reach` with
+ * the margin on top, still centred on the centre; else every area and the
+ * reach together. Without a reach it is exactly `viewBoxFor`'s.
+ */
+export declare function viewWithin(outermostMetres: number | null, reach: PlaneBox | null, areaBoxes: () => readonly (PlaneBox | null)[]): PlaneBox | null;
+/** The middle of every area, for a map with no centre of its own. */
+export declare function centreOf(regions: readonly RegionMapRegion[]): {
+    latitude: number;
+    longitude: number;
+} | null;
+/**
+ * The square `RegionMap` shows for these props, in projected metres around
+ * `center` (or the areas' middle) — for a host that lays its own HTML over the
+ * drawing at the same scale: a point `p` sits at
+ * `(p.x - view.minX) / view.spanX` across. With circles the view is centred,
+ * so its half-side is `view.spanX / 2`.
+ */
+export declare function regionMapView({ regions, center, circles, reach, }: {
+    regions: readonly RegionMapRegion[];
+    center: {
+        latitude: number;
+        longitude: number;
+    } | null;
+    circles?: readonly RegionMapCircle[];
+    reach?: RegionMapReach;
+}): PlaneBox | null;
+//# sourceMappingURL=RegionMap.view.d.ts.map

package/dist/types/components/data-display/RegionMap/RegionMap.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegionMap.view.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/RegionMap.view.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,mBAAmB,CAAC;AAK3B,mEAAmE;AACnE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,GAAG,QAAQ,GAAG,IAAI,CAM7E;AAED,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,GAAG,eAAe,GAAG,IAAI,CAMrF;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,GAAG,IAAI,CASvF;AAOD;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,eAAe,EAAE,MAAM,GAAG,IAAI,EAC9B,KAAK,EAAE,QAAQ,GAAG,IAAI,EACtB,SAAS,EAAE,MAAM,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,GAC5C,QAAQ,GAAG,IAAI,CAKjB;AAED,qEAAqE;AACrE,wBAAgB,QAAQ,CAAC,OAAO,EAAE,SAAS,eAAe,EAAE,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAI5G;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,MAAM,EACN,OAAY,EACZ,KAAK,GACN,EAAE;IACD,OAAO,EAAE,SAAS,eAAe,EAAE,CAAC;IACpC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,GAAG,QAAQ,GAAG,IAAI,CASlB"}

package/dist/types/components/data-display/RegionMap/RegionMapDrawing.d.ts

@@ -2,10 +2,13 @@ import { type Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 import { type PlaneBox } from './RegionMap.helpers';
 import type { RegionMapModel } from './RegionMap.hooks';
+import type { RegionMapLayer } from './RegionMap.types';
 export interface RegionMapDrawingProps {
     model: RegionMapModel & {
         view: PlaneBox;
     };
+    /** The host's layer, drawn inside the SVG under the circles (`RegionMapProps.overlay`). */
+    overlay?: (layer: RegionMapLayer) => React.ReactNode;
     showCenter: boolean;
     highlightedIds: readonly string[];
     maxHeight: string | undefined;
@@ -24,5 +27,5 @@ export interface RegionMapDrawingProps {
  * The base areas are a memoised layer: a toggle changes `excluded`, not the
  * geometry, so only the hatch, highlight and label layers re-render.
  */
-export declare function RegionMapDrawing({ model, showCenter, highlightedIds, maxHeight, label, tappable, testId, theme, }: RegionMapDrawingProps): React.JSX.Element;
+export declare function RegionMapDrawing({ model, overlay, showCenter, highlightedIds, maxHeight, label, tappable, testId, theme, }: RegionMapDrawingProps): React.JSX.Element;
 //# sourceMappingURL=RegionMapDrawing.d.ts.map

package/dist/types/components/data-display/RegionMap/RegionMapDrawing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegionMapDrawing.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/RegionMapDrawing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAsD,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4D3C"}
+{"version":3,"file":"RegionMapDrawing.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/RegionMapDrawing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAsD,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC3C,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmE3C"}

package/dist/types/components/data-display/RegionMap/index.d.ts

@@ -1,5 +1,6 @@
 export { RegionMap } from './RegionMap';
 export { decodePolyline, hitRegion, projectionAt } from './RegionMap.helpers';
-export type { AreaGeometry, PlanePoint, PlaneRegion } from './RegionMap.helpers';
-export type { RegionMapCircle, RegionMapCopy, RegionMapListMode, RegionMapListSort, RegionMapPoint, RegionMapProps, RegionMapRegion, RegionMapRing, } from './RegionMap.types';
+export { boundsOfRings, regionMapView } from './RegionMap.view';
+export type { AreaGeometry, PlaneBox, PlanePoint, PlaneRegion, Projection } from './RegionMap.helpers';
+export type { RegionMapBounds, RegionMapCircle, RegionMapCopy, RegionMapLayer, RegionMapListMode, RegionMapListSort, RegionMapPoint, RegionMapProps, RegionMapReach, RegionMapRegion, RegionMapRing, } from './RegionMap.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/RegionMap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9E,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACjF,YAAY,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAChE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvG,YAAY,EACV,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAC"}

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-Q3SILZTQ.js";
 import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-JIEVKHOH.js";
-import "./chunk-7XSCEHGA.js";
-import "./chunk-MTEQEPNY.js";
+import "./chunk-4QR7LM5F.js";
+import "./chunk-EOQ6EKTS.js";
 import "./chunk-6ZZGK5DT.js";
 import "./chunk-3ZVUNSFF.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.2",
+  "version": "6.91.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" },
       }}

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

@@ -1,4 +1,5 @@
 import type { CategorySelectCopy, ConfirmActionCopy, DataGridCopy, TableFilterCopy } from "../../../copy";
+import type { CalendarLabels } from "../../../copy/labels";
 import type { SavedViewsLabels } from "../../layout/ContentToolbar/ContentToolbar.types";
 /**
  * Every word the DataViews family renders, as REQUIRED host config (FUT-760).
@@ -180,6 +181,24 @@ export interface DataViewsGridCopy extends DataGridCopy {
   sortDescending: string;
 }
 
+/**
+ * The words of the range calendar a day filter shows under its typed boxes.
+ * Month names, weekday initials and each day's spoken name come from `Intl` in
+ * `locale`; only the sentences below are copy.
+ */
+export interface DataViewsDayCalendarCopy {
+  /** BCP-47 tag the calendar names its months and days in. */
+  locale: string;
+  /** The calendar's accessible name, from the filter's own label ("Data"). */
+  label(fieldLabel: string): string;
+  /** Under the calendar while no day, or a whole period, is chosen. */
+  pickStart: string;
+  /** Under the calendar once the first day is chosen and the last is not. */
+  pickEnd: string;
+  /** The month/year caption's names — `UI_LABELS[locale].calendar`. */
+  caption: CalendarLabels;
+}
+
 export interface DataViewsFiltersCopy {
   moreFilters(count: number): string;
   moreFiltersApplied(count: number, appliedCount: number): string;
@@ -212,8 +231,25 @@ export interface DataViewsFiltersCopy {
    * list read like an answer to a date nobody could have meant (FUT-4144).
    */
   dayInvalid: string;
+  /**
+   * The range calendar under a day range's `De`/`Até` boxes (FUT-4144). Optional
+   * so a host that builds its own copy keeps compiling; without it the calendar
+   * speaks the en-US pack's words.
+   */
+  dayCalendar?: DataViewsDayCalendarCopy;
   /** Drop every applied filter, spelled out in the panel where there is room. */
   clearAllFilters: string;
+  /**
+   * The presets asked as a select, where the row is too narrow for them as
+   * one line of equal parts (ADR 0190, FUT-4144). Optional: a host copy
+   * without it gets the en-US pack's words.
+   */
+  presetSelect?: {
+    /** The select's label. */
+    label: string;
+    /** The empty option: no preset — picking it clears an applied one. */
+    none: string;
+  };
   /** The day-range presets' labels, keyed by preset id. */
   rangePresets: Readonly<Record<string, string>>;
   scopesLabel: string;

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

@@ -239,6 +239,12 @@ interface DayBoundInputProps {
    * impossible day is still never written, and blur still snaps back.
    */
   invalidMessage?: string;
+  /**
+   * Take the width of the box it sits in rather than its own 165px. Set where
+   * the pair stands over the range calendar, so the two boxes span the
+   * calendar's width instead of leaving a gap beside them (FUT-4144).
+   */
+  fill?: boolean;
 }
 
 /** What {@link useDayText} hands the field: its text, its verdict and its handlers. */
@@ -326,6 +332,7 @@ export function DayBoundInput({
   describedBy,
   mask,
   invalidMessage,
+  fill = false,
 }: DayBoundInputProps): React.JSX.Element {
   const id = useId();
   const { text, impossible, handleChange, handlePaste, handleBlur } = useDayText(
@@ -351,7 +358,8 @@ export function DayBoundInput({
       // The placeholder occupies the space an un-shrunk label would render into.
       InputLabelProps={{ shrink: true }}
       inputProps={dayInputProps(testId, [impossible ? `${id}-helper-text` : undefined, describedBy])}
-      sx={[{ width: sxRem(165) }, fieldTextFieldStyles]}
+      fullWidth={fill}
+      sx={[{ width: fill ? '100%' : sxRem(165) }, fieldTextFieldStyles]}
     />
   );
 }

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

@@ -19,7 +19,7 @@ import Box from "@mui/material/Box/index.js";
 import { useState } from "react";
 
 
-import { ClearAllControl, CloseSearchControl } from "./data-views-bar-controls";
+import { ClearAllControl, CloseSearchControl, useBarFrozen } from "./data-views-bar-controls";
 import type { GridFilterPanelProps } from "./data-views-filter-panel";
 import { MoreFilters } from "./data-views-more-filters";
 import type { OverflowField, OverflowSplit } from "./data-views-overflow";
@@ -324,13 +324,14 @@ function FilterSlots<T extends Record<string, unknown>>({
   clearAllHidden: boolean;
   testIdPrefix: string;
 }): React.JSX.Element {
+  const clear = useBarFrozen(onControlOpenChange);
   return (
     <>
       {inline.map((field) => (
         <InlineControl
           key={field.id}
           field={field}
-          onOpenChange={onControlOpenChange}
+          onOpenChange={clear.onOpenChange}
           pills={pills}
           ranges={ranges}
           onTogglePill={onTogglePill}
@@ -342,7 +343,7 @@ function FilterSlots<T extends Record<string, unknown>>({
       ))}
       <MoreFilters
         clearKey={clearKey}
-        onOpenChange={onControlOpenChange}
+        onOpenChange={clear.onOpenChange}
         onClearAll={onClearAll}
         anyApplied={activeFilterCount > 0}
         compact={compactControls}
@@ -358,6 +359,7 @@ function FilterSlots<T extends Record<string, unknown>>({
         <ClearAllControl
           onClearAll={onClearAll}
           compact={compactControls}
+          frozen={clear.frozen}
           testIdPrefix={testIdPrefix}
         />
       )}

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

@@ -185,6 +185,7 @@ function OverflowRange<T extends Record<string, unknown>>({
       value={value}
       onChange={onChange}
       testId={`${testIdPrefix}-more-${field.id}`}
+      fillRow
     />
   );
 }