@12-apps/ui 6.39.13 → 6.39.15

package/NATIVE.md

@@ -93,7 +93,7 @@ Ported: **27 of 142** public subpaths carry a `react-native` condition.
 | `@12-apps/ui/data-display/FleetMap` | 23 | 2 | There is no MAP. `MapPreview` — which projects, tiles and decorates its own surface across ~2,200 lines — has no React Native build, so the native board renders the roster alone and its copy interface has neither `map` nor `mapLabel`: a caller should not be asked to name controls nothing draws. What that costs is smaller than the missing half suggests, because the web already treats this list as the component's real content rather than a sidebar — every fact a pin carries (who, how recently, how precisely, what they are carrying) is on a row, in an order the map cannot express. It is where the map goes when `MapPreview` is ported.; Every row is ALSO a tab stop. The list itself carries `tabIndex={0}` and `aria-activedescendant` exactly as the web's listbox does, so the arrow keys work and the selection is announced — but react-native-web additionally gives each `Pressable` its own `tabindex`, which the web half's `Box` rows never had. Measured on the rendered DOM: a fleet of thirty is thirty-one tab stops here against the web's one. Removing them would mean making the rows non-focusable, which would take the press target away on the renderer that has no touch.; The arrow keys are web-only. `onKeyDown` reaches the list through react-native-web's DOM events, so a browser still walks the roster with Up and Down, wrapping at both ends, declining a modified arrow and leaving the page to scroll when nothing can move. React Native delivers no key events to a `View`, so on a DEVICE none of it runs and the selection is made by touch.; `aria-selected` is passed as the attribute AND as `accessibilityState.selected`, because react-native-web derives neither from the other: without the attribute the web build announced no selection at all and conveyed it by background colour alone, which is the one thing this component refuses to do for freshness.; Hover has no touch equivalent, so the pressed wash stands in for it — and, as on the web, it must never WEAKEN the selection: a selected row keeps `action.selected` whether or not a finger is on it, rather than taking the lighter `action.hover`.; Keeping the selected row in view is the web's own arithmetic against different numbers. The web reads `offsetTop`/`scrollTop`/`clientHeight`; native gathers the same three from a row's `onLayout`, the `ScrollView`'s `onLayout` and its `onScroll`. So it needs one layout pass before it can act: a board mounted with a selection already set scrolls on the next commit rather than the first, where the web scrolls immediately.; The reload announcement is `accessibilityLiveRegion="polite"` plus `aria-live="polite"`. The first is Android's and the second is react-native-web's; iOS has no live region at all, and announcing there needs `AccessibilityInfo.announceForAccessibility`, which this component does not call — a host that must be heard on iOS makes that call itself.; A long unbroken label overflows rather than breaking mid-token: the web sets `overflowWrap: 'anywhere'` and React Native has no equivalent style, so a 40-character name with no spaces is clipped by the row instead of wrapped inside it.; `maxHeight` is a NUMBER of pixels where the web's `height` is any CSS length: React Native has no `calc`, no viewport units, and no percentage that resolves against a parent which has not sized itself.; The title, the row label and the meta line are set in MUI's default `body1`/`body2`/`caption` numbers; a host that re-themes MUI's typography variants moves the web only. |
 | `@12-apps/ui/data-display/LoadingState` | 11 | 1 | The spinner is the platform's `ActivityIndicator`, not MUI's 3.6-unit arc: same diameter and primary colour, the platform's own stroke; on iOS the two built-in sizes stand in for the five (`md` and up draw `large`).; The skeleton rows are the static tint (`alpha(text.primary, 0.13)`); MUI's `wave` sweep is a gradient pseudo-element React Native cannot draw.; The message is set in MUI's default `body2`/`body1`/`h6` numbers; a host that re-themes MUI's typography variants moves the web only. |
 | `@12-apps/ui/data-display/Progress` | 27 | 2 | `gradient` paints its first stop (`main`) flat: React Native core has no gradient fill, so the 90° run to `dark` is lost. `glass` keeps the 80% wash and the 30% hairline but not the 10px backdrop blur, which React Native has no equivalent of.; `glow` draws the web's `0 0 10px 2px alpha(main, 0.4)` shadow (and `0 0 6px 1px` on a filled segment) but not the `filter: brightness(1.1)` that goes with it, nor the circular variant's `drop-shadow` — the dial takes a box shadow round its square instead.; The indeterminate linear bar is ONE band a third of the track wide crossing every 2.1s; MUI runs two bars on two keyframe tracks. The indeterminate dial spins a quarter-circle arc once every 1.4s rather than growing and shrinking it.; The determinate bar is a clamped WIDTH; MUI translates a full-width bar by `value - 100`%. The two agree between 0 and 100 — outside it the web slides the bar off the track and native stops at the ends.; MUI's `transition: all 0.3s ease` on the bar and on every segment has no equivalent: a value change is drawn immediately.; The label is set in MUI's default `caption` ratios at the size's own step; a host that re-themes MUI's typography variants moves the web only. |
