@12-apps/ui 6.92.0 → 6.92.2

package/dist/chunk-DWH4TQXK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-more-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\n// A FUNNEL, not the tune sliders this used to share with \"Exibir\". The two\n// sit a few px apart on the same bar and do unrelated things — one narrows\n// WHICH rows you see, the other changes HOW they are shown — and with one\n// glyph between them the bar offered the operator no way to tell which was\n// which. On a phone, where both are icon-only, they were indistinguishable.\nimport FilterAltRoundedIcon from \"@mui/icons-material/FilterAltRounded\";\nimport Popover from \"@mui/material/Popover/index.js\";\nimport { useTheme, type Theme } from \"@mui/material/styles/index.js\";\nimport useMediaQuery from \"@mui/material/useMediaQuery/index.js\";\n\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { fieldClearing, MORE_SPACING, MoreGroup, MoreQuick, type MoreFieldProps } from \"./data-views-more-fields\";\nimport { useStillAnchor } from \"./data-views-still-anchor\";\nimport type { OverflowField } from \"./data-views-overflow\";\nimport { rem, remPx, sxRem } from \"../../../tokens/relative\";\n\n/**\n * \"MAIS\" — the filter overflow: its trigger, its panel and its footer. What\n * goes INSIDE it is `data-views-more-fields`.\n *\n * It holds the fields that had no room on the toolbar. An applied filter is\n * ranked ahead of an idle one for the visible slots but is NOT exempt (see\n * `useFilterOverflow`), so an applied filter can be in here — on a phone, most\n * of them are. That is why the trigger changes tone and counts the applied\n * ones: a filter you cannot see is a filter you forget you set, and the badge\n * is what stops that.\n */\n\ninterface MoreFiltersProps<T extends Record<string, unknown>> extends MoreFieldProps {\n  fields: OverflowField<T>[];\n}\n\n/**\n * The trigger, badged with how many fields had no room on the bar — and told\n * apart when some of them are APPLIED.\n *\n * An applied filter can land in here now (it is ranked first, not exempt), so\n * this button is the only thing on screen still saying it exists. A neutral\n * badge reading \"3\" would make \"three filters you have not used\" and \"three\n * filters narrowing this list\" look identical, which is the whole failure the\n * old exemption was written to avoid. So an overflow holding applied filters\n * takes the applied tone and counts them in its own badge.\n */\nfunction MoreTrigger({\n  count,\n  appliedCount,\n  compact,\n  onOpen,\n  testIdPrefix,\n}: {\n  count: number;\n  appliedCount: number;\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const applied = appliedCount > 0;\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-more-filters`}\n      aria-label={\n        applied\n          ? copy.filters.moreFiltersApplied(count, appliedCount)\n          : copy.filters.moreFilters(count)\n      }\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          gap: 0.5,\n          color: applied ? \"primary.main\" : undefined,\n        }}\n      >\n        <FilterAltRoundedIcon fontSize=\"small\" />\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.filters.moreTriggerLabel}\n          </Box>\n        )}\n        <Box\n          component=\"span\"\n          data-testid={`${testIdPrefix}-more-badge`}\n          sx={{\n            px: 0.75,\n            borderRadius: 5,\n            bgcolor: applied ? \"primary.main\" : \"action.selected\",\n            color: applied ? \"primary.contrastText\" : undefined,\n            fontSize: sxRem(11),\n            fontWeight: applied ? 700 : undefined,\n          }}\n        >\n          {applied ? appliedCount : count}\n        </Box>\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/** The panel's heading: what these are, and why they are in here. */\nfunction MoreHeading(): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 1,\n        px: 1.5,\n        py: 1,\n        borderBottom: 1,\n        borderColor: \"divider\",\n      }}\n    >\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ textTransform: \"uppercase\", letterSpacing: sxRem(0.5), color: \"text.disabled\" }}>\n          {copy.filters.moreHeading}\n        </Box>\n      </Text>\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ ml: \"auto\", color: \"text.disabled\" }}>\n          {copy.filters.overflowNote}\n        </Box>\n      </Text>\n    </Box>\n  );\n}\n\n/**\n * The panel's own way back to the unfiltered list.\n *\n * The bar's \"Limpar\" is the primary one, but it is a control like any other\n * and the ladder can take its label — and on the narrowest rungs this panel is\n * where most of the fields ended up anyway. Clearing everything from inside it\n * saves closing it to reach a button three pixels wide.\n */\nfunction MoreFooter({\n  onClearAll,\n  testIdPrefix,\n  reserved = false,\n}: {\n  onClearAll: () => void;\n  testIdPrefix: string;\n  /**\n   * Hold the footer's height with nothing in it. A panel holding a day range\n   * keeps the row while nothing is applied, so the first tap on its calendar\n   * does not grow the panel by a row and move its top under the finger\n   * (FUT-4144 UI review).\n   */\n  reserved?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      aria-hidden={reserved || undefined}\n      // Held, the row is blank — no rule over it either, or it reads as an\n      // empty bordered row.\n      sx={{ px: 1.5, py: 1, borderTop: 1, borderColor: reserved ? \"transparent\" : \"divider\", visibility: reserved ? \"hidden\" : undefined }}\n    >\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={reserved ? undefined : onClearAll}\n        tabIndex={reserved ? -1 : undefined}\n        data-testid={reserved ? undefined : `${testIdPrefix}-more-clear-all`}\n        sx={{\n          width: \"100%\",\n          border: 0,\n          p: 0,\n          bgcolor: \"transparent\",\n          cursor: \"pointer\",\n          font: \"inherit\",\n          fontSize: sxRem(13),\n          textAlign: \"left\",\n          color: \"primary.main\",\n          \"&:hover\": { textDecoration: \"underline\" },\n        }}\n      >\n        {copy.filters.clearAll}\n      </Box>\n    </Box>\n  );\n}\n\n/** The panel's body: a shed quick chip as a toggle row, anything else as a labelled group. */\nfunction MoreFields<T extends Record<string, unknown>>({\n  fields,\n  ...rest\n}: MoreFiltersProps<T>): React.JSX.Element {\n  return (\n    <>\n      {fields.map((field) =>\n        field.quick ? (\n          <MoreQuick key={field.id} quick={field.quick} {...rest} />\n        ) : (\n          <MoreGroup key={field.id} field={field} {...rest} />\n        ),\n      )}\n    </>\n  );\n}\n\n/**\n * The panel is a column: heading, the fields' scroller, footer. Its height is\n * the screen's, not a fixed 320px — at 390×844 that cap scrolled a day range's\n * month caption and weekday row out of view after the first tap, and a typed\n * day's refusal out of sight of its box (FUT-4144 UI review). MUI moves the\n * panel up when it is taller than the room under its trigger.\n */\nconst COLUMN_SX = { display: \"flex\", flexDirection: \"column\" } as const;\n\n/**\n * 320, not 300: inside 12px of padding a day range's month then has the 280px\n * its seven 40px columns need and its month/year caption one row (FUT-4144).\n */\nconst PAPER_SX = (theme: Theme) => ({\n  ...COLUMN_SX,\n  width: rem(theme, 320),\n  maxWidth: `calc(100vw - ${rem(theme, 32)})`,\n});\n\n/**\n * Below `sm` the panel takes the screen's width less 8px each side, so a day\n * range's calendar gets the 280px its seven 40px columns need (it had 264 at\n * 320 and 276 at 390, so every day was a 34-36px target).\n */\nconst PHONE_PAPER_SX = (theme: Theme) => ({\n  ...COLUMN_SX,\n  width: `calc(100vw - ${rem(theme, 16)})`,\n  maxWidth: `calc(100vw - ${rem(theme, 16)})`,\n  maxHeight: `calc(100% - ${rem(theme, 16)})`,\n});\n\n/** Props of {@link MoreFilters}. */\ninterface MoreFiltersPanelProps<T extends Record<string, unknown>> extends MoreFiltersProps<T> {\n  /** Changes on every clear-all; the fields here are keyed on it (FUT-4144). */\n  clearKey?: number;\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact?: boolean;\n  /** Clears every filter, not just the ones in here. */\n  onClearAll: () => void;\n  /** Whether anything is applied anywhere — the footer is pointless otherwise. */\n  anyApplied: boolean;\n  /**\n   * So the shell can FREEZE the measured split while this panel is open.\n   *\n   * Applying a filter in here makes its field active, and an active field\n   * takes an inline slot first — so the field being edited was promoted OUT of\n   * this panel mid-keystroke, taking the focused input with it. Typing \"12\"\n   * got as far as \"1\" and then had nowhere to go.\n   */\n  onOpenChange?: (open: boolean) => void;\n}\n\n/** The overflow trigger + panel. Renders nothing when everything fits. */\nexport function MoreFilters<T extends Record<string, unknown>>({\n  fields,\n  onOpenChange,\n  onClearAll,\n  anyApplied,\n  compact = false,\n  clearKey,\n  ...rest\n}: MoreFiltersPanelProps<T>): React.JSX.Element | null {\n  const still = useStillAnchor();\n  const theme = useTheme();\n  const phone = useMediaQuery(theme.breakpoints.down(\"sm\"));\n  if (fields.length === 0) return null;\n  const holdsDayRange = fields.some((field) => field.range?.kind === \"day\");\n  return (\n    <>\n      <MoreTrigger\n        count={fields.length}\n        appliedCount={\n          fields.filter(\n            (field) =>\n              fieldClearing({\n                field,\n                pills: rest.pills,\n                ranges: rest.ranges,\n                onTogglePill: rest.onTogglePill,\n                onChangeRange: rest.onChangeRange,\n              }).applied,\n          ).length\n        }\n        compact={compact}\n        onOpen={(element) => {\n          still.open(element);\n          onOpenChange?.(true);\n        }}\n        testIdPrefix={rest.testIdPrefix}\n      />\n      <Popover\n        {...still.popoverProps}\n        onClose={() => {\n          still.close();\n          onOpenChange?.(false);\n        }}\n        // Below `sm`, 8px from the screen's edges instead of 16.\n        marginThreshold={phone ? remPx(theme, 8) : undefined}\n        slotProps={{ paper: { ref: still.paperRef, sx: phone ? PHONE_PAPER_SX : PAPER_SX } }}\n      >\n        <Box data-testid={`${rest.testIdPrefix}-more-panel`} sx={{ ...COLUMN_SX, flex: \"1 1 auto\", minHeight: 0 }}>\n          <MoreHeading />\n          {/* overflowX hidden, not auto: this panel is a fixed width and its\n              contents are told to shrink into it. A horizontal scrollbar here\n              means something refused to, which is a bug to fix rather than a\n              scrollbar to live with. */}\n          <Box sx={{ flex: \"1 1 auto\", minHeight: 0, overflowY: \"auto\", overflowX: \"hidden\", px: { xs: 1, sm: 1.5 }, pb: { xs: 1, sm: 1.5 }, pt: MORE_SPACING.aboveFirst, minWidth: 0 }}>\n            <MoreFields key={clearKey} fields={fields} {...rest} />\n          </Box>\n          {(anyApplied || holdsDayRange) && (\n            <MoreFooter onClearAll={onClearAll} testIdPrefix={rest.testIdPrefix} reserved={!anyApplied} />\n          )}\n        </Box>\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":["default"]}

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

