@12-apps/ui 6.94.0 → 6.95.1

package/dist/locales.js

@@ -1,4 +1,8 @@
 import "./chunk-QNAB53N3.js";
+import {
+  PT_BR_CHROME_COPY,
+  PT_BR_TUTORIAL_COPY
+} from "./chunk-VTDZUO2J.js";
 import {
   PT_BR_CAROUSEL_COPY,
   PT_BR_DATA_GRID_COPY,
@@ -39,10 +43,6 @@ import {
   PT_BR_SOCIAL_LOGIN_COPY,
   PT_BR_UPLOAD_BUTTON_COPY
 } from "./chunk-CN4JS57H.js";
-import {
-  PT_BR_CHROME_COPY,
-  PT_BR_TUTORIAL_COPY
-} from "./chunk-VTDZUO2J.js";
 import "./chunk-JQLQOIB3.js";
 import {
   EN_US_BREADCRUMB_COPY,

package/dist/navigation/AppHeader.js

@@ -1,4 +1,7 @@
 import "../chunk-5CUKSNWG.js";
+import {
+  AppHeaderDetails
+} from "../chunk-I54YFYBS.js";
 import {
   AppHeader,
   AppHeader_default
@@ -15,16 +18,13 @@ import {
   highlightOf,
   initialsOf
 } from "../chunk-IQU4HKND.js";
-import {
-  AppHeaderDetails
-} from "../chunk-ALMGYCHY.js";
-import "../chunk-LZ5PGB7U.js";
-import "../chunk-E5OBAS3U.js";
+import "../chunk-XTYBJAZG.js";
+import "../chunk-LTJC7TGB.js";
 import "../chunk-3ROCD7XF.js";
-import "../chunk-NASLJO2R.js";
-import "../chunk-LYVTJLCF.js";
-import "../chunk-CRN4KKNI.js";
+import "../chunk-2KSFBZ2H.js";
+import "../chunk-56JF5PZK.js";
 import "../chunk-IM4DMKH4.js";
+import "../chunk-CRN4KKNI.js";
 import "../chunk-TJUWSQYQ.js";
 import "../chunk-DAFFZED3.js";
 import "../chunk-5UX5QAFJ.js";

package/dist/navigation/NavigationMenu.js

@@ -1,12 +1,12 @@
 import "../chunk-I53WONUS.js";
 import {
   NavigationMenu
-} from "../chunk-VM4UYCD4.js";
-import "../chunk-4QTPERAY.js";
-import "../chunk-PNZH6CDD.js";
-import "../chunk-JBYFBPI6.js";
+} from "../chunk-FTYOCFTV.js";
+import "../chunk-6RW4WNGS.js";
+import "../chunk-NI3MC742.js";
 import "../chunk-MUHRPJQT.js";
 import "../chunk-3L5OZCGA.js";
+import "../chunk-JBYFBPI6.js";
 import "../chunk-3AIRFAI3.js";
 import "../chunk-XOXXG7Q5.js";
 import "../chunk-XJAD6E3V.js";

package/dist/navigation/SectionNav.js

@@ -1,13 +1,13 @@
 import "../chunk-R26KYJHK.js";
 import {
   SectionNav
-} from "../chunk-2M3W6ACW.js";
-import "../chunk-SNWCT6JN.js";
-import "../chunk-ILJ3FXIC.js";
+} from "../chunk-S46LGAQ2.js";
 import {
   sectionNavBarInset
 } from "../chunk-F7LBTMCA.js";
 import "../chunk-XCUHGPPZ.js";
+import "../chunk-SNWCT6JN.js";
+import "../chunk-ILJ3FXIC.js";
 import {
   RaisedActionButton
 } from "../chunk-UKUGSU3Y.js";

package/dist/pt-BR.js

@@ -1,4 +1,9 @@
 import "./chunk-QNAB53N3.js";
+import {
+  PT_BR_CHROME_COPY,
+  PT_BR_NOTIFICATION_UNBLOCK_COPY,
+  PT_BR_TUTORIAL_COPY
+} from "./chunk-VTDZUO2J.js";
 import {
   PT_BR_CAROUSEL_COPY,
   PT_BR_DATA_GRID_COPY,
@@ -39,11 +44,6 @@ import {
   PT_BR_SOCIAL_LOGIN_COPY,
   PT_BR_UPLOAD_BUTTON_COPY
 } from "./chunk-CN4JS57H.js";
-import {
-  PT_BR_CHROME_COPY,
-  PT_BR_NOTIFICATION_UNBLOCK_COPY,
-  PT_BR_TUTORIAL_COPY
-} from "./chunk-VTDZUO2J.js";
 import {
   PT_BR_UI_LABELS
 } from "./chunk-TJUWSQYQ.js";

package/dist/types/components/data-display/Sheet/Sheet.body.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import type { SheetProps } from './Sheet.types';
 export interface SheetBodyProps extends Pick<SheetProps, 'title' | 'description' | 'showCloseButton' | 'closeLabel' | 'showHandle' | 'header' | 'footer' | 'loading' | 'color' | 'children' | 'onClick' | 'onFocus' | 'onBlur'> {
     testId: string;
+    /** The title's element id, which a dialog sheet's `aria-labelledby` names. */
+    titleId?: string;
     isDragging: boolean;
     isVerticalSheet: boolean;
     isDraggableVariant: boolean;

package/dist/types/components/data-display/Sheet/Sheet.body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.body.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,UAAU,EACR,OAAO,GACP,aAAa,GACb,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,CACX;IACC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/D;AA6BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqE9C,CAAC"}
+{"version":3,"file":"Sheet.body.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,UAAU,EACR,OAAO,GACP,aAAa,GACb,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,CACX;IACC,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/D;AA6BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuE9C,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqFrF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6EtC,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAarC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA0GrF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4EtC,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.parts.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAsEvB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6DlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyBpD,CAAC"}
+{"version":3,"file":"Sheet.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.parts.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAsEvB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+DlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyBpD,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.types.d.ts

@@ -61,6 +61,18 @@ export interface SheetProps {
     elevation?: number;
     /** Slide in and out (default). `false` opens and closes at once. */
     animated?: boolean;
+    /**
+     * The drawer's stacking level, its veil one below. For a sheet opened over a
+     * `StackedModal` stack (1300 and up), which the drawer's default (1200) would
+     * slide under.
+     */
+    zIndex?: number;
+    /**
+     * Announce the panel as a modal dialog named by its `title`: `role="dialog"`,
+     * `aria-modal` and `aria-labelledby`. Off by default — a sheet used as a side
+     * panel or a menu is not a dialog.
+     */
+    asDialog?: boolean;
     dataTestId?: string;
 }
 export interface SheetHeaderProps {
@@ -79,6 +91,8 @@ export interface SheetHeaderProps {
     className?: string;
     style?: CSSProperties;
     children?: ReactNode;
+    /** The title's element id, for a sheet that names itself as a dialog (`asDialog`). */
+    titleId?: string;
     dataTestId?: string;
 }
 export interface SheetContentProps {

package/dist/types/components/data-display/Sheet/Sheet.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.types.ts"],"names":[],"mappings":"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"}

package/dist/types/components/feedback/StackedModal/StackedModal.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackedModal.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/StackedModal/StackedModal.hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AA0F3D,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,WAAW;IACnB,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;CACjF;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,kBAAkB,KAAG,WAyC5D,CAAC"}
+{"version":3,"file":"StackedModal.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/StackedModal/StackedModal.hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AA0G3D,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,WAAW;IACnB,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;CACjF;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,kBAAkB,KAAG,WAyC5D,CAAC"}

package/dist/types/components/feedback/StackedModal/modal-stack.d.ts

@@ -1,5 +1,11 @@
 import type { FC, ReactNode } from 'react';
 import type { ModalStackContextValue } from './StackedModal.types';
+/**
+ * Whether a `ModalStackProvider` is above this point. A component that opens a
+ * `StackedModal` on its own (`UsableModal`) brings a provider only when the
+ * host has none, so its panel still joins a stack the host already keeps.
+ */
+export declare const useInModalStack: () => boolean;
 export declare const useModalStack: () => ModalStackContextValue;
 export declare const ModalStackProvider: FC<{
     children: ReactNode;

package/dist/types/components/feedback/StackedModal/modal-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/StackedModal/modal-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAA6B,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AA0B9F,eAAO,MAAM,aAAa,QAAO,sBAMhC,CAAC;AAyCF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiD1D,CAAC"}
+{"version":3,"file":"modal-stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/StackedModal/modal-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAA6B,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AA6B9F;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,OAAqD,CAAC;AAEzF,eAAO,MAAM,aAAa,QAAO,sBAMhC,CAAC;AAyCF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiD1D,CAAC"}

package/dist/types/components/feedback/UsableModal/UsableModal.d.ts

@@ -0,0 +1,20 @@
+import type { UsableModalProps } from './UsableModal.types';
+/**
+ * How long a closed surface stays mounted: longer than its own way out — the
+ * drawer's slide-down (225 ms) and the stacked modal's leaving its stack
+ * (300 ms) — so neither is cut off.
+ */
+export declare const SURFACE_EXIT_MS = 400;
+/**
+ * A modal that is a `StackedModal` on a computer and a bottom `Sheet` on a
+ * phone, behind one API: title, body, a pinned footer, and the ways out.
+ *
+ * Nothing is fetched until the first open: until then it renders nothing.
+ * Closing hands the surface `open={false}`, so it runs its own way out — the
+ * slide-out, and the stacked modal leaving its stack — and then it unmounts
+ * (`SURFACE_EXIT_MS`). While the
+ * chunk loads the screen shows no placeholder: a modal that blinks a spinner
+ * before its content is worse than one that appears a frame later.
+ */
+export declare function UsableModal({ layout, ...props }: UsableModalProps): React.JSX.Element | null;
+//# sourceMappingURL=UsableModal.d.ts.map

package/dist/types/components/feedback/UsableModal/UsableModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsableModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/UsableModal/UsableModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,gBAAgB,EAA2B,MAAM,qBAAqB,CAAC;AA+BxG;;;;GAIG;AACH,eAAO,MAAM,eAAe,MAAM,CAAC;AA8BnC;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAe,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CASrG"}

package/dist/types/components/feedback/UsableModal/UsableModal.modal.d.ts

@@ -0,0 +1,11 @@
+import type { UsableModalSurfaceProps } from './UsableModal.types';
+/**
+ * The computer's surface: a `StackedModal`, loaded only when this layout is the
+ * one drawn (`./UsableModal`).
+ *
+ * The footer is pinned at the bottom of the panel's scroll, not handed to
+ * `StackedModal`'s `actions`: those sit in the header from `sm` up, and a
+ * screen's acts belong under what they act on.
+ */
+export declare function UsableModalStacked(props: UsableModalSurfaceProps): React.JSX.Element;
+//# sourceMappingURL=UsableModal.modal.d.ts.map

package/dist/types/components/feedback/UsableModal/UsableModal.modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsableModal.modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/UsableModal/UsableModal.modal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEnE;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMpF"}

package/dist/types/components/feedback/UsableModal/UsableModal.sheet.d.ts

@@ -0,0 +1,17 @@
+import type { UsableModalSurfaceProps } from './UsableModal.types';
+/**
+ * The phone's surface: a bottom `Sheet`, loaded only when this layout is the one
+ * drawn (`./UsableModal`). Its height is a ceiling, not a height: a short body
+ * gives a short sheet, and a long one grows to `sheetCeiling` and scrolls above
+ * the pinned footer.
+ *
+ * It is a named modal dialog (`asDialog`), like the stacked surface. And it
+ * takes the level a panel pushed onto the stack would take (`BASE + depth *
+ * STEP`): above any `StackedModal` already open — a drawer's default (1200) is
+ * under the stack's 1300 and up, and a sheet opened from a panel would slide in
+ * behind it, invisible, holding the focus — and never above the menus its own
+ * body opens. With no stack that is 1300, MUI's `zIndex.modal`, the level a
+ * Select's or a Popover's menu opens at; portalled later, the menu is on top.
+ */
+export declare function UsableModalSheet({ open, onClose, title, children, footer, closeLabel, dataTestId, }: UsableModalSurfaceProps): React.JSX.Element;
+//# sourceMappingURL=UsableModal.sheet.d.ts.map

package/dist/types/components/feedback/UsableModal/UsableModal.sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsableModal.sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/UsableModal/UsableModal.sheet.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAUnE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,GACX,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuB7C"}

package/dist/types/components/feedback/UsableModal/UsableModal.types.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+import type { PanelSize, PanelWidth } from '../StackedModal/StackedModal.types';
+/** Which surface draws the modal: chosen by the viewport, or fixed by the host. */
+export type UsableModalLayout = 'auto' | 'modal' | 'sheet';
+export interface UsableModalProps {
+    /** Controls the visibility of the modal. */
+    open: boolean;
+    /** Fired by every way out: the ✕, Esc, the backdrop, a swipe down on the sheet. */
+    onClose: () => void;
+    /** Names the dialog: the stacked modal's bar, the sheet's header. */
+    title: string;
+    /** The body. It scrolls; the footer does not. */
+    children?: ReactNode;
+    /** The pinned action bar at the bottom of either surface — the screen's acts. */
+    footer?: ReactNode;
+    /** The ✕'s accessible name — it carries a glyph only. Defaults to `common.close` (`EN_US_UI_LABELS`). */
+    closeLabel?: string;
+    /** The stacked modal's back arrow, shown when it opens over another panel. REQUIRED. */
+    backLabel: string;
+    /**
+     * `auto` (default): a bottom `Sheet` below the theme's `sm` breakpoint, a
+     * `StackedModal` from `sm` up. `modal` and `sheet` fix one surface, for a host
+     * that already knows (a test, a kiosk).
+     */
+    layout?: UsableModalLayout;
+    /** The stacked modal's viewport share (`StackedModal`'s `size`). */
+    size?: PanelSize;
+    /** An exact width for the stacked modal (`StackedModal`'s `panelWidth`). */
+    panelWidth?: PanelWidth;
+    /** Base test id: the surface carries it, and `-footer` marks the action bar. */
+    dataTestId?: string;
+}
+/** What each lazily loaded surface receives: the host's props, layout already decided. */
+export type UsableModalSurfaceProps = Omit<UsableModalProps, 'layout'>;
+//# sourceMappingURL=UsableModal.types.d.ts.map

package/dist/types/components/feedback/UsableModal/UsableModal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsableModal.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/UsableModal/UsableModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhF,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,4CAA4C;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,mFAAmF;IACnF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yGAAyG;IACzG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wFAAwF;IACxF,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,0FAA0F;AAC1F,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC"}

package/dist/types/components/feedback/UsableModal/has-footer.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+/** A footer worth a bar: `null`, `false` and `undefined` draw none, on either surface. */
+export declare const hasFooter: (footer: ReactNode) => boolean;
+//# sourceMappingURL=has-footer.d.ts.map

package/dist/types/components/feedback/UsableModal/has-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/UsableModal/has-footer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,0FAA0F;AAC1F,eAAO,MAAM,SAAS,GAAI,QAAQ,SAAS,KAAG,OAAsE,CAAC"}

package/dist/types/components/feedback/UsableModal/index.d.ts

@@ -0,0 +1,3 @@
+export { UsableModal } from './UsableModal';
+export type { UsableModalLayout, UsableModalProps } from './UsableModal.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/feedback/UsableModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/UsableModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/components/feedback/UsableModal/recover-chunk.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentType } from 'react';
+/**
+ * How long a reload counts as spent. Inside it, a chunk still missing after the
+ * reload is not a deploy but a broken build: render nothing rather than loop.
+ * Past it, a missing chunk is the NEXT deploy — a tab open for days meets one a
+ * day — and earns its own reload; a flag kept for the tab's life would leave
+ * the modal silently dead after the second deploy.
+ */
+export declare const RELOAD_SPENT_MS: number;
+type Module<P> = {
+    default: ComponentType<P>;
+};
+/**
+ * A lazy loader that survives a deploy. Every deploy replaces a host's hashed
+ * chunks, so a tab opened before it asks for a file that is gone. The import is
+ * tried twice; then the page reloads ONCE onto the current build (the same
+ * answer as a host's own route loader); if that already happened in this tab
+ * in the last `RELOAD_SPENT_MS`,
+ * the modal renders nothing rather than handing the failure to the host's
+ * error boundary and losing the whole page for opening a modal.
+ */
+export declare function recoverChunk<P>(load: () => Promise<Module<P>>): () => Promise<Module<P>>;
+export {};
+//# sourceMappingURL=recover-chunk.d.ts.map

package/dist/types/components/feedback/UsableModal/recover-chunk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recover-chunk.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/UsableModal/recover-chunk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,QAAgB,CAAC;AAE7C,KAAK,MAAM,CAAC,CAAC,IAAI;IAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAuB/C;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAcxF"}

package/dist/user-avatar.js

@@ -1,14 +1,14 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-6LGKJVOA.js";
+} from "./chunk-E2UOEI7N.js";
 import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-4J62V5OE.js";
-import "./chunk-3ZVUNSFF.js";
+import "./chunk-JIEVKHOH.js";
 import "./chunk-7XSCEHGA.js";
 import "./chunk-MTEQEPNY.js";
 import "./chunk-6ZZGK5DT.js";
+import "./chunk-3ZVUNSFF.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
 import "./chunk-4XBAEKQQ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.94.0",
+  "version": "6.95.1",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",
@@ -348,6 +348,10 @@
       "types": "./dist/types/components/feedback/TutorialOverlay/index.d.ts",
       "default": "./dist/feedback/TutorialOverlay.js"
     },
+    "./feedback/UsableModal": {
+      "types": "./dist/types/components/feedback/UsableModal/index.d.ts",
+      "default": "./dist/feedback/UsableModal.js"
+    },
     "./form/AddressAutocomplete": {
       "types": "./dist/types/components/form/AddressAutocomplete/index.d.ts",
       "default": "./dist/form/AddressAutocomplete.js"

package/src/components/data-display/Sheet/Sheet.body.tsx

@@ -24,6 +24,8 @@ export interface SheetBodyProps extends Pick<
   | 'onBlur'
 > {
   testId: string;
+  /** The title's element id, which a dialog sheet's `aria-labelledby` names. */
+  titleId?: string;
   isDragging: boolean;
   isVerticalSheet: boolean;
   isDraggableVariant: boolean;
@@ -79,6 +81,7 @@ export const SheetBody: React.FC<SheetBodyProps> = (props) => {
     onFocus,
     onBlur,
     testId,
+    titleId,
     isDragging,
     isVerticalSheet,
     isDraggableVariant,
@@ -115,6 +118,7 @@ export const SheetBody: React.FC<SheetBodyProps> = (props) => {
           showHandle={showHandle && isVerticalSheet}
           isDraggable={isDraggableVariant && isVerticalSheet}
           onDragStart={onDragStart}
+          titleId={titleId}
           dataTestId={`${testId}-header`}
         >
           {header}

package/src/components/data-display/Sheet/Sheet.md

@@ -43,6 +43,11 @@ A vertical sheet's **width** is one rule rather than one per preset: `min(100%,
 - **elevation** (number): Shadow depth level (0-24)
 - **animated** (boolean, default true): `false` opens and closes the panel at once, with no slide, and shows and hides its veil with no fade (`SheetOverlay` takes the same prop)
 
+### Stacking and announcing
+
+- **zIndex** (number): The drawer's stacking level, its veil one below. A sheet opened over a `StackedModal` stack (1300 and up) passes one above it; the drawer's default (1200) would slide in under the panels.
+- **asDialog** (boolean): Announce the panel as a modal dialog named by its `title` — `role="dialog"`, `aria-modal` and `aria-labelledby`. Off by default: a sheet used as a side panel or a menu is not a dialog.
+
 ### Interactive Behavior
 
 - **swipeable** (boolean): Enable swipe gestures for touch devices (default: true)

package/src/components/data-display/Sheet/Sheet.parts.tsx

@@ -103,6 +103,7 @@ export const SheetHeader: React.FC<SheetHeaderProps> = (props) => {
     className,
     style,
     children,
+    titleId,
     dataTestId,
   } = withDefaults(props, HEADER_DEFAULTS);
 
@@ -125,7 +126,7 @@ export const SheetHeader: React.FC<SheetHeaderProps> = (props) => {
       <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>
         <Box sx={{ flex: 1 }}>
           {title && (
-            <Typography variant="h6" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>
+            <Typography id={titleId} variant="h6" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>
               {title}
             </Typography>
           )}
@@ -137,12 +138,13 @@ export const SheetHeader: React.FC<SheetHeaderProps> = (props) => {
           {children}
         </Box>
 
+        {/* MUI's medium IconButton: 40px, the tap floor. `small` was 34px (FUT-4394). */}
         {showCloseButton && (
           <IconButton
             onClick={onClose}
             aria-label={closeLabel}
-            size="small"
-            sx={{ ml: 1, mt: -0.5 }}
+            size="medium"
+            sx={{ ml: 1, mt: -1, mr: -1 }}
             data-testid={`${dataTestId}-close-button`}
           >
             <CloseIcon data-testid={`${dataTestId}-close-icon`} />

package/src/components/data-display/Sheet/Sheet.tsx

@@ -2,7 +2,7 @@ import Drawer from '@mui/material/Drawer/index.js';
 import SwipeableDrawer from '@mui/material/SwipeableDrawer/index.js';
 import { useTheme } from '@mui/material/styles/index.js';
 import type { BackdropProps } from '@mui/material/Backdrop/index.js';
-import React from 'react';
+import React, { useId } from 'react';
 
 import { withDefaults } from '../../../utils/withDefaults';
 
@@ -102,9 +102,31 @@ const orientationOf = ({ position, variant }: ResolvedSheetProps) => {
   };
 };
 
+/** The paper's dialog attributes: named only when it is a dialog AND has a title to be named by. */
+const dialogAriaOf = ({ asDialog, title }: ResolvedSheetProps, titleId: string) =>
+  asDialog ? { role: 'dialog', 'aria-modal': true, ...(title ? { 'aria-labelledby': titleId } : {}) } : {};
+
+/** The drawer at a caller's stacking level, or MUI's own. */
+const stackedAt = (zIndex: number | undefined) => (zIndex === undefined ? {} : { sx: { zIndex } });
+
+/**
+ * The drawer's modal: kept mounted, its own Escape off (the hook's listener
+ * honours `closeOnEscape`), and an invisible backdrop that catches the tap.
+ */
+const modalPropsOf = (testId: string | undefined) => ({
+  keepMounted: true,
+  disableEscapeKeyDown: true,
+  BackdropComponent: ClickCatcher,
+  BackdropProps: { 'data-testid': testId ? `${testId}-click-catcher` : undefined } as Partial<BackdropProps>,
+});
+
+/** The veil one below the drawer it dims. */
+const veilStyleOf = (zIndex: number | undefined) => (zIndex === undefined ? undefined : { zIndex: zIndex - 1 });
+
 export const Sheet: React.FC<SheetProps> = (props) => {
   const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;
-  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;
+  const { position, variant, showOverlay, swipeable, className, dataTestId, zIndex, asDialog } = resolved;
+  const titleId = useId();
 
   const theme = useTheme();
   const orientation = orientationOf(resolved);
@@ -125,6 +147,7 @@ export const Sheet: React.FC<SheetProps> = (props) => {
     anchor: position,
     open: isOpen,
     className,
+    ...stackedAt(zIndex),
     ...(resolved.animated === false ? { transitionDuration: 0 } : {}),
     // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no
     // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the
@@ -134,14 +157,10 @@ export const Sheet: React.FC<SheetProps> = (props) => {
       reason === 'backdropClick' ? handleOverlayClick() : handleClose(),
     PaperProps: {
       ref: sheetRef,
+      ...dialogAriaOf(resolved, titleId),
       sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),
     },
-    ModalProps: {
-      keepMounted: true,
-      disableEscapeKeyDown: true,
-      BackdropComponent: ClickCatcher,
-      BackdropProps: { 'data-testid': testId ? `${testId}-click-catcher` : undefined } as Partial<BackdropProps>,
-    },
+    ModalProps: modalPropsOf(testId),
   };
 
   const body = (
@@ -149,6 +168,7 @@ export const Sheet: React.FC<SheetProps> = (props) => {
       {...resolved}
       {...orientation}
       testId={testId}
+      titleId={asDialog ? titleId : undefined}
       isDragging={isDragging}
       onClose={handleClose}
       onDragStart={handleDragStart}
@@ -162,7 +182,7 @@ export const Sheet: React.FC<SheetProps> = (props) => {
   return (
     <>
       {showOverlay && isOpen && (
-        <SheetOverlay open={isOpen} onClick={handleOverlayClick} blur={variant === 'glass'} animated={resolved.animated} />
+        <SheetOverlay open onClick={handleOverlayClick} blur={variant === 'glass'} animated={resolved.animated} style={veilStyleOf(zIndex)} />
       )}
 
       {isSwipeable ? (

package/src/components/data-display/Sheet/Sheet.types.ts

@@ -62,6 +62,18 @@ export interface SheetProps {
   elevation?: number;
   /** Slide in and out (default). `false` opens and closes at once. */
   animated?: boolean;
+  /**
+   * The drawer's stacking level, its veil one below. For a sheet opened over a
+   * `StackedModal` stack (1300 and up), which the drawer's default (1200) would
+   * slide under.
+   */
+  zIndex?: number;
+  /**
+   * Announce the panel as a modal dialog named by its `title`: `role="dialog"`,
+   * `aria-modal` and `aria-labelledby`. Off by default — a sheet used as a side
+   * panel or a menu is not a dialog.
+   */
+  asDialog?: boolean;
   dataTestId?: string;
 }
 
@@ -81,6 +93,8 @@ export interface SheetHeaderProps {
   className?: string;
   style?: CSSProperties;
   children?: ReactNode;
+  /** The title's element id, for a sheet that names itself as a dialog (`asDialog`). */
+  titleId?: string;
   dataTestId?: string;
 }
 

package/src/components/feedback/StackedModal/StackedModal.hooks.ts

@@ -91,6 +91,22 @@ const useStackRegistration = (open: boolean, modalId: string): void => {
     const timer = window.setTimeout(() => popModal(modalId), ROLE_TRANSITION_MS);
     return () => window.clearTimeout(timer);
   }, [open, modalId, popModal, isModalInStack]);
+
+  // A panel unmounted while open, or before its slide-out timer fired, still
+  // leaves the stack: otherwise its entry stays `primary` and the panel below
+  // is stuck as `secondary` (no Esc, no backdrop, a back arrow to nowhere).
+  // `popModal(id)` filters by id, so popping one already gone is a no-op, and
+  // it is a stable callback, so this runs on unmount (or an id change) only.
+  // The registration flag goes with the entry: StrictMode runs this cleanup and
+  // then the effects again on the SAME instance, and a flag left `true` would
+  // skip the re-push and leave an open panel out of its stack.
+  useEffect(
+    () => () => {
+      popModal(modalId);
+      hasRegisteredRef.current = false;
+    },
+    [modalId, popModal],
+  );
 };
 
 interface PanelChromeOptions {