@12-apps/ui 6.62.0 → 6.63.0

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

@@ -48,22 +48,22 @@ import "../../../chunk-4VMFS3VJ.js";
 import "../../../chunk-QGUNUXTT.js";
 import {
   SettingGroup
-} from "../../../chunk-CCCILWYZ.js";
+} from "../../../chunk-DOROD5GQ.js";
 import {
   SETTING_GRID_CONTAINER,
   SettingGrid
-} from "../../../chunk-PPITQH3C.js";
+} from "../../../chunk-WA36P74Q.js";
 import {
   SettingCard
-} from "../../../chunk-YDTCM5F6.js";
+} from "../../../chunk-AGUK7VQP.js";
 import {
   SettingToggle
-} from "../../../chunk-KEDZTZCV.js";
-import "../../../chunk-INQO5AYV.js";
+} from "../../../chunk-6FZ3PJXR.js";
+import "../../../chunk-GF5VDLCC.js";
 import "../../../chunk-XJQNSMGA.js";
 import "../../../chunk-SALQ65SM.js";
-import "../../../chunk-ZCUVZ5PR.js";
-import "../../../chunk-4PYEDDYV.js";
+import "../../../chunk-C622UXU6.js";
+import "../../../chunk-3AQ25I6D.js";
 import "../../../chunk-IQWPVPV5.js";
 import "../../../chunk-BFRVMCQM.js";
 import "../../../chunk-QS5OHHBY.js";
@@ -164,8 +164,8 @@ import "../../../chunk-W2TCSYLI.js";
 import "../../../chunk-FKUYRQSP.js";
 import "../../../chunk-HDBP55R3.js";
 import "../../../chunk-BA4RHQ3B.js";
-import "../../../chunk-JE6FNSQV.js";
-import "../../../chunk-T2UP4XJF.js";
+import "../../../chunk-W4O3BTD5.js";
+import "../../../chunk-JTIKY2D3.js";
 import "../../../chunk-G2FUZALJ.js";
 import "../../../chunk-TAMIZE4Q.js";
 import "../../../chunk-TYJR4GOF.js";

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

@@ -1,7 +1,7 @@
 "use client";
 import {
   AppHeaderDetails
-} from "../../../../chunk-XE4JVTM6.js";
+} from "../../../../chunk-4HHCVL5D.js";
 import "../../../../chunk-ERTXRK6S.js";
 import "../../../../chunk-HC7ITMP4.js";
 import "../../../../chunk-LYVTJLCF.js";
@@ -15,8 +15,8 @@ import "../../../../chunk-AEIJSEVV.js";
 import "../../../../chunk-AL5E624U.js";
 import "../../../../chunk-Z2JH5KW5.js";
 import "../../../../chunk-LV7LSPBF.js";
-import "../../../../chunk-JE6FNSQV.js";
-import "../../../../chunk-T2UP4XJF.js";
+import "../../../../chunk-W4O3BTD5.js";
+import "../../../../chunk-JTIKY2D3.js";
 import "../../../../chunk-G2FUZALJ.js";
 import "../../../../chunk-TAMIZE4Q.js";
 import "../../../../chunk-TYJR4GOF.js";

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

@@ -52,7 +52,7 @@ import {
 } from "../../../chunk-47VRDPR2.js";
 import {
   AppHeaderDetails
-} from "../../../chunk-XE4JVTM6.js";
+} from "../../../chunk-4HHCVL5D.js";
 import {
   AppHeaderBrand
 } from "../../../chunk-GWFAINQ7.js";
@@ -100,8 +100,8 @@ import "../../../chunk-OEMZFRLF.js";
 import "../../../chunk-O23DG4VH.js";
 import "../../../chunk-3UIDKLML.js";
 import "../../../chunk-PYC4CWCQ.js";