package/dist/{chunk-MICX23P4.js → chunk-HRES2S3Q.js}

@@ -71,13 +71,90 @@ function openingMonth(value, months) {
   const anchor = end ?? /* @__PURE__ */ new Date();
   return new Date(anchor.getFullYear(), anchor.getMonth() - (months > 1 ? 1 : 0), 1);
 }
+function HintLine({
+  text,
+  isWindow,
+  canClear,
+  onClear,
+  testId
+}) {
+  const clear = useDataViewsCopy().filters.clear;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": `${testId}-calendar-line`,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2,
+        mt: { xs: 0.25, sm: 1 },
+        minHeight: canClear ? sxRem(40) : void 0,
+        fontSize: sxRem(12),
+        lineHeight: 1.5
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            component: "p",
+            "aria-live": "polite",
+            "data-testid": `${testId}-calendar-hint`,
+            title: text,
+            noWrap: true,
+            sx: { m: 0, minWidth: 0, font: "inherit", color: isWindow ? "text.primary" : "text.secondary" },
+            children: text
+          }
+        ),
+        onClear && /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "button",
+            type: "button",
+            onClick: (event) => onClear(event.detail === 0),
+            "data-testid": `${testId}-clear`,
+            sx: {
+              flexShrink: 0,
+              display: "inline-flex",
+              alignItems: "center",
+              minHeight: sxRem(40),
+              border: 0,
+              bgcolor: "transparent",
+              cursor: "pointer",
+              font: "inherit",
+              fontWeight: 600,
+              color: "primary.main",
+              px: 1,
+              py: 0,
+              // Its text lines up with the boxes' right edge; the side padding
+              // reaches into the popover's own.
+              mr: -1,
+              borderRadius: 1,
+              "&:hover": { bgcolor: "action.hover" },
+              // The theme's focus ring for a keyboard, none for a tap.
+              "&:focus": { outline: "none" },
+              "&:focus-visible": {
+                outline: (theme) => `${rem(theme, 2)} solid`,
+                outlineColor: "primary.main",
+                outlineOffset: sxRem(1)
+              }
+            },
+            children: clear
+          }
+        )
+      ]
+    }
+  );
+}
 function DayRangeCalendar({
   fieldLabel,
   value,
   onChange,
   months,
   viewKey,
-  testId
+  testId,
+  summary,
+  onClear
 }) {
   const copy = useDataViewsCopy().filters.dayCalendar ?? EN_US_DATA_VIEWS_COPY.filters.dayCalendar;
   const range = rangeOf(value);
@@ -103,13 +180,13 @@ function DayRangeCalendar({
       viewKey
     ),
     /* @__PURE__ */ jsx(
-      Typography,
+      HintLine,
       {
-        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
+        text: waitingForEnd ? copy.pickEnd : summary ?? copy.pickStart,
+        isWindow: !waitingForEnd && summary !== void 0,
+        canClear: onClear !== void 0,
+        onClear: summary === void 0 ? void 0 : onClear,
+        testId
       }
     )
   ] });
