@12-apps/ui 6.86.1 → 6.86.2

package/dist/form/DateRangePicker.js

@@ -1,7 +1,7 @@
 import "../chunk-BN6POCYF.js";
 import {
   DateRangePicker
-} from "../chunk-ZVZTQF7E.js";
+} from "../chunk-XS6QHZMD.js";
 import "../chunk-6KKQHJE7.js";
 import "../chunk-5S5K73I6.js";
 import {
@@ -16,16 +16,17 @@ import {
 } from "../chunk-5CP5Z3YU.js";
 import "../chunk-SUTOAW7I.js";
 import "../chunk-BO6S47KI.js";
-import "../chunk-KRPDBVUB.js";
+import "../chunk-APSEM5AA.js";
 import "../chunk-ZZGG6AUD.js";
 import "../chunk-TPMT3J32.js";
 import "../chunk-LZOCNAUA.js";
 import "../chunk-I4K5JMS4.js";
-import "../chunk-IYDXKLCE.js";
+import "../chunk-5C3JSXBK.js";
 import "../chunk-66TCKXOB.js";
-import "../chunk-POUNFTG3.js";
-import "../chunk-D72GD4XC.js";
-import "../chunk-HKGKQKQT.js";
+import "../chunk-4OUJ4ZMK.js";
+import "../chunk-YPW4HZ3Z.js";
+import "../chunk-X5OGIT2F.js";
+import "../chunk-H2UUMZQR.js";
 import "../chunk-WQEGPSGD.js";
 import "../chunk-JV2JIUDT.js";
 import "../chunk-J6LIZXSF.js";

package/dist/form/total-form.js

@@ -1,6 +1,6 @@
 import {
   SubmitButton
-} from "../chunk-ABRVOPC2.js";
+} from "../chunk-7FFY4LJY.js";
 import {
   FormErrorSnackbar
 } from "../chunk-B32XH7NK.js";
@@ -67,10 +67,10 @@ import "../chunk-LZRVUOMU.js";
 import "../chunk-EEB66IVH.js";
 import "../chunk-RTSK5OZT.js";
 import "../chunk-BA4RHQ3B.js";
-import "../chunk-HJJR2WGL.js";
-import "../chunk-TAMIZE4Q.js";
+import "../chunk-YOXYSAUI.js";
 import "../chunk-PPEHBI5O.js";
 import "../chunk-G2FUZALJ.js";
+import "../chunk-TAMIZE4Q.js";
 import "../chunk-XOXXG7Q5.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-HPK33ACY.js";

package/dist/layout/SettingCard.js

@@ -1,36 +1,36 @@
 import "../chunk-QGUNUXTT.js";
 import {
   SettingGroup
-} from "../chunk-N5OEDOJT.js";
+} from "../chunk-J2KVF5GO.js";
 import {
   SETTING_GRID_CONTAINER,
   SettingGrid
-} from "../chunk-PGYYDSNX.js";
+} from "../chunk-JH2XLVWM.js";
 import {
   SettingCard
-} from "../chunk-MVNFUIJS.js";
+} from "../chunk-HOPRZEBM.js";
 import {
   SettingToggle
-} from "../chunk-XW44IFYE.js";
-import "../chunk-4V37DAMA.js";
+} from "../chunk-IWMAFTXP.js";
+import "../chunk-JRBSTOMA.js";
 import "../chunk-XJQNSMGA.js";
 import "../chunk-SALQ65SM.js";
-import "../chunk-MK6UXAWY.js";
-import "../chunk-UT545JBQ.js";
+import "../chunk-TSEBMVYY.js";
+import "../chunk-HC6OZ7QK.js";
 import "../chunk-IQWPVPV5.js";
 import "../chunk-BFRVMCQM.js";
 import "../chunk-RN7UJI7S.js";
 import "../chunk-JYWF76Z5.js";
 import "../chunk-GGMB6LJH.js";
 import "../chunk-TAF3YYMK.js";
-import "../chunk-Z5WUSI47.js";
-import "../chunk-BCWL7HUO.js";
+import "../chunk-G3JFESKD.js";
 import "../chunk-QYJ25FWM.js";