-| `@12-apps/ui/feedback/Dialog` | 26 | 3 | `glass` paints its 0.1 paper wash and primary hairline without the 20px backdrop blur, and the scrim behind it is a flat `alpha(black, 0.2)` without its 8px blur — React Native has no backdrop filter.; `gradient` adds nothing on native: it is a `linear-gradient` background IMAGE layered over the paper colour, and React Native core has neither a gradient fill nor a second background layer.; `role="dialog"` sits on React Native's `Modal`, which is the dialog on this side; the web puts it on MUI's paper. react-native-web gives that role to the TOP-MOST modal only, so two stacked dialogs announce one.; The modal mounts and unmounts without a transition where the web fades the paper in through MUI's `Fade`. React Native's own `animationType` is forwarded, so a consumer who wants `"fade"` or `"slide"` passes it.; The paper is `maxHeight: '100%'` inside an overlay inset by the web's `theme.spacing(2)` margin; the web writes `calc(100% - 64px)`, which React Native has no `calc` for, and 90vw, which the inset overlay stands in for.; `borderRadius` has no effect on `variant="drawer"` on EITHER renderer, so native paints the drawer SQUARE — which is what the web shows. Two things have to fail for that and both do: the web builds `${radius}px 0 0 ${radius}px` out of `theme.spacing()`, which already returns a px string, so the declaration reads `16pxpx 0 0 16pxpx` and is dropped; and that `sx` lands on a plain `Box` inside the Drawer rather than on a Paper, and MUI renders the Drawer's own Paper with `square: true`, so `shape.borderRadius` paints nothing either. Rounding the drawer is a web change (`Dialog.styles.ts` plus where the `sx` lands), made once, for both.; A `DialogContent` or `DialogActions` passed through a COMPONENT boundary still gets the padded wrapper here. The web catches that case with a `:has()` selector, which asks the DOM one step after React can; native has only the element-type check, so a body split into its own component is padded twice and stops being a sibling of the action bar.; `DialogContent` is a `ScrollView` — React Native's `overflow-y: auto` — so its padding lives on the scrolling content container rather than on the box the test id names.; The tighter top padding a body gets under a title (FUT-544) is decided by context rather than by the web's `.MuiDialogTitle-root + &`, so a SECOND `DialogContent` further down the dialog gets it too.; A `glow`ing paper stops clipping its children to its corners: a view's own shadow is clipped by its own overflow on a device, so the halo the caller asked for would not paint. The web keeps its clip and shows both.; The close button is a `Pressable` around the shared `Close` glyph at MUI's 8px `IconButton` padding; its pressed wash stands in for the web's hover.; Title, subtitle and raw text children are set in MUI's default `h6`/`body2`/`body1` numbers; a host that re-themes MUI's typography variants moves the web only. |
+| `@12-apps/ui/feedback/Dialog` | 26 | 5 | `glass` paints its 0.1 paper wash and primary hairline without the 20px backdrop blur, and the scrim behind it is a flat `alpha(black, 0.2)` without its 8px blur — React Native has no backdrop filter.; `gradient` adds nothing on native: it is a `linear-gradient` background IMAGE layered over the paper colour, and React Native core has neither a gradient fill nor a second background layer.; `role="dialog"` sits on React Native's `Modal`, which is the dialog on this side; the web puts it on MUI's paper. react-native-web gives that role to the TOP-MOST modal only, so two stacked dialogs announce one.; The modal mounts and unmounts without a transition where the web fades the paper in through MUI's `Fade`. React Native's own `animationType` is forwarded, so a consumer who wants `"fade"` or `"slide"` passes it.; The paper is `maxHeight: '100%'` inside an overlay inset by the web's `theme.spacing(2)` margin; the web writes `calc(100% - 64px)`, which React Native has no `calc` for, and 90vw, which the inset overlay stands in for.; `borderRadius` has no effect on `variant="drawer"` on EITHER renderer, so native paints the drawer SQUARE — which is what the web shows. Two things have to fail for that and both do: the web builds `${radius}px 0 0 ${radius}px` out of `theme.spacing()`, which already returns a px string, so the declaration reads `16pxpx 0 0 16pxpx` and is dropped; and that `sx` lands on a plain `Box` inside the Drawer rather than on a Paper, and MUI renders the Drawer's own Paper with `square: true`, so `shape.borderRadius` paints nothing either. Rounding the drawer is a web change (`Dialog.styles.ts` plus where the `sx` lands), made once, for both.; A `DialogContent` or `DialogActions` passed through a COMPONENT boundary still gets the padded wrapper here. The web catches that case with a `:has()` selector, which asks the DOM one step after React can; native has only the element-type check, so a body split into its own component is padded twice and stops being a sibling of the action bar.; `DialogContent` is a `ScrollView` — React Native's `overflow-y: auto` — so its padding lives on the scrolling content container rather than on the box the test id names.; The tighter top padding a body gets under a title (FUT-544) is decided by context rather than by the web's `.MuiDialogTitle-root + &`, so a SECOND `DialogContent` further down the dialog gets it too.; A `glow`ing paper stops clipping its children to its corners: a view's own shadow is clipped by its own overflow on a device, so the halo the caller asked for would not paint. The web keeps its clip and shows both.; The close button is a `Pressable` around the shared `Close` glyph at MUI's 8px `IconButton` padding; its pressed wash stands in for the web's hover.; Title, subtitle and raw text children are set in MUI's default `h6`/`body2`/`body1` numbers; a host that re-themes MUI's typography variants moves the web only. |
 | `@12-apps/ui/form/Button` | 24 | 2 | — |
 | `@12-apps/ui/form/Checkbox` | 25 | 0 | The control is a pressable carrying `role="checkbox"` and `aria-checked` — the state the web's hidden `<input type="checkbox">` announces — rather than a real form element. So it is a tab stop and a screen reader reads it correctly, but the `disabled` ATTRIBUTE a DOM assertion like `toBeDisabled()` looks for is `aria-disabled` here.; The box itself IS MUI's glyph: `@12-apps/ui/icons` generates `CheckBox`, `CheckBoxOutlineBlank` and `IndeterminateCheckBox` from the same `@mui/icons-material` package MUI's own `Checkbox` imports them from.; `glow` is a static shadow of MUI's default blue rather than one breathing between a 5px and a 20px blur, and `pulse` — an expanding ring drawn with `box-shadow` spread — is not drawn at all: React Native has neither keyframes on a shadow nor shadow spread.; Hover has no touch equivalent, so the 0.1 wash the web puts behind a hovered box is not drawn; `ripple` becomes Android's own ripple and is nothing on iOS.; `rounded` and `toggle` clip and scale the glyph's own box, as the web does — which on a transparent glyph shows only where the box would have clipped it. The web's `borderRadius` on an `<svg>` is the same near-invisible change.; Both renderers check in `primary.main` whatever `color` says: `Checkbox.tsx` overrides MUI's per-colour rule with primary and wins on source order. Fixing that is a web change.; The label and the helper text are set in MUI's own numbers (`body2` at 14px, `caption` at 12px, four spacing units of helper inset); a host that re-themes MUI's typography moves the web only. |
 | `@12-apps/ui/form/Input` | 23 | 2 | The label sits ABOVE the field at its shrunk size (12px, aligned with the value's own left inset) instead of floating into a notch in the border: React Native can neither cut a notch in a border nor animate a label into one, so `floating` has nothing left to move.; `filled` keeps MUI's lopsided `25px 12px 8px` inset, which on the web is where the floating label sits inside the box — so a native filled field reads low in its box, with the label above it.; `glass` paints its 0.1 paper wash and hairline without the 20px backdrop blur (React Native has no backdrop filter), and draws ONE border where the web draws two — its own on the field root, plus the outlined fieldset's underneath.; `gradient` paints the first stop of its 135° fill flat and gives the 2px ring the gradient's first hue: React Native core has no gradient fill and no masked pseudo-element border.; Hover has no touch equivalent, so the web's hover border, its brighter glass wash and its deeper filled wash are not drawn; focus is, and it carries the same colours.; `pulse` grows by scaling the bar rather than spreading a box-shadow, which React Native does not have; `glow` is a shadow on iOS and an elevation on Android, so its halo is not symmetrical there.; `onClick` fires from the DOM click under react-native-web and from `onPressIn` on a device — react-native-web forwards only the first and React Native only the second, so exactly one runs and never both.; Enter keeps focus (`blurOnSubmit={false}`), as it does in a web `<input>`; React Native's own default for a single-line field is to dismiss the keyboard, and a caller wanting that passes its own.; An HTML `type` React Native has no keyboard for (`date`, `time`, `file`, `color`) renders a plain text field; `text`, `search`, `email`, `tel`, `url` and `number` pick the keyboard and `password` sets secure entry.; The value, label and helper text are set in MUI's own numbers (`body1` at 16px on a 23px line, the 0.75 shrunk label, `caption` at 12px); a host that re-themes MUI's typography variants moves the web only. |

package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   DataViewsTableBase
-} from "../../../../chunk-ZNDDILNQ.js";
-import "../../../../chunk-3333KCAW.js";
+} from "../../../../chunk-UBEAJFMW.js";
+import "../../../../chunk-P22W4N5K.js";
 import "../../../../chunk-5WT4YWXC.js";
 import "../../../../chunk-ZOLAYP2D.js";
 import "../../../../chunk-AXKLCWFR.js";
