@12-apps/ui 6.55.0 → 6.56.1

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

@@ -2,11 +2,11 @@ import "../../../chunk-R73CRAAI.js";
 import "../../../chunk-P5WJUR7X.js";
 import {
   CommandPalette
-} from "../../../chunk-5GXLWNQ7.js";
+} from "../../../chunk-Y4T33THY.js";
 import "../../../chunk-2ARVNCVU.js";
+import "../../../chunk-Z6MCTGIK.js";
 import "../../../chunk-SUZXPDUQ.js";
 import "../../../chunk-4VRDFZ4G.js";
-import "../../../chunk-Z6MCTGIK.js";
 import "../../../chunk-WZ4RBOFD.js";
 import {
   ContextMenu
@@ -26,6 +26,7 @@ import {
   SectionNav
 } from "../../../chunk-46ZATLQV.js";
 import "../../../chunk-53ACGKBW.js";
+import "../../../chunk-RREWYOKS.js";
 import {
   sectionNavBarInset
 } from "../../../chunk-VWW2EXH7.js";
@@ -33,7 +34,6 @@ import {
   RaisedActionButton
 } from "../../../chunk-7AAJYWC3.js";
 import "../../../chunk-WF3P7GE5.js";
-import "../../../chunk-RREWYOKS.js";
 import "../../../chunk-IK2ZVV3M.js";
 import "../../../chunk-P3GBXE73.js";
 import "../../../chunk-R445KMGG.js";
@@ -52,7 +52,7 @@ import {
 } from "../../../chunk-47VRDPR2.js";
 import {
   AppHeaderDetails
-} from "../../../chunk-NMXTZSDE.js";
+} from "../../../chunk-T2S7NIUG.js";
 import {
   AppHeaderBrand
 } from "../../../chunk-GWFAINQ7.js";
@@ -68,12 +68,12 @@ import "../../../chunk-66H6O55L.js";
 import "../../../chunk-XKUJIBF6.js";
 import "../../../chunk-TMSWLFL4.js";
 import "../../../chunk-UYCFHV2S.js";
-import "../../../chunk-OUXJYKCL.js";
-import "../../../chunk-26DSSWTT.js";
+import "../../../chunk-ERTXRK6S.js";
 import "../../../chunk-HC7ITMP4.js";
-import "../../../chunk-BDQCCW4N.js";
 import "../../../chunk-LYVTJLCF.js";
 import "../../../chunk-CRN4KKNI.js";
