@12-apps/ui 6.39.2 → 6.39.4

package/dist/data-display/DataViews.js

@@ -1,42 +1,43 @@
+import {
+  BaseCard
+} from "../chunk-3RMDIO4G.js";
 import {
   DataViewsTableBase
-} from "../chunk-4ALF5PB5.js";
-import "../chunk-BFMDA6UO.js";
+} from "../chunk-SZ3YFVO5.js";
+import "../chunk-GWEENWIS.js";
 import {
   DataViewsGrid
-} from "../chunk-PRIBOWX4.js";
+} from "../chunk-U4O47P6S.js";
 import {
   BaseListCard
-} from "../chunk-EHYI2WCJ.js";
+} from "../chunk-ISFFETTG.js";
 import "../chunk-GZT7MLLO.js";
-import "../chunk-KRQUPE4K.js";
-import "../chunk-F44R7US6.js";
-import "../chunk-2JCRNWHE.js";
-import {
-  BaseCard
-} from "../chunk-3RMDIO4G.js";
+import "../chunk-4CXCOR6F.js";
 import "../chunk-BYH5GPLT.js";
+import "../chunk-YOJASBHJ.js";
+import "../chunk-2JCRNWHE.js";
 import "../chunk-ZOLAYP2D.js";
 import {
   DragContainerProvider,
   DropIndicator,
   useDragItem
 } from "../chunk-K4EKTMTC.js";
-import "../chunk-GLHNMTP6.js";
-import "../chunk-HBRQPG7H.js";
+import "../chunk-KAIUDBHM.js";
+import "../chunk-MYWROMGO.js";
 import {
   DataViewsBoard
 } from "../chunk-UGGJ3KDT.js";
-import "../chunk-H67EL3CG.js";
+import "../chunk-TKKQ7RGT.js";
 import "../chunk-L7NQCLFU.js";
-import "../chunk-DUBTI4DI.js";
+import "../chunk-WHQKH57H.js";
 import "../chunk-X4F32GUB.js";
 import "../chunk-4GWHYLEB.js";
-import "../chunk-GLFTIGOF.js";
-import "../chunk-74P3YX7R.js";
+import "../chunk-UITQ7KMK.js";
+import "../chunk-X4ZRPE37.js";
 import "../chunk-OAEYCKBN.js";
-import "../chunk-JCL7WK4G.js";
+import "../chunk-BSUG4KMP.js";
 import "../chunk-57FZM6GH.js";
+import "../chunk-GCZJH4XL.js";
 import "../chunk-7D7CJRL7.js";
 import "../chunk-CBOB5AV6.js";
 import "../chunk-2S752BIJ.js";
@@ -47,24 +48,24 @@ import "../chunk-3KREF4ZF.js";
 import "../chunk-62UAI62O.js";
 import "../chunk-6N2EDWMG.js";
 import "../chunk-O5UGAL2V.js";
-import "../chunk-GCZJH4XL.js";
-import "../chunk-KXLUMEDX.js";
-import "../chunk-27LOJVR3.js";
-import "../chunk-QA2ZGCRL.js";
+import "../chunk-QTNHAX2Z.js";
+import "../chunk-ASYR22BJ.js";
+import "../chunk-CTKQCKRD.js";
 import "../chunk-5M4TYFR3.js";
-import "../chunk-FX26DAFF.js";
-import "../chunk-I3F4C5SS.js";
-import "../chunk-DDRKYNPB.js";
-import "../chunk-R2XVTUVR.js";
-import "../chunk-6N4AA2Y7.js";
+import "../chunk-3OBC6BOV.js";
+import "../chunk-7RRXLCOO.js";
+import "../chunk-TFMDZQK4.js";
 import "../chunk-YCCY77W5.js";
+import "../chunk-R2XVTUVR.js";
 import "../chunk-YLGY3D52.js";
+import "../chunk-6N4AA2Y7.js";
 import "../chunk-XIG3DXXX.js";
 import "../chunk-HR7YTBR7.js";
 import "../chunk-DZEC6RFM.js";
-import "../chunk-PCBZYORN.js";
+import "../chunk-EDKLXA5W.js";
 import "../chunk-D4FZ3ANG.js";
 import "../chunk-YGQX7BNI.js";