@@ -40,9 +40,9 @@ import "../../../../chunk-YLGY3D52.js";
 import "../../../../chunk-S6JHTEV4.js";
 import "../../../../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";
@@ -121,9 +121,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/_internal/components/data-display/DataViews/DeleteViewDialog.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   DeleteViewDialog
-} from "../../../../chunk-3333KCAW.js";
+} from "../../../../chunk-P22W4N5K.js";
 import "../../../../chunk-KHG57NAE.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-WEBEOBN5.js";

package/dist/_internal/components/data-display/DataViews/ManageViewsDialog.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ManageViewsDialog
-} from "../../../../chunk-ECIHOZPK.js";
+} from "../../../../chunk-WWGD5YVW.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-XCBQXSTR.js";
 import "../../../../chunk-OAW6GCS3.js";
@@ -10,9 +10,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-2IBFEHIX.js";

package/dist/_internal/components/data-display/DataViews/SaveViewModal.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   SaveViewModal
-} from "../../../../chunk-IYF246UA.js";
+} from "../../../../chunk-SA65SDOY.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-B7CNP5HW.js";
 import "../../../../chunk-KHG57NAE.js";
@@ -18,9 +18,9 @@ import "../../../../chunk-SL6454K7.js";
 import "../../../../chunk-THMT3G3L.js";
 import "../../../../chunk-RNIU447I.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-6DPAWXZ3.js";

