@12-apps/ui 6.21.0 → 6.23.0

package/dist/{chunk-2SWQ6HIK.js → chunk-W3FAKT3D.js}

@@ -1,9 +1,9 @@
-import {
-  getScaleDistance
-} from "./chunk-TUBCN4DJ.js";
 import {
   BOUNCE_KEYFRAMES
 } from "./chunk-DRADVLHZ.js";
+import {
+  getScaleDistance
+} from "./chunk-TUBCN4DJ.js";
 
 // src/components/data-display/MapPreview/MapDecorations.tsx
 import LocationIcon from "@mui/icons-material/LocationOn";
@@ -164,4 +164,4 @@ export {
   MapScaleBar,
   MapCompass
 };
-//# sourceMappingURL=chunk-2SWQ6HIK.js.map
+//# sourceMappingURL=chunk-W3FAKT3D.js.map

package/dist/{chunk-JDMYD6QC.js → chunk-W4SDVTZC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Select
-} from "./chunk-WTIOCG4M.js";
+} from "./chunk-TOYEP23N.js";
 import {
   FormControl,
   FormLabel,
@@ -36,4 +36,4 @@ function SelectField({ name, options, label, placeholder }) {
 export {
   SelectField
 };
-//# sourceMappingURL=chunk-JDMYD6QC.js.map
+//# sourceMappingURL=chunk-W4SDVTZC.js.map

package/dist/{chunk-7MAOQIWA.js → chunk-W4YWU7LQ.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-KLREH4X6.js";
 import {
   resolveTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/layout/Box/Box.tsx
 import MuiBox from "@mui/material/Box/index.js";
@@ -55,4 +55,4 @@ export {
   layoutToSx,
   Box
 };
-//# sourceMappingURL=chunk-7MAOQIWA.js.map
+//# sourceMappingURL=chunk-W4YWU7LQ.js.map

package/dist/{chunk-Y46RBFBV.js → chunk-W7Y6RA6W.js}

@@ -2,19 +2,19 @@ import {
   DiscloseSlot,
   DragSlot,
   SelectSlot
-} from "./chunk-GBRKP5GZ.js";
+} from "./chunk-I5SBTNV2.js";
 import {
   actionProps,
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-TVO5STZB.js";
+} from "./chunk-YQ6TNHAC.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-BRSF5NRT.js";
+} from "./chunk-3FLVIVOK.js";
 import {
   useDisclosure
 } from "./chunk-2JCRNWHE.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-JCJGJX7V.js";
 import {
   cellRailsTemplate
-} from "./chunk-CZPU5TW3.js";
+} from "./chunk-LYSSO6WC.js";
 import {
   ListCardCells,
   cellTracks,
@@ -34,7 +34,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Card
-} from "./chunk-D2IASECY.js";
+} from "./chunk-AIRWM7KK.js";
 
 // src/components/data-display/DataViews/base-list-card.tsx
 import Collapse from "@mui/material/Collapse/index.js";
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-Y46RBFBV.js.map
+//# sourceMappingURL=chunk-W7Y6RA6W.js.map

package/dist/{chunk-XFU2S6XT.js → chunk-WGRS4PGY.js}

@@ -1,27 +1,27 @@
-import {
-  DataViewsDisplayPanel
-} from "./chunk-ZXLIWOXC.js";
 import {
   DataViewsExportMenu
-} from "./chunk-R6RVBYTU.js";
+} from "./chunk-XUJG2HFW.js";
+import {
+  DataViewsDisplayPanel
+} from "./chunk-LS4FMSHY.js";
 import {
   renderBulkActions
-} from "./chunk-RPQ3W2C6.js";
+} from "./chunk-U2ZDN2AL.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  FilterTrigger
-} from "./chunk-LVCUJ7YU.js";
 import {
   ContentToolbar
 } from "./chunk-TSPHRZ4U.js";
