@12-apps/ui 6.62.0 → 6.63.0

package/dist/{chunk-T2UP4XJF.js → chunk-JTIKY2D3.js}

@@ -125,18 +125,25 @@ var VARIANT_STYLES = {
       boxShadow: theme.shadows[8]
     }
   }),
-  // A NEUTRAL outline is a field-row control ("Mais", "Exibir"), so it rests on
-  // the one field border; a coloured outline keeps its colour, which is the
-  // point of asking for one.
-  outline: (theme, palette, color) => ({
-    backgroundColor: "transparent",
-    color: palette.main,
-    border: color === "neutral" ? fieldBorder(theme) : `1px solid ${palette.main}`,
-    "&:hover": {
-      backgroundColor: alpha(palette.main, 0.1),
-      borderColor: palette.dark
-    }
-  }),
+  // A NEUTRAL outline is a field-row control ("Mais", "Exibir", "Cancelar"), so
+  // it rests on the one field border and writes in the theme's own text ink —
+  // a ROLE, which turns with the mode. It used to write in grey 700, a step on
+  // a ramp MUI keeps the same in dark: dark on dark, 2.18:1 on a dark bar, so a
+  // live "Descartar" read as disabled. A coloured outline keeps its colour,
+  // which is the point of asking for one.
+  // Its hover draws from the same role, so it does not dim to grey 800 on a dark ground.
+  outline: (theme, palette, color) => {
+    const ink = color === "neutral" ? theme.palette.text.primary : palette.main;
+    return {
+      backgroundColor: "transparent",
+      color: ink,
+      border: color === "neutral" ? fieldBorder(theme) : `1px solid ${palette.main}`,
+      "&:hover": {
+        backgroundColor: alpha(ink, 0.1),
+        borderColor: color === "neutral" ? theme.palette.text.secondary : palette.dark
+      }
+    };
+  },
   ghost: (theme, palette) => ({
     backgroundColor: "transparent",
     color: quietInk(theme, palette),
@@ -217,4 +224,4 @@ export {
   buttonVariantStyles,
   buttonEmphasisStyles
 };
-//# sourceMappingURL=chunk-T2UP4XJF.js.map
+//# sourceMappingURL=chunk-JTIKY2D3.js.map

package/dist/{chunk-T2UP4XJF.js.map → chunk-JTIKY2D3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/form/Button/Button.styles.ts"],"sourcesContent":["import { alpha, darken, keyframes, lighten } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { BUTTON_SIZES, ICON_ONLY_PADDING as ICON_ONLY_PADDING_PX } from './Button.metrics';\nimport { asFieldSize, fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, controlNeutral } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\nimport { inkOver } from '../../../tokens/theme';\n\n// The pulse ring, its spread through the theme's type scale.\nconst pulseAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${rem(theme, 15)} currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\ninterface ColorPalette {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n}\n\nconst shade = (\n  palette: ColorPalette | undefined,\n  key: 'dark' | 'light',\n  fallback: ColorPalette,\n): string => palette?.[key] || palette?.main || fallback[key];\n\n/** `neutral` has no MUI palette entry, so its four shades come from grey. */\nconst neutralPalette = (theme: Theme): ColorPalette => controlNeutral(theme);\n\nexport const getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary as ColorPalette,\n    secondary: theme.palette.secondary as ColorPalette,\n    success: theme.palette.success as ColorPalette,\n    warning: theme.palette.warning as ColorPalette,\n    info: theme.palette.info as ColorPalette,\n    danger: theme.palette.error as ColorPalette,\n  };\n\n  const fallback = theme.palette.primary as ColorPalette;\n  const palette = colorMap[color] || fallback;\n\n  // Ensure palette has required properties\n  return {\n    main: palette?.main || fallback.main,\n    dark: shade(palette, 'dark', fallback),\n    light: shade(palette, 'light', fallback),\n    contrastText: palette?.contrastText || absoluteInk(theme).white,\n  };\n};\n\n/** A size's padding and its type in design px, read through the type scale. */\ninterface WebButtonSize {\n  paddingYPx: number;\n  paddingXPx: number;\n  fontPx: number;\n}\n\n// Derived from `Button.metrics.ts`, which the native `Button` reads too — one\n// table, so a size cannot differ between the renderers.\nconst SIZE_MAP: Record<string, WebButtonSize> = Object.fromEntries(\n  Object.entries(BUTTON_SIZES).map(([size, m]) => [\n    size,\n    { paddingYPx: m.paddingVertical, paddingXPx: m.paddingHorizontal, fontPx: m.fontSize },\n  ]),\n);\n\n/** What an unrecognised size falls back to, named so indexing can never be undefined. */\nconst DEFAULT_SIZE: WebButtonSize = SIZE_MAP.md as WebButtonSize;\n\nconst sizeOf = (size: string): WebButtonSize => SIZE_MAP[size] ?? DEFAULT_SIZE;\n\n/**\n * A BUTTON THAT IS ONLY AN ICON IS SQUARE.\n *\n * MUI puts a 64px `min-width` on every button, which is right for a label and\n * wrong for a glyph: three dots in a 64px slab reads as a button that failed to\n * load its text, and at the end of a dense row it claims space the row needs.\n * The horizontal padding goes too — a square of padding round a square glyph —\n * and so does the gap MUI reserves beside a start/end icon, since there is\n * nothing on the other side of it.\n *\n * Derived, not declared: a button with an `icon` and no children can only be an\n * icon button, so no consumer has to opt in and none can forget to.\n */\nconst iconOnlyPadding = (theme: Theme, size: string): string => {\n  const bySize: Record<string, number> = ICON_ONLY_PADDING_PX;\n  return rem(theme, bySize[size] ?? ICON_ONLY_PADDING_PX.md);\n};\n\nconst iconOnlySize = (theme: Theme, size: string): CSSObject => ({\n  minWidth: 0,\n  padding: iconOnlyPadding(theme, size),\n  fontSize: rem(theme, sizeOf(size).fontPx),\n  '& .MuiButton-startIcon, & .MuiButton-endIcon': { margin: 0 },\n});\n\n/**\n * The size styles for a button, square when it carries nothing but an icon.\n *\n * The HEIGHT is the theme's field height for the size (`tokens/field-height`),\n * so a button stands level with the field beside it: the vertical padding goes\n * and the label is centred in a box at least that tall — a label that wraps\n * still grows it. An icon-only button is that height on every side.\n */\nexport const buttonSize =\n  (size: string, iconOnly: boolean) =>\n  (theme: Theme): CSSObject => {\n    const height = fieldHeight(theme, asFieldSize(size));\n    if (iconOnly) return { ...iconOnlySize(theme, size), padding: 0, minWidth: height, minHeight: height };\n    const { paddingYPx, paddingXPx, fontPx } = sizeOf(size);\n    return { padding: rems(theme, paddingYPx, paddingXPx), fontSize: rem(theme, fontPx), minHeight: height, paddingTop: 0, paddingBottom: 0 };\n  };\n\n/**\n * MUI centres icons with a negative margin that fights our own padding, so the\n * flex alignment is restated here rather than fought with `!important`.\n */\nexport const iconAlignmentStyles = (theme: Theme): CSSObject => ({\n  '& .MuiButton-startIcon, & .MuiButton-endIcon': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: 0,\n    verticalAlign: 'middle',\n    '& > *': {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      lineHeight: 0,\n    },\n  },\n  '& .MuiButton-startIcon': {\n    marginRight: theme.spacing(0.5),\n  },\n  '& .MuiButton-endIcon': {\n    marginLeft: theme.spacing(0.5),\n  },\n});\n\n// Gradients run between two related hues; the named colours pick a specific pair,\n// anything else runs from its own main to its own dark.\nconst GRADIENT_PAIRS: Record<string, (theme: Theme) => [string, string]> = {\n  primary: (theme) => [theme.palette.primary.main, theme.palette.secondary.main],\n  secondary: (theme) => [theme.palette.secondary.main, theme.palette.primary.main],\n  success: (theme) => [theme.palette.success.light, theme.palette.success.dark],\n  warning: (theme) => [theme.palette.warning.light, theme.palette.warning.dark],\n  danger: (theme) => [theme.palette.error.light, theme.palette.error.dark],\n};\n\nconst gradientStops = (theme: Theme, color: string, palette: ColorPalette): [string, string] =>\n  GRADIENT_PAIRS[color]?.(theme) ?? [palette.main, palette.dark];\n\nconst gradientFor = (theme: Theme, color: string, palette: ColorPalette): string => {\n  const [from, to] = gradientStops(theme, color, palette);\n  return `linear-gradient(135deg, ${from} 0%, ${to} 100%)`;\n};\n\n/**\n * The label colour for `gradient`, which used to be `#fff` outright (FUT-1924).\n *\n * Every other filled variant reads `palette.contrastText`, derived from `main`\n * — so a white-labelled host handing the library a pale brand got dark ink on\n * its solid buttons and white ink on its gradient one. That store had exactly\n * one button in the library whose label it could not read, in LIGHT mode,\n * before dark mode existed anywhere.\n *\n * `contrastText` is still not the right thing to read, and that is why this\n * goes through {@link inkOver}: a gradient is TWO fills, the named pairs run\n * light-to-dark, and an ink chosen against `main` says nothing about the end\n * the gradient actually reaches. Both stops go in, and the ink has to survive\n * the worse of them.\n */\nconst gradientInk = (theme: Theme, color: string, palette: ColorPalette): string =>\n  inkOver(gradientStops(theme, color, palette), palette.contrastText || absoluteInk(theme).white);\n\n/**\n * The label colour for the two variants that paint no background of their own.\n *\n * `ghost` and `text` used `palette.main` directly, which is the same mistake\n * the Alert made with its body text: a palette's `main` is chosen to sit UNDER\n * white — it is the fill of a solid button — and it is not chosen to be read AS\n * text. `#6366F1`, the default primary, is 3.6:1 on white and worse on any\n * tinted surface, so a \"Cancelar\" or an \"Agora não\" placed on a coloured panel\n * turned into a smudge. That is precisely where these two variants belong: they\n * exist to be the quiet option NEXT to a solid one, so they are the buttons\n * most likely to be sitting on something other than plain paper.\n *\n * One step darker (lighter, on a dark theme) keeps the hue the caller asked for\n * and buys the contrast back. `main` still drives the hover wash and every\n * bordered variant, so nothing that was already legible moves.\n */\nconst quietInk = (theme: Theme, palette: ColorPalette): string =>\n  theme.palette.mode === 'dark' ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);\n\nconst VARIANT_STYLES: Record<\n  string,\n  (theme: Theme, palette: ColorPalette, color: string) => CSSObject\n> = {\n  solid: (theme, palette) => ({\n    backgroundColor: palette.main,\n    color: palette.contrastText || absoluteInk(theme).white,\n    '&:hover': {\n      backgroundColor: palette.dark,\n      transform: `translateY(${rem(theme, -2)})`,\n      boxShadow: theme.shadows[8],\n    },\n  }),\n  // A NEUTRAL outline is a field-row control (\"Mais\", \"Exibir\"), so it rests on\n  // the one field border; a coloured outline keeps its colour, which is the\n  // point of asking for one.\n  outline: (theme, palette, color) => ({\n    backgroundColor: 'transparent',\n    color: palette.main,\n    border: color === 'neutral' ? fieldBorder(theme) : `1px solid ${palette.main}`,\n    '&:hover': {\n      backgroundColor: alpha(palette.main, 0.1),\n      borderColor: palette.dark,\n    },\n  }),\n  ghost: (theme, palette) => ({\n    backgroundColor: 'transparent',\n    color: quietInk(theme, palette),\n    '&:hover': {\n      backgroundColor: alpha(palette.main, 0.1),\n    },\n  }),\n  text: (theme, palette) => ({\n    backgroundColor: 'transparent',\n    color: quietInk(theme, palette),\n    border: `none`,\n    '&:hover': {\n      backgroundColor: alpha(palette.main, 0.1),\n    },\n    '&.active': {\n      backgroundColor: alpha(palette.main, 0.1),\n      color: quietInk(theme, palette),\n    },\n  }),\n  glass: (theme, palette) => ({\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: `blur(${rem(theme, 20)})`,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    color: palette.main,\n    '&:hover': {\n      backgroundColor: alpha(theme.palette.background.paper, 0.2),\n      transform: `translateY(${rem(theme, -2)})`,\n    },\n  }),\n  gradient: (theme, palette, color) => ({\n    background: gradientFor(theme, color, palette),\n    color: gradientInk(theme, color, palette),\n    '&:hover': {\n      filter: 'brightness(1.1)',\n      transform: `translateY(${rem(theme, -2)})`,\n      boxShadow: theme.shadows[12],\n    },\n  }),\n};\n\nexport const buttonVariantStyles = (\n  theme: Theme,\n  variant: string | undefined,\n  palette: ColorPalette,\n  color: string,\n): CSSObject => VARIANT_STYLES[variant ?? '']?.(theme, palette, color) ?? {};\n\n// Glow effect - applied with !important to override variant shadows\nconst glowStyles = (theme: Theme, palette: ColorPalette): CSSObject => ({\n  boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(palette.main, 0.6)}, ${rems(theme, 0, 0, 40, 10)} ${alpha(palette.main, 0.3)} !important`,\n  filter: 'brightness(1.05)',\n  '&:hover': {\n    boxShadow: `${rems(theme, 0, 0, 25, 8)} ${alpha(palette.main, 0.7)}, ${rems(theme, 0, 0, 50, 15)} ${alpha(palette.main, 0.4)} !important`,\n    filter: 'brightness(1.1)',\n    transform: `translateY(${rem(theme, -2)}) scale(1.02)`,\n  },\n});\n\n// Pulse animation using pseudo-element\nconst pulseStyles = (theme: Theme, palette: ColorPalette): CSSObject => ({\n  position: 'relative',\n  overflow: 'visible',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: '100%',\n    height: '100%',\n    borderRadius: 'inherit',\n    transform: 'translate(-50%, -50%)',\n    backgroundColor: palette.main,\n    opacity: 0.3,\n    animation: `${pulseAnimation(theme)} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\n/**\n * glow and pulse are independent flags. The three combinations used to be spelled\n * out one by one, but each is just the union of whichever flags are set.\n */\nexport const buttonEmphasisStyles = (\n  theme: Theme,\n  palette: ColorPalette,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow ? glowStyles(theme, palette) : {}),\n  ...(pulse ? pulseStyles(theme, palette) : {}),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/form/Button/Button.styles.ts"],"sourcesContent":["import { alpha, darken, keyframes, lighten } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { BUTTON_SIZES, ICON_ONLY_PADDING as ICON_ONLY_PADDING_PX } from './Button.metrics';\nimport { asFieldSize, fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, controlNeutral } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\nimport { inkOver } from '../../../tokens/theme';\n\n// The pulse ring, its spread through the theme's type scale.\nconst pulseAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${rem(theme, 15)} currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\ninterface ColorPalette {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n}\n\nconst shade = (\n  palette: ColorPalette | undefined,\n  key: 'dark' | 'light',\n  fallback: ColorPalette,\n): string => palette?.[key] || palette?.main || fallback[key];\n\n/** `neutral` has no MUI palette entry, so its four shades come from grey. */\nconst neutralPalette = (theme: Theme): ColorPalette => controlNeutral(theme);\n\nexport const getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary as ColorPalette,\n    secondary: theme.palette.secondary as ColorPalette,\n    success: theme.palette.success as ColorPalette,\n    warning: theme.palette.warning as ColorPalette,\n    info: theme.palette.info as ColorPalette,\n    danger: theme.palette.error as ColorPalette,\n  };\n\n  const fallback = theme.palette.primary as ColorPalette;\n  const palette = colorMap[color] || fallback;\n\n  // Ensure palette has required properties\n  return {\n    main: palette?.main || fallback.main,\n    dark: shade(palette, 'dark', fallback),\n    light: shade(palette, 'light', fallback),\n    contrastText: palette?.contrastText || absoluteInk(theme).white,\n  };\n};\n\n/** A size's padding and its type in design px, read through the type scale. */\ninterface WebButtonSize {\n  paddingYPx: number;\n  paddingXPx: number;\n  fontPx: number;\n}\n\n// Derived from `Button.metrics.ts`, which the native `Button` reads too — one\n// table, so a size cannot differ between the renderers.\nconst SIZE_MAP: Record<string, WebButtonSize> = Object.fromEntries(\n  Object.entries(BUTTON_SIZES).map(([size, m]) => [\n    size,\n    { paddingYPx: m.paddingVertical, paddingXPx: m.paddingHorizontal, fontPx: m.fontSize },\n  ]),\n);\n\n/** What an unrecognised size falls back to, named so indexing can never be undefined. */\nconst DEFAULT_SIZE: WebButtonSize = SIZE_MAP.md as WebButtonSize;\n\nconst sizeOf = (size: string): WebButtonSize => SIZE_MAP[size] ?? DEFAULT_SIZE;\n\n/**\n * A BUTTON THAT IS ONLY AN ICON IS SQUARE.\n *\n * MUI puts a 64px `min-width` on every button, which is right for a label and\n * wrong for a glyph: three dots in a 64px slab reads as a button that failed to\n * load its text, and at the end of a dense row it claims space the row needs.\n * The horizontal padding goes too — a square of padding round a square glyph —\n * and so does the gap MUI reserves beside a start/end icon, since there is\n * nothing on the other side of it.\n *\n * Derived, not declared: a button with an `icon` and no children can only be an\n * icon button, so no consumer has to opt in and none can forget to.\n */\nconst iconOnlyPadding = (theme: Theme, size: string): string => {\n  const bySize: Record<string, number> = ICON_ONLY_PADDING_PX;\n  return rem(theme, bySize[size] ?? ICON_ONLY_PADDING_PX.md);\n};\n\nconst iconOnlySize = (theme: Theme, size: string): CSSObject => ({\n  minWidth: 0,\n  padding: iconOnlyPadding(theme, size),\n  fontSize: rem(theme, sizeOf(size).fontPx),\n  '& .MuiButton-startIcon, & .MuiButton-endIcon': { margin: 0 },\n});\n\n/**\n * The size styles for a button, square when it carries nothing but an icon.\n *\n * The HEIGHT is the theme's field height for the size (`tokens/field-height`),\n * so a button stands level with the field beside it: the vertical padding goes\n * and the label is centred in a box at least that tall — a label that wraps\n * still grows it. An icon-only button is that height on every side.\n */\nexport const buttonSize =\n  (size: string, iconOnly: boolean) =>\n  (theme: Theme): CSSObject => {\n    const height = fieldHeight(theme, asFieldSize(size));\n    if (iconOnly) return { ...iconOnlySize(theme, size), padding: 0, minWidth: height, minHeight: height };\n    const { paddingYPx, paddingXPx, fontPx } = sizeOf(size);\n    return { padding: rems(theme, paddingYPx, paddingXPx), fontSize: rem(theme, fontPx), minHeight: height, paddingTop: 0, paddingBottom: 0 };\n  };\n\n/**\n * MUI centres icons with a negative margin that fights our own padding, so the\n * flex alignment is restated here rather than fought with `!important`.\n */\nexport const iconAlignmentStyles = (theme: Theme): CSSObject => ({\n  '& .MuiButton-startIcon, & .MuiButton-endIcon': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: 0,\n    verticalAlign: 'middle',\n    '& > *': {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      lineHeight: 0,\n    },\n  },\n  '& .MuiButton-startIcon': {\n    marginRight: theme.spacing(0.5),\n  },\n  '& .MuiButton-endIcon': {\n    marginLeft: theme.spacing(0.5),\n  },\n});\n\n// Gradients run between two related hues; the named colours pick a specific pair,\n// anything else runs from its own main to its own dark.\nconst GRADIENT_PAIRS: Record<string, (theme: Theme) => [string, string]> = {\n  primary: (theme) => [theme.palette.primary.main, theme.palette.secondary.main],\n  secondary: (theme) => [theme.palette.secondary.main, theme.palette.primary.main],\n  success: (theme) => [theme.palette.success.light, theme.palette.success.dark],\n  warning: (theme) => [theme.palette.warning.light, theme.palette.warning.dark],\n  danger: (theme) => [theme.palette.error.light, theme.palette.error.dark],\n};\n\nconst gradientStops = (theme: Theme, color: string, palette: ColorPalette): [string, string] =>\n  GRADIENT_PAIRS[color]?.(theme) ?? [palette.main, palette.dark];\n\nconst gradientFor = (theme: Theme, color: string, palette: ColorPalette): string => {\n  const [from, to] = gradientStops(theme, color, palette);\n  return `linear-gradient(135deg, ${from} 0%, ${to} 100%)`;\n};\n\n/**\n * The label colour for `gradient`, which used to be `#fff` outright (FUT-1924).\n *\n * Every other filled variant reads `palette.contrastText`, derived from `main`\n * — so a white-labelled host handing the library a pale brand got dark ink on\n * its solid buttons and white ink on its gradient one. That store had exactly\n * one button in the library whose label it could not read, in LIGHT mode,\n * before dark mode existed anywhere.\n *\n * `contrastText` is still not the right thing to read, and that is why this\n * goes through {@link inkOver}: a gradient is TWO fills, the named pairs run\n * light-to-dark, and an ink chosen against `main` says nothing about the end\n * the gradient actually reaches. Both stops go in, and the ink has to survive\n * the worse of them.\n */\nconst gradientInk = (theme: Theme, color: string, palette: ColorPalette): string =>\n  inkOver(gradientStops(theme, color, palette), palette.contrastText || absoluteInk(theme).white);\n\n/**\n * The label colour for the two variants that paint no background of their own.\n *\n * `ghost` and `text` used `palette.main` directly, which is the same mistake\n * the Alert made with its body text: a palette's `main` is chosen to sit UNDER\n * white — it is the fill of a solid button — and it is not chosen to be read AS\n * text. `#6366F1`, the default primary, is 3.6:1 on white and worse on any\n * tinted surface, so a \"Cancelar\" or an \"Agora não\" placed on a coloured panel\n * turned into a smudge. That is precisely where these two variants belong: they\n * exist to be the quiet option NEXT to a solid one, so they are the buttons\n * most likely to be sitting on something other than plain paper.\n *\n * One step darker (lighter, on a dark theme) keeps the hue the caller asked for\n * and buys the contrast back. `main` still drives the hover wash and every\n * bordered variant, so nothing that was already legible moves.\n */\nconst quietInk = (theme: Theme, palette: ColorPalette): string =>\n  theme.palette.mode === 'dark' ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);\n\nconst VARIANT_STYLES: Record<\n  string,\n  (theme: Theme, palette: ColorPalette, color: string) => CSSObject\n> = {\n  solid: (theme, palette) => ({\n    backgroundColor: palette.main,\n    color: palette.contrastText || absoluteInk(theme).white,\n    '&:hover': {\n      backgroundColor: palette.dark,\n      transform: `translateY(${rem(theme, -2)})`,\n      boxShadow: theme.shadows[8],\n    },\n  }),\n  // A NEUTRAL outline is a field-row control (\"Mais\", \"Exibir\", \"Cancelar\"), so\n  // it rests on the one field border and writes in the theme's own text ink —\n  // a ROLE, which turns with the mode. It used to write in grey 700, a step on\n  // a ramp MUI keeps the same in dark: dark on dark, 2.18:1 on a dark bar, so a\n  // live \"Descartar\" read as disabled. A coloured outline keeps its colour,\n  // which is the point of asking for one.\n  // Its hover draws from the same role, so it does not dim to grey 800 on a dark ground.\n  outline: (theme, palette, color) => {\n    const ink = color === 'neutral' ? theme.palette.text.primary : palette.main;\n    return {\n      backgroundColor: 'transparent',\n      color: ink,\n      border: color === 'neutral' ? fieldBorder(theme) : `1px solid ${palette.main}`,\n      '&:hover': {\n        backgroundColor: alpha(ink, 0.1),\n        borderColor: color === 'neutral' ? theme.palette.text.secondary : palette.dark,\n      },\n    };\n  },\n  ghost: (theme, palette) => ({\n    backgroundColor: 'transparent',\n    color: quietInk(theme, palette),\n    '&:hover': {\n      backgroundColor: alpha(palette.main, 0.1),\n    },\n  }),\n  text: (theme, palette) => ({\n    backgroundColor: 'transparent',\n    color: quietInk(theme, palette),\n    border: `none`,\n    '&:hover': {\n      backgroundColor: alpha(palette.main, 0.1),\n    },\n    '&.active': {\n      backgroundColor: alpha(palette.main, 0.1),\n      color: quietInk(theme, palette),\n    },\n  }),\n  glass: (theme, palette) => ({\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: `blur(${rem(theme, 20)})`,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    color: palette.main,\n    '&:hover': {\n      backgroundColor: alpha(theme.palette.background.paper, 0.2),\n      transform: `translateY(${rem(theme, -2)})`,\n    },\n  }),\n  gradient: (theme, palette, color) => ({\n    background: gradientFor(theme, color, palette),\n    color: gradientInk(theme, color, palette),\n    '&:hover': {\n      filter: 'brightness(1.1)',\n      transform: `translateY(${rem(theme, -2)})`,\n      boxShadow: theme.shadows[12],\n    },\n  }),\n};\n\nexport const buttonVariantStyles = (\n  theme: Theme,\n  variant: string | undefined,\n  palette: ColorPalette,\n  color: string,\n): CSSObject => VARIANT_STYLES[variant ?? '']?.(theme, palette, color) ?? {};\n\n// Glow effect - applied with !important to override variant shadows\nconst glowStyles = (theme: Theme, palette: ColorPalette): CSSObject => ({\n  boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(palette.main, 0.6)}, ${rems(theme, 0, 0, 40, 10)} ${alpha(palette.main, 0.3)} !important`,\n  filter: 'brightness(1.05)',\n  '&:hover': {\n    boxShadow: `${rems(theme, 0, 0, 25, 8)} ${alpha(palette.main, 0.7)}, ${rems(theme, 0, 0, 50, 15)} ${alpha(palette.main, 0.4)} !important`,\n    filter: 'brightness(1.1)',\n    transform: `translateY(${rem(theme, -2)}) scale(1.02)`,\n  },\n});\n\n// Pulse animation using pseudo-element\nconst pulseStyles = (theme: Theme, palette: ColorPalette): CSSObject => ({\n  position: 'relative',\n  overflow: 'visible',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: '100%',\n    height: '100%',\n    borderRadius: 'inherit',\n    transform: 'translate(-50%, -50%)',\n    backgroundColor: palette.main,\n    opacity: 0.3,\n    animation: `${pulseAnimation(theme)} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\n/**\n * glow and pulse are independent flags. The three combinations used to be spelled\n * out one by one, but each is just the union of whichever flags are set.\n */\nexport const buttonEmphasisStyles = (\n  theme: Theme,\n  palette: ColorPalette,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow ? glowStyles(theme, palette) : {}),\n  ...(pulse ? pulseStyles(theme, palette) : {}),\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-6J27G2HT.js → chunk-KYFRZX5C.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-6J27G2HT.js.map
+//# sourceMappingURL=chunk-KYFRZX5C.js.map

package/dist/{chunk-NQZNV3VR.js → chunk-LCVBED7G.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   rem,
   sxRem
@@ -166,4 +166,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-NQZNV3VR.js.map
+//# sourceMappingURL=chunk-LCVBED7G.js.map

package/dist/{chunk-GRRW5NSR.js → chunk-NHAB477Y.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-L4HUZCKV.js";
+} from "./chunk-XOCWAQOA.js";
 import {
   Dialog,
   DialogContent
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-GRRW5NSR.js.map
+//# sourceMappingURL=chunk-NHAB477Y.js.map

package/dist/{chunk-X7HCS3HP.js → chunk-PSYX2KEQ.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-6J27G2HT.js";
+} from "./chunk-KYFRZX5C.js";
 import {
   ManageViewsDialog
-} from "./chunk-GRRW5NSR.js";
+} from "./chunk-NHAB477Y.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-X7HCS3HP.js.map
+//# sourceMappingURL=chunk-PSYX2KEQ.js.map

package/dist/{chunk-3UQMIFPA.js → chunk-QNXCCBRW.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-J2QIICWP.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -217,4 +217,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-3UQMIFPA.js.map
+//# sourceMappingURL=chunk-QNXCCBRW.js.map

package/dist/{chunk-ZUQX7XHJ.js → chunk-RG3GJTSK.js}

@@ -1,9 +1,9 @@
 import {
   DeleteViewDialog
-} from "./chunk-H7R6UKOE.js";
+} from "./chunk-YWIVVKCJ.js";
 import {
   DataViewsGrid
-} from "./chunk-USZMUOI6.js";
+} from "./chunk-F5LDJ52M.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -14,7 +14,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-X7HCS3HP.js";
+} from "./chunk-PSYX2KEQ.js";
 import {
   useSavedViewsController
 } from "./chunk-HR7YTBR7.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-ZUQX7XHJ.js.map
+//# sourceMappingURL=chunk-RG3GJTSK.js.map

package/dist/{chunk-OGBLNORM.js → chunk-RQ2NKSIA.js}

@@ -1,21 +1,21 @@
 import {
   usePanelChrome
-} from "./chunk-G3QKH23Y.js";
+} from "./chunk-TSMF7K37.js";
 import {
   ModalPanelContents,
   modalAriaIds,
   resolveModalContent
-} from "./chunk-2KGYTJCN.js";
+} from "./chunk-GLKUN3DL.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
-} from "./chunk-NEHCU3EZ.js";
+} from "./chunk-XSIVM4VO.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
 import Slide from "@mui/material/Slide/index.js";
 import { styled } from "@mui/material/styles/index.js";
