@12-apps/ui 6.92.0 → 6.92.1

package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   DataViewsGrid
-} from "../../../../chunk-R4LCPPKA.js";
-import "../../../../chunk-X3GD3TFI.js";
-import "../../../../chunk-CKQOYPH3.js";
+} from "../../../../chunk-OCGPOACB.js";
+import "../../../../chunk-BXZMV6QC.js";
+import "../../../../chunk-FYUNROLW.js";
 import "../../../../chunk-MKVDHR3B.js";
-import "../../../../chunk-AI7XWBNG.js";
+import "../../../../chunk-IEUVP6UV.js";
 import "../../../../chunk-T7OIVPCO.js";
 import "../../../../chunk-X3AFXHY5.js";
 import "../../../../chunk-XNAI7QGU.js";
@@ -13,19 +13,19 @@ import "../../../../chunk-7TCOYCD7.js";
 import "../../../../chunk-4ZQQUICR.js";
 import "../../../../chunk-XZFTRGRW.js";
 import "../../../../chunk-WWH674WU.js";
-import "../../../../chunk-HS662RLW.js";
-import "../../../../chunk-MZAYIG2I.js";
+import "../../../../chunk-RZWU2KYP.js";
+import "../../../../chunk-VCJ72ODU.js";
 import "../../../../chunk-AJ6KFHEE.js";
 import "../../../../chunk-KYUEO2IO.js";
 import "../../../../chunk-GZOW6HNN.js";
-import "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
-import "../../../../chunk-FORAVDJF.js";
+import "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
+import "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-AT6UKTH4.js";
 import "../../../../chunk-5YDS6HO3.js";
 import "../../../../chunk-OY437NRJ.js";

package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   DataViewsTableBase
-} from "../../../../chunk-W2KOP27S.js";
+} from "../../../../chunk-ZVHHFLYY.js";
 import "../../../../chunk-YNVTUQ5B.js";
-import "../../../../chunk-R4LCPPKA.js";
+import "../../../../chunk-OCGPOACB.js";
 import "../../../../chunk-ZOLAYP2D.js";
-import "../../../../chunk-X3GD3TFI.js";
-import "../../../../chunk-CKQOYPH3.js";
+import "../../../../chunk-BXZMV6QC.js";
+import "../../../../chunk-FYUNROLW.js";
 import "../../../../chunk-MKVDHR3B.js";
-import "../../../../chunk-AI7XWBNG.js";
+import "../../../../chunk-IEUVP6UV.js";
 import "../../../../chunk-T7OIVPCO.js";
 import "../../../../chunk-X3AFXHY5.js";
 import "../../../../chunk-XNAI7QGU.js";
@@ -16,19 +16,19 @@ import "../../../../chunk-7TCOYCD7.js";
 import "../../../../chunk-4ZQQUICR.js";
 import "../../../../chunk-XZFTRGRW.js";
 import "../../../../chunk-WWH674WU.js";
-import "../../../../chunk-HS662RLW.js";
-import "../../../../chunk-MZAYIG2I.js";
+import "../../../../chunk-RZWU2KYP.js";
+import "../../../../chunk-VCJ72ODU.js";
 import "../../../../chunk-AJ6KFHEE.js";
 import "../../../../chunk-KYUEO2IO.js";
 import "../../../../chunk-GZOW6HNN.js";
-import "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
-import "../../../../chunk-FORAVDJF.js";
+import "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
+import "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-AT6UKTH4.js";
 import "../../../../chunk-5YDS6HO3.js";
 import "../../../../chunk-OY437NRJ.js";

package/dist/_internal/components/data-display/DataViews/data-views-filter-panel.js

@@ -2,16 +2,16 @@
 import {
   FilterDialog,
   GridFilterPanel
-} from "../../../../chunk-CKQOYPH3.js";
+} from "../../../../chunk-FYUNROLW.js";
 import "../../../../chunk-AJ6KFHEE.js";
-import "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
-import "../../../../chunk-FORAVDJF.js";
+import "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
+import "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-7CUZTWKW.js";
 import "../../../../chunk-KHG57NAE.js";

package/dist/_internal/components/data-display/DataViews/data-views-grid-parts.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   GridShell
-} from "../../../../chunk-X3GD3TFI.js";
-import "../../../../chunk-CKQOYPH3.js";
+} from "../../../../chunk-BXZMV6QC.js";
+import "../../../../chunk-FYUNROLW.js";
 import "../../../../chunk-MKVDHR3B.js";
