asma-ui-core 3.77.0 → 3.78.0

package/dist/hooks/useRouteHeadingFocus.js

@@ -0,0 +1,12 @@
+import { useCallback as s, useEffect as o, useRef as u } from "react";
+function a(e) {
+  const t = u(e), r = u(!1), n = u(null), f = s((c) => {
+    n.current = c, c && r.current && (r.current = !1, c.focus());
+  }, []);
+  return o(() => {
+    t.current !== e && (t.current = e, r.current = !0, n.current && (r.current = !1, n.current.focus()));
+  }, [e]), f;
+}
+export {
+  a as useRouteHeadingFocus
+};

package/dist/index.js

@@ -12,11 +12,11 @@ import { ChevronDoubleLeftIcon as g } from "./components/icons/chevron-double-le
 import { ChevronDoubleRightIcon as h } from "./components/icons/chevron-double-right-icon/ChevronDoubleRightIcon.js";
 import { QnrIcon as b } from "./components/icons/qnr-icon/QnrIcon.js";
 import { PdfIcon as P } from "./components/icons/pdf-icon/PdfIcon.js";
-import { DashboardViewIcon as A } from "./components/icons/dashboard-view-icon/DashboardViewIcon.js";
+import { DashboardViewIcon as F } from "./components/icons/dashboard-view-icon/DashboardViewIcon.js";
 import { DashboardViewOutlineIcon as R } from "./components/icons/dashboard-view-outline-icon/DashboardViewOutlineIcon.js";
 import { PeopleOutlineIcon as v } from "./components/icons/people-outline-icon/PeopleOutlineIcon.js";
 import { PeopleIcon as B } from "./components/icons/people-icon/PeopleIcon.js";
-import { CheckOutlineIcon as x } from "./components/icons/check-outline-icon/CheckOutlineIcon.js";
+import { CheckOutlineIcon as N } from "./components/icons/check-outline-icon/CheckOutlineIcon.js";
 import { CheckFactOutlineIcon as _ } from "./components/icons/check-fact-outline-icon/CheckFactOutlineIcon.js";
 import { CheckFactIcon as W } from "./components/icons/check-fact-icon/CheckFactIcon.js";
 import { CalendarIcon as V } from "./components/icons/calendar-icon/CalendarIcon.js";
@@ -39,11 +39,11 @@ import { PersonOutlineIcon as Do } from "./components/icons/person-outline-icon/
 import { DotsVerticalIcon as ko } from "./components/icons/dots-vertical-icon/DotsVerticalIcon.js";
 import { SearchIcon as Lo } from "./components/icons/search-icon/SearchIcon.js";
 import { LoadingIcon as To } from "./components/icons/loading-icon/LoadingIcon.js";
-import { DropUpIcon as Fo } from "./components/icons/drop-up-icon/DropUpIcon.js";
+import { DropUpIcon as Ao } from "./components/icons/drop-up-icon/DropUpIcon.js";
 import { DropDownIcon as Mo } from "./components/icons/drop-down-icon/DropDownIcon.js";
 import { ArchiveIcon as wo } from "./components/icons/archive-icon/ArchiveIcon.js";
-import { DownloadIcon as No } from "./components/icons/download-icon/DownloadIcon.js";
-import { CheckBoxCheckedIcon as Ho } from "./components/icons/checkbox-checked-icon/CheckBoxCheckedIcon.js";
+import { DownloadIcon as Ho } from "./components/icons/download-icon/DownloadIcon.js";
+import { CheckBoxCheckedIcon as xo } from "./components/icons/checkbox-checked-icon/CheckBoxCheckedIcon.js";
 import { ChevronDownIcon as Eo } from "./components/icons/chevron-down-icon/ChevronDownIcon.js";
 import { ChevronUpIcon as Uo } from "./components/icons/chevron-up-icon/ChevronUpIcon.js";
 import { CloseIcon as zo } from "./components/icons/close-icon/CloseIcon.js";
@@ -66,11 +66,11 @@ import { ReplayIcon as Dr } from "./components/icons/replay-icon/ReplayIcon.js";
 import { CalendarBlankOutlineIcon as kr } from "./components/icons/calendar-blank-outline-icon/CalendarBlankOutlineIcon.js";
 import { LinkOutlineIcon as Lr } from "./components/icons/link-outline-icon/LinkOutlineIcon.js";
 import { FastCheckOutlineIcon as Tr } from "./components/icons/fast-check-outline-icon/FastCheckOutlineIcon.js";