@@ -119,4 +196,4 @@ export {
   rangeFromCalendar,
   DayRangeCalendar
 };
-//# sourceMappingURL=chunk-MICX23P4.js.map
+//# sourceMappingURL=chunk-HRES2S3Q.js.map

package/dist/chunk-HRES2S3Q.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/**\n * The line under the calendar: the next step (\"Toque no primeiro e no último\n * dia.\" / \"Agora toque no último dia.\") or, once a period is applied, the\n * window, with \"Limpar\" at its end.\n *\n * ONE line whose words change, never a row held empty for later (FUT-4144\n * follow-up): #932 kept an invisible summary row under the hint so the first\n * tap would not grow the popover, and at 1280 that was 59px of white.\n *\n * Where the line can hold \"Limpar\" (the pill's popover) it is always as tall as\n * its 40px target, so it keeps one height with the button and without it, and\n * the popover does not move. Where it cannot (a panel, whose header has\n * \"Limpar\") it stays a plain line of text: no row reserved for a button that\n * never comes. The text keeps to one line, cut with an ellipsis and whole in\n * its title, so a long label never grows the line on the closing tap. The target\n * is its own box, not padding pushed out with a negative margin: that version\n * ran under the calendar's last week, which took its top 10px at 320 (FUT-4144\n * UI review). The window is said in the primary ink, the steps in the\n * secondary one, so the result does not read as one more instruction.\n */\nfunction HintLine({\n  text,\n  isWindow,\n  canClear,\n  onClear,\n  testId,\n}: {\n  text: string;\n  /** `text` is the applied window, not a step. */\n  isWindow: boolean;\n  /** The line can hold \"Limpar\" at all — fixed per surface, not per state. */\n  canClear: boolean;\n  /** Shown now: \"Limpar\" empties the range; `fromKeyboard` is a click with `detail` 0 (Enter or Space). */\n  onClear: ((fromKeyboard: boolean) => void) | undefined;\n  testId: string;\n}): React.JSX.Element {\n  const clear = useDataViewsCopy().filters.clear;\n  return (\n    <Box\n      data-testid={`${testId}-calendar-line`}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 2,\n        mt: { xs: 0.25, sm: 1 },\n        minHeight: canClear ? sxRem(40) : undefined,\n        fontSize: sxRem(12),\n        lineHeight: 1.5,\n      }}\n    >\n      <Typography\n        component=\"p\"\n        aria-live=\"polite\"\n        data-testid={`${testId}-calendar-hint`}\n        title={text}\n        noWrap\n        sx={{ m: 0, minWidth: 0, font: 'inherit', color: isWindow ? 'text.primary' : 'text.secondary' }}\n      >\n        {text}\n      </Typography>\n      {onClear && (\n        <Box\n          component=\"button\"\n          type=\"button\"\n          onClick={(event) => onClear(event.detail === 0)}\n          data-testid={`${testId}-clear`}\n          sx={{\n            flexShrink: 0,\n            display: 'inline-flex',\n            alignItems: 'center',\n            minHeight: sxRem(40),\n            border: 0,\n            bgcolor: 'transparent',\n            cursor: 'pointer',\n            font: 'inherit',\n            fontWeight: 600,\n            color: 'primary.main',\n            px: 1,\n            py: 0,\n            // Its text lines up with the boxes' right edge; the side padding\n            // reaches into the popover's own.\n            mr: -1,\n            borderRadius: 1,\n            '&:hover': { bgcolor: 'action.hover' },\n            // The theme's focus ring for a keyboard, none for a tap.\n            '&:focus': { outline: 'none' },\n            '&:focus-visible': {\n              outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n              outlineColor: 'primary.main',\n              outlineOffset: sxRem(1),\n            },\n          }}\n        >\n          {clear}\n        </Box>\n      )}\n    </Box>\n  );\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   * The applied window in words (\"Data: 01/10–15/10\"), said on the hint's own\n   * line with \"Limpar\" at its end. Set by the pill, whose popover has no other\n   * place for them; a panel says them in its own header and leaves this unset.\n   */\n  summary?: string;\n  /**\n   * Empties the range: the line's \"Limpar\", shown while `summary` is set. Set\n   * only where the line may hold it; the line reserves its 40px only then.\n   * `fromKeyboard` is true when it was pressed from the keyboard.\n   */\n  onClear?: (fromKeyboard: boolean) => void;\n}\n\nexport function DayRangeCalendar({\n  fieldLabel,\n  value,\n  onChange,\n  months,\n  viewKey,\n  testId,\n  summary,\n  onClear,\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      <HintLine\n        text={waitingForEnd ? copy.pickEnd : (summary ?? copy.pickStart)}\n        isWindow={!waitingForEnd && summary !== undefined}\n        canClear={onClear !== undefined}\n        onClear={summary === undefined ? undefined : onClear}\n        testId={testId}\n      />\n    </Box>\n  );\n}\n"],"mappings":"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","names":["theme"]}

