@12-apps/ui 6.39.13 → 6.39.14

package/dist/data-display/DataViews.js

@@ -3,8 +3,8 @@ import {
 } from "../chunk-I5T5PQQW.js";
 import {
   DataViewsTableBase
-} from "../chunk-ZNDDILNQ.js";
-import "../chunk-3333KCAW.js";
+} from "../chunk-UBEAJFMW.js";
+import "../chunk-P22W4N5K.js";
 import {
   DataViewsGrid
 } from "../chunk-5WT4YWXC.js";
@@ -68,9 +68,9 @@ import {
   cardScaleForZoom
 } from "../chunk-XZJM6EPC.js";
 import "../chunk-M4KVKQRN.js";
-import "../chunk-INMKA5SF.js";
-import "../chunk-IYF246UA.js";
-import "../chunk-ECIHOZPK.js";
+import "../chunk-ARDLCGBK.js";
+import "../chunk-SA65SDOY.js";
+import "../chunk-WWGD5YVW.js";
 import "../chunk-5M4TYFR3.js";
 import "../chunk-HR7YTBR7.js";
 import "../chunk-DZEC6RFM.js";
@@ -164,9 +164,9 @@ import "../chunk-FWPFCK4D.js";
 import "../chunk-BJZOBG24.js";
 import "../chunk-EMYESBIT.js";
 import "../chunk-KFJKOVDD.js";
-import "../chunk-UEROWH53.js";
+import "../chunk-GAMLBJE6.js";
 import "../chunk-2WU52FLP.js";
-import "../chunk-Y4O4DITI.js";
+import "../chunk-5HW37NSW.js";
 import "../chunk-GVGJMH77.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-CN46HGXE.js";

package/dist/feedback/Dialog.js

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

package/dist/navigation/AppHeader.js

@@ -17,7 +17,7 @@ import {
 } from "../chunk-IQU4HKND.js";
 import {
   AppHeaderDetails
-} from "../chunk-DXZOSP6P.js";
+} from "../chunk-WVJGNIJZ.js";
 import "../chunk-QXSV7Z57.js";
 import "../chunk-3U3H3BZM.js";
 import "../chunk-EJYJLVPK.js";
@@ -25,9 +25,9 @@ import "../chunk-FPVYD7BO.js";
 import "../chunk-LYVTJLCF.js";
 import "../chunk-CRN4KKNI.js";
 import "../chunk-IM4DMKH4.js";
-import "../chunk-UEROWH53.js";
+import "../chunk-GAMLBJE6.js";
 import "../chunk-2WU52FLP.js";
-import "../chunk-Y4O4DITI.js";
+import "../chunk-5HW37NSW.js";
 import "../chunk-GVGJMH77.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-HM2JJNUE.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;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"}