-import { UnknownDocumentOutlineRoundedIcon as Fr } from "./components/icons/unknown-document-outline-rounded-icon/UnknownDocumentOutlineRoundedIcon.js";
+import { UnknownDocumentOutlineRoundedIcon as Ar } from "./components/icons/unknown-document-outline-rounded-icon/UnknownDocumentOutlineRoundedIcon.js";
 import { ListStatusIcon as Mr } from "./components/icons/list-status-icon/ListStatusIcon.js";
 import { ListViewOutlineIcon as wr } from "./components/icons/list-view-outline-icon/ListViewOutlineIcon.js";
-import { TextBoxCheckOutlineIcon as Nr } from "./components/icons/text-box-check-outline-icon/TextBoxCheckOutlineIcon.js";
-import { ListSettingsLineIcon as Hr } from "./components/icons/list-settings-line-icon/ListSettingsLineIcon.js";
+import { TextBoxCheckOutlineIcon as Hr } from "./components/icons/text-box-check-outline-icon/TextBoxCheckOutlineIcon.js";
+import { ListSettingsLineIcon as xr } from "./components/icons/list-settings-line-icon/ListSettingsLineIcon.js";
 import { EarthIcon as Er } from "./components/icons/earth-icon/EarthIcon.js";
 import { SettingsMenuHorizontalIcon as Ur } from "./components/icons/settings-menu-horizontal-icon/SettingsMenuHorizontalIcon.js";
 import { PencilOutlineIcon as zr } from "./components/icons/pencil-outline-icon/PencilOutlineIcon.js";
@@ -93,11 +93,11 @@ import { FormIcon as Dm } from "./components/icons/form-icon/FormIcon.js";
 import { RepeatOutlineIcon as km } from "./components/icons/repeat-outline-icon/RepeatOutlineIcon.js";
 import { ClockOutlineIcon as Lm } from "./components/icons/clock-outline-icon/ClockOutlineIcon.js";
 import { TodayIcon as Tm } from "./components/icons/today-icon/TodayIcon.js";
-import { MicrosoftOutlookIcon as Fm } from "./components/icons/microsoft-outlook-icon/MicrosoftOutlookIcon.js";
+import { MicrosoftOutlookIcon as Am } from "./components/icons/microsoft-outlook-icon/MicrosoftOutlookIcon.js";
 import { LoginIcon as Mm } from "./components/icons/login-logout-icons/LoginIcon.js";
 import { LogoutIcon as wm } from "./components/icons/login-logout-icons/LogoutIcon.js";
-import { TimerIcon as Nm } from "./components/icons/timer-icon/TimerIcon.js";
-import { BackIcon as Hm } from "./components/icons/back-icon/BackIcon.js";
+import { TimerIcon as Hm } from "./components/icons/timer-icon/TimerIcon.js";
+import { BackIcon as xm } from "./components/icons/back-icon/BackIcon.js";
 import { HelpIcon as Em } from "./components/icons/help-icon/HelpIcon.js";
 import { HelpOutlineIcon as Um } from "./components/icons/help-outline-icon/HelpOutlineIcon.js";
 import { NewWindowIcon as zm } from "./components/icons/new-window-icon/NewWindowIcon.js";
@@ -120,11 +120,11 @@ import { ContentCopyOutlineIcon as Dt } from "./components/icons/content-copy-ou
 import { RefreshIcon as kt } from "./components/icons/refresh-icon/RefreshIcon.js";
 import { SettingsNoteIcon as Lt } from "./components/icons/settings-note-icon/SettingsNoteIcon.js";
 import { InheritancePointerIcon as Tt } from "./components/icons/inheritance-pointer-icon/InheritancePointerIcon.js";
-import { CloudDoneOutlineIcon as Ft } from "./components/icons/cloud-done-outline-icon/CloudDoneOutlineIcon.js";
+import { CloudDoneOutlineIcon as At } from "./components/icons/cloud-done-outline-icon/CloudDoneOutlineIcon.js";
 import { CloudIcon as Mt } from "./components/icons/cloud-icon/CloudIcon.js";
 import { AttachFileIcon as wt } from "./components/icons/attach-file-icon/AttachFileIcon.js";
-import { SendIcon as Nt } from "./components/icons/send-icon/SendIcon.js";
-import { CardIdIcon as Ht } from "./components/icons/card-id-icon/CardIdIcon.js";
+import { SendIcon as Ht } from "./components/icons/send-icon/SendIcon.js";
+import { CardIdIcon as xt } from "./components/icons/card-id-icon/CardIdIcon.js";
 import { CheckCircleIcon as Et } from "./components/icons/check-circle-icon/CheckCircleIndex.js";
 import { CardIdIconOutlined as Ut } from "./components/icons/card-id-icon-outlined/CardIdIconOutlined.js";
 import { OutlineNotificationsIcon as zt } from "./components/icons/outline-notifications-icon/OutlineNotificationsIcon.js";
