@12-apps/ui 6.89.2 → 6.90.0

package/dist/{chunk-YDIC6LSP.js → chunk-VCQFDQM3.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-XHIBFBNP.js";
+} from "./chunk-3ZRK3BRN.js";
 import {
   getMonthName
 } from "./chunk-QWOI5BZV.js";
@@ -24,13 +24,22 @@ var GRID_SX = {
   rowGap: 0.5
 };
 var MONTH_SX = { flex: `1 1 ${sxRem(280)}`, minWidth: 0, maxWidth: sxRem(304) };
-var MonthNavHeader = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => /* @__PURE__ */ jsxs(
+var MonthNavHeader = ({ title, showPrevious, showNext, labels, onPreviousMonth, onNextMonth }) => /* @__PURE__ */ jsxs(
   Box,
   {
     sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 },
     "data-testid": "calendar-header",
     children: [
-      showPrevious && /* @__PURE__ */ jsx(IconButton, { onClick: onPreviousMonth, size: "small", "data-testid": "calendar-prev-month", children: /* @__PURE__ */ jsx(ChevronLeft, {}) }),
+      showPrevious && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          onClick: onPreviousMonth,
+          size: "small",
+          "aria-label": labels?.previousMonth,
+          "data-testid": "calendar-prev-month",
+          children: /* @__PURE__ */ jsx(ChevronLeft, {})
+        }
+      ),
       /* @__PURE__ */ jsx(
         Typography,
         {
@@ -40,7 +49,16 @@ var MonthNavHeader = ({ title, showPrevious, showNext, onPreviousMonth, onNextMo
           children: title
         }
       ),
-      showNext && /* @__PURE__ */ jsx(IconButton, { onClick: onNextMonth, size: "small", "data-testid": "calendar-next-month", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
+      showNext && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          onClick: onNextMonth,
+          size: "small",
+          "aria-label": labels?.nextMonth,
+          "data-testid": "calendar-next-month",
+          children: /* @__PURE__ */ jsx(ChevronRight, {})
+        }
+      ),
       !showPrevious && !showNext && /* @__PURE__ */ jsx(Box, { sx: { width: SPACER_WIDTH } })
     ]
   }
@@ -63,13 +81,13 @@ var WeekdayHeader = ({ weekdayNames }) => /* @__PURE__ */ jsx(Box, { sx: { ...GR
   },
   `weekday-${index}`
 )) });