+import "../chunk-BCWL7HUO.js";
 import "../chunk-2GTORM5E.js";
-import "../chunk-NI67M453.js";
-import "../chunk-DHAXUVMR.js";
-import "../chunk-E5I776YW.js";
+import "../chunk-PGANINQD.js";
+import "../chunk-QN7FVZQD.js";
 import "../chunk-BF4FYOAR.js";
+import "../chunk-E5I776YW.js";
 import "../chunk-4PJ52YBO.js";
 import "../chunk-ANUO67JQ.js";
 import "../chunk-2FQF4CNE.js";
@@ -49,10 +49,10 @@ import "../chunk-Q3HYEAVQ.js";
 import "../chunk-IBOFASAZ.js";
 import "../chunk-HDBP55R3.js";
 import "../chunk-BA4RHQ3B.js";
-import "../chunk-HJJR2WGL.js";
-import "../chunk-TAMIZE4Q.js";
+import "../chunk-YOXYSAUI.js";
 import "../chunk-PPEHBI5O.js";
 import "../chunk-G2FUZALJ.js";
+import "../chunk-TAMIZE4Q.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-B7ZHEOQQ.js";

package/dist/locales.js

@@ -3,7 +3,7 @@ import {
   PT_BR_BREADCRUMB_COPY,
   PT_BR_COMMAND_PALETTE_COPY,
   PT_BR_SECTION_NAV_COPY
-} from "./chunk-G76PIGF7.js";
+} from "./chunk-ZHQAVW2V.js";
 import {
   PT_BR_ADDRESS_AUTOCOMPLETE_COPY,
   PT_BR_AUTOCOMPLETE_COPY,
@@ -48,7 +48,7 @@ import {
   EN_US_BREADCRUMB_COPY,
   EN_US_COMMAND_PALETTE_COPY,
   EN_US_SECTION_NAV_COPY
-} from "./chunk-SSCEX5NY.js";
+} from "./chunk-656DBMWT.js";
 import {
   EN_US_CHROME_COPY,
   EN_US_TUTORIAL_COPY

package/dist/navigation/AppHeader.js

@@ -9,7 +9,7 @@ import {
 } from "../chunk-X4J576GR.js";
 import {
   AppHeaderDetails
-} from "../chunk-Q7XLTN2D.js";
+} from "../chunk-5VKHJ7PI.js";
 import {
   AppHeaderBrand
 } from "../chunk-GWFAINQ7.js";
@@ -18,12 +18,12 @@ import {
   highlightOf,
   initialsOf
 } from "../chunk-IQU4HKND.js";
-import "../chunk-DYRZRY2T.js";
+import "../chunk-X4N6Q37Q.js";
 import "../chunk-LYVTJLCF.js";
 import "../chunk-CRN4KKNI.js";
 import "../chunk-E5OBAS3U.js";
-import "../chunk-3ROCD7XF.js";
 import "../chunk-NASLJO2R.js";
+import "../chunk-3ROCD7XF.js";
 import "../chunk-IM4DMKH4.js";
 import "../chunk-TJUWSQYQ.js";
 import "../chunk-DAFFZED3.js";
@@ -32,10 +32,10 @@ import "../chunk-Z2JH5KW5.js";
 import "../chunk-AL5E624U.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-LV7LSPBF.js";
-import "../chunk-HJJR2WGL.js";
-import "../chunk-TAMIZE4Q.js";
+import "../chunk-YOXYSAUI.js";
 import "../chunk-PPEHBI5O.js";
 import "../chunk-G2FUZALJ.js";
+import "../chunk-TAMIZE4Q.js";
 import "../chunk-XOXXG7Q5.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-AKZWDZCZ.js";

package/dist/navigation/CommandPalette.js

@@ -1,12 +1,12 @@
 import "../chunk-P5WJUR7X.js";
 import {
   CommandPalette
-} from "../chunk-Z445LLFN.js";
-import "../chunk-FZUAB2KS.js";
+} from "../chunk-I44XL4Z4.js";
+import "../chunk-INFBO356.js";
 import "../chunk-Z6MCTGIK.js";