@@ -147,11 +147,11 @@ import { CancelOutlineIcon as Di } from "./components/icons/cancel-outline-icon/
 import { InfoOutlineIcon as ki } from "./components/icons/info-outline-icon/InfoOutlineIcon.js";
 import { TuneIcon as Li } from "./components/icons/tune-icon/TuneIcon.js";
 import { FileDocIcon as Ti } from "./components/icons/file-doc-icon/FileDocIcon.js";
-import { DvrIconOutline as Fi } from "./components/icons/dvr-icon-outline/DvrIconOutline.js";
+import { DvrIconOutline as Ai } from "./components/icons/dvr-icon-outline/DvrIconOutline.js";
 import { BackupIcon as Mi } from "./components/icons/backup-icon/BackupIcon.js";
 import { DownloadTrayIcon as wi } from "./components/icons/download-tray-icon/DownloadTrayIcon.js";
-import { DownloadingIcon as Ni } from "./components/icons/downloading-icon/DownloadingIcon.js";
-import { FileRtfIcon as Hi } from "./components/icons/file-rtf-icon/FileRtfIcon.js";
+import { DownloadingIcon as Hi } from "./components/icons/downloading-icon/DownloadingIcon.js";
+import { FileRtfIcon as xi } from "./components/icons/file-rtf-icon/FileRtfIcon.js";
 import { LinkOffIcon as Ei } from "./components/icons/link-off-icon/LinkOffIcon.js";
 import { CircleWarningOutlineIcon as Ui } from "./components/icons/warning-circle-icon/CircleWarningOutlineIcon.js";
 import { AppRegistrationIcon as zi } from "./components/icons/app-registration-icon/AppRegistrationIcon.js";
@@ -174,11 +174,11 @@ import { FileImageIcon as De } from "./components/icons/file-image-icon/FileImag
 import { DrawIcon as ke } from "./components/icons/draw-icon/DrawIcon.js";
 import { ArrowShrinkIcon as Le } from "./components/icons/arrow-shrink-icon/ArrowShrinkIcon.js";
 import { IndeterminateIcon as Te } from "./components/icons/indeterminate-icon/IndeterminateIcon.js";
-import { ManageSearchIcon as Fe } from "./components/icons/manage-search-icon/ManageSearchIcon.js";
+import { ManageSearchIcon as Ae } from "./components/icons/manage-search-icon/ManageSearchIcon.js";
 import { HubIcon as Me } from "./components/icons/hub-icon/HubIcon.js";
 import { HubIconFilled as we } from "./components/icons/hub-icon/HubIconFilled.js";
-import { WidgetIcon as Ne } from "./components/icons/widgets-icon/WidgetIcon.js";
-import { WidgetIconFilled as He } from "./components/icons/widgets-icon/WidgetIconFilled.js";
+import { WidgetIcon as He } from "./components/icons/widgets-icon/WidgetIcon.js";
+import { WidgetIconFilled as xe } from "./components/icons/widgets-icon/WidgetIconFilled.js";
 import { RocketLaunchIcon as Ee } from "./components/icons/rocket-launch-icon/RocketLaunchIcon.js";
 import { LoadCurrentIcon as Ue } from "./components/icons/load-current-icon/LoadCurrentIcon.js";
 import { RotateAutoIcon as ze } from "./components/icons/rotate-auto-icon/RotateAutoIcon.js";
@@ -200,11 +200,11 @@ import { StyledDialogActions as gn } from "./components/feedback/dialog/StyledDi
 import { StyledDialogContent as hn } from "./components/feedback/dialog/StyledDialogContent.js";
 import { StyledDialogTitle as bn } from "./components/feedback/dialog/StyledDialogTitle.js";
 import { StyledEmptyPage as Pn } from "./components/feedback/empty-page/StyledEmptyPage.js";
-import { StyledFilteredEmptyState as An } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
+import { StyledFilteredEmptyState as Fn } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
 import { StyledLoading as Rn } from "./components/feedback/loading/StyledLoading.js";
 import { StyledAlert as vn } from "./components/feedback/snack-bar/StyledAlert.js";
 import { SnackbarProvider as Bn } from "./components/feedback/snack-bar/SnackbarProvider.js";