-import "../../../../chunk-AI7XWBNG.js";
+import "../../../../chunk-IEUVP6UV.js";
 import "../../../../chunk-T7OIVPCO.js";
 import "../../../../chunk-X3AFXHY5.js";
 import "../../../../chunk-XNAI7QGU.js";
@@ -12,19 +12,19 @@ import "../../../../chunk-7TCOYCD7.js";
 import "../../../../chunk-4ZQQUICR.js";
 import "../../../../chunk-XZFTRGRW.js";
 import "../../../../chunk-WWH674WU.js";
-import "../../../../chunk-HS662RLW.js";
-import "../../../../chunk-MZAYIG2I.js";
+import "../../../../chunk-RZWU2KYP.js";
+import "../../../../chunk-VCJ72ODU.js";
 import "../../../../chunk-AJ6KFHEE.js";
 import "../../../../chunk-KYUEO2IO.js";
 import "../../../../chunk-GZOW6HNN.js";
-import "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
-import "../../../../chunk-FORAVDJF.js";
+import "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
+import "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-AT6UKTH4.js";
 import "../../../../chunk-5YDS6HO3.js";
 import "../../../../chunk-OY437NRJ.js";

package/dist/_internal/components/data-display/DataViews/data-views-inline-bar.js

@@ -1,22 +1,22 @@
 "use client";
 import {
   InlineFilterControls
-} from "../../../../chunk-AI7XWBNG.js";
+} from "../../../../chunk-IEUVP6UV.js";
 import "../../../../chunk-T7OIVPCO.js";
 import "../../../../chunk-WWH674WU.js";
-import "../../../../chunk-HS662RLW.js";
-import "../../../../chunk-MZAYIG2I.js";
+import "../../../../chunk-RZWU2KYP.js";
+import "../../../../chunk-VCJ72ODU.js";
 import "../../../../chunk-AJ6KFHEE.js";
 import "../../../../chunk-KYUEO2IO.js";
 import "../../../../chunk-GZOW6HNN.js";
-import "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
-import "../../../../chunk-FORAVDJF.js";
+import "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
+import "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-AT6UKTH4.js";
 import "../../../../chunk-ACBHZG3Z.js";
 import "../../../../chunk-GCZJH4XL.js";

package/dist/_internal/components/data-display/DataViews/data-views-more-fields.js

@@ -3,18 +3,18 @@ import {
   MoreGroup,
   MoreQuick,
   fieldClearing
-} from "../../../../chunk-MZAYIG2I.js";
+} from "../../../../chunk-VCJ72ODU.js";
 import "../../../../chunk-AJ6KFHEE.js";
 import "../../../../chunk-KYUEO2IO.js";
 import "../../../../chunk-GZOW6HNN.js";
-import "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
-import "../../../../chunk-FORAVDJF.js";
+import "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
+import "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-AT6UKTH4.js";
 import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-7CUZTWKW.js";

package/dist/_internal/components/data-display/DataViews/data-views-more-filters.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   MoreFilters
-} from "../../../../chunk-HS662RLW.js";
-import "../../../../chunk-MZAYIG2I.js";
+} from "../../../../chunk-RZWU2KYP.js";
+import "../../../../chunk-VCJ72ODU.js";
 import "../../../../chunk-AJ6KFHEE.js";
 import "../../../../chunk-KYUEO2IO.js";
 import "../../../../chunk-GZOW6HNN.js";
-import "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
-import "../../../../chunk-FORAVDJF.js";
+import "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
+import "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-AT6UKTH4.js";
 import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-7CUZTWKW.js";

package/dist/_internal/components/data-display/DataViews/data-views-range-bounds.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   RangeBounds
-} from "../../../../chunk-FORAVDJF.js";
+} from "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-L6YTVXGN.js";

package/dist/_internal/components/data-display/DataViews/data-views-range-calendar.js

@@ -2,7 +2,7 @@
 import {
   DayRangeCalendar,
   rangeFromCalendar
-} from "../../../../chunk-MICX23P4.js";
+} from "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-SUTOAW7I.js";
 import "../../../../chunk-BO6S47KI.js";

package/dist/_internal/components/data-display/DataViews/data-views-range-pill.js

@@ -2,16 +2,16 @@
 import {
   PanelRangeField,
   RangePill
-} from "../../../../chunk-3OHZAZEE.js";
-import "../../../../chunk-J2AVWIMM.js";
+} from "../../../../chunk-3WYEENUH.js";
+import "../../../../chunk-WLDP7C4K.js";
 import {
   RangeBounds
-} from "../../../../chunk-FORAVDJF.js";
+} from "../../../../chunk-FC7UCFFA.js";
 import "../../../../chunk-LZNUBQ5I.js";
 import "../../../../chunk-2FKWKLSC.js";
 import "../../../../chunk-YOPMXGHY.js";
 import "../../../../chunk-CBOB5AV6.js";