-import "../chunk-QJLOWBFW.js";
-import "../chunk-KYTFGW4R.js";
-import "../chunk-SSCEX5NY.js";
+import "../chunk-LXTNWQWF.js";
+import "../chunk-GMIMHQ6H.js";
+import "../chunk-656DBMWT.js";
 import "../chunk-LL2BWQPM.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/pt-BR.js

@@ -3,7 +3,7 @@ import {
   PT_BR_BREADCRUMB_COPY,
   PT_BR_COMMAND_PALETTE_COPY,
   PT_BR_SECTION_NAV_COPY
-} from "./chunk-G76PIGF7.js";
+} from "./chunk-ZHQAVW2V.js";
 import {
   PT_BR_ADDRESS_AUTOCOMPLETE_COPY,
   PT_BR_AUTOCOMPLETE_COPY,

package/dist/social-login-button.js

@@ -4,7 +4,7 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-2DDCRHJE.js";
+} from "./chunk-IX5ADKII.js";
 import "./chunk-6GP2DOOO.js";
 import "./chunk-GBVVI35T.js";
 import "./chunk-KZYCQH7O.js";
@@ -20,10 +20,10 @@ import "./chunk-PLB6WWXW.js";
 import "./chunk-FKUYRQSP.js";
 import "./chunk-HDBP55R3.js";
 import "./chunk-BA4RHQ3B.js";
-import "./chunk-HJJR2WGL.js";
-import "./chunk-TAMIZE4Q.js";
+import "./chunk-YOXYSAUI.js";
 import "./chunk-PPEHBI5O.js";
 import "./chunk-G2FUZALJ.js";
+import "./chunk-TAMIZE4Q.js";
 import "./chunk-AJBRO76D.js";
 import "./chunk-36VXZCJT.js";
 import "./chunk-XOXXG7Q5.js";

package/dist/types/components/form/AddressAutocomplete/AddressAutocompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressAutocompleteField.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAK5E,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AAG5F,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAyEtE,CAAC"}
+{"version":3,"file":"AddressAutocompleteField.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAK5E,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AAe5F,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA0EtE,CAAC"}

package/dist/types/components/form/AddressAutocomplete/AddressSuggestionsPaper.d.ts

@@ -1,4 +1,14 @@
 import type { PaperProps } from '@mui/material/Paper/index.js';
 import type { FC } from 'react';
-export declare const AddressSuggestionsPaper: FC<PaperProps>;
+import React from 'react';
+export interface AddressSuggestionsPaperProps extends PaperProps {
+    /**
+     * Said when the list is open with nothing in it. MUI never renders its own
+     * `noOptionsText` for a `freeSolo` field, so an empty list was a blank strip
+     * (FUT-4162): the paper says it instead, exactly when MUI gave it no content
+     * (no suggestions and no loading row).
+     */
+    emptyText?: React.ReactNode;
+}
+export declare const AddressSuggestionsPaper: FC<AddressSuggestionsPaperProps>;
 //# sourceMappingURL=AddressSuggestionsPaper.d.ts.map

package/dist/types/components/form/AddressAutocomplete/AddressSuggestionsPaper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressSuggestionsPaper.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/AddressAutocomplete/AddressSuggestionsPaper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,UAAU,CAiBlD,CAAC"}
+{"version":3,"file":"AddressSuggestionsPaper.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/AddressAutocomplete/AddressSuggestionsPaper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAI/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,4BAA6B,SAAQ,UAAU;IAC9D;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAGD,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAmCpE,CAAC"}

package/dist/types/components/form/Calendar/Calendar.band.d.ts