+import {
+  FilterTrigger
+} from "./chunk-LVCUJ7YU.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-toolbar.tsx
 import Divider from "@mui/material/Divider/index.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-XFU2S6XT.js.map
+//# sourceMappingURL=chunk-WGRS4PGY.js.map

package/dist/{chunk-OOGEYCJH.js → chunk-WIT3Y7JT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-4MLDWACO.js";
+} from "./chunk-JM64OEU6.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-OOGEYCJH.js.map
+//# sourceMappingURL=chunk-WIT3Y7JT.js.map

package/dist/{chunk-KT6HWAEN.js → chunk-WQA4LIIK.js}

@@ -1,10 +1,10 @@
-import {
-  buildChartContext
-} from "./chunk-BLBOYCOV.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-M5T3COS2.js";
+import {
+  buildChartContext
+} from "./chunk-BLBOYCOV.js";
 
 // src/components/data-display/Chart/chart-renderers.tsx
 import {
@@ -312,4 +312,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-KT6HWAEN.js.map
+//# sourceMappingURL=chunk-WQA4LIIK.js.map

package/dist/{chunk-J2KSG754.js → chunk-WRDPWEIC.js}

@@ -1,3 +1,7 @@
+import {
+  progressLabelText,
+  resolveProgressProps
+} from "./chunk-5JEOLUWJ.js";
 import {
   barEmphasisStyles,
   barVariantStyles,
@@ -6,10 +10,6 @@ import {
   getSizeStyles,
   pulseAnimation
 } from "./chunk-MHV5Y5MR.js";
-import {
-  progressLabelText,
-  resolveProgressProps
-} from "./chunk-5JEOLUWJ.js";
 
 // src/components/data-display/Progress/Progress.tsx
 import Box from "@mui/material/Box/index.js";
@@ -237,4 +237,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-J2KSG754.js.map
+//# sourceMappingURL=chunk-WRDPWEIC.js.map

package/dist/{chunk-RPWEXIAW.js → chunk-X5MPHXG5.js}

@@ -1,8 +1,3 @@
-import {
-  DataGridEmpty,
-  DataGridError,
-  DataGridLoading
-} from "./chunk-5E3XZAED.js";
 import {
   useDataGridModel
 } from "./chunk-DLJGBJZW.js";
@@ -10,6 +5,11 @@ import {
   GridBody,
   GridHeader
 } from "./chunk-KZLLTOB2.js";
+import {
+  DataGridEmpty,
+  DataGridError,
+  DataGridLoading
+} from "./chunk-5E3XZAED.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -115,4 +115,4 @@ DataGrid.displayName = "DataGrid";
 export {
   DataGrid
 };
-//# sourceMappingURL=chunk-RPWEXIAW.js.map
+//# sourceMappingURL=chunk-X5MPHXG5.js.map

package/dist/{chunk-UEIVXFUC.js → chunk-XELVDPKL.js}

@@ -1,12 +1,12 @@
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
-} from "./chunk-VWBWKLXX.js";
+} from "./chunk-SX3V2DLV.js";
 import {
   barStyles
 } from "./chunk-ZU3SWR4I.js";
+import {
+  useMenubarMenus
+} from "./chunk-42VH7N5L.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-UEIVXFUC.js.map
+//# sourceMappingURL=chunk-XELVDPKL.js.map