-var MonthDays = ({ matrix, monthIndex, weekdayNames, dayContext }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+var MonthDays = ({ matrix, weekdayNames, dayContext }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(WeekdayHeader, { weekdayNames }),
   /* @__PURE__ */ jsx(
     Box,
     {
       role: "grid",
-      "aria-labelledby": `month-${monthIndex}`,
+      "aria-label": getMonthName(matrix.month, matrix.year, dayContext.locale),
       "data-testid": "calendar-grid",
       sx: GRID_SX,
       children: matrix.weeks.flat().map((day) => /* @__PURE__ */ jsx(CalendarDayCell, { day, ...dayContext }, day.key))
@@ -83,6 +101,7 @@ var CalendarMonth = ({
   locale,
   weekdayNames,
   renderHeader,
+  labels,
   onPreviousMonth,
   onNextMonth,
   dayContext
@@ -102,6 +121,7 @@ var CalendarMonth = ({
           title,
           showPrevious: monthIndex === 0,
           showNext: monthIndex === monthsToShow - 1,
+          labels,
           onPreviousMonth,
           onNextMonth
         }
@@ -124,4 +144,4 @@ export {
   MonthDays,
   CalendarMonth
 };
-//# sourceMappingURL=chunk-YDIC6LSP.js.map
+//# sourceMappingURL=chunk-VCQFDQM3.js.map

package/dist/chunk-VCQFDQM3.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 { 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 */\nexport const MONTH_SX = { flex: `1 1 ${sxRem(280)}`, minWidth: 0, maxWidth: sxRem(304) } as const;\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  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, labels, 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        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        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  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  onPreviousMonth,\n  onNextMonth,\n  dayContext,\n}) => {\n  const monthName = getMonthName(matrix.month, matrix.year, locale);\n  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;\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={MONTH_SX} data-testid={`calendar-month-${monthIndex}`}>\n      <MonthNavHeader\n        title={title}\n        showPrevious={monthIndex === 0}\n        showNext={monthIndex === monthsToShow - 1}\n        labels={labels}\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-VIMMEADQ.js

@@ -0,0 +1,164 @@
+import {
+  NumberBoundInput
+} from "./chunk-2FKWKLSC.js";
+import {
+  DayRangeCalendar
+} from "./chunk-MICX23P4.js";
+import {
+  RangePresets
+} from "./chunk-LZNUBQ5I.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
+import {
+  isRangeInverted
+} from "./chunk-GCZJH4XL.js";
+import {
+  useOutsideResetKey
+} from "./chunk-YOPMXGHY.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  DayBoundInput
+} from "./chunk-L6YTVXGN.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-range-bounds.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BoundField({
+  field,
+  label,
+  value,
+  onChange,
+  testId,
+  fill
+}) {
+  const copy = useDataViewsCopy();
+  if (field.kind === "day") {
+    return /* @__PURE__ */ jsx(
+      DayBoundInput,
+      {
+        fill: true,
+        mask: copy.filters.dayMask,
+        invalidMessage: copy.filters.dayInvalid,
+        label,
+        value: value == null ? void 0 : String(value),
+        onChange,
+        testId
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NumberBoundInput,
+    {
+      fill,
+      label,
+      value,
+      unit: field.unit,
+      onChange,
+      testId
+    }
+  );
+}
+function BoundCell({ grow, children }) {
+  if (!grow) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(Box, { sx: { flex: "1 1 0", minWidth: 0 }, children });
+}
+function RangeNote({
+  day,
+  inverted,
+  testId
+}) {
+  const copy = useDataViewsCopy();
+  if (inverted) {
+    return /* @__PURE__ */ jsx(
+      Typography,
+      {
+        component: "p",
+        "data-testid": `${testId}-inverted`,
+        sx: { mt: 0.75, fontSize: sxRem(12), color: "error.main" },
+        children: copy.filters.rangeInvalid
+      }
+    );
+  }
+  if (!day) return null;
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      component: "p",
+      "data-testid": `${testId}-inclusive`,
+      sx: { mt: { xs: 0.25, sm: 0.75 }, fontSize: sxRem(12), color: "text.secondary" },
+      children: copy.filters.rangeInclusiveNote
+    }
+  );
+}
+function RangeBounds({
+  field,
+  value,
+  onChange,
+  testId,
+  calendarMonths = 1,
+  showCalendar = true,
+  fillRow = false
+}) {
+  const copy = useDataViewsCopy();
+  const { key, emitted } = useOutsideResetKey(value);
+  const [typed, setTyped] = useState(0);
+  const typedChange = (range) => {
+    setTyped((n) => n + 1);
+    onChange(emitted(range));
+  };
+  const day = field.kind === "day";
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testId}-panel`, children: [
+    /* @__PURE__ */ jsx(Box, { sx: { "&:not(:empty)": { mb: { xs: 1, sm: 1.5 } } }, children: /* @__PURE__ */ jsx(RangePresets, { presets: presetsFor(field, copy), value, onChange, testId }) }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", gap: 1.5 }, children: [
+      /* @__PURE__ */ jsx(BoundCell, { grow: day || fillRow, children: /* @__PURE__ */ jsx(
+        BoundField,
+        {
+          field,
+          label: copy.filters.rangeStart,
+          value: value.min,
+          onChange: (min) => typedChange({ ...value, min }),
+          testId: `${testId}-min`,
+          fill: fillRow
+        },
+        `min-${key}`
+      ) }),
+      /* @__PURE__ */ jsx(BoundCell, { grow: day || fillRow, children: /* @__PURE__ */ jsx(
+        BoundField,
+        {
+          field,
+          label: copy.filters.rangeEnd,
+          value: value.max,
+          onChange: (max) => typedChange({ ...value, max }),
+          testId: `${testId}-max`,
+          fill: fillRow
+        },
+        `max-${key}`
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(RangeNote, { day, inverted: isRangeInverted(value), testId }),
+    day && showCalendar && /* @__PURE__ */ jsx(
+      DayRangeCalendar,
+      {
+        fieldLabel: field.label,
+        value,
+        onChange: (range) => onChange(emitted(range)),
+        months: calendarMonths,
+        viewKey: `${key}-${typed}`,
+        testId
+      }
+    )
+  ] });
+}
+
+export {
+  RangeBounds
+};
+//# sourceMappingURL=chunk-VIMMEADQ.js.map

package/dist/chunk-VIMMEADQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-range-bounds.tsx"],"sourcesContent":["'use client';\n\n/**\n * The `De`/`Até` pair of a range filter, its preset chips, the line under it\n * and — for a day range — the calendar under that (FUT-4144). Shared by the\n * pill's popover, the slide-in panel and the \"Mais\" sheet, so the three cannot\n * drift on what a bound accepts or how it clears.\n */\nimport Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useState } from 'react';\n\nimport { useDataViewsCopy } from './data-views-copy-context';\nimport { DayBoundInput } from './data-views-day-input';\nimport { NumberBoundInput } from './data-views-number-input';\nimport { RangePresets } from './data-views-preset-chips';\nimport { DayRangeCalendar } from './data-views-range-calendar';\nimport { presetsFor } from './data-views-range-presets';\nimport { useOutsideResetKey } from './data-views-range-reset';\nimport { isRangeInverted } from './data-views-range-values';\nimport type { RangeFieldConfig, RangeValue } from './data-views-types';\nimport { sxRem } from '../../../tokens/relative';\n\n/**\n * One end of the range. A day keeps its `AAAA-MM-DD` string verbatim (the form\n * both the field and the backend speak) and is typed through the masked\n * `dd/mm/aaaa` field rather than a native date input — see\n * {@link DayBoundInput} for why. A number parses, and an unparseable/blank\n * entry CLEARS the bound rather than writing `NaN`.\n */\nfunction BoundField<T extends Record<string, unknown>>({\n  field,\n  label,\n  value,\n  onChange,\n  testId,\n  fill,\n}: {\n  field: RangeFieldConfig<T>;\n  label: string;\n  value: number | string | undefined;\n  onChange: (bound: number | string | undefined) => void;\n  testId: string;\n  /** A number box takes its cell's width; a day box always does. */\n  fill: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (field.kind === 'day') {\n    return (\n      <DayBoundInput\n        fill\n        mask={copy.filters.dayMask}\n        invalidMessage={copy.filters.dayInvalid}\n        label={label}\n        value={value == null ? undefined : String(value)}\n        onChange={onChange}\n        testId={testId}\n      />\n    );\n  }\n  return (\n    <NumberBoundInput\n      fill={fill}\n      label={label}\n      value={value}\n      unit={field.unit}\n      onChange={onChange}\n      testId={testId}\n    />\n  );\n}\n\n\n/** One box of the pair: an equal share of the row for a day, as it was for a number. */\nfunction BoundCell({ grow, children }: { grow: boolean; children: React.ReactNode }): React.JSX.Element {\n  if (!grow) return <>{children}</>;\n  return <Box sx={{ flex: '1 1 0', minWidth: 0 }}>{children}</Box>;\n}\n\n/**\n * The line under the pair: why an inverted window matches nothing, or — for a\n * day range — that BOTH days are in the result. Saying so is FUT-668's other\n * half: the bounds compare as ISO strings precisely so `até` keeps its whole\n * day, and nothing on screen would otherwise tell the merchant that.\n */\nfunction RangeNote({\n  day,\n  inverted,\n  testId,\n}: {\n  day: boolean;\n  inverted: boolean;\n  testId: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (inverted) {\n    return (\n      <Typography\n        component=\"p\"\n        data-testid={`${testId}-inverted`}\n        sx={{ mt: 0.75, fontSize: sxRem(12), color: 'error.main' }}\n      >\n        {copy.filters.rangeInvalid}\n      </Typography>\n    );\n  }\n  if (!day) return null;\n  return (\n    <Typography\n      component=\"p\"\n      data-testid={`${testId}-inclusive`}\n      // `text.secondary`, not `disabled`: the note is read, and disabled grey\n      // at 12px is 2.68:1 (FUT-4144 UI review).\n      sx={{ mt: { xs: 0.25, sm: 0.75 }, fontSize: sxRem(12), color: 'text.secondary' }}\n    >\n      {copy.filters.rangeInclusiveNote}\n    </Typography>\n  );\n}\n\n/** Props of {@link RangeBounds}. */\ninterface RangeBoundsProps<T extends Record<string, unknown>> {\n  field: RangeFieldConfig<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n  /**\n   * Months the day calendar shows side by side (FUT-4144). Two where the\n   * popover has the room; one, with the month/year selectors, on a phone and\n   * in the panels.\n   */\n  calendarMonths?: 1 | 2;\n  /**\n   * Whether the day calendar is mounted. A host that keeps the pair mounted\n   * while hidden (the slide-in panel) passes its open state, so a closed panel\n   * holds no calendar of its own.\n   */\n  showCalendar?: boolean;\n  /**\n   * A NUMBER pair splits the row equally too, as a day pair always does. Set\n   * by the panels, whose width is the row's; the pill's popover sizes itself to\n   * its content and keeps the boxes' own width.\n   */\n  fillRow?: boolean;\n}\n\n/**\n * The `De`/`Até` pair for a range — shared by the pill's popover and the\n * slide-in panel's day fields, so the two surfaces cannot drift on what a bound\n * accepts or how it clears.\n */\nexport function RangeBounds<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testId,\n  calendarMonths = 1,\n  showCalendar = true,\n  fillRow = false,\n}: RangeBoundsProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { key, emitted } = useOutsideResetKey(value);\n  // Moves the calendar to a TYPED day. A typed write is the fields' own, so\n  // the outside key above does not see it; a tap on the calendar moves\n  // neither, which is what keeps it still under the finger.\n  const [typed, setTyped] = useState(0);\n  const typedChange = (range: RangeValue) => {\n    setTyped((n) => n + 1);\n    onChange(emitted(range));\n  };\n  const day = field.kind === 'day';\n  return (\n    <Box data-testid={`${testId}-panel`}>\n      {/* Above the inputs, not below: the presets are the answer for most\n          merchants, and the two date pickers are the escape hatch. */}\n      <Box sx={{ '&:not(:empty)': { mb: { xs: 1, sm: 1.5 } } }}>\n        <RangePresets presets={presetsFor(field, copy)} value={value} onChange={onChange} testId={testId} />\n      </Box>\n      {/* Top-aligned: a day that does not exist grows ITS field by a message\n          line, and centring would push the other box half a line down. The two\n          boxes are one height, so with no message this is the same row. */}\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 1.5 }}>\n        {/* A day pair shares the row equally, so it spans the calendar under\n            it; a number pair keeps its own widths. */}\n        <BoundCell grow={day || fillRow}>\n          <BoundField\n            key={`min-${key}`}\n            field={field}\n            label={copy.filters.rangeStart}\n            value={value.min}\n            onChange={(min) => typedChange({ ...value, min })}\n            testId={`${testId}-min`}\n            fill={fillRow}\n          />\n        </BoundCell>\n        <BoundCell grow={day || fillRow}>\n          <BoundField\n            key={`max-${key}`}\n            field={field}\n            label={copy.filters.rangeEnd}\n            value={value.max}\n            onChange={(max) => typedChange({ ...value, max })}\n            testId={`${testId}-max`}\n            fill={fillRow}\n          />\n        </BoundCell>\n      </Box>\n      <RangeNote day={day} inverted={isRangeInverted(value)} testId={testId} />\n      {/* Under the boxes and the note, with no button to reach it: the typed\n          path stays as short as it was, and a period is two taps (FUT-4144). */}\n      {day && showCalendar && (\n        <DayRangeCalendar\n          fieldLabel={field.label}\n          value={value}\n          onChange={(range) => onChange(emitted(range))}\n          months={calendarMonths}\n          viewKey={`${key}-${typed}`}\n          testId={testId}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-6D5AMANO.js → chunk-WH3LUOCQ.js}

@@ -1,6 +1,6 @@
 import {
   useFocusOnScreen
-} from "./chunk-BQBEN44R.js";
+} from "./chunk-RDCIST7P.js";
 import {
   actionSx,
   categoryDescriptionSx,
@@ -47,4 +47,4 @@ function SequenceOverviewBody(props) {
 export {
   SequenceOverviewBody
 };
-//# sourceMappingURL=chunk-6D5AMANO.js.map
+//# sourceMappingURL=chunk-WH3LUOCQ.js.map

package/dist/{chunk-OWRQOYUE.js → chunk-WWR6APJR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZCPSND5Y.js";
 import {
   FleetBody
-} from "./chunk-BAQ3ITZV.js";
+} from "./chunk-JFD742C3.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-OWRQOYUE.js.map
+//# sourceMappingURL=chunk-WWR6APJR.js.map

package/dist/{chunk-5BVAUUWL.js → chunk-X37NTEVS.js}

@@ -7,7 +7,7 @@ import {
 import {
   MONTH_SX,
   MonthDays
-} from "./chunk-YDIC6LSP.js";
+} from "./chunk-VCQFDQM3.js";
 import {
   MONTH_INDEXES,
   canShiftMonth,
@@ -115,4 +115,4 @@ var CalendarSelectorsMonth = ({
 export {
   CalendarSelectorsMonth
 };
-//# sourceMappingURL=chunk-5BVAUUWL.js.map
+//# sourceMappingURL=chunk-X37NTEVS.js.map

package/dist/{chunk-WW3F7DCX.js → chunk-Z2WZDVGG.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-LV6AD6XC.js";
+} from "./chunk-DBI6AMNY.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-WW3F7DCX.js.map
+//# sourceMappingURL=chunk-Z2WZDVGG.js.map

package/dist/{chunk-EXVCVXFX.js → chunk-ZH6NYB6Y.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-ZZ4MMUBY.js";
 import {
   MapControlBar
-} from "./chunk-6WHIJPEF.js";
+} from "./chunk-6PU5P7QT.js";
 import {
   resolveMapCopy
-} from "./chunk-CSGBHYW6.js";
+} from "./chunk-M5Y42AZ4.js";
 import {
   MapSearchBar
 } from "./chunk-MIUPTZS6.js";
@@ -59,4 +59,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-EXVCVXFX.js.map
+//# sourceMappingURL=chunk-ZH6NYB6Y.js.map

package/dist/data-display/Alert.js

@@ -1,11 +1,11 @@
 import "../chunk-NUGT7LMR.js";
 import {
   Alert
-} from "../chunk-NQCTANF3.js";
-import "../chunk-L5RS6QAT.js";
-import "../chunk-QXUXO22M.js";
+} from "../chunk-QVDEGBME.js";
 import "../chunk-7HZ36QDH.js";
+import "../chunk-L5RS6QAT.js";
 import "../chunk-L7VH6IMR.js";
+import "../chunk-QXUXO22M.js";
 import "../chunk-5ZY3IIIG.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-2FBGDSGC.js";

package/dist/data-display/Avatar.js

@@ -2,11 +2,11 @@ import "../chunk-UDQSIRAP.js";
 import {
   Avatar,
   AvatarGroup
-} from "../chunk-JIEVKHOH.js";
-import "../chunk-7XSCEHGA.js";
-import "../chunk-MTEQEPNY.js";
-import "../chunk-6ZZGK5DT.js";
+} from "../chunk-7YJYIMWP.js";
 import "../chunk-3ZVUNSFF.js";
+import "../chunk-EOQ6EKTS.js";
+import "../chunk-6ZZGK5DT.js";
+import "../chunk-MTEQEPNY.js";
 import "../chunk-XOXXG7Q5.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/data-display/CardKit.js

@@ -1,9 +1,16 @@
+import {
+  CardKebab
+} from "../chunk-R2ODLE6G.js";
 import {
   useRowConfirm
 } from "../chunk-N557OEZR.js";
 import {
   useRemoveConfirm
-} from "../chunk-3YFDGFEK.js";
+} from "../chunk-DVX4HDNP.js";
+import {
+  CardActionsProvider,
+  useCardActions
+} from "../chunk-PJNIJIE6.js";
 import {
   rowActionsToMenuItems
 } from "../chunk-ZBXG6RVJ.js";
@@ -14,13 +21,6 @@ import {
   Ledger,
   TagList
 } from "../chunk-JOKWTRWL.js";
-import {
-  CardActionsProvider,
-  useCardActions
-} from "../chunk-RCTHCXS6.js";
-import {
-  CardKebab
-} from "../chunk-R2ODLE6G.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-AY5GKCH7.js";
 import "../chunk-XCBQXSTR.js";
@@ -32,11 +32,11 @@ import "../chunk-EMYESBIT.js";
 import "../chunk-LZRVUOMU.js";
 import "../chunk-EEB66IVH.js";
 import "../chunk-NUGT7LMR.js";
-import "../chunk-NQCTANF3.js";
-import "../chunk-L5RS6QAT.js";
-import "../chunk-QXUXO22M.js";
+import "../chunk-QVDEGBME.js";
 import "../chunk-7HZ36QDH.js";
+import "../chunk-L5RS6QAT.js";
 import "../chunk-L7VH6IMR.js";
+import "../chunk-QXUXO22M.js";
 import "../chunk-2IBFEHIX.js";
 import "../chunk-ZYZPSBNQ.js";
 import "../chunk-COK65GX2.js";

package/dist/data-display/Carousel.js

@@ -1,19 +1,20 @@
 import "../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../chunk-K6FCSB6T.js";
-import "../chunk-Z64TMGYT.js";
+} from "../chunk-SK2CTB3O.js";
 import "../chunk-6FDLBWTE.js";
 import "../chunk-RUIV5TVA.js";
-import "../chunk-U2ILXZDG.js";
+import "../chunk-TB5CRHTF.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "../chunk-BECKKDYG.js";
-import "../chunk-FEKWKWGK.js";
+} from "../chunk-M2M4IDFU.js";
+import "../chunk-Z64TMGYT.js";
+import "../chunk-ARGVUTTL.js";
 import "../chunk-PZS7N74L.js";
 import "../chunk-AA2X5GOT.js";
+import "../chunk-XOXXG7Q5.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-B7ZHEOQQ.js";
 import "../chunk-BRHRK7BK.js";

package/dist/data-display/Chart.js

@@ -1,29 +1,22 @@
 import "../chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "../chunk-SB2SEGR6.js";
+} from "../chunk-TIM4PXWN.js";
 import {
   Chart
-} from "../chunk-AMLHEKSV.js";
+} from "../chunk-HI7JPDD6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "../chunk-HQCZT6TO.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "../chunk-6GPNZSAE.js";
+} from "../chunk-JVOEVTCZ.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "../chunk-WKUA6P3W.js";
-import "../chunk-6ATXOJVQ.js";
-import "../chunk-TZC6KIK2.js";
-import "../chunk-TCWISGSS.js";
-import "../chunk-SOHQPPYJ.js";
+import "../chunk-QADTI63U.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -31,6 +24,13 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "../chunk-RIRTW5EU.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "../chunk-6GPNZSAE.js";
+import "../chunk-TZC6KIK2.js";
+import "../chunk-TCWISGSS.js";
+import "../chunk-SOHQPPYJ.js";
 import "../chunk-B7ZHEOQQ.js";
 import "../chunk-BRHRK7BK.js";
 import "../chunk-25MSGLNU.js";

package/dist/data-display/DataGrid.js

@@ -1,11 +1,11 @@
 import "../chunk-L5CPOEDP.js";
 import {
   DataGrid
-} from "../chunk-DYHOBKPU.js";
-import "../chunk-EARWC6PD.js";
+} from "../chunk-BLZDSCIZ.js";
 import "../chunk-LDROG4QI.js";
 import "../chunk-5RYPVYWP.js";
 import "../chunk-K6FW4YDA.js";
+import "../chunk-EARWC6PD.js";
 import "../chunk-G3E66C6J.js";
 import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";