-import "../../../../chunk-MICX23P4.js";
+import "../../../../chunk-HRES2S3Q.js";
 import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-7CUZTWKW.js";
 import "../../../../chunk-KHG57NAE.js";

package/dist/_internal/components/data-display/DataViews/data-views-range-summary.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   RangeSummary
-} from "../../../../chunk-J2AVWIMM.js";
+} from "../../../../chunk-WLDP7C4K.js";
 import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-YKCAJ2TN.js";

package/dist/{chunk-3OHZAZEE.js → chunk-3WYEENUH.js}

@@ -1,9 +1,9 @@
 import {
   RangeSummary
-} from "./chunk-J2AVWIMM.js";
+} from "./chunk-WLDP7C4K.js";
 import {
   RangeBounds
-} from "./chunk-FORAVDJF.js";
+} from "./chunk-FC7UCFFA.js";
 import {
   RangePresets
 } from "./chunk-LZNUBQ5I.js";
@@ -137,6 +137,10 @@ var DAY_PAPER_SX = (theme) => ({
   // 280px seven 40px day columns need: at 320 it had 256 and every day was a
   // 33px target (FUT-4144 UI review).
   maxWidth: { xs: `calc(100% - ${rem(theme, 16)})`, sm: `calc(100% - ${rem(theme, 32)})` },
+  // And as tall as those same margins allow: MUI's default keeps 16px off the
+  // top and bottom, so a refused day's message at 320×568 made the popover
+  // 1px taller than its cap and it scrolled (FUT-4144 code review).
+  maxHeight: { xs: `calc(100% - ${rem(theme, 16)})`, sm: `calc(100% - ${rem(theme, 32)})` },
   p: { xs: 1, sm: 2 }
 });
 function RangePill({
@@ -184,7 +188,8 @@ function RangePill({
               value,
               onChange,
               testId,
-              calendarMonths
+              calendarMonths,
+              summaryOnHint: true
             }
           ),
           /* @__PURE__ */ jsx(RangeSummary, { field, value, onClear: () => onChange({}), testId })
@@ -235,4 +240,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-3OHZAZEE.js.map
+//# sourceMappingURL=chunk-3WYEENUH.js.map

package/dist/chunk-3WYEENUH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-pill.tsx"],"sourcesContent":["'use client';\n\n/**\n * A range filter as a PILL in the inline filter bar — the same affordance the\n * multi-select facets use, so \"Data\" and \"Valor\" sit in the filter row beside\n * \"Pagamento\"/\"Situação\"/\"Método\" instead of floating above the grid.\n *\n * Before this the inline bar rendered pills only, and `rangeFields` had a\n * surface on the slide-in panel alone — which `inlineFilters` REPLACES on a wide\n * screen. So a range filter was invisible on exactly the screens that use it,\n * and a page wanting one had to hang its own inputs outside the grid, outside\n * `DataViewState`, and outside the grid's \"Limpar filtros\" (FUT-668).\n */\nimport CloseIcon from '@mui/icons-material/Close';\nimport ChevronDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Popover from '@mui/material/Popover/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport { useTheme, type Theme } from '@mui/material/styles/index.js';\nimport React, { useContext } from 'react';\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { TableFilter } from '../../layout/TableFilter';\nimport { TableFilterContext } from '../../layout/TableFilter/TableFilterContext';\nimport { RangePresets } from './data-views-preset-chips';\nimport { RangeBounds } from './data-views-range-bounds';\nimport { RangeSummary } from './data-views-range-summary';\nimport { useStillAnchor } from './data-views-still-anchor';\nimport { presetsFor } from './data-views-range-presets';\nimport {\n  isRangeInverted,\n  isRangeSet,\n  numericRange,\n  rangeChipLabel,\n} from './data-views-range-values';\nimport type { RangeFieldConfig, RangeValue } from './data-views-types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { rem, remPx, sxRem } from '../../../tokens/relative';\n\n// Re-exported: the pair moved to its own file, and its importers keep their path.\nexport { RangeBounds };\n\n/**\n * The pill + its popover. Bounds commit on change (the list is server-driven, so\n * each edit is a query) and the popover stays open, which is what lets a\n * merchant set \"de\" and then \"até\" without re-opening it.\n */\n/** An applied range clears from the pill itself — re-opening to empty two fields is three gestures for one intent. */\nfunction ClearAffordance({\n  label,\n  onClear,\n  testId,\n}: {\n  label: string;\n  onClear: () => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const clear = (event: React.SyntheticEvent): void => {\n    event.stopPropagation();\n    onClear();\n  };\n  return (\n    <Box\n      component=\"span\"\n      role=\"button\"\n      tabIndex={0}\n      aria-label={copy.filters.clearRange(label)}\n      data-testid={testId}\n      onClick={clear}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        clear(event);\n      }}\n      sx={{ display: 'inline-flex', borderRadius: 999, p: 0.125, '&:hover': { bgcolor: 'action.selected' } }}\n    >\n      <CloseIcon sx={{ fontSize: sxRem(14) }} />\n    </Box>\n  );\n}\n\n/** The pill button: its label carries the applied window, and its tone the state. */\nfunction RangeTrigger<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  onOpen,\n  open,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  onOpen: (anchor: HTMLElement) => void;\n  open: boolean;\n  testId: string;\n}): React.JSX.Element {\n  const active = isRangeSet(value);\n  const inverted = isRangeInverted(value);\n  // An INVERTED window gets its own tone rather than the ordinary \"applied\"\n  // one: it is applied, and it matches nothing, and those are different states.\n  // At rest the pill draws the one field border (`fieldEdge`).\n  const tone = inverted ? 'error.main' : active ? 'primary.main' : null;\n  return (\n    <Button\n      variant=\"outlined\"\n      color=\"inherit\"\n      size=\"small\"\n      data-testid={testId}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={(event) => onOpen(event.currentTarget)}\n      // ✕ FIRST, chevron LAST — the same shape as every other pill. It used to\n      // replace the chevron at the end, so a range pill and a multi-select pill\n      // put the clear in different places, and an applied range lost the\n      // affordance that says it opens.\n      startIcon={\n        active ? (\n          <ClearAffordance label={field.label} onClear={() => onChange({})} testId={`${testId}-clear-inline`} />\n        ) : undefined\n      }\n      endIcon={<ChevronDownIcon sx={{ fontSize: sxRem(16) }} />}\n      sx={{\n        borderRadius: fieldRadiusPx,\n        height: fieldHeight,\n        px: 1.5,\n        maxWidth: sxRem(280),\n        color: inverted ? 'error.main' : 'text.primary',\n        fontWeight: 600,\n        fontSize: sxRem(13),\n        textTransform: 'none',\n        whiteSpace: 'nowrap',\n        borderColor: (theme) => tone ?? fieldEdge(theme),\n        bgcolor: active ? 'action.selected' : 'background.paper',\n        '&:hover': {\n          borderColor: active ? tone : 'text.primary',\n          bgcolor: active ? 'action.selected' : 'action.hover',\n        },\n      }}\n    >\n      {/* The applied bounds, in the label — a pill reading only \"Valor\" hides\n          the very thing that is narrowing the list. */}\n      <Box component=\"span\" sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {active ? rangeChipLabel(field, value) : field.label}\n      </Box>\n    </Button>\n  );\n}\n\n/**\n * How many months the pill's calendar shows: two from the theme's `md` up,\n * where the popover has the ~670px they take; one below it.\n *\n * A media query, not an `sx` breakpoint, because it decides what to RENDER —\n * CSS cannot un-render a second month. `up('md')` so that where nothing can be\n * measured (a test, the server) the answer is the one month that always fits.\n */\nfunction useCalendarMonths(): 1 | 2 {\n  const theme = useTheme();\n  return useMediaQuery(theme.breakpoints.up('md')) ? 2 : 1;\n}\n\n/**\n * The day popover's width. Below `sm` it takes the screen's (less the\n * popover's own 16px margins, which its `maxWidth` already keeps), so the boxes\n * and the month share it instead of leaving a strip of grid beside a narrow\n * card. From `sm` to `md` it holds one month, and sized to its content the\n * preset row alone stretched it to ~515px with the month hugging the left and\n * a band of nothing beside it; 400 keeps the month and the boxes one width.\n * From `md` its content — two months — sets it.\n */\nconst DAY_PAPER_SX = (theme: Theme) => ({\n  width: { xs: '100%', sm: rem(theme, 400), md: 'auto' },\n  // Below `sm` 8px from each edge and 8px of padding, so the month gets the\n  // 280px seven 40px day columns need: at 320 it had 256 and every day was a\n  // 33px target (FUT-4144 UI review).\n  maxWidth: { xs: `calc(100% - ${rem(theme, 16)})`, sm: `calc(100% - ${rem(theme, 32)})` },\n  // And as tall as those same margins allow: MUI's default keeps 16px off the\n  // top and bottom, so a refused day's message at 320×568 made the popover\n  // 1px taller than its cap and it scrolled (FUT-4144 code review).\n  maxHeight: { xs: `calc(100% - ${rem(theme, 16)})`, sm: `calc(100% - ${rem(theme, 32)})` },\n  p: { xs: 1, sm: 2 },\n});\n\n\nexport function RangePill<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  onOpenChange,\n  testIdPrefix,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  /** So a measured toolbar can hold still while this is open. */\n  onOpenChange?: (open: boolean) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const still = useStillAnchor();\n  const testId = `${testIdPrefix}-range-${field.id}`;\n  const calendarMonths = useCalendarMonths();\n  const theme = useTheme();\n  const phone = useMediaQuery(theme.breakpoints.down('sm'));\n  return (\n    <>\n      <RangeTrigger\n        field={field}\n        value={value}\n        onChange={onChange}\n        onOpen={(element) => {\n          still.open(element);\n          onOpenChange?.(true);\n        }}\n        open={Boolean(still.anchor)}\n        testId={testId}\n      />\n      <Popover\n        {...still.popoverProps}\n        onClose={() => {\n          still.close();\n          onOpenChange?.(false);\n        }}\n        // Below `sm` a day popover keeps 8px from the screen's edges instead of 16.\n        marginThreshold={field.kind === 'day' && phone ? remPx(theme, 8) : undefined}\n        slotProps={{ paper: { ref: still.paperRef, sx: [{ p: 2, mt: 0.5 }, field.kind === 'day' && DAY_PAPER_SX] } }}\n      >\n        <RangeBounds\n          field={field}\n          value={value}\n          onChange={onChange}\n          testId={testId}\n          calendarMonths={calendarMonths}\n          summaryOnHint\n        />\n        <RangeSummary field={field} value={value} onClear={() => onChange({})} testId={testId} />\n      </Popover>\n    </>\n  );\n}\n\n\n/**\n * One range on the SLIDE-IN panel (and the narrow-screen modal): the numeric\n * control the panel already had, or — for a day range, which that control cannot\n * express — the same `De`/`Até` pair the pill's popover uses.\n */\nexport function PanelRangeField<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  // The slide-in panel stays mounted while closed; its calendar does not.\n  // Outside a `TableFilter` (the \"Mais\" sheet, a test) the pair is on screen.\n  const panel = useContext(TableFilterContext);\n  if (field.kind === \"day\") {\n    return (\n      <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n        <Typography component=\"span\" sx={{ fontSize: sxRem(12), fontWeight: 500, color: \"text.secondary\" }}>\n          {field.label}\n        </Typography>\n        <RangeBounds\n          field={field}\n          value={value}\n          onChange={onChange}\n          testId={testId}\n          showCalendar={panel ? panel.open : true}\n        />\n      </Box>\n    );\n  }\n  return (\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n      <TableFilter.RangeField\n        label={field.label}\n        unit={field.unit}\n        value={numericRange(value)}\n        onChange={(range) => onChange(range)}\n        testId={testId}\n      />\n      {/* Below the numeric control here, unlike the pill's popover: this one\n          renders its own label, and chips above it would separate the label\n          from the field it names. */}\n      <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-X3GD3TFI.js → chunk-BXZMV6QC.js}

@@ -1,13 +1,13 @@
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-CKQOYPH3.js";
+} from "./chunk-FYUNROLW.js";
 import {
   ShellEmpty
 } from "./chunk-MKVDHR3B.js";
 import {
   InlineFilterControls
-} from "./chunk-AI7XWBNG.js";
+} from "./chunk-IEUVP6UV.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-X3GD3TFI.js.map
+//# sourceMappingURL=chunk-BXZMV6QC.js.map