package/dist/{chunk-X3GD3TFI.js → chunk-KQDBOZQE.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-QE4KYG5I.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-X3GD3TFI.js.map
+//# sourceMappingURL=chunk-KQDBOZQE.js.map

package/dist/{chunk-AI7XWBNG.js → chunk-QE4KYG5I.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-T7OIVPCO.js";
 import {
   MoreFilters
-} from "./chunk-HS662RLW.js";
+} from "./chunk-DWH4TQXK.js";
 import {
   PillControl
 } from "./chunk-AJ6KFHEE.js";
@@ -14,7 +14,7 @@ import {
 } from "./chunk-KYUEO2IO.js";
 import {
   RangePill
-} from "./chunk-3OHZAZEE.js";
+} from "./chunk-3WYEENUH.js";
 import {
   QuickChip
 } from "./chunk-AT6UKTH4.js";
@@ -251,4 +251,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-AI7XWBNG.js.map
+//# sourceMappingURL=chunk-QE4KYG5I.js.map

package/dist/chunk-WLDP7C4K.js

@@ -0,0 +1,44 @@
+import {
+  isRangeSet,
+  rangeChipLabel
+} from "./chunk-GCZJH4XL.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-range-summary.tsx
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RangeSummary({
+  field,
+  value,
+  onClear,
+  testId
+}) {
+  const copy = useDataViewsCopy();
+  if (field.kind === "day" || !isRangeSet(value)) return null;
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 2, mt: { xs: 0.5, sm: 1.5 } }, children: [
+    /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: sxRem(12), color: "text.secondary" }, children: rangeChipLabel(field, value) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "text",
+        size: "small",
+        onClick: onClear,
+        "data-testid": `${testId}-clear`,
+        sx: { textTransform: "none" },
+        children: copy.filters.clear
+      }
+    )
+  ] });
+}
+
+export {
+  RangeSummary
+};
+//# sourceMappingURL=chunk-WLDP7C4K.js.map

