@homebound/beam 3.13.0 → 3.13.1

package/dist/index.cjs

@@ -6166,8 +6166,11 @@ var zIndices = {
   // Side-nav layer. Mobile rail overlays page content when expanded; sits below
   // snackbar so toasts still land on top.
   sideNav: 100,
-  // Top of the stack.
-  snackbar: 120
+  // Full-page overlays — high enough to clear consuming-app nav bars (~999).
+  // Both layouts own their Toast internally so it renders inside the overlay header.
+  pageOverlay: 1e3,
+  // Top of stack
+  snackbar: 1100
 };
 
 // src/components/Table/components/ExpandableHeader.tsx
@@ -18695,7 +18698,21 @@ function FormPageLayoutComponent(props) {
     // since this layout will be replacing most superdrawers/sidebars, we keep the listing mounted below to preserve the users's
     // scroll position & filters
     // Adding "align-items: start" allows "position: sticky" to work within a grid for the sidebars
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "fixed top0 bottom0 left0 right0 z_1000 oya bgWhite df jcc aifs", ...tids, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { ...(0, import_runtime69.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { ...(0, import_runtime69.trussProps)({
+      position: "fixed",
+      top: "top0",
+      bottom: "bottom0",
+      left: "left0",
+      right: "right0",
+      zIndex: ["z_var", {
+        "--zIndex": (0, import_runtime69.maybeCssVar)(zIndices.pageOverlay)
+      }],
+      overflowY: "oya",
+      backgroundColor: "bgWhite",
+      display: "df",
+      justifyContent: "jcc",
+      alignItems: "aifs"
+    }), ...tids, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { ...(0, import_runtime69.trussProps)({
       width: "w100",
       maxWidth: ["maxw_var", {
         "--maxWidth": `${maxContentWidthPx}px`
@@ -20381,8 +20398,21 @@ function TableReviewLayout(props) {
       bordered: true
     }, stickyHeader: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "fixed top0 bottom0 left0 right0 z_1000 bgWhite df fdc", ...tid, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { ...(0, import_runtime78.trussProps)({
+    position: "fixed",
+    top: "top0",
+    bottom: "bottom0",
+    left: "left0",
+    right: "right0",
+    zIndex: ["z_var", {
+      "--zIndex": (0, import_runtime78.maybeCssVar)(zIndices.pageOverlay)
+    }],
+    backgroundColor: "bgWhite",
+    display: "df",
+    flexDirection: "fdc"
+  }), ...tid, children: [
     /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("header", { className: "pl3 pr3 pt3 pb2 fs0", ...tid.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Toast, {}),
       /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "df jcsb aic", children: [
         /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { children: [
           breadCrumb && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(PageHeaderBreadcrumbs, { breadcrumb: breadCrumb }),