+import "../chunk-IMLIIW77.js";
 import "../chunk-LLZWB32X.js";
 import {
   DataViewsScopeTabs,
@@ -73,13 +74,15 @@ import {
 } from "../chunk-PL2AB5HJ.js";
 import "../chunk-U5FOJBLG.js";
 import "../chunk-BWHOCNGW.js";
-import "../chunk-IMLIIW77.js";
 import "../chunk-OB56SZGL.js";
 import {
   DEFAULT_RAILS,
   ListCardGroup,
   RAIL_COUNT
-} from "../chunk-EQXIW5MQ.js";
+} from "../chunk-O4AHF45C.js";
+import {
+  DEFAULT_CELL_WIDTH
+} from "../chunk-COYGTEN5.js";
 import {
   cardMinWidthForZoom,
   cardScaleForZoom
@@ -93,9 +96,6 @@ import {
   DataViewsCopyProvider,
   useDataViewsCopy
 } from "../chunk-KHG57NAE.js";
-import {
-  DEFAULT_CELL_WIDTH
-} from "../chunk-COYGTEN5.js";
 import "../chunk-NCS2TBIP.js";
 import "../chunk-Y4KKS6WL.js";
 import "../chunk-MQJDMQJZ.js";
@@ -158,14 +158,15 @@ import "../chunk-RNIU447I.js";
 import "../chunk-C3UKR3NT.js";
 import "../chunk-D6KL74KI.js";
 import "../chunk-XCBQXSTR.js";
-import "../chunk-FWPFCK4D.js";
 import "../chunk-3AOQBR7N.js";
+import "../chunk-FWPFCK4D.js";
 import "../chunk-4WCDMCIS.js";
 import "../chunk-BJZOBG24.js";
 import "../chunk-EMYESBIT.js";
 import "../chunk-KFJKOVDD.js";
-import "../chunk-GVH7C2PT.js";
+import "../chunk-UEROWH53.js";
 import "../chunk-2WU52FLP.js";
+import "../chunk-Y4O4DITI.js";
 import "../chunk-GVGJMH77.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-CN46HGXE.js";

package/dist/data-display/FleetMap.js

@@ -1,9 +1,9 @@
 import "../chunk-RQWZYD6H.js";
 import {
   FleetMap
-} from "../chunk-J5VWGQSR.js";
-import "../chunk-SBIZXZPP.js";
-import "../chunk-LCHCE2G5.js";
+} from "../chunk-K6VKL62Z.js";
+import "../chunk-W7F2QIAT.js";
+import "../chunk-FWSMIUWA.js";
 import "../chunk-5JCGBCFJ.js";
 import "../chunk-BTQZ3EX3.js";
 import "../chunk-ZCPSND5Y.js";
@@ -18,13 +18,13 @@ import "../chunk-BEGTLELZ.js";
 import "../chunk-E2QIKJX2.js";
 import "../chunk-EMPVMZAB.js";
 import "../chunk-7WDPC46N.js";
-import "../chunk-4OAKGKK5.js";
+import "../chunk-F4WFUQYR.js";
+import "../chunk-ODFJTEIL.js";
 import "../chunk-VIUDWOV6.js";
 import "../chunk-VNOFFVRQ.js";
 import "../chunk-WRCLYSTX.js";
 import "../chunk-4NQXHPQR.js";
 import "../chunk-ZZ4MMUBY.js";
-import "../chunk-ODFJTEIL.js";
 import "../chunk-QSRZOXQI.js";
 import "../chunk-5NT2M2JI.js";
 import "../chunk-H2J2MTRE.js";

package/dist/data-display/HoverCard.js

@@ -1,11 +1,11 @@
 import "../chunk-6OS4AKWT.js";
 import {
   HoverCard
-} from "../chunk-CSN3F36H.js";
+} from "../chunk-DIM6SUGY.js";
+import "../chunk-SXYIXCUB.js";
 import "../chunk-NRIV2CQ2.js";
 import "../chunk-BSYPPO2I.js";
 import "../chunk-ZHV7TCAC.js";
-import "../chunk-SXYIXCUB.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";

package/dist/data-display/Lightbox.js

