@12-apps/ui 6.97.1 → 6.98.1

package/dist/{chunk-L6YTVXGN.js.map → chunk-VCYYL23C.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-day-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A day bound as a MASKED `dd/mm/aaaa` text field, replacing `<input type=\"date\">`.\n *\n * The native control is three separate segments wearing one box. Typing a date\n * means filling a segment, being jumped to the next, and starting over — and\n * which segment comes first is the BROWSER's locale, not ours, so the same\n * field reads `dd/mm/aaaa` for one merchant and `mm/dd/yyyy` for the next with\n * nothing in our code saying which. There is no way to type a date as one\n * continuous run of digits, which is how people actually type dates.\n *\n * A mask gives that back: eight digits straight through, separators inserted as\n * you go, backspace walking back through them.\n *\n * Measured, driving both controls in Chromium with the same eight keystrokes\n * (`01072026`, one `keydown` at a time):\n *\n *   native  →  field ends EMPTY, no filter applied, 0 requests\n *   masked  →  field reads `01/07/2026`, filter applied, 1 request\n *\n * The native result is the whole complaint: you type a date and nothing lands.\n *\n * The second half of the fix is WHEN the bound is written. A partially-typed\n * year is itself a valid date — `2026` passes through `0002`, `0020`, `0202` on\n * the way — so committing on every keystroke would send the grid off to fetch\n * years nobody meant. A bound is written only once the text is a WHOLE, real\n * date, which is what keeps the run above at one request rather than four.\n */\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useId, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\nimport { sxRem } from '../../../tokens/relative';\n\n\n/**\n * THE MASK IS THE ORDER, and both halves of this file read it.\n *\n * The placeholder a host supplies (`copy.filters.dayMask` — `dd/mm/aaaa` for\n * pt-BR, `mm/dd/yyyy` for en-US) is not decoration: it tells the reader which\n * segment comes first. Everything below therefore derives the segment order\n * FROM that same string, so the shape on screen and the shape the parser\n * expects cannot disagree.\n *\n * They did disagree, and the failure was silent in the worst direction. The\n * mask/parse pair was hardcoded day-first (the `Br` in the old names was\n * accurate) while the placeholder followed the copy pack — so under `en-US` the\n * field ASKED for `mm/dd/yyyy`, and a reader who typed exactly that got a day\n * of 12 and a month of 31, which is not a date, which commits nothing. No\n * error, no filter, a full list that reads like an answer. The en-US pack's own\n * comment already said the mask \"is the shape that gets a date entered\n * backwards\"; nothing enforced it.\n */\n\n/** What one segment of a mask is, and how many digits it takes. */\ntype DaySegment = 'year' | 'month' | 'day';\nconst SEGMENT_WIDTH: Readonly<Record<DaySegment, number>> = { year: 4, month: 2, day: 2 };\n\n/**\n * The segments a mask asks for, in its own order.\n *\n * Keyed on each token's FIRST letter so one rule covers every spelling a host\n * might use — `aaaa`/`yyyy` for the year, `mm` for the month, `dd`/`tt` for the\n * day. An unreadable mask falls back to day-first rather than throwing: this\n * runs on every keystroke, and a field that renders is recoverable where one\n * that crashes the grid is not.\n */\nfunction segmentsOf(mask: string): readonly DaySegment[] {\n  const tokens = mask.split(/[^A-Za-z]+/).filter(Boolean);\n  if (tokens.length !== 3) return ['day', 'month', 'year'];\n  const segments = tokens.map((token): DaySegment => {\n    const head = token.slice(0, 1).toLowerCase();\n    if (head === 'y' || head === 'a') return 'year';\n    return head === 'm' ? 'month' : 'day';\n  });\n  // A mask naming the same segment twice describes no date. Fall back rather\n  // than build a parser that can never succeed.\n  return new Set(segments).size === 3 ? segments : ['day', 'month', 'year'];\n}\n\n/** The separator the mask uses, defaulting to `/`. */\nconst separatorOf = (mask: string): string => mask.replace(/[A-Za-z]/g, '').slice(0, 1) || '/';\n\n/** `AAAA-MM-DD` (the wire) → the mask's own order (what the reader sees). */\nexport function isoToMasked(iso: string, mask: string): string {\n  const parts = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!parts) return '';\n  const value: Record<DaySegment, string> = {\n    year: parts[1] as string,\n    month: parts[2] as string,\n    day: parts[3] as string,\n  };\n  return segmentsOf(mask)\n    .map((segment) => value[segment])\n    .join(separatorOf(mask));\n}\n\n/**\n * The mask's order → `AAAA-MM-DD`, but ONLY for a day that exists.\n *\n * `31/02/2026` parses fine as three numbers and is not a date, and `Date` would\n * silently roll it into March rather than reject it — so the round trip through\n * UTC is the check: if the month or day comes back changed, the input was not a\n * day.\n */\nexport function maskedToIso(text: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const digits = text.replace(/\\D/g, '');\n  if (digits.length !== 8) return '';\n  const value = {} as Record<DaySegment, string>;\n  let cursor = 0;\n  for (const segment of segments) {\n    value[segment] = digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]);\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  const year = Number(value.year);\n  const month = Number(value.month);\n  const day = Number(value.day);\n  if (year < 1000) return '';\n  const probe = new Date(Date.UTC(year, month - 1, day));\n  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return '';\n  return `${value.year}-${value.month}-${value.day}`;\n}\n\n/**\n * Digits only, capped at the mask's width, with the separators put back as you\n * type.\n *\n * Deriving the whole string from the digits — rather than editing the text in\n * place — is what makes backspace behave. Four digits of `dd/mm/aaaa` render as\n * `06/08`, not `06/08/`, so deleting the first digit of the year removes the\n * trailing separator with it instead of leaving a dead keystroke that changes\n * nothing.\n */\nexport function maskDate(raw: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const separator = separatorOf(mask);\n  const digits = raw.replace(/\\D/g, '').slice(0, 8);\n  const out: string[] = [];\n  let cursor = 0;\n  for (const segment of segments) {\n    if (cursor >= digits.length) break;\n    out.push(digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]));\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  return out.join(separator);\n}\n\n/** A wire day on its own, as a paste or an autofill delivers it: `2026-10-01`. */\nconst ISO_DAY = /^\\s*(\\d{4}-\\d{2}-\\d{2})\\s*$/;\n\n/**\n * What the field shows for whatever arrived — typed, pasted, autofilled.\n *\n * A whole ISO day (`AAAA-MM-DD`) is READ AS THAT DAY and written in the mask's\n * order. Through `maskDate` alone it is eight digits taken day-first, so a\n * pasted `2026-10-01` came out as `20/26/1001` (FUT-4144). Anything else is\n * masked exactly as typing always was, so the typed and pasted forms of one day\n * land on the same text.\n */\nexport function readDayText(raw: string, mask: string): string {\n  const iso = ISO_DAY.exec(raw)?.[1];\n  const masked = iso ? isoToMasked(iso, mask) : '';\n  return masked || maskDate(raw, mask);\n}\n\n/**\n * Whether `text` is a WHOLE day that does not exist — `31/02/2026`. A partial\n * entry is not impossible, only unfinished, and is never flagged.\n */\nexport function isImpossibleDay(text: string, mask: string): boolean {\n  return text.replace(/\\D/g, '').length === 8 && maskedToIso(text, mask) === '';\n}\n\n/**\n * What has to land on the `<input>` itself rather than on the `TextField`.\n *\n * Anything `TextField` does not recognise is spread onto its root `FormControl`\n * div. `inputMode` went up there once: the attribute sat on a non-editable\n * wrapper, meant nothing, and the phone went on offering the letter keyboard\n * for a field that only takes digits (the `dd/mm/aaaa` hint under a QWERTY\n * layout). Only the `<input>` this reaches decides which keypad opens — and the\n * same is true of `aria-describedby`, which on the wrapper points at a\n * description no screen reader will read out for the field.\n *\n * `numeric` and not `tel`: both raise a keypad, but the phone one is a dialler\n * with `+ * #` on it — keys that cannot occur in a date. A paste carrying\n * separators still lands, because the MASK is what filters the text; the keypad\n * only narrows what a thumb can reach for.\n *\n * Autofill off for the same reason: the browser's saved-value strip covers the\n * keypad to suggest names and addresses, none of which are a date, and none of\n * which the mask would keep.\n */\nfunction dayInputProps(testId: string, describedBy: readonly (string | undefined)[]) {\n  const ids = describedBy.filter(Boolean).join(' ');\n  return {\n    'data-testid': testId,\n    maxLength: 10,\n    inputMode: 'numeric' as const,\n    autoComplete: 'off',\n    ...(ids ? { 'aria-describedby': ids } : {}),\n  };\n}\n\n/** Props of {@link DayBoundInput}. */\ninterface DayBoundInputProps {\n  label: string;\n  /** The applied bound, `AAAA-MM-DD`, or undefined when this end is open. */\n  value: string | undefined;\n  onChange: (bound: string | undefined) => void;\n  testId: string;\n  /**\n   * Paint the field as rejected. It only ever writes a real day by itself, so\n   * this is for a caller judging the PAIR: a window whose end precedes its\n   * start is two valid days and one impossible period, and the field it was\n   * typed into is the only place to say which half is being complained about.\n   */\n  error?: boolean;\n  /** Id of the element carrying that complaint, so it is read WITH the field. */\n  describedBy?: string;\n  /**\n   * The day mask, which IS the placeholder — so the expected ORDER is on\n   * screen before the first keystroke rather than discovered by getting it\n   * wrong. `dd/mm/aaaa` is one locale's order and one locale's letters.\n   *\n   * A PROP rather than a context read: this field has two callers, and only\n   * one of them is inside DataViews. `DateRangePicker` mounts it standalone\n   * with its own message table, so a context read here throws for every host\n   * of that picker — which is exactly what it did.\n   */\n  mask: string;\n  /**\n   * Said under the field when its eight digits name no day (`31/02/2026`); the\n   * field is then marked invalid and KEEPS the text on blur, so the reader sees\n   * what was refused instead of the old value quietly coming back (FUT-4144).\n   *\n   * Opt-in, because the field ships no words of its own: without it an\n   * impossible day is still never written, and blur still snaps back.\n   */\n  invalidMessage?: string;\n  /**\n   * Take the width of the box it sits in rather than its own 165px. Set where\n   * the pair stands over the range calendar, so the two boxes span the\n   * calendar's width instead of leaving a gap beside them (FUT-4144).\n   */\n  fill?: boolean;\n}\n\n/** What {@link useDayText} hands the field: its text, its verdict and its handlers. */\ninterface DayText {\n  text: string;\n  impossible: boolean;\n  handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  handlePaste: (event: React.ClipboardEvent<HTMLDivElement>) => void;\n  handleBlur: () => void;\n}\n\n/** The typed text of one bound, kept apart from the APPLIED bound it may commit. */\nfunction useDayText(\n  applied: string,\n  mask: string,\n  onChange: (bound: string | undefined) => void,\n  judgesImpossible: boolean,\n): DayText {\n  const [text, setText] = useState(() => isoToMasked(applied, mask));\n  const impossible = judgesImpossible && isImpossibleDay(text, mask);\n\n  // Emptying clears the bound. A COMPLETE day applies it. A partial (or an\n  // impossible) one does NEITHER — it leaves whatever is applied alone, so\n  // typing is never fought and a half-typed year never reaches the backend.\n  const enter = (next: string) => {\n    setText(next);\n    if (next === '') return onChange(undefined);\n    const iso = maskedToIso(next, mask);\n    if (iso) onChange(iso);\n  };\n\n  // The bound is the APPLIED filter; `text` is what is being typed. Re-sync only\n  // when the applied value moved somewhere the text does not already mean — a\n  // \"Limpar\", a saved view, the other pill resetting the pair. Without that\n  // guard the field's own write bounces straight back mid-edit and resets the\n  // caret, which is the native control's worst habit reproduced by hand.\n  //\n  // \"Already means\" is a REAL day equal to the bound, or an empty field for an\n  // open bound. An impossible day parses to `''` too, so a bare comparison let\n  // a \"Limpar\" (applied → `''`) keep `31/02/2026` on screen, red, over a filter\n  // that had just been cleared.\n  useEffect(() => {\n    setText((current) => {\n      const iso = maskedToIso(current, mask);\n      const means = (iso !== '' || current === '') && iso === applied;\n      return means ? current : isoToMasked(applied, mask);\n    });\n  }, [applied, mask]);\n\n  return {\n    text,\n    impossible,\n    handleChange: (event) => enter(readDayText(event.target.value, mask)),\n    // A pasted ISO day REPLACES the field whatever it held: inserted at the\n    // caret into existing digits it would be read as more digits, and the\n    // `maxLength` would cut a padded one before `onChange` ever saw it.\n    handlePaste: (event) => {\n      const pasted = event.clipboardData.getData('text');\n      if (!ISO_DAY.test(pasted)) return;\n      event.preventDefault();\n      enter(readDayText(pasted, mask));\n    },\n    // Leaving a half-typed date on screen would show a filter the list is not\n    // actually using. On blur the field snaps back to what IS applied; a\n    // complete date already equals it, so this only ever tidies. An impossible\n    // day the field is SAYING is impossible stays, with its message: snapping\n    // it back is the silent forgetting FUT-4144 removed.\n    handleBlur: () => {\n      if (!impossible) setText(isoToMasked(applied, mask));\n    },\n  };\n}\n\n/**\n * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's\n * inclusive day comparison already speaks, and the form the chip label reads —\n * so only the typing surface changes.\n */\nexport function DayBoundInput({\n  label,\n  value,\n  onChange,\n  testId,\n  error = false,\n  describedBy,\n  mask,\n  invalidMessage,\n  fill = false,\n}: DayBoundInputProps): React.JSX.Element {\n  const id = useId();\n  const { text, impossible, handleChange, handlePaste, handleBlur } = useDayText(\n    value ?? '',\n    mask,\n    onChange,\n    invalidMessage !== undefined,\n  );\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      id={id}\n      label={label}\n      error={error || impossible}\n      helperText={impossible ? invalidMessage : undefined}\n      placeholder={mask}\n      value={text}\n      onChange={handleChange}\n      onPaste={handlePaste}\n      onBlur={handleBlur}\n      // The placeholder occupies the space an un-shrunk label would render into.\n      InputLabelProps={{ shrink: true }}\n      inputProps={dayInputProps(testId, [impossible ? `${id}-helper-text` : undefined, describedBy])}\n      fullWidth={fill}\n      sx={[{ width: fill ? '100%' : sxRem(165) }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-day-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A day bound as a MASKED `dd/mm/aaaa` text field, replacing `<input type=\"date\">`.\n *\n * The native control is three separate segments wearing one box. Typing a date\n * means filling a segment, being jumped to the next, and starting over — and\n * which segment comes first is the BROWSER's locale, not ours, so the same\n * field reads `dd/mm/aaaa` for one merchant and `mm/dd/yyyy` for the next with\n * nothing in our code saying which. There is no way to type a date as one\n * continuous run of digits, which is how people actually type dates.\n *\n * A mask gives that back: eight digits straight through, separators inserted as\n * you go, backspace walking back through them.\n *\n * Measured, driving both controls in Chromium with the same eight keystrokes\n * (`01072026`, one `keydown` at a time):\n *\n *   native  →  field ends EMPTY, no filter applied, 0 requests\n *   masked  →  field reads `01/07/2026`, filter applied, 1 request\n *\n * The native result is the whole complaint: you type a date and nothing lands.\n *\n * The second half of the fix is WHEN the bound is written. A partially-typed\n * year is itself a valid date — `2026` passes through `0002`, `0020`, `0202` on\n * the way — so committing on every keystroke would send the grid off to fetch\n * years nobody meant. A bound is written only once the text is a WHOLE, real\n * date, which is what keeps the run above at one request rather than four.\n */\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useId, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\nimport { sxRem } from '../../../tokens/relative';\n\n\n/**\n * THE MASK IS THE ORDER, and both halves of this file read it.\n *\n * The placeholder a host supplies (`copy.filters.dayMask` — `dd/mm/aaaa` for\n * pt-BR, `mm/dd/yyyy` for en-US) is not decoration: it tells the reader which\n * segment comes first. Everything below therefore derives the segment order\n * FROM that same string, so the shape on screen and the shape the parser\n * expects cannot disagree.\n *\n * They did disagree, and the failure was silent in the worst direction. The\n * mask/parse pair was hardcoded day-first (the `Br` in the old names was\n * accurate) while the placeholder followed the copy pack — so under `en-US` the\n * field ASKED for `mm/dd/yyyy`, and a reader who typed exactly that got a day\n * of 12 and a month of 31, which is not a date, which commits nothing. No\n * error, no filter, a full list that reads like an answer. The en-US pack's own\n * comment already said the mask \"is the shape that gets a date entered\n * backwards\"; nothing enforced it.\n */\n\n/** What one segment of a mask is, and how many digits it takes. */\ntype DaySegment = 'year' | 'month' | 'day';\nconst SEGMENT_WIDTH: Readonly<Record<DaySegment, number>> = { year: 4, month: 2, day: 2 };\n\n/**\n * The segments a mask asks for, in its own order.\n *\n * Keyed on each token's FIRST letter so one rule covers every spelling a host\n * might use — `aaaa`/`yyyy` for the year, `mm` for the month, `dd`/`tt` for the\n * day. An unreadable mask falls back to day-first rather than throwing: this\n * runs on every keystroke, and a field that renders is recoverable where one\n * that crashes the grid is not.\n */\nfunction segmentsOf(mask: string): readonly DaySegment[] {\n  const tokens = mask.split(/[^A-Za-z]+/).filter(Boolean);\n  if (tokens.length !== 3) return ['day', 'month', 'year'];\n  const segments = tokens.map((token): DaySegment => {\n    const head = token.slice(0, 1).toLowerCase();\n    if (head === 'y' || head === 'a') return 'year';\n    return head === 'm' ? 'month' : 'day';\n  });\n  // A mask naming the same segment twice describes no date. Fall back rather\n  // than build a parser that can never succeed.\n  return new Set(segments).size === 3 ? segments : ['day', 'month', 'year'];\n}\n\n/** The separator the mask uses, defaulting to `/`. */\nconst separatorOf = (mask: string): string => mask.replace(/[A-Za-z]/g, '').slice(0, 1) || '/';\n\n/** `AAAA-MM-DD` (the wire) → the mask's own order (what the reader sees). */\nexport function isoToMasked(iso: string, mask: string): string {\n  const parts = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!parts) return '';\n  const value: Record<DaySegment, string> = {\n    year: parts[1] as string,\n    month: parts[2] as string,\n    day: parts[3] as string,\n  };\n  return segmentsOf(mask)\n    .map((segment) => value[segment])\n    .join(separatorOf(mask));\n}\n\n/**\n * The mask's order → `AAAA-MM-DD`, but ONLY for a day that exists.\n *\n * `31/02/2026` parses fine as three numbers and is not a date, and `Date` would\n * silently roll it into March rather than reject it — so the round trip through\n * UTC is the check: if the month or day comes back changed, the input was not a\n * day.\n */\nexport function maskedToIso(text: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const digits = text.replace(/\\D/g, '');\n  if (digits.length !== 8) return '';\n  const value = {} as Record<DaySegment, string>;\n  let cursor = 0;\n  for (const segment of segments) {\n    value[segment] = digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]);\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  const year = Number(value.year);\n  const month = Number(value.month);\n  const day = Number(value.day);\n  if (year < 1000) return '';\n  const probe = new Date(Date.UTC(year, month - 1, day));\n  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return '';\n  return `${value.year}-${value.month}-${value.day}`;\n}\n\n/**\n * Digits only, capped at the mask's width, with the separators put back as you\n * type.\n *\n * Deriving the whole string from the digits — rather than editing the text in\n * place — is what makes backspace behave. Four digits of `dd/mm/aaaa` render as\n * `06/08`, not `06/08/`, so deleting the first digit of the year removes the\n * trailing separator with it instead of leaving a dead keystroke that changes\n * nothing.\n */\nexport function maskDate(raw: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const separator = separatorOf(mask);\n  const digits = raw.replace(/\\D/g, '').slice(0, 8);\n  const out: string[] = [];\n  let cursor = 0;\n  for (const segment of segments) {\n    if (cursor >= digits.length) break;\n    out.push(digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]));\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  return out.join(separator);\n}\n\n/** A wire day on its own, as a paste or an autofill delivers it: `2026-10-01`. */\nconst ISO_DAY = /^\\s*(\\d{4}-\\d{2}-\\d{2})\\s*$/;\n\n/**\n * What the field shows for whatever arrived — typed, pasted, autofilled.\n *\n * A whole ISO day (`AAAA-MM-DD`) is READ AS THAT DAY and written in the mask's\n * order. Through `maskDate` alone it is eight digits taken day-first, so a\n * pasted `2026-10-01` came out as `20/26/1001` (FUT-4144). Anything else is\n * masked exactly as typing always was, so the typed and pasted forms of one day\n * land on the same text.\n */\nexport function readDayText(raw: string, mask: string): string {\n  const iso = ISO_DAY.exec(raw)?.[1];\n  const masked = iso ? isoToMasked(iso, mask) : '';\n  return masked || maskDate(raw, mask);\n}\n\n/**\n * Whether `text` is a WHOLE day that does not exist — `31/02/2026`. A partial\n * entry is not impossible, only unfinished, and is never flagged.\n */\nexport function isImpossibleDay(text: string, mask: string): boolean {\n  return text.replace(/\\D/g, '').length === 8 && maskedToIso(text, mask) === '';\n}\n\n/**\n * What has to land on the `<input>` itself rather than on the `TextField`.\n *\n * Anything `TextField` does not recognise is spread onto its root `FormControl`\n * div. `inputMode` went up there once: the attribute sat on a non-editable\n * wrapper, meant nothing, and the phone went on offering the letter keyboard\n * for a field that only takes digits (the `dd/mm/aaaa` hint under a QWERTY\n * layout). Only the `<input>` this reaches decides which keypad opens — and the\n * same is true of `aria-describedby`, which on the wrapper points at a\n * description no screen reader will read out for the field.\n *\n * `numeric` and not `tel`: both raise a keypad, but the phone one is a dialler\n * with `+ * #` on it — keys that cannot occur in a date. A paste carrying\n * separators still lands, because the MASK is what filters the text; the keypad\n * only narrows what a thumb can reach for.\n *\n * Autofill off for the same reason: the browser's saved-value strip covers the\n * keypad to suggest names and addresses, none of which are a date, and none of\n * which the mask would keep.\n */\nfunction dayInputProps(testId: string, describedBy: readonly (string | undefined)[]) {\n  const ids = describedBy.filter(Boolean).join(' ');\n  return {\n    'data-testid': testId,\n    maxLength: 10,\n    inputMode: 'numeric' as const,\n    autoComplete: 'off',\n    ...(ids ? { 'aria-describedby': ids } : {}),\n  };\n}\n\n/** Props of {@link DayBoundInput}. */\ninterface DayBoundInputProps {\n  label: string;\n  /** The applied bound, `AAAA-MM-DD`, or undefined when this end is open. */\n  value: string | undefined;\n  onChange: (bound: string | undefined) => void;\n  testId: string;\n  /**\n   * Paint the field as rejected. It only ever writes a real day by itself, so\n   * this is for a caller judging the PAIR: a window whose end precedes its\n   * start is two valid days and one impossible period, and the field it was\n   * typed into is the only place to say which half is being complained about.\n   */\n  error?: boolean;\n  /** Id of the element carrying that complaint, so it is read WITH the field. */\n  describedBy?: string;\n  /**\n   * The day mask, which IS the placeholder — so the expected ORDER is on\n   * screen before the first keystroke rather than discovered by getting it\n   * wrong. `dd/mm/aaaa` is one locale's order and one locale's letters.\n   *\n   * A PROP rather than a context read: this field has two callers, and only\n   * one of them is inside DataViews. `DateRangePicker` mounts it standalone\n   * with its own message table, so a context read here throws for every host\n   * of that picker — which is exactly what it did.\n   */\n  mask: string;\n  /**\n   * Said under the field when its eight digits name no day (`31/02/2026`); the\n   * field is then marked invalid and KEEPS the text on blur, so the reader sees\n   * what was refused instead of the old value quietly coming back (FUT-4144).\n   *\n   * Opt-in, because the field ships no words of its own: without it an\n   * impossible day is still never written, and blur still snaps back.\n   */\n  invalidMessage?: string;\n  /**\n   * Take the width of the box it sits in rather than its own 165px. Set where\n   * the pair stands over the range calendar, so the two boxes span the\n   * calendar's width instead of leaving a gap beside them (FUT-4144).\n   */\n  fill?: boolean;\n  /** Shown, never editable. Default: false. */\n  disabled?: boolean;\n}\n\n/** What {@link useDayText} hands the field: its text, its verdict and its handlers. */\ninterface DayText {\n  text: string;\n  impossible: boolean;\n  handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  handlePaste: (event: React.ClipboardEvent<HTMLDivElement>) => void;\n  handleBlur: () => void;\n}\n\n/** The typed text of one bound, kept apart from the APPLIED bound it may commit. */\nfunction useDayText(\n  applied: string,\n  mask: string,\n  onChange: (bound: string | undefined) => void,\n  judgesImpossible: boolean,\n): DayText {\n  const [text, setText] = useState(() => isoToMasked(applied, mask));\n  const impossible = judgesImpossible && isImpossibleDay(text, mask);\n\n  // Emptying clears the bound. A COMPLETE day applies it. A partial (or an\n  // impossible) one does NEITHER — it leaves whatever is applied alone, so\n  // typing is never fought and a half-typed year never reaches the backend.\n  const enter = (next: string) => {\n    setText(next);\n    if (next === '') return onChange(undefined);\n    const iso = maskedToIso(next, mask);\n    if (iso) onChange(iso);\n  };\n\n  // The bound is the APPLIED filter; `text` is what is being typed. Re-sync only\n  // when the applied value moved somewhere the text does not already mean — a\n  // \"Limpar\", a saved view, the other pill resetting the pair. Without that\n  // guard the field's own write bounces straight back mid-edit and resets the\n  // caret, which is the native control's worst habit reproduced by hand.\n  //\n  // \"Already means\" is a REAL day equal to the bound, or an empty field for an\n  // open bound. An impossible day parses to `''` too, so a bare comparison let\n  // a \"Limpar\" (applied → `''`) keep `31/02/2026` on screen, red, over a filter\n  // that had just been cleared.\n  useEffect(() => {\n    setText((current) => {\n      const iso = maskedToIso(current, mask);\n      const means = (iso !== '' || current === '') && iso === applied;\n      return means ? current : isoToMasked(applied, mask);\n    });\n  }, [applied, mask]);\n\n  return {\n    text,\n    impossible,\n    handleChange: (event) => enter(readDayText(event.target.value, mask)),\n    // A pasted ISO day REPLACES the field whatever it held: inserted at the\n    // caret into existing digits it would be read as more digits, and the\n    // `maxLength` would cut a padded one before `onChange` ever saw it.\n    handlePaste: (event) => {\n      const pasted = event.clipboardData.getData('text');\n      if (!ISO_DAY.test(pasted)) return;\n      event.preventDefault();\n      enter(readDayText(pasted, mask));\n    },\n    // Leaving a half-typed date on screen would show a filter the list is not\n    // actually using. On blur the field snaps back to what IS applied; a\n    // complete date already equals it, so this only ever tidies. An impossible\n    // day the field is SAYING is impossible stays, with its message: snapping\n    // it back is the silent forgetting FUT-4144 removed.\n    handleBlur: () => {\n      if (!impossible) setText(isoToMasked(applied, mask));\n    },\n  };\n}\n\n/**\n * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's\n * inclusive day comparison already speaks, and the form the chip label reads —\n * so only the typing surface changes.\n */\nexport function DayBoundInput({\n  label,\n  value,\n  onChange,\n  testId,\n  error = false,\n  describedBy,\n  mask,\n  invalidMessage,\n  fill = false,\n  disabled = false,\n}: DayBoundInputProps): React.JSX.Element {\n  const id = useId();\n  const { text, impossible, handleChange, handlePaste, handleBlur } = useDayText(\n    value ?? '',\n    mask,\n    onChange,\n    invalidMessage !== undefined,\n  );\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      id={id}\n      label={label}\n      error={error || impossible}\n      helperText={impossible ? invalidMessage : undefined}\n      placeholder={mask}\n      disabled={disabled}\n      value={text}\n      onChange={handleChange}\n      onPaste={handlePaste}\n      onBlur={handleBlur}\n      // The placeholder occupies the space an un-shrunk label would render into.\n      InputLabelProps={{ shrink: true }}\n      inputProps={dayInputProps(testId, [impossible ? `${id}-helper-text` : undefined, describedBy])}\n      fullWidth={fill}\n      sx={[{ width: fill ? '100%' : sxRem(165) }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-KF3Q3C3P.js → chunk-VGIBWJ72.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   modeInk,
   neutralTones
@@ -217,4 +217,4 @@ Code.displayName = "Code";
 export {
   Code
 };
-//# sourceMappingURL=chunk-KF3Q3C3P.js.map
+//# sourceMappingURL=chunk-VGIBWJ72.js.map

package/dist/{chunk-I54YFYBS.js → chunk-VMACQT3T.js}

@@ -1,9 +1,9 @@
 import {
   Sheet
-} from "./chunk-XTYBJAZG.js";
+} from "./chunk-7TENMQNQ.js";
 import {
   Dialog
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-KWBMM6MJ.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-I54YFYBS.js.map
+//# sourceMappingURL=chunk-VMACQT3T.js.map

package/dist/{chunk-XOXXG7Q5.js → chunk-VWKMN3ZZ.js}

@@ -135,7 +135,8 @@ var EN_US_UI_LABELS = {
     divider: "or"
   },
   dateRangePicker: {
-    calendar: "Calendar"
+    calendar: "Calendar",
+    openEnded: "No end date."
   },
   calendar: {
     chooseMonth: (month) => `${month}, choose month`,
@@ -150,4 +151,4 @@ var EN_US_UI_LABELS = {
 export {
   EN_US_UI_LABELS
 };
-//# sourceMappingURL=chunk-XOXXG7Q5.js.map
+//# sourceMappingURL=chunk-VWKMN3ZZ.js.map

package/dist/{chunk-XOXXG7Q5.js.map → chunk-VWKMN3ZZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/en-US.labels.ts"],"sourcesContent":["/**\n * The en-US labels pack — and, unlike the other en-US packs, the components'\n * own fallback: each `labels` prop is optional, and this is what a host that\n * passes nothing has always rendered, kept word for word (including the\n * lower-case `close`/`loading` names tests already query by).\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const EN_US_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"loading\",\n    close: \"close\",\n    delete: \"delete\",\n  },\n  stepper: {\n    step: (position, label) => `Step ${position}: ${label}`,\n    optional: \"optional\",\n    completed: \"completed\",\n    current: \"current\",\n  },\n  timeline: {\n    expandDetails: \"Expand item details\",\n    collapseDetails: \"Collapse item details\",\n    item: (title) => `Timeline item: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (loading)`,\n    fallbackAlt: (alt) => `${alt} (fallback)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} more`,\n  },\n  richTextEditor: {\n    placeholder: \"Start typing...\",\n    ariaLabel: \"Rich text editor\",\n    listItem: \"List item\",\n    bold: \"Bold\",\n    italic: \"Italic\",\n    underline: \"Underline\",\n    strikethrough: \"Strikethrough\",\n    numberedList: \"Numbered List\",\n    bulletedList: \"Bulleted List\",\n    insertLink: \"Insert Link\",\n    insertImage: \"Insert Image\",\n    codeBlock: \"Code Block\",\n    quote: \"Quote\",\n    linkPrompt: \"Enter URL:\",\n    imagePrompt: \"Enter image URL:\",\n  },\n  table: {\n    sortBy: (header) => `Sort by ${header}`,\n    selectRow: (rowNumber) => `select row ${rowNumber}`,\n    selectAllRows: \"select all\",\n  },\n  code: {\n    copy: \"Copy code\",\n    copied: \"Copied!\",\n  },\n  contentToolbar: {\n    gridView: \"Grid View\",\n    listView: \"List View\",\n    openFilters: \"Open filters\",\n    closeFilters: \"Close filters\",\n    filters: \"Filters\",\n    all: \"All\",\n    search: \"Search…\",\n    noResults: \"No results\",\n  },\n  dashboard: {\n    breadcrumb: \"breadcrumb\",\n    moreFilters: \"More filters\",\n  },\n  navigationMenu: {\n    collapse: \"Collapse\",\n    expand: \"Expand\",\n  },\n  workflowStep: {\n    step: (position, title) => `Step ${position}: ${title}`,\n    progress: (position, total) => `Step ${position} of ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancel\",\n    confirm: \"Confirm\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Refresh\",\n    create: \"Create New\",\n  },\n  errorState: {\n    retry: \"Retry\",\n  },\n  loadingState: {\n    skeleton: \"Loading content\",\n    spinner: \"Loading\",\n  },\n  stackedModal: {\n    loading: \"Loading...\",\n  },\n  command: {\n    placeholder: \"Type a command or search...\",\n    empty: \"No results found\",\n    loading: \"Loading...\",\n  },\n  formErrorSnackbar: {\n    message: \"Please fix the highlighted fields and try again.\",\n  },\n  columnsMenu: {\n    title: \"Columns\",\n    toggle: \"Toggle columns\",\n  },\n  drawer: {\n    close: \"Close drawer\",\n  },\n  settingsLayout: {\n    navigation: \"Settings\",\n    searchPlaceholder: \"Search settings\",\n    emptySearch: \"No settings match your search.\",\n    back: \"Back\",\n  },\n  tableFilter: {\n    filters: \"Filters\",\n    keywordPlaceholder: \"Press Enter to filter\",\n    keywordLabel: \"Filter by keyword\",\n  },\n  appHeader: {\n    disclose: (title) => `${title} details`,\n  },\n  breadcrumbs: {\n    navigation: \"breadcrumb navigation\",\n  },\n  animatedIcon: {\n    name: (variant) => `Animated ${variant} icon`,\n  },\n  infiniteScroll: {\n    loadFailed: \"An error occurred while loading more items\",\n  },\n  socialLogin: {\n    title: \"Sign in to continue\",\n    divider: \"or\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendar\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, choose month`,\n    chooseYear: (year) => `${year}, choose year`,\n    previousMonth: \"Previous month\",\n    nextMonth: \"Next month\",\n    months: \"Months\",\n    years: \"Years\",\n  },\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/en-US.labels.ts"],"sourcesContent":["/**\n * The en-US labels pack — and, unlike the other en-US packs, the components'\n * own fallback: each `labels` prop is optional, and this is what a host that\n * passes nothing has always rendered, kept word for word (including the\n * lower-case `close`/`loading` names tests already query by).\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const EN_US_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"loading\",\n    close: \"close\",\n    delete: \"delete\",\n  },\n  stepper: {\n    step: (position, label) => `Step ${position}: ${label}`,\n    optional: \"optional\",\n    completed: \"completed\",\n    current: \"current\",\n  },\n  timeline: {\n    expandDetails: \"Expand item details\",\n    collapseDetails: \"Collapse item details\",\n    item: (title) => `Timeline item: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (loading)`,\n    fallbackAlt: (alt) => `${alt} (fallback)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} more`,\n  },\n  richTextEditor: {\n    placeholder: \"Start typing...\",\n    ariaLabel: \"Rich text editor\",\n    listItem: \"List item\",\n    bold: \"Bold\",\n    italic: \"Italic\",\n    underline: \"Underline\",\n    strikethrough: \"Strikethrough\",\n    numberedList: \"Numbered List\",\n    bulletedList: \"Bulleted List\",\n    insertLink: \"Insert Link\",\n    insertImage: \"Insert Image\",\n    codeBlock: \"Code Block\",\n    quote: \"Quote\",\n    linkPrompt: \"Enter URL:\",\n    imagePrompt: \"Enter image URL:\",\n  },\n  table: {\n    sortBy: (header) => `Sort by ${header}`,\n    selectRow: (rowNumber) => `select row ${rowNumber}`,\n    selectAllRows: \"select all\",\n  },\n  code: {\n    copy: \"Copy code\",\n    copied: \"Copied!\",\n  },\n  contentToolbar: {\n    gridView: \"Grid View\",\n    listView: \"List View\",\n    openFilters: \"Open filters\",\n    closeFilters: \"Close filters\",\n    filters: \"Filters\",\n    all: \"All\",\n    search: \"Search…\",\n    noResults: \"No results\",\n  },\n  dashboard: {\n    breadcrumb: \"breadcrumb\",\n    moreFilters: \"More filters\",\n  },\n  navigationMenu: {\n    collapse: \"Collapse\",\n    expand: \"Expand\",\n  },\n  workflowStep: {\n    step: (position, title) => `Step ${position}: ${title}`,\n    progress: (position, total) => `Step ${position} of ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancel\",\n    confirm: \"Confirm\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Refresh\",\n    create: \"Create New\",\n  },\n  errorState: {\n    retry: \"Retry\",\n  },\n  loadingState: {\n    skeleton: \"Loading content\",\n    spinner: \"Loading\",\n  },\n  stackedModal: {\n    loading: \"Loading...\",\n  },\n  command: {\n    placeholder: \"Type a command or search...\",\n    empty: \"No results found\",\n    loading: \"Loading...\",\n  },\n  formErrorSnackbar: {\n    message: \"Please fix the highlighted fields and try again.\",\n  },\n  columnsMenu: {\n    title: \"Columns\",\n    toggle: \"Toggle columns\",\n  },\n  drawer: {\n    close: \"Close drawer\",\n  },\n  settingsLayout: {\n    navigation: \"Settings\",\n    searchPlaceholder: \"Search settings\",\n    emptySearch: \"No settings match your search.\",\n    back: \"Back\",\n  },\n  tableFilter: {\n    filters: \"Filters\",\n    keywordPlaceholder: \"Press Enter to filter\",\n    keywordLabel: \"Filter by keyword\",\n  },\n  appHeader: {\n    disclose: (title) => `${title} details`,\n  },\n  breadcrumbs: {\n    navigation: \"breadcrumb navigation\",\n  },\n  animatedIcon: {\n    name: (variant) => `Animated ${variant} icon`,\n  },\n  infiniteScroll: {\n    loadFailed: \"An error occurred while loading more items\",\n  },\n  socialLogin: {\n    title: \"Sign in to continue\",\n    divider: \"or\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendar\",\n    openEnded: \"No end date.\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, choose month`,\n    chooseYear: (year) => `${year}, choose year`,\n    previousMonth: \"Previous month\",\n    nextMonth: \"Next month\",\n    months: \"Months\",\n    years: \"Years\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-EXEBN5ZP.js → chunk-W56KN53D.js}

@@ -1,20 +1,20 @@
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
-} from "./chunk-7XSCEHGA.js";
+} from "./chunk-EOQ6EKTS.js";
 import {
   BORDER_WIDTH,
   GROUP_HOVER,
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-6ZZGK5DT.js";
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -193,4 +193,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-EXEBN5ZP.js.map
+//# sourceMappingURL=chunk-W56KN53D.js.map

package/dist/{chunk-KURE5R7Z.js → chunk-WGK7VNCO.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -109,4 +109,4 @@ export {
   narrowDialog,
   AlertDialogFooter
 };
-//# sourceMappingURL=chunk-KURE5R7Z.js.map
+//# sourceMappingURL=chunk-WGK7VNCO.js.map

package/dist/{chunk-UIS3E72B.js → chunk-WK577LQL.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-PJDAZG65.js";
+} from "./chunk-XA5ES25V.js";
 import {
   QuickRow
 } from "./chunk-AT6UKTH4.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
-} from "./chunk-IS3L67TF.js";
+} from "./chunk-FW5GTAUY.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -278,4 +278,4 @@ export {
   clearTargetSx,
   MoreGroup
 };
-//# sourceMappingURL=chunk-UIS3E72B.js.map
+//# sourceMappingURL=chunk-WK577LQL.js.map

package/dist/{chunk-G3WG77QY.js → chunk-WN6LR4HX.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-3ZRK3BRN.js";
+} from "./chunk-UXYCBPCE.js";
 import {
   getMonthName
 } from "./chunk-QWOI5BZV.js";
@@ -29,7 +29,17 @@ var MONTH_SX = {
   minWidth: 0,
   maxWidth: sxRem(304)
 };
-var MonthNavHeader = ({ title, showPrevious, showNext, labels, onPreviousMonth, onNextMonth }) => /* @__PURE__ */ jsxs(
+var monthSx = (fullWidth) => fullWidth ? FILL_MONTH_SX : MONTH_SX;
+var FILL_MONTH_SX = {
+  flex: (theme) => `1 1 ${rem(theme, 280)}`,
+  minWidth: 0,
+  maxWidth: "none"
+};
+var captionOf = (monthName, locale) => {
+  const [first = "", ...rest] = [...monthName];
+  return `${first.toLocaleUpperCase(locale)}${rest.join("")}`;
+};
+var MonthNavHeader = ({ title, showPrevious, showNext, labels, disabled, onPreviousMonth, onNextMonth }) => /* @__PURE__ */ jsxs(
   Box,
   {
     sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 },
@@ -39,6 +49,7 @@ var MonthNavHeader = ({ title, showPrevious, showNext, labels, onPreviousMonth,
         IconButton,
         {
           onClick: onPreviousMonth,
+          disabled,
           size: "small",
           "aria-label": labels?.previousMonth,
           "data-testid": "calendar-prev-month",
@@ -58,6 +69,7 @@ var MonthNavHeader = ({ title, showPrevious, showNext, labels, onPreviousMonth,
         IconButton,
         {
           onClick: onNextMonth,
+          disabled,
           size: "small",
           "aria-label": labels?.nextMonth,
           "data-testid": "calendar-next-month",
@@ -107,19 +119,19 @@ var CalendarMonth = ({
   weekdayNames,
   renderHeader,
   labels,
+  navigationDisabled = false,
   onPreviousMonth,
   onNextMonth,
   dayContext
 }) => {
-  const monthName = getMonthName(matrix.month, matrix.year, locale);
-  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;
+  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : captionOf(getMonthName(matrix.month, matrix.year, locale), locale);
   return (
     /* The month is addressable by its position, because in a multi-month
        calendar every day number appears once PER MONTH — `calendar-date-5` is
        January's 5th and February's. Without a per-month hook a test can only
        reach a day positionally, which is exactly what the flakiness gate
        refuses. Additive: `calendar-grid` below is unchanged. */
-    /* @__PURE__ */ jsxs(Box, { sx: MONTH_SX, "data-testid": `calendar-month-${monthIndex}`, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: monthSx(dayContext.fullWidth), "data-testid": `calendar-month-${monthIndex}`, children: [
       /* @__PURE__ */ jsx(
         MonthNavHeader,
         {
@@ -127,6 +139,7 @@ var CalendarMonth = ({
           showPrevious: monthIndex === 0,
           showNext: monthIndex === monthsToShow - 1,
           labels,
+          disabled: navigationDisabled,
           onPreviousMonth,
           onNextMonth
         }
@@ -146,7 +159,9 @@ var CalendarMonth = ({
 
 export {
   MONTH_SX,
+  monthSx,
+  captionOf,
   MonthDays,
   CalendarMonth
 };
-//# sourceMappingURL=chunk-G3WG77QY.js.map
+//# sourceMappingURL=chunk-WN6LR4HX.js.map

package/dist/chunk-WN6LR4HX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarMonth.tsx"],"sourcesContent":["import ChevronLeft from '@mui/icons-material/ChevronLeft';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport type { CalendarLabels } from '../../../copy/labels';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport { rem, sxRem } from '../../../tokens/relative';\n\nimport { getMonthName } from './Calendar.dates';\nimport type { CalendarProps, MonthMatrix } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarDayCell } from './CalendarDayCell';\n\n/** The nav spacer's width and the weekday row's height, 32 design px through the type scale. */\nconst SPACER_WIDTH = sxRem(32);\n\n// `minmax(0, 1fr)`, not `1fr`: a bare `1fr` keeps each column at least its\n// content's width, which is what held the grid at 304px (FUT-3861). No column\n// gap: a selected range is one band across the days, and a gap cut it into\n// tiles (FUT-4162). Rows keep theirs. Items centre in their column: the built-in\n// day stretches across it, a host's `renderDay` cell sits in its middle.\nconst GRID_SX = {\n  display: 'grid',\n  justifyItems: 'center',\n  gridTemplateColumns: 'repeat(7, minmax(0, 1fr))',\n  columnGap: 0,\n  rowGap: 0.5,\n} as const;\n\n/**\n * A month takes the room it is given, from nothing up to seven full columns\n * (304 design px: what 7 × 40 cells and 6 × 4 gaps came to before the gaps\n * went, FUT-4162). Months side by side keep a 280 basis,\n * so a multi-month calendar still wraps rather than squeezing every month.\n * The basis is a theme callback: `sxRem` interpolated into the string wrote a\n * function's source, and Emotion's whole `flex` was dropped (FUT-4486).\n */\nexport const MONTH_SX = {\n  flex: (theme: Theme) => `1 1 ${rem(theme, 280)}`,\n  minWidth: 0,\n  maxWidth: sxRem(304),\n} as const;\n\n/**\n * A filling month (`fullWidth`) drops the 304 ceiling and takes its share of\n * the row; its columns spread, its day faces do not grow (`CalendarDay`).\n */\nexport const monthSx = (fullWidth: boolean) => (fullWidth ? FILL_MONTH_SX : MONTH_SX);\n\n/**\n * The basis as a theme function: interpolated into a string, `sxRem` is a\n * function and the whole `flex` value is dropped as invalid CSS. A filling\n * month's cells have no intrinsic width to fall back on, so it must grow.\n */\nconst FILL_MONTH_SX = {\n  flex: (theme: Theme) => `1 1 ${rem(theme, 280)}`,\n  minWidth: 0,\n  maxWidth: 'none',\n} as const;\n\n/**\n * The caption as a title: its first letter upper-cased in the calendar's own\n * language (\"novembro de 2026\" → \"Novembro de 2026\"), as a heading reads in\n * pt-BR; `Intl` writes month names lower-case there. The caption only — the\n * grid's name and a day's name keep `Intl`'s words, which a sentence quotes.\n */\nexport const captionOf = (monthName: string, locale: string): string => {\n  const [first = '', ...rest] = [...monthName];\n  return `${first.toLocaleUpperCase(locale)}${rest.join('')}`;\n};\n\n/** The two arrows' accessible names; an icon alone names nothing. */\nexport type MonthArrowLabels = Pick<CalendarLabels, 'previousMonth' | 'nextMonth'>;\n\n// Only the outermost months carry arrows; the ones between get a spacer so their\n// titles stay centred.\nconst MonthNavHeader: FC<{\n  title: React.ReactNode;\n  showPrevious: boolean;\n  showNext: boolean;\n  labels?: MonthArrowLabels;\n  disabled: boolean;\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, labels, disabled, onPreviousMonth, onNextMonth }) => (\n  <Box\n    sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}\n    data-testid=\"calendar-header\"\n  >\n    {showPrevious && (\n      <IconButton\n        onClick={onPreviousMonth}\n        disabled={disabled}\n        size=\"small\"\n        aria-label={labels?.previousMonth}\n        data-testid=\"calendar-prev-month\"\n      >\n        <ChevronLeft />\n      </IconButton>\n    )}\n\n    <Typography\n      variant=\"h6\"\n      component=\"h2\"\n      sx={{ fontWeight: 'bold', flex: 1, textAlign: 'center' }}\n    >\n      {title}\n    </Typography>\n\n    {showNext && (\n      <IconButton\n        onClick={onNextMonth}\n        disabled={disabled}\n        size=\"small\"\n        aria-label={labels?.nextMonth}\n        data-testid=\"calendar-next-month\"\n      >\n        <ChevronRight />\n      </IconButton>\n    )}\n\n    {!showPrevious && !showNext && <Box sx={{ width: SPACER_WIDTH }} />}\n  </Box>\n);\n\nconst WeekdayHeader: FC<{ weekdayNames: string[] }> = ({ weekdayNames }) => (\n  <Box sx={{ ...GRID_SX, mb: 1 }}>\n    {weekdayNames.map((weekday, index) => (\n      <Box\n        // Narrow weekday names repeat within a week ('S', 'T'), so position is\n        // the only stable key here.\n        key={`weekday-${index}`}\n        role=\"columnheader\"\n        data-testid={`calendar-weekday-${index}`}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: SPACER_WIDTH,\n          fontSize: sxRem(14),\n          fontWeight: 'bold',\n          color: 'text.secondary',\n        }}\n      >\n        {weekday}\n      </Box>\n    ))}\n  </Box>\n);\n\n/** The weekday row and the day grid under a month's caption. */\nexport const MonthDays: FC<{\n  matrix: MonthMatrix;\n  monthIndex: number;\n  weekdayNames: string[];\n  dayContext: DayCellContext;\n}> = ({ matrix, weekdayNames, dayContext }) => (\n  <>\n    <WeekdayHeader weekdayNames={weekdayNames} />\n\n    <Box\n      role=\"grid\"\n      // Named by its month in words. It pointed at an id nothing carried, so\n      // the grid had no name at all and a two-month calendar read as two\n      // anonymous grids.\n      aria-label={getMonthName(matrix.month, matrix.year, dayContext.locale)}\n      data-testid=\"calendar-grid\"\n      sx={GRID_SX}\n    >\n      {matrix.weeks.flat().map((day) => (\n        <CalendarDayCell key={day.key} day={day} {...dayContext} />\n      ))}\n    </Box>\n  </>\n);\n\nexport interface CalendarMonthProps {\n  matrix: MonthMatrix;\n  monthIndex: number;\n  monthsToShow: number;\n  locale: string;\n  weekdayNames: string[];\n  renderHeader?: CalendarProps['renderHeader'];\n  /** The arrows' accessible names. */\n  labels?: MonthArrowLabels;\n  /** `CalendarProps.navigationDisabled`. */\n  navigationDisabled?: boolean;\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n  dayContext: DayCellContext;\n}\n\nexport const CalendarMonth: FC<CalendarMonthProps> = ({\n  matrix,\n  monthIndex,\n  monthsToShow,\n  locale,\n  weekdayNames,\n  renderHeader,\n  labels,\n  navigationDisabled = false,\n  onPreviousMonth,\n  onNextMonth,\n  dayContext,\n}) => {\n  const title = renderHeader\n    ? renderHeader({ month: matrix.month, year: matrix.year })\n    : captionOf(getMonthName(matrix.month, matrix.year, locale), locale);\n\n  return (\n    /* The month is addressable by its position, because in a multi-month\n       calendar every day number appears once PER MONTH — `calendar-date-5` is\n       January's 5th and February's. Without a per-month hook a test can only\n       reach a day positionally, which is exactly what the flakiness gate\n       refuses. Additive: `calendar-grid` below is unchanged. */\n    <Box sx={monthSx(dayContext.fullWidth)} data-testid={`calendar-month-${monthIndex}`}>\n      <MonthNavHeader\n        title={title}\n        showPrevious={monthIndex === 0}\n        showNext={monthIndex === monthsToShow - 1}\n        labels={labels}\n        disabled={navigationDisabled}\n        onPreviousMonth={onPreviousMonth}\n        onNextMonth={onNextMonth}\n      />\n\n      <MonthDays\n        matrix={matrix}\n        monthIndex={monthIndex}\n        weekdayNames={weekdayNames}\n        dayContext={dayContext}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-LLPPIO3K.js → chunk-WNTXHLVJ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6A4PTK5Q.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   fieldTextFieldStyles
 } from "./chunk-RGVNXES5.js";
@@ -278,4 +278,4 @@ function MenuClearFooter({
 export {
   MultiSelectDropdown
 };
-//# sourceMappingURL=chunk-LLPPIO3K.js.map
+//# sourceMappingURL=chunk-WNTXHLVJ.js.map

package/dist/{chunk-PEVBSNCD.js → chunk-WPRQPKLV.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -54,4 +54,4 @@ export {
   DefaultError,
   containerStyles
 };
-//# sourceMappingURL=chunk-PEVBSNCD.js.map
+//# sourceMappingURL=chunk-WPRQPKLV.js.map

package/dist/{chunk-C347NNZJ.js → chunk-WVCHMTPG.js}

@@ -1,6 +1,6 @@
 import {
   applyFormatToRange
-} from "./chunk-4QGMUHAU.js";
+} from "./chunk-BWNZVMBT.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.hooks.ts
 import DOMPurify from "dompurify";
@@ -129,4 +129,4 @@ var useRichTextEditor = ({
 export {
   useRichTextEditor
 };
-//# sourceMappingURL=chunk-C347NNZJ.js.map
+//# sourceMappingURL=chunk-WVCHMTPG.js.map

package/dist/{chunk-CSD6SWBZ.js → chunk-WYNGH2WL.js}

@@ -1,3 +1,8 @@
+import {
+  DiscloseSlot,
+  DragSlot,
+  SelectSlot
+} from "./chunk-QO7UJXXO.js";
 import {
   useDisclosure
 } from "./chunk-2JCRNWHE.js";
@@ -5,11 +10,6 @@ import {
   StandaloneContainer,
   useRowLayout
 } from "./chunk-E6K2UZGR.js";
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-QO7UJXXO.js";
 import {
   actionProps,
   metaShape,
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-CSD6SWBZ.js.map
+//# sourceMappingURL=chunk-WYNGH2WL.js.map

package/dist/{chunk-4L54KUZV.js → chunk-X5GCAXZS.js}

@@ -2,7 +2,7 @@ import {
   bandColor,
   endpointFill,
   endpointHoverFill
-} from "./chunk-H2UUMZQR.js";
+} from "./chunk-3PWDVJWD.js";
 import {
   rem,
   sxRem
@@ -13,6 +13,7 @@ import Box from "@mui/material/Box/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var COLUMN_SIZE = sxRem(304 / 7);
 var CELL_RATIO = "38 / 35";
+var NTH_CHILD_IS_SAFE = " /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
 var CLASS_FLAGS = [
   ["selected", "selected"],
   ["inRange", "in-range"],
@@ -40,9 +41,9 @@ var inDirection = (band, theme) => {
   return band === "after" ? "before" : "after";
 };
 var faceBackgroundFor = (day) => isEndpoint(day) ? endpointFill : "transparent";
-var colorFor = (day, visible) => {
+var colorFor = (day, visible, locked) => {
   if (isEndpoint(day)) return "primary.contrastText";
-  if (day.disabled) return "text.disabled";
+  if (day.disabled) return locked && day.inRange ? "text.secondary" : "text.disabled";
   if (!visible) return "transparent";
   return "text.primary";
 };
@@ -51,7 +52,19 @@ var hoverBackgroundFor = (day) => {
   return isEndpoint(day) ? endpointHoverFill : "action.hover";
 };
 var BAND_RADIUS = "50%";
-var dayCellSx = (day, band, visible) => ({
+var capRadius = (side, fill) => {
+  const radius = fill ? FILL_CAP_RADIUS : BAND_RADIUS;
+  return side === "start" ? { borderStartStartRadius: radius, borderEndStartRadius: radius } : { borderStartEndRadius: radius, borderEndEndRadius: radius };
+};
+var todayRingFor = (day, ring) => ring && day.today && !isEndpoint(day) ? (
+  // A disabled today keeps its ring in the disabled ink, like its number:
+  // a primary ring on a dead grid reads as the one live day (round 6).
+  (theme) => `inset 0 0 0 ${rem(theme, 1.5)} ${day.disabled ? theme.palette.text.disabled : theme.palette.primary.main}`
+) : void 0;
+var FILL_CELL_HEIGHT = sxRem(40);
+var FILL_CAP_RADIUS = sxRem(20);
+var cellSize = (fill) => fill ? { width: "100%", maxWidth: "100%", height: FILL_CELL_HEIGHT, justifySelf: "stretch" } : { width: COLUMN_SIZE, maxWidth: "100%", aspectRatio: CELL_RATIO, justifySelf: "stretch" };
+var dayCellSx = (day, band, visible, ring, fill, locked) => ({
   position: "relative",
   isolation: "isolate",
   display: "flex",
@@ -61,24 +74,27 @@ var dayCellSx = (day, band, visible) => ({
   // now that the seven columns carry no gap between them; `maxWidth` and the
   // column's `minmax(0, 1fr)` let it give way below that, and the ratio keeps
   // it 40 tall at full size and shrinking with it.
-  width: COLUMN_SIZE,
-  maxWidth: "100%",
-  aspectRatio: CELL_RATIO,
-  justifySelf: "stretch",
+  ...cellSize(fill),
   boxSizing: "border-box",
   padding: 0,
   border: "none",
   background: "none",
   backgroundImage: band === "none" ? "none" : (theme) => BAND_IMAGE[inDirection(band, theme)](bandColor(theme)),
   cursor: day.disabled ? "not-allowed" : "pointer",
-  color: colorFor(day, visible),
+  color: colorFor(day, visible, locked),
   opacity: !day.inCurrentMonth && visible ? 0.5 : 1,
   fontWeight: day.today || isEndpoint(day) ? "bold" : "normal",
   // `nth-child`, counting every cell of the week: a hidden outside day is an
   // inert `span` placeholder (FUT-4144), and `nth-of-type` counted only the
   // buttons, so the caps landed mid-week in a month with hidden outside days.
-  "&:nth-child(7n + 1)": { borderStartStartRadius: BAND_RADIUS, borderEndStartRadius: BAND_RADIUS },
-  "&:nth-child(7n)": { borderStartEndRadius: BAND_RADIUS, borderEndEndRadius: BAND_RADIUS },
+  //
+  // Emotion warns on `:nth-child` in development, because a server render can
+  // put its style tag between the cells and shift the count. The calendar is
+  // never server-rendered into that position, and every screen that showed one
+  // printed the warning as a console error (FUT-4156), so the selectors carry
+  // Emotion's own opt-out flag.
+  [`&:nth-child(7n + 1)${NTH_CHILD_IS_SAFE}`]: capRadius("start", fill),
+  [`&:nth-child(7n)${NTH_CHILD_IS_SAFE}`]: capRadius("end", fill),
   "&::before": {
     content: '""',
     position: "absolute",
@@ -90,13 +106,15 @@ var dayCellSx = (day, band, visible) => ({
     aspectRatio: "1 / 1",
     maxWidth: "100%",
     borderRadius: "50%",
-    backgroundColor: faceBackgroundFor(day)
+    backgroundColor: faceBackgroundFor(day),
+    boxShadow: todayRingFor(day, ring)
   },
   "&:hover::before": {
     backgroundColor: hoverBackgroundFor(day)
   },
   "&:focus": { outline: "none" },
-  "&:focus::before": {
+  // Keyboard focus only: a tapped day is already marked by what the tap did.
+  "&:focus-visible::before": {
     outline: (theme) => `${rem(theme, 2)} solid`,
     outlineColor: "primary.main",
     outlineOffset: sxRem(1)
@@ -109,6 +127,9 @@ var CalendarDay = ({
   band,
   focused,
   showOutsideDays,
+  todayRing = false,
+  fullWidth,
+  locked,
   dayClassName,
   onSelect,
   onHover,
@@ -123,7 +144,7 @@ var CalendarDay = ({
         component: "span",
         "aria-hidden": "true",
         "data-testid": "calendar-outside-placeholder",
-        sx: { width: COLUMN_SIZE, maxWidth: "100%", aspectRatio: CELL_RATIO, justifySelf: "stretch" }
+        sx: cellSize(fullWidth === true)
       }
     );
   }
@@ -131,6 +152,7 @@ var CalendarDay = ({
     Box,
     {
       component: "button",
+      type: "button",
       role: "gridcell",
       tabIndex: focused ? 0 : -1,
       "aria-selected": day.selected,
@@ -143,7 +165,7 @@ var CalendarDay = ({
       onClick: () => onSelect(day.date),
       onMouseEnter: () => onHover(day.date),
       onMouseLeave: onHoverEnd,
-      sx: dayCellSx(day, band, visible),
+      sx: dayCellSx(day, band, visible, todayRing, fullWidth === true, locked === true),
       children: [
         day.selected && /* @__PURE__ */ jsx(Box, { component: "span", "data-testid": "calendar-selected-date", sx: { display: "none" } }),
         day.today && /* @__PURE__ */ jsx(Box, { component: "span", "data-testid": "calendar-today", sx: { display: "none" } }),
@@ -156,4 +178,4 @@ var CalendarDay = ({
 export {
   CalendarDay
 };
-//# sourceMappingURL=chunk-4L54KUZV.js.map
+//# sourceMappingURL=chunk-X5GCAXZS.js.map

package/dist/chunk-X5GCAXZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarDay.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { rem, sxRem } from '../../../tokens/relative';\n\nimport type { DayBand } from './Calendar.band';\nimport { bandColor, endpointFill, endpointHoverFill } from './Calendar.band';\nimport type { DayRenderArgs } from './Calendar.types';\n\n/**\n * A column's width: the 304 design px a month asked for when its seven 40px\n * cells sat 4px apart, shared by seven columns that now touch (FUT-4162). The\n * cell fills its column up to this size, so the month shrinks with its\n * container instead of holding a fixed 304px floor (FUT-3861).\n */\nconst COLUMN_SIZE = sxRem(304 / 7);\n\n/** 304/7 wide to 40 tall: the day's face is a 40 design px circle at full size. */\nconst CELL_RATIO = '38 / 35';\n\n/** Emotion's documented flag for a positional selector known safe here. */\nconst NTH_CHILD_IS_SAFE =\n  ' /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */';\n\ninterface DayState extends DayRenderArgs {\n  outside: boolean;\n  focused: boolean;\n}\n\n// Order matters: these land on the element in the order listed.\nconst CLASS_FLAGS: Array<[keyof DayState, string]> = [\n  ['selected', 'selected'],\n  ['inRange', 'in-range'],\n  ['rangeStart', 'range-start'],\n  ['rangeEnd', 'range-end'],\n  ['disabled', 'disabled'],\n  ['today', 'today'],\n  ['outside', 'outside'],\n  ['hovered', 'hovered'],\n  ['focused', 'focused'],\n];\n\nconst dayClassNames = (state: DayState, custom?: string): string =>\n  [\n    'calendar-day',\n    ...CLASS_FLAGS.filter(([flag]) => state[flag]).map(([, name]) => name),\n    ...(custom ? [custom] : []),\n  ].join(' ');\n\nconst isEndpoint = (day: DayRenderArgs): boolean =>\n  day.selected || day.rangeStart || day.rangeEnd;\n\n// The band's share of the cell (see `Calendar.band.ts`): all of it, or the\n// half that faces the rest of the range.\nconst BAND_IMAGE: Record<Exclude<DayBand, 'none'>, (band: string) => string> = {\n  full: (band) => `linear-gradient(${band}, ${band})`,\n  after: (band) => `linear-gradient(to right, transparent 50%, ${band} 50%)`,\n  before: (band) => `linear-gradient(to left, transparent 50%, ${band} 50%)`,\n};\n\n// A gradient's `to right` is physical; a right-to-left grid starts a range on\n// its right, so the two halves trade places there.\nconst inDirection = (band: Exclude<DayBand, 'none'>, theme: Theme): Exclude<DayBand, 'none'> => {\n  if (theme.direction !== 'rtl' || band === 'full') return band;\n  return band === 'after' ? 'before' : 'after';\n};\n\nconst faceBackgroundFor = (day: DayRenderArgs): ((theme: Theme) => string) | string =>\n  isEndpoint(day) ? endpointFill : 'transparent';\n\nconst colorFor = (day: DayRenderArgs, visible: boolean, locked: boolean): string => {\n  if (isEndpoint(day)) return 'primary.contrastText';\n  // On a calendar shown LOCKED (`navigationDisabled`, a disabled picker) every\n  // day is disabled, and the ones inside the range are the value the grid\n  // states: on the band the disabled ink was 1.56:1, so they take the secondary\n  // ink (FUT-4482, review round 9). A live range CAN span a blocked day (a\n  // host's `isDateDisabled`: Sundays, holidays); that day keeps the disabled\n  // ink, so it still reads as the one that cannot be picked.\n  if (day.disabled) return locked && day.inRange ? 'text.secondary' : 'text.disabled';\n  // Outside days that are switched off still occupy the grid, they just have\n  // nothing to show.\n  if (!visible) return 'transparent';\n  return 'text.primary';\n};\n\nconst hoverBackgroundFor = (day: DayRenderArgs): ((theme: Theme) => string) | string | undefined => {\n  if (day.disabled) return undefined;\n  return isEndpoint(day) ? endpointHoverFill : 'action.hover';\n};\n\n// The band reaches the cell's edges so neighbouring days join; where a week\n// row ends, it rounds off instead of stopping square: half the cell each way\n// is a half-round cap on a cell as tall as it is wide.\nconst BAND_RADIUS = '50%';\n\nconst capRadius = (side: 'start' | 'end', fill: boolean) => {\n  const radius = fill ? FILL_CAP_RADIUS : BAND_RADIUS;\n  return side === 'start'\n    ? { borderStartStartRadius: radius, borderEndStartRadius: radius }\n    : { borderStartEndRadius: radius, borderEndEndRadius: radius };\n};\n\n/**\n * One cell: the band, painted on the button across its whole column, and the\n * day's round face, a `::before` circle behind the number. The face is a\n * pseudo-element so the button's own content stays the bare day number a host's\n * tests query (`getByText('27')` is the cell, as it always was).\n */\n/**\n * Today's ring, opt-in (`todayIndicator=\"ring\"`): a hairline-and-a-half inset\n * on the face, in the primary colour. An endpoint is already filled with that\n * colour, so it carries none.\n */\nconst todayRingFor = (day: DayRenderArgs, ring: boolean): ((theme: Theme) => string) | undefined =>\n  ring && day.today && !isEndpoint(day)\n    ? // A disabled today keeps its ring in the disabled ink, like its number:\n      // a primary ring on a dead grid reads as the one live day (round 6).\n      (theme: Theme) =>\n        `inset 0 0 0 ${rem(theme, 1.5)} ${day.disabled ? theme.palette.text.disabled : theme.palette.primary.main}`\n    : undefined;\n\n/**\n * A filling calendar's cell (`fullWidth`): the whole column wide, so a range's\n * band runs unbroken however far the columns spread, and exactly as tall as the\n * 40 design px face — the face is as tall as the cell, so it keeps its size\n * while only the spacing grows. A row's end caps round at half that height\n * (the radius clamps on a smaller cell) rather than half a wide cell's width.\n */\nconst FILL_CELL_HEIGHT = sxRem(40);\nconst FILL_CAP_RADIUS = sxRem(20);\n\n// A filling cell is 40 tall at every width, never a ratio of its column: a\n// tap target under 600 wide is 40 design px each way, and a ratio made a 36px\n// column 33 tall at 320 (FUT-4156, round 3). The frame gives the columns their\n// 40 (`DateRangePicker.frame`).\nconst cellSize = (fill: boolean) =>\n  fill\n    ? { width: '100%', maxWidth: '100%', height: FILL_CELL_HEIGHT, justifySelf: 'stretch' }\n    : { width: COLUMN_SIZE, maxWidth: '100%', aspectRatio: CELL_RATIO, justifySelf: 'stretch' };\n\nconst dayCellSx = (\n  day: DayRenderArgs,\n  band: DayBand,\n  visible: boolean,\n  ring: boolean,\n  fill: boolean,\n  locked: boolean,\n): SxProps<Theme> => ({\n  position: 'relative',\n  isolation: 'isolate',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // The column it ASKS for keeps the month's intrinsic width at 304 (FUT-3861),\n  // now that the seven columns carry no gap between them; `maxWidth` and the\n  // column's `minmax(0, 1fr)` let it give way below that, and the ratio keeps\n  // it 40 tall at full size and shrinking with it.\n  ...cellSize(fill),\n  boxSizing: 'border-box',\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  backgroundImage: band === 'none' ? 'none' : (theme: Theme) => BAND_IMAGE[inDirection(band, theme)](bandColor(theme)),\n  cursor: day.disabled ? 'not-allowed' : 'pointer',\n  color: colorFor(day, visible, locked),\n  opacity: !day.inCurrentMonth && visible ? 0.5 : 1,\n  fontWeight: day.today || isEndpoint(day) ? 'bold' : 'normal',\n  // `nth-child`, counting every cell of the week: a hidden outside day is an\n  // inert `span` placeholder (FUT-4144), and `nth-of-type` counted only the\n  // buttons, so the caps landed mid-week in a month with hidden outside days.\n  //\n  // Emotion warns on `:nth-child` in development, because a server render can\n  // put its style tag between the cells and shift the count. The calendar is\n  // never server-rendered into that position, and every screen that showed one\n  // printed the warning as a console error (FUT-4156), so the selectors carry\n  // Emotion's own opt-out flag.\n  [`&:nth-child(7n + 1)${NTH_CHILD_IS_SAFE}`]: capRadius('start', fill),\n  [`&:nth-child(7n)${NTH_CHILD_IS_SAFE}`]: capRadius('end', fill),\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    margin: 'auto',\n    zIndex: -1,\n    // A circle as tall as the cell: 40 design px at full size (FUT-3861).\n    height: '100%',\n    aspectRatio: '1 / 1',\n    maxWidth: '100%',\n    borderRadius: '50%',\n    backgroundColor: faceBackgroundFor(day),\n    boxShadow: todayRingFor(day, ring),\n  },\n  '&:hover::before': {\n    backgroundColor: hoverBackgroundFor(day),\n  },\n  '&:focus': { outline: 'none' },\n  // Keyboard focus only: a tapped day is already marked by what the tap did.\n  '&:focus-visible::before': {\n    outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n    outlineColor: 'primary.main',\n    outlineOffset: sxRem(1),\n  },\n});\n\n/**\n * A day's spoken name, whole: \"1 de outubro de 2026\". The cell's text is the\n * bare number, which a screen reader would read as \"1\" — in a two-month range\n * calendar that is two different days.\n */\nconst dayName = (date: Date, locale: string): string =>\n  date.toLocaleDateString(locale, { day: 'numeric', month: 'long', year: 'numeric' });\n\nexport interface CalendarDayProps {\n  day: DayRenderArgs;\n  /** BCP-47 tag the day's accessible name is written in. Default: en-US. */\n  locale?: string;\n  band: DayBand;\n  focused: boolean;\n  showOutsideDays: boolean;\n  /** Ring today's face (`todayIndicator=\"ring\"`). */\n  todayRing?: boolean;\n  /** Fill the column (`CalendarProps.fullWidth`). */\n  fullWidth?: boolean;\n  /** The whole calendar is shown locked (`CalendarProps.navigationDisabled`). */\n  locked?: boolean;\n  dayClassName?: (args: DayRenderArgs) => string;\n  onSelect: (date: Date) => void;\n  onHover: (date: Date) => void;\n  onHoverEnd: () => void;\n}\n\nexport const CalendarDay: FC<CalendarDayProps> = ({\n  day,\n  locale = 'en-US',\n  band,\n  focused,\n  showOutsideDays,\n  todayRing = false,\n  fullWidth,\n  locked,\n  dayClassName,\n  onSelect,\n  onHover,\n  onHoverEnd,\n}) => {\n  const visible = day.inCurrentMonth || showOutsideDays;\n  const state: DayState = { ...day, outside: !day.inCurrentMonth, focused };\n\n  // A day hidden by `showOutsideDays={false}` keeps its place in the grid and\n  // nothing else: no button to click in a blank, no name, no tab stop that\n  // cannot be seen (FUT-4144).\n  if (!visible) {\n    return (\n      <Box\n        component=\"span\"\n        aria-hidden=\"true\"\n        data-testid=\"calendar-outside-placeholder\"\n        sx={cellSize(fullWidth === true)}\n      />\n    );\n  }\n\n  return (\n    <Box\n      component=\"button\"\n      // A day picks; it never submits the form a calendar sits in (FUT-4156).\n      type=\"button\"\n      role=\"gridcell\"\n      tabIndex={focused ? 0 : -1}\n      aria-selected={day.selected}\n      aria-disabled={day.disabled}\n      aria-current={day.today ? 'date' : undefined}\n      aria-label={dayName(day.date, locale)}\n      data-in-month={day.inCurrentMonth}\n      className={dayClassNames(state, dayClassName?.(day))}\n      data-testid={`calendar-date-${day.date.getDate()}`}\n      onClick={() => onSelect(day.date)}\n      onMouseEnter={() => onHover(day.date)}\n      onMouseLeave={onHoverEnd}\n      sx={dayCellSx(day, band, visible, todayRing, fullWidth === true, locked === true)}\n    >\n      {day.selected && (\n        <Box component=\"span\" data-testid=\"calendar-selected-date\" sx={{ display: 'none' }} />\n      )}\n      {day.today && (\n        <Box component=\"span\" data-testid=\"calendar-today\" sx={{ display: 'none' }} />\n      )}\n      {day.date.getDate()}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}