@12-apps/ui 6.89.1 → 6.90.0

package/dist/chunk-LZNUBQ5I.js

@@ -0,0 +1,181 @@
+import {
+  isPresetActive,
+  resolvePreset
+} from "./chunk-CBOB5AV6.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  EN_US_DATA_VIEWS_COPY
+} from "./chunk-ARGVUTTL.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-preset-chips.tsx
+import Box from "@mui/material/Box/index.js";
+import TextField from "@mui/material/TextField/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PresetChip({
+  preset,
+  active,
+  onSelect,
+  testId
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      onClick: onSelect,
+      "aria-pressed": active,
+      "data-testid": testId,
+      sx: {
+        px: 1.25,
+        py: 0.5,
+        border: 1,
+        borderStyle: "solid",
+        borderColor: active ? "primary.main" : "divider",
+        borderRadius: 999,
+        bgcolor: active ? "action.selected" : "background.paper",
+        color: active ? "primary.main" : "text.secondary",
+        cursor: "pointer",
+        font: "inherit",
+        fontSize: sxRem(12),
+        fontWeight: 600,
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        minWidth: 0,
+        "&:hover": { borderColor: active ? "primary.main" : "text.primary" }
+      },
+      children: preset.label
+    }
+  );
+}
+var MEASURE_SX = {
+  display: "inline-block",
+  px: 1.25,
+  border: 1,
+  font: "inherit",
+  fontSize: sxRem(12),
+  fontWeight: 600,
+  whiteSpace: "nowrap"
+};
+function presetsFitOneLine(width, widest, count, gap) {
+  if (width === null) return true;
+  return widest * count + gap * (count - 1) <= width;
+}
+function useElementWidth(ref) {
+  const [width, setWidth] = useState(null);
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (element === null || typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver((entries) => {
+      const measured = entries[0]?.contentRect.width;
+      if (measured !== void 0 && measured > 0) setWidth(measured);
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref]);
+  return width;
+}
+function useWidestLabel(ref, labels, width) {
+  const [widest, setWidest] = useState(0);
+  useLayoutEffect(() => {
+    const measure = () => {
+      const spans = ref.current?.querySelectorAll("[data-preset-measure]") ?? [];
+      setWidest(Math.max(0, ...Array.from(spans, (span) => span.offsetWidth + 1)));
+    };
+    measure();
+    let live = true;
+    void document.fonts?.ready.then(() => {
+      if (live) measure();
+    });
+    return () => {
+      live = false;
+    };
+  }, [ref, labels, width]);
+  return widest;
+}
+function PresetSelect({
+  presets,
+  value,
+  onChange,
+  testId
+}) {
+  const copy = useDataViewsCopy().filters.presetSelect ?? EN_US_DATA_VIEWS_COPY.filters.presetSelect;
+  const active = presets.find((preset) => isPresetActive(preset, value))?.id ?? "";
+  return /* @__PURE__ */ jsxs(
+    TextField,
+    {
+      select: true,
+      size: "small",
+      fullWidth: true,
+      label: copy?.label,
+      value: active,
+      onChange: (event) => {
+        const picked = presets.find((preset) => preset.id === event.target.value);
+        onChange(picked ? resolvePreset(picked) : {});
+      },
+      SelectProps: { native: true },
+      InputLabelProps: { shrink: true },
+      inputProps: { "data-testid": `${testId}-presets-select` },
+      children: [
+        /* @__PURE__ */ jsx("option", { value: "", children: copy?.none }),
+        presets.map((preset) => /* @__PURE__ */ jsx("option", { value: preset.id, children: preset.label }, preset.id))
+      ]
+    }
+  );
+}
+function RangePresets({
+  presets,
+  value,
+  onChange,
+  testId
+}) {
+  const theme = useTheme();
+  const box = useRef(null);
+  const width = useElementWidth(box);
+  const widest = useWidestLabel(box, presets.map((preset) => preset.label).join("|"), width);
+  if (presets.length === 0) return null;
+  const fits = presetsFitOneLine(width, widest, presets.length, parseFloat(theme.spacing(0.75)));
+  return /* @__PURE__ */ jsxs(Box, { ref: box, sx: { position: "relative", minWidth: 0 }, children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        "aria-hidden": "true",
+        sx: { position: "absolute", top: 0, left: 0, width: "max-content", height: 0, overflow: "hidden", visibility: "hidden" },
+        children: presets.map((preset) => /* @__PURE__ */ jsx(Box, { component: "span", "data-preset-measure": "", sx: MEASURE_SX, children: preset.label }, preset.id))
+      }
+    ),
+    fits ? /* @__PURE__ */ jsx(
+      Box,
+      {
+        "data-testid": `${testId}-presets`,
+        sx: { display: "grid", gridTemplateColumns: `repeat(${presets.length}, minmax(0, 1fr))`, gap: 0.75 },
+        children: presets.map((preset) => {
+          const active = isPresetActive(preset, value);
+          return /* @__PURE__ */ jsx(
+            PresetChip,
+            {
+              preset,
+              active,
+              onSelect: () => onChange(active ? {} : resolvePreset(preset)),
+              testId: `${testId}-preset-${preset.id}`
+            },
+            preset.id
+          );
+        })
+      }
+    ) : /* @__PURE__ */ jsx(Box, { "data-testid": `${testId}-presets`, children: /* @__PURE__ */ jsx(PresetSelect, { presets, value, onChange, testId }) })
+  ] });
+}
+
+export {
+  presetsFitOneLine,
+  RangePresets
+};
+//# sourceMappingURL=chunk-LZNUBQ5I.js.map