@@ -0,0 +1,44 @@
+import type { Theme } from '@mui/material/styles/index.js';
+import type { DateRange, DayRenderArgs, SelectionMode } from './Calendar.types';
+/**
+ * WHERE A DAY SITS ON THE RANGE BAND (FUT-4162).
+ *
+ * A selected range is ONE band behind its days, not a tile per day: the grid
+ * has no column gap and each day paints its share of the band. A day strictly
+ * inside the range paints all of it (`full`); the first and last day paint the
+ * half that faces the rest of the range (`after` / `before`), so the band runs
+ * into the round endpoint and stops at its centre. A range of one day, or no
+ * range, paints none.
+ *
+ * While only the start is chosen, the hovered day stands in for the end, the
+ * same preview `isDateInRange` draws.
+ */
+export type DayBand = 'none' | 'full' | 'after' | 'before';
+export declare const bandFor: ({ args, selectionMode, range, hoveredDate, isDisabled, }: {
+    args: DayRenderArgs;
+    selectionMode: SelectionMode;
+    range: DateRange;
+    hoveredDate: Date | null;
+    isDisabled: (date: Date) => boolean;
+}) => DayBand;
+/**
+ * The band: the brand at a quarter strength, so it reads as the brand's tint on
+ * any ground (on white it is the brand three quarters of the way to white).
+ */
+export declare const BAND_OPACITY = 0.25;
+export declare const bandColor: (theme: Theme) => string;
+/**
+ * An endpoint's fill: the brand, moved away from its own ink JUST far enough
+ * for that ink to read at AA (FUT-4162).
+ *
+ * The ink is the palette's `primary.contrastText`, which MUI picks at 3:1, so
+ * a brand can ship an ink that reads at 3 to 4.5:1 on it — the default indigo
+ * is 4.47:1 under white. Rather than change the ink (every other component
+ * shares it), the fill gives way: darker under white ink, lighter under dark
+ * ink. A brand that already passes is returned unchanged; the default indigo
+ * moves by one percent, which no one can see.
+ */
+export declare const endpointFill: (theme: Theme) => string;
+/** A hovered endpoint: one more step the same way, so it only gains contrast. */
+export declare const endpointHoverFill: (theme: Theme) => string;
+//# sourceMappingURL=Calendar.band.d.ts.map

package/dist/types/components/form/Calendar/Calendar.band.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.band.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/Calendar.band.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAK3D,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEhF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAe3D,eAAO,MAAM,OAAO,GAAI,0DAMrB;IACD,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;CACrC,KAAG,OAOH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,OAAO,CAAC;AAEjC,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,KAAG,MAAyD,CAAC;AAoBnG;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK,KAAG,MAc3C,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,KAAG,MAOhD,CAAC"}

package/dist/types/components/form/Calendar/CalendarDay.d.ts

@@ -1,7 +1,9 @@
 import type { FC } from 'react';
