@12-apps/ui 6.89.2 → 6.91.0

package/dist/{chunk-Z5WUSI47.js → chunk-G3JFESKD.js}

@@ -1,3 +1,8 @@
+import {
+  resolveTooltipProps,
+  useHoverOpen,
+  usePinnedTooltip
+} from "./chunk-QYJ25FWM.js";
 import {
   arrowColor,
   emphasisStyles,
@@ -5,11 +10,6 @@ import {
   tooltipCap,
   variantStyles
 } from "./chunk-BCWL7HUO.js";
-import {
-  resolveTooltipProps,
-  useHoverOpen,
-  usePinnedTooltip
-} from "./chunk-QYJ25FWM.js";
 
 // src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
 import MuiTooltip from "@mui/material/Tooltip/index.js";
@@ -96,4 +96,4 @@ InteractiveTooltip.displayName = "InteractiveTooltip";
 export {
   InteractiveTooltip
 };
-//# sourceMappingURL=chunk-Z5WUSI47.js.map
+//# sourceMappingURL=chunk-G3JFESKD.js.map

package/dist/{chunk-3EIRRLCQ.js → chunk-HC6OZ7QK.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-JYWF76Z5.js";
 import {
   Chip
-} from "./chunk-NI67M453.js";
+} from "./chunk-PGANINQD.js";
 import {
   Icon
 } from "./chunk-YEKPQAOW.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-3EIRRLCQ.js.map
+//# sourceMappingURL=chunk-HC6OZ7QK.js.map

package/dist/{chunk-SKIAWOUC.js → chunk-HOPRZEBM.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   useSummaryInfo
-} from "./chunk-X2GWR75Q.js";
+} from "./chunk-TSEBMVYY.js";
 import {
   LearnMore,
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-HC6OZ7QK.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   actionsStyles,
@@ -170,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-SKIAWOUC.js.map
+//# sourceMappingURL=chunk-HOPRZEBM.js.map

package/dist/{chunk-OBA75Y5O.js → chunk-HS662RLW.js}

@@ -2,7 +2,10 @@ import {
   MoreGroup,
   MoreQuick,
   fieldClearing
-} from "./chunk-BO6MT2S2.js";
+} from "./chunk-MZAYIG2I.js";
+import {
+  useStillAnchor
+} from "./chunk-7CUZTWKW.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -17,6 +20,7 @@ import {
 } from "./chunk-AJBRO76D.js";
 import {
   rem,
+  remPx,
   sxRem
 } from "./chunk-YKCAJ2TN.js";
 
@@ -24,7 +28,8 @@ import {
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
 import FilterAltRoundedIcon from "@mui/icons-material/FilterAltRounded";
 import Popover from "@mui/material/Popover/index.js";
-import { useState } from "react";
+import { useTheme } from "@mui/material/styles/index.js";
+import useMediaQuery from "@mui/material/useMediaQuery/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function MoreTrigger({
   count,
@@ -103,31 +108,40 @@ function MoreHeading() {
 }
 function MoreFooter({
   onClearAll,
-  testIdPrefix
+  testIdPrefix,
+  reserved = false
 }) {
   const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(default2, { sx: { px: 1.5, py: 1, borderTop: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     default2,
     {
-      component: "button",
-      type: "button",
-      onClick: onClearAll,
-      "data-testid": `${testIdPrefix}-more-clear-all`,
-      sx: {
-        width: "100%",
-        border: 0,
-        p: 0,
-        bgcolor: "transparent",
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: sxRem(13),
-        textAlign: "left",
-        color: "primary.main",
-        "&:hover": { textDecoration: "underline" }
-      },
-      children: copy.filters.clearAll
+      "aria-hidden": reserved || void 0,
+      sx: { px: 1.5, py: 1, borderTop: 1, borderColor: reserved ? "transparent" : "divider", visibility: reserved ? "hidden" : void 0 },
+      children: /* @__PURE__ */ jsx(
+        default2,
+        {
+          component: "button",
+          type: "button",
+          onClick: reserved ? void 0 : onClearAll,
+          tabIndex: reserved ? -1 : void 0,
+          "data-testid": reserved ? void 0 : `${testIdPrefix}-more-clear-all`,
+          sx: {
+            width: "100%",
+            border: 0,
+            p: 0,
+            bgcolor: "transparent",
+            cursor: "pointer",
+            font: "inherit",
+            fontSize: sxRem(13),
+            textAlign: "left",
+            color: "primary.main",
+            "&:hover": { textDecoration: "underline" }
+          },
+          children: copy.filters.clearAll
+        }
+      )
     }
-  ) });
+  );
 }
 function MoreFields({
   fields,
@@ -137,6 +151,18 @@ function MoreFields({
     (field) => field.quick ? /* @__PURE__ */ jsx(MoreQuick, { quick: field.quick, ...rest }, field.id) : /* @__PURE__ */ jsx(MoreGroup, { field, ...rest }, field.id)
   ) });
 }