@@ -1,18 +1,18 @@
 import "../chunk-UM35GGCS.js";
 import {
   Lightbox_default
-} from "../chunk-D2UDM2SU.js";
+} from "../chunk-6QXFBZ7Q.js";
 import "../chunk-UOS7DEQZ.js";
 import "../chunk-HJPPNVCF.js";
 import "../chunk-M6PWPEAV.js";
 import "../chunk-BAFDSAWY.js";
 import "../chunk-N2GEKC4J.js";
 import "../chunk-IVJKILIX.js";
-import "../chunk-2DWBJJK6.js";
-import "../chunk-ASCUWG55.js";
 import "../chunk-TZASFX6G.js";
 import "../chunk-TEQYTEM2.js";
 import "../chunk-3KA6MYIR.js";
+import "../chunk-2DWBJJK6.js";
+import "../chunk-ASCUWG55.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/MapPreview.js

@@ -1,13 +1,13 @@
 import "../chunk-EJDOH7IN.js";
 import {
   MapPreview
-} from "../chunk-4OAKGKK5.js";
+} from "../chunk-F4WFUQYR.js";
+import "../chunk-ODFJTEIL.js";
 import "../chunk-VIUDWOV6.js";
 import "../chunk-VNOFFVRQ.js";
 import "../chunk-WRCLYSTX.js";
 import "../chunk-4NQXHPQR.js";
 import "../chunk-ZZ4MMUBY.js";
-import "../chunk-ODFJTEIL.js";
 import "../chunk-QSRZOXQI.js";
 import "../chunk-5NT2M2JI.js";
 import "../chunk-H2J2MTRE.js";

package/dist/data-display/Progress.js

@@ -1,10 +1,10 @@
 import "../chunk-QOB473HS.js";
 import {
   Progress
-} from "../chunk-4OW4O4A2.js";
+} from "../chunk-JBI7ITL2.js";
+import "../chunk-5JEOLUWJ.js";
 import "../chunk-RIF6L54B.js";
 import "../chunk-RUEKY3VR.js";
-import "../chunk-5JEOLUWJ.js";
 import "../chunk-PE4ZW3IA.js";
 import "../chunk-2BYKTBDL.js";
 import "../chunk-AG66JBNH.js";

package/dist/data-display/Sheet.js

@@ -1,18 +1,18 @@
 import "../chunk-ITACE45O.js";
 import {
   Sheet
-} from "../chunk-QB3TVUPD.js";
-import "../chunk-EJYJLVPK.js";
-import "../chunk-LYVTJLCF.js";
-import "../chunk-CRN4KKNI.js";
+} from "../chunk-R3JYC63P.js";
 import "../chunk-3U3H3BZM.js";
+import "../chunk-EJYJLVPK.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
 } from "../chunk-FPVYD7BO.js";
+import "../chunk-56JF5PZK.js";
 import "../chunk-IM4DMKH4.js";
+import "../chunk-CRN4KKNI.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-TCAQOUIB.js";
 import "../chunk-7ZPUN7TV.js";

package/dist/feedback/ConfirmAction.js

@@ -1,10 +1,10 @@
 import "../chunk-XCBQXSTR.js";
-import {
-  ConfirmAction
-} from "../chunk-FWPFCK4D.js";
 import {
   createConfirmButton
 } from "../chunk-3AOQBR7N.js";
+import {
+  ConfirmAction
+} from "../chunk-FWPFCK4D.js";
 import {
   withConfirmation
 } from "../chunk-4WCDMCIS.js";

package/dist/feedback/Dialog.js

@@ -4,8 +4,9 @@ import {
   DialogActions,
   DialogContent,
   DialogHeader
-} from "../chunk-GVH7C2PT.js";
+} from "../chunk-UEROWH53.js";
 import "../chunk-2WU52FLP.js";
+import "../chunk-Y4O4DITI.js";
 import "../chunk-GVGJMH77.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-TYJR4GOF.js";

package/dist/layout/Separator.js

@@ -1,8 +1,8 @@
 import "../chunk-CMMPGAMJ.js";
 import {
   Separator
-} from "../chunk-IG23YZZR.js";
-import "../chunk-D46SLMCX.js";
+} from "../chunk-XSSCSRUX.js";
+import "../chunk-SYNB3IIB.js";
 import "../chunk-PZBK3F52.js";
 import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";

package/dist/navigation/AppHeader.js

