@12-apps/ui 6.89.2 → 6.90.0

package/dist/{chunk-CSGBHYW6.js → chunk-M5Y42AZ4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-H2J2MTRE.js";
 import {
   EN_US_MAP_PREVIEW_COPY
-} from "./chunk-FEKWKWGK.js";
+} from "./chunk-ARGVUTTL.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -46,4 +46,4 @@ export {
   resolveMapPreviewProps,
   glassStyles
 };
-//# sourceMappingURL=chunk-CSGBHYW6.js.map
+//# sourceMappingURL=chunk-M5Y42AZ4.js.map

package/dist/chunk-MICX23P4.js

@@ -0,0 +1,122 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  toDayString,
+  toLocalDay
+} from "./chunk-SUTOAW7I.js";
+import {
+  Calendar
+} from "./chunk-FYAW5GBF.js";
+import {
+  EN_US_DATA_VIEWS_COPY
+} from "./chunk-ARGVUTTL.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-range-calendar.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CALENDAR_CLASS = "data-views-range-calendar";
+var ROOT_SX = (theme) => ({
+  mt: { xs: 1, sm: 1.5 },
+  // Below `sm` the caption and the weekday row give up their bottom margins,
+  // so the whole popover fits a 320×568 screen under its pill (FUT-4144).
+  '& :has(> * > [data-testid="calendar-month-select"])': { mb: { xs: 0.5, sm: 2 } },
+  '& :has(> [role="columnheader"])': { mb: { xs: 0, sm: 1 } },
+  '& [role="columnheader"]': { height: { xs: rem(theme, 24), sm: rem(theme, 32) } },
+  // The days carry no column gap of their own (`Calendar`, FUT-4162), so the
+  // seven columns are what a day's 40px target is carved from below `sm`; the
+  // range band and its round endpoints are the Calendar's, untouched here.
+  // The month/year caption on ONE row at 320: the selectors give up the slack
+  // around their text before the arrows are pushed onto a second row.
+  '& [data-testid="calendar-month-select"], & [data-testid="calendar-year-select"]': { px: 0.5, minWidth: 0 },
+  [`& .${CALENDAR_CLASS}`]: {
+    p: 0,
+    boxShadow: "none",
+    backgroundColor: "transparent",
+    backgroundImage: "none",
+    // A tapped day already rings itself; the whole grid framed in the primary
+    // colour after every tap is noise in a popover. The frame stays for the
+    // keyboard reaching the grid itself.
+    "&:focus-within": { outline: "none" },
+    "&:focus-visible": {
+      outline: (theme2) => `${rem(theme2, 2)} solid`,
+      outlineColor: "primary.main",
+      outlineOffset: sxRem(2)
+    }
+  }
+});
+function rangeOf(value) {
+  return {
+    start: toLocalDay(typeof value.min === "string" ? value.min : null),
+    end: toLocalDay(typeof value.max === "string" ? value.max : null)
+  };
+}
+function rangeFromCalendar(previous, picked) {
+  const min = dayOf(picked.start);
+  const max = dayOf(picked.end) ?? keptEnd(previous, min);
+  return { ...min ? { min } : {}, ...max ? { max } : {} };
+}
+var dayOf = (date) => date ? toDayString(date) : void 0;
+function keptEnd(previous, min) {
+  if (previous.min != null || typeof previous.max !== "string") return void 0;
+  return min && min <= previous.max ? previous.max : void 0;
+}
+function openingMonth(value, months) {
+  const end = toLocalDay(typeof value.max === "string" ? value.max : null);
+  const anchor = end ?? /* @__PURE__ */ new Date();
+  return new Date(anchor.getFullYear(), anchor.getMonth() - (months > 1 ? 1 : 0), 1);
+}
+function DayRangeCalendar({
+  fieldLabel,
+  value,
+  onChange,
+  months,
+  viewKey,
+  testId
+}) {
+  const copy = useDataViewsCopy().filters.dayCalendar ?? EN_US_DATA_VIEWS_COPY.filters.dayCalendar;
+  const range = rangeOf(value);
+  const pick = (picked) => onChange(rangeFromCalendar(value, picked));
+  const waitingForEnd = Boolean(range.start && !range.end);
+  return /* @__PURE__ */ jsxs(Box, { sx: ROOT_SX, "data-testid": `${testId}-calendar`, children: [
+    /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        ariaLabel: copy.label(fieldLabel),
+        className: CALENDAR_CLASS,
+        selectionMode: "range",
+        locale: copy.locale,
+        labels: copy.caption,
+        firstDayOfWeek: 0,
+        numberOfMonths: months,
+        showOutsideDays: months === 1,
+        captionLayout: months > 1 ? "arrows" : "selectors",
+        defaultMonth: openingMonth(value, months),
+        range,
+        onIntermediateRangeChange: pick
+      },
+      viewKey
+    ),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        component: "p",
+        "aria-live": "polite",
+        "data-testid": `${testId}-calendar-hint`,
+        sx: { mt: { xs: 0.25, sm: 1 }, fontSize: sxRem(12), color: "text.secondary" },
+        children: waitingForEnd ? copy.pickEnd : copy.pickStart
+      }
+    )
+  ] });
+}
+
+export {
+  rangeFromCalendar,
+  DayRangeCalendar
+};
+//# sourceMappingURL=chunk-MICX23P4.js.map