-import { StyledSnackbar as xn } from "./components/feedback/snack-bar/StyledSnackbar.js";
+import { StyledSnackbar as Nn } from "./components/feedback/snack-bar/StyledSnackbar.js";
 import { processAlertSnackBar as _n } from "./components/feedback/snack-bar/processAlertSnackBar.js";
 import { processDefaultSnackbar as Wn } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
 import { processInfoSnackbar as Vn } from "./components/feedback/snack-bar/processInfoSnackbar.js";
@@ -226,9 +226,9 @@ import { StyledFormControl as gp } from "./components/miscellaneous/StyledFormCo
 import { defaultDatePickerValidationMessages as hp, useDatePickerValidation as kp } from "./datetime/components/date-picker/hooks/useDatePickerValidation.js";
 import { StyledDrawer as Lp } from "./components/navigation/drawer/StyledDrawer.js";
 import { StyledDatePicker as Tp } from "./datetime/components/date-picker/StyledDatePicker.js";
-import { PopupState as Fp, bindPopover as Rp, bindPopper as Mp, bindTrigger as vp, usePopupState as wp } from "./hooks/usePopupState.js";
-import { ClickAwayListener as Np } from "./components/mui-compat/ClickAwayListener.js";
-import { Paper as Hp } from "./components/mui-compat/Paper.js";
+import { PopupState as Ap, bindPopover as Rp, bindPopper as Mp, bindTrigger as vp, usePopupState as wp } from "./hooks/usePopupState.js";
+import { ClickAwayListener as Hp } from "./components/mui-compat/ClickAwayListener.js";
+import { Paper as xp } from "./components/mui-compat/Paper.js";
 import { Stack as Ep } from "./components/mui-compat/Stack.js";
 import { Container as Up } from "./components/mui-compat/Container.js";
 import { Avatar as zp } from "./components/mui-compat/Avatar.js";
@@ -250,11 +250,11 @@ import { StyledLink as Df } from "./components/navigation/link/StyledLink.js";
 import { StyledTab as kf } from "./components/navigation/tabs/StyledTab.js";
 import { StyledTabs as Lf } from "./components/navigation/tabs/StyledTabs.js";
 import { StyledTitleChevron as Tf } from "./components/navigation/title-chevron/StyledTitleChevron.js";
-import { Listbox as Ff } from "./components/navigation/listbox/Listbox.js";
+import { Listbox as Af } from "./components/navigation/listbox/Listbox.js";
 import { StyledAccordion as Mf } from "./components/utils/accordion/base-ui/StyledAccordion.js";
 import { StyledAccordionSummary as wf } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
-import { StyledAccordionDetails as Nf } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
-import { ACTIONS_COLUMN_ID as Hf, DND_HANDLE_COLUMN_ID as _f, EXPAND_COLUMN_ID as Ef, INTERNAL_COLUMN_IDS as Wf, SELECT_COLUMN_ID as Uf, SHOW_FULL_TEXT_ID as Vf, isCustomAction as zf } from "./table/types.js";
+import { StyledAccordionDetails as Hf } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
+import { ACTIONS_COLUMN_ID as xf, DND_HANDLE_COLUMN_ID as _f, EXPAND_COLUMN_ID as Ef, INTERNAL_COLUMN_IDS as Wf, SELECT_COLUMN_ID as Uf, SHOW_FULL_TEXT_ID as Vf, isCustomAction as zf } from "./table/types.js";
 import { RowDragHandleCell as Xf } from "./table/components/columns/dndHandleColumn.js";
 import { StyledTable as Kf } from "./table/components/StyledTableIndex.js";
 import { createColumnHelper as Zf } from "./table/index.js";
@@ -270,12 +270,14 @@ import { StyledWidget as uc } from "./components/custom/widget/widget/StyledWidg
 import { StyledModuleTitle as sc } from "./components/custom/module/module-title/StyledModuleTitle.js";
 import { ACTION_GAP_PX as Cc, MORE_BUTTON_PX as Oc, estimateToolbarActionWidth as gc, planBulkToolbarActions as Dc, planToolbarActions as hc, resolveToolbarActionWidth as kc } from "./components/custom/module/header-layout/planToolbarActions.js";
 import { DynamicToolbar as Lc } from "./components/custom/module/header-layout/DynamicToolbar.js";