@@ -17,16 +17,17 @@ import {
 } from "../chunk-IQU4HKND.js";
 import {
   AppHeaderDetails
-} from "../chunk-SV6JGFHG.js";
-import "../chunk-QB3TVUPD.js";
-import "../chunk-EJYJLVPK.js";
-import "../chunk-LYVTJLCF.js";
-import "../chunk-CRN4KKNI.js";
+} from "../chunk-KBZFBHLO.js";
+import "../chunk-R3JYC63P.js";
 import "../chunk-3U3H3BZM.js";
+import "../chunk-EJYJLVPK.js";
 import "../chunk-FPVYD7BO.js";
+import "../chunk-56JF5PZK.js";
 import "../chunk-IM4DMKH4.js";
-import "../chunk-GVH7C2PT.js";
+import "../chunk-CRN4KKNI.js";
+import "../chunk-UEROWH53.js";
 import "../chunk-2WU52FLP.js";
+import "../chunk-Y4O4DITI.js";
 import "../chunk-GVGJMH77.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-2EAAWOZ2.js";

package/dist/social-login-button.js

@@ -4,15 +4,15 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-3FNXOCBD.js";
+} from "./chunk-5CQ5HYJW.js";
 import "./chunk-INGPH3YQ.js";
 import "./chunk-6GP2DOOO.js";
 import "./chunk-IJFAF3A7.js";
 import "./chunk-5JSRM7WC.js";
 import "./chunk-LKMMJKXU.js";
 import "./chunk-CMMPGAMJ.js";
-import "./chunk-IG23YZZR.js";
-import "./chunk-D46SLMCX.js";
+import "./chunk-XSSCSRUX.js";
+import "./chunk-SYNB3IIB.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
 import "./chunk-WN5PNP6F.js";

package/dist/types/components/feedback/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAiFxB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuExC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqEpD,CAAC;AA0BF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBpD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6BtD,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACZ,MAAM,gBAAgB,CAAC;AA6ExB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2ExC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqEpD,CAAC;AA0BF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsBpD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6BtD,CAAC"}

package/dist/types/components/feedback/Dialog/Dialog.paper.d.ts

@@ -0,0 +1,31 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+/**
+ * A caller's paper props, MERGED over the variant's rather than replacing them
+ * (FUT-2613).
+ *
+ * MUI reaches the paper through two props, and both used to replace ours whole:
+ * `PaperProps` (spread after ours) and `slotProps.paper` (which MUI itself puts
+ * over `PaperProps`). A caller asking for one class, or one `sx` tweak, lost
+ * the variant's radius, width, background and the paper's test id with it.
+ *
+ * Only the keys the merge reads are typed here; every other key the caller
+ * passed rides the spread through untouched.
+ */
+interface PaperSlotValue {
+    sx?: SxProps<Theme>;
+    className?: string;
+    'data-testid'?: string;
+}
+/** A paper slot as MUI takes it: an object, or a function of the owner state. */
+type PaperSlot<O> = PaperSlotValue | ((ownerState: O) => PaperSlotValue);
+/**
+ * The one paper slot to hand MUI: the variant's `look`, then `PaperProps`, then
+ * `slotProps.paper`. A function slot stays a function, so MUI still calls it
+ * with its owner state and its result merges the same way.
+ *
+ * `testId` names the paper unless the caller's props name it; the drawer passes
+ * none, because its id already sits on the Drawer root.
+ */
+export declare function mergedPaperSlot<O>(look: SxProps<Theme>, testId: string | undefined, legacy: PaperSlotValue | undefined, slot: PaperSlot<O> | undefined): PaperSlot<O>;
+export {};
+//# sourceMappingURL=Dialog.paper.d.ts.map

package/dist/types/components/feedback/Dialog/Dialog.paper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.paper.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.paper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;;;;;;;;;;GAWG;AACH,UAAU,cAAc;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iFAAiF;AACjF,KAAK,SAAS,CAAC,CAAC,IAAI,cAAc,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,KAAK,cAAc,CAAC,CAAC;AAwBzE;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,EACpB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,MAAM,EAAE,cAAc,GAAG,SAAS,EAClC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,GAC7B,SAAS,CAAC,CAAC,CAAC,CAKd"}

