@12-apps/ui 6.85.0 → 6.86.1

package/dist/data-display/DataViews.js

@@ -1,39 +1,40 @@
 import {
   DataViewsTableBase
-} from "../chunk-ZLVRCQPG.js";
+} from "../chunk-A5CKUJP2.js";
+import "../chunk-CPZGFIFH.js";
 import {
   DataViewsGrid
-} from "../chunk-I7JUAHUO.js";
+} from "../chunk-65KJLPF5.js";
 import {
   BaseCard
 } from "../chunk-D34PZJH3.js";
-import "../chunk-CPZGFIFH.js";
 import {
   BaseListCard
-} from "../chunk-YHPSPFU5.js";
+} from "../chunk-LIN4A2BW.js";
 import "../chunk-E6K2UZGR.js";
 import "../chunk-QO7UJXXO.js";
 import "../chunk-UMOHHWXY.js";
+import "../chunk-CSJ7WNXU.js";
 import "../chunk-2JCRNWHE.js";
 import "../chunk-KLCSVYHL.js";
-import "../chunk-CSJ7WNXU.js";
 import {
   DragContainerProvider,
   DropIndicator,
   useDragItem
 } from "../chunk-K4EKTMTC.js";
 import "../chunk-ZOLAYP2D.js";
-import "../chunk-XMWTVDQN.js";
+import "../chunk-B32554CQ.js";
 import "../chunk-NTRWUDP6.js";
+import "../chunk-52RHAAIH.js";
+import "../chunk-QLJU7UUI.js";
 import "../chunk-X3AFXHY5.js";
-import "../chunk-C74PDNTF.js";
+import "../chunk-67ADHGA2.js";
 import {
   DataViewsBoard
 } from "../chunk-7TCOYCD7.js";
 import "../chunk-KR4TN3OF.js";
 import "../chunk-OPY2AGAU.js";
-import "../chunk-52RHAAIH.js";
-import "../chunk-QLJU7UUI.js";
+import "../chunk-K6WY2CHG.js";
 import "../chunk-WWH674WU.js";
 import "../chunk-OQN2FHEL.js";
 import "../chunk-V6KQ5R4T.js";
@@ -46,26 +47,36 @@ import "../chunk-YOPMXGHY.js";
 import "../chunk-AT6UKTH4.js";
 import "../chunk-7D7CJRL7.js";
 import "../chunk-CBOB5AV6.js";
-import "../chunk-K6WY2CHG.js";
 import "../chunk-5YDS6HO3.js";
 import "../chunk-GLR5MSU3.js";
 import "../chunk-ACBHZG3Z.js";
-import "../chunk-K6VEN5VN.js";
+import "../chunk-K3PMMW23.js";
 import "../chunk-O5UGAL2V.js";
 import "../chunk-GCZJH4XL.js";
 import "../chunk-G6EJLEVV.js";
-import "../chunk-T6QVM5Q5.js";
+import "../chunk-4LUWZ6UE.js";
 import "../chunk-WMAS6DZR.js";
 import "../chunk-FZEDQNUN.js";
 import "../chunk-5M4TYFR3.js";
-import "../chunk-5ZC7CNU4.js";
-import "../chunk-AWUFS2ZC.js";
+import "../chunk-I2LMLQGQ.js";
+import "../chunk-U2DRE36S.js";
+import "../chunk-VYQZ5U3N.js";
 import "../chunk-FCLON3MO.js";
 import "../chunk-WSAUWJFO.js";
 import "../chunk-YEGZIYVM.js";
 import "../chunk-YLGY3D52.js";
-import "../chunk-VYQZ5U3N.js";
 import "../chunk-4IE66GY2.js";