+{"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;AAwIxB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoExC,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.slots.d.ts

@@ -0,0 +1,43 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+/**
+ * A caller's slot props, MERGED over the Dialog's own rather than replacing
+ * them — for the paper (FUT-2613) and the backdrop (FUT-2672).
+ *
+ * MUI reaches each slot through two props, and both used to replace ours
+ * whole: the deprecated `PaperProps`/`BackdropProps` (spread after ours) and
+ * `slotProps.paper`/`slotProps.backdrop` (which MUI itself puts over the
+ * deprecated one). 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 — or,
+ * on the backdrop, the scrim and the `glass` blur.
+ *
+ * Only the keys the merge reads are typed here; every other key the caller
+ * passed rides the spread through untouched.
+ */
+interface SlotValue {
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+interface PaperSlotValue extends SlotValue {
+    'data-testid'?: string;
+}
+/** A slot as MUI takes it: an object, or a function of the owner state. */
+type Slot<V, O> = V | ((ownerState: O) => V);
+/**
+ * The paper slot: the variant's `look`, then `PaperProps`, then
+ * `slotProps.paper`.
+ *
+ * `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: Slot<PaperSlotValue, O> | undefined): Slot<PaperSlotValue, O>;
+/**
+ * The backdrop slot: the scrim (`backdropSxOf`), then `BackdropProps`, then
+ * `slotProps.backdrop`. Both renderers need it: MUI's `Dialog` would replace
+ * our backdrop props with a caller's, and MUI's `Drawer` takes
+ * `slotProps.backdrop` INSTEAD of `BackdropProps` whenever it is given — so
+ * once the scrim rides `slotProps.backdrop`, a caller's `BackdropProps` would
+ * silently drop unless it is folded in here.
+ */
+export declare function mergedBackdropSlot<O>(look: SxProps<Theme>, legacy: SlotValue | undefined, slot: Slot<SlotValue, O> | undefined): Slot<SlotValue, O>;
+export {};
+//# sourceMappingURL=Dialog.slots.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.slots.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/Dialog/Dialog.slots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AACH,UAAU,SAAS;IACjB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAe,SAAQ,SAAS;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,2EAA2E;AAC3E,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAuC7C;;;;;;GAMG;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,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,GAAG,SAAS,GACxC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAMzB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,EACpB,MAAM,EAAE,SAAS,GAAG,SAAS,EAC7B,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,SAAS,GACnC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAEpB"}

package/package.json

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

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

@@ -0,0 +1,100 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+
+/**
+ * A caller's slot props, MERGED over the Dialog's own rather than replacing
+ * them — for the paper (FUT-2613) and the backdrop (FUT-2672).
+ *
+ * MUI reaches each slot through two props, and both used to replace ours
+ * whole: the deprecated `PaperProps`/`BackdropProps` (spread after ours) and
+ * `slotProps.paper`/`slotProps.backdrop` (which MUI itself puts over the
+ * deprecated one). 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 — or,
+ * on the backdrop, the scrim and the `glass` blur.
+ *
+ * Only the keys the merge reads are typed here; every other key the caller
+ * passed rides the spread through untouched.
+ */
+interface SlotValue {
+  sx?: SxProps<Theme>;
+  className?: string;
+}
+
+interface PaperSlotValue extends SlotValue {
+  'data-testid'?: string;
+}
+
+/** A slot as MUI takes it: an object, or a function of the owner state. */
+type Slot<V, O> = V | ((ownerState: O) => V);
+
+/** 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<V extends SlotValue>(
+  look: SxProps<Theme>,
+  legacy: V | undefined,
+  slot: V | undefined,
+): V {
+  // MUI's own order: `slotProps.<slot>` over the deprecated `<Slot>Props`.
+  return {
+    ...legacy,
+    ...slot,
+    sx: [look, ...sxList(legacy?.sx), ...sxList(slot?.sx)] as SxProps<Theme>,
+  } as V;
+}
+
+/**
+ * The one slot to hand MUI: the Dialog's `look`, then the deprecated prop,
+ * then `slotProps.<slot>`, each value passed through `finish`. A function slot
+ * stays a function, so MUI still calls it with its owner state and its result
+ * merges the same way.
+ */
+function mergedSlot<V extends SlotValue, O>(
+  look: SxProps<Theme>,
+  legacy: V | undefined,
+  slot: Slot<V, O> | undefined,
+  finish: (merged: V) => V = (merged) => merged,
+): Slot<V, O> {
+  if (typeof slot === 'function') {
+    return (ownerState: O) => finish(mergeOver(look, legacy, slot(ownerState)));
+  }
+  return finish(mergeOver(look, legacy, slot));
+}
+
+/**
+ * The paper slot: the variant's `look`, then `PaperProps`, then
+ * `slotProps.paper`.
+ *
+ * `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: Slot<PaperSlotValue, O> | undefined,
+): Slot<PaperSlotValue, O> {
+  return mergedSlot(look, legacy, slot, (merged) => ({
+    ...merged,
+    // A key the caller set to `undefined` does not erase the dialog's id.
+    'data-testid': merged['data-testid'] ?? testId,
+  }));
+}
+
+/**
+ * The backdrop slot: the scrim (`backdropSxOf`), then `BackdropProps`, then
+ * `slotProps.backdrop`. Both renderers need it: MUI's `Dialog` would replace
+ * our backdrop props with a caller's, and MUI's `Drawer` takes
+ * `slotProps.backdrop` INSTEAD of `BackdropProps` whenever it is given — so
+ * once the scrim rides `slotProps.backdrop`, a caller's `BackdropProps` would
+ * silently drop unless it is folded in here.
+ */
+export function mergedBackdropSlot<O>(
+  look: SxProps<Theme>,
+  legacy: SlotValue | undefined,
+  slot: Slot<SlotValue, O> | undefined,
+): Slot<SlotValue, O> {
+  return mergedSlot(look, legacy, slot);
+}

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

@@ -1,7 +1,7 @@
 import CloseIcon from '@mui/icons-material/Close';
 import Backdrop from '@mui/material/Backdrop/index.js';
 import Box from '@mui/material/Box/index.js';
-import MuiDialog from '@mui/material/Dialog/index.js';
+import MuiDialog, { type DialogProps as MuiDialogProps } from '@mui/material/Dialog/index.js';
 import MuiDialogActions from '@mui/material/DialogActions/index.js';
 import MuiDialogContent from '@mui/material/DialogContent/index.js';
 import MuiDialogTitle from '@mui/material/DialogTitle/index.js';
@@ -20,7 +20,7 @@ import {
   DIALOG_TITLE,
   DIALOG_TITLED_BODY_PADDING_TOP_UNITS,
 } from './Dialog.metrics';
-import { mergedPaperSlot } from './Dialog.paper';
+import { mergedBackdropSlot, mergedPaperSlot } from './Dialog.slots';
 import { backdropSxOf, variantStylesOf } from './Dialog.styles';
 import { childTestId, resolveTestId, slotTestId, withoutTestIdProps } from '../../../platform/test-id';
 import type {
@@ -75,30 +75,89 @@ function bodyOf(children: React.ReactNode, hasTitle: boolean): React.ReactNode {
   return <Box sx={{ ...BODY_SX, pt }}>{children}</Box>;
 }
 
+/**
+ * MUI's `onClose` for either renderer: a `persistent` dialog swallows the
+ * backdrop press and Escape, and the caller's `onClose` is called with no
+ * arguments, as `Dialog.base.ts` promises. The drawer used to get the caller's
+ * raw `onClose` — so it closed when `persistent` said it must not, and was
+ * handed MUI's `(event, reason)` (FUT-2673).
+ */
+function closeHandlerOf(persistent: boolean, onClose: (() => void) | undefined) {
+  return (_event: object, reason: 'backdropClick' | 'escapeKeyDown') => {
+    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {
+      return;
+    }
+    onClose?.();
+  };
+}
+
+/** The looks the Dialog lays under a caller's paper and backdrop props. */
+interface DialogLooks {
+  paperSx: SxProps<Theme>;
+  backdropSx: SxProps<Theme>;
+  testId: string | undefined;
+}
+
+/** What either renderer below takes: the looks, and the dialog's own children. */
+type RendererProps = DialogLooks & { children: React.ReactNode };
+
+/**
+ * Every variant but the drawer: MUI's `Dialog`. The scrim reaches MUI through
+ * `slotProps.backdrop`, not the deprecated `BackdropProps`, and a caller's
+ * backdrop props from either spelling merge over it rather than replacing it
+ * (FUT-2672) — as their paper props merge over the variant's look (FUT-2613).
+ */
+function ModalDialog({
+  paperSx,
+  backdropSx,
+  testId,
+  dialogProps,
+  children,
+}: RendererProps & { dialogProps: MuiDialogProps }) {
+  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = dialogProps;
+  return (
+    <MuiDialog
+      {...rest}
+      slotProps={{
+        ...slotProps,
+        paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),
+        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),
+      }}
+    >
+      {children}
+    </MuiDialog>
+  );
+}
+
 /**
  * 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. The
  * test id stays on the Drawer root, so the paper carries none of its own.
+ *
+ * The scrim rides the drawer's backdrop exactly as it rides the dialog's, so
+ * `glass` blurs it here too; the paper does not frost (FUT-2673). MUI's
+ * `Drawer` does not merge `BackdropProps` into `slotProps.backdrop` — it takes
+ * one or the other — so both are folded into the one slot here.
  */
 function DrawerDialog({
   paperSx,
+  backdropSx,
   testId,
   drawerProps,
   children,
-}: {
-  paperSx: SxProps<Theme>;
-  testId: string | undefined;
-  drawerProps: DrawerProps;
-  children: React.ReactNode;
-}) {
-  const { PaperProps: callerPaper, slotProps, ...rest } = drawerProps;
+}: RendererProps & { drawerProps: DrawerProps }) {
+  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = drawerProps;
   return (
     <Drawer
       anchor="right"
       data-testid={testId}
       {...rest}
-      slotProps={{ ...slotProps, paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper) }}
+      slotProps={{
+        ...slotProps,
+        paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper),
+        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),
+      }}
     >
       {children}
     </Drawer>