package/dist/types/components/layout/Separator/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiE9C,CAAC"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmE9C,CAAC"}

package/dist/types/components/layout/Separator/Separator.styles.d.ts

@@ -16,6 +16,27 @@ type SeparatorStyleArgs = Required<Pick<SeparatorProps, 'variant' | 'orientation
  * four sides, against 16px above and below for the unlabelled one.
  */
 export declare const separatorBlockMargin: (theme: Theme, size: SeparatorSize, margin: number | string | undefined, isHorizontal: boolean) => string;
+/**
+ * What a labelled separator's rules add to {@link separatorStyles}, and whether
+ * the group stretches to its parent (FUT-2617).
+ *
+ * A labelled VERTICAL separator is a flex COLUMN — rule, label, rule — and with
+ * no `length` each rule is `height: 100%` of a column whose height is its own
+ * content: both resolved to 0px and only the label showed. So the column
+ * stretches to the row it sits in and the two rules split what the label
+ * leaves, equally (`flex: 1 1 0`), never shorter than a visible minimum. With a
+ * `length` the rule is exactly that long: no grow, no shrink, no basis, and the
+ * column keeps its content height, centred as before.
+ *
+ * Only the labelled branch reads this. The plain separator keeps
+ * `separatorStyles` as is, since `flex: 1 1 0` there would widen a vertical
+ * separator sitting in a row. The horizontal rules already shrink around the
+ * label in their row, so they are left alone.
+ */
+export declare const labelledSeparatorLayout: (theme: Theme, isHorizontal: boolean, length: SeparatorProps["length"]) => {
+    rule: CSSObject;
+    group: CSSObject;
+};
 export declare const separatorStyles: (theme: Theme, { variant, orientation, size, color, blockMargin, length }: SeparatorStyleArgs) => CSSObject;
 export {};
 //# sourceMappingURL=Separator.styles.d.ts.map

package/dist/types/components/layout/Separator/Separator.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAEV,cAAc,EACd,aAAa,EAEd,MAAM,mBAAmB,CAAC;AAuB3B,+DAA+D;AAC/D,eAAO,MAAM,eAAe,GAC1B,MAAM,aAAa,EACnB,SAAS,MAAM,GAAG,MAAM,KACvB,MAAM,GAAG,MAAmD,CAAC;AAyDhE,KAAK,kBAAkB,GAAG,QAAQ,CAChC,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC,CACzD,GACC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACzC,+FAA+F;IAC/F,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,EACZ,MAAM,aAAa,EACnB,QAAQ,MAAM,GAAG,MAAM,GAAG,SAAS,EACnC,cAAc,OAAO,KACpB,MAIF,CAAC;AAaF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,EACZ,4DAA4D,kBAAkB,KAC7E,SA8BF,CAAC"}
+{"version":3,"file":"Separator.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAEV,cAAc,EACd,aAAa,EAEd,MAAM,mBAAmB,CAAC;AAuB3B,+DAA+D;AAC/D,eAAO,MAAM,eAAe,GAC1B,MAAM,aAAa,EACnB,SAAS,MAAM,GAAG,MAAM,KACvB,MAAM,GAAG,MAAmD,CAAC;AAyDhE,KAAK,kBAAkB,GAAG,QAAQ,CAChC,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC,CACzD,GACC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACzC,+FAA+F;IAC/F,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,EACZ,MAAM,aAAa,EACnB,QAAQ,MAAM,GAAG,MAAM,GAAG,SAAS,EACnC,cAAc,OAAO,KACpB,MAIF,CAAC;AAaF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAClC,OAAO,KAAK,EACZ,cAAc,OAAO,EACrB,QAAQ,cAAc,CAAC,QAAQ,CAAC,KAC/B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CASrC,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,EACZ,4DAA4D,kBAAkB,KAC7E,SA8BF,CAAC"}

package/dist/user-avatar.js

@@ -1,13 +1,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-SKT2V2OX.js";
+} from "./chunk-JQWAANGN.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-PGPPN63I.js";
-import "./chunk-TNQDSTIA.js";
+import "./chunk-EMEXXAQI.js";
+import "./chunk-Y6C4MYZE.js";
+import "./chunk-MTEQEPNY.js";
 import "./chunk-6ZZGK5DT.js";
 import "./chunk-3ZVUNSFF.js";