+import type { DayBand } from './Calendar.band';
 import type { DayRenderArgs } from './Calendar.types';
 export interface CalendarDayProps {
     day: DayRenderArgs;
+    band: DayBand;
     focused: boolean;
     showOutsideDays: boolean;
     dayClassName?: (args: DayRenderArgs) => string;

package/dist/types/components/form/Calendar/CalendarDay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAuFtD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC;IAC/C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoC5C,CAAC"}
+{"version":3,"file":"CalendarDay.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqItD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,aAAa,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC;IAC/C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqC5C,CAAC"}

package/dist/types/components/form/Calendar/CalendarDayCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDayCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIhG,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,GAAG;IAAE,GAAG,EAAE,cAAc,CAAA;CAAE,CA0BxE,CAAC"}
+{"version":3,"file":"CalendarDayCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarDayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIhG,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,cAAc,GAAG;IAAE,GAAG,EAAE,cAAc,CAAA;CAAE,CA2BxE,CAAC"}

package/dist/types/components/form/Calendar/CalendarMonth.d.ts

@@ -2,8 +2,9 @@ import type { FC } from 'react';
 import type { CalendarProps, MonthMatrix } from './Calendar.types';
 import type { DayCellContext } from './CalendarDayCell';
 /**
- * A month takes the room it is given, from nothing up to seven full cells and
- * their gaps (7 × 40 + 6 × 4 design px). Months side by side keep a 280 basis,
+ * A month takes the room it is given, from nothing up to seven full columns
+ * (304 design px: what 7 × 40 cells and 6 × 4 gaps came to before the gaps
+ * went, FUT-4162). Months side by side keep a 280 basis,
  * so a multi-month calendar still wraps rather than squeezing every month.
  */
 export declare const MONTH_SX: {

package/dist/types/components/form/Calendar/CalendarMonth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonth.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarMonth.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD;;;;GAIG;AACH,eAAO,MAAM,QAAQ;;;;CAA4E,CAAC;AAgElG,gEAAgE;AAChE,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;CAC5B,CAeA,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqChD,CAAC"}
+{"version":3,"file":"CalendarMonth.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Calendar/CalendarMonth.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmBxD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;CAA4E,CAAC;AAgElG,gEAAgE;AAChE,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;CAC5B,CAeA,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqChD,CAAC"}

package/dist/types/components/navigation/CommandPalette/CommandPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EAAE,EAAC,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAuHlE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4ElD,CAAC;AAGF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EAAE,EAAC,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAwHlE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6ElD,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/dist/types/copy/navigation.d.ts

@@ -27,6 +27,8 @@ export interface CommandPaletteCopy {
     noCommandsFound?: (query: string) => string;
     /** The group header of a command that names no `category`. */
     general?: string;
+    /** The search row's ✕, as a screen reader names it (FUT-4162). */
+    closeSearch?: string;
 }
 /**
  * `SectionNav`'s own words — only the chrome it draws around the host's

package/dist/types/copy/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/copy/navigation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+DAA+D;AAC/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/copy/navigation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+DAA+D;AAC/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/en-US.navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.navigation.d.ts","sourceRoot":"","sources":["../../src/en-US.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,kBAAkB,CAYnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAIpC,CAAC"}
+{"version":3,"file":"en-US.navigation.d.ts","sourceRoot":"","sources":["../../src/en-US.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,kBAAkB,CAanE,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAIpC,CAAC"}

package/dist/types/pt-BR.navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt-BR.navigation.d.ts","sourceRoot":"","sources":["../../src/pt-BR.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,kBAAkB,CAUnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAIpC,CAAC"}
+{"version":3,"file":"pt-BR.navigation.d.ts","sourceRoot":"","sources":["../../src/pt-BR.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,kBAAkB,CAWnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAIpC,CAAC"}

package/dist/user-avatar.js

@@ -1,13 +1,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-JZQYVGPV.js";
+} from "./chunk-WLSFBXGS.js";
 import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-7YJYIMWP.js";
-import "./chunk-3ZVUNSFF.js";
+import "./chunk-4QR7LM5F.js";
 import "./chunk-EOQ6EKTS.js";
 import "./chunk-6ZZGK5DT.js";
+import "./chunk-3ZVUNSFF.js";
 import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
@@ -16,10 +16,10 @@ import "./chunk-PLB6WWXW.js";
 import "./chunk-FKUYRQSP.js";
 import "./chunk-HDBP55R3.js";
 import "./chunk-BA4RHQ3B.js";
-import "./chunk-HJJR2WGL.js";
-import "./chunk-TAMIZE4Q.js";
+import "./chunk-YOXYSAUI.js";
 import "./chunk-PPEHBI5O.js";
 import "./chunk-G2FUZALJ.js";
+import "./chunk-TAMIZE4Q.js";
 import "./chunk-AJBRO76D.js";
 import "./chunk-36VXZCJT.js";
 import "./chunk-XOXXG7Q5.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.86.1",
+  "version": "6.86.2",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx

@@ -15,10 +15,22 @@ import {
 import type { AddressAutocompleteState } from './AddressAutocomplete.hooks';
 import { AddressInputField } from './AddressInputField';
 import { AddressOption } from './AddressOption';
-import { AddressSuggestionsPaper } from './AddressSuggestionsPaper';
+import { AddressSuggestionsPaper, type AddressSuggestionsPaperProps } from './AddressSuggestionsPaper';
 
 export type AddressAutocompleteFieldProps = ResolvedAddressProps & AddressAutocompleteState;
 
+// What the open list says when it is empty. A failed lookup is not an empty
+// answer: the field's helper text and the alert below already say what went
+// wrong.
+const emptyTextFor = (
+  text: { typeToSearch: string; noAddressesFound: string },
+  inputValue: string,
+  apiError: string | null | undefined,
+): string | undefined => {
+  if (apiError) return undefined;
+  return inputValue.length <= MIN_QUERY_LENGTH ? text.typeToSearch : text.noAddressesFound;
+};
+
 // The live field, rendered once Google Maps (or the mock stand-in) is ready.
 export const AddressAutocompleteField: FC<AddressAutocompleteFieldProps> = ({
   copy,
@@ -42,6 +54,9 @@ export const AddressAutocompleteField: FC<AddressAutocompleteFieldProps> = ({
   handleGetCurrentLocation,
 }) => {
   const text = resolveLabels(EN_US_ADDRESS_AUTOCOMPLETE_COPY, copy);
+  const paperProps: AddressSuggestionsPaperProps = {
+    emptyText: emptyTextFor(text, inputValue, apiError),
+  };
   return (
   <Box data-testid="address-autocomplete-container">
     <Autocomplete
@@ -57,9 +72,7 @@ export const AddressAutocompleteField: FC<AddressAutocompleteFieldProps> = ({
       getOptionLabel={addressOptionLabel}
       isOptionEqualToValue={isSameAddressOption}
       PaperComponent={AddressSuggestionsPaper}
-      noOptionsText={
-        inputValue.length <= MIN_QUERY_LENGTH ? text.typeToSearch : text.noAddressesFound
-      }
+      slotProps={{ paper: paperProps }}
       renderOption={({ key, ...optionProps }, option, state) => (
         <AddressOption
           key={key}

package/src/components/form/AddressAutocomplete/AddressSuggestionsPaper.tsx

@@ -1,14 +1,30 @@
 import type { PaperProps } from '@mui/material/Paper/index.js';
+import Box from '@mui/material/Box/index.js';
 import Paper from '@mui/material/Paper/index.js';
 import { alpha, useTheme } from '@mui/material/styles/index.js';
 import type { FC } from 'react';
-import React from 'react';
+import React, { Children } from 'react';
 
 import { rem } from '../../../tokens/relative';
 
+export interface AddressSuggestionsPaperProps extends PaperProps {
+  /**
+   * Said when the list is open with nothing in it. MUI never renders its own
+   * `noOptionsText` for a `freeSolo` field, so an empty list was a blank strip
+   * (FUT-4162): the paper says it instead, exactly when MUI gave it no content
+   * (no suggestions and no loading row).
+   */
+  emptyText?: React.ReactNode;
+}
+
 // The dropdown surface, frosted to match the glass field.
-export const AddressSuggestionsPaper: FC<PaperProps> = (props) => {
+export const AddressSuggestionsPaper: FC<AddressSuggestionsPaperProps> = ({
+  emptyText,
+  children,
+  ...props
+}) => {
   const theme = useTheme();
+  const empty = Children.toArray(children).length === 0;
 
   return (
     <Paper
@@ -22,6 +38,19 @@ export const AddressSuggestionsPaper: FC<PaperProps> = (props) => {
         WebkitBackdropFilter: `blur(${rem(theme, 20)})`,
         border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
       }}
-    />
+    >
+      {children}
+      {empty && emptyText && (
+        <Box
+          role="presentation"
+          data-testid="address-suggestions-empty"
+          // Keeps the input focused, as MUI's own no-options row does.
+          onMouseDown={(event) => event.preventDefault()}
+          sx={{ px: 2, py: 1.5, color: 'text.secondary' }}
+        >
+          {emptyText}
+        </Box>
+      )}
+    </Paper>
   );
 };

package/src/components/form/Calendar/Calendar.band.ts

@@ -0,0 +1,118 @@
+import type { Theme } from '@mui/material/styles/index.js';
+
+import { alpha, blend, darken, decomposeColor, getContrastRatio, getLuminance, lighten } from '../../../tokens/color';
+
+import { isSameDay } from './Calendar.dates';
+import type { DateRange, DayRenderArgs, SelectionMode } from './Calendar.types';
+
+/**
+ * WHERE A DAY SITS ON THE RANGE BAND (FUT-4162).
+ *
+ * A selected range is ONE band behind its days, not a tile per day: the grid
+ * has no column gap and each day paints its share of the band. A day strictly
+ * inside the range paints all of it (`full`); the first and last day paint the
+ * half that faces the rest of the range (`after` / `before`), so the band runs
+ * into the round endpoint and stops at its centre. A range of one day, or no
+ * range, paints none.
+ *
+ * While only the start is chosen, the hovered day stands in for the end, the
+ * same preview `isDateInRange` draws.
+ */
+export type DayBand = 'none' | 'full' | 'after' | 'before';
+
+// The other end of the range: its end, or while only the start is chosen, the
+// hovered day standing in for it.
+const otherEnd = (range: DateRange, hoveredDate: Date | null, isDisabled: (date: Date) => boolean) =>
+  range.end ?? (hoveredDate && !isDisabled(hoveredDate) ? hoveredDate : null);
+
+// The half an endpoint paints: towards the rest of the range.
+const endpointBand = (date: Date, start: Date, other: Date): DayBand => {
+  const [first, last] = start < other ? [start, other] : [other, start];
+  if (isSameDay(date, first)) return 'after';
+  if (isSameDay(date, last)) return 'before';
+  return 'none';
+};
+
+export const bandFor = ({
+  args,
+  selectionMode,
+  range,
+  hoveredDate,
+  isDisabled,
+}: {
+  args: DayRenderArgs;
+  selectionMode: SelectionMode;
+  range: DateRange;
+  hoveredDate: Date | null;
+  isDisabled: (date: Date) => boolean;
+}): DayBand => {
+  if (selectionMode !== 'range') return 'none';
+  if (args.inRange) return 'full';
+
+  const other = otherEnd(range, hoveredDate, isDisabled);
+  if (!range.start || !other || isSameDay(range.start, other)) return 'none';
+  return endpointBand(args.date, range.start, other);
+};
+
+/**
+ * The band: the brand at a quarter strength, so it reads as the brand's tint on
+ * any ground (on white it is the brand three quarters of the way to white).
+ */
+export const BAND_OPACITY = 0.25;
+
+export const bandColor = (theme: Theme): string => alpha(theme.palette.primary.main, BAND_OPACITY);
+
+/**
+ * WCAG AA for body text, plus a margin: `getLuminance` rounds to three
+ * places, which can move a ratio by about a hundredth either way.
+ */
+const ENDPOINT_MIN_CONTRAST = 4.55;
+const STEP = 0.01;
+
+// The ink as it reads ON the fill: MUI's dark ink is 87% black, so it is laid
+// over the fill before it is measured, rather than taken as solid black.
+const readsAt = (ink: string, fill: string): number => {
+  const [, , , opacity = 1] = decomposeColor(ink).values;
+  return getContrastRatio(opacity < 1 ? blend(fill, ink, opacity) : ink, fill);
+};
+
+// Light ink (white) wants a darker fill; dark ink a lighter one.
+const awayFromInk = (ink: string): ((color: string, coefficient: number) => string) =>
+  getLuminance(ink) > 0.5 ? darken : lighten;
+
+/**
+ * An endpoint's fill: the brand, moved away from its own ink JUST far enough
+ * for that ink to read at AA (FUT-4162).
+ *
+ * The ink is the palette's `primary.contrastText`, which MUI picks at 3:1, so
+ * a brand can ship an ink that reads at 3 to 4.5:1 on it — the default indigo
+ * is 4.47:1 under white. Rather than change the ink (every other component
+ * shares it), the fill gives way: darker under white ink, lighter under dark
+ * ink. A brand that already passes is returned unchanged; the default indigo
+ * moves by one percent, which no one can see.
+ */
+export const endpointFill = (theme: Theme): string => {
+  const { main, contrastText } = theme.palette.primary;
+  try {
+    if (readsAt(contrastText, main) >= ENDPOINT_MIN_CONTRAST) return main;
+    const move = awayFromInk(contrastText);
+    for (let coefficient = STEP; coefficient < 1; coefficient += STEP) {
+      const fill = move(main, coefficient);
+      if (readsAt(contrastText, fill) >= ENDPOINT_MIN_CONTRAST) return fill;
+    }
+    return move(main, 1);
+  } catch {
+    // A colour format the helpers cannot decompose: the brand as it is.
+    return main;
+  }
+};
+
+/** A hovered endpoint: one more step the same way, so it only gains contrast. */
+export const endpointHoverFill = (theme: Theme): string => {
+  const fill = endpointFill(theme);
+  try {
+    return awayFromInk(theme.palette.primary.contrastText)(fill, 0.15);
+  } catch {
+    return fill;
+  }
+};