package/dist/{chunk-FORAVDJF.js → chunk-FC7UCFFA.js}

@@ -12,9 +12,11 @@ import {
 } from "./chunk-CBOB5AV6.js";
 import {
   DayRangeCalendar
-} from "./chunk-MICX23P4.js";
+} from "./chunk-HRES2S3Q.js";
 import {
-  isRangeInverted
+  isRangeInverted,
+  isRangeSet,
+  rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
 import {
   useDataViewsCopy
@@ -29,7 +31,7 @@ import {
 // src/components/data-display/DataViews/data-views-range-bounds.tsx
 import Box from "@mui/material/Box/index.js";
 import Typography from "@mui/material/Typography/index.js";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function BoundField({
   field,
@@ -66,6 +68,28 @@ function BoundField({
     }
   );
 }
+function useFocusDeAfterClear(key, testId) {
+  const rootRef = useRef(null);
+  const pending = useRef(false);
+  useEffect(() => {
+    if (!pending.current) return;
+    pending.current = false;
+    rootRef.current?.querySelector(`[data-testid="${testId}-min"]`)?.focus();
+  }, [key, testId]);
+  return {
+    rootRef,
+    clearToDe: (clear, fromKeyboard) => {
+      pending.current = fromKeyboard;
+      clear();
+    }
+  };
+}
+function hintLineProps(field, value, clear) {
+  return { summary: appliedWindow(field, value), onClear: clear };
+}
+function appliedWindow(field, value) {
+  return isRangeSet(value) ? rangeChipLabel(field, value) : void 0;
+}
 function BoundCell({ grow, children }) {
   if (!grow) return /* @__PURE__ */ jsx(Fragment, { children });
   return /* @__PURE__ */ jsx(Box, { sx: { flex: "1 1 0", minWidth: 0 }, children });
@@ -105,17 +129,20 @@ function RangeBounds({
   testId,
   calendarMonths = 1,
   showCalendar = true,
-  fillRow = false
+  fillRow = false,
+  summaryOnHint = false
 }) {
   const copy = useDataViewsCopy();
   const { key, emitted } = useOutsideResetKey(value);
+  const { rootRef, clearToDe } = useFocusDeAfterClear(key, testId);
+  const hintLine = summaryOnHint ? hintLineProps(field, value, (fromKeyboard) => clearToDe(() => onChange({}), fromKeyboard)) : {};
   const [typed, setTyped] = useState(0);
   const typedChange = (range) => {
     setTyped((n) => n + 1);
     onChange(emitted(range));
   };
   const day = field.kind === "day";
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testId}-panel`, children: [
+  return /* @__PURE__ */ jsxs(Box, { ref: rootRef, "data-testid": `${testId}-panel`, children: [
     /* @__PURE__ */ jsx(Box, { sx: { "&:not(:empty)": { mb: { xs: 1, sm: 1.5 } } }, children: /* @__PURE__ */ jsx(RangePresets, { presets: presetsFor(field, copy), value, onChange, testId }) }),
     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", gap: 1.5 }, children: [
       /* @__PURE__ */ jsx(BoundCell, { grow: day || fillRow, children: /* @__PURE__ */ jsx(
@@ -152,7 +179,8 @@ function RangeBounds({
         onChange: (range) => onChange(emitted(range)),
         months: calendarMonths,
         viewKey: `${key}-${typed}`,
-        testId
+        testId,
+        ...hintLine
       }
     )
   ] });
@@ -161,4 +189,4 @@ function RangeBounds({
 export {
   RangeBounds
 };
-//# sourceMappingURL=chunk-FORAVDJF.js.map
+//# sourceMappingURL=chunk-FC7UCFFA.js.map

package/dist/chunk-FC7UCFFA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-bounds.tsx"],"sourcesContent":["'use client';\n\n/**\n * The `De`/`Até` pair of a range filter, its preset chips, the line under it\n * and — for a day range — the calendar under that (FUT-4144). Shared by the\n * pill's popover, the slide-in panel and the \"Mais\" sheet, so the three cannot\n * drift on what a bound accepts or how it clears.\n */\nimport Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { useDataViewsCopy } from './data-views-copy-context';\nimport { DayBoundInput } from './data-views-day-input';\nimport { NumberBoundInput } from './data-views-number-input';\nimport { RangePresets } from './data-views-preset-chips';\nimport { DayRangeCalendar } from './data-views-range-calendar';\nimport { presetsFor } from './data-views-range-presets';\nimport { useOutsideResetKey } from './data-views-range-reset';\nimport { isRangeInverted, isRangeSet, rangeChipLabel } from './data-views-range-values';\nimport type { RangeFieldConfig, RangeValue } from './data-views-types';\nimport { sxRem } from '../../../tokens/relative';\n\n/**\n * One end of the range. A day keeps its `AAAA-MM-DD` string verbatim (the form\n * both the field and the backend speak) and is typed through the masked\n * `dd/mm/aaaa` field rather than a native date input — see\n * {@link DayBoundInput} for why. A number parses, and an unparseable/blank\n * entry CLEARS the bound rather than writing `NaN`.\n */\nfunction BoundField<T extends Record<string, unknown>>({\n  field,\n  label,\n  value,\n  onChange,\n  testId,\n  fill,\n}: {\n  field: RangeFieldConfig<T>;\n  label: string;\n  value: number | string | undefined;\n  onChange: (bound: number | string | undefined) => void;\n  testId: string;\n  /** A number box takes its cell's width; a day box always does. */\n  fill: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (field.kind === 'day') {\n    return (\n      <DayBoundInput\n        fill\n        mask={copy.filters.dayMask}\n        invalidMessage={copy.filters.dayInvalid}\n        label={label}\n        value={value == null ? undefined : String(value)}\n        onChange={onChange}\n        testId={testId}\n      />\n    );\n  }\n  return (\n    <NumberBoundInput\n      fill={fill}\n      label={label}\n      value={value}\n      unit={field.unit}\n      onChange={onChange}\n      testId={testId}\n    />\n  );\n}\n\n\n/**\n * After the line's \"Limpar\" pressed from the keyboard, focus goes to the\n * cleared \"De\" — the next thing to type — instead of falling to the page with\n * the button that held it. A tap leaves focus alone: focusing \"De\" there would\n * open the phone's keyboard over the calendar the next tap is for.\n * The boxes remount on a clear, so focus waits for the reset key to move.\n */\nfunction useFocusDeAfterClear(\n  key: number,\n  testId: string,\n): { rootRef: React.RefObject<HTMLDivElement | null>; clearToDe: (clear: () => void, fromKeyboard: boolean) => void } {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const pending = useRef(false);\n  useEffect(() => {\n    if (!pending.current) return;\n    pending.current = false;\n    rootRef.current?.querySelector<HTMLInputElement>(`[data-testid=\"${testId}-min\"]`)?.focus();\n  }, [key, testId]);\n  return {\n    rootRef,\n    clearToDe: (clear, fromKeyboard) => {\n      pending.current = fromKeyboard;\n      clear();\n    },\n  };\n}\n\n/**\n * The window and \"Limpar\" for the hint line, where the host asks for them.\n * `clear` goes straight to the host, not through `emitted`: it is an outside\n * write, so the boxes and the calendar re-open on the empty range.\n */\nfunction hintLineProps<T extends Record<string, unknown>>(\n  field: RangeFieldConfig<T>,\n  value: RangeValue,\n  clear: (fromKeyboard: boolean) => void,\n): { summary: string | undefined; onClear: (fromKeyboard: boolean) => void } {\n  return { summary: appliedWindow(field, value), onClear: clear };\n}\n\n/** The applied window in words (\"Data: 01/10–15/10\"), or nothing while none is. */\nfunction appliedWindow<T extends Record<string, unknown>>(field: RangeFieldConfig<T>, value: RangeValue): string | undefined {\n  return isRangeSet(value) ? rangeChipLabel(field, value) : undefined;\n}\n\n/** One box of the pair: an equal share of the row for a day, as it was for a number. */\nfunction BoundCell({ grow, children }: { grow: boolean; children: React.ReactNode }): React.JSX.Element {\n  if (!grow) return <>{children}</>;\n  return <Box sx={{ flex: '1 1 0', minWidth: 0 }}>{children}</Box>;\n}\n\n/**\n * The line under the pair: why an inverted window matches nothing, or — for a\n * day range — that BOTH days are in the result. Saying so is FUT-668's other\n * half: the bounds compare as ISO strings precisely so `até` keeps its whole\n * day, and nothing on screen would otherwise tell the merchant that.\n */\nfunction RangeNote({\n  day,\n  inverted,\n  testId,\n}: {\n  day: boolean;\n  inverted: boolean;\n  testId: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (inverted) {\n    return (\n      <Typography\n        component=\"p\"\n        data-testid={`${testId}-inverted`}\n        sx={{ mt: 0.75, fontSize: sxRem(12), color: 'error.main' }}\n      >\n        {copy.filters.rangeInvalid}\n      </Typography>\n    );\n  }\n  if (!day) return null;\n  return (\n    <Typography\n      component=\"p\"\n      data-testid={`${testId}-inclusive`}\n      // `text.secondary`, not `disabled`: the note is read, and disabled grey\n      // at 12px is 2.68:1 (FUT-4144 UI review).\n      sx={{ mt: { xs: 0.25, sm: 0.75 }, fontSize: sxRem(12), color: 'text.secondary' }}\n    >\n      {copy.filters.rangeInclusiveNote}\n    </Typography>\n  );\n}\n\n/** Props of {@link RangeBounds}. */\ninterface RangeBoundsProps<T extends Record<string, unknown>> {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n  /**\n   * Months the day calendar shows side by side (FUT-4144). Two where the\n   * popover has the room; one, with the month/year selectors, on a phone and\n   * in the panels.\n   */\n  calendarMonths?: 1 | 2;\n  /**\n   * Whether the day calendar is mounted. A host that keeps the pair mounted\n   * while hidden (the slide-in panel) passes its open state, so a closed panel\n   * holds no calendar of its own.\n   */\n  showCalendar?: boolean;\n  /**\n   * A NUMBER pair splits the row equally too, as a day pair always does. Set\n   * by the panels, whose width is the row's; the pill's popover sizes itself to\n   * its content and keeps the boxes' own width.\n   */\n  fillRow?: boolean;\n  /**\n   * Say the applied window, and its \"Limpar\", on the day calendar's hint line.\n   * The pill's popover sets it; a panel has them in its own header.\n   */\n  summaryOnHint?: boolean;\n}\n\n/**\n * The `De`/`Até` pair for a range — shared by the pill's popover and the\n * slide-in panel's day fields, so the two surfaces cannot drift on what a bound\n * accepts or how it clears.\n */\nexport function RangeBounds<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testId,\n  calendarMonths = 1,\n  showCalendar = true,\n  fillRow = false,\n  summaryOnHint = false,\n}: RangeBoundsProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { key, emitted } = useOutsideResetKey(value);\n  const { rootRef, clearToDe } = useFocusDeAfterClear(key, testId);\n  const hintLine = summaryOnHint ? hintLineProps(field, value, (fromKeyboard) => clearToDe(() => onChange({}), fromKeyboard)) : {};\n  // Moves the calendar to a TYPED day. A typed write is the fields' own, so\n  // the outside key above does not see it; a tap on the calendar moves\n  // neither, which is what keeps it still under the finger.\n  const [typed, setTyped] = useState(0);\n  const typedChange = (range: RangeValue) => {\n    setTyped((n) => n + 1);\n    onChange(emitted(range));\n  };\n  const day = field.kind === 'day';\n  return (\n    <Box ref={rootRef} data-testid={`${testId}-panel`}>\n      {/* Above the inputs, not below: the presets are the answer for most\n          merchants, and the two date pickers are the escape hatch. */}\n      <Box sx={{ '&:not(:empty)': { mb: { xs: 1, sm: 1.5 } } }}>\n        <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />\n      </Box>\n      {/* Top-aligned: a day that does not exist grows ITS field by a message\n          line, and centring would push the other box half a line down. The two\n          boxes are one height, so with no message this is the same row. */}\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 1.5 }}>\n        {/* A day pair shares the row equally, so it spans the calendar under\n            it; a number pair keeps its own widths. */}\n        <BoundCell grow={day || fillRow}>\n          <BoundField\n            key={`min-${key}`}\n            field={field}\n            label={copy.filters.rangeStart}\n            value={value.min}\n            onChange={(min) => typedChange({ ...value, min })}\n            testId={`${testId}-min`}\n            fill={fillRow}\n          />\n        </BoundCell>\n        <BoundCell grow={day || fillRow}>\n          <BoundField\n            key={`max-${key}`}\n            field={field}\n            label={copy.filters.rangeEnd}\n            value={value.max}\n            onChange={(max) => typedChange({ ...value, max })}\n            testId={`${testId}-max`}\n            fill={fillRow}\n          />\n        </BoundCell>\n      </Box>\n      <RangeNote day={day} inverted={isRangeInverted(value)} testId={testId} />\n      {/* Under the boxes and the note, with no button to reach it: the typed\n          path stays as short as it was, and a period is two taps (FUT-4144). */}\n      {day && showCalendar && (\n        <DayRangeCalendar\n          fieldLabel={field.label}\n          value={value}\n          onChange={(range) => onChange(emitted(range))}\n          months={calendarMonths}\n          viewKey={`${key}-${typed}`}\n          testId={testId}\n          {...hintLine}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-CKQOYPH3.js → chunk-FYUNROLW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AJ6KFHEE.js";
 import {
   PanelRangeField
-} from "./chunk-3OHZAZEE.js";
+} from "./chunk-3WYEENUH.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-CKQOYPH3.js.map
+//# sourceMappingURL=chunk-FYUNROLW.js.map