@12-apps/ui 6.86.1 → 6.87.0

package/dist/{chunk-2VRJ577J.js → chunk-X3EB67O2.js}

@@ -1,9 +1,9 @@
-import {
-  MenubarItemView
-} from "./chunk-PFQ2DF5F.js";
 import {
   MenubarSeparator
 } from "./chunk-YMGHTZA6.js";
+import {
+  MenubarItemView
+} from "./chunk-PFQ2DF5F.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -87,4 +87,4 @@ var MenubarToolbar = ({
 export {
   MenubarToolbar
 };
-//# sourceMappingURL=chunk-2VRJ577J.js.map
+//# sourceMappingURL=chunk-X3EB67O2.js.map

package/dist/{chunk-HKGKQKQT.js → chunk-X5OGIT2F.js}

@@ -1,3 +1,8 @@
+import {
+  bandColor,
+  endpointFill,
+  endpointHoverFill
+} from "./chunk-H2UUMZQR.js";
 import {
   rem,
   sxRem
@@ -6,7 +11,8 @@ import {
 // src/components/form/Calendar/CalendarDay.tsx
 import Box from "@mui/material/Box/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-var CELL_SIZE = sxRem(40);
+var COLUMN_SIZE = sxRem(304 / 7);
+var CELL_RATIO = "38 / 35";
 var CLASS_FLAGS = [
   ["selected", "selected"],
   ["inRange", "in-range"],
@@ -24,11 +30,16 @@ var dayClassNames = (state, custom) => [
   ...custom ? [custom] : []
 ].join(" ");
 var isEndpoint = (day) => day.selected || day.rangeStart || day.rangeEnd;
-var backgroundFor = (day) => {
-  if (isEndpoint(day)) return "primary.main";
-  if (day.inRange || day.hovered) return "primary.light";
-  return "transparent";
+var BAND_IMAGE = {
+  full: (band) => `linear-gradient(${band}, ${band})`,
+  after: (band) => `linear-gradient(to right, transparent 50%, ${band} 50%)`,
+  before: (band) => `linear-gradient(to left, transparent 50%, ${band} 50%)`
+};
+var inDirection = (band, theme) => {
+  if (theme.direction !== "rtl" || band === "full") return band;
+  return band === "after" ? "before" : "after";
 };
+var faceBackgroundFor = (day) => isEndpoint(day) ? endpointFill : "transparent";
 var colorFor = (day, visible) => {
   if (isEndpoint(day)) return "primary.contrastText";
   if (day.disabled) return "text.disabled";
@@ -37,32 +48,52 @@ var colorFor = (day, visible) => {
 };
 var hoverBackgroundFor = (day) => {
   if (day.disabled) return void 0;
-  return day.selected ? "primary.dark" : "action.hover";
+  return isEndpoint(day) ? endpointHoverFill : "action.hover";
 };
-var dayCellSx = (day, visible) => ({
+var BAND_RADIUS = "50%";
+var dayCellSx = (day, band, visible) => ({
+  position: "relative",
+  isolation: "isolate",
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  // 40 is the size it ASKS for, so the month's intrinsic width stays 304 and a
-  // shrink-wrapping parent (the picker is inline-flex) still sizes to it; the
-  // column's `minmax(0, 1fr)` and this `maxWidth` let it give way below that.
-  width: CELL_SIZE,
+  // The column it ASKS for keeps the month's intrinsic width at 304 (FUT-3861),
+  // 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: "1 / 1",
-  justifySelf: "center",
+  aspectRatio: CELL_RATIO,
+  justifySelf: "stretch",
   boxSizing: "border-box",
   padding: 0,
   border: "none",
-  borderRadius: 1,
+  background: "none",
+  backgroundImage: band === "none" ? "none" : (theme) => BAND_IMAGE[inDirection(band, theme)](bandColor(theme)),
   cursor: day.disabled ? "not-allowed" : "pointer",
-  backgroundColor: backgroundFor(day),
   color: colorFor(day, visible),
   opacity: !day.inCurrentMonth && visible ? 0.5 : 1,
-  fontWeight: day.today ? "bold" : "normal",
-  "&:hover": {
+  fontWeight: day.today || isEndpoint(day) ? "bold" : "normal",
+  "&:nth-of-type(7n + 1)": { borderStartStartRadius: BAND_RADIUS, borderEndStartRadius: BAND_RADIUS },
+  "&:nth-of-type(7n)": { borderStartEndRadius: BAND_RADIUS, borderEndEndRadius: BAND_RADIUS },
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    inset: 0,
+    margin: "auto",
+    zIndex: -1,
+    // A circle as tall as the cell: 40 design px at full size (FUT-3861).
+    height: "100%",
+    aspectRatio: "1 / 1",
+    maxWidth: "100%",
+    borderRadius: "50%",
+    backgroundColor: faceBackgroundFor(day)
+  },
+  "&:hover::before": {
     backgroundColor: hoverBackgroundFor(day)
   },
-  "&:focus": {
+  "&:focus": { outline: "none" },
+  "&:focus::before": {
     outline: (theme) => `${rem(theme, 2)} solid`,
     outlineColor: "primary.main",
     outlineOffset: sxRem(1)
@@ -70,6 +101,7 @@ var dayCellSx = (day, visible) => ({
 });
 var CalendarDay = ({
   day,
+  band,
   focused,
   showOutsideDays,
   dayClassName,
@@ -93,7 +125,7 @@ var CalendarDay = ({
       onClick: () => onSelect(day.date),
       onMouseEnter: () => onHover(day.date),
       onMouseLeave: onHoverEnd,
-      sx: dayCellSx(day, visible),
+      sx: dayCellSx(day, band, visible),
       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" } }),
@@ -106,4 +138,4 @@ var CalendarDay = ({
 export {
   CalendarDay
 };
-//# sourceMappingURL=chunk-HKGKQKQT.js.map
+//# sourceMappingURL=chunk-X5OGIT2F.js.map

package/dist/chunk-X5OGIT2F.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\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): string => {\n  if (isEndpoint(day)) return 'primary.contrastText';\n  if (day.disabled) return '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\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 */\nconst dayCellSx = (day: DayRenderArgs, band: DayBand, visible: boolean): 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  width: COLUMN_SIZE,\n  maxWidth: '100%',\n  aspectRatio: CELL_RATIO,\n  justifySelf: 'stretch',\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),\n  opacity: !day.inCurrentMonth && visible ? 0.5 : 1,\n  fontWeight: day.today || isEndpoint(day) ? 'bold' : 'normal',\n  '&:nth-of-type(7n + 1)': { borderStartStartRadius: BAND_RADIUS, borderEndStartRadius: BAND_RADIUS },\n  '&:nth-of-type(7n)': { borderStartEndRadius: BAND_RADIUS, borderEndEndRadius: BAND_RADIUS },\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  },\n  '&:hover::before': {\n    backgroundColor: hoverBackgroundFor(day),\n  },\n  '&:focus': { outline: 'none' },\n  '&:focus::before': {\n    outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n    outlineColor: 'primary.main',\n    outlineOffset: sxRem(1),\n  },\n});\n\nexport interface CalendarDayProps {\n  day: DayRenderArgs;\n  band: DayBand;\n  focused: boolean;\n  showOutsideDays: 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  band,\n  focused,\n  showOutsideDays,\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  return (\n    <Box\n      component=\"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      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)}\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      {visible ? day.date.getDate() : ''}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-56GWNA5V.js → chunk-X6D5JEUV.js}

@@ -1,3 +1,6 @@
+import {
+  AddressSuggestionsPaper
+} from "./chunk-EIOGJBJ5.js";
 import {
   AddressOption
 } from "./chunk-P5JCOFK3.js";
@@ -9,9 +12,6 @@ import {
   addressOptionLabel,
   isSameAddressOption
 } from "./chunk-NNKIM73H.js";
-import {
-  AddressSuggestionsPaper
-} from "./chunk-C5RQBTRZ.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
@@ -24,6 +24,10 @@ import Alert from "@mui/material/Alert/index.js";
 import Autocomplete from "@mui/material/Autocomplete/index.js";
 import Box from "@mui/material/Box/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+var emptyTextFor = (text, inputValue, apiError) => {
+  if (apiError) return void 0;
+  return inputValue.length <= MIN_QUERY_LENGTH ? text.typeToSearch : text.noAddressesFound;
+};
 var AddressAutocompleteField = ({
   copy,
   variant,
@@ -46,6 +50,9 @@ var AddressAutocompleteField = ({
   handleGetCurrentLocation
 }) => {
   const text = resolveLabels(EN_US_ADDRESS_AUTOCOMPLETE_COPY, copy);
+  const paperProps = {
+    emptyText: emptyTextFor(text, inputValue, apiError)
+  };
   return /* @__PURE__ */ jsxs(Box, { "data-testid": "address-autocomplete-container", children: [
     /* @__PURE__ */ jsx(
       Autocomplete,
@@ -62,7 +69,7 @@ var AddressAutocompleteField = ({
         getOptionLabel: addressOptionLabel,
         isOptionEqualToValue: isSameAddressOption,
         PaperComponent: AddressSuggestionsPaper,
-        noOptionsText: inputValue.length <= MIN_QUERY_LENGTH ? text.typeToSearch : text.noAddressesFound,
+        slotProps: { paper: paperProps },
         renderOption: ({ key, ...optionProps }, option, state) => /* @__PURE__ */ jsx(
           AddressOption,
           {
@@ -99,4 +106,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-56GWNA5V.js.map
+//# sourceMappingURL=chunk-X6D5JEUV.js.map

package/dist/chunk-X6D5JEUV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx"],"sourcesContent":["import { EN_US_ADDRESS_AUTOCOMPLETE_COPY } from '../../../en-US.form';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport Alert from '@mui/material/Alert/index.js';\nimport Autocomplete from '@mui/material/Autocomplete/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport {\n  addressOptionLabel,\n  isSameAddressOption,\n  MIN_QUERY_LENGTH,\n  type ResolvedAddressProps,\n} from './AddressAutocomplete.helpers';\nimport type { AddressAutocompleteState } from './AddressAutocomplete.hooks';\nimport { AddressInputField } from './AddressInputField';\nimport { AddressOption } from './AddressOption';\nimport { AddressSuggestionsPaper, type AddressSuggestionsPaperProps } from './AddressSuggestionsPaper';\n\nexport type AddressAutocompleteFieldProps = ResolvedAddressProps & AddressAutocompleteState;\n\n// What the open list says when it is empty. A failed lookup is not an empty\n// answer: the field's helper text and the alert below already say what went\n// wrong.\nconst emptyTextFor = (\n  text: { typeToSearch: string; noAddressesFound: string },\n  inputValue: string,\n  apiError: string | null | undefined,\n): string | undefined => {\n  if (apiError) return undefined;\n  return inputValue.length <= MIN_QUERY_LENGTH ? text.typeToSearch : text.noAddressesFound;\n};\n\n// The live field, rendered once Google Maps (or the mock stand-in) is ready.\nexport const AddressAutocompleteField: FC<AddressAutocompleteFieldProps> = ({\n  copy,\n  variant,\n  label,\n  placeholder,\n  icon,\n  floating,\n  error,\n  helperText,\n  disabled,\n  required,\n  fullWidth,\n  getCurrentLocation,\n  inputValue,\n  options,\n  loading,\n  apiError,\n  handleInputChange,\n  handleSelect,\n  handleGetCurrentLocation,\n}) => {\n  const text = resolveLabels(EN_US_ADDRESS_AUTOCOMPLETE_COPY, copy);\n  const paperProps: AddressSuggestionsPaperProps = {\n    emptyText: emptyTextFor(text, inputValue, apiError),\n  };\n  return (\n  <Box data-testid=\"address-autocomplete-container\">\n    <Autocomplete\n      freeSolo\n      options={options}\n      inputValue={inputValue}\n      onInputChange={handleInputChange}\n      onChange={handleSelect}\n      loading={loading}\n      loadingText={text.loadingSuggestions}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      getOptionLabel={addressOptionLabel}\n      isOptionEqualToValue={isSameAddressOption}\n      PaperComponent={AddressSuggestionsPaper}\n      slotProps={{ paper: paperProps }}\n      renderOption={({ key, ...optionProps }, option, state) => (\n        <AddressOption\n          key={key}\n          optionProps={optionProps}\n          option={option}\n          index={state.index}\n        />\n      )}\n      renderInput={(params) => (\n        <AddressInputField\n          copy={copy}\n          params={params}\n          addressVariant={variant}\n          label={floating ? undefined : label}\n          placeholder={placeholder}\n          icon={icon}\n          error={error || !!apiError}\n          helperText={apiError || helperText}\n          required={required}\n          disabled={disabled}\n          loading={loading}\n          showCurrentLocation={getCurrentLocation && !loading}\n          onGetCurrentLocation={handleGetCurrentLocation}\n        />\n      )}\n    />\n    {apiError && (\n      <Alert severity=\"warning\" sx={{ mt: 1 }}>\n        {apiError}\n      </Alert>\n    )}\n  </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,SAAS;AAwDd,SAgBM,KAhBN;AApCF,IAAM,eAAe,CACnB,MACA,YACA,aACuB;AACvB,MAAI,SAAU,QAAO;AACrB,SAAO,WAAW,UAAU,mBAAmB,KAAK,eAAe,KAAK;AAC1E;AAGO,IAAM,2BAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,cAAc,iCAAiC,IAAI;AAChE,QAAM,aAA2C;AAAA,IAC/C,WAAW,aAAa,MAAM,YAAY,QAAQ;AAAA,EACpD;AACA,SACA,qBAAC,OAAI,eAAY,kCACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV;AAAA,QACA,aAAa,KAAK;AAAA,QAClB;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,gBAAgB;AAAA,QAChB,WAAW,EAAE,OAAO,WAAW;AAAA,QAC/B,cAAc,CAAC,EAAE,KAAK,GAAG,YAAY,GAAG,QAAQ,UAC9C;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA,OAAO,MAAM;AAAA;AAAA,UAHR;AAAA,QAIP;AAAA,QAEF,aAAa,CAAC,WACZ;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,OAAO,WAAW,SAAY;AAAA,YAC9B;AAAA,YACA;AAAA,YACA,OAAO,SAAS,CAAC,CAAC;AAAA,YAClB,YAAY,YAAY;AAAA,YACxB;AAAA,YACA;AAAA,YACA;AAAA,YACA,qBAAqB,sBAAsB,CAAC;AAAA,YAC5C,sBAAsB;AAAA;AAAA,QACxB;AAAA;AAAA,IAEJ;AAAA,IACC,YACC,oBAAC,SAAM,UAAS,WAAU,IAAI,EAAE,IAAI,EAAE,GACnC,oBACH;AAAA,KAEJ;AAEF;","names":[]}

package/dist/{chunk-KRYOT3KB.js → chunk-XALFZ25A.js}

@@ -1,12 +1,12 @@
 import {
   ErrorState
-} from "./chunk-HBH7V3IP.js";
+} from "./chunk-TOOEEQ46.js";
 import {
   LoadingState
-} from "./chunk-Q4GAPZDA.js";
+} from "./chunk-O2MR6U7Q.js";
 import {
   EmptyState
-} from "./chunk-LXIPBHNJ.js";
+} from "./chunk-I5SIHPOG.js";
 
 // src/components/data-display/AsyncStateContainer/AsyncStateContainer.tsx
 import Box from "@mui/material/Box/index.js";
@@ -65,4 +65,4 @@ export {
   AsyncStateContainer,
   AsyncStateContainer_default
 };
-//# sourceMappingURL=chunk-KRYOT3KB.js.map
+//# sourceMappingURL=chunk-XALFZ25A.js.map

package/dist/{chunk-BNBWUXT3.js → chunk-XEKJ7L7I.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-7W5X3KQ2.js";
+} from "./chunk-6BQ3YKLD.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -23,4 +23,4 @@ ConfirmAction.displayName = "ConfirmAction";
 export {
   ConfirmAction
 };
-//# sourceMappingURL=chunk-BNBWUXT3.js.map
+//# sourceMappingURL=chunk-XEKJ7L7I.js.map

package/dist/{chunk-D72GD4XC.js → chunk-XHIBFBNP.js}

@@ -1,9 +1,12 @@
-import {
-  CalendarDay
-} from "./chunk-HKGKQKQT.js";
 import {
   buildDayArgs
 } from "./chunk-JV2JIUDT.js";
+import {
+  CalendarDay
+} from "./chunk-X5OGIT2F.js";
+import {
+  bandFor
+} from "./chunk-H2UUMZQR.js";
 import {
   isSameDay
 } from "./chunk-QWOI5BZV.js";
@@ -27,6 +30,7 @@ var CalendarDayCell = ({
     CalendarDay,
     {
       day: args,
+      band: bandFor({ args, ...context }),
       focused: isSameDay(args.date, focusedDate),
       showOutsideDays,
       dayClassName,
@@ -40,4 +44,4 @@ var CalendarDayCell = ({
 export {
   CalendarDayCell
 };
-//# sourceMappingURL=chunk-D72GD4XC.js.map
+//# sourceMappingURL=chunk-XHIBFBNP.js.map

package/dist/chunk-XHIBFBNP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarDayCell.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { bandFor } from './Calendar.band';\nimport { isSameDay } from './Calendar.dates';\nimport { buildDayArgs } from './Calendar.selection';\nimport type { CalendarProps, DateRange, MonthMatrixDay, SelectionMode } from './Calendar.types';\nimport { CalendarDay } from './CalendarDay';\n\n// Everything a cell needs that is the same for every cell in the calendar.\nexport interface DayCellContext {\n  selectionMode: SelectionMode;\n  value: Date | null;\n  range: DateRange;\n  hoveredDate: Date | null;\n  focusedDate: Date;\n  today: Date;\n  showOutsideDays: boolean;\n  isDisabled: (date: Date) => boolean;\n  renderDay?: CalendarProps['renderDay'];\n  dayClassName?: CalendarProps['dayClassName'];\n  onSelect: (date: Date) => void;\n  onHover: (date: Date) => void;\n  onHoverEnd: () => void;\n}\n\nexport const CalendarDayCell: FC<DayCellContext & { day: MonthMatrixDay }> = ({\n  day,\n  focusedDate,\n  showOutsideDays,\n  renderDay,\n  dayClassName,\n  onSelect,\n  onHover,\n  onHoverEnd,\n  ...context\n}) => {\n  const args = buildDayArgs({ day, ...context });\n\n  if (renderDay) return <>{renderDay(args)}</>;\n\n  return (\n    <CalendarDay\n      day={args}\n      band={bandFor({ args, ...context })}\n      focused={isSameDay(args.date, focusedDate)}\n      showOutsideDays={showOutsideDays}\n      dayClassName={dayClassName}\n      onSelect={onSelect}\n      onHover={onHover}\n      onHoverEnd={onHoverEnd}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAuCwB;AAbjB,IAAM,kBAAgE,CAAC;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,OAAO,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAI,UAAW,QAAO,gCAAG,oBAAU,IAAI,GAAE;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;AAAA,MAClC,SAAS,UAAU,KAAK,MAAM,WAAW;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-QAH3XILB.js → chunk-XNIHDUOP.js}

@@ -5,10 +5,10 @@ import {
 } from "./chunk-LHJJZ462.js";
 import {
   Skeleton
-} from "./chunk-3DPPDGOF.js";
+} from "./chunk-62SXUU5U.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -278,4 +278,4 @@ LazyImage.displayName = "LazyImage";
 export {
   LazyImage
 };
-//# sourceMappingURL=chunk-QAH3XILB.js.map
+//# sourceMappingURL=chunk-XNIHDUOP.js.map

package/dist/{chunk-65KJLPF5.js → chunk-XRVXQJNB.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-B32554CQ.js";
+} from "./chunk-3KMP2F4R.js";
 import {
   useDataViewsState
-} from "./chunk-H7CZRKN7.js";
+} from "./chunk-ZCNR4DN5.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-65KJLPF5.js.map
+//# sourceMappingURL=chunk-XRVXQJNB.js.map

package/dist/{chunk-K6WY2CHG.js → chunk-XZFTRGRW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-NOF2FF4K.js";
+} from "./chunk-7CPLKAL6.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-K6WY2CHG.js.map
+//# sourceMappingURL=chunk-XZFTRGRW.js.map

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

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

package/dist/{chunk-OQN2FHEL.js → chunk-Y6IIWGZB.js}

@@ -2,7 +2,7 @@ import {
   MoreGroup,
   MoreQuick,
   fieldClearing
-} from "./chunk-V6KQ5R4T.js";
+} from "./chunk-LSGZLFKX.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -11,7 +11,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -194,4 +194,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-OQN2FHEL.js.map
+//# sourceMappingURL=chunk-Y6IIWGZB.js.map

package/dist/{chunk-WMAS6DZR.js → chunk-YAQE7QVC.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Switch
-} from "./chunk-ANUO67JQ.js";
+} from "./chunk-EIMFA7KP.js";
 import {
   Input
 } from "./chunk-RHVJ3L4U.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-5YVMFK7Y.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -25,7 +25,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-WMAS6DZR.js.map
+//# sourceMappingURL=chunk-YAQE7QVC.js.map

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

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-D72GD4XC.js";
+} from "./chunk-XHIBFBNP.js";
 import {
   getMonthName
 } from "./chunk-QWOI5BZV.js";
@@ -16,7 +16,13 @@ import IconButton from "@mui/material/IconButton/index.js";
 import Typography from "@mui/material/Typography/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var SPACER_WIDTH = sxRem(32);
-var GRID_SX = { display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: 0.5 };
+var GRID_SX = {
+  display: "grid",
+  justifyItems: "center",
+  gridTemplateColumns: "repeat(7, minmax(0, 1fr))",
+  columnGap: 0,
+  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(
   Box,
@@ -118,4 +124,4 @@ export {
   MonthDays,
   CalendarMonth
 };
-//# sourceMappingURL=chunk-POUNFTG3.js.map
+//# sourceMappingURL=chunk-YDIC6LSP.js.map

package/dist/chunk-YDIC6LSP.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 { 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// 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  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, 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 onClick={onPreviousMonth} size=\"small\" data-testid=\"calendar-prev-month\">\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 onClick={onNextMonth} size=\"small\" data-testid=\"calendar-next-month\">\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, monthIndex, weekdayNames, dayContext }) => (\n  <>\n    <WeekdayHeader weekdayNames={weekdayNames} />\n\n    <Box\n      role=\"grid\"\n      aria-labelledby={`month-${monthIndex}`}\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  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  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        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-YE44HUFF.js

@@ -0,0 +1,72 @@
+// src/components/data-display/ScheduleGrid/drag-session.ts
+import { useEffect, useRef } from "react";
+function useDragWindow(active, handlers) {
+  const latest = useRef(handlers);
+  latest.current = handlers;
+  useEffect(() => {
+    if (!active) return void 0;
+    const onMove = (event) => {
+      if (event.buttons === 0) latest.current.abort("released");
+      else latest.current.move(event);
+    };
+    const onUp = (event) => latest.current.up(event);
+    const onCancel = () => latest.current.abort("pointercancel");
+    const onBlur = () => latest.current.abort("blur");
+    const onKey = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      latest.current.abort("escape");
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    window.addEventListener("pointercancel", onCancel);
+    window.addEventListener("blur", onBlur);
+    window.addEventListener("keydown", onKey, true);
+    return () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      window.removeEventListener("pointercancel", onCancel);
+      window.removeEventListener("blur", onBlur);
+      window.removeEventListener("keydown", onKey, true);
+    };
+  }, [active]);
+}
+function useTrailingClick() {
+  const armed = useRef(false);
+  const undo = useRef(null);
+  const clear = () => {
+    armed.current = false;
+    undo.current?.();
+    undo.current = null;
+  };
+  useEffect(() => clear, []);
+  const arm = (released) => {
+    clear();
+    armed.current = true;
+    let timer;
+    const later = () => {
+      timer = setTimeout(clear, 0);
+    };
+    window.addEventListener("pointerdown", clear, true);
+    if (released) later();
+    else window.addEventListener("pointerup", later, { capture: true, once: true });
+    undo.current = () => {
+      if (timer !== void 0) clearTimeout(timer);
+      window.removeEventListener("pointerdown", clear, true);
+      window.removeEventListener("pointerup", later, true);
+    };
+  };
+  const take = () => {
+    const swallow = armed.current;
+    if (swallow) clear();
+    return swallow;
+  };
+  return { arm, reset: clear, take };
+}
+
+export {
+  useDragWindow,
+  useTrailingClick
+};
+//# sourceMappingURL=chunk-YE44HUFF.js.map

package/dist/chunk-YE44HUFF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/drag-session.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * WHAT THE WEEK GRID'S AND THE DAY RULER'S DRAGS SHARE (FUT-3825): the window\n * listeners a running drag needs, the ways to abort one, and the click a\n * finished or aborted drag leaves behind.\n */\n\n/** Why a drag ended without being committed. */\nexport type DragAbort =\n  /** Escape pressed while dragging: the button may still be down. */\n  | 'escape'\n  /** The window lost focus (another app, a dialog): the release may never reach the page. */\n  | 'blur'\n  /** A move arrived with no button down: the release happened where the page could not see it. */\n  | 'released'\n  /** The browser took the pointer (a scroll, a system gesture). */\n  | 'pointercancel';\n\nexport interface DragWindowHandlers {\n  move: (event: PointerEvent) => void;\n  /** The release, wherever it happens: a release outside the grid still commits. */\n  up: (event: PointerEvent) => void;\n  abort: (reason: DragAbort) => void;\n}\n\n/**\n * Listen on the window while `active`: moves, the release, and the four ways a\n * drag is abandoned. Escape is taken in the capture phase and stopped there,\n * so a drawer or dialog around the grid does not also close on it.\n */\nexport function useDragWindow(active: boolean, handlers: DragWindowHandlers): void {\n  const latest = useRef(handlers);\n  latest.current = handlers;\n  useEffect(() => {\n    if (!active) return undefined;\n    const onMove = (event: PointerEvent): void => {\n      if (event.buttons === 0) latest.current.abort('released');\n      else latest.current.move(event);\n    };\n    const onUp = (event: PointerEvent): void => latest.current.up(event);\n    const onCancel = (): void => latest.current.abort('pointercancel');\n    const onBlur = (): void => latest.current.abort('blur');\n    const onKey = (event: KeyboardEvent): void => {\n      if (event.key !== 'Escape') return;\n      event.preventDefault();\n      event.stopPropagation();\n      latest.current.abort('escape');\n    };\n    window.addEventListener('pointermove', onMove);\n    window.addEventListener('pointerup', onUp);\n    window.addEventListener('pointercancel', onCancel);\n    window.addEventListener('blur', onBlur);\n    window.addEventListener('keydown', onKey, true);\n    return () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n      window.removeEventListener('pointercancel', onCancel);\n      window.removeEventListener('blur', onBlur);\n      window.removeEventListener('keydown', onKey, true);\n    };\n  }, [active]);\n}\n\nexport interface TrailingClick {\n  /**\n   * Ignore the click this gesture leaves behind. `released`: the button is\n   * already up (a commit), so that click is in flight now; otherwise (an\n   * abort with the button still down) it follows the coming release.\n   */\n  arm: (released: boolean) => void;\n  /** A new drag starts: nothing to ignore. */\n  reset: () => void;\n  /** True once, for the click to ignore. */\n  take: () => boolean;\n}\n\n/**\n * The click a drag leaves behind, and only that one: the flag lives until the\n * task after the release (the browser dispatches the release's click before\n * any task runs) and dies with the next press, so a later click on anything —\n * a block that cannot move, another cell — is never eaten.\n */\nexport function useTrailingClick(): TrailingClick {\n  const armed = useRef(false);\n  const undo = useRef<(() => void) | null>(null);\n\n  const clear = (): void => {\n    armed.current = false;\n    undo.current?.();\n    undo.current = null;\n  };\n\n  useEffect(() => clear, []);\n\n  const arm = (released: boolean): void => {\n    clear();\n    armed.current = true;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const later = (): void => {\n      timer = setTimeout(clear, 0);\n    };\n    window.addEventListener('pointerdown', clear, true);\n    if (released) later();\n    else window.addEventListener('pointerup', later, { capture: true, once: true });\n    undo.current = () => {\n      if (timer !== undefined) clearTimeout(timer);\n      window.removeEventListener('pointerdown', clear, true);\n      window.removeEventListener('pointerup', later, true);\n    };\n  };\n\n  const take = (): boolean => {\n    const swallow = armed.current;\n    if (swallow) clear();\n    return swallow;\n  };\n\n  return { arm, reset: clear, take };\n}\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AA+B3B,SAAS,cAAc,QAAiB,UAAoC;AACjF,QAAM,SAAS,OAAO,QAAQ;AAC9B,SAAO,UAAU;AACjB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,SAAS,CAAC,UAA8B;AAC5C,UAAI,MAAM,YAAY,EAAG,QAAO,QAAQ,MAAM,UAAU;AAAA,UACnD,QAAO,QAAQ,KAAK,KAAK;AAAA,IAChC;AACA,UAAM,OAAO,CAAC,UAA8B,OAAO,QAAQ,GAAG,KAAK;AACnE,UAAM,WAAW,MAAY,OAAO,QAAQ,MAAM,eAAe;AACjE,UAAM,SAAS,MAAY,OAAO,QAAQ,MAAM,MAAM;AACtD,UAAM,QAAQ,CAAC,UAA+B;AAC5C,UAAI,MAAM,QAAQ,SAAU;AAC5B,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,aAAO,QAAQ,MAAM,QAAQ;AAAA,IAC/B;AACA,WAAO,iBAAiB,eAAe,MAAM;AAC7C,WAAO,iBAAiB,aAAa,IAAI;AACzC,WAAO,iBAAiB,iBAAiB,QAAQ;AACjD,WAAO,iBAAiB,QAAQ,MAAM;AACtC,WAAO,iBAAiB,WAAW,OAAO,IAAI;AAC9C,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,MAAM;AAChD,aAAO,oBAAoB,aAAa,IAAI;AAC5C,aAAO,oBAAoB,iBAAiB,QAAQ;AACpD,aAAO,oBAAoB,QAAQ,MAAM;AACzC,aAAO,oBAAoB,WAAW,OAAO,IAAI;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACb;AAqBO,SAAS,mBAAkC;AAChD,QAAM,QAAQ,OAAO,KAAK;AAC1B,QAAM,OAAO,OAA4B,IAAI;AAE7C,QAAM,QAAQ,MAAY;AACxB,UAAM,UAAU;AAChB,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACjB;AAEA,YAAU,MAAM,OAAO,CAAC,CAAC;AAEzB,QAAM,MAAM,CAAC,aAA4B;AACvC,UAAM;AACN,UAAM,UAAU;AAChB,QAAI;AACJ,UAAM,QAAQ,MAAY;AACxB,cAAQ,WAAW,OAAO,CAAC;AAAA,IAC7B;AACA,WAAO,iBAAiB,eAAe,OAAO,IAAI;AAClD,QAAI,SAAU,OAAM;AAAA,QACf,QAAO,iBAAiB,aAAa,OAAO,EAAE,SAAS,MAAM,MAAM,KAAK,CAAC;AAC9E,SAAK,UAAU,MAAM;AACnB,UAAI,UAAU,OAAW,cAAa,KAAK;AAC3C,aAAO,oBAAoB,eAAe,OAAO,IAAI;AACrD,aAAO,oBAAoB,aAAa,OAAO,IAAI;AAAA,IACrD;AAAA,EACF;AAEA,QAAM,OAAO,MAAe;AAC1B,UAAM,UAAU,MAAM;AACtB,QAAI,QAAS,OAAM;AACnB,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,KAAK,OAAO,OAAO,KAAK;AACnC;","names":[]}

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

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

package/dist/{chunk-UBVKMM3V.js → chunk-YGQ2DLIM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   paletteKey
 } from "./chunk-7ZPUN7TV.js";
@@ -106,4 +106,4 @@ export {
   progressValueText,
   progressValueRange
 };
-//# sourceMappingURL=chunk-UBVKMM3V.js.map
+//# sourceMappingURL=chunk-YGQ2DLIM.js.map

package/dist/{chunk-XQJPR57I.js → chunk-YKONJEI4.js}

@@ -1,9 +1,9 @@
 import {
   withConfirmation
-} from "./chunk-ALOEOGQV.js";
+} from "./chunk-AXGQB24R.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-XQJPR57I.js.map
+//# sourceMappingURL=chunk-YKONJEI4.js.map