basalt-ui 1.30.2 → 1.32.0

package/dist/provider/index.js

@@ -15,8 +15,11 @@ import { buildDensityCss, buildFontsCss, buildPaletteCss, buildRadiusCss } from
 import { isDefaultDeriveConfig } from "../tokens/derive.js";
 import { buildPaletteData } from "../tokens/palette.js";
 import { isDev } from "../common/is-dev.js";
+import { useMediaQuery } from "../common/use-media-query.js";
 import { registerColorSchemeSetter } from "../commands/shell-bridge.js";
+import { useIsomorphicLayoutEffect } from "../common/isomorphic-layout-effect.js";
 import { PageTitle } from "../shell/page-title.js";
+import { SizeClassHintContext } from "../shell/use-size-class.js";
 function defaultOnError(error, ctx) {
   if (isDev()) {
     console.error("[BasaltProvider] unhandled error", ctx.kind, error);
@@ -67,6 +70,25 @@ class BasaltErrorBoundary extends Component {
 function composeInjectedCss(base, fontsCss, radiusCss, densityCss) {
   return [base, fontsCss, radiusCss, densityCss].filter(Boolean).join("\n");
 }
+function createMountCounter() {
+  let count = 0;
+  return { mount: () => ++count, unmount: () => --count };
+}
+const hostAttributeMounts = createMountCounter();
+function useHostAttribute() {
+  const isPwa = useMediaQuery("(display-mode: standalone)", false);
+  useIsomorphicLayoutEffect(() => {
+    document.documentElement.setAttribute("data-basalt-host", isPwa ? "pwa" : "web");
+  }, [isPwa]);
+  useIsomorphicLayoutEffect(() => {
+    hostAttributeMounts.mount();
+    return () => {
+      if (hostAttributeMounts.unmount() === 0) {
+        document.documentElement.removeAttribute("data-basalt-host");
+      }
+    };
+  }, []);
+}
 function BasaltBridge({
   children,
   injectPalette,
@@ -117,18 +139,15 @@ function BasaltBridge({
     children
   ] });
 }
-let mountedProviderCount = 0;
+const providerMounts = createMountCounter();
 function useDuplicateProviderGuard() {
   useEffect(() => {
-    mountedProviderCount++;
-    if (mountedProviderCount > 1 && isDev()) {
+    if (providerMounts.mount() > 1 && isDev()) {
       console.warn(
         "[basalt] BasaltProvider: more than one instance is mounted at once \u2014 nested/duplicate BasaltProviders double-mount MantineProvider, the palette <style> and ConnectivityProvider. Mount exactly one, at the app root."
       );
     }
-    return () => {
-      mountedProviderCount--;
-    };
+    return () => void providerMounts.unmount();
   }, []);
 }
 function BasaltProvider({
@@ -140,9 +159,11 @@ function BasaltProvider({
   onError,
   nonce,
   connectivity,
+  sizeClassHint = "compact",
   ...rest
 }) {
   useDuplicateProviderGuard();
+  useHostAttribute();
   const errorHandler = onError ?? defaultOnError;
   const resolvedTheme = useLabTheme(theme);
   const resolvedConnectivity = connectivity ?? {};
@@ -165,7 +186,7 @@ function BasaltProvider({
             paletteOptions,
             nonce,
             onError: errorHandler,
-            children: /* @__PURE__ */ jsx(ConnectivityProvider, { ...resolvedConnectivity, children })
+            children: /* @__PURE__ */ jsx(SizeClassHintContext.Provider, { value: sizeClassHint, children: /* @__PURE__ */ jsx(ConnectivityProvider, { ...resolvedConnectivity, children }) })
           }
         ) })
       }
@@ -175,5 +196,6 @@ function BasaltProvider({
 export {
   BasaltErrorBoundary,
   BasaltProvider,
-  composeInjectedCss
+  composeInjectedCss,
+  useHostAttribute
 };

package/dist/shell/app-brand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-brand.d.ts","sourceRoot":"","sources":["../../src/shell/app-brand.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA2E1C,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,KAAK,EAAE,WAAW,GAAG;QAAE,IAAI,CAAC,EAAE,eAAe,EAAE,CAAA;KAAE,CAAA;IACjD,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,+BAuC/F"}
+{"version":3,"file":"app-brand.d.ts","sourceRoot":"","sources":["../../src/shell/app-brand.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA2E1C,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,KAAK,EAAE,WAAW,GAAG;QAAE,IAAI,CAAC,EAAE,eAAe,EAAE,CAAA;KAAE,CAAA;IACjD,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAA;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,+BAwC/F"}

package/dist/shell/app-brand.js

@@ -80,6 +80,7 @@ function AppBrand({ brand, collapsed, onToggleCollapse, className, style }) {
             size: 28,
             visibleFrom: "sm",
             className: classes.ghostIcon,
+            "data-basalt-hit": true,
             onClick: onToggleCollapse,
             "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
             children: /* @__PURE__ */ jsx(IconCollapse, { collapsed })

package/dist/shell/app-brand.module.css

@@ -36,7 +36,7 @@
 
 /* Below `sm` there is no navbar at all (the bottom bar is the whole nav), so the zone would be a
  * zero-width box holding a hidden toggle. The breadcrumb owns the phone header's lead. */
-@media (max-width: 47.99375em) {
+@media (max-width: 52.49375em) {
   .zone {
     display: none;
   }
@@ -103,7 +103,7 @@
  * (logo + name) hides and the toggle centres. The zone drops its inset so the toggle's centre lands
  * on the rail's icon column rather than 13px right of it.
  */
-@media (min-width: 48em) {
+@media (min-width: 52.5em) {
   .zone[data-collapsed] {
     padding-inline: 0;
   }

package/dist/shell/app-header.module.css

@@ -65,12 +65,10 @@
  * plus ~66px of mobile bar, ~66px of globals and ~26px of gaps inside a 374px content box, so the
  * floor is never the binding constraint there.
  *
- * The floor is NOT free above `sm`: on its own it adds its own 96px to that ~192px overflow. The
- * `md` label fold in `controls/actions.tsx` (`BarEntry`, same 62em tier) is what pays for it —
- * dropping up to `DESKTOP_SECONDARY_MAX` (3) labelled secondaries to `ctl`-tier icon buttons returns
- * roughly 180-240px on that same row. The two are one change; neither is correct alone, and
- * NEITHER is the real answer, which is measuring the row (a ResizeObserver fold) rather than
- * declaring breakpoints for it. This pair is the cheap, declared interim until that exists.
+ * Above `sm` the row is measured, not declared: `.lead` stops growing and `.pageBar` takes every
+ * remaining pixel (`flex: 1 1 0`), so its width IS the room `PageBar` row 1 folds its secondary
+ * actions against (`controls/actions.tsx`, `planBarFold`). `max-width` keeps a long breadcrumb from
+ * starving it.
  */
 .lead {
   display: flex;
@@ -111,6 +109,18 @@
   gap: var(--vx-space-control-gap);
 }
 
+@media (min-width: 52.5em) {
+  .lead {
+    flex: 0 1 auto;
+    max-width: 40%;
+  }
+
+  .pageBar {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+}
+
 /*
  * The shell globals sit at the SAME 32px `ctl` tier as everything else in the row, and they get there
  * the
@@ -148,10 +158,10 @@
  * the row's elastic side truncated `Overview / Dashboard` to `O… / D…`, which is two ellipses and a
  * separator in place of the one word that says where the reader is.
  *
- * `47.99375em` is the `sm` breakpoint in the exact literal form every other basalt CSS module uses —
+ * `52.49375em` is the `sm` breakpoint in the exact literal form every other basalt CSS module uses —
  * a media query cannot resolve a custom property.
  */
-@media (max-width: 47.99375em) {
+@media (max-width: 52.49375em) {
   .crumbAncestors {
     display: none;
   }

package/dist/shell/app-main.module.css

@@ -131,8 +131,59 @@
  * `padding-right`; the block padding keeps coming from the shorthand. The bottom inset already
  * rides `margin-bottom` above (`env(safe-area-inset-bottom)`); the PWA's top inset needs no rule here
  * (the status bar uses the opaque `default` style, per argo's own seed comment). */
-@media (display-mode: standalone) {
-  .main {
-    padding-right: max(var(--app-shell-padding), env(safe-area-inset-right));
+:global(:root[data-basalt-host]:not([data-basalt-host='web'])) .main {
+  padding-right: max(var(--app-shell-padding), env(safe-area-inset-right));
+}
+
+/*
+ * PUBLIC SHELL BOTTOM INSET — `--app-shell-footer-offset` (stable name, do not rename): the visible
+ * bottom-bar height WITHOUT the safe-area inset, and 0 wherever there is no bar (from `sm` up).
+ * Anything bottom-anchored (toasts, a chat composer) sits at
+ * `calc(var(--app-shell-footer-offset, 0px) + env(safe-area-inset-bottom, 0px))`.
+ *
+ * Mantine emits it on `:root` for a fixed-mode AppShell (its `cssVariablesSelector`), so a
+ * body-level portal reads it; the landscape override below is on `:root` for the same reason.
+ */
+
+/*
+ * An OPEN aside that does not dock: the region reserved only its rail, so it widens itself over
+ * main (`--app-shell-aside-width` is set on this element by `shell/index.tsx`) instead of shrinking
+ * it, lifted on the card depth token.
+ */
+.asideOverlay {
+  box-shadow: var(--vx-shadow-card);
+}
+
+/*
+ * Landscape phone: the header and the bottom bar take their compact row, SCALED to the viewport's
+ * own height budget rather than a flat step — a flat 40/45 barely shrinks (44→40, 56→45, ≈9-20%)
+ * against the height itself halving (812→375), so the chrome's SHARE of the screen nearly doubles
+ * (r2 N1: 16.7% portrait → 32.3% landscape even with the flat numbers). `clamp(floor, Ndvh,
+ * ceiling)` keeps continuity at the 480px breakpoint edge (Ndvh ≈ ceiling there) and keeps
+ * shrinking below it, down to a floor: 36px for the header (room for the brand/burger row), and
+ * `--vx-space-mobile-nav-row-height + 1px` (its own seam) for the bar — the row token, not a flat
+ * 45px, because `deriveSpacing`'s density knob only FLOORS that token at 44 and is free to scale it
+ * taller at density > 0; a hardcoded 45px floor would then clamp the footer BELOW its own row's
+ * real height at any positive density, clipping it. The heights are JS numbers in `AppShell` props,
+ * so the override is on `:root` where Mantine writes them; `:root:root` outranks its later-rendered
+ * `<style>` at equal source order. Both rules are gated to the same width — the header and the bar
+ * both exist ONLY below `sm` in this landscape-compact form; a wide landscape phone/tablet has no
+ * bar (and keeps `--app-shell-footer-offset` 0) and reads its header at the ordinary, un-clamped
+ * height, not this mobile row. Labels hidden: `app-mobile-nav.module.css`.
+ */
+@media (max-height: 480px) and (orientation: landscape) and (max-width: 52.49375em) {
+  :global(:root:root) {
+    --app-shell-header-height: clamp(36px, 9dvh, 40px);
+    --app-shell-header-offset: clamp(36px, 9dvh, 40px);
+    --app-shell-footer-height: clamp(
+      calc(var(--vx-space-mobile-nav-row-height) + 1px),
+      9.4dvh,
+      56px
+    );
+    --app-shell-footer-offset: clamp(
+      calc(var(--vx-space-mobile-nav-row-height) + 1px),
+      9.4dvh,
+      56px
+    );
   }
 }

package/dist/shell/app-main.module.css.d.ts

@@ -7,5 +7,6 @@ declare const classes: {
   readonly shell: string
   readonly band: string
   readonly main: string
+  readonly asideOverlay: string
 }
 export default classes

package/dist/shell/app-mobile-nav.module.css

@@ -195,7 +195,7 @@
  * The popover's SECTION RHYTHM — what replaced the single `Menu.Divider`, and it is SPACE, not a
  * line.
  *
- * The Drawer's bulk was never its row height (40px is a WCAG 2.5.5 floor pinned by
+ * The Drawer's bulk was never its row height (44px is the WCAG 2.5.5 AAA-enhanced floor pinned by
  * `theme/density-relations.test.ts`); it was the stack rhythm around the rows — a 12px section
  * gap, 18px of Drawer padding and a header row. A popover with one hairline through the middle and
  * no rhythm at all is the other extreme, so each group opens its own band instead.
@@ -218,8 +218,8 @@
  * `max-height` above answers, and the cheaper half. MEASURED per heading at 8/8: 8px margin + 8px
  * padding-top + 2px padding-bottom + a 17px line = a 35px box, and there are FIVE of them in the
  * shipped More surface — 175px, 28% of the whole dropdown spent on five words. 6/4 takes each
- * banded heading to 29px and hands 24px back to the rows. It does NOT touch the row height (40px
- * is the WCAG 2.5.5 floor named at the top of this comment) and it does not add the line the
+ * banded heading to 29px and hands 24px back to the rows. It does NOT touch the row height (44px
+ * is the WCAG 2.5.5 AAA-enhanced floor named at the top of this comment) and it does not add the line the
  * paragraph above rules out: this is the same space that argument asked to carry the boundary,
  * spent tighter.
  */
@@ -331,7 +331,7 @@
  * longer fights that — it used to force the dense desktop row's padding back OPEN with
  * `!important`, which is exactly how a "44px touch row" and a "29px sidebar row" ended up as two
  * unrelated geometries for the same list. What is left here is only what the theme does not supply:
- * the touch-target `min-height` floor (`--vx-space-mobile-nav-row-height`, 40px — WCAG 2.5.5 AA).
+ * the touch-target `min-height` floor (`--vx-space-mobile-nav-row-height`, 44px — WCAG 2.5.5 AAA-enhanced).
  */
 .row {
   display: flex;
@@ -403,3 +403,15 @@
     transition: none;
   }
 }
+
+/* Landscape phone: the bar's compact row (`app-main.module.css` sets its height) is icons only —
+ * the label is visually hidden, not removed, so each tab keeps its accessible name. */
+@media (max-height: 480px) and (orientation: landscape) {
+  .label {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+  }
+}

package/dist/shell/app-sidebar.module.css

@@ -30,10 +30,8 @@
  * notch on the side the sidebar touches. `max()` is a FLOOR — the inset only grows the padding
  * past its normal value, never shrinks it. Right inset is `app-main.module.css`'s to draw; the
  * PWA's top inset needs no rule here (the status bar uses the opaque `default` style). */
-@media (display-mode: standalone) {
-  .root {
-    padding-left: max(var(--vx-space-row-inset-x), env(safe-area-inset-left));
-  }
+:global(:root[data-basalt-host]:not([data-basalt-host='web'])) .root {
+  padding-left: max(var(--vx-space-row-inset-x), env(safe-area-inset-left));
 }
 
 .link {
@@ -634,12 +632,12 @@
 }
 
 /*
- * Icon-rail (collapsed) — desktop only. Gated behind min-width: sm (48em) so the sidebar doesn't
+ * Icon-rail (collapsed) — desktop only. Gated behind min-width: sm (52.5em) so the sidebar doesn't
  * exist at all below that breakpoint (see `MobileNav`) regardless of the persisted collapse flag.
  * Hide the section labels and nav labels; center the remaining icons. The brand's own rail form
  * lives in `app-brand.module.css` now, keyed off the same `data-collapsed` attribute.
  */
-@media (min-width: 48em) {
+@media (min-width: 52.5em) {
   .root[data-collapsed] .searchSlot {
     padding-block: var(--vx-space-sidebar-region-gap);
     display: flex;

package/dist/shell/aside-docking.d.ts

@@ -0,0 +1,31 @@
+import type { SizeClass } from './use-size-class.js';
+export type AsideDockingInput = {
+    claimed: boolean;
+    folded: boolean;
+    sizeClass: SizeClass;
+    /** The `asideDockQuery` media query's result. */
+    roomToDock: boolean;
+    asideWidth: number;
+    asideRailWidth: number;
+};
+export type AsideDocking = {
+    /** An open aside pushes main rather than overlaying it. */
+    docks: boolean;
+    /** An open aside renders over main (reserving only its rail). */
+    overlay: boolean;
+    /** The width `AppShell` reserves for the region. */
+    width: number;
+};
+/** The `min-width` query that holds while navbar + open aside + `MAIN_MIN_WIDTH` fit side by side. */
+export declare function asideDockQuery(input: {
+    navbarWidth: number;
+    asideWidth: number;
+}): string;
+/**
+ * The room-to-dock query's SSR/no-`matchMedia` fallback — an `'expanded'` `sizeClassHint` means the
+ * server already believes there is room, matching `useSizeClass`'s own hint-seeded guard
+ * (`use-size-class.ts`), so the first client paint doesn't fold a default-open aside for one commit.
+ */
+export declare function roomToDockServerFallback(sizeClassHint: SizeClass | undefined): boolean;
+export declare function resolveAsideDocking(input: AsideDockingInput): AsideDocking;
+//# sourceMappingURL=aside-docking.d.ts.map

package/dist/shell/aside-docking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aside-docking.d.ts","sourceRoot":"","sources":["../../src/shell/aside-docking.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAQjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,SAAS,CAAA;IACpB,iDAAiD;IACjD,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,2DAA2D;IAC3D,KAAK,EAAE,OAAO,CAAA;IACd,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,sGAAsG;AACtG,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAEzF;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAEtF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAK1E"}

package/dist/shell/aside-docking.js

@@ -0,0 +1,19 @@
+import { toEm } from "../tokens/size-classes.js";
+const MAIN_MIN_WIDTH = 720;
+function asideDockQuery(input) {
+  return `(min-width: ${toEm(input.navbarWidth + input.asideWidth + MAIN_MIN_WIDTH)})`;
+}
+function roomToDockServerFallback(sizeClassHint) {
+  return sizeClassHint === "expanded";
+}
+function resolveAsideDocking(input) {
+  const docks = input.sizeClass === "expanded" && input.roomToDock;
+  const open = input.claimed && !input.folded;
+  const reserved = open && docks ? input.asideWidth : input.asideRailWidth;
+  return { docks, overlay: open && !docks, width: input.claimed ? reserved : 0 };
+}
+export {
+  asideDockQuery,
+  resolveAsideDocking,
+  roomToDockServerFallback
+};

package/dist/shell/index.d.ts

@@ -15,6 +15,7 @@ export { AppBreadcrumbs, type AppBreadcrumbsProps } from './app-breadcrumbs.js';
 export { PageBar, type PageBarProps, type PageBarSlot } from './page-bar.js';
 export { PageAside, type PageAsideProps, type PageAsideSlot } from './page-aside.js';
 export { useBreakpoint, type BreakpointName } from './use-breakpoint.js';
+export { useSizeClass, type SizeClass } from './use-size-class.js';
 export { PageTitle, type PageTitleProps, type PageTitleSlot } from './page-title.js';
 /**
  * The shared nav vocabulary lives in `src/shell/nav-types.ts` so the headless router bridge can

package/dist/shell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shell/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shell/index.tsx"],"names":[],"mappings":"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"}

package/dist/shell/index.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { AppShell, Box } from "@mantine/core";
-import { Fragment, useCallback, useEffect, useMemo } from "react";
+import { AppShell, Box, rem } from "@mantine/core";
+import { Fragment, useCallback, useContext, useEffect, useMemo } from "react";
 import { registerSidebarToggle } from "../commands/shell-bridge.js";
 import { cx } from "../common/props.js";
+import { useMediaQuery } from "../common/use-media-query.js";
 import { assertRequiredProps } from "../common/validate.js";
 import { AppSidebar } from "./app-sidebar.js";
 import { AppBrand } from "./app-brand.js";
@@ -10,10 +11,12 @@ import { MobileNav, accountRowCount } from "./app-mobile-nav.js";
 import { blockRowCount, projectMobileNav } from "./mobile-nav-model.js";
 import { AppBreadcrumbs } from "./app-breadcrumbs.js";
 import { PageBarBandOutlet, PageBarOutlet, PageBarProvider, usePageKebabClaimed } from "./page-bar.js";
-import { AsideOutlet, AsideProvider, useAsideRegion } from "./page-aside.js";
+import { AsideDocksContext, AsideOutlet, AsideProvider, useAsideRegion } from "./page-aside.js";
+import { asideDockQuery, resolveAsideDocking, roomToDockServerFallback } from "./aside-docking.js";
 import { OverflowMenu, globalActionAsBarAction, globalActionMobile } from "../controls/actions.js";
 import { CtlSlot, useBasaltSpacing } from "../theme/index.js";
-import { createPersistedState } from "../state.js";
+import { createPersistedStore } from "../state/persisted.js";
+import { SizeClassHintContext, useSizeClass } from "./use-size-class.js";
 import brandClasses from "./app-brand.module.css";
 import headerClasses from "./app-header.module.css";
 import mainClasses from "./app-main.module.css";
@@ -35,6 +38,7 @@ import { AppBreadcrumbs as AppBreadcrumbs2 } from "./app-breadcrumbs.js";
 import { PageBar } from "./page-bar.js";
 import { PageAside } from "./page-aside.js";
 import { useBreakpoint } from "./use-breakpoint.js";
+import { useSizeClass as useSizeClass2 } from "./use-size-class.js";
 import { PageTitle } from "./page-title.js";
 function findActiveCrumb(sections) {
   for (const section of sections) {
@@ -65,7 +69,7 @@ const collapseStores = /* @__PURE__ */ new Map();
 function collapseStore(key) {
   const cached = collapseStores.get(key);
   if (cached) return cached;
-  const store = createPersistedState({ key, version: COLLAPSE_VERSION, initial: false });
+  const store = createPersistedStore({ key, version: COLLAPSE_VERSION, initial: false });
   collapseStores.set(key, store);
   return store;
 }
@@ -93,9 +97,35 @@ function ShellFrame({
   const { step } = useBasaltSpacing();
   const inset = { base: step.appShellInsetMobile, sm: step.appShellInset };
   const aside = useAsideRegion();
-  const [storedCollapsed, setStoredCollapsed] = collapseStore(storageKey)();
+  const sizeClass = useSizeClass();
+  const [storedCollapsed, setStoredCollapsed, collapseIsSet] = collapseStore(storageKey)();
   const isCollapseControlled = collapsedProp !== void 0;
-  const collapsed = isCollapseControlled ? collapsedProp : storedCollapsed;
+  const uncontrolledCollapsed = collapseIsSet ? storedCollapsed : sizeClass === "medium";
+  const collapsed = isCollapseControlled ? collapsedProp : uncontrolledCollapsed;
+  const navbarWidth = collapsed ? step.appShellNavbarRailWidth : step.appShellNavbarWidth;
+  const sizeClassHint = useContext(SizeClassHintContext);
+  const roomToDock = useMediaQuery(
+    asideDockQuery({ navbarWidth, asideWidth: step.appShellAsideWidth }),
+    roomToDockServerFallback(sizeClassHint)
+  );
+  const docking = resolveAsideDocking({
+    claimed: aside.claimed,
+    folded: aside.folded,
+    sizeClass,
+    roomToDock,
+    asideWidth: step.appShellAsideWidth,
+    asideRailWidth: step.appShellAsideRailWidth
+  });
+  const asideOverlay = docking.overlay;
+  const { requestClose } = aside;
+  useEffect(() => {
+    if (!asideOverlay) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") requestClose();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [asideOverlay, requestClose]);
   const toggleCollapse = useCallback(() => {
     const next = !collapsed;
     if (!isCollapseControlled) setStoredCollapsed(next);
@@ -111,7 +141,7 @@ function ShellFrame({
     () => projectMobileNav(sections, { config: mobileNav, extraMoreRows }),
     [sections, mobileNav, extraMoreRows]
   );
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(AsideDocksContext.Provider, { value: docking.docks, children: /* @__PURE__ */ jsxs(
     AppShell,
     {
       h: "100dvh",
@@ -120,16 +150,14 @@ function ShellFrame({
         height: step.appShellHeaderHeight
       },
       navbar: {
-        width: {
-          base: step.appShellNavbarWidth,
-          sm: collapsed ? step.appShellNavbarRailWidth : step.appShellNavbarWidth
-        },
+        width: { base: step.appShellNavbarWidth, sm: navbarWidth },
         breakpoint: "sm",
         // No mobile sidebar drawer, ever — the bottom bar is the entire mobile nav.
         collapsed: { mobile: true }
       },
       aside: {
-        width: aside.claimed ? aside.folded ? step.appShellAsideRailWidth : step.appShellAsideWidth : 0,
+        // An overlay reserves the rail only — `<AppShell.Aside>` below widens itself over main.
+        width: docking.width,
         breakpoint: "sm",
         // Below `sm` there is no region at all — `PageAside` renders its content in the page
         // flow instead, one node, no responsive twin (law C9).
@@ -170,7 +198,18 @@ function ShellFrame({
             children
           }
         ),
-        /* @__PURE__ */ jsx(AppShell.Aside, { p: 0, withBorder: aside.claimed, children: /* @__PURE__ */ jsx(AsideOutlet, { className: asideClasses.outlet }) }),
+        /* @__PURE__ */ jsx(
+          AppShell.Aside,
+          {
+            p: 0,
+            withBorder: aside.claimed,
+            ...asideOverlay && {
+              className: mainClasses.asideOverlay,
+              style: { "--app-shell-aside-width": rem(step.appShellAsideWidth) }
+            },
+            children: /* @__PURE__ */ jsx(AsideOutlet, { className: asideClasses.outlet })
+          }
+        ),
         /* @__PURE__ */ jsx(AppShell.Footer, { hiddenFrom: "sm", p: 0, children: /* @__PURE__ */ jsx(
           MobileNav,
           {
@@ -183,7 +222,7 @@ function ShellFrame({
         ) })
       ]
     }
-  );
+  ) });
 }
 function HeaderGlobalActions({ actions }) {
   const kebabClaimed = usePageKebabClaimed();
@@ -217,5 +256,6 @@ export {
   SidebarAccount,
   SidebarSearch,
   projectMobileNav2 as projectMobileNav,
-  useBreakpoint
+  useBreakpoint,
+  useSizeClass2 as useSizeClass
 };

package/dist/shell/mobile-nav-model.d.ts

@@ -19,7 +19,7 @@
  * padding), so the 560px cap uses 73% of it; on the smallest supported viewport (320x568) the
  * headroom is ~496px and 72dvh is 409px — the cap is binding on every supported phone, and the row
  * count never is. The old arithmetic here ("6 x 44px + 8px padding against 415px of headroom") was
- * stale in almost every number: rows are 40px (`--vx-space-mobile-nav-row-height`), the dropdown's
+ * stale in almost every number: rows are 44px (`--vx-space-mobile-nav-row-height`), the dropdown's
  * own padding is `2 * --vx-space-stack-xs` = 8px, and the headroom figures above are the measured
  * ones.
  *

package/dist/shell/page-aside.d.ts

@@ -13,6 +13,14 @@ type AsideRegion = {
     folded: boolean;
     claim: () => () => void;
     publishFolded: (folded: boolean) => void;
+    /**
+     * Bumped by `requestClose` — never 0 again once a close has been requested, so `PageAside` can
+     * treat "changed since mount" as "fold now" without a ref of its own. `ShellFrame` is the one
+     * caller, on Escape while the aside renders as an overlay.
+     */
+    closeSignal: number;
+    /** Asks the claiming `PageAside` to fold — the keyboard escape hatch for the overlay form. */
+    requestClose: () => void;
 };
 /**
  * Internal — mounted by `BasaltShell` inside `PageBarProvider`. Owns the portal target, the claim
@@ -21,8 +29,16 @@ type AsideRegion = {
 export declare function AsideProvider({ children }: {
     children: ReactNode;
 }): ReactNode;
-/** Internal — the region's state, read by `BasaltShell` to size `AppShell.Aside`. */
-export declare function useAsideRegion(): Pick<AsideRegion, 'claimed' | 'folded'>;
+/** Internal — the region's state, read by `BasaltShell` to size `AppShell.Aside` and to request a
+ * close (the Escape hatch on the overlay form). */
+export declare function useAsideRegion(): Pick<AsideRegion, 'claimed' | 'folded' | 'requestClose'>;
+/**
+ * Internal — whether an OPEN aside would push the main column (expanded, main keeps its floor)
+ * rather than overlay it. Provided by `ShellFrame`, which alone knows the navbar width, from the
+ * same render that computes it: a state published after mount would make the first pass read
+ * "cannot dock" and fold a default-open aside for one commit.
+ */
+export declare const AsideDocksContext: import("react").Context<boolean>;
 /** Internal — the node inside `AppShell.Aside` the active page's panel portals into. */
 export declare function AsideOutlet({ className }: {
     className?: string;
@@ -34,7 +50,10 @@ export type PageAsideProps = BasaltProps & SlotStylesProps<PageAsideSlot> & {
     title: string;
     /** Persists the fold at `basalt:aside:<persistKey>`. Omit for an unpersisted fold. */
     persistKey?: string;
-    /** Fold state on first render, respected only while nothing is persisted. @default false */
+    /**
+     * The fold while the user has not chosen one — an explicit (persisted or toggled) choice always
+     * wins. @default open where the aside docks beside main, folded where it would overlay it
+     */
     defaultFolded?: boolean;
     children: ReactNode;
 };

package/dist/shell/page-aside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-aside.d.ts","sourceRoot":"","sources":["../../src/shell/page-aside.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AASnE,KAAK,WAAW,GAAG;IACjB;4BACwB;IACxB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,mGAAmG;IACnG,OAAO,EAAE,OAAO,CAAA;IAChB,uFAAuF;IACvF,OAAO,EAAE,OAAO,CAAA;IAChB,uFAAuF;IACvF,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,MAAM,IAAI,CAAA;IACvB,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC,CAAA;AAcD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAyB9E;AAED,qFAAqF;AACrF,wBAAgB,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,QAAQ,CAAC,CAGxE;AAED,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGhE;AAED,mFAAmF;AACnF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,eAAe,CAAC,aAAa,CAAC,GAAG;IAC/B,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAoEH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAqH1D"}
+{"version":3,"file":"page-aside.d.ts","sourceRoot":"","sources":["../../src/shell/page-aside.tsx"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AASnE,KAAK,WAAW,GAAG;IACjB;4BACwB;IACxB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,mGAAmG;IACnG,OAAO,EAAE,OAAO,CAAA;IAChB,uFAAuF;IACvF,OAAO,EAAE,OAAO,CAAA;IAChB,uFAAuF;IACvF,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,MAAM,IAAI,CAAA;IACvB,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,8FAA8F;IAC9F,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAgBD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CA8B9E;AAED;mDACmD;AACnD,wBAAgB,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC,CAGzF;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,kCAAuB,CAAA;AAErD,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGhE;AAED,mFAAmF;AACnF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,eAAe,CAAC,aAAa,CAAC,GAAG;IAC/B,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAoEH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAyI1D"}