+import "../chunk-H7CZRKN7.js";
+import "../chunk-ULAZDF6D.js";
+import "../chunk-YGQX7BNI.js";
+import "../chunk-LLZWB32X.js";
+import {
+  DataViewsScopeTabs,
+  assertNoScopePillOverlap,
+  resolveScope
+} from "../chunk-PL2AB5HJ.js";
+import "../chunk-WTOA52EQ.js";
+import "../chunk-IMLIIW77.js";
 import "../chunk-DUVH273U.js";
 import {
   DEFAULT_RAILS,
@@ -81,21 +92,10 @@ import {
   DEFAULT_CELL_WIDTH
 } from "../chunk-F5S5UFGD.js";
 import "../chunk-ZMUXC3VB.js";
+import "../chunk-OOLES6RR.js";
 import "../chunk-ENJOBJPK.js";
 import "../chunk-B2JSUFDX.js";
 import "../chunk-DZEC6RFM.js";
-import "../chunk-U3HGQHEO.js";
-import "../chunk-ULAZDF6D.js";
-import "../chunk-YGQX7BNI.js";
-import {
-  DataViewsScopeTabs,
-  assertNoScopePillOverlap,
-  resolveScope
-} from "../chunk-PL2AB5HJ.js";
-import "../chunk-WTOA52EQ.js";
-import "../chunk-IMLIIW77.js";
-import "../chunk-LLZWB32X.js";
-import "../chunk-OOLES6RR.js";
 import {
   CARD_ASPECT_RATIOS,
   DATA_VIEWS_LAYOUTS,
@@ -190,20 +190,20 @@ import "../chunk-AL5E624U.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-LV7LSPBF.js";
 import "../chunk-L5CPOEDP.js";
-import "../chunk-OA6T2ME3.js";
+import "../chunk-BLZDSCIZ.js";
+import "../chunk-LDROG4QI.js";
 import "../chunk-5RYPVYWP.js";
 import "../chunk-K6FW4YDA.js";
 import "../chunk-EARWC6PD.js";
-import "../chunk-LDROG4QI.js";
 import "../chunk-G3E66C6J.js";
 import "../chunk-SNCSGLJ6.js";
 import "../chunk-UMICTXMP.js";
 import "../chunk-NUGT7LMR.js";
-import "../chunk-IF5UY3CT.js";
+import "../chunk-QVDEGBME.js";
 import "../chunk-7HZ36QDH.js";
 import "../chunk-L5RS6QAT.js";
-import "../chunk-QXUXO22M.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/FleetMap.js

@@ -1,10 +1,10 @@
 import "../chunk-RQWZYD6H.js";
 import {
   FleetMap
-} from "../chunk-XNMU32XC.js";
+} from "../chunk-TMUGBHHG.js";
 import "../chunk-ZCPSND5Y.js";
-import "../chunk-ARMKSYEQ.js";
-import "../chunk-IEAPXS57.js";
+import "../chunk-ZO2GZRZS.js";
+import "../chunk-MW7P2C2C.js";
 import "../chunk-7VUXSNVZ.js";
 import "../chunk-BTQZ3EX3.js";
 import {
@@ -18,21 +18,21 @@ import "../chunk-3DPPDGOF.js";
 import "../chunk-7WDPC46N.js";
 import "../chunk-QD4TM6UK.js";
 import "../chunk-EMPVMZAB.js";
-import "../chunk-IMCSY2SI.js";
-import "../chunk-OZYUE2BI.js";
-import "../chunk-IFX5KP65.js";
+import "../chunk-OKRITX4S.js";
+import "../chunk-CJUK32UH.js";
+import "../chunk-EXVCVXFX.js";
 import "../chunk-ZZ4MMUBY.js";
 import "../chunk-6WHIJPEF.js";
-import "../chunk-NEYZV6V5.js";
-import "../chunk-LXMFHD7M.js";
-import "../chunk-CESGZRVQ.js";
-import "../chunk-MIUPTZS6.js";
 import "../chunk-CSGBHYW6.js";
-import "../chunk-2WVHZIWP.js";
-import "../chunk-JKIKHWD2.js";
-import "../chunk-CB6DTWD5.js";
-import "../chunk-H2J2MTRE.js";
+import "../chunk-UAOE3ZPC.js";
+import "../chunk-LTSVYILY.js";
+import "../chunk-EMSMJRP3.js";
 import "../chunk-4YYFZ6TE.js";
+import "../chunk-MIUPTZS6.js";
+import "../chunk-QSRZOXQI.js";
+import "../chunk-5NT2M2JI.js";
+import "../chunk-H2J2MTRE.js";
+import "../chunk-CB6DTWD5.js";
 import "../chunk-FEKWKWGK.js";
 import "../chunk-PZS7N74L.js";
 import "../chunk-AA2X5GOT.js";

package/dist/data-display/Lightbox.js

@@ -1,17 +1,17 @@
 import "../chunk-UM35GGCS.js";
 import {
   Lightbox_default
-} from "../chunk-HWPQKHN2.js";
+} from "../chunk-COKPPU42.js";
+import "../chunk-T2G4LDU5.js";
 import "../chunk-RBGUS7WO.js";
 import "../chunk-IOCY5G43.js";
+import "../chunk-P772HCHI.js";
 import "../chunk-UOS7DEQZ.js";
 import "../chunk-HZBDTPPV.js";
 import "../chunk-WZERH7E3.js";
 import "../chunk-BP3ZKIPE.js";
-import "../chunk-SYGM4SHY.js";
-import "../chunk-T2G4LDU5.js";
-import "../chunk-P772HCHI.js";
 import "../chunk-TEQYTEM2.js";
+import "../chunk-SYGM4SHY.js";
 import "../chunk-VQU3CBAL.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/data-display/MapPreview.js

@@ -1,21 +1,21 @@
 import "../chunk-EJDOH7IN.js";
 import {
   MapPreview
-} from "../chunk-IMCSY2SI.js";
-import "../chunk-OZYUE2BI.js";
-import "../chunk-IFX5KP65.js";
+} from "../chunk-OKRITX4S.js";
+import "../chunk-CJUK32UH.js";
+import "../chunk-EXVCVXFX.js";
 import "../chunk-ZZ4MMUBY.js";
 import "../chunk-6WHIJPEF.js";