package/dist/chunk-MICX23P4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-calendar.tsx"],"sourcesContent":["'use client';\n\n/**\n * The range calendar under a day filter's `De`/`Até` boxes (FUT-4144).\n *\n * The owner picked it ALWAYS OPEN (option B of the prototype): a period is\n * three taps — open the filter, the first day, the last day — against five for\n * a calendar button in each box and four for a link to a separate sheet. It\n * sits BELOW the boxes, with no button of its own, so the typed path is not one\n * keystroke longer than it was.\n *\n * The boxes and the calendar are two views of ONE range: a tap writes the\n * boxes, a typed day moves and repaints the calendar, an impossible typed day\n * (which writes nothing) leaves it alone, and \"Limpar\" empties both.\n *\n * It is `Calendar` in `selectionMode=\"range\"`, the same one `DateRangePicker`\n * mounts — not a second calendar. Its own rule picks the period: the first tap\n * starts it, the second closes it, and a second tap BEFORE the first swaps the\n * two, so the boxes never show a period backwards.\n */\nimport Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport { EN_US_DATA_VIEWS_COPY } from '../../../en-US.data-display';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { Calendar, type DateRange } from '../../form/Calendar';\nimport { toDayString, toLocalDay } from '../../form/DateRangePicker/DateRangePicker.dates';\nimport type { DataViewsDayCalendarCopy } from './data-views-copy';\nimport { useDataViewsCopy } from './data-views-copy-context';\nimport type { RangeValue } from './data-views-types';\n\nconst CALENDAR_CLASS = 'data-views-range-calendar';\n\n/**\n * `Calendar` draws its own `Paper` with 24px of padding and a shadow. Inside\n * the filter's popover that reads as a card inside a card, so the inner frame\n * is flattened through the class hook the component offers for this — the\n * same thing `DateRangePicker` does.\n */\nconst ROOT_SX = (theme: Theme) => ({\n  mt: { xs: 1, sm: 1.5 },\n  // Below `sm` the caption and the weekday row give up their bottom margins,\n  // so the whole popover fits a 320×568 screen under its pill (FUT-4144).\n  '& :has(> * > [data-testid=\"calendar-month-select\"])': { mb: { xs: 0.5, sm: 2 } },\n  '& :has(> [role=\"columnheader\"])': { mb: { xs: 0, sm: 1 } },\n  '& [role=\"columnheader\"]': { height: { xs: rem(theme, 24), sm: rem(theme, 32) } },\n  // The days carry no column gap of their own (`Calendar`, FUT-4162), so the\n  // seven columns are what a day's 40px target is carved from below `sm`; the\n  // range band and its round endpoints are the Calendar's, untouched here.\n  // The month/year caption on ONE row at 320: the selectors give up the slack\n  // around their text before the arrows are pushed onto a second row.\n  '& [data-testid=\"calendar-month-select\"], & [data-testid=\"calendar-year-select\"]': { px: 0.5, minWidth: 0 },\n  [`& .${CALENDAR_CLASS}`]: {\n    p: 0,\n    boxShadow: 'none',\n    backgroundColor: 'transparent',\n    backgroundImage: 'none',\n    // A tapped day already rings itself; the whole grid framed in the primary\n    // colour after every tap is noise in a popover. The frame stays for the\n    // keyboard reaching the grid itself.\n    '&:focus-within': { outline: 'none' },\n    '&:focus-visible': {\n      outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n      outlineColor: 'primary.main',\n      outlineOffset: sxRem(2),\n    },\n  },\n});\n\n/** The two ends of a range, as `Calendar` reads them. */\nfunction rangeOf(value: RangeValue): DateRange {\n  return {\n    start: toLocalDay(typeof value.min === 'string' ? value.min : null),\n    end: toLocalDay(typeof value.max === 'string' ? value.max : null),\n  };\n}\n\n/**\n * What a tap on the calendar makes of the range.\n *\n * `Calendar` reports the period it holds after the tap: a fresh start (`end`\n * null) or a closed one, already in order. The one case it cannot see is a\n * range with only `Até` — typed, or left by a saved view — where its first tap\n * would drop that `Até`. A first day on or before it keeps it, so \"até 15/10\"\n * plus one tap on the 3rd is 03/10–15/10, as the prototype does.\n */\nexport function rangeFromCalendar(previous: RangeValue, picked: DateRange): RangeValue {\n  const min = dayOf(picked.start);\n  const max = dayOf(picked.end) ?? keptEnd(previous, min);\n  return { ...(min ? { min } : {}), ...(max ? { max } : {}) };\n}\n\nconst dayOf = (date: Date | null | undefined): string | undefined => (date ? toDayString(date) : undefined);\n\n/** The `Até` of a range that has ONLY one, when the new first day is on or before it. */\nfunction keptEnd(previous: RangeValue, min: string | undefined): string | undefined {\n  if (previous.min != null || typeof previous.max !== 'string') return undefined;\n  return min && min <= previous.max ? previous.max : undefined;\n}\n\n/**\n * The month the calendar opens on while `De` is empty. With `De` set it opens\n * on De's month, which `Calendar` does by itself.\n *\n * With two months the current month sits on the RIGHT (setembro | outubro), so\n * the days a filter usually asks about — the ones just past — are on screen;\n * with only `Até` set, its month takes that place.\n */\nfunction openingMonth(value: RangeValue, months: number): Date | undefined {\n  const end = toLocalDay(typeof value.max === 'string' ? value.max : null);\n  const anchor = end ?? new Date();\n  return new Date(anchor.getFullYear(), anchor.getMonth() - (months > 1 ? 1 : 0), 1);\n}\n\n/** Props of {@link DayRangeCalendar}. */\nexport interface DayRangeCalendarProps {\n  /** The filter's own label (\"Data\"), which names the calendar. */\n  fieldLabel: string;\n  value: RangeValue;\n  /** Called with the range a tap leaves; never for a typed day. */\n  onChange: (range: RangeValue) => void;\n  /**\n   * Months side by side. Two read as a period at a glance where there is room;\n   * one, with the month/year selectors, where there is not.\n   */\n  months: 1 | 2;\n  /**\n   * Changes when the range moved from OUTSIDE the calendar (typed, a preset,\n   * \"Limpar\"), so the calendar re-opens on it. Never for its own taps: a\n   * calendar that jumped under the finger picking in it would be unusable.\n   */\n  viewKey: string;\n  testId: string;\n}\n\nexport function DayRangeCalendar({\n  fieldLabel,\n  value,\n  onChange,\n  months,\n  viewKey,\n  testId,\n}: DayRangeCalendarProps): React.JSX.Element {\n  const copy: DataViewsDayCalendarCopy =\n    useDataViewsCopy().filters.dayCalendar ?? (EN_US_DATA_VIEWS_COPY.filters.dayCalendar as DataViewsDayCalendarCopy);\n  const range = rangeOf(value);\n  const pick = (picked: DateRange) => onChange(rangeFromCalendar(value, picked));\n  const waitingForEnd = Boolean(range.start && !range.end);\n\n  return (\n    <Box sx={ROOT_SX} data-testid={`${testId}-calendar`}>\n      <Calendar\n        key={viewKey}\n        ariaLabel={copy.label(fieldLabel)}\n        className={CALENDAR_CLASS}\n        selectionMode=\"range\"\n        locale={copy.locale}\n        labels={copy.caption}\n        // Sunday first, as a pt-BR calendar reads (`D S T Q Q S S`) and as the\n        // presets' \"Esta semana\" counts.\n        firstDayOfWeek={0}\n        numberOfMonths={months}\n        // Side by side, a day of the next month in this one is the same day\n        // twice; one month alone keeps them, muted, as a six-week frame.\n        showOutsideDays={months === 1}\n        captionLayout={months > 1 ? 'arrows' : 'selectors'}\n        defaultMonth={openingMonth(value, months)}\n        range={range}\n        // The intermediate callback does the work: the other fires only on the\n        // tap that CLOSES a period, so the first tap would write nothing.\n        onIntermediateRangeChange={pick}\n      />\n      <Typography\n        component=\"p\"\n        aria-live=\"polite\"\n        data-testid={`${testId}-calendar-hint`}\n        sx={{ mt: { xs: 0.25, sm: 1 }, fontSize: sxRem(12), color: 'text.secondary' }}\n      >\n        {waitingForEnd ? copy.pickEnd : copy.pickStart}\n      </Typography>\n    </Box>\n  );\n}\n"],"mappings":"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","names":["theme"]}

package/dist/{chunk-5CP5Z3YU.js → chunk-MPWA55CF.js}

@@ -1,10 +1,10 @@
+import {
+  isoToMasked
+} from "./chunk-L6YTVXGN.js";
 import {
   dayCount,
   isAfterDay
 } from "./chunk-SUTOAW7I.js";
-import {
-  isoToMasked
-} from "./chunk-72HOUWAW.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -65,4 +65,4 @@ export {
   resolveQuickRanges,
   activeQuickRangeId
 };
-//# sourceMappingURL=chunk-5CP5Z3YU.js.map
+//# sourceMappingURL=chunk-MPWA55CF.js.map

package/dist/{chunk-5KK3I42O.js → chunk-NK6O4NE4.js}

@@ -1,22 +1,23 @@
 import {
   ClearAllControl,
-  CloseSearchControl
-} from "./chunk-QLJU7UUI.js";
+  CloseSearchControl,
+  useBarFrozen
+} from "./chunk-T7OIVPCO.js";
 import {
   MoreFilters
-} from "./chunk-OBA75Y5O.js";
+} from "./chunk-JHWEL4NX.js";
 import {
   PillControl
 } from "./chunk-AJ6KFHEE.js";
