basalt-ui 1.30.2 → 1.31.0

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/index.d.ts

@@ -4,6 +4,7 @@ import type { GlobalAction } from '../controls/actions.js';
 import type { AccountMenuItem, BasaltAccountProps } from './account-types.js';
 import type { SidebarSearchActions, SidebarSearchConfig } from './sidebar-search.js';
 import type { MobileNavConfig, SidebarBlock, SidebarSection } from './nav-types.js';
+import type { SizeClass } from './use-size-class.js';
 export { AppSidebar, type AppSidebarProps } from './app-sidebar.js';
 export { NavCountBadge, type NavCountBadgeProps } from './nav-count-badge.js';
 export { SidebarSearch, type SidebarSearchProps, type SidebarSearchConfig, type SidebarSearchActions, } from './sidebar-search.js';
@@ -15,6 +16,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
@@ -134,6 +136,16 @@ export type BasaltShellProps = BasaltProps & {
     /** Page content. */
     children?: ReactNode;
 };
+/**
+ * The room-to-dock `min-width` query's SSR/no-`matchMedia` fallback — an `'expanded'`
+ * `sizeClassHint` means the server already believes there is room, matching `useSizeClass`'s own
+ * hint-seeded guard one level up (`use-size-class.ts`). Extracted as its own pure function (rather
+ * than the inline `sizeClassHint === 'expanded'` it replaces) purely so `index.test.tsx` can pin it
+ * without needing to render `BasaltShell` through a real SSR pass — `AppShell`'s + `PageAside`'s own
+ * effects/refs/portals make that path unobservable through rendered markup, and the previous
+ * hardcoded `false` fallback here shipped with no test at all for exactly that reason.
+ */
+export declare function roomToDockServerFallback(sizeClassHint: SizeClass | undefined): boolean;
 /**
  * The shell's two page-level regions are providers, and both wrap the frame rather than living
  * inside it: `PageBarProvider` owns the header portal and the single-kebab claim, `AsideProvider`

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 { 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 { toEm } from "../tokens/size-classes.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,10 +69,14 @@ 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;
 }
+const MAIN_MIN_WIDTH = 720;
+function roomToDockServerFallback(sizeClassHint) {
+  return sizeClassHint === "expanded";
+}
 function BasaltShell(props) {
   assertRequiredProps("BasaltShell", props, ["brand", "sections"]);
   return /* @__PURE__ */ jsx(PageBarProvider, { globalActions: props.globalActions ?? [], children: /* @__PURE__ */ jsx(AsideProvider, { children: /* @__PURE__ */ jsx(ShellFrame, { ...props }) }) });