-import "../chunk-NEYZV6V5.js";
-import "../chunk-LXMFHD7M.js";
-import "../chunk-CESGZRVQ.js";
-import "../chunk-MIUPTZS6.js";
 import "../chunk-CSGBHYW6.js";
-import "../chunk-2WVHZIWP.js";
-import "../chunk-JKIKHWD2.js";
-import "../chunk-CB6DTWD5.js";
-import "../chunk-H2J2MTRE.js";
+import "../chunk-UAOE3ZPC.js";
+import "../chunk-LTSVYILY.js";
+import "../chunk-EMSMJRP3.js";
 import "../chunk-4YYFZ6TE.js";
+import "../chunk-MIUPTZS6.js";
+import "../chunk-QSRZOXQI.js";
+import "../chunk-5NT2M2JI.js";
+import "../chunk-H2J2MTRE.js";
+import "../chunk-CB6DTWD5.js";
 import "../chunk-FEKWKWGK.js";
 import "../chunk-PZS7N74L.js";
 import "../chunk-AA2X5GOT.js";

package/dist/data-display/RegionMap.js

@@ -1,8 +1,9 @@
 import "../chunk-ACFKPE2T.js";
 import {
   RegionMap
-} from "../chunk-3OL2TSEJ.js";
-import "../chunk-A63WU4UZ.js";
+} from "../chunk-WNNA6YYE.js";
+import "../chunk-AKE6KVQG.js";
+import "../chunk-J3AWGTJY.js";
 import "../chunk-GMRQPNG3.js";
 import {
   decodePolyline,

package/dist/feedback/NotificationStatusNotice.js

@@ -1,17 +1,17 @@
 import "../chunk-JQRKXMSH.js";
 import {
   NotificationStatusNotice
-} from "../chunk-VHGHF537.js";
+} from "../chunk-V4CWJ7Q6.js";
 import "../chunk-55FFONIV.js";
 import {
   detectNotificationBrowser,
   notificationUnblockSteps
 } from "../chunk-L7BRU4UF.js";
-import "../chunk-IF5UY3CT.js";
+import "../chunk-QVDEGBME.js";
 import "../chunk-7HZ36QDH.js";
 import "../chunk-L5RS6QAT.js";
-import "../chunk-QXUXO22M.js";
 import "../chunk-L7VH6IMR.js";
+import "../chunk-QXUXO22M.js";
 import "../chunk-5ZY3IIIG.js";
 import "../chunk-HJJR2WGL.js";
 import "../chunk-TAMIZE4Q.js";