+var COLUMN_SX = { display: "flex", flexDirection: "column" };
+var PAPER_SX = (theme) => ({
+  ...COLUMN_SX,
+  width: rem(theme, 320),
+  maxWidth: `calc(100vw - ${rem(theme, 32)})`
+});
+var PHONE_PAPER_SX = (theme) => ({
+  ...COLUMN_SX,
+  width: `calc(100vw - ${rem(theme, 16)})`,
+  maxWidth: `calc(100vw - ${rem(theme, 16)})`,
+  maxHeight: `calc(100% - ${rem(theme, 16)})`
+});
 function MoreFilters({
   fields,
   onOpenChange,
@@ -146,8 +172,11 @@ function MoreFilters({
   clearKey,
   ...rest
 }) {
-  const [anchor, setAnchor] = useState(null);
+  const still = useStillAnchor();
+  const theme = useTheme();
+  const phone = useMediaQuery(theme.breakpoints.down("sm"));
   if (fields.length === 0) return null;
+  const holdsDayRange = fields.some((field) => field.range?.kind === "day");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       MoreTrigger,
@@ -164,7 +193,7 @@ function MoreFilters({
         ).length,
         compact,
         onOpen: (element) => {
-          setAnchor(element);
+          still.open(element);
           onOpenChange?.(true);
         },
         testIdPrefix: rest.testIdPrefix
@@ -173,18 +202,17 @@ function MoreFilters({
     /* @__PURE__ */ jsx(
       Popover,
       {
-        open: Boolean(anchor),
-        anchorEl: anchor,
+        ...still.popoverProps,
         onClose: () => {
-          setAnchor(null);
+          still.close();
           onOpenChange?.(false);
         },
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        slotProps: { paper: { sx: { width: sxRem(300), maxWidth: (theme) => `calc(100vw - ${rem(theme, 32)})` } } },
-        children: /* @__PURE__ */ jsxs(default2, { "data-testid": `${rest.testIdPrefix}-more-panel`, children: [
+        marginThreshold: phone ? remPx(theme, 8) : void 0,
+        slotProps: { paper: { ref: still.paperRef, sx: phone ? PHONE_PAPER_SX : PAPER_SX } },
+        children: /* @__PURE__ */ jsxs(default2, { "data-testid": `${rest.testIdPrefix}-more-panel`, sx: { ...COLUMN_SX, flex: "1 1 auto", minHeight: 0 }, children: [
           /* @__PURE__ */ jsx(MoreHeading, {}),
-          /* @__PURE__ */ jsx(default2, { sx: { maxHeight: sxRem(320), overflowY: "auto", overflowX: "hidden", p: 1.5, minWidth: 0 }, children: /* @__PURE__ */ jsx(MoreFields, { fields, ...rest }, clearKey) }),
-          anyApplied && /* @__PURE__ */ jsx(MoreFooter, { onClearAll, testIdPrefix: rest.testIdPrefix })
+          /* @__PURE__ */ jsx(default2, { sx: { flex: "1 1 auto", minHeight: 0, overflowY: "auto", overflowX: "hidden", p: { xs: 1, sm: 1.5 }, minWidth: 0 }, children: /* @__PURE__ */ jsx(MoreFields, { fields, ...rest }, clearKey) }),
+          (anyApplied || holdsDayRange) && /* @__PURE__ */ jsx(MoreFooter, { onClearAll, testIdPrefix: rest.testIdPrefix, reserved: !anyApplied })
         ] })
       }
     )
@@ -194,4 +222,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-OBA75Y5O.js.map
+//# sourceMappingURL=chunk-HS662RLW.js.map

package/dist/chunk-HS662RLW.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, 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\", p: { xs: 1, sm: 1.5 }, 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,kCAAkC;AAMzC,OAAO,0BAA0B;AACjC,OAAO,aAAa;AACpB,SAAS,gBAA4B;AACrC,OAAO,mBAAmB;AAqEpB,SA8HF,UArHI,KATF;AA7BN,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,UAAU,eAAe;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAAS,CAAC,UAAU,OAAO,MAAM,aAA4B;AAAA,MAC7D,YAAY,GAAG,YAAY;AAAA,MAC3B,cACE,UACI,KAAK,QAAQ,mBAAmB,OAAO,YAAY,IACnD,KAAK,QAAQ,YAAY,KAAK;AAAA,MAGpC;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,OAAO,UAAU,iBAAiB;AAAA,UACpC;AAAA,UAEA;AAAA,gCAAC,wBAAqB,UAAS,SAAQ;AAAA,YACtC,CAAC,WACA,oBAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,SAAS,EAAE,IAAI,QAAQ,IAAI,SAAS,EAAE,GAC/D,eAAK,QAAQ,kBAChB;AAAA,YAEF;AAAA,cAACA;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAG,YAAY;AAAA,gBAC5B,IAAI;AAAA,kBACF,IAAI;AAAA,kBACJ,cAAc;AAAA,kBACd,SAAS,UAAU,iBAAiB;AAAA,kBACpC,OAAO,UAAU,yBAAyB;AAAA,kBAC1C,UAAU,MAAM,EAAE;AAAA,kBAClB,YAAY,UAAU,MAAM;AAAA,gBAC9B;AAAA,gBAEC,oBAAU,eAAe;AAAA;AAAA,YAC5B;AAAA,YACC,CAAC,WAAW,oBAAC,gCAA6B,UAAS,SAAQ;AAAA;AAAA;AAAA,MAC9D;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,cAAiC;AACxC,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,aAAa;AAAA,MACf;AAAA,MAEA;AAAA,4BAAC,QAAK,SAAQ,WAAU,IAAG,QACzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,eAAe,aAAa,eAAe,MAAM,GAAG,GAAG,OAAO,gBAAgB,GACvG,eAAK,QAAQ,aAChB,GACF;AAAA,QACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,QACzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,IAAI,QAAQ,OAAO,gBAAgB,GAC5D,eAAK,QAAQ,cAChB,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAUA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAUsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,eAAa,YAAY;AAAA,MAGzB,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,WAAW,GAAG,aAAa,WAAW,gBAAgB,WAAW,YAAY,WAAW,WAAW,OAAU;AAAA,MAEnI;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,WAAW,SAAY;AAAA,UAChC,UAAU,WAAW,KAAK;AAAA,UAC1B,eAAa,WAAW,SAAY,GAAG,YAAY;AAAA,UACnD,IAAI;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,GAAG;AAAA,YACH,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,UAAU,MAAM,EAAE;AAAA,YAClB,WAAW;AAAA,YACX,OAAO;AAAA,YACP,WAAW,EAAE,gBAAgB,YAAY;AAAA,UAC3C;AAAA,UAEC,eAAK,QAAQ;AAAA;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,WAA8C;AAAA,EACrD;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE,gCACG,iBAAO;AAAA,IAAI,CAAC,UACX,MAAM,QACJ,oBAAC,aAAyB,OAAO,MAAM,OAAQ,GAAG,QAAlC,MAAM,EAAkC,IAExD,oBAAC,aAAyB,OAAe,GAAG,QAA5B,MAAM,EAA4B;AAAA,EAEtD,GACF;AAEJ;AASA,IAAM,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAS;AAM7D,IAAM,WAAW,CAAC,WAAkB;AAAA,EAClC,GAAG;AAAA,EACH,OAAO,IAAI,OAAO,GAAG;AAAA,EACrB,UAAU,gBAAgB,IAAI,OAAO,EAAE,CAAC;AAC1C;AAOA,IAAM,iBAAiB,CAAC,WAAkB;AAAA,EACxC,GAAG;AAAA,EACH,OAAO,gBAAgB,IAAI,OAAO,EAAE,CAAC;AAAA,EACrC,UAAU,gBAAgB,IAAI,OAAO,EAAE,CAAC;AAAA,EACxC,WAAW,eAAe,IAAI,OAAO,EAAE,CAAC;AAC1C;AAwBO,SAAS,YAA+C;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,QAAM,QAAQ,eAAe;AAC7B,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AACxD,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,QAAM,gBAAgB,OAAO,KAAK,CAAC,UAAU,MAAM,OAAO,SAAS,KAAK;AACxE,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,cACE,OAAO;AAAA,UACL,CAAC,UACC,cAAc;AAAA,YACZ;AAAA,YACA,OAAO,KAAK;AAAA,YACZ,QAAQ,KAAK;AAAA,YACb,cAAc,KAAK;AAAA,YACnB,eAAe,KAAK;AAAA,UACtB,CAAC,EAAE;AAAA,QACP,EAAE;AAAA,QAEJ;AAAA,QACA,QAAQ,CAAC,YAAY;AACnB,gBAAM,KAAK,OAAO;AAClB,yBAAe,IAAI;AAAA,QACrB;AAAA,QACA,cAAc,KAAK;AAAA;AAAA,IACrB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV,SAAS,MAAM;AACb,gBAAM,MAAM;AACZ,yBAAe,KAAK;AAAA,QACtB;AAAA,QAEA,iBAAiB,QAAQ,MAAM,OAAO,CAAC,IAAI;AAAA,QAC3C,WAAW,EAAE,OAAO,EAAE,KAAK,MAAM,UAAU,IAAI,QAAQ,iBAAiB,SAAS,EAAE;AAAA,QAEnF,+BAACA,UAAA,EAAI,eAAa,GAAG,KAAK,YAAY,eAAe,IAAI,EAAE,GAAG,WAAW,MAAM,YAAY,WAAW,EAAE,GACtG;AAAA,8BAAC,eAAY;AAAA,UAKb,oBAACA,UAAA,EAAI,IAAI,EAAE,MAAM,YAAY,WAAW,GAAG,WAAW,QAAQ,WAAW,UAAU,GAAG,EAAE,IAAI,GAAG,IAAI,IAAI,GAAG,UAAU,EAAE,GACpH,8BAAC,cAA0B,QAAiB,GAAG,QAA9B,QAAoC,GACvD;AAAA,WACE,cAAc,kBACd,oBAAC,cAAW,YAAwB,cAAc,KAAK,cAAc,UAAU,CAAC,YAAY;AAAA,WAEhG;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":["default"]}

package/dist/{chunk-O63ZROSY.js → chunk-IWSTMVCA.js}

@@ -1,10 +1,7 @@
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
 import {
   StandaloneContainer,
   useRowLayout
-} from "./chunk-QKOJ4637.js";
+} from "./chunk-E6K2UZGR.js";
 import {
   DiscloseSlot,
   DragSlot,
@@ -15,13 +12,16 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-DAHSKQBV.js";
+} from "./chunk-UMOHHWXY.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-EUR2ORTN.js";
+} from "./chunk-CSJ7WNXU.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-O63ZROSY.js.map
+//# sourceMappingURL=chunk-IWSTMVCA.js.map

package/dist/chunk-J2AVWIMM.js

@@ -0,0 +1,60 @@
+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();
+  const active = isRangeSet(value);
+  if (!active && field.kind !== "day") return null;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "aria-hidden": active ? void 0 : true,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2,
+        mt: { xs: 0.5, sm: 1.5 },
+        visibility: active ? void 0 : "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: sxRem(12), color: "text.secondary" }, children: active ? rangeChipLabel(field, value) : field.label }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "text",
+            size: "small",
+            onClick: active ? onClear : void 0,
+            tabIndex: active ? void 0 : -1,
+            "data-testid": active ? `${testId}-clear` : void 0,
+            sx: { textTransform: "none" },
+            children: copy.filters.clear
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  RangeSummary
+};
+//# sourceMappingURL=chunk-J2AVWIMM.js.map

package/dist/chunk-J2AVWIMM.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\".\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 filter keeps the row's height while nothing is applied: its first tap\n * on the calendar applies a bound, and a row appearing then grew the popover\n * 26px and moved it 32px up at 320×568, the day under the finger with it\n * (FUT-4144 UI review round 2). The held row is invisible and inert.\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  const active = isRangeSet(value);\n  if (!active && field.kind !== 'day') return null;\n  return (\n    <Box\n      aria-hidden={active ? undefined : true}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 2,\n        mt: { xs: 0.5, sm: 1.5 },\n        visibility: active ? undefined : 'hidden',\n      }}\n    >\n      <Typography component=\"span\" sx={{ fontSize: sxRem(12), color: 'text.secondary' }}>\n        {active ? rangeChipLabel(field, value) : field.label}\n      </Typography>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        onClick={active ? onClear : undefined}\n        tabIndex={active ? undefined : -1}\n        data-testid={active ? `${testId}-clear` : undefined}\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;AAmCnB,SAWE,KAXF;AAfG,SAAS,aAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAK6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,QAAM,SAAS,WAAW,KAAK;AAC/B,MAAI,CAAC,UAAU,MAAM,SAAS,MAAO,QAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,SAAS,SAAY;AAAA,MAClC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,IAAI,EAAE,IAAI,KAAK,IAAI,IAAI;AAAA,QACvB,YAAY,SAAS,SAAY;AAAA,MACnC;AAAA,MAEA;AAAA,4BAAC,cAAW,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,GAAG,OAAO,iBAAiB,GAC7E,mBAAS,eAAe,OAAO,KAAK,IAAI,MAAM,OACjD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,SAAS,UAAU;AAAA,YAC5B,UAAU,SAAS,SAAY;AAAA,YAC/B,eAAa,SAAS,GAAG,MAAM,WAAW;AAAA,YAC1C,IAAI,EAAE,eAAe,OAAO;AAAA,YAE3B,eAAK,QAAQ;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-7QKIL5YF.js → chunk-J2GDA64N.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-R26WP22N.js";
 import {
   useDateRangePicker
-} from "./chunk-HUXAIQC5.js";
+} from "./chunk-RZ3P4X2I.js";
 import {
   DateRangeQuickList
 } from "./chunk-6KKQHJE7.js";
 import {
   DateRangeFields
-} from "./chunk-5S5K73I6.js";
+} from "./chunk-QSOCOXVL.js";
 import {
   toLocalDay
 } from "./chunk-SUTOAW7I.js";
 import {
   Calendar
-} from "./chunk-Q2ERGAQO.js";
+} from "./chunk-FYAW5GBF.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-7QKIL5YF.js.map
+//# sourceMappingURL=chunk-J2GDA64N.js.map

package/dist/{chunk-TZC6KIK2.js → chunk-JG733RMP.js}

@@ -1,13 +1,13 @@
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-SOHQPPYJ.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-TCWISGSS.js";
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-SOHQPPYJ.js";
 import {
   remPx
 } from "./chunk-YKCAJ2TN.js";
@@ -73,4 +73,4 @@ function marginPx(theme, margin) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-TZC6KIK2.js.map
+//# sourceMappingURL=chunk-JG733RMP.js.map

package/dist/{chunk-CW5Z67NA.js → chunk-JH2XLVWM.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-HC6OZ7QK.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-CW5Z67NA.js.map
+//# sourceMappingURL=chunk-JH2XLVWM.js.map

package/dist/{chunk-TYXFFNPM.js → chunk-JKZPGCN7.js}

@@ -1,19 +1,19 @@
-import {
-  GridMain
-} from "./chunk-BEHT4IHH.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-XLU5WFSY.js";
+} from "./chunk-L3PDY7CJ.js";
 import {
   ShellEmpty
 } from "./chunk-MKVDHR3B.js";
 import {
   InlineFilterControls
-} from "./chunk-5KK3I42O.js";
+} from "./chunk-XILMDEGZ.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
+import {
+  GridMain
+} from "./chunk-NKEFH3RS.js";
 import {
   DataViewsPagination
 } from "./chunk-XZFTRGRW.js";
@@ -29,15 +29,15 @@ import {
 } from "./chunk-K3PMMW23.js";
 import {
   ShellToolbar
-} from "./chunk-WW3F7DCX.js";
-import {
-  allOnPageSelected,
-  resolveSelectionExtra
-} from "./chunk-5YDS6HO3.js";
+} from "./chunk-Z2WZDVGG.js";
 import {
   SHELL_PROPS,
   useStickyBarTop
 } from "./chunk-4IE66GY2.js";