-import "../../../chunk-JE6FNSQV.js";
-import "../../../chunk-T2UP4XJF.js";
+import "../../../chunk-W4O3BTD5.js";
+import "../../../chunk-JTIKY2D3.js";
 import "../../../chunk-G2FUZALJ.js";
 import "../../../chunk-TAMIZE4Q.js";
 import "../../../chunk-TYJR4GOF.js";

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,7 +5,7 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-3UQMIFPA.js";
+} from "../../chunk-QNXCCBRW.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
 import "../../chunk-63D2UYRJ.js";
@@ -21,8 +21,8 @@ import "../../chunk-W2TCSYLI.js";
 import "../../chunk-FKUYRQSP.js";
 import "../../chunk-HDBP55R3.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-JE6FNSQV.js";
-import "../../chunk-T2UP4XJF.js";
+import "../../chunk-W4O3BTD5.js";
+import "../../chunk-JTIKY2D3.js";
 import "../../chunk-G2FUZALJ.js";
 import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-AJBRO76D.js";

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

@@ -2,7 +2,7 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-4JZ6XDVA.js";
+} from "../../chunk-VLRHESS2.js";
 import "../../chunk-UDQSIRAP.js";
 import "../../chunk-AKC5GRJF.js";
 import "../../chunk-NVXRV3PL.js";
@@ -16,8 +16,8 @@ import "../../chunk-W2TCSYLI.js";
 import "../../chunk-FKUYRQSP.js";
 import "../../chunk-HDBP55R3.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-JE6FNSQV.js";
-import "../../chunk-T2UP4XJF.js";
+import "../../chunk-W4O3BTD5.js";
+import "../../chunk-JTIKY2D3.js";
 import "../../chunk-G2FUZALJ.js";
 import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-AJBRO76D.js";

package/dist/{chunk-CFAIMOFE.js → chunk-265RW6VX.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";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-CFAIMOFE.js.map
+//# sourceMappingURL=chunk-265RW6VX.js.map

package/dist/{chunk-VZCZAHMX.js → chunk-2XOL4HJU.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-NFCAXQ3F.js";
+} from "./chunk-5P4GWCBS.js";
 import {
   DataViewsExportMenu
-} from "./chunk-JA6GKU65.js";
+} from "./chunk-SAVNRXHT.js";
 import {
   renderBulkActions
-} from "./chunk-NQZNV3VR.js";
+} from "./chunk-LCVBED7G.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -138,4 +138,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-VZCZAHMX.js.map
+//# sourceMappingURL=chunk-2XOL4HJU.js.map

package/dist/{chunk-4PYEDDYV.js → chunk-3AQ25I6D.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-SEWUYHSG.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   BUTTON_SIZES
 } from "./chunk-G2FUZALJ.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-4PYEDDYV.js.map
+//# sourceMappingURL=chunk-3AQ25I6D.js.map

package/dist/{chunk-BTJFOPCQ.js → chunk-3FLJ4ZWZ.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-NQZNV3VR.js";
+} from "./chunk-LCVBED7G.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -62,4 +62,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-BTJFOPCQ.js.map
+//# sourceMappingURL=chunk-3FLJ4ZWZ.js.map

package/dist/{chunk-XE4JVTM6.js → chunk-4HHCVL5D.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ILQVNZ5B.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-XE4JVTM6.js.map
+//# sourceMappingURL=chunk-4HHCVL5D.js.map

package/dist/{chunk-EFLRNSE6.js → chunk-5COIBRIP.js}

@@ -1,7 +1,7 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-BTJFOPCQ.js";
+} from "./chunk-3FLJ4ZWZ.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
@@ -22,7 +22,7 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-NQZNV3VR.js";
+} from "./chunk-LCVBED7G.js";
 import {
   emptyViewState
 } from "./chunk-LHHAYZ55.js";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-EFLRNSE6.js.map
+//# sourceMappingURL=chunk-5COIBRIP.js.map

package/dist/{chunk-NFCAXQ3F.js → chunk-5P4GWCBS.js}