package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js

@@ -3,9 +3,9 @@ import {
   ViewDialogs,
   ViewMutationErrorAlert,
   ViewsMenuSlot
-} from "../../../../chunk-INMKA5SF.js";
-import "../../../../chunk-IYF246UA.js";
-import "../../../../chunk-ECIHOZPK.js";
+} from "../../../../chunk-ARDLCGBK.js";
+import "../../../../chunk-SA65SDOY.js";
+import "../../../../chunk-WWGD5YVW.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-B7CNP5HW.js";
 import "../../../../chunk-KHG57NAE.js";
@@ -37,9 +37,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-NUGT7LMR.js";

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

@@ -3,9 +3,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/_internal/components/feedback/Dialog/Dialog.slots.js

@@ -0,0 +1,10 @@
+import {
+  mergedBackdropSlot,
+  mergedPaperSlot
+} from "../../../../chunk-5HW37NSW.js";
+import "../../../../chunk-PZ5AY32C.js";
+export {
+  mergedBackdropSlot,
+  mergedPaperSlot
+};
+//# sourceMappingURL=Dialog.slots.js.map

package/dist/_internal/components/feedback/index.js

@@ -59,9 +59,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-CN46HGXE.js";

package/dist/_internal/components/index.js

@@ -67,11 +67,11 @@ import "../../chunk-PVM7XTLZ.js";
 import "../../chunk-I53WONUS.js";
 import {
   NavigationMenu
-} from "../../chunk-Y5UTYBZW.js";
-import "../../chunk-YHGOPZXW.js";
-import "../../chunk-VPRNKJHP.js";
+} from "../../chunk-ZUME25DS.js";
+import "../../chunk-FY6PONLA.js";
+import "../../chunk-FBUCXTA4.js";
 import "../../chunk-L5RQIQIP.js";
-import "../../chunk-5OUEKIWQ.js";
+import "../../chunk-ZGWEFOW6.js";
 import "../../chunk-3L5OZCGA.js";
 import "../../chunk-3AIRFAI3.js";
 import "../../chunk-R445KMGG.js";
@@ -113,7 +113,7 @@ import {
 } from "../../chunk-IQU4HKND.js";
 import {
   AppHeaderDetails
-} from "../../chunk-DXZOSP6P.js";
+} from "../../chunk-WVJGNIJZ.js";
 import {
   Breadcrumbs
 } from "../../chunk-YRSR5LVZ.js";
@@ -625,9 +625,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-CN46HGXE.js";

package/dist/_internal/components/navigation/AppHeader/AppHeader.details.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   AppHeaderDetails
-} from "../../../../chunk-DXZOSP6P.js";
+} from "../../../../chunk-WVJGNIJZ.js";
 import "../../../../chunk-QXSV7Z57.js";
 import "../../../../chunk-3U3H3BZM.js";
 import "../../../../chunk-EJYJLVPK.js";
@@ -9,9 +9,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/_internal/components/navigation/NavigationMenu/NavigationMegaSection.js