+import "../../../chunk-26DSSWTT.js";
+import "../../../chunk-BDQCCW4N.js";
 import "../../../chunk-IM4DMKH4.js";
 import "../../../chunk-WVML3ENZ.js";
 import {
@@ -86,11 +86,11 @@ import {
 import "../../../chunk-BWMHGENX.js";
 import "../../../chunk-LYB6YYTG.js";
 import "../../../chunk-Z6TIAVEG.js";
-import "../../../chunk-HQIX7A5I.js";
+import "../../../chunk-AL3Z24VG.js";
+import "../../../chunk-GYXUCS37.js";
 import "../../../chunk-WGFHZNFR.js";
-import "../../../chunk-Z2JH5KW5.js";
 import "../../../chunk-AL5E624U.js";
-import "../../../chunk-GYXUCS37.js";
+import "../../../chunk-Z2JH5KW5.js";
 import "../../../chunk-LV7LSPBF.js";
 import "../../../chunk-5AK2EZG5.js";
 import "../../../chunk-EUPUEMFX.js";
@@ -112,7 +112,7 @@ import "../../../chunk-BRHRK7BK.js";
 import "../../../chunk-25MSGLNU.js";
 import "../../../chunk-GAXHYRX6.js";
 import "../../../chunk-NP6SHLQ3.js";
-import "../../../chunk-RHCRHZ6D.js";
+import "../../../chunk-TZ23DNKY.js";
 import "../../../chunk-7ZPUN7TV.js";
 import "../../../chunk-PT6TCWIW.js";
 import "../../../chunk-RGVNXES5.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.helpers.js

@@ -12,7 +12,7 @@ import "../../../../chunk-BRHRK7BK.js";
 import "../../../../chunk-25MSGLNU.js";
 import "../../../../chunk-GAXHYRX6.js";
 import "../../../../chunk-NP6SHLQ3.js";
-import "../../../../chunk-RHCRHZ6D.js";
+import "../../../../chunk-TZ23DNKY.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-RGVNXES5.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.js

@@ -10,7 +10,7 @@ import "../../../../chunk-BRHRK7BK.js";
 import "../../../../chunk-25MSGLNU.js";
 import "../../../../chunk-GAXHYRX6.js";
 import "../../../../chunk-NP6SHLQ3.js";
-import "../../../../chunk-RHCRHZ6D.js";
+import "../../../../chunk-TZ23DNKY.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-RGVNXES5.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.parts.js

@@ -10,7 +10,7 @@ import "../../../../chunk-BRHRK7BK.js";
 import "../../../../chunk-25MSGLNU.js";
 import "../../../../chunk-GAXHYRX6.js";
 import "../../../../chunk-NP6SHLQ3.js";
-import "../../../../chunk-RHCRHZ6D.js";
+import "../../../../chunk-TZ23DNKY.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-RGVNXES5.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStepRow.js

@@ -8,7 +8,7 @@ import "../../../../chunk-BRHRK7BK.js";
 import "../../../../chunk-25MSGLNU.js";
 import "../../../../chunk-GAXHYRX6.js";
 import "../../../../chunk-NP6SHLQ3.js";
-import "../../../../chunk-RHCRHZ6D.js";
+import "../../../../chunk-TZ23DNKY.js";
 import "../../../../chunk-7ZPUN7TV.js";
 import "../../../../chunk-PT6TCWIW.js";
 import "../../../../chunk-RGVNXES5.js";

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

@@ -64,7 +64,7 @@ import "../../../chunk-BRHRK7BK.js";
 import "../../../chunk-25MSGLNU.js";
 import "../../../chunk-GAXHYRX6.js";
 import "../../../chunk-NP6SHLQ3.js";
-import "../../../chunk-RHCRHZ6D.js";
+import "../../../chunk-TZ23DNKY.js";
 import "../../../chunk-7ZPUN7TV.js";
 import "../../../chunk-PT6TCWIW.js";
 import "../../../chunk-RGVNXES5.js";

package/dist/_internal/icons/Icon.js

@@ -1,7 +1,7 @@
 import {
   Icon
-} from "../../chunk-O3LX26CX.js";
-import "../../chunk-KEVPUBOE.js";
+} from "../../chunk-JC244QQF.js";
+import "../../chunk-6ZLP7BA7.js";
 import "../../chunk-QWBQVQRG.js";
 import "../../chunk-RTSK5OZT.js";
 import "../../chunk-Q3HYEAVQ.js";
@@ -12,7 +12,7 @@ import "../../chunk-BRHRK7BK.js";
 import "../../chunk-25MSGLNU.js";
 import "../../chunk-GAXHYRX6.js";
 import "../../chunk-NP6SHLQ3.js";
-import "../../chunk-RHCRHZ6D.js";
+import "../../chunk-TZ23DNKY.js";
 import "../../chunk-7ZPUN7TV.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-RGVNXES5.js";

package/dist/_internal/icons/paths.generated.js

@@ -1,7 +1,7 @@
 import {
   ICON_NAMES,
   ICON_PATHS
-} from "../../chunk-KEVPUBOE.js";
+} from "../../chunk-6ZLP7BA7.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   ICON_NAMES,

package/dist/_internal/provider/UiProvider.js

@@ -8,7 +8,7 @@ import "../../chunk-BRHRK7BK.js";
 import "../../chunk-25MSGLNU.js";
 import "../../chunk-GAXHYRX6.js";
 import "../../chunk-NP6SHLQ3.js";
-import "../../chunk-RHCRHZ6D.js";
+import "../../chunk-TZ23DNKY.js";
 import "../../chunk-7ZPUN7TV.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-RGVNXES5.js";

package/dist/_internal/provider/mui-bridge.js