@@ -10,7 +10,7 @@ import {
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-5NOCDQJD.js";
+} from "./chunk-YLSBEWPJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   rem,
   sxRem
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-NFCAXQ3F.js.map
+//# sourceMappingURL=chunk-5P4GWCBS.js.map

package/dist/{chunk-PZPTTAO5.js → chunk-64BEEFLJ.js}

@@ -1,16 +1,16 @@
 import {
   GridMain
-} from "./chunk-PKGBW7KS.js";
+} from "./chunk-HM6T6EQR.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-SKOAJPOS.js";
+} from "./chunk-EP674QTM.js";
 import {
   DataViewsEmpty
-} from "./chunk-6NWFX2XJ.js";
+} from "./chunk-GOIFPE2E.js";
 import {
   InlineFilterControls
-} from "./chunk-NBM3YJ4P.js";
+} from "./chunk-X6WC5QBY.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
@@ -30,10 +30,10 @@ import {
 } from "./chunk-5JWCNQSI.js";
 import {
   ShellToolbar
-} from "./chunk-UZCQHNXC.js";
+} from "./chunk-WM44LYFN.js";
 import {
   togglePillValues
-} from "./chunk-NQZNV3VR.js";
+} from "./chunk-LCVBED7G.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
@@ -240,4 +240,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-PZPTTAO5.js.map
+//# sourceMappingURL=chunk-64BEEFLJ.js.map

package/dist/{chunk-KEDZTZCV.js → chunk-6FZ3PJXR.js}

@@ -1,7 +1,7 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-INQO5AYV.js";
+} from "./chunk-GF5VDLCC.js";
 import {
   useSettingGroup
 } from "./chunk-XJQNSMGA.js";
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-KEDZTZCV.js.map
+//# sourceMappingURL=chunk-6FZ3PJXR.js.map

package/dist/{chunk-YDTCM5F6.js → chunk-AGUK7VQP.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   useSummaryInfo
-} from "./chunk-ZCUVZ5PR.js";
+} from "./chunk-C622UXU6.js";
 import {
   LearnMore,
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-4PYEDDYV.js";
+} from "./chunk-3AQ25I6D.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   actionsStyles,
@@ -23,7 +23,7 @@ import {
 } from "./chunk-SEWUYHSG.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 
 // src/components/layout/SettingCard/SettingCard.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-YDTCM5F6.js.map
+//# sourceMappingURL=chunk-AGUK7VQP.js.map

package/dist/{chunk-ZCUVZ5PR.js → chunk-C622UXU6.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-4PYEDDYV.js";
+} from "./chunk-3AQ25I6D.js";
 import {
   SETTING_CARD
 } from "./chunk-BFRVMCQM.js";
@@ -92,4 +92,4 @@ export {
   SummaryInfo,
   useSummaryInfo
 };
-//# sourceMappingURL=chunk-ZCUVZ5PR.js.map
+//# sourceMappingURL=chunk-C622UXU6.js.map

package/dist/{chunk-CCCILWYZ.js → chunk-DOROD5GQ.js}

@@ -1,7 +1,7 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-INQO5AYV.js";
+} from "./chunk-GF5VDLCC.js";
 import {
   SettingGroupContext
 } from "./chunk-XJQNSMGA.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   partTestId
-} from "./chunk-4PYEDDYV.js";
+} from "./chunk-3AQ25I6D.js";
 import {
   dependentsStyles,
   hintStyles,
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-CCCILWYZ.js.map
+//# sourceMappingURL=chunk-DOROD5GQ.js.map

package/dist/{chunk-SKOAJPOS.js → chunk-EP674QTM.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk-7LOCLC24.js";
 import {
   StackedModal
-} from "./chunk-OGBLNORM.js";
+} from "./chunk-RQ2NKSIA.js";
 import {
   StackedModalContent
-} from "./chunk-2KGYTJCN.js";
+} from "./chunk-GLKUN3DL.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-SKOAJPOS.js.map
+//# sourceMappingURL=chunk-EP674QTM.js.map