@@ -1,8 +1,8 @@
 import {
   NavigationMegaSection
-} from "../../../../chunk-YHGOPZXW.js";
+} from "../../../../chunk-FY6PONLA.js";
 import "../../../../chunk-L5RQIQIP.js";
-import "../../../../chunk-5OUEKIWQ.js";
+import "../../../../chunk-ZGWEFOW6.js";
 import "../../../../chunk-3L5OZCGA.js";
 import "../../../../chunk-3AIRFAI3.js";
 import "../../../../chunk-FQ6UW7IY.js";

package/dist/_internal/components/navigation/NavigationMenu/NavigationMenu.js

@@ -1,10 +1,10 @@
 import {
   NavigationMenu
-} from "../../../../chunk-Y5UTYBZW.js";
-import "../../../../chunk-YHGOPZXW.js";
-import "../../../../chunk-VPRNKJHP.js";
+} from "../../../../chunk-ZUME25DS.js";
+import "../../../../chunk-FY6PONLA.js";
+import "../../../../chunk-FBUCXTA4.js";
 import "../../../../chunk-L5RQIQIP.js";
-import "../../../../chunk-5OUEKIWQ.js";
+import "../../../../chunk-ZGWEFOW6.js";
 import "../../../../chunk-3L5OZCGA.js";
 import "../../../../chunk-3AIRFAI3.js";
 import "../../../../chunk-FQ6UW7IY.js";

package/dist/_internal/components/navigation/NavigationMenu/NavigationMenuItem.js

@@ -1,6 +1,6 @@
 import {
   renderMenuItem
-} from "../../../../chunk-5OUEKIWQ.js";
+} from "../../../../chunk-ZGWEFOW6.js";
 import "../../../../chunk-3L5OZCGA.js";
 import "../../../../chunk-3AIRFAI3.js";
 import "../../../../chunk-FQ6UW7IY.js";

package/dist/_internal/components/navigation/NavigationMenu/NavigationStandardBody.js

@@ -1,8 +1,8 @@
 import {
   NavigationStandardBody
-} from "../../../../chunk-VPRNKJHP.js";
+} from "../../../../chunk-FBUCXTA4.js";
 import "../../../../chunk-L5RQIQIP.js";
-import "../../../../chunk-5OUEKIWQ.js";
+import "../../../../chunk-ZGWEFOW6.js";
 import "../../../../chunk-3L5OZCGA.js";
 import "../../../../chunk-3AIRFAI3.js";
 import "../../../../chunk-FQ6UW7IY.js";

package/dist/_internal/components/navigation/index.js

@@ -2,11 +2,11 @@ import "../../../chunk-OJSVHBQO.js";
 import "../../../chunk-I53WONUS.js";
 import {
   NavigationMenu
-} from "../../../chunk-Y5UTYBZW.js";
-import "../../../chunk-YHGOPZXW.js";
-import "../../../chunk-VPRNKJHP.js";
+} from "../../../chunk-ZUME25DS.js";
+import "../../../chunk-FY6PONLA.js";
+import "../../../chunk-FBUCXTA4.js";
 import "../../../chunk-L5RQIQIP.js";
-import "../../../chunk-5OUEKIWQ.js";
+import "../../../chunk-ZGWEFOW6.js";
 import "../../../chunk-3L5OZCGA.js";
 import "../../../chunk-3AIRFAI3.js";
 import "../../../chunk-R445KMGG.js";
@@ -33,7 +33,7 @@ import {
 } from "../../../chunk-IQU4HKND.js";
 import {
   AppHeaderDetails
-} from "../../../chunk-DXZOSP6P.js";
+} from "../../../chunk-WVJGNIJZ.js";
 import {
   Breadcrumbs
 } from "../../../chunk-YRSR5LVZ.js";
@@ -69,9 +69,9 @@ import "../../../chunk-WVML3ENZ.js";
 import {
   DropdownMenu
 } from "../../../chunk-U3DBQXPI.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/chunk-5HW37NSW.js

@@ -0,0 +1,34 @@
+// src/components/feedback/Dialog/Dialog.slots.ts
+function sxList(caller) {
+  if (caller === void 0) return [];
+  return Array.isArray(caller) ? caller : [caller];
+}
+function mergeOver(look, legacy, slot) {
+  return {
+    ...legacy,
+    ...slot,
+    sx: [look, ...sxList(legacy?.sx), ...sxList(slot?.sx)]
+  };
+}
+function mergedSlot(look, legacy, slot, finish = (merged) => merged) {
+  if (typeof slot === "function") {
+    return (ownerState) => finish(mergeOver(look, legacy, slot(ownerState)));
+  }
+  return finish(mergeOver(look, legacy, slot));
+}
+function mergedPaperSlot(look, testId, legacy, slot) {
+  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
+  }));
+}
+function mergedBackdropSlot(look, legacy, slot) {
+  return mergedSlot(look, legacy, slot);
+}
+
+export {
+  mergedPaperSlot,
+  mergedBackdropSlot
+};
+//# sourceMappingURL=chunk-5HW37NSW.js.map