-import { forwardRef, useId } from "react";
+import { forwardRef, useEffect, useId } from "react";
 import { jsx } from "react/jsx-runtime";
 var StyledDialog = styled(Dialog, {
   shouldForwardProp: (prop) => !STYLE_ONLY_PROPS.includes(prop)
@@ -49,6 +49,16 @@ var withDefaults = (props) => {
   }
   return resolved;
 };
+var useUnnamedDialogWarning = (unnamed) => {
+  useEffect(() => {
+    const development = typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
+    if (unnamed && development) {
+      console.warn(
+        "StackedModal: `hideHeader` without `aria-labelledby` leaves the dialog unnamed. Point `aria-labelledby` at your content header's title."
+      );
+    }
+  }, [unnamed]);
+};
 var StackedModalPanel = (props) => {
   const {
     open,
@@ -57,6 +67,7 @@ var StackedModalPanel = (props) => {
     navigationTitle,
     backLabel,
     hideClose,
+    hideHeader,
     children,
     actions,
     modalId,
@@ -84,6 +95,7 @@ var StackedModalPanel = (props) => {
     zIndex,
     isMobile,
     canGoBack,
+    isRoot,
     handleBack,
     handleClose
   } = usePanelChrome({
@@ -102,6 +114,7 @@ var StackedModalPanel = (props) => {
     isMobile
   );
   const { titleId, descId } = modalAriaIds(modalId, ariaLabelledBy, ariaDescribedBy);
+  useUnnamedDialogWarning(Boolean(hideHeader) && !ariaLabelledBy);
   return /* @__PURE__ */ jsx(
     StyledDialog,
     {
@@ -135,6 +148,7 @@ var StackedModalPanel = (props) => {
           descId,
           navigationTitle,
           hideClose,
+          hideHeader: Boolean(hideHeader) && isRoot,
           canGoBack,
           onBack: handleBack,
           onClose,
@@ -158,4 +172,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-OGBLNORM.js.map
+//# sourceMappingURL=chunk-RQ2NKSIA.js.map

package/dist/chunk-RQ2NKSIA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog/index.js';\nimport Slide from '@mui/material/Slide/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { TransitionProps } from '@mui/material/transitions/index.js';\nimport type { FC } from 'react';\nimport React, { forwardRef, useEffect, useId } from 'react';\nimport { usePanelChrome } from './StackedModal.hooks';\nimport { modalAriaIds, ModalPanelContents, resolveModalContent } from './StackedModal.parts';\nimport type { PanelStyleProps } from './StackedModal.styles';\nimport { dialogRootStyles, STYLE_ONLY_PROPS } from './StackedModal.styles';\nimport type { StackedModalProps } from './StackedModal.types';\n\nconst StyledDialog = styled(Dialog, {\n  shouldForwardProp: (prop) => !STYLE_ONLY_PROPS.includes(prop as string),\n})<PanelStyleProps>(({ theme, ...props }) => dialogRootStyles(theme, props));\n\n/** Panels slide in from the right on every device. */\nconst SlideTransition = forwardRef<HTMLDivElement, TransitionProps>(\n  function SlideTransition(props, ref) {\n    return (\n      <Slide direction=\"left\" ref={ref} {...props}>\n        {props.children as React.ReactElement}\n      </Slide>\n    );\n  },\n);\n\nconst DEFAULTS: Partial<StackedModalProps> = {\n  open: false,\n  glass: false,\n  navigationTitle: '',\n  closeOnClickOutside: true,\n  closeOnEsc: true,\n  loading: false,\n  loadingText: 'Loading...',\n  maxWidth: false,\n  disableBackdrop: false,\n  disableFocusTrap: false,\n  keepMounted: false,\n  rtl: false,\n};\n\n/**\n * Fills in the defaults for props the caller left `undefined`. A table plus one\n * loop, rather than a default per destructured prop — each of those is a branch,\n * and fifteen of them put the component over the complexity bar on their own.\n */\nconst withDefaults = (props: StackedModalProps): StackedModalProps => {\n  const resolved = { ...props };\n  for (const [key, value] of Object.entries(DEFAULTS)) {\n    const prop = key as keyof StackedModalProps;\n    if (resolved[prop] === undefined) {\n      Object.assign(resolved, { [prop]: value });\n    }\n  }\n  return resolved;\n};\n\n/** The modal's props once defaults are applied and its stack identity is settled. */\ntype ResolvedProps = StackedModalProps & { modalId: string };\n\n/**\n * `hideHeader` removes the bar that names the dialog; without an\n * `aria-labelledby` of the caller's own, the dialog has no accessible name.\n */\nconst useUnnamedDialogWarning = (unnamed: boolean): void => {\n  useEffect(() => {\n    const development = typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production';\n    if (unnamed && development) {\n      // eslint-disable-next-line no-console -- a config warning has no other channel.\n      console.warn(\n        'StackedModal: `hideHeader` without `aria-labelledby` leaves the dialog unnamed. ' +\n          \"Point `aria-labelledby` at your content header's title.\",\n      );\n    }\n  }, [unnamed]);\n};\n\nconst StackedModalPanel: FC<ResolvedProps> = (props) => {\n  const {\n    open, onClose, glass, navigationTitle, backLabel, hideClose, hideHeader, children, actions, modalId,\n    closeOnClickOutside, closeOnEsc, loading, loadingText, fullScreen, maxWidth, size, disableBackdrop,\n    disableFocusTrap, keepMounted, rtl, dataTestId,\n    'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...otherProps\n  } = props;\n\n  const {\n    dialogRef, modalRole, isAnimating, showSkeleton, zIndex, isMobile, canGoBack, isRoot,\n    handleBack, handleClose,\n  } = usePanelChrome({\n    open, modalId, loading, closeOnEsc, closeOnClickOutside, disableFocusTrap, onClose,\n  });\n\n  // Don't render if in background (performance optimization)\n  if (modalRole === 'background' && !keepMounted) return null;\n\n  const { content, modalActions, headerActions, hasMobileActions } = resolveModalContent(\n    children,\n    actions,\n    isMobile,\n  );\n  const { titleId, descId } = modalAriaIds(modalId, ariaLabelledBy, ariaDescribedBy);\n  useUnnamedDialogWarning(Boolean(hideHeader) && !ariaLabelledBy);\n\n  return (\n    <StyledDialog\n      ref={dialogRef}\n      open={Boolean(open)}\n      onClose={handleClose}\n      fullScreen={fullScreen ?? isMobile}\n      modalRole={modalRole}\n      isAnimating={isAnimating}\n      glass={glass}\n      rtl={rtl}\n      customMaxWidth={maxWidth}\n      panelSize={size}\n      TransitionComponent={SlideTransition}\n      maxWidth={maxWidth}\n      disableEscapeKeyDown={!closeOnEsc}\n      hideBackdrop={disableBackdrop}\n      keepMounted={keepMounted}\n      aria-labelledby={titleId}\n      aria-describedby={descId}\n      data-testid={dataTestId}\n      sx={{ zIndex }}\n      {...otherProps}\n    >\n      <ModalPanelContents\n        backLabel={backLabel}\n        showSkeleton={showSkeleton}\n        loadingText={loadingText}\n        titleId={titleId}\n        descId={descId}\n        navigationTitle={navigationTitle}\n        hideClose={hideClose}\n        hideHeader={Boolean(hideHeader) && isRoot}\n        canGoBack={canGoBack}\n        onBack={handleBack}\n        onClose={onClose}\n        headerActions={headerActions}\n        content={content}\n        modalActions={modalActions}\n        hasMobileActions={hasMobileActions}\n        rtl={rtl}\n        dataTestId={dataTestId}\n      />\n    </StyledDialog>\n  );\n};\n\nexport const StackedModal: FC<StackedModalProps> = (props) => {\n  // A modal with no caller-supplied id still needs a STABLE one — it keys this\n  // panel's entry in the stack, so a value that changed per render (as a\n  // `Math.random()` default does) would re-register it on every pass.\n  const fallbackId = useId();\n  const resolved = withDefaults(props);\n  return <StackedModalPanel {...resolved} modalId={resolved.modalId ?? fallbackId} />;\n};\n\n// Re-exported so `./StackedModal` stays the single public entry point for the\n// component and its stack primitives, as the barrel and existing imports expect.\nexport {\n  ModalStackProvider,\n  ModalStackProvider as StackedModalProvider,\n  useModalStack,\n  useModalStack as useStackedModal,\n} from './modal-stack';\nexport { StackedModalActions, StackedModalContent } from './StackedModal.parts';\n"],"mappings":"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","names":["SlideTransition"]}

package/dist/{chunk-JA6GKU65.js → chunk-SAVNRXHT.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -167,4 +167,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-JA6GKU65.js.map
+//# sourceMappingURL=chunk-SAVNRXHT.js.map

package/dist/{chunk-WQBHJXXW.js → chunk-TSHX4Q6M.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-TP3XKS72.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 
 // src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
 import Box from "@mui/material/Box/index.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-WQBHJXXW.js.map
+//# sourceMappingURL=chunk-TSHX4Q6M.js.map

package/dist/{chunk-G3QKH23Y.js → chunk-TSMF7K37.js}

@@ -72,7 +72,7 @@ var useStackRegistration = (open, modalId) => {
 var usePanelChrome = (options) => {
   const { open, modalId, loading, closeOnEsc, closeOnClickOutside, disableFocusTrap, onClose } = options;
   const dialogRef = useRef(null);
-  const { currentDepth } = useModalStack();
+  const { currentDepth, stack } = useModalStack();
   const { modalRole, isAnimating } = useModalRole(Boolean(open), modalId);
   const showSkeleton = useSkeleton(Boolean(loading));
   const zIndex = usePanelZIndex(modalId, FALLBACK_Z_INDEX);
@@ -80,6 +80,7 @@ var usePanelChrome = (options) => {
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
   const isPrimary = modalRole === "primary";
   const canGoBack = currentDepth > 1;
+  const isRoot = (stack[0]?.id ?? modalId) === modalId;
   useFocusTrap(dialogRef, Boolean(open) && isPrimary, disableFocusTrap);
   useEscapeToClose(Boolean(open && closeOnEsc) && isPrimary, onClose);
   const { handleBack, handleClose } = useCloseHandlers({
@@ -97,6 +98,7 @@ var usePanelChrome = (options) => {
     zIndex,
     isMobile,
     canGoBack,
+    isRoot,
     handleBack,
     handleClose
   };
@@ -142,4 +144,4 @@ var useModalRole = (open, modalId) => {
 export {
   usePanelChrome
 };
-//# sourceMappingURL=chunk-G3QKH23Y.js.map
+//# sourceMappingURL=chunk-TSMF7K37.js.map

package/dist/chunk-TSMF7K37.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.hooks.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { useModalStack } from './modal-stack';\nimport type { ModalPanelRole } from './StackedModal.types';\n\nconst FOCUSABLE = 'a[href], button, textarea, input, select, [tabindex]:not([tabindex=\"-1\"])';\n/** MUI Dialog's own default, used when the modal isn't registered in the stack yet. */\nconst FALLBACK_Z_INDEX = 1300;\n/** Matches the panel's slide duration, so role swaps animate rather than jump. */\nconst ROLE_TRANSITION_MS = 300;\n\n/** Keeps Tab cycling inside the open panel instead of escaping to the page behind. */\nconst useFocusTrap = (\n  ref: RefObject<HTMLElement | null>,\n  isActive: boolean,\n  disabled?: boolean,\n): void => {\n  useEffect(() => {\n    if (!isActive || disabled || !ref.current) return;\n\n    const element = ref.current;\n    const focusable = element.querySelectorAll(FOCUSABLE);\n    const first = focusable[0] as HTMLElement | undefined;\n    const last = focusable[focusable.length - 1] as HTMLElement | undefined;\n\n    window.setTimeout(() => first?.focus(), 100);\n\n    const handleTabKey = (e: globalThis.KeyboardEvent): void => {\n      if (e.key !== 'Tab') return;\n      const atEdge = e.shiftKey ? first : last;\n      if (document.activeElement !== atEdge) return;\n      e.preventDefault();\n      (e.shiftKey ? last : first)?.focus();\n    };\n\n    element.addEventListener('keydown', handleTabKey);\n    return () => element.removeEventListener('keydown', handleTabKey);\n  }, [ref, isActive, disabled]);\n};\n\n/** Closes the panel on Escape — only while it is the top one. */\nconst useEscapeToClose = (active: boolean, onClose: () => void): void => {\n  useEffect(() => {\n    if (!active) return;\n\n    const handleEsc = (e: globalThis.KeyboardEvent): void => {\n      if (e.key !== 'Escape') return;\n      e.preventDefault();\n      onClose();\n    };\n\n    window.addEventListener('keydown', handleEsc);\n    return () => window.removeEventListener('keydown', handleEsc);\n  }, [active, onClose]);\n};\n\n/** Holds the skeleton a beat past `loading` so the swap to content isn't a flash. */\nconst useSkeleton = (loading: boolean): boolean => {\n  const [showSkeleton, setShowSkeleton] = useState(loading);\n\n  useEffect(() => {\n    if (loading) {\n      setShowSkeleton(true);\n      return;\n    }\n    const timer = window.setTimeout(() => setShowSkeleton(false), 200);\n    return () => window.clearTimeout(timer);\n  }, [loading]);\n\n  return showSkeleton;\n};\n\n/** Registers the modal in the stack while open, and unregisters it after it slides out. */\nconst useStackRegistration = (open: boolean, modalId: string): void => {\n  const { pushModal, popModal, isModalInStack } = useModalStack();\n  const hasRegisteredRef = useRef(false);\n\n  useEffect(() => {\n    if (open && !hasRegisteredRef.current) {\n      pushModal(modalId);\n      hasRegisteredRef.current = true;\n    } else if (!open) {\n      hasRegisteredRef.current = false;\n    }\n  }, [open, modalId, pushModal]);\n\n  useEffect(() => {\n    if (open || !isModalInStack(modalId)) return;\n    const timer = window.setTimeout(() => popModal(modalId), ROLE_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [open, modalId, popModal, isModalInStack]);\n};\n\ninterface PanelChromeOptions {\n  open?: boolean;\n  modalId: string;\n  loading?: boolean;\n  closeOnEsc?: boolean;\n  closeOnClickOutside?: boolean;\n  disableFocusTrap?: boolean;\n  onClose: () => void;\n}\n\ninterface PanelChrome {\n  dialogRef: RefObject<HTMLDivElement | null>;\n  modalRole: ModalPanelRole;\n  isAnimating: boolean;\n  showSkeleton: boolean;\n  zIndex: number;\n  isMobile: boolean;\n  canGoBack: boolean;\n  /**\n   * This panel is the bottom of the stack. Read from ITS position, not from the\n   * depth: once a child opens, the depth says \"can go back\" for every panel,\n   * the receding root included.\n   */\n  isRoot: boolean;\n  handleBack: () => void;\n  handleClose: (event: object, reason: 'backdropClick' | 'escapeKeyDown') => void;\n}\n\n/**\n * Everything the panel needs to render itself: its place in the stack, the\n * viewport it is on, and the handlers that dismiss it. Bundled into one hook so\n * the component stays a description of the markup.\n */\nexport const usePanelChrome = (options: PanelChromeOptions): PanelChrome => {\n  const { open, modalId, loading, closeOnEsc, closeOnClickOutside, disableFocusTrap, onClose } =\n    options;\n\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const { currentDepth, stack } = useModalStack();\n  const { modalRole, isAnimating } = useModalRole(Boolean(open), modalId);\n  const showSkeleton = useSkeleton(Boolean(loading));\n  const zIndex = usePanelZIndex(modalId, FALLBACK_Z_INDEX);\n\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const isPrimary = modalRole === 'primary';\n  const canGoBack = currentDepth > 1;\n  // Not yet pushed (its first render) and something already below it: NOT the\n  // root — so a child never renders a frame without its back arrow.\n  const isRoot = (stack[0]?.id ?? modalId) === modalId;\n\n  useFocusTrap(dialogRef, Boolean(open) && isPrimary, disableFocusTrap);\n  useEscapeToClose(Boolean(open && closeOnEsc) && isPrimary, onClose);\n\n  const { handleBack, handleClose } = useCloseHandlers({\n    isPrimary,\n    closeOnClickOutside,\n    closeOnEsc,\n    canGoBack,\n    onClose,\n  });\n\n  return {\n    dialogRef,\n    modalRole,\n    isAnimating,\n    showSkeleton,\n    zIndex,\n    isMobile,\n    canGoBack,\n    isRoot,\n    handleBack,\n    handleClose,\n  };\n};\n\ninterface CloseHandlerOptions {\n  /** Only the top panel responds to a backdrop click or Escape. */\n  isPrimary: boolean;\n  closeOnClickOutside?: boolean;\n  closeOnEsc?: boolean;\n  /** Deeper than one panel, so the leading control goes back rather than closing. */\n  canGoBack: boolean;\n  onClose: () => void;\n}\n\n/** The panel's dismissal handlers, honouring which gestures the caller allows. */\nconst useCloseHandlers = ({\n  isPrimary,\n  closeOnClickOutside,\n  closeOnEsc,\n  canGoBack,\n  onClose,\n}: CloseHandlerOptions): {\n  handleBack: () => void;\n  handleClose: (event: object, reason: 'backdropClick' | 'escapeKeyDown') => void;\n} => ({\n  handleBack: () => {\n    if (canGoBack) onClose();\n  },\n  handleClose: (_event, reason) => {\n    if (!isPrimary) return;\n    if (reason === 'backdropClick' && !closeOnClickOutside) return;\n    if (reason === 'escapeKeyDown' && !closeOnEsc) return;\n    onClose();\n  },\n});\n\n/** The z-index this panel was assigned when it joined the stack. */\nconst usePanelZIndex = (modalId: string, fallback: number): number => {\n  const { stack } = useModalStack();\n  return stack.find((m) => m.id === modalId)?.zIndex ?? fallback;\n};\n\n/**\n * This modal's role in the stack, plus whether it is mid-transition between two\n * roles (which drives the expand/contract animation).\n */\nconst useModalRole = (\n  open: boolean,\n  modalId: string,\n): { modalRole: ModalPanelRole; isAnimating: boolean } => {\n  const { stack } = useModalStack();\n  const [modalRole, setModalRole] = useState<ModalPanelRole>('primary');\n  const [isAnimating, setIsAnimating] = useState(false);\n\n  useStackRegistration(open, modalId);\n\n  useEffect(() => {\n    if (!open) return;\n\n    const newRole = stack.find((m) => m.id === modalId)?.role;\n    if (!newRole || newRole === modalRole) return;\n\n    setIsAnimating(true);\n    setModalRole(newRole);\n    const timer = window.setTimeout(() => setIsAnimating(false), ROLE_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [stack, modalId, open, modalRole]);\n\n  return { modalRole, isAnimating };\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-XGIJGIN3.js → chunk-U5NRT6JR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2X2G75MV.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-XGIJGIN3.js.map
+//# sourceMappingURL=chunk-U5NRT6JR.js.map

package/dist/{chunk-QJWIX4YZ.js → chunk-VE7QYG3W.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -184,4 +184,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-QJWIX4YZ.js.map
+//# sourceMappingURL=chunk-VE7QYG3W.js.map

package/dist/{chunk-4JZ6XDVA.js → chunk-VLRHESS2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-J2QIICWP.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-4JZ6XDVA.js.map
+//# sourceMappingURL=chunk-VLRHESS2.js.map

package/dist/{chunk-JE6FNSQV.js → chunk-W4O3BTD5.js}

@@ -4,7 +4,7 @@ import {
   buttonVariantStyles,
   getColorFromTheme,
   iconAlignmentStyles
-} from "./chunk-T2UP4XJF.js";
+} from "./chunk-JTIKY2D3.js";
 import {
   BUTTON_ICON_GLYPH_SIZE
 } from "./chunk-G2FUZALJ.js";
@@ -128,4 +128,4 @@ var Button = ButtonRoot;
 export {
   Button
 };
-//# sourceMappingURL=chunk-JE6FNSQV.js.map
+//# sourceMappingURL=chunk-W4O3BTD5.js.map

package/dist/{chunk-PPITQH3C.js → chunk-WA36P74Q.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-4PYEDDYV.js";
+} from "./chunk-3AQ25I6D.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-PPITQH3C.js.map
+//# sourceMappingURL=chunk-WA36P74Q.js.map

package/dist/{chunk-UZCQHNXC.js → chunk-WM44LYFN.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-VZCZAHMX.js";
+} from "./chunk-2XOL4HJU.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-UZCQHNXC.js.map
+//# sourceMappingURL=chunk-WM44LYFN.js.map

package/dist/{chunk-NBM3YJ4P.js → chunk-X6WC5QBY.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-QJWIX4YZ.js";
+} from "./chunk-VE7QYG3W.js";
 import {
   PillControl
 } from "./chunk-GWUJIO6Z.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-NBM3YJ4P.js.map
+//# sourceMappingURL=chunk-X6WC5QBY.js.map

package/dist/{chunk-L4HUZCKV.js → chunk-XOCWAQOA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-G26Y2CCT.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-L4HUZCKV.js.map
+//# sourceMappingURL=chunk-XOCWAQOA.js.map

package/dist/{chunk-NEHCU3EZ.js → chunk-XSIVM4VO.js}

@@ -122,7 +122,10 @@ var panelStyles = (theme, props) => {
 };
 var dialogRootStyles = (theme, props) => ({
   direction: props.rtl ? "rtl" : "ltr",
-  "& .MuiBackdrop-root": backdropStyles(theme, props.modalRole),
+  // The dialog's OWN backdrop only: a descendant selector also reached the
+  // backdrop of any sheet or drawer rendered inside the panel, and blurred the
+  // very panel that sheet sits on.
+  "& > .MuiBackdrop-root": backdropStyles(theme, props.modalRole),
   "& .MuiDialog-container": { alignItems: "flex-start", justifyContent: "flex-end" },
   "& .MuiDialog-paper": panelStyles(theme, props),
   ...KEYFRAMES
@@ -180,4 +183,4 @@ export {
   loadingOverlayStyles,
   modalContentStyles
 };
-//# sourceMappingURL=chunk-NEHCU3EZ.js.map
+//# sourceMappingURL=chunk-XSIVM4VO.js.map