@@ -7,7 +7,7 @@ import "../../chunk-BRHRK7BK.js";
 import "../../chunk-25MSGLNU.js";
 import "../../chunk-GAXHYRX6.js";
 import "../../chunk-NP6SHLQ3.js";
-import "../../chunk-RHCRHZ6D.js";
+import "../../chunk-TZ23DNKY.js";
 import "../../chunk-7ZPUN7TV.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-RGVNXES5.js";

package/dist/_internal/provider/use-ui-theme.js

@@ -7,7 +7,7 @@ import "../../chunk-BRHRK7BK.js";
 import "../../chunk-25MSGLNU.js";
 import "../../chunk-GAXHYRX6.js";
 import "../../chunk-NP6SHLQ3.js";
-import "../../chunk-RHCRHZ6D.js";
+import "../../chunk-TZ23DNKY.js";
 import "../../chunk-7ZPUN7TV.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-RGVNXES5.js";

package/dist/_internal/tokens/surfaces.js

@@ -3,7 +3,7 @@ import {
   SOFT_SIGNAL_OPACITY,
   softSignal,
   surfaces
-} from "../../chunk-RHCRHZ6D.js";
+} from "../../chunk-TZ23DNKY.js";
 import "../../chunk-F5H2ZXST.js";
 import "../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,13 +2,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-4JZ6XDVA.js";
+} from "../../chunk-I6ESCBY3.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-AKC5GRJF.js";
-import "../../chunk-NVXRV3PL.js";
-import "../../chunk-MTEQEPNY.js";
-import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-G76BNXWE.js";
 import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-GYDUXL3D.js";
+import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import "../../chunk-J2QIICWP.js";

package/dist/charts.js

@@ -1,29 +1,22 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-FTCCTQZB.js";
+} from "./chunk-GI24X7XA.js";
 import {
   Chart
-} from "./chunk-NT73ZLBO.js";
+} from "./chunk-JL77BSOL.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "./chunk-GOWBYHYW.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "./chunk-QVWNK4JO.js";
+} from "./chunk-R6SBP5M5.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-AYRMZC5F.js";
-import "./chunk-C67FDYG7.js";
-import "./chunk-FIMSPRKX.js";
-import "./chunk-SOHQPPYJ.js";
+import "./chunk-RBHBJDOZ.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -31,12 +24,19 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "./chunk-QVWNK4JO.js";
+import "./chunk-C67FDYG7.js";
+import "./chunk-FIMSPRKX.js";
+import "./chunk-SOHQPPYJ.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-BRHRK7BK.js";
 import "./chunk-25MSGLNU.js";
 import "./chunk-GAXHYRX6.js";
 import "./chunk-NP6SHLQ3.js";
-import "./chunk-RHCRHZ6D.js";
+import "./chunk-TZ23DNKY.js";
 import "./chunk-7ZPUN7TV.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-RGVNXES5.js";

package/dist/{chunk-KZHNJ3ZS.js → chunk-2DV64INT.js}

@@ -1,13 +1,13 @@
+import {
+  SettingSwitchBlock,
+  useSettingSwitchIds
+} from "./chunk-5PN5MY2X.js";
 import {
   useSettingGroup
 } from "./chunk-XJQNSMGA.js";
 import {
   useAsyncSwitch
 } from "./chunk-SALQ65SM.js";