package/dist/chunk-5HW37NSW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.slots.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\n\n/**\n * A caller's slot props, MERGED over the Dialog's own rather than replacing\n * them — for the paper (FUT-2613) and the backdrop (FUT-2672).\n *\n * MUI reaches each slot through two props, and both used to replace ours\n * whole: the deprecated `PaperProps`/`BackdropProps` (spread after ours) and\n * `slotProps.paper`/`slotProps.backdrop` (which MUI itself puts over the\n * deprecated one). A caller asking for one class, or one `sx` tweak, lost the\n * variant's radius, width, background and the paper's test id with it — or,\n * on the backdrop, the scrim and the `glass` blur.\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 SlotValue {\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\ninterface PaperSlotValue extends SlotValue {\n  'data-testid'?: string;\n}\n\n/** A slot as MUI takes it: an object, or a function of the owner state. */\ntype Slot<V, O> = V | ((ownerState: O) => V);\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<V extends SlotValue>(\n  look: SxProps<Theme>,\n  legacy: V | undefined,\n  slot: V | undefined,\n): V {\n  // MUI's own order: `slotProps.<slot>` over the deprecated `<Slot>Props`.\n  return {\n    ...legacy,\n    ...slot,\n    sx: [look, ...sxList(legacy?.sx), ...sxList(slot?.sx)] as SxProps<Theme>,\n  } as V;\n}\n\n/**\n * The one slot to hand MUI: the Dialog's `look`, then the deprecated prop,\n * then `slotProps.<slot>`, each value passed through `finish`. A function slot\n * stays a function, so MUI still calls it with its owner state and its result\n * merges the same way.\n */\nfunction mergedSlot<V extends SlotValue, O>(\n  look: SxProps<Theme>,\n  legacy: V | undefined,\n  slot: Slot<V, O> | undefined,\n  finish: (merged: V) => V = (merged) => merged,\n): Slot<V, O> {\n  if (typeof slot === 'function') {\n    return (ownerState: O) => finish(mergeOver(look, legacy, slot(ownerState)));\n  }\n  return finish(mergeOver(look, legacy, slot));\n}\n\n/**\n * The paper slot: the variant's `look`, then `PaperProps`, then\n * `slotProps.paper`.\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: Slot<PaperSlotValue, O> | undefined,\n): Slot<PaperSlotValue, O> {\n  return mergedSlot(look, legacy, slot, (merged) => ({\n    ...merged,\n    // A key the caller set to `undefined` does not erase the dialog's id.\n    'data-testid': merged['data-testid'] ?? testId,\n  }));\n}\n\n/**\n * The backdrop slot: the scrim (`backdropSxOf`), then `BackdropProps`, then\n * `slotProps.backdrop`. Both renderers need it: MUI's `Dialog` would replace\n * our backdrop props with a caller's, and MUI's `Drawer` takes\n * `slotProps.backdrop` INSTEAD of `BackdropProps` whenever it is given — so\n * once the scrim rides `slotProps.backdrop`, a caller's `BackdropProps` would\n * silently drop unless it is folded in here.\n */\nexport function mergedBackdropSlot<O>(\n  look: SxProps<Theme>,\n  legacy: SlotValue | undefined,\n  slot: Slot<SlotValue, O> | undefined,\n): Slot<SlotValue, O> {\n  return mergedSlot(look, legacy, slot);\n}\n"],"mappings":";AA6BA,SAAS,OAAO,QAAwD;AACtE,MAAI,WAAW,OAAW,QAAO,CAAC;AAClC,SAAO,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACjD;AAEA,SAAS,UACP,MACA,QACA,MACG;AAEH,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI,CAAC,MAAM,GAAG,OAAO,QAAQ,EAAE,GAAG,GAAG,OAAO,MAAM,EAAE,CAAC;AAAA,EACvD;AACF;AAQA,SAAS,WACP,MACA,QACA,MACA,SAA2B,CAAC,WAAW,QAC3B;AACZ,MAAI,OAAO,SAAS,YAAY;AAC9B,WAAO,CAAC,eAAkB,OAAO,UAAU,MAAM,QAAQ,KAAK,UAAU,CAAC,CAAC;AAAA,EAC5E;AACA,SAAO,OAAO,UAAU,MAAM,QAAQ,IAAI,CAAC;AAC7C;AASO,SAAS,gBACd,MACA,QACA,QACA,MACyB;AACzB,SAAO,WAAW,MAAM,QAAQ,MAAM,CAAC,YAAY;AAAA,IACjD,GAAG;AAAA;AAAA,IAEH,eAAe,OAAO,aAAa,KAAK;AAAA,EAC1C,EAAE;AACJ;AAUO,SAAS,mBACd,MACA,QACA,MACoB;AACpB,SAAO,WAAW,MAAM,QAAQ,IAAI;AACtC;","names":[]}

package/dist/{chunk-INMKA5SF.js → chunk-ARDLCGBK.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-IYF246UA.js";
+} from "./chunk-SA65SDOY.js";
 import {
   ManageViewsDialog
-} from "./chunk-ECIHOZPK.js";
+} from "./chunk-WWGD5YVW.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-INMKA5SF.js.map
+//# sourceMappingURL=chunk-ARDLCGBK.js.map