-import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
 import "./chunk-WN5PNP6F.js";

package/package.json

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

package/src/components/feedback/Dialog/Dialog.paper.ts

@@ -0,0 +1,64 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+
+/**
+ * A caller's paper props, MERGED over the variant's rather than replacing them
+ * (FUT-2613).
+ *
+ * MUI reaches the paper through two props, and both used to replace ours whole:
+ * `PaperProps` (spread after ours) and `slotProps.paper` (which MUI itself puts
+ * over `PaperProps`). A caller asking for one class, or one `sx` tweak, lost
+ * the variant's radius, width, background and the paper's test id with it.
+ *
+ * Only the keys the merge reads are typed here; every other key the caller
+ * passed rides the spread through untouched.
+ */
+interface PaperSlotValue {
+  sx?: SxProps<Theme>;
+  className?: string;
+  'data-testid'?: string;
+}
+
+/** A paper slot as MUI takes it: an object, or a function of the owner state. */
+type PaperSlot<O> = PaperSlotValue | ((ownerState: O) => PaperSlotValue);
+
+/** Our look first, then whatever `sx` the caller adds — so the caller's escape hatch still wins. */
+function sxList(caller: SxProps<Theme> | undefined): readonly unknown[] {
+  if (caller === undefined) return [];
+  return Array.isArray(caller) ? caller : [caller];
+}
+
+function mergeOver(
+  look: SxProps<Theme>,
+  testId: string | undefined,
+  legacy: PaperSlotValue | undefined,
+  slot: PaperSlotValue | undefined,
+): PaperSlotValue {
+  // MUI's own order: `slotProps.paper` over `PaperProps`.
+  const caller: PaperSlotValue = { ...legacy, ...slot };
+  return {
+    ...caller,
+    sx: [look, ...sxList(legacy?.sx), ...sxList(slot?.sx)] as SxProps<Theme>,
+    // A key the caller set to `undefined` does not erase the dialog's id.
+    'data-testid': caller['data-testid'] ?? testId,
+  };
+}
+
+/**
+ * The one paper slot to hand MUI: the variant's `look`, then `PaperProps`, then
+ * `slotProps.paper`. A function slot stays a function, so MUI still calls it
+ * with its owner state and its result merges the same way.
+ *
+ * `testId` names the paper unless the caller's props name it; the drawer passes
+ * none, because its id already sits on the Drawer root.
+ */
+export function mergedPaperSlot<O>(
+  look: SxProps<Theme>,
+  testId: string | undefined,
+  legacy: PaperSlotValue | undefined,
+  slot: PaperSlot<O> | undefined,
+): PaperSlot<O> {
+  if (typeof slot === 'function') {
+    return (ownerState: O) => mergeOver(look, testId, legacy, slot(ownerState));
+  }
+  return mergeOver(look, testId, legacy, slot);
+}

package/src/components/feedback/Dialog/Dialog.tsx

@@ -20,6 +20,7 @@ import {
   DIALOG_TITLE,
   DIALOG_TITLED_BODY_PADDING_TOP_UNITS,
 } from './Dialog.metrics';