package/dist/chunk-WLDP7C4K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-summary.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport { useDataViewsCopy } from './data-views-copy-context';\nimport { isRangeSet, rangeChipLabel } from './data-views-range-values';\nimport type { RangeFieldConfig, RangeValue } from './data-views-types';\nimport { sxRem } from '../../../tokens/relative';\n\n/**\n * The applied window in words, and \"Limpar\", under a NUMBER range's boxes.\n *\n * An inverted window is not an error the merchant must fix before the list\n * responds — it simply matches nothing, and saying so beats an empty grid with\n * no explanation (FUT-668).\n *\n * A DAY range says these on its calendar's hint line instead (FUT-4144): a row\n * of its own, held empty until the first tap so the popover would not grow,\n * left 59px of white under the hint at 1280.\n */\nexport function RangeSummary<T extends Record<string, unknown>>({\n  field,\n  value,\n  onClear,\n  testId,\n}: {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onClear: () => void;\n  testId: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (field.kind === 'day' || !isRangeSet(value)) return null;\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 2, mt: { xs: 0.5, sm: 1.5 } }}>\n      <Typography component=\"span\" sx={{ fontSize: sxRem(12), color: 'text.secondary' }}>\n        {rangeChipLabel(field, value)}\n      </Typography>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        onClick={onClear}\n        data-testid={`${testId}-clear`}\n        sx={{ textTransform: 'none' }}\n      >\n        {copy.filters.clear}\n      </Button>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAEA,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAiCnB,SACE,KADF;AAdG,SAAS,aAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAK6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,MAAI,MAAM,SAAS,SAAS,CAAC,WAAW,KAAK,EAAG,QAAO;AACvD,SACE,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE,GAClH;AAAA,wBAAC,cAAW,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,GAAG,OAAO,iBAAiB,GAC7E,yBAAe,OAAO,KAAK,GAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS;AAAA,QACT,eAAa,GAAG,MAAM;AAAA,QACtB,IAAI,EAAE,eAAe,OAAO;AAAA,QAE3B,eAAK,QAAQ;AAAA;AAAA,IAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/data-display/DataViews.js