package/dist/{chunk-VPRNKJHP.js → chunk-FBUCXTA4.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-L5RQIQIP.js";
 import {
   renderMenuItem
-} from "./chunk-5OUEKIWQ.js";
+} from "./chunk-ZGWEFOW6.js";
 import {
   slideIn
 } from "./chunk-3AIRFAI3.js";
@@ -116,4 +116,4 @@ var NavigationStandardBody = ({
 export {
   NavigationStandardBody
 };
-//# sourceMappingURL=chunk-VPRNKJHP.js.map
+//# sourceMappingURL=chunk-FBUCXTA4.js.map

package/dist/{chunk-YHGOPZXW.js → chunk-FY6PONLA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-L5RQIQIP.js";
 import {
   renderMenuItem
-} from "./chunk-5OUEKIWQ.js";
+} from "./chunk-ZGWEFOW6.js";
 import {
   slideIn
 } from "./chunk-3AIRFAI3.js";
@@ -59,4 +59,4 @@ var NavigationMegaSection = ({
 export {
   NavigationMegaSection
 };
-//# sourceMappingURL=chunk-YHGOPZXW.js.map
+//# sourceMappingURL=chunk-FY6PONLA.js.map

package/dist/{chunk-UEROWH53.js → chunk-GAMLBJE6.js}

@@ -3,8 +3,9 @@ import {
   variantStylesOf
 } from "./chunk-2WU52FLP.js";
 import {
+  mergedBackdropSlot,
   mergedPaperSlot
-} from "./chunk-Y4O4DITI.js";
+} from "./chunk-5HW37NSW.js";
 import {
   DIALOG_ACTIONS,
   DIALOG_BODY_PADDING_UNITS,
@@ -49,20 +50,54 @@ function bodyOf(children, hasTitle) {
   const pt = hasTitle ? DIALOG_BODY_PADDING_UNITS.topUnderTitle : DIALOG_BODY_PADDING_UNITS.top;
   return /* @__PURE__ */ jsx(Box, { sx: { ...BODY_SX, pt }, children });
 }
+function closeHandlerOf(persistent, onClose) {
+  return (_event, reason) => {
+    if (persistent && (reason === "backdropClick" || reason === "escapeKeyDown")) {
+      return;
+    }
+    onClose?.();
+  };
+}
+function ModalDialog({
+  paperSx,
+  backdropSx,
+  testId,
+  dialogProps,
+  children
+}) {
+  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = dialogProps;
+  return /* @__PURE__ */ jsx(
+    MuiDialog,
+    {
+      ...rest,
+      slotProps: {
+        ...slotProps,
+        paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),
+        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop)
+      },
+      children
+    }
+  );
+}
 function DrawerDialog({
   paperSx,
+  backdropSx,
   testId,
   drawerProps,
   children
 }) {
-  const { PaperProps: callerPaper, slotProps, ...rest } = drawerProps;
+  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = drawerProps;
   return /* @__PURE__ */ jsx(
     Drawer,
     {
       anchor: "right",
       "data-testid": testId,
       ...rest,
-      slotProps: { ...slotProps, paper: mergedPaperSlot(paperSx, void 0, callerPaper, slotProps?.paper) },
+      slotProps: {
+        ...slotProps,
+        paper: mergedPaperSlot(paperSx, void 0, callerPaper, slotProps?.paper),
+        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop)
+      },
       children
     }
   );
@@ -88,22 +123,13 @@ var Dialog = (rawProps) => {
   } = withDialogDefaults(rawProps);
   const theme = useTheme();
   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, reason) => {
-    if (persistent && (reason === "backdropClick" || reason === "escapeKeyDown")) {
-      return;
-    }
-    onClose?.();
+  const props = withoutTestIdProps(others);
+  const looks = {
+    paperSx: variantStylesOf(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),
+    backdropSx: backdropSxOf(theme, glass),
+    testId
   };
+  const handleClose = closeHandlerOf(persistent, onClose);
   const header = title ? /* @__PURE__ */ jsx(
     DialogHeader,
     {
@@ -116,29 +142,22 @@ var Dialog = (rawProps) => {
   ) : null;
   const body = bodyOf(children, Boolean(title));
   if (variant === "drawer") {
-    return /* @__PURE__ */ jsxs(
-      DrawerDialog,
-      {
-        paperSx,
-        testId,
-        drawerProps: { ...props, PaperProps: callerPaper, slotProps, open, onClose },
-        children: [
-          header,
-          body
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(DrawerDialog, { ...looks, drawerProps: { ...props, open, onClose: handleClose }, children: [
+      header,
+      body
+    ] });
   }
   return /* @__PURE__ */ jsxs(
-    MuiDialog,
+    ModalDialog,
     {
-      open,
-      onClose: handleClose,
-      fullScreen: variant === "fullscreen",
-      BackdropComponent: backdrop ? Backdrop : void 0,
-      BackdropProps: { sx: backdropSxOf(theme, glass) },
-      ...props,
-      slotProps: { ...slotProps, paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper) },
+      ...looks,
+      dialogProps: {
+        open,
+        onClose: handleClose,
+        fullScreen: variant === "fullscreen",
+        BackdropComponent: backdrop ? Backdrop : void 0,
+        ...props
+      },
       children: [
         header,
         body
@@ -278,4 +297,4 @@ export {
   DialogContent,
   DialogActions
 };
-//# sourceMappingURL=chunk-UEROWH53.js.map
+//# sourceMappingURL=chunk-GAMLBJE6.js.map

package/dist/chunk-GAMLBJE6.js.map

@@ -0,0 +1 @@
+{"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, { type DialogProps as MuiDialogProps } 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 { mergedBackdropSlot, mergedPaperSlot } from './Dialog.slots';\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 * MUI's `onClose` for either renderer: a `persistent` dialog swallows the\n * backdrop press and Escape, and the caller's `onClose` is called with no\n * arguments, as `Dialog.base.ts` promises. The drawer used to get the caller's\n * raw `onClose` — so it closed when `persistent` said it must not, and was\n * handed MUI's `(event, reason)` (FUT-2673).\n */\nfunction closeHandlerOf(persistent: boolean, onClose: (() => void) | undefined) {\n  return (_event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n}\n\n/** The looks the Dialog lays under a caller's paper and backdrop props. */\ninterface DialogLooks {\n  paperSx: SxProps<Theme>;\n  backdropSx: SxProps<Theme>;\n  testId: string | undefined;\n}\n\n/** What either renderer below takes: the looks, and the dialog's own children. */\ntype RendererProps = DialogLooks & { children: React.ReactNode };\n\n/**\n * Every variant but the drawer: MUI's `Dialog`. The scrim reaches MUI through\n * `slotProps.backdrop`, not the deprecated `BackdropProps`, and a caller's\n * backdrop props from either spelling merge over it rather than replacing it\n * (FUT-2672) — as their paper props merge over the variant's look (FUT-2613).\n */\nfunction ModalDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  dialogProps,\n  children,\n}: RendererProps & { dialogProps: MuiDialogProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = dialogProps;\n  return (\n    <MuiDialog\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n      }}\n    >\n      {children}\n    </MuiDialog>\n  );\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 *\n * The scrim rides the drawer's backdrop exactly as it rides the dialog's, so\n * `glass` blurs it here too; the paper does not frost (FUT-2673). MUI's\n * `Drawer` does not merge `BackdropProps` into `slotProps.backdrop` — it takes\n * one or the other — so both are folded into the one slot here.\n */\nfunction DrawerDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  drawerProps,\n  children,\n}: RendererProps & { drawerProps: DrawerProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, slotProps, ...rest } = drawerProps;\n  return (\n    <Drawer\n      anchor=\"right\"\n      data-testid={testId}\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n      }}\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 props = withoutTestIdProps(others);\n  const looks: DialogLooks = {\n    paperSx: variantStylesOf(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),\n    backdropSx: backdropSxOf(theme, glass),\n    testId,\n  };\n  const handleClose = closeHandlerOf(persistent, onClose);\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 {...looks} drawerProps={{ ...props, open, onClose: handleClose }}>\n        {header}\n        {body}\n      </DrawerDialog>\n    );\n  }\n\n  return (\n    <ModalDialog\n      {...looks}\n      dialogProps={{\n        open,\n        onClose: handleClose,\n        fullScreen: variant === 'fullscreen',\n        BackdropComponent: backdrop ? Backdrop : undefined,\n        ...props,\n      }}\n    >\n      {header}\n      {body}\n    </ModalDialog>\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":[]}