package/dist/chunk-LZNUBQ5I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-preset-chips.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE ONE-CLICK WINDOWS ABOVE A RANGE'S `De`/`Até` INPUTS.\n *\n * \"Filter by last month\" is two date pickers, four gestures and a mental\n * calculation of which day the month ended on. It is also the overwhelmingly\n * common case. So the common windows get a chip each, and the inputs stay for\n * the windows nobody could enumerate.\n *\n * Clicking an active preset CLEARS it. A chip that reads as pressed and does\n * nothing when pressed again is a dead control, and the alternative — hunting\n * for the pill's ✕ — is the gesture this row exists to remove.\n *\n * ONE LINE at every width (ADR 0190 in the host, FUT-4144): the presets are\n * the options of one question, and as wrapping chips \"Este ano\" fell onto a\n * second line at 320, 390 and 600, where it read as a second question. Where\n * the row is wide enough they are a segmented control of equal parts; where it\n * is not, the same question is a select.\n */\nimport Box from \"@mui/material/Box/index.js\";\nimport TextField from \"@mui/material/TextField/index.js\";\nimport { useTheme } from \"@mui/material/styles/index.js\";\nimport React, { useLayoutEffect, useRef, useState, type RefObject } from \"react\";\n\nimport { EN_US_DATA_VIEWS_COPY } from \"../../../en-US.data-display\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { isPresetActive, resolvePreset } from \"./data-views-range-presets\";\nimport type { RangePreset, RangeValue } from \"./data-views-types\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/** One preset, styled as the same pill-shaped chip the filter bar uses. */\nfunction PresetChip({\n  preset,\n  active,\n  onSelect,\n  testId,\n}: {\n  preset: RangePreset;\n  active: boolean;\n  onSelect: () => void;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onSelect}\n      aria-pressed={active}\n      data-testid={testId}\n      sx={{\n        px: 1.25,\n        py: 0.5,\n        border: 1,\n        borderStyle: \"solid\",\n        borderColor: active ? \"primary.main\" : \"divider\",\n        borderRadius: 999,\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n        color: active ? \"primary.main\" : \"text.secondary\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: sxRem(12),\n        fontWeight: 600,\n        whiteSpace: \"nowrap\",\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        minWidth: 0,\n        \"&:hover\": { borderColor: active ? \"primary.main\" : \"text.primary\" },\n      }}\n    >\n      {preset.label}\n    </Box>\n  );\n}\n\n/** The chip look, for the hidden row that measures each label at its natural width. */\nconst MEASURE_SX = {\n  display: \"inline-block\",\n  px: 1.25,\n  border: 1,\n  font: \"inherit\",\n  fontSize: sxRem(12),\n  fontWeight: 600,\n  whiteSpace: \"nowrap\",\n} as const;\n\n/**\n * Whether `count` equal parts, each as wide as the widest label, fit `width`\n * with `gap` between them. Unmeasured (`null`: the server, jsdom) counts as\n * fitting, so the row renders the buttons it always rendered.\n */\nexport function presetsFitOneLine(width: number | null, widest: number, count: number, gap: number): boolean {\n  if (width === null) return true;\n  return widest * count + gap * (count - 1) <= width;\n}\n\n/** The element's own width as it changes; `null` until measured, or where nothing can measure. */\nfunction useElementWidth(ref: RefObject<HTMLElement | null>): number | null {\n  const [width, setWidth] = useState<number | null>(null);\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (element === null || typeof ResizeObserver === \"undefined\") return undefined;\n    const observer = new ResizeObserver((entries) => {\n      const measured = entries[0]?.contentRect.width;\n      if (measured !== undefined && measured > 0) setWidth(measured);\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref]);\n  return width;\n}\n\n/**\n * The widest label at the chip's own type, padding and border, read off the\n * hidden measuring row.\n *\n * `offsetWidth`, the LAYOUT width, never the bounding box: a popover grows in\n * from 75% scale, and a box read during that transition is a quarter short —\n * which judged \"Acima de R$ 10\" to fit a third of the \"Mais\" panel and cut it\n * to \"Acima de …\" (FUT-4144 UI review round 2). Measured again when the row's\n * width changes and once the web fonts have loaded, since a fallback face is\n * narrower than the one the parts will be drawn in.\n */\nfunction useWidestLabel(ref: RefObject<HTMLElement | null>, labels: string, width: number | null): number {\n  const [widest, setWidest] = useState(0);\n  useLayoutEffect(() => {\n    const measure = (): void => {\n      const spans = ref.current?.querySelectorAll<HTMLElement>(\"[data-preset-measure]\") ?? [];\n      // +1: `offsetWidth` rounds, so a label laid out at 80.4px reads 80 and\n      // would be judged to fit half a pixel short, behind an ellipsis.\n      setWidest(Math.max(0, ...Array.from(spans, (span) => span.offsetWidth + 1)));\n    };\n    measure();\n    let live = true;\n    void document.fonts?.ready.then(() => {\n      if (live) measure();\n    });\n    return () => {\n      live = false;\n    };\n  }, [ref, labels, width]);\n  return widest;\n}\n\n/** The same question as a select, for a row too narrow for its parts. */\nfunction PresetSelect({\n  presets,\n  value,\n  onChange,\n  testId,\n}: {\n  presets: RangePreset[];\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy().filters.presetSelect ?? EN_US_DATA_VIEWS_COPY.filters.presetSelect;\n  const active = presets.find((preset) => isPresetActive(preset, value))?.id ?? \"\";\n  return (\n    <TextField\n      select\n      size=\"small\"\n      fullWidth\n      label={copy?.label}\n      value={active}\n      onChange={(event) => {\n        const picked = presets.find((preset) => preset.id === event.target.value);\n        // \"None\" is the select's way of tapping the active chip again.\n        onChange(picked ? resolvePreset(picked) : {});\n      }}\n      SelectProps={{ native: true }}\n      InputLabelProps={{ shrink: true }}\n      inputProps={{ \"data-testid\": `${testId}-presets-select` }}\n    >\n      <option value=\"\">{copy?.none}</option>\n      {presets.map((preset) => (\n        <option key={preset.id} value={preset.id}>\n          {preset.label}\n        </option>\n      ))}\n    </TextField>\n  );\n}\n\n/**\n * The preset row. Renders nothing when a field declares none, so a numeric\n * range without host-configured windows keeps the popover it had.\n *\n * Carries no outer margin — the three surfaces that host it (the pill's\n * popover, the slide-in panel, the \"Mais\" overflow) each sit it in a different\n * stack, and a baked-in margin would be wrong in two of them.\n *\n * What is measured is the row's OWN width, not the window's: the same row\n * lives in a 670px popover, a 300px panel and a phone-wide sheet.\n */\nexport function RangePresets({\n  presets,\n  value,\n  onChange,\n  testId,\n}: {\n  presets: RangePreset[];\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element | null {\n  const theme = useTheme();\n  const box = useRef<HTMLDivElement>(null);\n  const width = useElementWidth(box);\n  const widest = useWidestLabel(box, presets.map((preset) => preset.label).join(\"|\"), width);\n  if (presets.length === 0) return null;\n  const fits = presetsFitOneLine(width, widest, presets.length, parseFloat(theme.spacing(0.75)));\n  return (\n    <Box ref={box} sx={{ position: \"relative\", minWidth: 0 }}>\n      <Box\n        aria-hidden=\"true\"\n        sx={{ position: \"absolute\", top: 0, left: 0, width: \"max-content\", height: 0, overflow: \"hidden\", visibility: \"hidden\" }}\n      >\n        {presets.map((preset) => (\n          <Box key={preset.id} component=\"span\" data-preset-measure=\"\" sx={MEASURE_SX}>\n            {preset.label}\n          </Box>\n        ))}\n      </Box>\n      {fits ? (\n        <Box\n          data-testid={`${testId}-presets`}\n          sx={{ display: \"grid\", gridTemplateColumns: `repeat(${presets.length}, minmax(0, 1fr))`, gap: 0.75 }}\n        >\n          {presets.map((preset) => {\n            const active = isPresetActive(preset, value);\n            return (\n              <PresetChip\n                key={preset.id}\n                preset={preset}\n                active={active}\n                onSelect={() => onChange(active ? {} : resolvePreset(preset))}\n                testId={`${testId}-preset-${preset.id}`}\n              />\n            );\n          })}\n        </Box>\n      ) : (\n        <Box data-testid={`${testId}-presets`}>\n          <PresetSelect presets={presets} value={value} onChange={onChange} testId={testId} />\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-BECKKDYG.js → chunk-M2M4IDFU.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_CAROUSEL_COPY
-} from "./chunk-FEKWKWGK.js";
+} from "./chunk-ARGVUTTL.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -330,4 +330,4 @@ export {
   CarouselArrows,
   CarouselThumbnails
 };
-//# sourceMappingURL=chunk-BECKKDYG.js.map
+//# sourceMappingURL=chunk-M2M4IDFU.js.map

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

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

package/dist/chunk-MICX23P4.js

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

package/dist/chunk-MICX23P4.js.map

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

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

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

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

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

package/dist/chunk-NK6O4NE4.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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