-import { MinimizableDialog as Tc } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
-import { MinimizableDialogV2 as Fc } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
-import { createDialogStack as Mc } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
-import { PathfinderCard as wc } from "./components/custom/pathfinder-card/PathfinderCard.js";
+import { PageHeader as Tc } from "./components/custom/page/page-header/PageHeader.js";
+import { MinimizableDialog as Ac } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
+import { MinimizableDialogV2 as Mc } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
+import { createDialogStack as wc } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
+import { PathfinderCard as Hc } from "./components/custom/pathfinder-card/PathfinderCard.js";
+import { useRouteHeadingFocus as xc } from "./hooks/useRouteHeadingFocus.js";
 export {
-  Hf as ACTIONS_COLUMN_ID,
+  xf as ACTIONS_COLUMN_ID,
   Cc as ACTION_GAP_PX,
   zi as AppRegistrationIcon,
   wo as ArchiveIcon,
@@ -287,7 +289,7 @@ export {
   Y as AssignmentOutlineIcon,
   wt as AttachFileIcon,
   zp as Avatar,
-  Hm as BackIcon,
+  xm as BackIcon,
   Mi as BackupIcon,
   tm as BadgeIcon,
   a as BellIcon,
@@ -298,14 +300,14 @@ export {
   Q as CalendarRangeOutlineIcon,
   Ke as CallIcon,
   Di as CancelOutlineIcon,
-  Ht as CardIdIcon,
+  xt as CardIdIcon,
   Ut as CardIdIconOutlined,
-  Ho as CheckBoxCheckedIcon,
+  xo as CheckBoxCheckedIcon,
   Et as CheckCircleIcon,
   W as CheckFactIcon,
   _ as CheckFactOutlineIcon,
   Xo as CheckIcon,
-  x as CheckOutlineIcon,
+  N as CheckOutlineIcon,
   Se as CheckReadIcon,
   g as ChevronDoubleLeftIcon,
   h as ChevronDoubleRightIcon,
@@ -314,10 +316,10 @@ export {
   s as ChevronRightIcon,
   Uo as ChevronUpIcon,
   Ui as CircleWarningOutlineIcon,
-  Np as ClickAwayListener,
+  Hp as ClickAwayListener,
   Lm as ClockOutlineIcon,
   zo as CloseIcon,
-  Ft as CloudDoneOutlineIcon,
+  At as CloudDoneOutlineIcon,
   Mt as CloudIcon,
   Ji as CloudOffOutlineIcon,
   Zr as ConsentsIcon,
@@ -330,7 +332,7 @@ export {
   ic as CopyButton,
   nc as CopyWrapper,
   _f as DND_HANDLE_COLUMN_ID,
-  A as DashboardViewIcon,
+  F as DashboardViewIcon,
   R as DashboardViewOutlineIcon,
   cr as DeleteOutlineIcon,
   $m as DescriptionIcon,
@@ -339,15 +341,15 @@ export {
   Jm as DnsOutlineIcon,
   Xm as DoneAllIcon,
   ko as DotsVerticalIcon,
-  No as DownloadIcon,
+  Ho as DownloadIcon,
   wi as DownloadTrayIcon,
-  Ni as DownloadingIcon,
+  Hi as DownloadingIcon,
   er as DragHorizontalIcon,
   ke as DrawIcon,
   Mo as DropDownIcon,
-  Fo as DropUpIcon,
+  Ao as DropUpIcon,
   yr as DvrIcon,
-  Fi as DvrIconOutline,
+  Ai as DvrIconOutline,
   Lc as DynamicToolbar,
   Jf as DynamicToolbarLayoutContext,
   Ef as EXPAND_COLUMN_ID,
@@ -362,7 +364,7 @@ export {
   Ti as FileDocIcon,
   De as FileImageIcon,
   pr as FilePdfIcon,
-  Hi as FileRtfIcon,
+  xi as FileRtfIcon,
   Oe as FileXlsIcon,
   Ir as FilterIcon,
   dr as FilterIconOff,
@@ -395,10 +397,10 @@ export {
   Ei as LinkOffIcon,
   Lr as LinkOutlineIcon,
   oo as ListNumberedIcon,
-  Hr as ListSettingsLineIcon,
+  xr as ListSettingsLineIcon,
   Mr as ListStatusIcon,
   wr as ListViewOutlineIcon,
-  Ff as Listbox,
+  Af as Listbox,
   Ue as LoadCurrentIcon,
   To as LoadingIcon,
   Om as LocationIcon,
@@ -406,13 +408,13 @@ export {
   Mm as LoginIcon,
   wm as LogoutIcon,
   Oc as MORE_BUTTON_PX,
-  Fe as ManageSearchIcon,
+  Ae as ManageSearchIcon,
   mo as MessageProcessingIcon,
   io as MessageProcessingOutlineIcon,
   rm as MessageReplyIcon,
-  Fm as MicrosoftOutlookIcon,
-  Tc as MinimizableDialog,
-  Fc as MinimizableDialogV2,
+  Am as MicrosoftOutlookIcon,
+  Ac as MinimizableDialog,
+  Mc as MinimizableDialogV2,
   Jr as MinimizeIcon,
   Xe as MoveUpIcon,
   G as NewCalendarIcon,
@@ -423,8 +425,9 @@ export {
   Kt as OutlineCheckboxIconChecked,
   Jt as OutlineCheckboxIconIndeterminate,
   zt as OutlineNotificationsIcon,
-  Hp as Paper,
-  wc as PathfinderCard,
+  Tc as PageHeader,
+  xp as Paper,
+  Hc as PathfinderCard,
   P as PdfIcon,
   zr as PencilOutlineIcon,
   B as PeopleIcon,
@@ -439,7 +442,7 @@ export {
   pm as PlusIcon,
   cm as PlusIconCircle,
   Jp as Popper,
-  Fp as PopupState,
+  Ap as PopupState,
   b as QnrIcon,
   kt as RefreshIcon,
   di as RemoveIcon,
@@ -457,7 +460,7 @@ export {
   Vf as SHOW_FULL_TEXT_ID,
   Ii as SaveIcon,
   Lo as SearchIcon,
-  Nt as SendIcon,
+  Ht as SendIcon,
   lo as SettingsIcon,
   Ur as SettingsMenuHorizontalIcon,
   Lt as SettingsNoteIcon,
@@ -469,7 +472,7 @@ export {
   Ep as Stack,
   un as StyledAIDisclosure,
   Mf as StyledAccordion,
-  Nf as StyledAccordionDetails,
+  Hf as StyledAccordionDetails,
   wf as StyledAccordionSummary,
   vn as StyledAlert,
   f as StyledBadge,
@@ -486,7 +489,7 @@ export {
   Pn as StyledEmptyPage,
   oc as StyledFilterButton,
   mc as StyledFilterMenu,
-  An as StyledFilteredEmptyState,
+  Fn as StyledFilteredEmptyState,
   gp as StyledFormControl,
   pf as StyledFormControlLabel,
   df as StyledFormGroup,
@@ -510,7 +513,7 @@ export {
   np as StyledSelectAutocomplete,
   ip as StyledSelectItem,
   fp as StyledSlider,
-  xn as StyledSnackbar,
+  Nn as StyledSnackbar,
   lp as StyledSwitch,
   kf as StyledTab,
   Kf as StyledTable,
@@ -525,13 +528,13 @@ export {
   lc as StyledWidgetTitle,
   Xt as SyncIcon,
   Zi as SyncSavedLocallyIcon,
-  Nr as TextBoxCheckOutlineIcon,
+  Hr as TextBoxCheckOutlineIcon,
   pe as TimelapseOutlineIcon,
-  Nm as TimerIcon,
+  Hm as TimerIcon,
   Tm as TodayIcon,
   rr as TopicIcon,
   Li as TuneIcon,
-  Fr as UnknownDocumentOutlineRoundedIcon,
+  Ar as UnknownDocumentOutlineRoundedIcon,
   Km as UnlockIcon,
   Oi as UploadIcon,
   fc as VirtualList,
@@ -540,8 +543,8 @@ export {
   $i as VisibilityOutlineIcon,
   ce as WandStarsIcon,
   Xr as WarningAmberOutlineIcon,
-  Ne as WidgetIcon,
-  He as WidgetIconFilled,
+  He as WidgetIcon,
+  xe as WidgetIconFilled,
   ym as WorkIcon,
   Rp as bindPopover,
   Mp as bindPopper,
@@ -549,7 +552,7 @@ export {
   qn as closeSnackbar,
   m as cn,
   Zf as createColumnHelper,
-  Mc as createDialogStack,
+  wc as createDialogStack,
   hp as defaultDatePickerValidationMessages,
   $p as defaultTimePickerHelperMessages,
   Kn as enqueueSnackbar,
@@ -569,5 +572,6 @@ export {
   kp as useDatePickerValidation,
   Yf as useDynamicToolbarLayout,
   wp as usePopupState,
+  xc as useRouteHeadingFocus,
   Qn as useSnackbar
 };

package/dist/src/components/custom/module/header-layout/ToolbarActionGroup.d.ts

@@ -11,9 +11,15 @@ export declare function MoreTriggerButton({ overflowMenuLabel, onOpen, }: {
     onOpen?: (anchor: HTMLElement) => void;
 }): JSX.Element;
 /** Inline action buttons plus the "More" overflow menu for a planned strip. */
-export declare function ToolbarActionGroup({ plan, overflowMenuLabel, className, selectionTone, }: {
+export declare function ToolbarActionGroup({ plan, overflowMenuLabel, className, selectionTone, registerActionWidth, }: {
     plan: PlannedToolbarActions;
     overflowMenuLabel: string;
     className?: string;
     selectionTone?: boolean;
+    /**
+     * Width-registry hookup for `measureInStrip: false` actions: their single visible
+     * mount is measured here, so the planner budgets the real rendered width and the
+     * `estimatedWidthPx` only bridges the gap until the first measurement.
+     */
+    registerActionWidth?: (actionId: string, showLabel: boolean) => (element: HTMLElement | null) => void;
 }): JSX.Element | null;

package/dist/src/components/custom/module/header-layout/ToolbarMeasurement.d.ts

@@ -4,6 +4,7 @@ import { ToolbarTranslations } from './useTranslations';
 export declare const KEY_TITLE = "title";
 export declare const KEY_LEADING = "slot:leading";
 export declare const KEY_SEARCH = "slot:search";
+export declare const KEY_STATUS = "slot:status";
 export declare const KEY_SELECTION_INDICATOR = "selection-indicator";
 export declare const KEY_MORE_BUTTON = "more-button";
 export declare const filterKey: (iconOnly: boolean) => string;
@@ -14,14 +15,15 @@ export interface SelectionIndicatorMeasurement {
     hasClear: boolean;
     translations: ToolbarTranslations;
 }
-/**
- * Invisible, inert strip rendering every action in both variants (label and
- * icon-only) plus the More trigger and selection indicator, so the planners
- * work with real rendered widths instead of font-dependent guesses.
- */
-export declare function ToolbarMeasurementStrip({ actions, register, overflowMenuLabel, selectionIndicator, }: {
+/** Invisible strip rendering every action in both variants, so the planners
+ * work with real rendered widths instead of guesses. */
+export declare function ToolbarMeasurementStrip({ actions, register, overflowMenuLabel, selectionIndicator, title, titleClassName, }: {
     actions: DynamicToolbarAction[];
     register: WidthRegistry['register'];
     overflowMenuLabel: string;
     selectionIndicator?: SelectionIndicatorMeasurement;
+    /** Title measured as an unconstrained single line (the visible heading is clamped). */
+    title?: string;
+    /** Typography classes matching the visible heading, so the width is real. */
+    titleClassName?: string;
 }): JSX.Element;

package/dist/src/components/custom/module/header-layout/planToolbarActions.d.ts

@@ -29,6 +29,13 @@ export interface DynamicToolbarAction {
     ariaLabel?: string;
     /** Custom inline renderer for richer actions such as popover triggers. */
     render?: (options: DynamicToolbarActionRenderOptions) => ReactElement;
+    /**
+     * Skip the measurement strip for this action and plan with `estimatedWidthPx`
+     * instead. For stateful renderers (widgets, stores, always-mounted dialogs)
+     * that must mount exactly once. Combine with `keepVisible` so the single
+     * mount stays in the visible row.
+     */
+    measureInStrip?: boolean;
 }
 export interface PlannedToolbarAction {
     action: DynamicToolbarAction;

package/dist/src/components/custom/module/header-layout/useTranslations.d.ts

@@ -4,11 +4,17 @@ declare const translations: {
         more: string;
         clearSelection: string;
         selected: string;
+        back: string;
+        menu: string;
+        close: string;
     };
     no: {
         more: string;
         clearSelection: string;
         selected: string;
+        back: string;
+        menu: string;
+        close: string;
     };
 };
 export type ToolbarTranslations = (typeof translations)['en'];

package/dist/src/components/custom/page/page-header/PageHeader.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode, Ref } from 'react';
+import { DynamicToolbarAction } from '../../module/header-layout/planToolbarActions';
+import { ToolbarLocale } from '../../module/header-layout/useTranslations';
+export interface PageHeaderAction extends DynamicToolbarAction {
+    /** Count badge on the action button (e.g. unread notifications). */
+    badgeCount?: number;
+}
+export interface PageHeaderProps {
+    /** Page/object title — the route heading. PageHeader owns the heading element. */
+    title: string;
+    /** Heading element. Default `h1` (one PageHeader per route). */
+    titleAs?: 'h1' | 'h2' | 'div';
+    /** Heading test id, emitted as both `data-test` and `data-testid`. */
+    titleDataTest?: string;
+    /** Heading ref. For route-change focus pass `useRouteHeadingFocus(pathname)`
+     * from a component that survives the host's route changes. */
+    titleRef?: Ref<HTMLHeadingElement>;
+    /** Context line under the title (subtitle, progress bar, …). */
+    subtitle?: ReactNode;
+    /** Slot rendered right after the title (status chip, saved-state, help button, …). */
+    status?: ReactNode;
+    /** Leading navigation control. Never moves into overflow, never disappears. */
+    leading?: 'back' | 'menu';
+    onLeadingClick?: () => void;
+    /** i18n label for the leading control; also its accessible name when icon-only. */
+    leadingLabel?: string;
+    /** Custom leading node (e.g. an injected widget). Wins over `leading`; never overflows. */
+    leadingSlot?: ReactNode;
+    /** Trailing actions, adaptive: labels collapse, low-priority actions overflow. */
+    actions?: PageHeaderAction[];
+    /** Search-mode slot: when `searchOpen`, replaces title and actions (nav stays). */
+    search?: ReactNode;
+    searchOpen?: boolean;
+    onSearchClose?: () => void;
+    /** i18n label for the search-mode close button. */
+    searchCloseLabel?: string;
+    /** Skeleton state — placeholder bars replace title and actions (nav stays). */
+    loading?: boolean;
+    /** Stick to the top of the scroll container; compacts once scrolled (data-stuck). */
+    sticky?: boolean;
+    locale?: ToolbarLocale;
+    className?: string;
+    dataTest?: string;
+}
+/** Maps a PageHeaderAction to the toolbar engine's action shape. Exported for tests. */
+export declare const toToolbarAction: (action: PageHeaderAction) => DynamicToolbarAction;
+export declare function PageHeader({ title, titleAs: HeadingTag, titleDataTest, titleRef, subtitle, status, leading, onLeadingClick, leadingLabel, leadingSlot, actions, search, searchOpen, onSearchClose, searchCloseLabel, loading, sticky, locale, className, dataTest, }: PageHeaderProps): JSX.Element;

package/dist/src/components/custom/page/page-header/PageHeader.hooks.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+/** Opening search focuses the search slot; closing restores the previously focused
+ * element (tracked via focusin — the invoker may already be unmounted), else the heading. */
+export declare function useSearchFocus(hasSearch: boolean, searchOpen: boolean, searchAreaRef: RefObject<HTMLDivElement>, headingRef: RefObject<HTMLElement>): void;
+/** Header is "stuck" (compact) once the sentinel above it scrolls out of view. */
+export declare function useStuckOnScroll(sticky: boolean, sentinelRef: RefObject<HTMLDivElement>): boolean;
+/** Writes the header's measured height as scroll-padding-top on the nearest scroll
+ * container, so a sticky header never covers focused content. */
+export declare function useStickyScrollPadding(sticky: boolean, containerRef: RefObject<HTMLDivElement>): void;
+/** True while the 2-line clamp hides part of the title (drives the native tooltip). */
+export declare function useIsTitleClamped(headingRef: RefObject<HTMLElement>, title: string, enabled: boolean): boolean;

package/dist/src/components/custom/page/page-header/PageHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/custom/page/page-header/index.d.ts

@@ -0,0 +1,2 @@
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageHeaderAction } from './PageHeader';

package/dist/src/hooks/useRouteHeadingFocus.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Focuses the page heading on route change. Mount once at a level that survives
+ * navigation (e.g. `useRouteHeadingFocus(useLocation().pathname)`) and pass the
+ * returned ref to `PageHeader`'s `titleRef`. The pending flag also catches
+ * headings that mount after navigation; first render and StrictMode replays are no-ops.
+ */
+export declare function useRouteHeadingFocus(routeKey: string | number): (element: HTMLElement | null) => void;

package/dist/src/index.d.ts

@@ -51,7 +51,9 @@ export * from './components/custom/widget/widget-header/StyledWidgetHeader';
 export * from './components/custom/widget/widget/StyledWidget';
 export * from './components/custom/module/module-title/StyledModuleTitle';
 export * from './components/custom/module/header-layout';
+export * from './components/custom/page/page-header';
 export * from './components/feedback/minimizable-dialog';
 export * from './components/custom/pathfinder-card/PathfinderCard';
 export * from './hooks/usePopupState';
+export * from './hooks/useRouteHeadingFocus';
 export { Paper, ClickAwayListener, Avatar, Skeleton, Container, Stack, FormLabel, Fade, Popper, } from './components/mui-compat';

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.77.0",
+    "version": "3.78.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",