package/dist/{chunk-RRZBATXK.js → chunk-XKV5ZIBG.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-select-all-strip.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-RRZBATXK.js.map
+//# sourceMappingURL=chunk-XKV5ZIBG.js.map

package/dist/{chunk-ZKFYBC6G.js → chunk-XSF6AXEU.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-XFU2S6XT.js";
+} from "./chunk-WGRS4PGY.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-ZKFYBC6G.js.map
+//# sourceMappingURL=chunk-XSF6AXEU.js.map

package/dist/{chunk-R6RVBYTU.js → chunk-XUJG2HFW.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-export.tsx
 import DownloadRoundedIcon from "@mui/icons-material/DownloadRounded";
@@ -170,4 +170,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-R6RVBYTU.js.map
+//# sourceMappingURL=chunk-XUJG2HFW.js.map

package/dist/{chunk-S5LE2ARG.js → chunk-YANLN6HP.js}

@@ -1,7 +1,25 @@
 import {
   backdropSxOf,
   variantStylesOf
-} from "./chunk-6PRA45LC.js";
+} from "./chunk-5KEMPCW4.js";
+import {
+  DIALOG_ACTIONS,
+  DIALOG_BODY_PADDING_UNITS,
+  DIALOG_CONTENT_PADDING_UNITS,
+  DIALOG_HEADER_CHILDREN_PADDING_UNITS,
+  DIALOG_TITLE,
+  DIALOG_TITLED_BODY_PADDING_TOP_UNITS
+} from "./chunk-VM3HRSAU.js";
+import {
+  hasSpacingSlot,
+  withDialogDefaults
+} from "./chunk-GYXUCS37.js";
+import {
+  childTestId,
+  resolveTestId,
+  slotTestId,
+  withoutTestIdProps
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/feedback/Dialog/Dialog.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -15,45 +33,18 @@ import Drawer from "@mui/material/Drawer/index.js";
 import IconButton from "@mui/material/IconButton/index.js";
 import Typography from "@mui/material/Typography/index.js";
 import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function hasSpacingSlot(children) {
-  return React.Children.toArray(children).some((child) => {
-    if (!React.isValidElement(child)) return false;
-    if (child.type === DialogContent || child.type === DialogActions) return true;
-    if (child.type !== React.Fragment) return false;
-    return hasSpacingSlot(child.props.children);
-  });
-}
 var BODY_SX = {
-  px: 3,
-  pb: 2.5,
+  px: DIALOG_BODY_PADDING_UNITS.horizontal,
+  pb: DIALOG_BODY_PADDING_UNITS.bottom,
   "&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)": {
     display: "contents"
   }
 };
 function bodyOf(children, hasTitle) {
-  if (hasSpacingSlot(children)) return children;
-  return /* @__PURE__ */ jsx(Box, { sx: { ...BODY_SX, pt: hasTitle ? 0.5 : 2.5 }, children });
-}
-var DIALOG_DEFAULTS = {
-  variant: "default",
-  size: "md",
-  showCloseButton: true,
-  backdrop: true,
-  persistent: false,
-  glass: false,
-  gradient: false,
-  glow: false,
-  pulse: false,
-  borderRadius: "lg"
-};
-function withDialogDefaults(props) {
-  const merged = { ...props };
-  for (const [key, value] of Object.entries(DIALOG_DEFAULTS)) {
-    if (merged[key] === void 0) merged[key] = value;
-  }
-  return merged;
+  if (hasSpacingSlot(children, [DialogContent, DialogActions])) return children;
+  const pt = hasTitle ? DIALOG_BODY_PADDING_UNITS.topUnderTitle : DIALOG_BODY_PADDING_UNITS.top;
+  return /* @__PURE__ */ jsx(Box, { sx: { ...BODY_SX, pt }, children });
 }
 var Dialog = (rawProps) => {
   const {
@@ -72,11 +63,11 @@ var Dialog = (rawProps) => {
     borderRadius,
     onClose,
     open,
-    dataTestId,
-    ...props
+    ...others
   } = withDialogDefaults(rawProps);
   const theme = useTheme();
-  const testId = dataTestId || "dialog";
+  const testId = resolveTestId(others, "dialog");
+  const props = withoutTestIdProps(others);
   const paperSx = variantStylesOf(theme, {
     variant,
     size,
@@ -99,7 +90,7 @@ var Dialog = (rawProps) => {
       subtitle: description,
       showCloseButton,
       onClose,
-      dataTestId
+      dataTestId: testId
     }
   ) : null;
   const body = bodyOf(children, Boolean(title));
@@ -142,32 +133,53 @@ var DialogHeader = ({
   subtitle,
   showCloseButton = true,
   onClose,
-  dataTestId
+  ...others
 }) => {
+  const props = withoutTestIdProps(others);
   if (children) {
-    return /* @__PURE__ */ jsx(Box, { sx: { p: 2, borderBottom: "1px solid", borderColor: "divider" }, children });
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        "data-testid": slotTestId(others, "header", "dialog"),
+        sx: {
+          p: DIALOG_HEADER_CHILDREN_PADDING_UNITS,
+          borderBottom: "1px solid",
+          borderColor: "divider"
+        },
+        children
+      }
+    );
   }
   return /* @__PURE__ */ jsxs(
     MuiDialogTitle,
     {
-      "data-testid": dataTestId ? `${dataTestId}-title` : "dialog-title",
+      "data-testid": slotTestId(others, "title", "dialog"),
       sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        pb: subtitle ? 1 : 2
+        pb: subtitle ? DIALOG_TITLE.paddingBottomUnits.withSubtitle : DIALOG_TITLE.paddingBottomUnits.plain
       },
+      ...props,
       children: [
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "div", children: title }),
-          subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: subtitle })
+          subtitle && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              color: "text.secondary",
+              sx: { mt: DIALOG_TITLE.subtitleGapUnits },
+              children: subtitle
+            }
+          )
         ] }),
         showCloseButton && onClose && /* @__PURE__ */ jsx(
           IconButton,
           {
             "aria-label": "close",
             onClick: onClose,
-            "data-testid": dataTestId ? `${dataTestId}-close` : "dialog-close",
+            "data-testid": childTestId(others, "close", "dialog"),
             sx: {
               color: "text.secondary",
               "&:hover": {
@@ -181,21 +193,20 @@ var DialogHeader = ({
     }
   );
 };
-var TITLED_BODY_PADDING_TOP = 1.5;
+var TITLED_BODY_PADDING_TOP = DIALOG_TITLED_BODY_PADDING_TOP_UNITS;
 var TITLED_BODY_SELECTOR = ".MuiDialogTitle-root + &.MuiDialogContent-root";
 var DialogContent = ({
   children,
   dividers = false,
   dense = false,
-  dataTestId,
-  ...props
+  ...others
 }) => /* @__PURE__ */ jsx(
   MuiDialogContent,
   {
-    "data-testid": dataTestId ? `${dataTestId}-content` : "dialog-content",
+    "data-testid": slotTestId(others, "content", "dialog"),
     dividers,
     sx: {
-      padding: dense ? 1.5 : 3,
+      padding: dense ? DIALOG_CONTENT_PADDING_UNITS.dense : DIALOG_CONTENT_PADDING_UNITS.normal,
       [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },
       "&.MuiDialogContent-dividers": {
         borderTop: dividers ? "1px solid" : "none",
@@ -203,16 +214,15 @@ var DialogContent = ({
         borderColor: "divider"
       }
     },
-    ...props,
+    ...withoutTestIdProps(others),
     children
   }
 );
 var DialogActions = ({
   children,
   alignment = "right",
-  spacing = 1,
-  dataTestId,
-  ...props
+  spacing = DIALOG_ACTIONS.defaultSpacingUnits,
+  ...others
 }) => {
   const getJustifyContent = () => {
     switch (alignment) {
@@ -231,13 +241,13 @@ var DialogActions = ({
   return /* @__PURE__ */ jsx(
     MuiDialogActions,
     {
-      "data-testid": dataTestId ? `${dataTestId}-actions` : "dialog-actions",
+      "data-testid": slotTestId(others, "actions", "dialog"),
       sx: {
         justifyContent: getJustifyContent(),
         gap: spacing,
-        p: 2
+        p: DIALOG_ACTIONS.paddingUnits
       },
-      ...props,
+      ...withoutTestIdProps(others),
       children
     }
   );
@@ -249,4 +259,4 @@ export {
   DialogContent,
   DialogActions
 };
-//# sourceMappingURL=chunk-S5LE2ARG.js.map
+//# sourceMappingURL=chunk-YANLN6HP.js.map

package/dist/chunk-YANLN6HP.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 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 from '@mui/material/Drawer/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } 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 { 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\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 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      <Drawer\n        anchor=\"right\"\n        open={open}\n        onClose={onClose}\n        data-testid={testId}\n        {...props}\n      >\n        <Box sx={{ ...paperSx, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>\n          {header}\n          {body}\n        </Box>\n      </Drawer>\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      PaperProps={{ sx: paperSx, 'data-testid': testId }}\n      {...props}\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-FRQ4HNGF.js → chunk-YJ4HM25H.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-WR7ELCIL.js";
 import {
   Skeleton
-} from "./chunk-QS7ZGRNS.js";
+} from "./chunk-7VN7LFBA.js";
 
 // src/components/data-display/LazyImage/LazyImage.tsx
 import Box from "@mui/material/Box/index.js";
@@ -195,4 +195,4 @@ LazyImage.displayName = "LazyImage";
 export {
   LazyImage
 };
-//# sourceMappingURL=chunk-FRQ4HNGF.js.map
+//# sourceMappingURL=chunk-YJ4HM25H.js.map

package/dist/{chunk-TVO5STZB.js → chunk-YQ6TNHAC.js}

@@ -1,6 +1,6 @@
 import {
   STACK_BREAK
-} from "./chunk-BRSF5NRT.js";
+} from "./chunk-3FLVIVOK.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -16,7 +16,7 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-CZPU5TW3.js";
+} from "./chunk-LYSSO6WC.js";
 import {
   DENSITY_ROW_PADDING
 } from "./chunk-ZPIMPOHV.js";
@@ -181,4 +181,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-TVO5STZB.js.map
+//# sourceMappingURL=chunk-YQ6TNHAC.js.map

package/dist/{chunk-BNNSO4MC.js → chunk-YTOYMJPM.js}

@@ -1,6 +1,3 @@
-import {
-  resolveButtonProps
-} from "./chunk-TAMIZE4Q.js";
 import {
   buttonEmphasisStyles,
   buttonSize,
@@ -8,11 +5,14 @@ import {
   getColorFromTheme,
   iconAlignmentStyles
 } from "./chunk-JT6TERQL.js";
+import {
+  resolveButtonProps
+} from "./chunk-TAMIZE4Q.js";
 import {
   childTestId,
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/form/Button/Button.tsx
 import MuiButton from "@mui/material/Button/index.js";
@@ -111,4 +111,4 @@ Button.displayName = "Button";
 export {
   Button
 };
-//# sourceMappingURL=chunk-BNNSO4MC.js.map
+//# sourceMappingURL=chunk-YTOYMJPM.js.map

package/dist/{chunk-IH4RSRQA.js → chunk-ZA4U5GDU.js}

@@ -1,12 +1,12 @@
-import {
-  LoadingState
-} from "./chunk-QFHH2NU5.js";
 import {
   ErrorState
-} from "./chunk-4HYXEMBP.js";
+} from "./chunk-JIKWZDNK.js";
+import {
+  LoadingState
+} from "./chunk-JXNT5TUP.js";
 import {
   EmptyState
-} from "./chunk-NUE774AN.js";
+} from "./chunk-25R3ITGZ.js";
 
 // src/components/data-display/AsyncStateContainer/AsyncStateContainer.tsx
 import Box from "@mui/material/Box/index.js";
@@ -65,4 +65,4 @@ export {
   AsyncStateContainer,
   AsyncStateContainer_default
 };
-//# sourceMappingURL=chunk-IH4RSRQA.js.map
+//# sourceMappingURL=chunk-ZA4U5GDU.js.map