+import {
+  allOnPageSelected,
+  resolveSelectionExtra
+} from "./chunk-5YDS6HO3.js";
 import {
   togglePillValues
 } from "./chunk-UKNMPGEM.js";
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-TYXFFNPM.js.map
+//# sourceMappingURL=chunk-JKZPGCN7.js.map

package/dist/{chunk-QRRWLLXW.js → chunk-JN2IANXD.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-TYXFFNPM.js";
+} from "./chunk-JKZPGCN7.js";
 import {
   useDataViewsState
-} from "./chunk-LOLYBFYY.js";
+} from "./chunk-ZCNR4DN5.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-QRRWLLXW.js.map
+//# sourceMappingURL=chunk-JN2IANXD.js.map

package/dist/{chunk-HQCZT6TO.js → chunk-JVOEVTCZ.js}

@@ -1,11 +1,11 @@
-import {
-  chartAxisValueFormatter,
-  chartValueFormatter
-} from "./chunk-6GPNZSAE.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes
 } from "./chunk-WKUA6P3W.js";
+import {
+  chartAxisValueFormatter,
+  chartValueFormatter
+} from "./chunk-6GPNZSAE.js";
 
 // src/components/data-display/Chart/chart-spec.ts
 var CHART_SEMANTIC_COLORS = [
@@ -151,4 +151,4 @@ export {
   parseChartSpec,
   specToChartProps
 };
-//# sourceMappingURL=chunk-HQCZT6TO.js.map
+//# sourceMappingURL=chunk-JVOEVTCZ.js.map

package/dist/{chunk-GBB23QLL.js → chunk-KJKD6Y6V.js}

@@ -1,7 +1,7 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-ZDAAHCIS.js";
+} from "./chunk-5HADIIWN.js";
 import {
   SettingGroupContext
 } from "./chunk-XJQNSMGA.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-HC6OZ7QK.js";
 import {
   dependentsStyles,
   hintStyles,
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-GBB23QLL.js.map
+//# sourceMappingURL=chunk-KJKD6Y6V.js.map

package/dist/{chunk-XLU5WFSY.js → chunk-L3PDY7CJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AJ6KFHEE.js";
 import {
   PanelRangeField
-} from "./chunk-5RSK5M6M.js";
+} from "./chunk-7NP2JHGM.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-XLU5WFSY.js.map
+//# sourceMappingURL=chunk-L3PDY7CJ.js.map

package/dist/{chunk-S6D7NOV7.js → chunk-L6JAALMX.js}

@@ -1,11 +1,11 @@
 import {
   SequenceOverviewBody
-} from "./chunk-6D5AMANO.js";
+} from "./chunk-WH3LUOCQ.js";
 import {
   SequenceDoneBody,
   SequenceIntroBody,
   SequenceStepBody
-} from "./chunk-BQBEN44R.js";
+} from "./chunk-RDCIST7P.js";
 import {
   SequenceHeader
 } from "./chunk-JO6D7YGN.js";