package/dist/feedback/SequenceResolver.js

@@ -1,10 +1,10 @@
 import "../chunk-TWAKMV5B.js";
 import {
   SequenceResolver
-} from "../chunk-5XTPEA3O.js";
+} from "../chunk-ZHYLOB7Q.js";
 import "../chunk-3LUT2C5M.js";
 import "../chunk-5UBP2DJ4.js";
-import "../chunk-T6YTDEY4.js";
+import "../chunk-WXZCNHBX.js";
 import "../chunk-CHP3QIS3.js";
 import "../chunk-HHPFWEJY.js";
 import "../chunk-QOB473HS.js";
@@ -20,11 +20,11 @@ import "../chunk-AL5E624U.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-LV7LSPBF.js";
 import "../chunk-NUGT7LMR.js";
-import "../chunk-IF5UY3CT.js";
+import "../chunk-QVDEGBME.js";
 import "../chunk-7HZ36QDH.js";
 import "../chunk-L5RS6QAT.js";
-import "../chunk-QXUXO22M.js";
 import "../chunk-L7VH6IMR.js";
+import "../chunk-QXUXO22M.js";
 import "../chunk-5ZY3IIIG.js";
 import "../chunk-BA4RHQ3B.js";
 import "../chunk-HJJR2WGL.js";

package/dist/form/total-form.js

@@ -9,18 +9,18 @@ import {
 } from "../chunk-CPAJYJUD.js";
 import {
   Fields_exports
-} from "../chunk-LH3YT5NL.js";
+} from "../chunk-TVDHA7BT.js";
 import "../chunk-YGWLMTPB.js";
 import {
   CategoryField
 } from "../chunk-P4Q7JK4L.js";
-import "../chunk-75I42HHE.js";
+import "../chunk-AYJGRQT4.js";
 import {
   TextField
 } from "../chunk-3IX2TP4I.js";
 import {
   SelectField
-} from "../chunk-GCBWZ3MX.js";
+} from "../chunk-6YSGP2WS.js";
 import {
   FormContext,
   useFormContext

package/dist/types/components/data-display/RegionMap/RegionMap.labels.d.ts

@@ -0,0 +1,42 @@
+/** Where a label's centre may go along one axis so the whole label stays in view. */
+export declare function clampCentre(wanted: number, half: number, span: number, gap: number): number;
+/** An area that may carry a label, as {@link labelOrder} ranks it. */
+interface Labelable {
+    id: string;
+    name: string;
+    excluded?: boolean;
+    geometry: {
+        area: number;
+    };
+}
+/**
+ * The order labels claim their place in: highlighted first (what the person is
+ * looking for), then excluded, then the larger area, then by name. When two
+ * labels would overlap, the earlier one is drawn and the later one hidden.
+ */
+export declare function labelOrder<T extends Labelable>(areas: readonly T[], highlighted: ReadonlySet<string>): T[];
+/** A label measured in the drawing: where it wants to be (fractions), and its size in px. */
+export interface LabelBox {
+    fractionX: number;
+    fractionY: number;
+    spanX: number;
+    spanY: number;
+}
+/** Where each label goes, in px, and whether it is drawn at all. */
+export interface PlacedLabel {
+    x: number;
+    y: number;
+    visible: boolean;
+}
+/**
+ * Lay labels out in priority order ({@link labelOrder}): each is pulled inside
+ * the drawing by its own size, and one whose box would overlap a label already
+ * drawn is hidden — the area keeps its name in its `<title>` and in the list,
+ * so hiding costs nothing but the clutter two names over each other made.
+ */
+export declare function placeLabels(labels: readonly LabelBox[], box: {
+    spanX: number;
+    spanY: number;
+}, gap: number): PlacedLabel[];
+export {};
+//# sourceMappingURL=RegionMap.labels.d.ts.map

package/dist/types/components/data-display/RegionMap/RegionMap.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegionMap.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/RegionMap.labels.ts"],"names":[],"mappings":"AAEA,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAG3F;AAED,sEAAsE;AACtE,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAK1G;AAED,6FAA6F;AAC7F,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oEAAoE;AACpE,MAAM,WAAW,WAAW;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,QAAQ,EAAE,EAAE,GAAG,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,EAAE,MAAM,GAAG,WAAW,EAAE,CAU1H"}

package/dist/types/components/data-display/RegionMap/RegionMapDrawing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegionMapDrawing.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/RegionMapDrawing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAsD,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmE3C"}
+{"version":3,"file":"RegionMapDrawing.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/RegionMap/RegionMapDrawing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAsD,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4D3C"}

package/dist/types/components/form/total-form/Fields/SelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAGjD,sDAAsD;AACtD,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA2BvG"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAGjD,sDAAsD;AACtD,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA+BvG"}