package/dist/{chunk-USZMUOI6.js → chunk-F5LDJ52M.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-PZPTTAO5.js";
+} from "./chunk-64BEEFLJ.js";
 import {
   useDataViewsState
-} from "./chunk-EFLRNSE6.js";
+} from "./chunk-5COIBRIP.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-USZMUOI6.js.map
+//# sourceMappingURL=chunk-F5LDJ52M.js.map

package/dist/{chunk-INQO5AYV.js → chunk-GF5VDLCC.js}

@@ -1,12 +1,12 @@
 import {
   useSummaryInfo
-} from "./chunk-ZCUVZ5PR.js";
+} from "./chunk-C622UXU6.js";
 import {
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-4PYEDDYV.js";
+} from "./chunk-3AQ25I6D.js";
 import {
   clampStyles,
   descriptionStyles
@@ -87,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-INQO5AYV.js.map
+//# sourceMappingURL=chunk-GF5VDLCC.js.map

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

@@ -4,7 +4,7 @@ import {
   titleLeftStyles,
   titleRightStyles,
   titleStyles
-} from "./chunk-NEHCU3EZ.js";
+} from "./chunk-XSIVM4VO.js";
 import {
   safeAreaBottom
 } from "./chunk-AKZWDZCZ.js";
@@ -223,10 +223,11 @@ var ModalPanelContents = ({
   content,
   modalActions,
   hasMobileActions,
+  hideHeader,
   ...header
 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   showSkeleton && /* @__PURE__ */ jsx(ModalLoadingOverlay, { loadingText, dataTestId: header.dataTestId }),
-  /* @__PURE__ */ jsx(ModalHeader, { ...header }),
+  !hideHeader && /* @__PURE__ */ jsx(ModalHeader, { ...header }),
   /* @__PURE__ */ jsx(
     ModalBody,
     {
@@ -252,4 +253,4 @@ export {
   ModalFooter,
   ModalPanelContents
 };
-//# sourceMappingURL=chunk-2KGYTJCN.js.map
+//# sourceMappingURL=chunk-GLKUN3DL.js.map

package/dist/{chunk-2KGYTJCN.js.map → chunk-GLKUN3DL.js.map}

@@ -1 +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":[]}
+{"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  /** Draw no bar — already resolved: `hideHeader` on the ROOT panel only. */\n  hideHeader?: boolean;\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  hideHeader,\n  ...header\n}) => (\n  <>\n    {showSkeleton && (\n      <ModalLoadingOverlay loadingText={loadingText} dataTestId={header.dataTestId} />\n    )}\n    {!hideHeader && <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-6NWFX2XJ.js → chunk-GOIFPE2E.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";
@@ -80,4 +80,4 @@ function DataViewsEmpty({
 export {
   DataViewsEmpty
 };
-//# sourceMappingURL=chunk-6NWFX2XJ.js.map
+//# sourceMappingURL=chunk-GOIFPE2E.js.map

package/dist/{chunk-PKGBW7KS.js → chunk-HM6T6EQR.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-NHHWNA5W.js";
 import {
   SelectAllStrip
-} from "./chunk-CFAIMOFE.js";
+} from "./chunk-265RW6VX.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
 import {
   cardGridTracks
-} from "./chunk-NQZNV3VR.js";
+} from "./chunk-LCVBED7G.js";
 import {
   ListCardGroup
 } from "./chunk-6FAYTKXW.js";
@@ -274,4 +274,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-PKGBW7KS.js.map
+//# sourceMappingURL=chunk-HM6T6EQR.js.map

package/dist/{chunk-EXAXD7FA.js → chunk-JQBODXRV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-JE6FNSQV.js";
+} from "./chunk-W4O3BTD5.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -34,4 +34,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-EXAXD7FA.js.map
+//# sourceMappingURL=chunk-JQBODXRV.js.map