@@ -130,17 +189,13 @@ 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 { PaperProps: callerPaper, slotProps, ...props } = withoutTestIdProps(others);
-  const paperSx = variantStylesOf(theme, {
-    variant, size, borderRadius, glass, gradient, glow, pulse,
-  });
-
-  const handleClose = (event: object, reason: 'backdropClick' | 'escapeKeyDown') => {
-    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {
-      return;
-    }
-    onClose?.();
+  const props = withoutTestIdProps(others);
+  const looks: DialogLooks = {
+    paperSx: variantStylesOf(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),
+    backdropSx: backdropSxOf(theme, glass),
+    testId,
   };
+  const handleClose = closeHandlerOf(persistent, onClose);
 
   const header = title ? (
     <DialogHeader
@@ -155,11 +210,7 @@ export const Dialog: React.FC<DialogProps> = (rawProps) => {
 
   if (variant === 'drawer') {
     return (
-      <DrawerDialog
-        paperSx={paperSx}
-        testId={testId}
-        drawerProps={{ ...props, PaperProps: callerPaper, slotProps, open, onClose }}
-      >
+      <DrawerDialog {...looks} drawerProps={{ ...props, open, onClose: handleClose }}>
         {header}
         {body}
       </DrawerDialog>
@@ -167,18 +218,19 @@ export const Dialog: React.FC<DialogProps> = (rawProps) => {
   }
 
   return (
-    <MuiDialog
-      open={open}
-      onClose={handleClose}
-      fullScreen={variant === 'fullscreen'}
-      BackdropComponent={backdrop ? Backdrop : undefined}
-      BackdropProps={{ sx: backdropSxOf(theme, glass) }}
-      {...props}
-      slotProps={{ ...slotProps, paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper) }}
+    <ModalDialog
+      {...looks}
+      dialogProps={{
+        open,
+        onClose: handleClose,
+        fullScreen: variant === 'fullscreen',
+        BackdropComponent: backdrop ? Backdrop : undefined,
+        ...props,
+      }}
     >
       {header}
       {body}
-    </MuiDialog>
+    </ModalDialog>
   );
 };
 

package/dist/_internal/components/feedback/Dialog/Dialog.paper.js

@@ -1,8 +0,0 @@
-import {
-  mergedPaperSlot
-} from "../../../../chunk-Y4O4DITI.js";
-import "../../../../chunk-PZ5AY32C.js";
-export {
-  mergedPaperSlot
-};
-//# sourceMappingURL=Dialog.paper.js.map

package/dist/chunk-UEROWH53.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport MuiDialog from '@mui/material/Dialog/index.js';\nimport MuiDialogActions from '@mui/material/DialogActions/index.js';\nimport MuiDialogContent from '@mui/material/DialogContent/index.js';\nimport MuiDialogTitle from '@mui/material/DialogTitle/index.js';\nimport Drawer, { type DrawerProps } from '@mui/material/Drawer/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { hasSpacingSlot, withDialogDefaults } from './Dialog.helpers';\nimport {\n  DIALOG_ACTIONS,\n  DIALOG_BODY_PADDING_UNITS,\n  DIALOG_CONTENT_PADDING_UNITS,\n  DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n  DIALOG_TITLE,\n  DIALOG_TITLED_BODY_PADDING_TOP_UNITS,\n} from './Dialog.metrics';\nimport { mergedPaperSlot } from './Dialog.paper';\nimport { backdropSxOf, variantStylesOf } from './Dialog.styles';\nimport { childTestId, resolveTestId, slotTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type {\n  DialogActionsProps,\n  DialogContentProps,\n  DialogHeaderProps,\n  DialogProps,\n} from './Dialog.types';\n\n/**\n * The padding a dialog gives children that are not managing their own — and the\n * rule that takes it back when it turns out they are.\n *\n * `:has()` is doing what {@link hasSpacingSlot} cannot. A slot passed through a\n * COMPONENT (`<Body />` rendering a `DialogContent`) is invisible to any check\n * on element type: React does not know what a component renders until it has\n * rendered it, and by then the wrapper is already in the tree. The selector\n * asks the question one step later, of the DOM, where the answer exists.\n *\n * `display: contents` rather than `padding: 0`, because the padding is only\n * half of what a wrapper does. The other half is standing between the paper and\n * its children: MUI's `scroll=\"paper\"` makes the paper a flex column with\n * `overflow-y: auto`, so a `DialogContent` that is no longer its direct child\n * cannot be the thing that scrolls — the whole dialog scrolls instead and\n * carries the `DialogActions` off the bottom with it. An element with\n * `display: contents` generates no box at all: its children become the paper's\n * flex items, and its padding is never applied. Both halves, one declaration.\n *\n * A browser without `:has()` falls back to the padded box — the layout this\n * had before, not a broken one.\n */\nconst BODY_SX = {\n  px: DIALOG_BODY_PADDING_UNITS.horizontal,\n  pb: DIALOG_BODY_PADDING_UNITS.bottom,\n  '&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)': {\n    display: 'contents',\n  },\n} as const;\n\n/**\n * The dialog body. Consumers that pass raw children (no <DialogContent>) used\n * to render them flush against the paper edges — give them comfortable default\n * padding; <DialogContent>/<DialogActions> users keep managing their own\n * spacing.\n */\nfunction bodyOf(children: React.ReactNode, hasTitle: boolean): React.ReactNode {\n  // Read lazily: both slots are declared below this function.\n  if (hasSpacingSlot(children, [DialogContent, DialogActions])) return children;\n  const pt = hasTitle\n    ? DIALOG_BODY_PADDING_UNITS.topUnderTitle\n    : DIALOG_BODY_PADDING_UNITS.top;\n  return <Box sx={{ ...BODY_SX, pt }}>{children}</Box>;\n}\n\n/**\n * The drawer variant: MUI's `Drawer`, with the variant's look on the Drawer's\n * OWN paper — on an inner Box it left the paper 0px wide and clipped the panel —\n * and a caller's paper props merged over it rather than replacing it. The\n * test id stays on the Drawer root, so the paper carries none of its own.\n */\nfunction DrawerDialog({\n  paperSx,\n  testId,\n  drawerProps,\n  children,\n}: {\n  paperSx: SxProps<Theme>;\n  testId: string | undefined;\n  drawerProps: DrawerProps;\n  children: React.ReactNode;\n}) {\n  const { PaperProps: callerPaper, slotProps, ...rest } = drawerProps;\n  return (\n    <Drawer\n      anchor=\"right\"\n      data-testid={testId}\n      {...rest}\n      slotProps={{ ...slotProps, paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper) }}\n    >\n      {children}\n    </Drawer>\n  );\n}\n\nexport const Dialog: React.FC<DialogProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    size,\n    title,\n    description,\n    showCloseButton,\n    backdrop,\n    persistent,\n    glass,\n    gradient,\n    glow,\n    pulse,\n    borderRadius,\n    onClose,\n    open,\n    ...others\n  } = withDialogDefaults(rawProps);\n  const theme = useTheme();\n  // Every spelling of the test id the shared contract allows, mapped to the one\n  // the DOM reads, and stripped from what is spread — `testID` is React\n  // Native's name for it and is not a DOM attribute. The native `Dialog` does\n  // the same in reverse.\n  const testId = resolveTestId(others, 'dialog');\n  const { PaperProps: callerPaper, slotProps, ...props } = withoutTestIdProps(others);\n  const paperSx = variantStylesOf(theme, {\n    variant, size, borderRadius, glass, gradient, glow, pulse,\n  });\n\n  const handleClose = (event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n\n  const header = title ? (\n    <DialogHeader\n      title={title}\n      subtitle={description}\n      showCloseButton={showCloseButton}\n      onClose={onClose}\n      dataTestId={testId}\n    />\n  ) : null;\n  const body = bodyOf(children, Boolean(title));\n\n  if (variant === 'drawer') {\n    return (\n      <DrawerDialog\n        paperSx={paperSx}\n        testId={testId}\n        drawerProps={{ ...props, PaperProps: callerPaper, slotProps, open, onClose }}\n      >\n        {header}\n        {body}\n      </DrawerDialog>\n    );\n  }\n\n  return (\n    <MuiDialog\n      open={open}\n      onClose={handleClose}\n      fullScreen={variant === 'fullscreen'}\n      BackdropComponent={backdrop ? Backdrop : undefined}\n      BackdropProps={{ sx: backdropSxOf(theme, glass) }}\n      {...props}\n      slotProps={{ ...slotProps, paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper) }}\n    >\n      {header}\n      {body}\n    </MuiDialog>\n  );\n};\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({\n  children,\n  title,\n  subtitle,\n  showCloseButton = true,\n  onClose,\n  ...others\n}) => {\n  const props = withoutTestIdProps(others);\n\n  if (children) {\n    return (\n      <Box\n        data-testid={slotTestId(others, 'header', 'dialog')}\n        sx={{\n          p: DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <MuiDialogTitle\n      data-testid={slotTestId(others, 'title', 'dialog')}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        pb: subtitle\n          ? DIALOG_TITLE.paddingBottomUnits.withSubtitle\n          : DIALOG_TITLE.paddingBottomUnits.plain,\n      }}\n      {...props}\n    >\n      <Box>\n        <Typography variant=\"h6\" component=\"div\">\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant=\"body2\"\n            color=\"text.secondary\"\n            sx={{ mt: DIALOG_TITLE.subtitleGapUnits }}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      {showCloseButton && onClose && (\n        <IconButton\n          aria-label=\"close\"\n          onClick={onClose}\n          data-testid={childTestId(others, 'close', 'dialog')}\n          sx={{\n            color: 'text.secondary',\n            '&:hover': {\n              backgroundColor: 'action.hover',\n            },\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      )}\n    </MuiDialogTitle>\n  );\n};\n\n/**\n * Top padding for a body that sits directly under the title.\n *\n * MUI zeroes it there (`.MuiDialogTitle-root + &` on a non-`dividers` content),\n * assuming the title's own bottom padding is the whole gap. That assumption\n * breaks for a body opening with an outlined field: a filled field floats its\n * label ABOVE the input's border box, and `DialogContent` is `overflow-y: auto`\n * — a clipping box — so the label gets sliced in half (FUT-544: \"Tipo\" in the\n * \"Novo insumo\" dialog).\n *\n * Reserve the overhang rather than restore the full 24px: the title already\n * contributes its bottom padding, so a shrunk label's `translate(…, -9px)` is\n * all that is missing. 12px clears it and leaves the gap visually tight.\n */\nconst TITLED_BODY_PADDING_TOP = DIALOG_TITLED_BODY_PADDING_TOP_UNITS;\n\n/**\n * `.MuiDialogTitle-root + &` is `(0,2,0)`-specific and a plain `sx` entry is\n * `(0,1,0)`, so the padding above only survives the cascade by naming the class\n * again — `(0,3,0)`. Scoped to the title-following case so an untitled dialog\n * keeps MUI's roomier default.\n */\nconst TITLED_BODY_SELECTOR = '.MuiDialogTitle-root + &.MuiDialogContent-root';\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  children,\n  dividers = false,\n  dense = false,\n  ...others\n}) => (\n    <MuiDialogContent\n      data-testid={slotTestId(others, 'content', 'dialog')}\n      dividers={dividers}\n      sx={{\n        padding: dense ? DIALOG_CONTENT_PADDING_UNITS.dense : DIALOG_CONTENT_PADDING_UNITS.normal,\n        [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },\n        '&.MuiDialogContent-dividers': {\n          borderTop: dividers ? '1px solid' : 'none',\n          borderBottom: dividers ? '1px solid' : 'none',\n          borderColor: 'divider',\n        },\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogContent>\n  );\n\nexport const DialogActions: React.FC<DialogActionsProps> = ({\n  children,\n  alignment = 'right',\n  spacing = DIALOG_ACTIONS.defaultSpacingUnits,\n  ...others\n}) => {\n  const getJustifyContent = () => {\n    switch (alignment) {\n      case 'left': return 'flex-start';\n      case 'center': return 'center';\n      case 'right': return 'flex-end';\n      case 'space-between': return 'space-between';\n      default: return 'flex-end';\n    }\n  };\n\n  return (\n    <MuiDialogActions\n      data-testid={slotTestId(others, 'actions', 'dialog')}\n      sx={{\n        justifyContent: getJustifyContent(),\n        gap: spacing,\n        p: DIALOG_ACTIONS.paddingUnits,\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogActions>\n  );\n};"],"mappings":"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","names":[]}

package/dist/chunk-Y4O4DITI.js

@@ -1,25 +0,0 @@
-// src/components/feedback/Dialog/Dialog.paper.ts
-function sxList(caller) {
-  if (caller === void 0) return [];
-  return Array.isArray(caller) ? caller : [caller];
-}
-function mergeOver(look, testId, legacy, slot) {
-  const caller = { ...legacy, ...slot };
-  return {
-    ...caller,
-    sx: [look, ...sxList(legacy?.sx), ...sxList(slot?.sx)],
-    // A key the caller set to `undefined` does not erase the dialog's id.
-    "data-testid": caller["data-testid"] ?? testId
-  };
-}
-function mergedPaperSlot(look, testId, legacy, slot) {
-  if (typeof slot === "function") {
-    return (ownerState) => mergeOver(look, testId, legacy, slot(ownerState));
-  }
-  return mergeOver(look, testId, legacy, slot);
-}
-
-export {
-  mergedPaperSlot
-};
-//# sourceMappingURL=chunk-Y4O4DITI.js.map

package/dist/chunk-Y4O4DITI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.paper.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\n\n/**\n * A caller's paper props, MERGED over the variant's rather than replacing them\n * (FUT-2613).\n *\n * MUI reaches the paper through two props, and both used to replace ours whole:\n * `PaperProps` (spread after ours) and `slotProps.paper` (which MUI itself puts\n * over `PaperProps`). A caller asking for one class, or one `sx` tweak, lost\n * the variant's radius, width, background and the paper's test id with it.\n *\n * Only the keys the merge reads are typed here; every other key the caller\n * passed rides the spread through untouched.\n */\ninterface PaperSlotValue {\n  sx?: SxProps<Theme>;\n  className?: string;\n  'data-testid'?: string;\n}\n\n/** A paper slot as MUI takes it: an object, or a function of the owner state. */\ntype PaperSlot<O> = PaperSlotValue | ((ownerState: O) => PaperSlotValue);\n\n/** Our look first, then whatever `sx` the caller adds — so the caller's escape hatch still wins. */\nfunction sxList(caller: SxProps<Theme> | undefined): readonly unknown[] {\n  if (caller === undefined) return [];\n  return Array.isArray(caller) ? caller : [caller];\n}\n\nfunction mergeOver(\n  look: SxProps<Theme>,\n  testId: string | undefined,\n  legacy: PaperSlotValue | undefined,\n  slot: PaperSlotValue | undefined,\n): PaperSlotValue {\n  // MUI's own order: `slotProps.paper` over `PaperProps`.\n  const caller: PaperSlotValue = { ...legacy, ...slot };\n  return {\n    ...caller,\n    sx: [look, ...sxList(legacy?.sx), ...sxList(slot?.sx)] as SxProps<Theme>,\n    // A key the caller set to `undefined` does not erase the dialog's id.\n    'data-testid': caller['data-testid'] ?? testId,\n  };\n}\n\n/**\n * The one paper slot to hand MUI: the variant's `look`, then `PaperProps`, then\n * `slotProps.paper`. A function slot stays a function, so MUI still calls it\n * with its owner state and its result merges the same way.\n *\n * `testId` names the paper unless the caller's props name it; the drawer passes\n * none, because its id already sits on the Drawer root.\n */\nexport function mergedPaperSlot<O>(\n  look: SxProps<Theme>,\n  testId: string | undefined,\n  legacy: PaperSlotValue | undefined,\n  slot: PaperSlot<O> | undefined,\n): PaperSlot<O> {\n  if (typeof slot === 'function') {\n    return (ownerState: O) => mergeOver(look, testId, legacy, slot(ownerState));\n  }\n  return mergeOver(look, testId, legacy, slot);\n}\n"],"mappings":";AAwBA,SAAS,OAAO,QAAwD;AACtE,MAAI,WAAW,OAAW,QAAO,CAAC;AAClC,SAAO,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACjD;AAEA,SAAS,UACP,MACA,QACA,QACA,MACgB;AAEhB,QAAM,SAAyB,EAAE,GAAG,QAAQ,GAAG,KAAK;AACpD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,IAAI,CAAC,MAAM,GAAG,OAAO,QAAQ,EAAE,GAAG,GAAG,OAAO,MAAM,EAAE,CAAC;AAAA;AAAA,IAErD,eAAe,OAAO,aAAa,KAAK;AAAA,EAC1C;AACF;AAUO,SAAS,gBACd,MACA,QACA,QACA,MACc;AACd,MAAI,OAAO,SAAS,YAAY;AAC9B,WAAO,CAAC,eAAkB,UAAU,MAAM,QAAQ,QAAQ,KAAK,UAAU,CAAC;AAAA,EAC5E;AACA,SAAO,UAAU,MAAM,QAAQ,QAAQ,IAAI;AAC7C;","names":[]}

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

@@ -1,31 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/src/components/feedback/Dialog/Dialog.paper.ts

@@ -1,64 +0,0 @@
-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);
-}