package/dist/types/components/form/total-form/Fields/ToggleField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/ToggleField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,sDAAsD;AACtD,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA6B1F"}
+{"version":3,"file":"ToggleField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/total-form/Fields/ToggleField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,sDAAsD;AACtD,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAgC1F"}

package/package.json

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

package/src/components/data-display/RegionMap/RegionMap.labels.ts

@@ -0,0 +1,60 @@
+// How the labels over a RegionMap drawing are ranked and laid out.
+
+/** Where a label's centre may go along one axis so the whole label stays in view. */
+export function clampCentre(wanted: number, half: number, span: number, gap: number): number {
+  if (span <= 2 * (half + gap)) return span / 2;
+  return Math.min(span - half - gap, Math.max(half + gap, wanted));
+}
+
+/** An area that may carry a label, as {@link labelOrder} ranks it. */
+interface Labelable {
+  id: string;
+  name: string;
+  excluded?: boolean;
+  geometry: { area: number };
+}
+
+/**
+ * The order labels claim their place in: highlighted first (what the person is
+ * looking for), then excluded, then the larger area, then by name. When two
+ * labels would overlap, the earlier one is drawn and the later one hidden.
+ */
+export function labelOrder<T extends Labelable>(areas: readonly T[], highlighted: ReadonlySet<string>): T[] {
+  const rank = (area: T): number => (highlighted.has(area.id) ? 0 : area.excluded ? 1 : 2);
+  return [...areas].sort(
+    (a, b) => rank(a) - rank(b) || b.geometry.area - a.geometry.area || a.name.localeCompare(b.name),
+  );
+}
+
+/** A label measured in the drawing: where it wants to be (fractions), and its size in px. */
+export interface LabelBox {
+  fractionX: number;
+  fractionY: number;
+  spanX: number;
+  spanY: number;
+}
+
+/** Where each label goes, in px, and whether it is drawn at all. */
+export interface PlacedLabel {
+  x: number;
+  y: number;
+  visible: boolean;
+}
+
+/**
+ * Lay labels out in priority order ({@link labelOrder}): each is pulled inside
+ * the drawing by its own size, and one whose box would overlap a label already
+ * drawn is hidden — the area keeps its name in its `<title>` and in the list,
+ * so hiding costs nothing but the clutter two names over each other made.
+ */
+export function placeLabels(labels: readonly LabelBox[], box: { spanX: number; spanY: number }, gap: number): PlacedLabel[] {
+  const kept: { x0: number; y0: number; x1: number; y1: number }[] = [];
+  return labels.map((label) => {
+    const x = clampCentre(label.fractionX * box.spanX, label.spanX / 2, box.spanX, gap);
+    const y = clampCentre(label.fractionY * box.spanY, label.spanY / 2, box.spanY, gap);
+    const rect = { x0: x - label.spanX / 2, y0: y - label.spanY / 2, x1: x + label.spanX / 2, y1: y + label.spanY / 2 };
+    const visible = !kept.some((o) => rect.x0 < o.x1 && o.x0 < rect.x1 && rect.y0 < o.y1 && o.y0 < rect.y1);
+    if (visible) kept.push(rect);
+    return { x, y, visible };
+  });
+}

package/src/components/data-display/RegionMap/RegionMapDrawing.tsx

@@ -7,6 +7,7 @@ import { rem, remPx } from '../../../tokens/relative';
 
 import { labelPosition, type AreaGeometry, type DrawnRegion, type PlaneBox } from './RegionMap.helpers';
 import type { RegionMapModel } from './RegionMap.hooks';