-import {
-  SettingSwitchBlock,
-  useSettingSwitchIds
-} from "./chunk-XGNHRONE.js";
 import {
   flatStyles,
   surfaceStyles,
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-KZHNJ3ZS.js.map
+//# sourceMappingURL=chunk-2DV64INT.js.map

package/dist/{chunk-YV3WIBIO.js → chunk-2IKWHUXG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PBMCRDZI.js";
 import {
   LoadingState
-} from "./chunk-NPOQSACK.js";
+} from "./chunk-GDT235FP.js";
 import {
   EmptyState
 } from "./chunk-HN3PZTUK.js";
@@ -65,4 +65,4 @@ export {
   AsyncStateContainer,
   AsyncStateContainer_default
 };
-//# sourceMappingURL=chunk-YV3WIBIO.js.map
+//# sourceMappingURL=chunk-2IKWHUXG.js.map

package/dist/{chunk-4EJBLJZK.js → chunk-2KGYTJCN.js}

@@ -114,34 +114,55 @@ var ModalHeader = ({
   headerActions,
   rtl,
   dataTestId
-}) => /* @__PURE__ */ jsxs(StyledDialogTitle, { id: titleId, rtl, "data-testid": testId(dataTestId, "header"), children: [
-  /* @__PURE__ */ jsxs(DialogTitleLeft, { children: [
-    /* @__PURE__ */ jsx(
-      HeaderLeadingButton,
-      {
-        canGoBack,
-        onBack,
-        backLabel,
-        onClose,
-        hideClose,
-        rtl,
-        dataTestId
-      }
-    ),
-    navigationTitle && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "h6",
-        component: "h2",
-        noWrap: true,
-        sx: { ml: canGoBack || !hideClose ? 1 : 0 },
-        "data-testid": testId(dataTestId, "title"),
-        children: navigationTitle
-      }
-    )
-  ] }),
-  /* @__PURE__ */ jsx(DialogTitleRight, { "data-testid": testId(dataTestId, "header-actions"), children: headerActions })
-] });
+}) => (
+  // The BAR is not a heading: it holds the ✕ or back button and the header
+  // actions. The title inside it is the panel's one heading and carries the id
+  // the dialog's `aria-labelledby` names, so the dialog is named by the title
+  // alone — not "close Title Save" — and a screen reader hears it once.
+  //
+  // The bar's id is stated, never left to MUI: `DialogTitle` falls back to the
+  // Dialog's `aria-labelledby` and would claim the title's id a second time.
+  // With NO title the bar is drawn exactly as it always was — MUI's own `h2`,
+  // holding the id — so an untitled panel keeps its markup and its name.
+  /* @__PURE__ */ jsxs(
+    StyledDialogTitle,
+    {
+      component: navigationTitle ? "div" : "h2",
+      id: navigationTitle ? `${titleId}-bar` : titleId,
+      rtl,
+      "data-testid": testId(dataTestId, "header"),
+      children: [
+        /* @__PURE__ */ jsxs(DialogTitleLeft, { children: [
+          /* @__PURE__ */ jsx(
+            HeaderLeadingButton,
+            {
+              canGoBack,
+              onBack,
+              backLabel,
+              onClose,
+              hideClose,
+              rtl,
+              dataTestId
+            }
+          ),
+          navigationTitle && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              id: titleId,
+              variant: "h6",
+              component: "h2",
+              noWrap: true,
+              sx: { ml: canGoBack || !hideClose ? 1 : 0 },
+              "data-testid": testId(dataTestId, "title"),
+              children: navigationTitle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(DialogTitleRight, { "data-testid": testId(dataTestId, "header-actions"), children: headerActions })
+      ]
+    }
+  )
+);
 var ContentSkeleton = () => {
   const theme = useTheme();
   return /* @__PURE__ */ jsxs(Box, { sx: { p: 3 }, children: [
@@ -231,4 +252,4 @@ export {
   ModalFooter,
   ModalPanelContents
 };
-//# sourceMappingURL=chunk-4EJBLJZK.js.map
+//# sourceMappingURL=chunk-2KGYTJCN.js.map

package/dist/chunk-2KGYTJCN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.parts.tsx"],"sourcesContent":["import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport DialogTitle from '@mui/material/DialogTitle/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport type { ElementType, FC, ReactNode } from 'react';\nimport React from 'react';\nimport { rem } from '../../../tokens/relative';\nimport { safeAreaBottom } from '../../../utils/viewport';\nimport {\n  loadingOverlayStyles,\n  modalContentStyles,\n  titleLeftStyles,\n  titleRightStyles,\n  titleStyles,\n} from './StackedModal.styles';\n\n// `component` typed through: the bar is a `div` when it holds a title (`ModalHeader`).\nconst StyledDialogTitle = styled(DialogTitle, {\n  shouldForwardProp: (prop) => prop !== 'rtl',\n})<{ rtl?: boolean; component?: ElementType }>(({ theme, rtl }) => titleStyles(theme, rtl));\n\nconst DialogTitleLeft = styled(Box)(({ theme }) => titleLeftStyles(theme));\nconst DialogTitleRight = styled(Box)(({ theme }) => titleRightStyles(theme));\nconst LoadingOverlay = styled(Box)(({ theme }) => loadingOverlayStyles(theme));\n\n/**\n * The padded content wrapper callers put inside a StackedModal. The explicit\n * `typeof DialogContent` annotation keeps its type nameable across package\n * boundaries (TS2742) now that it is re-exported from the barrel.\n */\nexport const StackedModalContent: typeof DialogContent = styled(DialogContent)(({ theme }) =>\n  modalContentStyles(theme),\n) as typeof DialogContent;\n\n/** Sub-element test IDs derive from the modal's own, or stay off when it has none. */\nexport const testId = (base: string | undefined, suffix: string): string | undefined =>\n  base ? `${base}-${suffix}` : undefined;\n\n/**\n * A wrapper marking the subtree that should render as modal actions — the\n * StackedModal pulls it out of `children` and places it by device.\n */\nexport const StackedModalActions: FC<{ children?: ReactNode }> = ({ children }) => <>{children}</>;\n\n/** Separates the `StackedModalActions` subtree from the rest of the content. */\nconst splitModalChildren = (children: ReactNode): { content: ReactNode; actions: ReactNode } => {\n  let actions: ReactNode = null;\n\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement<{ children?: ReactNode }>(child) && child.type === StackedModalActions) {\n      actions = child.props.children;\n    }\n  });\n\n  const content = React.Children.toArray(children).filter(\n    (child) => !(React.isValidElement(child) && child.type === StackedModalActions),\n  );\n\n  return { content, actions };\n};\n\n/**\n * Works out what renders where: a `StackedModalActions` child wins over the\n * `actions` prop, and on phones those actions move out of the header into a\n * pinned bottom bar.\n */\nexport const resolveModalContent = (\n  children: ReactNode,\n  actions: ReactNode,\n  isMobile: boolean,\n): {\n  content: ReactNode;\n  modalActions: ReactNode;\n  headerActions: ReactNode;\n  hasMobileActions: boolean;\n} => {\n  const { content, actions: childActions } = splitModalChildren(children);\n  const modalActions = childActions ?? actions;\n  return {\n    content,\n    modalActions,\n    headerActions: isMobile ? null : modalActions,\n    hasMobileActions: Boolean(isMobile && modalActions),\n  };\n};\n\n/** The panel's own ARIA ids, unless the caller wired it to its own labels. */\nexport const modalAriaIds = (\n  modalId: string,\n  ariaLabelledBy?: string,\n  ariaDescribedBy?: string,\n): { titleId: string; descId: string } => ({\n  titleId: ariaLabelledBy || `modal-title-${modalId}`,\n  descId: ariaDescribedBy || `modal-desc-${modalId}`,\n});\n\nexport const ModalLoadingOverlay: FC<{ loadingText?: string; dataTestId?: string }> = ({\n  loadingText,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n  return (\n    <LoadingOverlay data-testid={testId(dataTestId, 'loading-overlay')}>\n      <CircularProgress size={rem(theme, 40)} data-testid={testId(dataTestId, 'loading-spinner')} />\n      {loadingText && (\n        <Typography variant=\"body2\" sx={{ mt: 2 }} data-testid={testId(dataTestId, 'loading-text')}>\n          {loadingText}\n        </Typography>\n      )}\n    </LoadingOverlay>\n  );\n};\n\ninterface ModalHeaderProps {\n  titleId: string;\n  navigationTitle?: ReactNode;\n  /** Deeper than the first panel, so the leading button goes back instead of closing. */\n  canGoBack: boolean;\n  onBack: () => void;\n  /** The back arrow's accessible name — it carries a glyph only. REQUIRED. */\n  backLabel: string;\n  onClose: () => void;\n  /** Renders the bar without its ✕ — the panel's content owns the dismiss. */\n  hideClose?: boolean;\n  /** Header actions — desktop only; on phones they move to the footer. */\n  headerActions?: ReactNode;\n  rtl?: boolean;\n  dataTestId?: string;\n}\n\n/**\n * The bar's leading control: back at depth ≥2, otherwise close — and nothing at\n * all when the panel's content carries its own ✕ (`hideClose`).\n */\nconst HeaderLeadingButton: FC<\n  Pick<\n    ModalHeaderProps,\n    'canGoBack' | 'onBack' | 'backLabel' | 'onClose' | 'hideClose' | 'rtl' | 'dataTestId'\n  >\n> = ({ canGoBack, onBack, backLabel, onClose, hideClose, rtl, dataTestId }) => {\n  if (canGoBack) {\n    return (\n      <IconButton\n        edge=\"start\"\n        color=\"inherit\"\n        onClick={onBack}\n        aria-label={backLabel}\n        size=\"small\"\n        sx={{ transform: rtl ? 'rotate(180deg)' : 'none' }}\n        data-testid={testId(dataTestId, 'back-button')}\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n    );\n  }\n  if (hideClose) return null;\n  return (\n    <IconButton\n      edge=\"start\"\n      color=\"inherit\"\n      onClick={onClose}\n      aria-label=\"close\"\n      size=\"small\"\n      data-testid={testId(dataTestId, 'close-button')}\n    >\n      <CloseIcon />\n    </IconButton>\n  );\n};\n\nexport const ModalHeader: FC<ModalHeaderProps> = ({\n  titleId,\n  navigationTitle,\n  canGoBack,\n  onBack,\n  onClose,\n  hideClose,\n  backLabel,\n  headerActions,\n  rtl,\n  dataTestId,\n}) => (\n  // The BAR is not a heading: it holds the ✕ or back button and the header\n  // actions. The title inside it is the panel's one heading and carries the id\n  // the dialog's `aria-labelledby` names, so the dialog is named by the title\n  // alone — not \"close Title Save\" — and a screen reader hears it once.\n  //\n  // The bar's id is stated, never left to MUI: `DialogTitle` falls back to the\n  // Dialog's `aria-labelledby` and would claim the title's id a second time.\n  // With NO title the bar is drawn exactly as it always was — MUI's own `h2`,\n  // holding the id — so an untitled panel keeps its markup and its name.\n  <StyledDialogTitle\n    component={navigationTitle ? 'div' : 'h2'}\n    id={navigationTitle ? `${titleId}-bar` : titleId}\n    rtl={rtl}\n    data-testid={testId(dataTestId, 'header')}\n  >\n    <DialogTitleLeft>\n      <HeaderLeadingButton\n        canGoBack={canGoBack}\n        onBack={onBack}\n        backLabel={backLabel}\n        onClose={onClose}\n        hideClose={hideClose}\n        rtl={rtl}\n        dataTestId={dataTestId}\n      />\n      {navigationTitle && (\n        <Typography\n          id={titleId}\n          variant=\"h6\"\n          component=\"h2\"\n          noWrap\n          sx={{ ml: canGoBack || !hideClose ? 1 : 0 }}\n          data-testid={testId(dataTestId, 'title')}\n        >\n          {navigationTitle}\n        </Typography>\n      )}\n    </DialogTitleLeft>\n    <DialogTitleRight data-testid={testId(dataTestId, 'header-actions')}>\n      {headerActions}\n    </DialogTitleRight>\n  </StyledDialogTitle>\n);\n\nconst ContentSkeleton: FC = () => {\n  const theme = useTheme();\n  return (\n    <Box sx={{ p: 3 }}>\n      <Skeleton variant=\"text\" width=\"60%\" height={rem(theme, 32)} />\n      <Skeleton variant=\"text\" width=\"100%\" />\n      <Skeleton variant=\"text\" width=\"100%\" />\n      <Skeleton variant=\"rectangular\" height={rem(theme, 200)} sx={{ mt: 2 }} />\n    </Box>\n  );\n};\n\ninterface ModalBodyProps {\n  descId: string;\n  showSkeleton: boolean;\n  /** When there is no action bar, the body is what reaches the bottom of the panel. */\n  endsPanel: boolean;\n  dataTestId?: string;\n  children?: ReactNode;\n}\n\nexport const ModalBody: FC<ModalBodyProps> = ({\n  descId,\n  showSkeleton,\n  endsPanel,\n  dataTestId,\n  children,\n}) => (\n  <Box\n    id={descId}\n    sx={{\n      position: 'relative',\n      flex: 1,\n      overflow: 'auto',\n      // iOS momentum scrolling, and no scroll-chaining to the page behind —\n      // without `contain`, an overscroll at the end of the list rubber-bands the\n      // whole panel and springs back before the last row can be tapped.\n      WebkitOverflowScrolling: 'touch',\n      overscrollBehavior: 'contain',\n      // The content itself ends the panel when there is no action bar, so it has\n      // to clear the home indicator on its own.\n      ...(endsPanel ? safeAreaBottom(0) : {}),\n    }}\n    data-testid={testId(dataTestId, 'content')}\n  >\n    {showSkeleton ? <ContentSkeleton /> : children}\n  </Box>\n);\n\n/** The phone-only pinned action bar; on desktop the actions live in the header. */\nexport const ModalFooter: FC<{ dataTestId?: string; children?: ReactNode }> = ({\n  dataTestId,\n  children,\n}) => (\n  <DialogActions\n    sx={{\n      borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n      padding: 2,\n      // Never let the action row sit under the iOS home indicator.\n      flexShrink: 0,\n      ...safeAreaBottom(16),\n    }}\n    data-testid={testId(dataTestId, 'footer')}\n  >\n    {children}\n  </DialogActions>\n);\n\ninterface PanelContentsProps extends ModalHeaderProps {\n  showSkeleton: boolean;\n  loadingText?: string;\n  descId: string;\n  content: ReactNode;\n  /** The resolved actions, already placed in the header or destined for the footer. */\n  modalActions: ReactNode;\n  hasMobileActions: boolean;\n}\n\n/** Everything inside the sliding panel: the loading veil, header, body and action bar. */\nexport const ModalPanelContents: FC<PanelContentsProps> = ({\n  showSkeleton,\n  loadingText,\n  descId,\n  content,\n  modalActions,\n  hasMobileActions,\n  ...header\n}) => (\n  <>\n    {showSkeleton && (\n      <ModalLoadingOverlay loadingText={loadingText} dataTestId={header.dataTestId} />\n    )}\n    <ModalHeader {...header} />\n    <ModalBody\n      descId={descId}\n      showSkeleton={showSkeleton}\n      endsPanel={!hasMobileActions}\n      dataTestId={header.dataTestId}\n    >\n      {content}\n    </ModalBody>\n    {hasMobileActions && (\n      <ModalFooter dataTestId={header.dataTestId}>{modalActions}</ModalFooter>\n    )}\n  </>\n);\n"],"mappings":"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","names":[]}

package/dist/{chunk-EFLRNSE6.js → chunk-2W2MWEP2.js}

@@ -5,27 +5,27 @@ import {
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
-import {
-  useSelection
-} from "./chunk-LLZWB32X.js";
 import {
   resolveScope,
   useScopeConfigChecks
 } from "./chunk-PL2AB5HJ.js";
-import {
-  useStateWriters
-} from "./chunk-U5FOJBLG.js";
 import {
   computeActiveFilterCount,
   defaultSortFields
 } from "./chunk-NQZNV3VR.js";
+import {
+  serverDerived,
+  useServerQuery
+} from "./chunk-IMLIIW77.js";
+import {
+  useSelection
+} from "./chunk-LLZWB32X.js";
 import {
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
+import {
+  useStateWriters
+} from "./chunk-U5FOJBLG.js";
 
 // src/components/data-display/DataViews/use-data-views-state.ts
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-EFLRNSE6.js.map
+//# sourceMappingURL=chunk-2W2MWEP2.js.map

package/dist/{chunk-PLOLSGQY.js → chunk-35IEACIJ.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-VEKTKCSB.js";
+} from "./chunk-FLJ3RIRP.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -268,4 +268,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-PLOLSGQY.js.map
+//# sourceMappingURL=chunk-35IEACIJ.js.map

package/dist/{chunk-ANQRUO3L.js → chunk-3WIA25YQ.js}

@@ -1,9 +1,15 @@
+import {
+  CategoryPanel
+} from "./chunk-UNJMMLO7.js";
+import {
+  CategoryTrigger
+} from "./chunk-DFMLD537.js";
+import {
+  METRICS
+} from "./chunk-RCQYCDV6.js";
 import {
   CategoryPanelSurface
 } from "./chunk-QYY37ECA.js";
-import {
-  CategoryPanel
-} from "./chunk-PALISWDH.js";
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
@@ -17,12 +23,6 @@ import {
   categoryPath,
   summarizeSelection
 } from "./chunk-PN4HVM43.js";
-import {
-  CategoryTrigger
-} from "./chunk-DFMLD537.js";
-import {
-  METRICS
-} from "./chunk-RCQYCDV6.js";
 import {
   FormControl,
   FormLabel,
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-ANQRUO3L.js.map
+//# sourceMappingURL=chunk-3WIA25YQ.js.map

package/dist/{chunk-KRREZNZF.js → chunk-44JLXXWQ.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-DYYQSC2V.js";
+} from "./chunk-CLC4VIOF.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-KRREZNZF.js.map
+//# sourceMappingURL=chunk-44JLXXWQ.js.map

package/dist/{chunk-QGH2FGDD.js → chunk-45PGSVOH.js}

@@ -1,42 +1,42 @@
-import {
-  GridMain
-} from "./chunk-5CFEXRQH.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-J6A4ZQWD.js";
+} from "./chunk-N4MR4EMC.js";
 import {
   DataViewsEmpty
 } from "./chunk-6NWFX2XJ.js";
-import {
-  toOverflowFields,
-  useFilterOverflow
-} from "./chunk-6QYKZMEE.js";
 import {
   InlineFilterControls
-} from "./chunk-M24EG6JC.js";
+} from "./chunk-MKAA3YIJ.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
+import {
+  GridMain
+} from "./chunk-7M3DRP7Q.js";
 import {
   DataViewsPagination
 } from "./chunk-K6WY2CHG.js";
+import {
+  toOverflowFields,
+  useFilterOverflow
+} from "./chunk-6QYKZMEE.js";
+import {
+  ScopeTabsSlot
+} from "./chunk-5JWCNQSI.js";
 import {
   ShellToolbar
-} from "./chunk-KRQWLYKF.js";
+} from "./chunk-A6EUQDRK.js";
 import {
   resolveSelectionExtra
 } from "./chunk-KX75HM5U.js";
 import {
-  ScopeTabsSlot
-} from "./chunk-N24K536I.js";
+  togglePillValues
+} from "./chunk-NQZNV3VR.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
 } from "./chunk-MUIBNHJW.js";
-import {
-  togglePillValues
-} from "./chunk-NQZNV3VR.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-QGH2FGDD.js.map
+//# sourceMappingURL=chunk-45PGSVOH.js.map

package/dist/{chunk-EKKDZK4E.js → chunk-4JBS6NOT.js}

@@ -1,6 +1,6 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-FQUIEXEY.js";
+} from "./chunk-GNBCSTXF.js";
 import {
   DescriptionItem
 } from "./chunk-UMICTXMP.js";
@@ -226,4 +226,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-EKKDZK4E.js.map
+//# sourceMappingURL=chunk-4JBS6NOT.js.map

package/dist/{chunk-DQKMOGYZ.js → chunk-54PPITTH.js}

@@ -1,9 +1,9 @@
-import {
-  RichTextEditorToolbar
-} from "./chunk-WVZBYTIK.js";
 import {
   useRichTextEditor
 } from "./chunk-EUACQR6N.js";
+import {
+  RichTextEditorToolbar
+} from "./chunk-WVZBYTIK.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -174,4 +174,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-DQKMOGYZ.js.map
+//# sourceMappingURL=chunk-54PPITTH.js.map