@@ -93,9 +101,31 @@ 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(
+    `(min-width: ${toEm(navbarWidth + step.appShellAsideWidth + MAIN_MIN_WIDTH)})`,
+    roomToDockServerFallback(sizeClassHint)
+  );
+  const docks = sizeClass === "expanded" && roomToDock;
+  const asideOpen = aside.claimed && !aside.folded;
+  const asideOverlay = asideOpen && !docks;
+  const asideReserved = asideOpen && docks ? step.appShellAsideWidth : step.appShellAsideRailWidth;
+  const asideWidth = aside.claimed ? asideReserved : 0;
+  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: 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: asideWidth,
         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,7 @@ export {
   SidebarAccount,
   SidebarSearch,
   projectMobileNav2 as projectMobileNav,
-  useBreakpoint
+  roomToDockServerFallback,
+  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"}

package/dist/shell/page-aside.js

@@ -1,14 +1,13 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
-import { useMantineTheme } from "@mantine/core";
 import { cx } from "../common/props.js";
 import { assertRequiredProps } from "../common/validate.js";
 import { usePersistedOrLocal } from "../state/persisted-or-local.js";
 import { FilterSetScope } from "../controls/filter-context.js";
 import { useAsidePanelSlot } from "./page-bar.js";
-import { useIsomorphicLayoutEffect } from "./isomorphic-layout-effect.js";
-import { useMediaQueryMatches } from "./use-breakpoint.js";
+import { useIsomorphicLayoutEffect } from "../common/isomorphic-layout-effect.js";
+import { useSizeClass } from "./use-size-class.js";
 import classes from "./page-aside.module.css";
 const NO_REGION = {
   target: null,
@@ -20,6 +19,9 @@ const NO_REGION = {
   claim: () => () => {
   },
   publishFolded: () => {
+  },
+  closeSignal: 0,
+  requestClose: () => {
   }
 };
 const AsideContext = createContext(NO_REGION);
@@ -27,6 +29,7 @@ function AsideProvider({ children }) {
   const [target, setTarget] = useState(null);
   const [claims, setClaims] = useState(0);
   const [folded, setFolded] = useState(false);
+  const [closeSignal, setCloseSignal] = useState(0);
   const claim = useCallback(() => {
     setClaims((n) => n + 1);
     return () => {
@@ -34,6 +37,7 @@ function AsideProvider({ children }) {
       setFolded(false);
     };
   }, []);
+  const requestClose = useCallback(() => setCloseSignal((n) => n + 1), []);
   const value = {
     target,
     setTarget,
@@ -41,14 +45,17 @@ function AsideProvider({ children }) {
     claimed: claims > 0,
     folded,
     claim,
-    publishFolded: setFolded
+    publishFolded: setFolded,
+    closeSignal,
+    requestClose
   };
   return /* @__PURE__ */ jsx(AsideContext.Provider, { value, children });
 }
 function useAsideRegion() {
-  const { claimed, folded } = useContext(AsideContext);
-  return { claimed, folded };
+  const { claimed, folded, requestClose } = useContext(AsideContext);
+  return { claimed, folded, requestClose };
 }
+const AsideDocksContext = createContext(false);
 function AsideOutlet({ className }) {
   const { setTarget } = useContext(AsideContext);
   return /* @__PURE__ */ jsx("div", { ref: setTarget, className });
@@ -111,17 +118,17 @@ function PageAside(props) {
   assertRequiredProps("PageAside", props, ["title"], {
     title: "it names the region \u2014 it is the header text AND the `aria-label` on the landmark."
   });
-  const { title, persistKey, defaultFolded = false, children, className, style, classNames } = props;
-  const { target, inShell, claim, publishFolded } = useContext(AsideContext);
+  const { title, persistKey, defaultFolded, children, className, style, classNames } = props;
+  const { target, inShell, claim, publishFolded, closeSignal } = useContext(AsideContext);
+  const docks = useContext(AsideDocksContext);
   const { host: panelHost, claim: claimPanel, target: panelTarget } = useAsidePanelSlot();
-  const theme = useMantineTheme();
-  const desktop = useMediaQueryMatches(`(min-width: ${theme.breakpoints.sm})`, true);
+  const isCompact = useSizeClass() === "compact";
   const [folded, setFolded] = usePersistedOrLocal({
     scope: "aside",
     persistKey,
-    initial: defaultFolded
+    initial: defaultFolded ?? !docks
   });
-  const portalled = inShell && desktop;
+  const portalled = inShell && !isCompact;
   const projected = !portalled && panelHost;
   const [settled, setSettled] = useState(false);
   const panelClaim = useMemo(() => ({ title, icon: /* @__PURE__ */ jsx(IconAsidePanel, {}) }), [title]);
@@ -136,6 +143,12 @@ function PageAside(props) {
     if (!portalled) return;
     publishFolded(folded);
   }, [portalled, folded, publishFolded]);
+  const closeSignalBaseline = useRef(closeSignal);
+  useIsomorphicLayoutEffect(() => {
+    if (!portalled || closeSignal === closeSignalBaseline.current) return;
+    closeSignalBaseline.current = closeSignal;
+    setFolded(true);
+  }, [portalled, closeSignal]);
   useIsomorphicLayoutEffect(() => {
     if (!projected) return;
     return claimPanel(panelClaim);
@@ -168,6 +181,7 @@ function PageAside(props) {
   return createPortal(panel, target);
 }
 export {
+  AsideDocksContext,
   AsideOutlet,
   AsideProvider,
   PageAside,

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

@@ -1 +1 @@
-{"version":3,"file":"page-bar.d.ts","sourceRoot":"","sources":["../../src/shell/page-bar.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAMnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAK9D,mEAAmE;AACnE,eAAO,MAAM,mBAAmB,wBAAwB,CAAA;AAKxD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,gGAAgG;IAChG,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CACzB,CAAA;AAuDD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,SAAS,YAAY,EAAE,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,SAAS,CAsDZ;AAED,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGlE;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGtE;AAED,yFAAyF;AACzF,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,IAAI;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,IAAI,CAAA;IAC7C,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;CAC3B,CAaA;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,qGAAqG;IACrG,IAAI,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;IACrC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAmEH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,YAAY,GAAG,SAAS,CAkM1B"}
+{"version":3,"file":"page-bar.d.ts","sourceRoot":"","sources":["../../src/shell/page-bar.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAWnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAK9D,mEAAmE;AACnE,eAAO,MAAM,mBAAmB,wBAAwB,CAAA;AAKxD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,gGAAgG;IAChG,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CACzB,CAAA;AAuDD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,SAAS,YAAY,EAAE,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,SAAS,CAsDZ;AAED,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGlE;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGtE;AAED,yFAAyF;AACzF,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,IAAI;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,IAAI,CAAA;IAC7C,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;CAC3B,CAaA;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,qGAAqG;IACrG,IAAI,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;IACrC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAmEH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,YAAY,GAAG,SAAS,CAkM1B"}