@@ -1,10 +1,10 @@
 import {
   DataViewsTableBase
-} from "../chunk-W2KOP27S.js";
+} from "../chunk-3I5PHWKQ.js";
 import "../chunk-YNVTUQ5B.js";
 import {
   DataViewsGrid
-} from "../chunk-R4LCPPKA.js";
+} from "../chunk-CNUO2BRV.js";
 import {
   BaseListCard
 } from "../chunk-IWSTMVCA.js";
@@ -23,10 +23,10 @@ import {
   useDragItem
 } from "../chunk-K4EKTMTC.js";
 import "../chunk-ZOLAYP2D.js";
-import "../chunk-X3GD3TFI.js";
-import "../chunk-CKQOYPH3.js";
+import "../chunk-KQDBOZQE.js";
+import "../chunk-FYUNROLW.js";
 import "../chunk-MKVDHR3B.js";
-import "../chunk-AI7XWBNG.js";
+import "../chunk-QE4KYG5I.js";
 import "../chunk-T7OIVPCO.js";
 import "../chunk-X3AFXHY5.js";
 import "../chunk-XNAI7QGU.js";
@@ -36,19 +36,19 @@ import {
 import "../chunk-4ZQQUICR.js";
 import "../chunk-XZFTRGRW.js";
 import "../chunk-WWH674WU.js";
-import "../chunk-HS662RLW.js";
-import "../chunk-MZAYIG2I.js";
+import "../chunk-DWH4TQXK.js";
+import "../chunk-D2JQF2WC.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/types/components/data-display/DataViews/data-views-more-fields.d.ts

@@ -1,3 +1,4 @@
+import type { Theme } from "@mui/material/styles/index.js";
 import type { OverflowField } from "./data-views-overflow";
 import type { QuickFilterConfig, RangeValue } from "./data-views-types";
 /** What each field's control needs, minus the panel's own chrome. */
@@ -28,6 +29,85 @@ export declare function fieldClearing<T extends Record<string, unknown>>({ field
 export declare function MoreQuick({ quick, pills, onToggleQuick, testIdPrefix, }: {
     quick: QuickFilterConfig;
 } & Pick<MoreFieldProps, "pills" | "onToggleQuick" | "testIdPrefix">): React.JSX.Element;
+/**
+ * The "Mais" panel's vertical rhythm, in the theme's spacing units: the unit
+ * the header "Limpar"'s phone target reaches into (FUT-4144). The target is
+ * the button's 18px of text plus `reachUp` and `reachDown`, 40px at the
+ * default type scale, and it may never reach further than the gap that is
+ * there: under the group or quick chip above it (or the scroller's own top
+ * inset, for the first group) and under its own header. Sideways it reaches
+ * into the header row's empty gap and the scroller's padding, so a 37px
+ * "Limpar" is 41px wide.
+ */
+export declare const MORE_SPACING: {
+    /** Under a group. */
+    readonly underGroup: 1.5;
+    /** Under a shed quick chip, below `sm` (8px from `sm` up, as before). */
+    readonly underQuick: 1.5;
+    /**
+     * The scroller's top inset (`data-views-more-filters.tsx`), at every width:
+     * the first group's overlay reaches into it. Not part of a responsive `p`,
+     * whose `xs` value is emitted as a media query and would win over it.
+     */
+    readonly aboveFirst: 1.5;
+    /** Under a group's header, below `sm`, applied or not, so nothing moves on apply. */
+    readonly underHeader: 1.25;
+    /** Under a group's header from `sm` up, as it always was. */
+    readonly underHeaderFromSm: 0.5;
+    readonly reachUp: 1.5;
+    readonly reachDown: 1.25;
+    readonly reachSide: 0.25;
+};
+/** A group's header row: the field's name, and "Limpar" while it is applied. */
+export declare const moreHeaderSx: (theme: Theme) => {
+    [x: string]: string | number | {
+        mb: 0.5;
+    };
+    display: string;
+    alignItems: string;
+    gap: number;
+    mb: 1.25;
+};
+/**
+ * "Limpar" is 12px text, a 37×18 button: on a phone that was the whole target
+ * (FUT-4144, measured in the admin at 320–900). Below `sm` an overlay makes it
+ * at least 40×40 without moving the text, reaching only into gaps
+ * {@link MORE_SPACING} guarantees, in the same unit, so it grows and shrinks
+ * with them and covers nothing else. From `sm` up there is no overlay and the
+ * button is exactly as it was.
+ */
+export declare const clearTargetSx: (theme: Theme) => {
+    [x: string]: "relative" | {
+        position: "static";
+        content?: undefined;
+        top?: undefined;
+        bottom?: undefined;
+        left?: undefined;
+        right?: undefined;
+    } | {
+        [x: string]: string | {
+            display: string;
+        };
+        content: string;
+        position: "absolute";
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    position: "relative";
+    "&::before": {
+        [x: string]: string | {
+            display: string;
+        };
+        content: string;
+        position: "absolute";
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+};
 /** One labelled group in the panel: the field's name, then its control. */
 export declare function MoreGroup<T extends Record<string, unknown>>({ field, pills, ranges, onTogglePill, onChangeRange, testIdPrefix, }: {
     field: OverflowField<T>;

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

@@ -1 +1 @@
-{"version":3,"file":"data-views-more-fields.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-more-fields.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AASxE,qEAAqE;AACrE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5D,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,MAAM,CAAC;CACtB;AAuJD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,GACd,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,GAAG;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAkBA;AAGD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,eAAe,GAAG,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWvF;AAED,2EAA2E;AAC3E,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwDrC"}
+{"version":3,"file":"data-views-more-fields.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-more-fields.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAM3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AASxE,qEAAqE;AACrE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5D,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,MAAM,CAAC;CACtB;AAuJD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,GACd,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,GAAG;IAChF,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAkBA;AAcD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,eAAe,GAAG,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWvF;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY;IACvB,qBAAqB;;IAErB,yEAAyE;;IAEzE;;;;OAIG;;IAEH,qFAAqF;;IAErF,6DAA6D;;;;;CAKrD,CAAC;AAEX,gFAAgF;AAChF,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK;;;;;;;;CAMvC,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYxC,CAAC;AAEH,2EAA2E;AAC3E,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,KAAK,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,YAAY,GACb,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2DrC"}

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

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

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

@@ -24,12 +24,17 @@ interface RangeBoundsProps<T extends Record<string, unknown>> {
      * its content and keeps the boxes' own width.
      */
     fillRow?: boolean;
+    /**
+     * Say the applied window, and its "Limpar", on the day calendar's hint line.
+     * The pill's popover sets it; a panel has them in its own header.
+     */
+    summaryOnHint?: boolean;
 }
 /**
  * The `De`/`Até` pair for a range — shared by the pill's popover and the
  * slide-in panel's day fields, so the two surfaces cannot drift on what a bound
  * accepts or how it clears.
  */
-export declare function RangeBounds<T extends Record<string, unknown>>({ field, value, onChange, testId, calendarMonths, showCalendar, fillRow, }: RangeBoundsProps<T>): React.JSX.Element;
+export declare function RangeBounds<T extends Record<string, unknown>>({ field, value, onChange, testId, calendarMonths, showCalendar, fillRow, summaryOnHint, }: RangeBoundsProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=data-views-range-bounds.d.ts.map

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

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