-import {
-  QuickChip
-} from "./chunk-AT6UKTH4.js";
 import {
   isQuickActive
 } from "./chunk-KYUEO2IO.js";
 import {
   RangePill
-} from "./chunk-5RSK5M6M.js";
+} from "./chunk-FI2CQOGC.js";
+import {
+  QuickChip
+} from "./chunk-AT6UKTH4.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -201,12 +202,13 @@ function FilterSlots({
   testIdPrefix,
   clearKey
 }) {
+  const clear = useBarFrozen(onControlOpenChange);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     inline.map((field) => /* @__PURE__ */ jsx(
       InlineControl,
       {
         field,
-        onOpenChange: onControlOpenChange,
+        onOpenChange: clear.onOpenChange,
         pills,
         ranges,
         onTogglePill,
@@ -221,7 +223,7 @@ function FilterSlots({
       MoreFilters,
       {
         clearKey,
-        onOpenChange: onControlOpenChange,
+        onOpenChange: clear.onOpenChange,
         onClearAll,
         anyApplied: activeFilterCount > 0,
         compact: compactControls,
@@ -239,6 +241,7 @@ function FilterSlots({
       {
         onClearAll,
         compact: compactControls,
+        frozen: clear.frozen,
         testIdPrefix
       }
     )
@@ -248,4 +251,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-5KK3I42O.js.map
+//# sourceMappingURL=chunk-NK6O4NE4.js.map

package/dist/chunk-NK6O4NE4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-inline-bar.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The INLINE filter bar — the horizontal row of controls a grid renders instead\n * of the slide-in panel on a wide screen (`inlineFilters`): the compact keyword\n * box, one pill per facet, one pill per range, and \"Mais N\" for whatever had no\n * room.\n *\n * There is no \"Filtros ativos\" row beneath it. Listing every applied filter a\n * second time, under the controls already showing them, was the same\n * information twice — and put the ✕ that removes a filter somewhere other than\n * the control that applied it. Each pill carries its own.\n *\n * Split from `data-views-filter-panel` because they are two surfaces, not one:\n * the panel is a column of stacked fields, this is a row of pills, and the only\n * thing they share is the prop shape they are both driven by.\n */\nimport Box from \"@mui/material/Box/index.js\";\nimport { useState } from \"react\";\n\n\nimport { ClearAllControl, CloseSearchControl, useBarFrozen } from \"./data-views-bar-controls\";\nimport type { GridFilterPanelProps } from \"./data-views-filter-panel\";\nimport { MoreFilters } from \"./data-views-more-filters\";\nimport type { OverflowField, OverflowSplit } from \"./data-views-overflow\";\nimport { CollapsedSearch, InlineKeyword } from \"./data-views-search\";\nimport { PillControl } from \"./data-views-category-pill\";\nimport { isQuickActive } from \"./data-views-overflow\";\nimport { QuickChip } from \"./data-views-quick-chip\";\nimport { RangePill } from \"./data-views-range-pill\";\nimport type { QuickFilterConfig, RangeValue } from \"./data-views-types\";\n\n\n\n/* ── Inline (second-line) filter bar ─────────────────────────────────────── */\n\n/** The search, in whichever of its two forms the measurement asked for. */\nfunction SearchSlot({\n  search,\n  onSearchChange,\n  collapsed,\n  expanded,\n  fill,\n  onOpen,\n  onEscape,\n  testIdPrefix,\n}: {\n  search: string;\n  onSearchChange: (value: string) => void;\n  collapsed: boolean;\n  expanded: boolean;\n  /** The box owns the cluster alone, so it may shrink below its usual floor. */\n  fill: boolean;\n  onOpen: () => void;\n  onEscape: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  if (collapsed) {\n    return (\n      <CollapsedSearch active={search !== \"\"} onOpen={onOpen} testId={`${testIdPrefix}-search-all`} />\n    );\n  }\n  return (\n    <InlineKeyword\n      value={search}\n      onChange={onSearchChange}\n      testId={`${testIdPrefix}-search-all`}\n      autoFocus={expanded}\n      onEscape={onEscape}\n      fill={fill}\n    />\n  );\n}\n\n/** Props the inline bar needs (the slide-in panel's, minus its own chrome). */\ntype InlineFilterBarProps<T extends Record<string, unknown>> = Pick<\n  GridFilterPanelProps<T>,\n  | \"testIdPrefix\"\n  | \"search\"\n  | \"fields\"\n  | \"rangeFields\"\n  | \"pills\"\n  | \"ranges\"\n  | \"onSearchChange\"\n  | \"onTogglePill\"\n  | \"onChangeRange\"\n  | \"onClearField\"\n  | \"onClearAll\"\n> & {\n  /** The measured degradation state, computed once in `GridShell`. */\n  split: OverflowSplit<T>;\n};\n\n/**\n * One filter control on the bar: a multi-select pill or a min/max range. The\n * two are the same thing from the bar's point of view — a labelled control that\n * writes into the view state — so which one to build is decided here rather\n * than in the bar's own render.\n */\nfunction InlineControl<T extends Record<string, unknown>>({\n  field,\n  pills,\n  ranges,\n  onTogglePill,\n  onChangeRange,\n  onClearField,\n  onToggleQuick,\n  onOpenChange,\n  testIdPrefix,\n}: {\n  field: OverflowField<T>;\n  onToggleQuick?: (quick: QuickFilterConfig) => void;\n  onOpenChange?: (open: boolean) => void;\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  onClearField: (fieldId: string) => void;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  if (field.group === \"quick\" && field.quick) {\n    const quick = field.quick;\n    return (\n      <QuickChip\n        quick={quick}\n        active={isQuickActive(quick, pills)}\n        onToggle={() => onToggleQuick?.(quick)}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  if (field.group === \"pill\" && field.pill) {\n    return (\n      <PillControl\n        fieldId={field.id}\n        pill={field.pill}\n        selected={pills[field.id] ?? []}\n        onTogglePill={onTogglePill}\n        onClearField={onClearField}\n        onOpenChange={onOpenChange}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  if (field.group === \"range\" && field.range) {\n    return (\n      <RangePill\n        field={field.range}\n        value={ranges[field.id] ?? {}}\n        onChange={(range) => onChangeRange(field.id, range)}\n        onOpenChange={onOpenChange}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  return null;\n}\n\n/**\n * WHICH OF THE SEARCH'S THREE STATES THE BAR IS IN.\n *\n * Resting, expanded-and-sharing, or expanded-and-owning-the-cluster. They were\n * one boolean until a phone showed why they are not:\n *\n * - `fill` — an expanded box drops its usual 200px floor and takes whatever the\n *   cluster has. That floor is right for a box that lives on the row; it is\n *   wrong for one expanded into a cluster the ladder sized for an icon, where\n *   insisting on it made the row scroll sideways (154px of overhang at 320px,\n *   84px at 390px, 42px at 500px).\n * - `takesOver` — the narrower case, where shrinking has run out of road and\n *   what is left would be too small to read. Only then do the filters stand\n *   down. A large phone has room to share, and evicting them there cost the\n *   operator their filters for nothing.\n *\n * Once CLICKED the box stays open until Escape or its ✕, so typing is never\n * interrupted by a re-measure.\n */\nfunction useSearchMode<T extends Record<string, unknown>>(\n  split: OverflowSplit<T>,\n): {\n  showBox: boolean;\n  expanded: boolean;\n  fill: boolean;\n  takesOver: boolean;\n  open: () => void;\n  close: () => void;\n} {\n  const [searchOpen, setSearchOpen] = useState(false);\n  return {\n    showBox: !split.searchCollapsed || searchOpen,\n    expanded: searchOpen,\n    fill: split.searchCollapsed && searchOpen,\n    takesOver: searchOpen && split.searchTakeover,\n    open: () => setSearchOpen(true),\n    close: () => setSearchOpen(false),\n  };\n}\n\n/**\n * The filter CONTROLS alone — search, the fields that fit, and \"Mais N\" for the\n * ones that don't — with no row chrome of its own, because it is rendered ON\n * the toolbar line rather than under it (`ContentToolbar`'s `leadingControls`).\n *\n * The measurement driving the collapse lives on the toolbar ROW, not here —\n * see the note on `split` below.\n */\nexport function InlineFilterControls<T extends Record<string, unknown>>({\n  testIdPrefix,\n  pills,\n  ranges,\n  search,\n  onSearchChange,\n  onTogglePill,\n  onChangeRange,\n  onClearField,\n  split,\n  onClearAll,\n  activeFilterCount,\n  onControlOpenChange,\n  onToggleQuick,\n  clearKey,\n}: Omit<InlineFilterBarProps<T>, \"fields\" | \"rangeFields\"> & {\n  /** Changes on every clear-all; the \"Mais\" fields are keyed on it (FUT-4144). */\n  clearKey?: number;\n  /** Presses or releases a quick chip — see `QuickFilterConfig`. */\n  onToggleQuick?: (quick: QuickFilterConfig) => void;\n  /** How many filters are applied — decides whether \"Limpar\" is on the bar at all. */\n  activeFilterCount: number;\n  /** Reports a control opening/closing so the shell can freeze the measurement. */\n  onControlOpenChange?: (open: boolean) => void;\n}): React.JSX.Element {\n  // MEASURED, not breakpointed — and measured ONCE, in the shell, because the\n  // toolbar around it needs the same answer to drop its labels. The measured\n  // element is the whole toolbar ROW (see `GridToolbar`), not this cluster:\n  // `RESERVED` prices the counter and Exibir/Exportar, so measuring only the\n  // controls would charge for that furniture a second time and collapse the\n  // ladder while the row still had hundreds of free pixels.\n  const { inline, overflow, compactControls, clearAllHidden } = split;\n  const { showBox, expanded, fill, takesOver, open, close } = useSearchMode(split);\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-inline-filters`}\n      sx={{\n        display: \"flex\",\n        flexWrap: \"nowrap\",\n        alignItems: \"center\",\n        gap: 1,\n        minWidth: 0,\n        // No squeezing: if the estimate over-packs, the row must overflow (and\n        // the next measure sheds a control), not shrink labels to an ellipsis.\n        \"& > *\": { flexShrink: 0 },\n      }}\n    >\n      <SearchSlot\n        search={search}\n        onSearchChange={onSearchChange}\n        collapsed={!showBox}\n        expanded={expanded}\n        fill={fill}\n        onOpen={open}\n        onEscape={close}\n        testIdPrefix={testIdPrefix}\n      />\n      {takesOver && <CloseSearchControl onClose={close} testIdPrefix={testIdPrefix} />}\n      {!takesOver && (\n      <FilterSlots\n        inline={inline}\n        overflow={overflow}\n        pills={pills}\n        ranges={ranges}\n        onTogglePill={onTogglePill}\n        onChangeRange={onChangeRange}\n        onClearField={onClearField}\n        onToggleQuick={onToggleQuick}\n        onClearAll={onClearAll}\n        onControlOpenChange={onControlOpenChange}\n        activeFilterCount={activeFilterCount}\n        compactControls={compactControls}\n        clearAllHidden={clearAllHidden}\n        testIdPrefix={testIdPrefix}\n        clearKey={clearKey}\n      />\n      )}\n    </Box>\n  );\n}\n\n/**\n * Everything to the right of the search: the fields that fit, \"Mais N\" for the\n * ones that don't, and \"Limpar\". Split out of `InlineFilterControls` only to\n * keep that function inside the size gate — the three are one cluster and the\n * order they render in is the order they shed in.\n */\nfunction FilterSlots<T extends Record<string, unknown>>({\n  inline,\n  overflow,\n  pills,\n  ranges,\n  onTogglePill,\n  onChangeRange,\n  onClearField,\n  onToggleQuick,\n  onClearAll,\n  onControlOpenChange,\n  activeFilterCount,\n  compactControls,\n  clearAllHidden,\n  testIdPrefix,\n  clearKey,\n}: {\n  clearKey?: number;\n  onToggleQuick?: (quick: QuickFilterConfig) => void;\n  inline: OverflowField<T>[];\n  overflow: OverflowField<T>[];\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  onClearField: (fieldId: string) => void;\n  onClearAll: () => void;\n  onControlOpenChange?: (open: boolean) => void;\n  activeFilterCount: number;\n  compactControls: boolean;\n  clearAllHidden: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const clear = useBarFrozen(onControlOpenChange);\n  return (\n    <>\n      {inline.map((field) => (\n        <InlineControl\n          key={field.id}\n          field={field}\n          onOpenChange={clear.onOpenChange}\n          pills={pills}\n          ranges={ranges}\n          onTogglePill={onTogglePill}\n          onChangeRange={onChangeRange}\n          onClearField={onClearField}\n          onToggleQuick={onToggleQuick}\n          testIdPrefix={testIdPrefix}\n        />\n      ))}\n      <MoreFilters\n        clearKey={clearKey}\n        onOpenChange={clear.onOpenChange}\n        onClearAll={onClearAll}\n        anyApplied={activeFilterCount > 0}\n        compact={compactControls}\n        fields={overflow}\n        pills={pills}\n        ranges={ranges}\n        onTogglePill={onTogglePill}\n        onChangeRange={onChangeRange}\n        onToggleQuick={onToggleQuick}\n        testIdPrefix={testIdPrefix}\n      />\n      {activeFilterCount > 0 && !clearAllHidden && (\n        <ClearAllControl\n          onClearAll={onClearAll}\n          compact={compactControls}\n          frozen={clear.frozen}\n          testIdPrefix={testIdPrefix}\n        />\n      )}\n    </>\n  );\n}\n\n"],"mappings":"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","names":[]}

package/dist/{chunk-RCTHCXS6.js → chunk-PJNIJIE6.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-NQCTANF3.js";
+} from "./chunk-QVDEGBME.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -58,4 +58,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-RCTHCXS6.js.map
+//# sourceMappingURL=chunk-PJNIJIE6.js.map

package/dist/{chunk-6ATXOJVQ.js → chunk-QADTI63U.js}

@@ -1,10 +1,10 @@
-import {
-  buildChartContext
-} from "./chunk-TZC6KIK2.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  buildChartContext
+} from "./chunk-TZC6KIK2.js";
 import {
   uiInk
 } from "./chunk-XJAD6E3V.js";
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-6ATXOJVQ.js.map
+//# sourceMappingURL=chunk-QADTI63U.js.map

package/dist/{chunk-MW7P2C2C.js → chunk-QAEO52Z4.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-OKRITX4S.js";
+} from "./chunk-CJ6XXM4X.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-MW7P2C2C.js.map
+//# sourceMappingURL=chunk-QAEO52Z4.js.map

package/dist/{chunk-5S5K73I6.js → chunk-QSOCOXVL.js}

@@ -1,9 +1,9 @@
 import {
   statusMessage
-} from "./chunk-5CP5Z3YU.js";
+} from "./chunk-MPWA55CF.js";
 import {
   DayBoundInput
-} from "./chunk-72HOUWAW.js";
+} from "./chunk-L6YTVXGN.js";
 
 // src/components/form/DateRangePicker/DateRangePickerFields.tsx
 import Box from "@mui/material/Box/index.js";
@@ -64,4 +64,4 @@ function DateRangeFields({
 export {
   DateRangeFields
 };
-//# sourceMappingURL=chunk-5S5K73I6.js.map
+//# sourceMappingURL=chunk-QSOCOXVL.js.map

package/dist/{chunk-NQCTANF3.js → chunk-QVDEGBME.js}

@@ -1,3 +1,6 @@
+import {
+  AlertContent
+} from "./chunk-7HZ36QDH.js";
 import {
   alertEmphasisStyles,
   alertLayoutStyles,
@@ -6,17 +9,14 @@ import {
   getColorFromTheme,
   getVariantIcon
 } from "./chunk-L5RS6QAT.js";
-import {
-  resolveIconPlacement
-} from "./chunk-QXUXO22M.js";
-import {
-  AlertContent
-} from "./chunk-7HZ36QDH.js";
 import {
   resolveAlertProps,
   resolveAnnouncement,
   testIdFor
 } from "./chunk-L7VH6IMR.js";
+import {
+  resolveIconPlacement
+} from "./chunk-QXUXO22M.js";
 import {
   ACTIVE,
   ALERT_EASING,
@@ -277,4 +277,4 @@ export {
   Alert,
   ALERT_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-NQCTANF3.js.map
+//# sourceMappingURL=chunk-QVDEGBME.js.map

package/dist/{chunk-BQBEN44R.js → chunk-RDCIST7P.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-2ORD2FMN.js";
 import {
   Alert
-} from "./chunk-NQCTANF3.js";
+} from "./chunk-QVDEGBME.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -160,4 +160,4 @@ export {
   SequenceStepBody,
   SequenceDoneBody
 };
-//# sourceMappingURL=chunk-BQBEN44R.js.map
+//# sourceMappingURL=chunk-RDCIST7P.js.map

package/dist/{chunk-HUXAIQC5.js → chunk-RZ3P4X2I.js}

@@ -3,7 +3,7 @@ import {
   defaultMessages,
   resolveDayRange,
   resolveQuickRanges
-} from "./chunk-5CP5Z3YU.js";
+} from "./chunk-MPWA55CF.js";
 import {
   toDayString,
   todayIn
@@ -69,4 +69,4 @@ function useDateRangePicker({
 export {
   useDateRangePicker
 };
-//# sourceMappingURL=chunk-HUXAIQC5.js.map
+//# sourceMappingURL=chunk-RZ3P4X2I.js.map

package/dist/{chunk-WJMSND5Q.js → chunk-SCXVTNLE.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-NQCTANF3.js";
+} from "./chunk-QVDEGBME.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-WJMSND5Q.js.map
+//# sourceMappingURL=chunk-SCXVTNLE.js.map

package/dist/{chunk-K6FCSB6T.js → chunk-SK2CTB3O.js}

@@ -1,7 +1,3 @@
-import {
-  containerStyles,
-  frameBox
-} from "./chunk-Z64TMGYT.js";
 import {
   CarouselTrack
 } from "./chunk-6FDLBWTE.js";
@@ -10,7 +6,11 @@ import {
 } from "./chunk-RUIV5TVA.js";
 import {
   CarouselChrome
-} from "./chunk-U2ILXZDG.js";
+} from "./chunk-TB5CRHTF.js";
+import {
+  containerStyles,
+  frameBox
+} from "./chunk-Z64TMGYT.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-K6FCSB6T.js.map
+//# sourceMappingURL=chunk-SK2CTB3O.js.map

package/dist/{chunk-QLJU7UUI.js → chunk-T7OIVPCO.js}

@@ -18,18 +18,48 @@ import {
 import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
 import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
 import Tooltip from "@mui/material/Tooltip/index.js";
+import { useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+function useBarFrozen(report) {
+  const [openCount, setOpenCount] = useState(0);
+  return {
+    frozen: openCount > 0,
+    onOpenChange: (open) => {
+      setOpenCount((count) => Math.max(0, count + (open ? 1 : -1)));
+      report?.(open);
+    }
+  };
+}
+function useCutByRow(ref, frozen) {
+  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;
+}
 function ClearAllControl({
   onClearAll,
-  compact,
-  testIdPrefix
+  compact: compactRung,
+  testIdPrefix,
+  frozen = false
 }) {
   const copy = useDataViewsCopy();
+  const ref = useRef(null);
+  const cut = useCutByRow(ref, frozen && !compactRung);
+  const compact = compactRung || cut;
   const button = /* @__PURE__ */ jsxs(
     default2,
     {
       component: "button",
       type: "button",
+      ref,
       onClick: onClearAll,
       "data-testid": `${testIdPrefix}-clear-all`,
       "aria-label": copy.filters.clearAll,
@@ -46,6 +76,10 @@ 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" }
       },
@@ -88,7 +122,8 @@ function CloseSearchControl({
 }
 
 export {
+  useBarFrozen,
   ClearAllControl,
   CloseSearchControl
 };
-//# sourceMappingURL=chunk-QLJU7UUI.js.map
+//# sourceMappingURL=chunk-T7OIVPCO.js.map

package/dist/chunk-T7OIVPCO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-bar-controls.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE TWO BARE AFFORDANCES ON THE FILTER BAR.\n *\n * Neither opens anything, which is what sets them apart from every other\n * control on that row and why they are styled flat rather than as outlined\n * pills: one clears the filters, one leaves a search takeover. Giving them a\n * pill's weight made \"Limpar\" read as a sixth filter.\n *\n * Their own module because `data-views-inline-bar` outgrew the file-size gate.\n */\nimport CloseRoundedIcon from \"@mui/icons-material/CloseRounded\";\nimport FilterAltOffRoundedIcon from \"@mui/icons-material/FilterAltOffRounded\";\nimport Tooltip from \"@mui/material/Tooltip/index.js\";\nimport React, { useLayoutEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldHeight } from \"../../../tokens/field-height\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/**\n * \"Limpar\" — one gesture back to the unfiltered list.\n *\n * Present ONLY while something is applied, and last in the cluster, because it\n * is destructive and must never be where a filter control was a moment ago.\n * Each pill already carries its own ✕; this is the other job — six applied\n * filters is six ✕ hunts, and the operator who wants \"show me everything\n * again\" has no way to say it.\n *\n * Loses its label on the same rung Exibir/Exportar lose theirs, and keeps a\n * tooltip when it does: it is one of the two controls (with the search) whose\n * icon has to carry the whole meaning on a phone.\n */\n/**\n * Whether a filter control's panel is open — the stretch during which the bar\n * is measured once and then FROZEN, so the field being edited is not promoted\n * out from under the hand (FUT-4144 UI review round 2).\n *\n * Wraps the controls' `onOpenChange` to count the open panels.\n */\nexport function useBarFrozen(report?: (open: boolean) => void): {\n  frozen: boolean;\n  onOpenChange: (open: boolean) => void;\n} {\n  const [openCount, setOpenCount] = useState(0);\n  return {\n    frozen: openCount > 0,\n    onOpenChange: (open) => {\n      setOpenCount((count) => Math.max(0, count + (open ? 1 : -1)));\n      report?.(open);\n    },\n  };\n}\n\n/**\n * Whether the button runs past the edge of the row that holds it. Only asked\n * while the bar is frozen: a first filter applied from inside an open panel\n * brings \"Limpar\" in with no room budgeted for its label, and at 900 the row\n * cut it to \"Lin\". It then shows as its icon (the tooltip and accessible name\n * keep the word) until the panel closes and the row is measured again.\n */\nfunction useCutByRow(ref: React.RefObject<HTMLElement | null>, frozen: boolean): boolean {\n  const [cut, setCut] = useState(false);\n  useLayoutEffect(() => {\n    if (!frozen) {\n      setCut(false);\n      return;\n    }\n    const button = ref.current;\n    let row = button?.parentElement ?? null;\n    while (row && getComputedStyle(row).overflowX === \"visible\") row = row.parentElement;\n    if (button && row && button.getBoundingClientRect().right > row.getBoundingClientRect().right + 0.5) setCut(true);\n  });\n  return cut;\n}\n\nexport function ClearAllControl({\n  onClearAll,\n  compact: compactRung,\n  testIdPrefix,\n  frozen = false,\n}: {\n  onClearAll: () => void;\n  compact: boolean;\n  testIdPrefix: string;\n  /** The bar is frozen while a panel is open; see {@link useCutByRow}. */\n  frozen?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const ref = useRef<HTMLButtonElement>(null);\n  const cut = useCutByRow(ref, frozen && !compactRung);\n  const compact = compactRung || cut;\n  // No border, no fill. Every other control on this row is an outlined field\n  // because it OPENS something; this one is an escape hatch, and giving it the\n  // same weight made it read as a sixth filter. Quiet until hovered.\n  const button = (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      ref={ref}\n      onClick={onClearAll}\n      data-testid={`${testIdPrefix}-clear-all`}\n      aria-label={copy.filters.clearAll}\n      sx={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 0.5,\n        height: fieldHeight,\n        px: compact ? 0.75 : 1,\n        border: 0,\n        borderRadius: fieldRadiusPx,\n        bgcolor: \"transparent\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: sxRem(13),\n        whiteSpace: \"nowrap\",\n        // Never squeezed: the bar is frozen while a panel is open, and when a\n        // first filter applied from inside one brought this in, the row had\n        // no room budgeted for it and cut \"Limpar\" to \"Lin\" (FUT-4144).\n        flexShrink: 0,\n        color: \"text.secondary\",\n        \"&:hover\": { color: \"text.primary\", bgcolor: \"action.hover\" },\n      }}\n    >\n      <FilterAltOffRoundedIcon sx={{ fontSize: sxRem(16) }} />\n      {!compact && <Box component=\"span\">{copy.filters.clear}</Box>}\n    </Box>\n  );\n  return compact ? <Tooltip title={copy.filters.clearAll}>{button}</Tooltip> : button;\n}\n\n/**\n * The way out of a search takeover.\n *\n * A phone has no Escape key, and without this the takeover is a one-way door\n * onto a bar with no filters on it.\n\n/**\n * The way out of a search takeover.\n *\n * A phone has no Escape key, and without this the takeover is a one-way door\n * onto a bar with no filters on it.\n */\nexport function CloseSearchControl({\n  onClose,\n  testIdPrefix,\n}: {\n  onClose: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Tooltip title={copy.search.close}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onClose}\n        aria-label={copy.search.close}\n        data-testid={`${testIdPrefix}-search-close`}\n        sx={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          height: fieldHeight,\n          px: 0.75,\n          border: 0,\n          borderRadius: fieldRadiusPx,\n          bgcolor: \"transparent\",\n          cursor: \"pointer\",\n          color: \"text.secondary\",\n          \"&:hover\": { color: \"text.primary\", bgcolor: \"action.hover\" },\n        }}\n      >\n        <CloseRoundedIcon sx={{ fontSize: sxRem(18) }} />\n      </Box>\n    </Tooltip>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-U2ILXZDG.js → chunk-TB5CRHTF.js}

@@ -2,7 +2,7 @@ import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "./chunk-BECKKDYG.js";
+} from "./chunk-M2M4IDFU.js";
 
 // src/components/data-display/Carousel/Carousel.chrome.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var CarouselChrome = ({
 export {
   CarouselChrome
 };
-//# sourceMappingURL=chunk-U2ILXZDG.js.map
+//# sourceMappingURL=chunk-TB5CRHTF.js.map

package/dist/{chunk-SB2SEGR6.js → chunk-TIM4PXWN.js}

@@ -1,10 +1,10 @@
 import {
   Chart
-} from "./chunk-AMLHEKSV.js";
+} from "./chunk-HI7JPDD6.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
-} from "./chunk-HQCZT6TO.js";
+} from "./chunk-JVOEVTCZ.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-SB2SEGR6.js.map
+//# sourceMappingURL=chunk-TIM4PXWN.js.map