+import { labelOrder, placeLabels } from './RegionMap.labels';
 
 export interface RegionMapDrawingProps {
   model: RegionMapModel & { view: PlaneBox };
@@ -43,7 +44,11 @@ export function RegionMapDrawing({
   const { view, drawn } = model;
   const wanted = new Set(highlightedIds);
   const highlighted = drawn.filter((d) => wanted.has(d.id));
-  const labelled = [...drawn.filter((d) => d.excluded), ...highlighted.filter((d) => !d.excluded)];
+  // Highlighted, then excluded, then larger, then by name: the order labels
+  // claim their place in, so a collision hides the less important one.
+  const labelled = labelOrder(drawn.filter((d) => d.excluded || wanted.has(d.id)), wanted);
+  const boxRef = React.useRef<HTMLDivElement>(null);
+  useLabelPlacement(boxRef, labelled.map((d) => d.id).join('|'), remPx(theme, 4));
   const base = drawn.map((d) => ({ id: d.id, name: d.name, geometry: d.geometry, outside: d.outside === true }));
   return (
     <Box
@@ -60,6 +65,7 @@ export function RegionMapDrawing({
         bgcolor: 'background.paper',
       }}
       data-testid={`${testId}-canvas`}
+      ref={boxRef}
     >
       <svg
         viewBox={`${view.minX} ${view.minY} ${view.spanX} ${view.spanY}`}
@@ -73,19 +79,7 @@ export function RegionMapDrawing({
         <BaseAreas areas={base} testId={testId} theme={theme} />
         <ExcludedAreas drawn={drawn} hatchId={hatchId} testId={testId} theme={theme} />
         <Circles radii={model.radii} theme={theme} />
-        {highlighted.map((d) => (
-          <path
-            key={`h-${d.id}`}
-            d={d.geometry.path}
-            fillRule="evenodd"
-            vectorEffect="non-scaling-stroke"
-            fill={alpha(theme.palette.primary.main, 0.3)}
-            stroke={theme.palette.primary.main}
-            strokeWidth={2.5}
-            pointerEvents="none"
-            data-testid={`${testId}-highlight-${d.id}`}
-          />
-        ))}
+        <Highlights areas={highlighted} testId={testId} theme={theme} />
         {showCenter && (
           <circle
             cx={0}
@@ -107,6 +101,35 @@ export function RegionMapDrawing({
   );
 }
 
+/** The highlighted areas, drawn over everything but the centre. */
+function Highlights({
+  areas,
+  testId,
+  theme,
+}: {
+  areas: readonly DrawnRegion[];
+  testId: string;
+  theme: Theme;
+}): React.JSX.Element {
+  return (
+    <>
+      {areas.map((d) => (
+        <path
+          key={`h-${d.id}`}
+          d={d.geometry.path}
+          fillRule="evenodd"
+          vectorEffect="non-scaling-stroke"
+          fill={alpha(theme.palette.primary.main, 0.3)}
+          stroke={theme.palette.primary.main}
+          strokeWidth={2.5}
+          pointerEvents="none"
+          data-testid={`${testId}-highlight-${d.id}`}
+        />
+      ))}
+    </>
+  );
+}
+
 /** The hatch an excluded area is filled with: lines, not a colour. */
 function Hatch({ id, pitch, theme }: { id: string; pitch: number; theme: Theme }): React.JSX.Element {
   return (
@@ -225,16 +248,52 @@ function Circles({ radii, theme }: { radii: readonly number[]; theme: Theme }):
   );
 }
 
-/** Where a label's centre may go along one axis so the whole label stays in view. */
-function clampCentre(wanted: number, half: number, span: number, gap: number): number {
-  if (span <= 2 * (half + gap)) return span / 2;
-  return Math.min(span - half - gap, Math.max(half + gap, wanted));
+/**
+ * Places every label the drawing carries, in their DOM order (the priority
+ * order), and hides one that would overlap a label already drawn
+ * (`placeLabels`). Measured by a ResizeObserver, never in a layout effect: its
+ * first call comes after the browser's own layout, so mounting a label on a
+ * tap forces no synchronous reflow of the drawing.
+ */
+function useLabelPlacement(boxRef: React.RefObject<HTMLDivElement | null>, key: string, gap: number): void {
+  React.useEffect(() => {
+    const box = boxRef.current;
+    if (!box || typeof ResizeObserver === 'undefined') return undefined;
+    const labels = Array.from(box.querySelectorAll<HTMLElement>('[data-region-label]'));
+    const place = (): void => {
+      const spanX = box.clientWidth;
+      const spanY = box.clientHeight;
+      if (spanX === 0 || spanY === 0) return;
+      const placed = placeLabels(
+        labels.map((label) => ({
+          fractionX: Number(label.dataset.fractionX),
+          fractionY: Number(label.dataset.fractionY),
+          spanX: label.offsetWidth,
+          spanY: label.offsetHeight,
+        })),
+        { spanX, spanY },
+        gap,
+      );
+      placed.forEach(({ x, y, visible }, index) => {
+        const label = labels[index]!;
+        label.style.left = `${(x / spanX) * 100}%`;
+        label.style.top = `${(y / spanY) * 100}%`;
+        label.style.visibility = visible ? 'visible' : 'hidden';
+        label.dataset.hidden = visible ? 'false' : 'true';
+      });
+    };
+    const observer = new ResizeObserver(place);
+    observer.observe(box);
+    for (const label of labels) observer.observe(label);
+    return () => observer.disconnect();
+  }, [boxRef, key, gap]);
 }
 
 /**
  * An area's name over the drawing, at the theme's type size whatever the
- * width — and moved in by its own measured size, so it is never clipped at
- * the drawing's edge.
+ * width. Placed — and hidden on a collision — by {@link useLabelPlacement}.
+ * Decorative (`aria-hidden`): the area's name is its `<title>` and its row in
+ * the list.
  */
 function AreaLabel({
   area,
@@ -248,42 +307,25 @@ function AreaLabel({
   theme: Theme;
 }): React.JSX.Element {
   const at = labelPosition(area.geometry.rings, view);
-  const ref = React.useRef<HTMLSpanElement>(null);
-  const gap = remPx(theme, 4);
-  // Measured by a ResizeObserver, never in a layout effect: the observer's
-  // first call comes after the browser's own layout, so mounting a label on a
-  // tap forces no synchronous reflow of the drawing.
-  React.useEffect(() => {
-    const label = ref.current;
-    const box = label?.parentElement;
-    if (!label || !box || typeof ResizeObserver === 'undefined') return undefined;
-    const observer = new ResizeObserver(() => {
-      const width = box.clientWidth;
-      const height = box.clientHeight;
-      if (width === 0 || height === 0) return;
-      const x = clampCentre(at.fractionX * width, label.offsetWidth / 2, width, gap);
-      const y = clampCentre(at.fractionY * height, label.offsetHeight / 2, height, gap);
-      label.style.left = `${(x / width) * 100}%`;
-      label.style.top = `${(y / height) * 100}%`;
-    });
-    observer.observe(box);
-    observer.observe(label);
-    return () => observer.disconnect();
-  }, [at.fractionX, at.fractionY, gap]);
   const halo = `0 0 ${rem(theme, 3)} ${theme.palette.background.paper}`;
   return (
     <Typography
-      ref={ref}
       component="span"
       aria-hidden
       data-testid={`${testId}-label-${area.id}`}
+      data-region-label=""
+      data-fraction-x={at.fractionX}
+      data-fraction-y={at.fractionY}
       // Position as an inline style, not `sx`: a per-label class would insert
       // a new CSS rule (and a style recalculation) on every tap.
-      style={{ left: `${(at.fractionX * 100).toFixed(2)}%`, top: `${(at.fractionY * 100).toFixed(2)}%` }}
+      style={{
+        left: `${(at.fractionX * 100).toFixed(2)}%`,
+        top: `${(at.fractionY * 100).toFixed(2)}%`,
+      }}
       sx={{
         position: 'absolute',
         transform: 'translate(-50%, -50%)',
-        fontSize: rem(theme, 11),
+        fontSize: rem(theme, 12),
         fontWeight: 700,
         lineHeight: 1.1,
         textAlign: 'center',