+import { mergedPaperSlot } from './Dialog.paper';
 import { backdropSxOf, variantStylesOf } from './Dialog.styles';
 import { childTestId, resolveTestId, slotTestId, withoutTestIdProps } from '../../../platform/test-id';
 import type {
@@ -74,15 +75,11 @@ function bodyOf(children: React.ReactNode, hasTitle: boolean): React.ReactNode {
   return <Box sx={{ ...BODY_SX, pt }}>{children}</Box>;
 }
 
-/** Our look first, then whatever `sx` the caller adds — so the caller's escape hatch still wins. */
-function withCallerSx(own: SxProps<Theme>, caller: SxProps<Theme> | undefined): SxProps<Theme> {
-  return [own, ...(Array.isArray(caller) ? caller : caller === undefined ? [] : [caller])] as SxProps<Theme>;
-}
-
 /**
  * The drawer variant: MUI's `Drawer`, with the variant's look on the Drawer's
  * OWN paper — on an inner Box it left the paper 0px wide and clipped the panel —
- * and a caller's paper props merged over it rather than replacing it.
+ * and a caller's paper props merged over it rather than replacing it. The
+ * test id stays on the Drawer root, so the paper carries none of its own.
  */
 function DrawerDialog({
   paperSx,
@@ -95,13 +92,13 @@ function DrawerDialog({
   drawerProps: DrawerProps;
   children: React.ReactNode;
 }) {
-  const { PaperProps: callerPaper, ...rest } = drawerProps;
+  const { PaperProps: callerPaper, slotProps, ...rest } = drawerProps;
   return (
     <Drawer
       anchor="right"
       data-testid={testId}
       {...rest}
-      PaperProps={{ ...callerPaper, sx: withCallerSx(paperSx, callerPaper?.sx) }}
+      slotProps={{ ...slotProps, paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper) }}
     >
       {children}
     </Drawer>
@@ -133,7 +130,7 @@ export const Dialog: React.FC<DialogProps> = (rawProps) => {
   // Native's name for it and is not a DOM attribute. The native `Dialog` does
   // the same in reverse.
   const testId = resolveTestId(others, 'dialog');
-  const props = withoutTestIdProps(others);
+  const { PaperProps: callerPaper, slotProps, ...props } = withoutTestIdProps(others);
   const paperSx = variantStylesOf(theme, {
     variant, size, borderRadius, glass, gradient, glow, pulse,
   });
@@ -158,7 +155,11 @@ export const Dialog: React.FC<DialogProps> = (rawProps) => {
 
   if (variant === 'drawer') {
     return (
-      <DrawerDialog paperSx={paperSx} testId={testId} drawerProps={{ ...props, open, onClose }}>
+      <DrawerDialog
+        paperSx={paperSx}
+        testId={testId}
+        drawerProps={{ ...props, PaperProps: callerPaper, slotProps, open, onClose }}
+      >
         {header}
         {body}
       </DrawerDialog>
@@ -172,8 +173,8 @@ export const Dialog: React.FC<DialogProps> = (rawProps) => {
       fullScreen={variant === 'fullscreen'}
       BackdropComponent={backdrop ? Backdrop : undefined}
       BackdropProps={{ sx: backdropSxOf(theme, glass) }}
-      PaperProps={{ sx: paperSx, 'data-testid': testId }}
       {...props}
+      slotProps={{ ...slotProps, paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper) }}
     >
       {header}
       {body}

package/src/components/layout/Separator/Separator.styles.ts

@@ -128,6 +128,38 @@ const ruleLength = (theme: Theme, length: SeparatorProps['length']): string => {
   return length <= 1 ? `${length * 100}%` : rem(theme, length);
 };
 
+/**
+ * What a labelled separator's rules add to {@link separatorStyles}, and whether
+ * the group stretches to its parent (FUT-2617).
+ *
+ * A labelled VERTICAL separator is a flex COLUMN — rule, label, rule — and with
+ * no `length` each rule is `height: 100%` of a column whose height is its own
+ * content: both resolved to 0px and only the label showed. So the column
+ * stretches to the row it sits in and the two rules split what the label
+ * leaves, equally (`flex: 1 1 0`), never shorter than a visible minimum. With a
+ * `length` the rule is exactly that long: no grow, no shrink, no basis, and the
+ * column keeps its content height, centred as before.
+ *
+ * Only the labelled branch reads this. The plain separator keeps
+ * `separatorStyles` as is, since `flex: 1 1 0` there would widen a vertical
+ * separator sitting in a row. The horizontal rules already shrink around the
+ * label in their row, so they are left alone.
+ */
+export const labelledSeparatorLayout = (
+  theme: Theme,
+  isHorizontal: boolean,
+  length: SeparatorProps['length'],
+): { rule: CSSObject; group: CSSObject } => {
+  if (isHorizontal) return { rule: {}, group: {} };
+  if (length) return { rule: { flex: 'none' }, group: {} };
+  return {
+    // A design 16px, as long as the gap beside the label at the default
+    // spacing, so a short or unsized row still shows two rules and not a word.
+    rule: { flex: '1 1 0', minHeight: rem(theme, 16) },
+    group: { alignSelf: 'stretch' },
+  };
+};
+
 export const separatorStyles = (
   theme: Theme,
   { variant, orientation, size, color, blockMargin, length }: SeparatorStyleArgs,