@@ -225,4 +225,4 @@ function SequenceResolver(props) {
 export {
   SequenceResolver
 };
-//# sourceMappingURL=chunk-S6D7NOV7.js.map
+//# sourceMappingURL=chunk-L6JAALMX.js.map

package/dist/{chunk-72HOUWAW.js → chunk-L6YTVXGN.js}

@@ -128,7 +128,8 @@ function DayBoundInput({
   error = false,
   describedBy,
   mask,
-  invalidMessage
+  invalidMessage,
+  fill = false
 }) {
   const id = useId();
   const { text, impossible, handleChange, handlePaste, handleBlur } = useDayText(
@@ -153,7 +154,8 @@ function DayBoundInput({
       onBlur: handleBlur,
       InputLabelProps: { shrink: true },
       inputProps: dayInputProps(testId, [impossible ? `${id}-helper-text` : void 0, describedBy]),
-      sx: [{ width: sxRem(165) }, fieldTextFieldStyles]
+      fullWidth: fill,
+      sx: [{ width: fill ? "100%" : sxRem(165) }, fieldTextFieldStyles]
     }
   );
 }
@@ -166,4 +168,4 @@ export {
   isImpossibleDay,
   DayBoundInput
 };
-//# sourceMappingURL=chunk-72HOUWAW.js.map
+//# sourceMappingURL=chunk-L6YTVXGN.js.map