@12-apps/ui 6.97.0 → 6.98.0

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

@@ -3,14 +3,31 @@ import {
   defaultMessages,
   resolveDayRange,
   resolveQuickRanges
-} from "./chunk-MPWA55CF.js";
+} from "./chunk-IXXB7CTR.js";
 import {
   toDayString,
   todayIn
 } from "./chunk-SUTOAW7I.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.hooks.ts
-import { useId, useMemo, useState } from "react";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+function cameFromPicker(value, emitted) {
+  if (emitted === null) return false;
+  const kept = (bound) => emitted[bound] === null || emitted[bound] === value[bound];
+  return kept("from") && kept("to");
+}
+function useFollowValue(enabled, value, lastEmitted, setViewNonce) {
+  const previous = useRef(value);
+  useEffect(() => {
+    const before = previous.current;
+    previous.current = value;
+    if (!enabled || before.from === value.from && before.to === value.to) return;
+    const emitted = lastEmitted.current;
+    lastEmitted.current = null;
+    if (cameFromPicker(value, emitted)) return;
+    setViewNonce((nonce) => nonce + 1);
+  }, [enabled, value, lastEmitted, setViewNonce]);
+}
 function useDateRangePicker({
   value,
   onChange,
@@ -19,7 +36,8 @@ function useDateRangePicker({
   maxRangeDays,
   weekStartsOn,
   quickRanges,
-  messages
+  messages,
+  followValue = false
 }) {
   const statusId = useId();
   const [viewNonce, setViewNonce] = useState(0);
@@ -30,7 +48,10 @@ function useDateRangePicker({
     [quickRanges, today, weekStartsOn, maxRangeDays]
   );
   const status = useMemo(() => resolveDayRange(value, maxRangeDays), [value, maxRangeDays]);
+  const lastEmitted = useRef(null);
+  useFollowValue(followValue, value, lastEmitted, setViewNonce);
   const emit = (next, source, quickRangeId) => {
+    lastEmitted.current = next;
     onChange(next, {
       source,
       ...quickRangeId ? { quickRangeId } : {},
@@ -69,4 +90,4 @@ function useDateRangePicker({
 export {
   useDateRangePicker
 };
-//# sourceMappingURL=chunk-RZ3P4X2I.js.map
+//# sourceMappingURL=chunk-K62L5JFC.js.map

package/dist/chunk-K62L5JFC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePicker.hooks.ts"],"sourcesContent":["/**\n * Everything the picker derives and every way its range can move, kept out of\n * the component so that file is a layout and this one is the behaviour — the\n * same split `Calendar.hooks.ts` uses next door.\n */\nimport { useEffect, useId, useMemo, useRef, useState } from 'react';\n\nimport { toDayString, todayIn } from './DateRangePicker.dates';\nimport {\n  activeQuickRangeId,\n  defaultMessages,\n  resolveDayRange,\n  resolveQuickRanges,\n} from './DateRangePicker.range';\nimport type {\n  DateRangeChangeMeta,\n  DateRangeDraft,\n  DateRangePickerState,\n  UseDateRangePickerArgs,\n} from './DateRangePicker.types';\n\n/**\n * Whether `value` is what the picker last handed out — or that tap's draft\n * carried on by the consumer: every bound the tap chose kept, a bound it left\n * open filled in (a consumer that keeps an end the tap would have dropped).\n * Either way the grid under the pointer must not move, nor lose its focus.\n */\nfunction cameFromPicker(value: DateRangeDraft, emitted: DateRangeDraft | null): boolean {\n  if (emitted === null) return false;\n  const kept = (bound: 'from' | 'to'): boolean => emitted[bound] === null || emitted[bound] === value[bound];\n  return kept('from') && kept('to');\n}\n\n/**\n * Bump the view nonce when the value moves and the picker did not move it —\n * a consumer's own field committed a day. Skips the mount and the picker's own\n * emissions, so a click in the grid never remounts the grid under it. An\n * emission is read once: the change after it is the consumer's own.\n */\nfunction useFollowValue(\n  enabled: boolean,\n  value: DateRangeDraft,\n  lastEmitted: { current: DateRangeDraft | null },\n  setViewNonce: (update: (nonce: number) => number) => void,\n): void {\n  const previous = useRef(value);\n  useEffect(() => {\n    const before = previous.current;\n    previous.current = value;\n    if (!enabled || (before.from === value.from && before.to === value.to)) return;\n    const emitted = lastEmitted.current;\n    lastEmitted.current = null;\n    if (cameFromPicker(value, emitted)) return;\n    setViewNonce((nonce) => nonce + 1);\n  }, [enabled, value, lastEmitted, setViewNonce]);\n}\n\nexport function useDateRangePicker({\n  value,\n  onChange,\n  timeZone,\n  now,\n  maxRangeDays,\n  weekStartsOn,\n  quickRanges,\n  messages,\n  followValue = false,\n}: UseDateRangePickerArgs): DateRangePickerState {\n  const statusId = useId();\n  // `Calendar` reads which month to open on from the range it is handed, and\n  // only when it MOUNTS. Bumping this key remounts it, which is how the other\n  // two views move it. It changes for a quick pick and for a typed date and\n  // NEVER for a click inside the grid — a calendar that jumped under the\n  // pointer picking in it would be unusable.\n  const [viewNonce, setViewNonce] = useState(0);\n\n  const copy = useMemo(() => ({ ...defaultMessages(), ...messages }), [messages]);\n  const today = useMemo(() => todayIn(timeZone, now ?? new Date()), [timeZone, now]);\n  const options = useMemo(\n    () => resolveQuickRanges(quickRanges, { today, weekStartsOn }, maxRangeDays),\n    [quickRanges, today, weekStartsOn, maxRangeDays],\n  );\n  const status = useMemo(() => resolveDayRange(value, maxRangeDays), [value, maxRangeDays]);\n  // What the picker itself last handed out: a value equal to it came FROM here\n  // (a click in the grid), and must not move the grid under the pointer.\n  const lastEmitted = useRef<DateRangeDraft | null>(null);\n  useFollowValue(followValue, value, lastEmitted, setViewNonce);\n\n  const emit = (\n    next: DateRangeDraft,\n    source: DateRangeChangeMeta['source'],\n    quickRangeId?: string,\n  ): void => {\n    lastEmitted.current = next;\n    onChange(next, {\n      source,\n      ...(quickRangeId ? { quickRangeId } : {}),\n      // Judged here, once. A caller left to re-derive \"is this usable\" is a\n      // second opinion able to disagree with the message on screen.\n      status: resolveDayRange(next, maxRangeDays),\n    });\n  };\n\n  return {\n    copy,\n    options,\n    activeId: activeQuickRangeId(options, value),\n    status,\n    statusId,\n    viewNonce,\n    pickQuick: (option) => {\n      setViewNonce((nonce) => nonce + 1);\n      emit({ from: option.window.from, to: option.window.to }, 'quick', option.id);\n    },\n    editBound: (which, bound) => {\n      setViewNonce((nonce) => nonce + 1);\n      emit({ ...value, [which]: bound }, which);\n    },\n    pickOnCalendar: (range) => {\n      emit(\n        {\n          from: range.start ? toDayString(range.start) : null,\n          to: range.end ? toDayString(range.end) : null,\n        },\n        'calendar',\n      );\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAKA,SAAS,WAAW,OAAO,SAAS,QAAQ,gBAAgB;AAsB5D,SAAS,eAAe,OAAuB,SAAyC;AACtF,MAAI,YAAY,KAAM,QAAO;AAC7B,QAAM,OAAO,CAAC,UAAkC,QAAQ,KAAK,MAAM,QAAQ,QAAQ,KAAK,MAAM,MAAM,KAAK;AACzG,SAAO,KAAK,MAAM,KAAK,KAAK,IAAI;AAClC;AAQA,SAAS,eACP,SACA,OACA,aACA,cACM;AACN,QAAM,WAAW,OAAO,KAAK;AAC7B,YAAU,MAAM;AACd,UAAM,SAAS,SAAS;AACxB,aAAS,UAAU;AACnB,QAAI,CAAC,WAAY,OAAO,SAAS,MAAM,QAAQ,OAAO,OAAO,MAAM,GAAK;AACxE,UAAM,UAAU,YAAY;AAC5B,gBAAY,UAAU;AACtB,QAAI,eAAe,OAAO,OAAO,EAAG;AACpC,iBAAa,CAAC,UAAU,QAAQ,CAAC;AAAA,EACnC,GAAG,CAAC,SAAS,OAAO,aAAa,YAAY,CAAC;AAChD;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAiD;AAC/C,QAAM,WAAW,MAAM;AAMvB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAE5C,QAAM,OAAO,QAAQ,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,SAAS,IAAI,CAAC,QAAQ,CAAC;AAC9E,QAAM,QAAQ,QAAQ,MAAM,QAAQ,UAAU,OAAO,oBAAI,KAAK,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC;AACjF,QAAM,UAAU;AAAA,IACd,MAAM,mBAAmB,aAAa,EAAE,OAAO,aAAa,GAAG,YAAY;AAAA,IAC3E,CAAC,aAAa,OAAO,cAAc,YAAY;AAAA,EACjD;AACA,QAAM,SAAS,QAAQ,MAAM,gBAAgB,OAAO,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC;AAGxF,QAAM,cAAc,OAA8B,IAAI;AACtD,iBAAe,aAAa,OAAO,aAAa,YAAY;AAE5D,QAAM,OAAO,CACX,MACA,QACA,iBACS;AACT,gBAAY,UAAU;AACtB,aAAS,MAAM;AAAA,MACb;AAAA,MACA,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA;AAAA;AAAA,MAGvC,QAAQ,gBAAgB,MAAM,YAAY;AAAA,IAC5C,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,mBAAmB,SAAS,KAAK;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,WAAW;AACrB,mBAAa,CAAC,UAAU,QAAQ,CAAC;AACjC,WAAK,EAAE,MAAM,OAAO,OAAO,MAAM,IAAI,OAAO,OAAO,GAAG,GAAG,SAAS,OAAO,EAAE;AAAA,IAC7E;AAAA,IACA,WAAW,CAAC,OAAO,UAAU;AAC3B,mBAAa,CAAC,UAAU,QAAQ,CAAC;AACjC,WAAK,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG,MAAM,GAAG,KAAK;AAAA,IAC1C;AAAA,IACA,gBAAgB,CAAC,UAAU;AACzB;AAAA,QACE;AAAA,UACE,MAAM,MAAM,QAAQ,YAAY,MAAM,KAAK,IAAI;AAAA,UAC/C,IAAI,MAAM,MAAM,YAAY,MAAM,GAAG,IAAI;AAAA,QAC3C;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-2365CQJU.js → chunk-KAQDWEG6.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-NK4T624E.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-2365CQJU.js.map
+//# sourceMappingURL=chunk-KAQDWEG6.js.map

package/dist/{chunk-TB5CRHTF.js → chunk-KEPLO2AB.js}

@@ -2,7 +2,7 @@ import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "./chunk-M2M4IDFU.js";
+} from "./chunk-GXYOBTOY.js";
 
 // src/components/data-display/Carousel/Carousel.chrome.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var CarouselChrome = ({
 export {
   CarouselChrome
 };
-//# sourceMappingURL=chunk-TB5CRHTF.js.map
+//# sourceMappingURL=chunk-KEPLO2AB.js.map

package/dist/chunk-KNW63H63.js

@@ -0,0 +1,263 @@
+import {
+  DEFAULT_QUICK_RANGES
+} from "./chunk-R26WP22N.js";
+import {
+  useDateRangePicker
+} from "./chunk-K62L5JFC.js";
+import {
+  CALENDAR_CLASS,
+  FLAT_CALENDAR,
+  fieldsColumnSx,
+  frameSx
+} from "./chunk-SIY64A6O.js";
+import {
+  besideLayout,
+  useMeasuredWidth
+} from "./chunk-QAF76E6U.js";
+import {
+  DateRangeQuickList
+} from "./chunk-6KKQHJE7.js";
+import {
+  DateRangeFields
+} from "./chunk-EASEJDBQ.js";
+import {
+  toLocalDay
+} from "./chunk-SUTOAW7I.js";
+import {
+  Calendar
+} from "./chunk-YQMJJ7AL.js";
+
+// src/components/form/DateRangePicker/DateRangePicker.tsx
+import Box from "@mui/material/Box/index.js";
+import Paper from "@mui/material/Paper/index.js";
+import useMediaQuery from "@mui/material/useMediaQuery/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ROOT_SX = {
+  display: "inline-flex",
+  flexDirection: "column",
+  gap: 2,
+  p: 2,
+  maxWidth: "100%",
+  ...FLAT_CALENDAR
+};
+var BODY_SX = {
+  display: "flex",
+  // The quick column sits BESIDE the calendar on a wide screen. Narrow, it
+  // moves ABOVE it — `column-reverse`, so the DOM order stays calendar-then-
+  // list (the calendar is the primary control and should be reached first by a
+  // screen reader and by Tab) while the eye meets the quick ranges first, which
+  // is the order the phone mock asks for and the order a thumb wants: nine
+  // one-tap answers before a grid of thirty.
+  //
+  // A side column at 390px would squeeze the day grid to roughly half its width
+  // and make the numbers unreadable. Checked at 390px.
+  flexDirection: { xs: "column-reverse", md: "row" },
+  alignItems: { xs: "stretch", md: "flex-start" },
+  gap: 2,
+  maxWidth: "100%"
+};
+var QUICK_DIVIDER_SX = {
+  borderColor: "divider",
+  borderStyle: "solid",
+  borderWidth: 0,
+  borderLeftWidth: { xs: 0, md: "1px" },
+  borderBottomWidth: { xs: "1px", md: 0 },
+  pl: { xs: 0, md: 2 },
+  pb: { xs: 2, md: 0 },
+  alignSelf: "stretch"
+};
+var FIELDS_DIVIDER_SX = {
+  borderTop: "1px solid",
+  borderColor: "divider",
+  pt: 2
+};
+function useMonthCount(requested) {
+  const theme = useTheme();
+  const narrow = useMediaQuery(theme.breakpoints.down("md"));
+  return narrow ? 1 : requested;
+}
+var EVERY_DAY = () => true;
+function RangeCalendar({
+  calendarLabel,
+  picker,
+  value,
+  locale,
+  weekStartsOn,
+  months,
+  maxRangeDays,
+  labels,
+  display
+}) {
+  return /* @__PURE__ */ jsx(
+    Calendar,
+    {
+      ariaLabel: calendarLabel,
+      className: CALENDAR_CLASS,
+      selectionMode: "range",
+      locale,
+      firstDayOfWeek: weekStartsOn,
+      numberOfMonths: months,
+      range: { start: toLocalDay(value.from), end: toLocalDay(value.to) },
+      onIntermediateRangeChange: picker.pickOnCalendar,
+      onRangeChange: picker.pickOnCalendar,
+      maxRangeLength: maxRangeDays,
+      ...labels ? { labels } : {},
+      showOutsideDays: display.showOutsideDays,
+      todayIndicator: display.todayIndicator,
+      allowSameDayRange: display.allowSameDayRange,
+      fullWidth: display.fullWidth,
+      ...display.disabled === true ? { isDateDisabled: EVERY_DAY, navigationDisabled: true } : {}
+    },
+    picker.viewNonce
+  );
+}
+function QuickColumn({
+  picker,
+  maxRangeDays,
+  dataTestId
+}) {
+  if (picker.options.length === 0) return null;
+  return /* @__PURE__ */ jsx(Box, { sx: QUICK_DIVIDER_SX, children: /* @__PURE__ */ jsx(
+    DateRangeQuickList,
+    {
+      options: picker.options,
+      activeId: picker.activeId,
+      onPick: picker.pickQuick,
+      reasonFor: (option) => picker.copy.overMax({ maxRangeDays: maxRangeDays ?? option.days, days: option.days }),
+      label: picker.copy.quickRanges,
+      dataTestId
+    }
+  ) });
+}
+function TypedHalf({
+  props,
+  picker,
+  placement
+}) {
+  const disabled = props.disabled === true;
+  if (props.renderFields) return /* @__PURE__ */ jsx(Fragment, { children: props.renderFields({ placement, disabled }) });
+  return /* @__PURE__ */ jsx(
+    DateRangeFields,
+    {
+      value: props.value,
+      status: picker.status,
+      messages: picker.copy,
+      maxRangeDays: props.maxRangeDays,
+      onEdit: picker.editBound,
+      statusId: picker.statusId,
+      dataTestId: props.dataTestId ?? "date-range-picker",
+      openEnd: props.openEnd ?? false,
+      stacked: placement === "beside",
+      disabled
+    }
+  );
+}
+function usePickerLayout(props) {
+  const theme = useTheme();
+  const viewportMonths = useMonthCount(props.numberOfMonths);
+  const root = useRef(null);
+  const beside = props.fieldsPlacement === "beside";
+  const width = useMeasuredWidth(root, beside);
+  if (!beside || width === null) return { root, months: viewportMonths, placement: "below" };
+  const layout = besideLayout(width, props.numberOfMonths ?? 2, theme);
+  return { root, months: layout.months, placement: layout.placement };
+}
+function InPageLayout({
+  props,
+  picker,
+  layout,
+  body
+}) {
+  const sideBySide = layout.placement === "beside";
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: layout.root,
+      className: props.className,
+      "data-testid": props.dataTestId ?? "date-range-picker",
+      "data-fields-placement": layout.placement,
+      ...disabledGroup(props, picker),
+      sx: {
+        display: "flex",
+        flexDirection: sideBySide ? "row" : "column",
+        alignItems: sideBySide ? "flex-start" : "stretch",
+        gap: sideBySide ? 4 : 2,
+        width: "100%",
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ jsx(Paper, { variant: "outlined", sx: frameSx(sideBySide, props.fullWidth === true, layout.months ?? 1), children: body }),
+        /* @__PURE__ */ jsx(Box, { sx: fieldsColumnSx(sideBySide, props.fullWidth === true), children: /* @__PURE__ */ jsx(TypedHalf, { props, picker, placement: layout.placement }) })
+      ]
+    }
+  );
+}
+function disabledGroup(props, picker) {
+  if (props.disabled !== true) return {};
+  return { role: "group", "aria-label": props.label ?? picker.copy.calendarLabel, "aria-disabled": true };
+}
+function PopoverLayout({
+  props,
+  picker,
+  body
+}) {
+  const typed = /* @__PURE__ */ jsx(TypedHalf, { props, picker, placement: "below" });
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      className: props.className,
+      "data-testid": props.dataTestId ?? "date-range-picker",
+      ...disabledGroup(props, picker),
+      sx: ROOT_SX,
+      children: [
+        body,
+        props.renderFields ? typed : /* @__PURE__ */ jsx(Box, { sx: FIELDS_DIVIDER_SX, children: typed })
+      ]
+    }
+  );
+}
+function DateRangePicker(props) {
+  const { value, maxRangeDays, weekStartsOn = 0, locale = "en-US", dataTestId = "date-range-picker" } = props;
+  const picker = useDateRangePicker({
+    value,
+    onChange: props.onChange,
+    timeZone: props.timeZone,
+    now: props.now,
+    maxRangeDays,
+    weekStartsOn,
+    quickRanges: props.quickRanges ?? DEFAULT_QUICK_RANGES,
+    messages: props.messages,
+    followValue: props.renderFields !== void 0
+  });
+  const layout = usePickerLayout(props);
+  const body = /* @__PURE__ */ jsxs(Box, { sx: BODY_SX, children: [
+    /* @__PURE__ */ jsx(
+      RangeCalendar,
+      {
+        calendarLabel: picker.copy.calendarLabel,
+        picker,
+        value,
+        locale,
+        weekStartsOn,
+        months: layout.months,
+        maxRangeDays,
+        labels: props.calendarLabels,
+        display: { ...props, fullWidth: props.fieldsPlacement === "beside" && props.fullWidth === true }
+      }
+    ),
+    props.disabled === true ? null : /* @__PURE__ */ jsx(QuickColumn, { picker, maxRangeDays, dataTestId })
+  ] });
+  if (props.fieldsPlacement === "beside") {
+    return /* @__PURE__ */ jsx(InPageLayout, { props, picker, layout, body });
+  }
+  return /* @__PURE__ */ jsx(PopoverLayout, { props, picker, body });
+}
+var DateRangePicker_default = DateRangePicker;
+
+export {
+  DateRangePicker,
+  DateRangePicker_default
+};
+//# sourceMappingURL=chunk-KNW63H63.js.map

package/dist/chunk-KNW63H63.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["'use client';\n\n/**\n * Three views of ONE range: a calendar, a quick-pick column, and two typed\n * dates. Change any and the other two follow.\n *\n * WHY IT EXISTS: a range calendar alone makes \"this quarter\" cost two clicks,\n * a month of paging, and a mental note of which day a quarter starts on; a list\n * of presets alone cannot express \"the 3rd to the 19th\"; and typed fields alone\n * make you spell out a window you can see. Each of the three is the fastest\n * route to a different range, so the control offers all three over one value\n * rather than picking a favourite.\n *\n * WHAT IT DOES NOT KNOW: anything about the data behind the range. No preset\n * list of a product's own, no ceiling of its own, no notion of whose clock\n * \"today\" runs on — `quickRanges`, `maxRangeDays` and `timeZone` are props, and\n * a consumer that needs its own periods passes them rather than teaching this\n * file about its domain. The calendar is `Calendar` in `selectionMode=\"range\"`,\n * not a second implementation of one.\n *\n * The value is a DRAFT (`{ from, to }`, either end possibly null) rather than a\n * finished window, so a half-picked or impossible range has somewhere to live\n * while it is being fixed. Every `onChange` carries the verdict with it.\n */\nimport Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React, { useRef } from 'react';\n\nimport type { CalendarLabels } from '../../../copy/labels';\nimport { Calendar } from '../Calendar';\n\nimport { toLocalDay } from './DateRangePicker.dates';\nimport { useDateRangePicker } from './DateRangePicker.hooks';\nimport { CALENDAR_CLASS, FLAT_CALENDAR, fieldsColumnSx, frameSx } from './DateRangePicker.frame';\nimport { besideLayout, useMeasuredWidth, type FieldsPlacement } from './DateRangePicker.layout';\nimport { DEFAULT_QUICK_RANGES } from './DateRangePicker.quick';\nimport type { DateRangeDraft, DateRangePickerProps, WeekStart } from './DateRangePicker.types';\nimport { DateRangeFields } from './DateRangePickerFields';\nimport { DateRangeQuickList } from './DateRangePickerQuickList';\n\nconst ROOT_SX: SxProps<Theme> = {\n  display: 'inline-flex',\n  flexDirection: 'column',\n  gap: 2,\n  p: 2,\n  maxWidth: '100%',\n  ...FLAT_CALENDAR,\n};\n\nconst BODY_SX: SxProps<Theme> = {\n  display: 'flex',\n  // The quick column sits BESIDE the calendar on a wide screen. Narrow, it\n  // moves ABOVE it — `column-reverse`, so the DOM order stays calendar-then-\n  // list (the calendar is the primary control and should be reached first by a\n  // screen reader and by Tab) while the eye meets the quick ranges first, which\n  // is the order the phone mock asks for and the order a thumb wants: nine\n  // one-tap answers before a grid of thirty.\n  //\n  // A side column at 390px would squeeze the day grid to roughly half its width\n  // and make the numbers unreadable. Checked at 390px.\n  flexDirection: { xs: 'column-reverse', md: 'row' },\n  alignItems: { xs: 'stretch', md: 'flex-start' },\n  gap: 2,\n  maxWidth: '100%',\n};\n\n/**\n * The rule between the calendar and the quick ranges.\n *\n * Two lists of dates side by side with only whitespace between them read as one\n * ragged thing; the rule says which numbers belong to which control. It turns\n * with the layout — a vertical rule when the list is a column beside the\n * calendar, a horizontal one when it has moved above it — because a divider\n * that keeps its axis while the flex direction flips ends up separating nothing.\n */\nconst QUICK_DIVIDER_SX: SxProps<Theme> = {\n  borderColor: 'divider',\n  borderStyle: 'solid',\n  borderWidth: 0,\n  borderLeftWidth: { xs: 0, md: '1px' },\n  borderBottomWidth: { xs: '1px', md: 0 },\n  pl: { xs: 0, md: 2 },\n  pb: { xs: 2, md: 0 },\n  alignSelf: 'stretch',\n};\n\n/** And the rule above the typed pair, which is a third way in, not a caption. */\nconst FIELDS_DIVIDER_SX: SxProps<Theme> = {\n  borderTop: '1px solid',\n  borderColor: 'divider',\n  pt: 2,\n};\n\ntype Picker = ReturnType<typeof useDateRangePicker>;\n\n/**\n * How many months to draw.\n *\n * A month grid has a floor: seven columns that must stay legible, which is\n * about 280px. Two of them need 580, so on a phone the consumer's\n * `numberOfMonths` is not a preference that can be honoured — it is a request\n * for a layout that does not fit. Capped here rather than left to the consumer,\n * because the consumer chooses for its own reason (the reports dialog wants two\n * because a period often crosses a month boundary) and has no way to know the\n * picker is currently 390px wide.\n *\n * A media query rather than an `sx` breakpoint: this decides what to RENDER,\n * and CSS cannot un-render a second month.\n *\n * Below the theme's `md` the picker is a phone layout — the same breakpoint the\n * `sx` blocks here switch on. The query is a STRING built from `useTheme()`,\n * not `useMediaQuery`'s callback form: the callback reads the theme from\n * context and throws on a null one, so a consumer that mounts this outside a\n * `ThemeProvider` would crash — which the unit tests here do, and which is a\n * fair thing for a consumer to do. `useTheme()` falls back to MUI's default\n * theme there, whose `md` is the `(max-width:899.95px)` this used to spell out.\n */\nfunction useMonthCount(requested: number | undefined): number | undefined {\n  const theme = useTheme();\n  const narrow = useMediaQuery(theme.breakpoints.down('md'));\n  return narrow ? 1 : requested;\n}\n\n/** The grid, in range mode — `Calendar`, never a second implementation of one. */\n/** The calendar options a picker passes through untouched. */\ntype CalendarDisplay = Pick<\n  DateRangePickerProps,\n  'showOutsideDays' | 'todayIndicator' | 'allowSameDayRange' | 'fullWidth' | 'disabled'\n>;\n\n/** Every day, for a picker that is `disabled`. */\nconst EVERY_DAY = (): boolean => true;\n\nfunction RangeCalendar({\n  calendarLabel,\n  picker,\n  value,\n  locale,\n  weekStartsOn,\n  months,\n  maxRangeDays,\n  labels,\n  display,\n}: {\n  labels: Partial<CalendarLabels> | undefined;\n  display: CalendarDisplay;\n  picker: Picker;\n  value: DateRangeDraft;\n  locale: string;\n  weekStartsOn: WeekStart;\n  months: number | undefined;\n  maxRangeDays: number | undefined;\n  calendarLabel: string;\n}): React.JSX.Element {\n  return (\n    <Calendar\n      key={picker.viewNonce}\n      ariaLabel={calendarLabel}\n      className={CALENDAR_CLASS}\n      selectionMode=\"range\"\n      locale={locale}\n      // One prop drives the grid's first column AND the day \"this week\" starts\n      // on, so a highlighted week can never begin mid-row.\n      firstDayOfWeek={weekStartsOn}\n      numberOfMonths={months}\n      range={{ start: toLocalDay(value.from), end: toLocalDay(value.to) }}\n      // BOTH callbacks, and the intermediate one does the work: the other fires\n      // only on the click that CLOSES a range, so a picker wired to it alone\n      // would not repaint after the first click.\n      onIntermediateRangeChange={picker.pickOnCalendar}\n      onRangeChange={picker.pickOnCalendar}\n      // The same ceiling the quick list is judged against, so the calendar\n      // cannot hand back a window the control has just called too long.\n      maxRangeLength={maxRangeDays}\n      {...(labels ? { labels } : {})}\n      showOutsideDays={display.showOutsideDays}\n      todayIndicator={display.todayIndicator}\n      allowSameDayRange={display.allowSameDayRange}\n      fullWidth={display.fullWidth}\n      {...(display.disabled === true ? { isDateDisabled: EVERY_DAY, navigationDisabled: true } : {})}\n    />\n  );\n}\n\n/** The quick ranges, inside the rule that separates them from the grid. */\nfunction QuickColumn({\n  picker,\n  maxRangeDays,\n  dataTestId,\n}: {\n  picker: Picker;\n  maxRangeDays: number | undefined;\n  dataTestId: string;\n}): React.JSX.Element | null {\n  if (picker.options.length === 0) return null;\n  return (\n    <Box sx={QUICK_DIVIDER_SX}>\n      <DateRangeQuickList\n        options={picker.options}\n        activeId={picker.activeId}\n        onPick={picker.pickQuick}\n        reasonFor={(option) =>\n          picker.copy.overMax({ maxRangeDays: maxRangeDays ?? option.days, days: option.days })\n        }\n        label={picker.copy.quickRanges}\n        dataTestId={dataTestId}\n      />\n    </Box>\n  );\n}\n\n/** The typed half: the consumer's own fields, or the built-in pair and its line. */\nfunction TypedHalf({\n  props,\n  picker,\n  placement,\n}: {\n  props: DateRangePickerProps;\n  picker: Picker;\n  placement: FieldsPlacement;\n}): React.JSX.Element {\n  const disabled = props.disabled === true;\n  if (props.renderFields) return <>{props.renderFields({ placement, disabled })}</>;\n  return (\n    <DateRangeFields\n      value={props.value}\n      status={picker.status}\n      messages={picker.copy}\n      maxRangeDays={props.maxRangeDays}\n      onEdit={picker.editBound}\n      statusId={picker.statusId}\n      dataTestId={props.dataTestId ?? 'date-range-picker'}\n      openEnd={props.openEnd ?? false}\n      stacked={placement === 'beside'}\n      disabled={disabled}\n    />\n  );\n}\n\n/**\n * How many months, and where the typed half goes. The default layout counts\n * months by the viewport, as it always did; `beside` measures the picker.\n */\nfunction usePickerLayout(props: DateRangePickerProps): {\n  root: React.RefObject<HTMLDivElement | null>;\n  months: number | undefined;\n  placement: FieldsPlacement;\n} {\n  const theme = useTheme();\n  const viewportMonths = useMonthCount(props.numberOfMonths);\n  const root = useRef<HTMLDivElement>(null);\n  const beside = props.fieldsPlacement === 'beside';\n  const width = useMeasuredWidth(root, beside);\n  if (!beside || width === null) return { root, months: viewportMonths, placement: 'below' };\n  const layout = besideLayout(width, props.numberOfMonths ?? 2, theme);\n  return { root, months: layout.months, placement: layout.placement };\n}\n\n/** The `beside` layout: the months in their own frame, the fields on the page. */\nfunction InPageLayout({\n  props,\n  picker,\n  layout,\n  body,\n}: {\n  props: DateRangePickerProps;\n  picker: Picker;\n  layout: ReturnType<typeof usePickerLayout>;\n  body: React.ReactNode;\n}): React.JSX.Element {\n  const sideBySide = layout.placement === 'beside';\n  return (\n    <Box\n      ref={layout.root}\n      className={props.className}\n      data-testid={props.dataTestId ?? 'date-range-picker'}\n      data-fields-placement={layout.placement}\n      {...disabledGroup(props, picker)}\n      sx={{\n        display: 'flex',\n        flexDirection: sideBySide ? 'row' : 'column',\n        alignItems: sideBySide ? 'flex-start' : 'stretch',\n        gap: sideBySide ? 4 : 2,\n        width: '100%',\n        minWidth: 0,\n      }}\n    >\n      <Paper variant=\"outlined\" sx={frameSx(sideBySide, props.fullWidth === true, layout.months ?? 1)}>\n        {body}\n      </Paper>\n      <Box sx={fieldsColumnSx(sideBySide, props.fullWidth === true)}>\n        <TypedHalf props={props} picker={picker} placement={layout.placement} />\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * A disabled picker's root is a named GROUP (review round 6): `aria-disabled`\n * is only valid on an element with a role, and the name says what is off.\n * Enabled, the root carries neither, as it always did.\n */\nfunction disabledGroup(props: DateRangePickerProps, picker: Picker) {\n  if (props.disabled !== true) return {};\n  return { role: 'group', 'aria-label': props.label ?? picker.copy.calendarLabel, 'aria-disabled': true } as const;\n}\n\n/** The default layout: one framed block, the typed half under the months. */\nfunction PopoverLayout({\n  props,\n  picker,\n  body,\n}: {\n  props: DateRangePickerProps;\n  picker: Picker;\n  body: React.ReactNode;\n}): React.JSX.Element {\n  const typed = <TypedHalf props={props} picker={picker} placement=\"below\" />;\n  return (\n    <Paper\n      className={props.className}\n      data-testid={props.dataTestId ?? 'date-range-picker'}\n      {...disabledGroup(props, picker)}\n      sx={ROOT_SX}\n    >\n      {body}\n      {props.renderFields ? typed : <Box sx={FIELDS_DIVIDER_SX}>{typed}</Box>}\n    </Paper>\n  );\n}\n\nexport function DateRangePicker(props: DateRangePickerProps): React.JSX.Element {\n  const { value, maxRangeDays, weekStartsOn = 0, locale = 'en-US', dataTestId = 'date-range-picker' } = props;\n  const picker = useDateRangePicker({\n    value,\n    onChange: props.onChange,\n    timeZone: props.timeZone,\n    now: props.now,\n    maxRangeDays,\n    weekStartsOn,\n    quickRanges: props.quickRanges ?? DEFAULT_QUICK_RANGES,\n    messages: props.messages,\n    followValue: props.renderFields !== undefined,\n  });\n  const layout = usePickerLayout(props);\n\n  const body = (\n    <Box sx={BODY_SX}>\n      <RangeCalendar\n        calendarLabel={picker.copy.calendarLabel}\n        picker={picker}\n        value={value}\n        locale={locale}\n        weekStartsOn={weekStartsOn}\n        months={layout.months}\n        maxRangeDays={maxRangeDays}\n        labels={props.calendarLabels}\n        // `fullWidth` fills the in-page frame; the popover's frame is as wide\n        // as its months, and a filling calendar in it spread past the quick\n        // column and the typed pair (FUT-4156, round 3).\n        display={{ ...props, fullWidth: props.fieldsPlacement === 'beside' && props.fullWidth === true }}\n      />\n      {props.disabled === true ? null : (\n        <QuickColumn picker={picker} maxRangeDays={maxRangeDays} dataTestId={dataTestId} />\n      )}\n    </Box>\n  );\n\n  if (props.fieldsPlacement === 'beside') {\n    return <InPageLayout props={props} picker={picker} layout={layout} body={body} />;\n  }\n  return <PopoverLayout props={props} picker={picker} body={body} />;\n}\n\nexport default DateRangePicker;\n"],"mappings":"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","names":[]}

package/dist/{chunk-PVIQDBUN.js → chunk-KUQ4XHVV.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -108,4 +108,4 @@ function ColumnsMenu({
 export {
   ColumnsMenu
 };
-//# sourceMappingURL=chunk-PVIQDBUN.js.map
+//# sourceMappingURL=chunk-KUQ4XHVV.js.map

package/dist/{chunk-DAFFZED3.js → chunk-KWBMM6MJ.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk-LV7LSPBF.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   childTestId,
   resolveTestId,
@@ -309,4 +309,4 @@ export {
   DialogContent,
   DialogActions
 };
-//# sourceMappingURL=chunk-DAFFZED3.js.map
+//# sourceMappingURL=chunk-KWBMM6MJ.js.map

package/dist/{chunk-QPCHABOZ.js → chunk-L5YGVLPH.js}

@@ -113,7 +113,11 @@ var domPassthrough = (props) => Object.fromEntries(Object.entries(props).filter(
 var definedProps = (props) => Object.fromEntries(
   Object.entries(props).filter(([, value]) => value !== void 0)
 );
-var resolveScrollButtons = (scrollable) => scrollable ? "auto" : false;
+var resolveScrollButtons = (scrollable, scrollButtons) => {
+  if (!scrollable) return false;
+  if (typeof scrollButtons === "boolean") return scrollButtons;
+  return "auto";
+};
 var buildTabsSx = ({
   fullWidth,
   sticky,
@@ -173,8 +177,8 @@ var TabsBar = ({ rest, items, value, onChange, onCloseTab, dataTestId, ...p }) =
     centered: p.centered,
     variant: p.scrollable ? "scrollable" : "standard",
     "data-testid": dataTestId ? `${dataTestId}-list` : "tabs-list",
-    scrollButtons: resolveScrollButtons(p.scrollable),
-    allowScrollButtonsMobile: p.scrollable,
+    scrollButtons: resolveScrollButtons(p.scrollable, p.scrollButtons),
+    allowScrollButtonsMobile: p.allowScrollButtonsMobile ?? p.scrollable,
     textColor: p.color,
     indicatorColor: p.color,
     sx: buildTabsSx({
@@ -273,4 +277,4 @@ Tabs.displayName = "Tabs";
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-QPCHABOZ.js.map
+//# sourceMappingURL=chunk-L5YGVLPH.js.map

package/dist/chunk-L5YGVLPH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport Badge from '@mui/material/Badge/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport MuiTab from '@mui/material/Tab/index.js';\nimport MuiTabs from '@mui/material/Tabs/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { CustomTabPanel } from './TabsPanel';\nimport { tabsRootStyles } from './Tabs.styles';\nimport type { TabCount, TabItem, TabsProps } from './Tabs.types';\nimport { rem, sxRem } from '../../../tokens/relative';\n\nconst StyledTabs = styled(MuiTabs, {\n  shouldForwardProp: (prop) => !['customVariant', 'size', 'showDividers'].includes(prop as string) })<{ customVariant?: string; size?: string; showDividers?: boolean }>(\n  ({ theme, customVariant, size, showDividers }) => ({\n    ...tabsRootStyles({ theme, customVariant, size, showDividers }) }),\n);\n\nconst CloseButton = styled(Box)(({ theme }) => ({\n  marginLeft: theme.spacing(0.5),\n  padding: theme.spacing(0.25),\n  width: rem(theme, 20),\n  height: rem(theme, 20),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  cursor: 'pointer',\n  borderRadius: '50%',\n  color: theme.palette.action.active,\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.error.main, 0.1),\n    color: theme.palette.error.main } }));\n\nconst BadgeWrapper = styled(Badge)(({ theme }) => ({\n  '& .MuiBadge-badge': {\n    right: rem(theme, -6),\n    top: rem(theme, 4),\n    fontSize: rem(theme, 12),\n    minWidth: rem(theme, 16),\n    height: rem(theme, 16),\n    padding: 0 } }));\n\n/** A tab's inline count pill, toned by what it asks for. */\nconst CountPill = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'tone',\n})<{ tone: NonNullable<TabCount['tone']> }>(({ theme, tone }) => {\n  const look = {\n    neutral: { backgroundColor: theme.palette.action.selected, color: theme.palette.text.secondary },\n    warning: { backgroundColor: alpha(theme.palette.warning.main, 0.16), color: theme.palette.warning.dark },\n    danger: { backgroundColor: theme.palette.error.main, color: theme.palette.error.contrastText },\n  }[tone];\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: rem(theme, 20),\n    minWidth: rem(theme, 20),\n    padding: theme.spacing(0, 0.875),\n    borderRadius: rem(theme, 999),\n    fontSize: rem(theme, 11.5),\n    fontWeight: 600,\n    lineHeight: 1,\n    ...look,\n  };\n});\n\nconst TABS_DEFAULTS: Partial<TabsProps> = {\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  fullWidth: false,\n  orientation: 'horizontal',\n  showDividers: false,\n  centered: false,\n  scrollable: false,\n  scrollButtons: 'auto',\n  sticky: false,\n  stickyOffset: 0,\n  animateContent: false,\n  animationDuration: 300,\n  persistContent: false,\n  disabled: false,\n  loading: false };\n\n/**\n * The props this component OWNS and MUI's `Tabs` does not understand (12-86).\n *\n * `rest` below is spread onto the DOM node, so anything left in it that React\n * cannot place on an element is reported — five `does not recognize the … prop`\n * warnings and three `Received false for a non-boolean attribute`, on every\n * render, in the browser console and in every host's jsdom output.\n *\n * An explicit list rather than `Object.keys(TABS_DEFAULTS)`, because the two\n * sets differ in both directions: `items`, `closeTabLabel`, `tabPanelProps` and\n * `loadingComponent` have no default and still must not reach the DOM, while\n * `orientation`, `centered` and `indicatorColor` are real MUI props that must.\n * An omission rather than more destructuring, so a prop added to `TabsProps`\n * costs a line here instead of an unused `_name` binding.\n *\n * Deliberately NOT here: `onFocus` and `onBlur`. They are ordinary DOM handlers\n * that reach the element through `rest` and nowhere else, so listing them would\n * silently stop them working.\n */\nconst OWN_PROPS = new Set<string>([\n  'items',\n  'closeTabLabel',\n  'color',\n  'size',\n  'fullWidth',\n  'scrollable',\n  'scrollButtons',\n  'sticky',\n  'stickyOffset',\n  'animateContent',\n  'animationDuration',\n  'persistContent',\n  'tabPanelProps',\n  'loading',\n  'loadingComponent',\n]);\n\n/** `props` with every {@link OWN_PROPS} key dropped — what is left is passthrough. */\nconst domPassthrough = (props: Record<string, unknown>): Record<string, unknown> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => !OWN_PROPS.has(key)));\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}`\n// still falls back to the default as a destructuring default would.\nconst definedProps = (props: TabsProps): Partial<TabsProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<TabsProps>;\n\n/**\n * The `scrollButtons` value handed to MUI (FUT-4408).\n *\n * A strip that does not scroll has no buttons. A scrollable one honours the\n * host: `false` drops the buttons entirely (the host may draw its own, or let\n * the strip be swiped), `true` keeps them on whether or not the row overflows,\n * and `'auto'` — the default — shows them while it does.\n *\n * The legacy strings `'desktop'`, `'on'` and `'off'` keep resolving to\n * `'auto'`, exactly as they always have: hosts already pass them (one passes\n * `'off'` on a scrollable strip and gets buttons today), so giving them a new\n * meaning in a patch release would move existing screens. They are deprecated\n * in `TabsProps`; a host that wants none passes `false`.\n */\nconst resolveScrollButtons = (\n  scrollable: boolean | undefined,\n  scrollButtons: TabsProps['scrollButtons'],\n): 'auto' | boolean => {\n  if (!scrollable) return false;\n  if (typeof scrollButtons === 'boolean') return scrollButtons;\n  return 'auto';\n};\n\nconst buildTabsSx = ({\n  fullWidth,\n  sticky,\n  stickyOffset,\n  indicatorColor,\n  disabled }: {\n  fullWidth?: boolean;\n  sticky?: boolean;\n  /** The pinned list's `top`, already through the theme (the prop is design px). */\n  stickyOffset: (theme: Theme) => string;\n  indicatorColor?: string;\n  disabled?: boolean;\n}) => ({\n  ...(fullWidth && { width: '100%' }),\n  // Pin the tab list while panels scroll beneath it. Opaque background + bottom\n  // divider so scrolled content does not show through.\n  ...(sticky && {\n    position: 'sticky',\n    top: stickyOffset,\n    zIndex: 2,\n    backgroundColor: 'background.default',\n    borderBottom: 1,\n    borderColor: 'divider' }),\n  ...(indicatorColor && {\n    '& .MuiTabs-indicator': { backgroundColor: indicatorColor } }),\n  ...(disabled && { opacity: 0.6, pointerEvents: 'none' }) });\n\n// A tab's label: icon, text, optional close affordance, optionally badged.\nconst TabLabel: React.FC<{\n  item: TabItem;\n  closeTabLabel: string;\n  onClose: (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => void;\n}> = ({ item, closeTabLabel, onClose }) => {\n  const content = (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      {item.icon}\n      <span>{item.label}</span>\n      {item.count !== undefined && (\n        <CountPill tone={item.count.tone ?? 'neutral'} data-tone={item.count.tone ?? 'neutral'}>\n          {item.count.value}\n        </CountPill>\n      )}\n      {item.closable && (\n        <CloseButton\n          onClick={(e) => onClose(e, item.id)}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={closeTabLabel}\n          onKeyDown={(e) => {\n            if (e.key !== 'Enter' && e.key !== ' ') return;\n            onClose(e, item.id);\n          }}\n        >\n          <Close fontSize=\"inherit\" />\n        </CloseButton>\n      )}\n    </Box>\n  );\n\n  if (item.badge === undefined) return content;\n\n  return (\n    <BadgeWrapper badgeContent={item.badge} color=\"error\">\n      {content}\n    </BadgeWrapper>\n  );\n};\n\ntype ResolvedTabs = TabsProps;\n\n// The tab strip. Kept in this file because StyledTabs cannot cross a module\n// boundary (TS2742).\nconst TabsBar: React.FC<\n  ResolvedTabs & {\n    rest: Record<string, unknown>;\n    onChange: (event: React.SyntheticEvent, newValue: string) => void;\n    onCloseTab: (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => void;\n  }\n> = ({ rest, items, value, onChange, onCloseTab, dataTestId, ...p }) => (\n  <StyledTabs\n    {...rest}\n    value={value}\n    onChange={onChange}\n    customVariant={p.variant}\n    size={p.size}\n    showDividers={p.showDividers}\n    orientation={p.orientation}\n    centered={p.centered}\n    // MUI only scrolls when its own `variant` is `scrollable`; map our\n    // `scrollable` flag onto it so overflowing tab rows actually scroll.\n    variant={p.scrollable ? 'scrollable' : 'standard'}\n    data-testid={dataTestId ? `${dataTestId}-list` : 'tabs-list'}\n    scrollButtons={resolveScrollButtons(p.scrollable, p.scrollButtons)}\n    // Phones get the buttons too unless the host says otherwise.\n    allowScrollButtonsMobile={p.allowScrollButtonsMobile ?? p.scrollable}\n    textColor={p.color}\n    indicatorColor={p.color}\n    sx={buildTabsSx({\n      fullWidth: p.fullWidth,\n      sticky: p.sticky,\n      stickyOffset: sxRem(p.stickyOffset ?? 0),\n      indicatorColor: p.indicatorColor,\n      disabled: p.disabled })}\n  >\n    {items.map((item, index) => (\n      <MuiTab\n        key={item.id}\n        value={item.id}\n        label={<TabLabel closeTabLabel={p.closeTabLabel} item={item} onClose={onCloseTab} />}\n        disabled={item.disabled || p.disabled}\n        className={item.className}\n        id={`tab-${item.id}`}\n        aria-controls={`tabpanel-${item.id}`}\n        aria-disabled={item.disabled || p.disabled}\n        data-testid={dataTestId ? `${dataTestId}-tab-${index}` : `tabs-tab-${index}`}\n      />\n    ))}\n  </StyledTabs>\n);\n\nconst TabsPanels: React.FC<ResolvedTabs> = ({\n  items,\n  value,\n  variant,\n  animateContent,\n  animationDuration,\n  persistContent,\n  loading,\n  loadingComponent,\n  tabPanelProps,\n  dataTestId }) => (\n  <Box sx={{ mt: variant === 'enclosed' ? 0 : 2 }}>\n    {items.map((item, index) => (\n      <CustomTabPanel\n        key={item.id}\n        id={item.id}\n        value={value}\n        animate={animateContent}\n        animationDuration={animationDuration}\n        persist={persistContent}\n        loading={loading}\n        loadingComponent={loadingComponent}\n        className={tabPanelProps?.className}\n        dataTestId={dataTestId}\n        index={index}\n      >\n        {item.content}\n      </CustomTabPanel>\n    ))}\n  </Box>\n);\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  (tabsProps, ref) => {\n    const resolved = { ...TABS_DEFAULTS, ...definedProps(tabsProps) } as TabsProps;\n    const {\n      // Destructured only to keep it OUT of `rest`, which is spread onto the\n      // DOM node — `{...resolved}` below is what actually carries it to\n      // `TabsBar`. Same reason as `value` on the next line.\n      closeTabLabel: _closeTabLabel,\n      value: _value,\n      onChange,\n      onTabClose,\n      className,\n      disabled,\n      showDividers,\n      variant,\n      dataTestId,\n      ...rest\n    } = resolved;\n\n    const handleChange = (event: React.SyntheticEvent, newValue: string) => {\n      if (!disabled) onChange(event, newValue);\n    };\n\n    const handleTabClose = (event: React.MouseEvent | React.KeyboardEvent, tabId: string) => {\n      event.stopPropagation();\n      onTabClose?.(tabId);\n    };\n\n    return (\n      <Box className={className} ref={ref} data-testid={dataTestId || 'tabs'}>\n        <TabsBar\n          {...resolved}\n          // The destructuring above drops the props this component USES;\n          // `domPassthrough` drops the ones it merely OWNS. Both have to go:\n          // `rest` is spread onto the DOM node, and the second group is where\n          // 12-86's warnings came from.\n          rest={domPassthrough(rest as unknown as Record<string, unknown>)}\n          onChange={handleChange}\n          onCloseTab={handleTabClose}\n        />\n\n        {showDividers && variant !== 'enclosed' && <Divider />}\n\n        <TabsPanels {...resolved} />\n      </Box>\n    );\n  },\n);\n\nTabs.displayName = 'Tabs';\n"],"mappings":"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","names":[]}

package/dist/{chunk-JJYECKEL.js → chunk-LFECE4R7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DQ22UKMZ.js";
 import {
   Avatar
-} from "./chunk-EXEBN5ZP.js";
+} from "./chunk-W56KN53D.js";
 import {
   Card
 } from "./chunk-4XBAEKQQ.js";
@@ -80,4 +80,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-JJYECKEL.js.map
+//# sourceMappingURL=chunk-LFECE4R7.js.map

package/dist/{chunk-LXIPBHNJ.js → chunk-LKTJ26ST.js}

@@ -20,7 +20,7 @@ import {
 } from "./chunk-MWFSIB6K.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -207,4 +207,4 @@ export {
   EmptyState,
   EmptyState_default
 };
-//# sourceMappingURL=chunk-LXIPBHNJ.js.map
+//# sourceMappingURL=chunk-LKTJ26ST.js.map

package/dist/{chunk-56JF5PZK.js → chunk-LYVTJLCF.js}

@@ -1,9 +1,9 @@
-import {
-  SPRING_CONFIG
-} from "./chunk-IM4DMKH4.js";
 import {
   useDragGestures
 } from "./chunk-CRN4KKNI.js";
+import {
+  SPRING_CONFIG
+} from "./chunk-IM4DMKH4.js";
 
 // src/components/data-display/Sheet/Sheet.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -213,4 +213,4 @@ export {
   useSheetDrag,
   useSheetOpen
 };
-//# sourceMappingURL=chunk-56JF5PZK.js.map
+//# sourceMappingURL=chunk-LYVTJLCF.js.map

package/dist/{chunk-EYFDIUVR.js → chunk-M4G4LRQK.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-YKQA4NPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   safeAreaBottom
 } from "./chunk-AKZWDZCZ.js";
@@ -267,4 +267,4 @@ export {
   ModalFooter,
   ModalPanelContents
 };
-//# sourceMappingURL=chunk-EYFDIUVR.js.map
+//# sourceMappingURL=chunk-M4G4LRQK.js.map

package/dist/{chunk-TJUWSQYQ.js → chunk-MDU5Q2HW.js}

@@ -135,7 +135,8 @@ var PT_BR_UI_LABELS = {
     divider: "ou"
   },
   dateRangePicker: {
-    calendar: "Calend\xE1rio"
+    calendar: "Calend\xE1rio",
+    openEnded: "Sem data de t\xE9rmino."
   },
   calendar: {
     chooseMonth: (month) => `${month}, escolher m\xEAs`,
@@ -150,4 +151,4 @@ var PT_BR_UI_LABELS = {
 export {
   PT_BR_UI_LABELS
 };
-//# sourceMappingURL=chunk-TJUWSQYQ.js.map
+//# sourceMappingURL=chunk-MDU5Q2HW.js.map

package/dist/{chunk-TJUWSQYQ.js.map → chunk-MDU5Q2HW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pt-BR.labels.ts"],"sourcesContent":["/**\n * The pt-BR labels pack. A host passes `PT_BR_UI_LABELS.<family>` to the\n * component's `labels` prop (or one entry to its `…Label` prop); see\n * `copy/labels.ts`.\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const PT_BR_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"Carregando\",\n    close: \"Fechar\",\n    delete: \"Excluir\",\n  },\n  stepper: {\n    step: (position, label) => `Etapa ${position}: ${label}`,\n    optional: \"opcional\",\n    completed: \"concluída\",\n    current: \"atual\",\n  },\n  timeline: {\n    expandDetails: \"Mostrar detalhes do item\",\n    collapseDetails: \"Ocultar detalhes do item\",\n    item: (title) => `Item da linha do tempo: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (carregando)`,\n    fallbackAlt: (alt) => `${alt} (imagem alternativa)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} a mais`,\n  },\n  richTextEditor: {\n    placeholder: \"Comece a digitar...\",\n    ariaLabel: \"Editor de texto\",\n    listItem: \"Item da lista\",\n    bold: \"Negrito\",\n    italic: \"Itálico\",\n    underline: \"Sublinhado\",\n    strikethrough: \"Tachado\",\n    numberedList: \"Lista numerada\",\n    bulletedList: \"Lista com marcadores\",\n    insertLink: \"Inserir link\",\n    insertImage: \"Inserir imagem\",\n    codeBlock: \"Bloco de código\",\n    quote: \"Citação\",\n    linkPrompt: \"Informe a URL:\",\n    imagePrompt: \"Informe a URL da imagem:\",\n  },\n  table: {\n    sortBy: (header) => `Ordenar por ${header}`,\n    selectRow: (rowNumber) => `Selecionar a linha ${rowNumber}`,\n    selectAllRows: \"Selecionar todas as linhas\",\n  },\n  code: {\n    copy: \"Copiar código\",\n    copied: \"Copiado!\",\n  },\n  contentToolbar: {\n    gridView: \"Grade\",\n    listView: \"Lista\",\n    openFilters: \"Abrir filtros\",\n    closeFilters: \"Fechar filtros\",\n    filters: \"Filtros\",\n    all: \"Todos\",\n    search: \"Buscar…\",\n    noResults: \"Nenhum resultado\",\n  },\n  dashboard: {\n    breadcrumb: \"Trilha de navegação\",\n    moreFilters: \"Mais filtros\",\n  },\n  navigationMenu: {\n    collapse: \"Recolher\",\n    expand: \"Expandir\",\n  },\n  workflowStep: {\n    step: (position, title) => `Etapa ${position}: ${title}`,\n    progress: (position, total) => `Etapa ${position} de ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancelar\",\n    confirm: \"Confirmar\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Atualizar\",\n    create: \"Criar novo\",\n  },\n  errorState: {\n    retry: \"Tentar novamente\",\n  },\n  loadingState: {\n    skeleton: \"Carregando conteúdo\",\n    spinner: \"Carregando\",\n  },\n  stackedModal: {\n    loading: \"Carregando...\",\n  },\n  command: {\n    placeholder: \"Digite um comando ou pesquise...\",\n    empty: \"Nenhum resultado encontrado\",\n    loading: \"Carregando...\",\n  },\n  formErrorSnackbar: {\n    message: \"Corrija os campos destacados e tente novamente.\",\n  },\n  columnsMenu: {\n    title: \"Colunas\",\n    toggle: \"Mostrar ou ocultar colunas\",\n  },\n  drawer: {\n    close: \"Fechar painel\",\n  },\n  settingsLayout: {\n    navigation: \"Configurações\",\n    searchPlaceholder: \"Buscar configurações\",\n    emptySearch: \"Nenhuma configuração corresponde à busca.\",\n    back: \"Voltar\",\n  },\n  tableFilter: {\n    filters: \"Filtros\",\n    keywordPlaceholder: \"Pressione Enter para filtrar\",\n    keywordLabel: \"Filtrar por palavra-chave\",\n  },\n  appHeader: {\n    disclose: (title) => `Detalhes de ${title}`,\n  },\n  breadcrumbs: {\n    navigation: \"Trilha de navegação\",\n  },\n  animatedIcon: {\n    name: (variant) => `Ícone animado: ${variant}`,\n  },\n  infiniteScroll: {\n    loadFailed: \"Ocorreu um erro ao carregar mais itens\",\n  },\n  socialLogin: {\n    title: \"Entre para continuar\",\n    divider: \"ou\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendário\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, escolher mês`,\n    chooseYear: (year) => `${year}, escolher ano`,\n    previousMonth: \"Mês anterior\",\n    nextMonth: \"Próximo mês\",\n    months: \"Meses\",\n    years: \"Anos\",\n  },\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/pt-BR.labels.ts"],"sourcesContent":["/**\n * The pt-BR labels pack. A host passes `PT_BR_UI_LABELS.<family>` to the\n * component's `labels` prop (or one entry to its `…Label` prop); see\n * `copy/labels.ts`.\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const PT_BR_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"Carregando\",\n    close: \"Fechar\",\n    delete: \"Excluir\",\n  },\n  stepper: {\n    step: (position, label) => `Etapa ${position}: ${label}`,\n    optional: \"opcional\",\n    completed: \"concluída\",\n    current: \"atual\",\n  },\n  timeline: {\n    expandDetails: \"Mostrar detalhes do item\",\n    collapseDetails: \"Ocultar detalhes do item\",\n    item: (title) => `Item da linha do tempo: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (carregando)`,\n    fallbackAlt: (alt) => `${alt} (imagem alternativa)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} a mais`,\n  },\n  richTextEditor: {\n    placeholder: \"Comece a digitar...\",\n    ariaLabel: \"Editor de texto\",\n    listItem: \"Item da lista\",\n    bold: \"Negrito\",\n    italic: \"Itálico\",\n    underline: \"Sublinhado\",\n    strikethrough: \"Tachado\",\n    numberedList: \"Lista numerada\",\n    bulletedList: \"Lista com marcadores\",\n    insertLink: \"Inserir link\",\n    insertImage: \"Inserir imagem\",\n    codeBlock: \"Bloco de código\",\n    quote: \"Citação\",\n    linkPrompt: \"Informe a URL:\",\n    imagePrompt: \"Informe a URL da imagem:\",\n  },\n  table: {\n    sortBy: (header) => `Ordenar por ${header}`,\n    selectRow: (rowNumber) => `Selecionar a linha ${rowNumber}`,\n    selectAllRows: \"Selecionar todas as linhas\",\n  },\n  code: {\n    copy: \"Copiar código\",\n    copied: \"Copiado!\",\n  },\n  contentToolbar: {\n    gridView: \"Grade\",\n    listView: \"Lista\",\n    openFilters: \"Abrir filtros\",\n    closeFilters: \"Fechar filtros\",\n    filters: \"Filtros\",\n    all: \"Todos\",\n    search: \"Buscar…\",\n    noResults: \"Nenhum resultado\",\n  },\n  dashboard: {\n    breadcrumb: \"Trilha de navegação\",\n    moreFilters: \"Mais filtros\",\n  },\n  navigationMenu: {\n    collapse: \"Recolher\",\n    expand: \"Expandir\",\n  },\n  workflowStep: {\n    step: (position, title) => `Etapa ${position}: ${title}`,\n    progress: (position, total) => `Etapa ${position} de ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancelar\",\n    confirm: \"Confirmar\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Atualizar\",\n    create: \"Criar novo\",\n  },\n  errorState: {\n    retry: \"Tentar novamente\",\n  },\n  loadingState: {\n    skeleton: \"Carregando conteúdo\",\n    spinner: \"Carregando\",\n  },\n  stackedModal: {\n    loading: \"Carregando...\",\n  },\n  command: {\n    placeholder: \"Digite um comando ou pesquise...\",\n    empty: \"Nenhum resultado encontrado\",\n    loading: \"Carregando...\",\n  },\n  formErrorSnackbar: {\n    message: \"Corrija os campos destacados e tente novamente.\",\n  },\n  columnsMenu: {\n    title: \"Colunas\",\n    toggle: \"Mostrar ou ocultar colunas\",\n  },\n  drawer: {\n    close: \"Fechar painel\",\n  },\n  settingsLayout: {\n    navigation: \"Configurações\",\n    searchPlaceholder: \"Buscar configurações\",\n    emptySearch: \"Nenhuma configuração corresponde à busca.\",\n    back: \"Voltar\",\n  },\n  tableFilter: {\n    filters: \"Filtros\",\n    keywordPlaceholder: \"Pressione Enter para filtrar\",\n    keywordLabel: \"Filtrar por palavra-chave\",\n  },\n  appHeader: {\n    disclose: (title) => `Detalhes de ${title}`,\n  },\n  breadcrumbs: {\n    navigation: \"Trilha de navegação\",\n  },\n  animatedIcon: {\n    name: (variant) => `Ícone animado: ${variant}`,\n  },\n  infiniteScroll: {\n    loadFailed: \"Ocorreu um erro ao carregar mais itens\",\n  },\n  socialLogin: {\n    title: \"Entre para continuar\",\n    divider: \"ou\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendário\",\n    openEnded: \"Sem data de término.\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, escolher mês`,\n    chooseYear: (year) => `${year}, escolher ano`,\n    previousMonth: \"Mês anterior\",\n    nextMonth: \"Próximo mês\",\n    months: \"Meses\",\n    years: \"Anos\",\n  },\n};\n"],"mappings":"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","names":[]}