@oxy.so/bloom 4.0.0 → 4.1.0

package/docs/shipment-request.mdx

@@ -0,0 +1,139 @@
+---
+title: Shipment request
+description: Describing a job for a carrier — what is being moved, how big and how heavy, the photos, and the options that change the price — as one column of sections built from the families that already own each part.
+order: 134
+---
+
+# Shipment request
+
+```tsx
+import {
+  ShipmentRequestForm,
+  ShipmentLoadPicker,
+  ShipmentOptionsList,
+} from '@oxy.so/bloom/shipment-request';
+
+<ShipmentRequestForm
+  route={{ stops, onSwap, onAddStop, onRemoveStop }}
+  load={load}
+  onLoadChange={setLoad}
+  loadProps={{ notes: true }}
+  photos={{ photos, onReorder, onRemove, onAdd }}
+  options={{ extras, selectedExtras, onExtrasChange, accessOptions, access, onAccessChange }}
+  price={{ lines, total }}
+  footer={<Button variant="primary" size="large" fullWidth onPress={submit}>Ask for quotes</Button>}
+/>
+```
+
+Three components: the **form** is the register and the order, the **load picker**
+and the **options list** are the two halves of it that are this family's own.
+Either half works on its own — a sheet that only asks for the load does not have
+to mount a form.
+
+## What the form draws, and what it does not
+
+`ShipmentRequestForm` draws **nothing of its own**. Every section is an existing
+Bloom family handed its props unchanged:
+
+| section | component | subpath |
+| --- | --- | --- |
+| Where it goes | `RouteStops` | `@oxy.so/bloom/route-stops` |
+| The load | `ShipmentLoadPicker` | this family |
+| Photos | `SortablePhotoGrid` | `@oxy.so/bloom/sortable-media` |
+| Options | `ShipmentOptionsList` | this family |
+| Price | `PriceSummary` | `@oxy.so/bloom/price-breakdown` |
+
+The sections are drawn with `FilterSection`, so the inset, the heading rhythm and
+the rule between two sections are the ones a Bloom filter sheet already uses —
+there is one set of numbers, not two.
+
+The one decision the form makes is the **order**, and it is the order a carrier
+needs the questions answered in: where, what, what it looks like, what changes
+the price, what the price currently is. The price is last on purpose — the
+options that move the number and the number itself end up on one screen.
+
+**A section whose props are absent is not drawn.** `photos`, `options` and
+`price` are each optional, and a job that needs no photograph should not be asked
+for one. The route and the load are not optional: a shipment with neither is not
+a request.
+
+**The last section has no rule under it**, and the `footer` sits below it with
+none either. A divider separates two things; there is nothing after the last one.
+
+## The load picker
+
+Four questions and an optional fifth, each drawn in the control that fits the
+shape of its answer:
+
+- **kind** — one answer out of five, each with a sentence explaining what it
+  covers, so it is a column of selectable cards (the same card the listing editor
+  builds its pickers from). Not chips: a chip has no room for the sentence, and
+  the sentence is what stops someone filing a mattress under "parcel".
+- **size** — a `SegmentedControl` of single letters, with the **chosen** rung's
+  sentence under the control. Four sentences never fit in one control at phone
+  width; a control whose every option carries its own sentence is a list.
+- **weight** — a `TextField` whose unit is a `TextFieldSuffix`.
+- **quantity** — a `StepperRow` from 1.
+- **notes** — an auto-resizing `Textarea`, only when `notes` is set.
+
+### The value arrives whole
+
+`onValueChange` is called with the next `ShipmentLoad`, never with a patch. A
+form that merges patches in five places has five chances to drop a field; this
+one has none. It costs the caller a spread and buys a value that cannot be
+half-applied.
+
+### The unit is not part of the value
+
+`weight` holds digits and at most one dot. `sanitizeWeight` accepts a comma and
+emits a dot (half of Europe types one, and no app wants to parse both), strips
+the unit, and turns a leading separator into `0.`. The "kg" beside the field is
+drawn and announced; it is never stored. An app parses a number, not a sentence.
+
+`isShipmentLoadComplete(load)` is the same decision the picker makes about
+whether every control has been answered, exported so a submit button can be
+disabled from it rather than from a second copy of it. It is **not** validation:
+an app that prices a job has its own rules, and `errors` is where their messages
+go.
+
+## The options list
+
+Three groups, and the control is the difference between them:
+
+- **extras** are independent of one another, so each is a settings row with a
+  `Switch` and its own price at the end. "And also this" is a switch.
+- **access** — one of ground floor, stairs and lift is true, so they are a
+  `radiogroup` of chips and choosing one unchooses the rest.
+- **windows** — the same, over collection times.
+
+**The interactive chips are `size="xl"`** — 32 drawn, 44 under a thumb through
+`Chip`'s own `hitSlop`. The smaller rungs are for labels; a single-choice control
+at phone width is not one.
+
+**The row is not the control.** A pressable row wrapping a switch is two targets
+for one answer, and on web the outer one is a button containing a checkbox. The
+switch is the only thing that toggles.
+
+**A switch draws no text**, so each one is named with its row's title, its
+description and its price. A caption beside a switch is a sibling on both
+platforms — neither associates the two — so a screen reader reading only the
+control announces "switch, off" without this.
+
+## Money
+
+Every amount in this family is a **pre-formatted string**: `"+€12.00"`,
+`"Included"`, `"−€3.00"`. Nothing here parses, sums, converts or rounds. The
+running total is `PriceSummary`'s job, and the app computes it.
+
+## Traps
+
+- **`SHIPMENT_REQUEST_GEOMETRY` has no section numbers.** They belong to
+  `FilterSection`, which draws them. A second copy here would drift from the one
+  on screen.
+- **The form measures nothing itself.** The load picker measures its own width
+  (480) to decide whether the weight field sits beside the quantity; the form
+  does not, because every section it draws already decides its own layout.
+- **`kinds` is a prop, and the five defaults are opinions.** They are the five
+  that change how a job is priced and carried, not a taxonomy of objects. There
+  is deliberately no "Other": a marketplace that cannot name what it is carrying
+  cannot quote it, and `notes` is where an unusual load is described.

package/docs/sidebar.mdx

@@ -1,6 +1,6 @@
 ---
 title: Sidebar
-description: The floating app rail — account switcher, quick search, navigation with counters, theme toggle, secondary rows and a team menu — collapsible to a 60px icon rail.
+description: The floating app rail — account switcher, quick search, navigation with counters, theme toggle, secondary rows and a team menu — collapsible to an icon rail sized for its controls.
 order: 82
 ---
 
@@ -24,6 +24,28 @@ import { RiHomeLine, RiSettings4Line } from '@oxy.so/bloom/icons';
 
 Give it a height (it fills `100%`); its width is its own.
 
+## Primary action
+
+Use `primaryAction` for the sidebar's main command. Bloom reuses `Fab` with its action tone and controlled `collapsed` state,
+50px tall and full-width when expanded, a 50px circle with a 26px glyph when collapsed or in
+`variant="rail"`. It stays outside the scrolling destinations so long navigation
+lists do not push it out of reach. The expanded label follows the sidebar's existing
+collapse animation and reduced-motion setting; the button keeps one focus target.
+
+```tsx
+import { Sidebar } from '@oxy.so/bloom/sidebar';
+import { RiAddLine } from '@oxy.so/bloom/icons/RiAddLine';
+
+<Sidebar
+  items={navigation}
+  primaryAction={{ label: 'New post', icon: RiAddLine, onPress: openComposer, disabled: saving }}
+/>
+```
+
+`label` supplies the accessible name in every layout; `icon` is a Bloom icon
+component. `onPress` owns the command and is never called while `disabled` is true.
+The sidebar does not create a composer or any other application-specific UI.
+
 ## Parts
 
 | export | |
@@ -49,7 +71,7 @@ Give it a height (it fills `100%`); its width is its own.
 />
 ```
 
-- `icon` — the mark, centred in a 36 × 36 box (the collapsed column), so it stays put while the sidebar collapses. Size it yourself; 24–28px reads right.
+- `icon` — the mark, centred in a 36px-high box whose width follows the shared icon lane, so it aligns with navigation at both endpoints. Size it yourself; 24–28px reads right.
 - `wordmark` — beside the mark, folded away while collapsed. A string renders as the product name in `headline-semibold`; pass an SVG or image for a drawn wordmark.
 - `href` makes it a real anchor on web; `onPress` a button (with both, `onPress` wins so a router can navigate — pass it on native, where there is no anchor). With neither it is decoration, named by `accessibilityLabel` or a string `wordmark`.
 - Give a mark, a wordmark or both. Wordmark only disappears when collapsed.
@@ -135,10 +157,10 @@ The docked edge is not the card's border: that one is white in light mode, a hig
 | size     | square | glyph | label            | expanded | collapsed |
 | -------- | ------ | ----- | ---------------- | -------- | --------- |
 | `sm`  | 30     | 18    | `body-2-medium`  | 232      | 46        |
-| `md` | 36     | 20    | `body-medium`    | 260      | 52        |
+| `md` | 40     | 22    | `headline-medium` | 260      | 56        |
 | `lg`  | 44     | 24    | `title-3-medium` | 300      | 60        |
 
-The collapsed width is never an independent number: it is the square plus the panel's collapsed padding on both sides plus its two borders, so the icon column stays centred at every size. A row outside a sidebar takes `size` itself; inside one it inherits the panel's.
+The table describes a card without a primary action. Runtime collapsed width is the icon lane plus 7px padding on each side and the borders actually painted: card adds2px, docked1px, plain0px. The lane is the row square, or at least50px when `primaryAction` is present (total66/65/64px respectively). Navigation and search retain their30/40/44px circles, centred in the wider lane; their icons are not enlarged. Logo, collapse control, modes, theme and account controls share that centre. Expanded navigation retains its2px inset, and the primary action uses the same edges. A row outside a sidebar takes `size` itself; inside one it inherits the panel's.
 
 `AppShell` passes both through (`sidebar={{ surface, size }}`) and treats `docked` as what it is — it gives up its left and vertical padding around that column and lets it run the full height, so the hairline is the separator instead of a gutter.
 
@@ -167,7 +189,7 @@ Panel `backgroundSecondary` (`--surface`) with `borderLight` and the existing th
 
 ### Mode switcher in a collapsed panel
 
-Collapsed modes use the sidebar's icon-square size: 30/36/44px for `sm/md/lg`.
+Collapsed modes use the sidebar's icon-square size: 30/40/44px for `sm/md/lg`.
 The track adds 4px around those squares and stays centered, extending into the
 panel's horizontal inset. Its selected thumb remains square, the glyph stays
 centered, and hidden labels leave no gap. Expanded mode rows retain their 32px
@@ -192,3 +214,21 @@ indicator timing; its position is calculated from the current animated row
 height so selection and collapse can happen together.
 
 The panel scroll viewport extends behind the bottom half of the last fixed header control (up to 20px). The top fade begins there, while compensating content padding preserves the initial row spacing. Fixed controls remain above the fade and available throughout scrolling.
+
+
+### Custom persistent footer
+
+`footer` adds content below the existing bottom controls, outside destination scrolling. Pass a node or `({ collapsed }) => ReactNode`. A rail reports `collapsed: true`; a mobile panel reports `false`, even when its controlled `collapsed` prop is true. Desktop panels report their current rendered state.
+
+```tsx
+<Sidebar
+  items={items}
+  footer={({ collapsed }) => (
+    <ProfileButton compact={collapsed} onPress={openAccount} />
+  )}
+/>
+```
+
+`ProfileButton` above is an application component: the app retains authentication, account selection and menu behavior. The slot adds no account behavior and does not replace `account`, theme, secondary navigation, team or plan controls. Omit `account` if your footer replaces the built-in account switcher. Footer content should fit the compact rail width and provide an accessible name when it hides its label.
+
+Navigation items accept `onLongPress` for secondary touch actions, in both panel and rail. Keep the same action available in a keyboard-accessible menu; long press alone is not discoverable or keyboard accessible.

package/docs/vehicle-picker.mdx

@@ -0,0 +1,92 @@
+---
+title: Vehicle picker
+description: Which vehicle a job needs — a column of selectable cards carrying each body's capacity, what fits in it and what it starts at, with the ones that cannot take the load disabled and saying why.
+order: 136
+---
+
+# Vehicle picker
+
+```tsx
+import { VehiclePicker, VEHICLE_OPTIONS } from '@oxy.so/bloom/vehicle-picker';
+
+<VehiclePicker
+  value={vehicle}
+  onValueChange={setVehicle}
+  title="Which vehicle?"
+  description="Pick the smallest one that can take the load."
+  options={optionsForThisLoad}
+/>
+```
+
+## Shape
+
+A heading in the register a search panel's pickers use — `body-semibold` over
+`body-2-regular`, 16 above the control — then a `radiogroup` of selectable cards,
+12 apart. Omit `title` and `description` and the picker starts at its first
+option, which is what a form section with its own heading wants.
+
+Each card is the selectable card the listing editor's own pickers are built from:
+a 44 icon tile, the vehicle's name at `headline-semibold`, its capacity under it,
+and the radio indicator on the right. Under the card's hairline: the `fits` nouns
+as outlined chips, then a `From · amount` line in tabular figures.
+
+## One answer
+
+A job goes in one vehicle, so the group is a `radiogroup` and each card a
+`radio`. `value={null}` is a job that has not chosen yet — not an error, and not
+a default guess.
+
+## The detail is not a disclosure
+
+Every card shows its capacity, its chips and its price **at rest**. The question
+a vehicle picker answers is a comparison, and a card that reveals its numbers
+only once chosen makes someone select four vehicles to choose one.
+
+## Saying why
+
+`disabled` dims a card and stops it. On its own that is a dead end: the row
+someone wanted is greyed out and the screen does not say what to change. So a
+disabled option draws `unavailableReason` on a warning-toned line under its
+detail — and the same reason goes into the card's own **accessible name**, because
+a reason drawn in a sibling line is never announced with the control.
+
+Without a reason the picker falls back to `labels.unavailable`, which says only
+*that* it is unavailable. That is the half that was already visible; write the
+reason.
+
+`disabled` on the picker itself dims every card, whatever each one says — it is a
+constraint, and a card cannot re-enable itself.
+
+## The ladder, and the one that breaks it
+
+The five built-in vehicles are a ladder of capacity, smallest first: each takes
+everything the one before it takes and more. That is what makes "the smallest one
+that can carry this" a question the caller can answer.
+
+`refrigerated` breaks the ladder on purpose. It is a van that holds a
+temperature, so it is chosen for what the load **is** rather than for how big it
+is, and it sits last rather than in weight order.
+
+## Money
+
+`priceFrom` is a **pre-formatted string** and is drawn exactly as given. Nothing
+here adds, converts or rounds an amount. `VEHICLE_OPTIONS` carries no prices at
+all — a price-from belongs to a marketplace and a moment, and a picker showing
+invented amounts is worse than one showing the capacities alone. Spread an option
+and add `priceFrom` where the app knows it.
+
+## Traps
+
+- **The picker measures itself, not the window.** Under 400 of its own width each
+  card takes its compact inset — the same component is a phone column and a panel
+  beside a map, and the window cannot tell those apart.
+- **Two glyphs are borrowed.** Bloom's icon set has no truck and no van, so the
+  van takes the bus glyph and the box truck takes a crate; the refrigerated van
+  takes a snowflake rather than a second van outline, because what distinguishes
+  it is the temperature and two near-identical van glyphs read as a drawing
+  mistake. Pass `icon` per option to override any of them.
+- **`onValueChange` is never called with the value already chosen.** Pressing the
+  chosen card is a no-op, not a deselect: a required single choice that can be
+  emptied by pressing it again is a control that loses answers.
+- **`fits` is a chip row, not a list of features.** Three or four short nouns. A
+  card carrying eight wraps into a paragraph and stops being scannable.

package/docs/vendor-card.mdx

@@ -0,0 +1,83 @@
+---
+title: Vendor Card
+description: A restaurant or a shop in a list — one cover, the cuisines as pills, the rating, the delivery readings, a promo mark and the paused/closed states, as a wide shelf card or a dense search row.
+order: 134
+---
+
+# Vendor Card
+
+`@oxy.so/bloom/vendor-card`
+
+A place you can order from, in a list of places you can order from.
+
+```tsx
+import { VendorCard } from '@oxy.so/bloom/vendor-card';
+
+<VendorCard
+  name="Fig & Ember"
+  photo="fig-ember-cover"
+  cuisines={['Wood-fired', 'Flatbread', 'Small plates']}
+  rating={4.8}
+  reviewCount={214}
+  deliveryTime="25–35 min"
+  deliveryFee="€1.90"
+  distance="1.2 km"
+  promo="2 for 1 on flatbreads"
+  favorite={saved}
+  onFavoriteChange={setSaved}
+  onPress={open}
+/>
+```
+
+## It is the housing card with a vendor's data in it
+
+That is a decision, not a coincidence. A food app and a housing app put the same object on a screen: a photograph with a wash over it, a status pill in its top-left corner, a heart in its top-right, a title with a rating beside it, and a row of small readings under it. `vendor-card` therefore draws itself with `listing-card`'s own parts — the wash, the status pill, the fact row, the heart, the photo placeholder and every colour in `resolveListingCardPaint` — and owns only the four things that differ:
+
+| this family | why it is not `listing-card`'s |
+| --- | --- |
+| the cover is **16:9** | a shelf is scanned sideways, and `listing-card`'s near-square 20:19 pushes the name off the first screen at shelf width |
+| the **cuisines** | a home has offerings (a closed set of four); a vendor has words the app supplies |
+| the **four readings** | delivery time, fee, distance, minimum order — a home's facts are bedrooms and square metres |
+| the **promo mark** | a home has no price promotion that is a pill |
+
+A second copy of the other eleven colours is how two cards that are meant to be the same hand drift apart.
+
+## Two densities, one component
+
+`comfortable` is the wide card that sits in a shelf: cover, then 12 below it the text. `compact` is the search-result row: a 112 square thumbnail — `listing-card`'s own `COMPACT_PHOTO_SIZE` — with the text beside it and the marks *above* the name, because a 112 thumbnail has no room for pills over it.
+
+They are one component because the data is identical. A results screen that switches at a breakpoint must not switch components: a card and a row that are two components are two places for the promo to go missing.
+
+## The cover is one picture
+
+There is no pager, no dots and no arrows. A shelf scrolls sideways through *vendors*, not through one vendor's photos, and a card that paged would put two horizontal gestures on the same row. A vendor's gallery belongs on its own screen.
+
+## Availability
+
+`open` draws nothing at all. `paused` (open, but not taking orders for a while) and `closed` (outside its hours) both wash the cover 50% toward the page and draw the status pill — because what a reader acts on is "not now", and the word is what says which kind.
+
+`opensAt` is a sentence the app wrote — "Opens at 07:30", "Taking orders again at 19:00". It is drawn **only while the vendor is not open**: a line telling you when an open shop opens is noise. The component never reads a clock and never formats a time.
+
+## The readings are drawn one way and announced another
+
+"25–35 min" beside a clock is unambiguous to an eye and meaningless to a screen reader, which is not told about the glyph. So each reading carries a **word**, and `factLabels` is the one prop that translates all four:
+
+```tsx
+<VendorCard
+  factLabels={{ deliveryTime: 'Tiempo de entrega', deliveryFee: 'Envío' }}
+  …
+/>
+```
+
+The card's accessible name is the whole card as one sentence, in reading order — including **every** cuisine, not only the ones that fit. The pill row clips because it ran out of width; that is not a reason to withhold a word from somebody who is listening.
+
+## The pill row clips, it does not truncate
+
+Cuisines wrap inside a box exactly one pill tall and the overflow is hidden, so a pill that does not fit drops out **whole** rather than being cut to "Flatbr…". `VENDOR_CUISINE_LIMIT` caps it before that — four in the comfortable density, three in the compact — because past a handful the row is a list rather than a mark.
+
+## Traps
+
+- **The heart is a sibling of the link, not its child.** A button inside an anchor is invalid HTML and makes the heart's press open the vendor. The card keeps `listing-card`'s arrangement: the photo and the text inside one pressable, the heart in an overlay laid over the cover from outside it.
+- **The card adopts two stylesheets.** Its own, for the link's focus ring, and `listing-card`'s, because `FavoriteButton`'s `:focus-visible` rule lives there and the heart does not adopt it itself. Both are replaced by id, so a page of cards adopts each once.
+- **Every amount and duration is a string the app formatted.** Nothing here parses "25–35 min", converts a currency or compares a fee.
+- `promoTone` defaults to `success` — the tone `price-breakdown` gives money coming back — and takes any `AccentTone` for an app whose promotions mean something else.

package/lib/commonjs/app-shell/AppShell.js

@@ -14,6 +14,9 @@ var _useTheme = require("../theme/use-theme.js");
 var _index3 = require("../page-header/index.js");
 var _ResponsiveNavigation = require("./ResponsiveNavigation.js");
 var _AppShellEngine = require("./AppShellEngine.js");
+var _layout = require("./layout.js");
+var _AppShellMenuButton = require("./AppShellMenuButton.js");
+var _constants = require("./constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function resolveNavigationPlacement(width, placement = 'auto') {
@@ -21,7 +24,8 @@ function resolveNavigationPlacement(width, placement = 'auto') {
 }
 
 /** Platform factory keeps the shared shell free of native material peers. */
-function createAppShell(BottomBar, Fab) {
+function createAppShell(BottomBar, Fab, ...panelComponents) {
+  const AppShellEngine = (0, _AppShellEngine.createAppShellEngine)(...panelComponents);
   function NavigationBottom({
     navigation = [],
     value = '',
@@ -189,14 +193,111 @@ function createAppShell(BottomBar, Fab) {
       })]
     });
   }
+  /** Translate navigation convenience props into the one document/layout engine. */
+  function EngineNavigationShell(props) {
+    const {
+      navigation,
+      navigationPlacement = 'auto',
+      value,
+      onValueChange,
+      sidebar,
+      primaryAction,
+      navigationMaterial,
+      bottomActionBehavior,
+      active = true,
+      scroll = 'document',
+      testID
+    } = props;
+    const window = (0, _reactNative.useWindowDimensions)();
+    const [measuredWidth, setMeasuredWidth] = (0, _react.useState)(null);
+    const width = measuredWidth ?? window.width;
+    const navFrom = props.navFrom ?? (navigationPlacement === 'bottom' ? Number.MAX_SAFE_INTEGER : navigationPlacement === 'auto' ? 'md' : 0);
+    const navExpandedFrom = props.navExpandedFrom ?? (navigationPlacement === 'auto' ? 'lg' : undefined);
+    const placement = width < (0, _constants.breakpointPx)(navFrom) ? 'bottom' : navExpandedFrom !== undefined ? width < (0, _constants.breakpointPx)(navExpandedFrom) ? 'rail' : 'sidebar' : navigationPlacement === 'rail' ? 'rail' : 'sidebar';
+    const items = navigation ?? sidebar?.items?.map(item => ({
+      value: item.key,
+      label: item.label,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(item.icon, {})
+    })) ?? [];
+    const select = next => {
+      if (onValueChange) onValueChange(next);else {
+        const item = sidebar?.items?.find(candidate => candidate.key === next);
+        if (item?.onPress) item.onPress();else if (item && sidebar?.onNavigate) sidebar.onNavigate(item);else if (item?.href && typeof globalThis.window !== 'undefined') globalThis.window.location.assign(item.href);
+      }
+    };
+    const mappedItems = (0, _react.useMemo)(() => navigation?.map(item => ({
+      key: item.value,
+      label: item.label,
+      onPress: () => onValueChange?.(item.value),
+      icon: iconProps => /*#__PURE__*/(0, _react.isValidElement)(item.icon) ? /*#__PURE__*/(0, _react.cloneElement)(item.icon, iconProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: item.icon
+      })
+    })), [navigation, onValueChange]);
+    const hasNavigation = items.length > 0 && props.variant !== 'focus';
+    const compact = placement === 'bottom';
+    const engineScroll = scroll === 'auto' ? 'container' : scroll === 'external' ? 'fixed' : scroll;
+    const document = (0, _layout.resolveScrollMode)(props.variant ?? 'dashboard', engineScroll) === 'document';
+    const bottom = compact && hasNavigation ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigationBottom, {
+      navigation: items,
+      value: value ?? sidebar?.selected,
+      onValueChange: select,
+      primaryAction: primaryAction,
+      navigationMaterial: navigationMaterial,
+      bottomActionBehavior: bottomActionBehavior,
+      testID: testID
+    }) : undefined;
+    const mappedSidebar = props.variant !== 'focus' && (sidebar || navigation) ? {
+      ...(navigation ? {
+        showSearch: false,
+        showThemeToggle: false
+      } : {}),
+      ...sidebar,
+      items: mappedItems ?? sidebar?.items,
+      selected: value ?? sidebar?.selected,
+      onNavigate: item => select(item.key),
+      variant: placement === 'rail' ? 'rail' : sidebar?.variant
+    } : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Screen, {
+      active: active,
+      navigationScope: "shared",
+      documentScroll: document,
+      testID: testID ? `${testID}-screen` : undefined,
+      onLayout: event => setMeasuredWidth(event.nativeEvent.layout.width),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AppShellEngine, {
+        ...props,
+        scroll: engineScroll,
+        sidebar: mappedSidebar,
+        navFrom: navFrom,
+        navExpandedFrom: navExpandedFrom,
+        header: props.header !== undefined ? props.header : props.title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.PageHeader, {
+          title: props.title,
+          subtitle: props.breadcrumb,
+          actions: props.actions,
+          leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppShellMenuButton.AppShellMenuButton, {})
+        }) : undefined,
+        bottomBar: props.bottomBar !== undefined ? props.bottomBar : bottom,
+        bottomBarVisibility: props.bottomBarVisibility ?? 'compact',
+        floatingAction: props.floatingAction !== undefined ? props.floatingAction : primaryAction && (!compact || !hasNavigation || props.bottomBar !== undefined) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Fab, {
+          ...primaryAction
+        }) : undefined
+      })
+    });
+  }
   const AdaptiveAppShell = AppShell;
   function ComposedAppShell(props) {
     const adaptive = props.navigation !== undefined || props.navigationPlacement !== undefined || props.primaryAction !== undefined || props.scroll === 'auto' || props.scroll === 'external';
-    return adaptive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AdaptiveAppShell, {
-      ...props
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppShellEngine.AppShellEngine, {
+    if (!adaptive) return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppShellEngine, {
       ...props
     });
+    const scroll = props.scroll ?? (_reactNative.Platform.OS === 'web' ? 'document' : 'auto');
+    const usesLayout = props.panel !== undefined || props.panelColorPreset !== undefined || props.variant !== undefined || props.aside !== undefined || props.list !== undefined || props.info !== undefined || props.contentWidth !== undefined || props.navigationAlign !== undefined || props.navigationGap !== undefined || props.drawer !== undefined || props.navFrom !== undefined || props.navExpandedFrom !== undefined || props.topBar !== undefined || props.bottomBar !== undefined || props.floatingAction !== undefined;
+    return (scroll === 'auto' || scroll === 'external') && !usesLayout ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AdaptiveAppShell, {
+      ...props,
+      scroll: scroll
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EngineNavigationShell, {
+      ...props,
+      scroll: scroll
+    });
   }
   ComposedAppShell.displayName = 'AppShell';
   return ComposedAppShell;

package/lib/commonjs/app-shell/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_breakpoints","_index","_index2","_useTheme","_index3","_ResponsiveNavigation","_AppShellEngine","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","resolveNavigationPlacement","width","placement","BREAKPOINTS","md","lg","createAppShell","BottomBar","Fab","NavigationBottom","navigation","value","onValueChange","primaryAction","navigationMaterial","bottomActionBehavior","testID","collapseProgress","useScreen","jsx","actionBehavior","material","items","map","item","name","label","icon","minimizeProgress","action","undefined","AppShell","active","navigationPlacement","sidebar","scroll","title","breadcrumb","actions","header","children","contentMaxWidth","overlay","style","windowWidth","useWindowDimensions","containerWidth","setContainerWidth","useState","colors","useTheme","key","sidebarItems","useMemo","onPress","props","isValidElement","cloneElement","Fragment","selected","docked","surface","select","next","find","candidate","onNavigate","href","window","location","assign","shellProps","bottom","length","jsxs","View","onLayout","event","nativeEvent","layout","flex","minHeight","flexDirection","backgroundColor","background","ResponsiveNavigation","flexShrink","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","shownPlacement","Sidebar","showSearch","showThemeToggle","variant","height","Screen","navigationScope","documentScroll","minWidth","PageHeader","subtitle","sticky","bottomBar","ScreenScrollView","maxWidth","alignSelf","padding","AdaptiveAppShell","ComposedAppShell","adaptive","AppShellEngine","displayName"],"sourceRoot":"../../../src","sources":["app-shell/AppShell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_breakpoints","_index","_index2","_useTheme","_index3","_ResponsiveNavigation","_AppShellEngine","_layout","_AppShellMenuButton","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","resolveNavigationPlacement","width","placement","BREAKPOINTS","md","lg","createAppShell","BottomBar","Fab","panelComponents","AppShellEngine","createAppShellEngine","NavigationBottom","navigation","value","onValueChange","primaryAction","navigationMaterial","bottomActionBehavior","testID","collapseProgress","useScreen","jsx","actionBehavior","material","items","map","item","name","label","icon","minimizeProgress","action","undefined","AppShell","active","navigationPlacement","sidebar","scroll","title","breadcrumb","actions","header","children","contentMaxWidth","overlay","style","windowWidth","useWindowDimensions","containerWidth","setContainerWidth","useState","colors","useTheme","key","sidebarItems","useMemo","onPress","props","isValidElement","cloneElement","Fragment","selected","docked","surface","select","next","find","candidate","onNavigate","href","window","location","assign","shellProps","bottom","length","jsxs","View","onLayout","event","nativeEvent","layout","flex","minHeight","flexDirection","backgroundColor","background","ResponsiveNavigation","flexShrink","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","shownPlacement","Sidebar","showSearch","showThemeToggle","variant","height","Screen","navigationScope","documentScroll","minWidth","PageHeader","subtitle","sticky","bottomBar","ScreenScrollView","maxWidth","alignSelf","padding","EngineNavigationShell","measuredWidth","setMeasuredWidth","navFrom","Number","MAX_SAFE_INTEGER","navExpandedFrom","breakpointPx","globalThis","mappedItems","iconProps","hasNavigation","compact","engineScroll","document","resolveScrollMode","mappedSidebar","leading","AppShellMenuButton","bottomBarVisibility","floatingAction","AdaptiveAppShell","ComposedAppShell","adaptive","Platform","OS","usesLayout","panel","panelColorPreset","aside","list","info","contentWidth","navigationAlign","navigationGap","drawer","topBar","displayName"],"sourceRoot":"../../../src","sources":["app-shell/AppShell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/app-shell/AppShellBars.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _webViewStyle = require("../styles/web-view-style.js");
+var _bottomEdge = require("../layout/bottom-edge.js");
 var _zIndex = require("../styles/z-index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -76,10 +77,25 @@ const AppShellBottomBarComponent = ({
   testID
 }) => {
   const insets = useShellInsets();
+  const [height, setHeight] = (0, _react.useState)(0);
+  const measuredHeight = (0, _react.useRef)(0);
+  // Layout already includes the safe-area padding. Publish, but never read,
+  // the registry here: using its result in this wrapper would feed back into
+  // the next measurement. Other edge claims combine with this one by max.
+  (0, _bottomEdge.useClaimBottomEdge)(height);
+  const onLayout = (0, _react.useCallback)(event => {
+    const rawHeight = event.nativeEvent.layout.height;
+    if (!Number.isFinite(rawHeight)) return;
+    const next = Math.max(0, Math.round(rawHeight));
+    if (measuredHeight.current === next) return;
+    measuredHeight.current = next;
+    setHeight(next);
+    onHeightChange(next);
+  }, [onHeightChange]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     testID: testID,
     pointerEvents: "box-none",
-    onLayout: event => onHeightChange(Math.round(event.nativeEvent.layout.height)),
+    onLayout: onLayout,
     style: [anchorBottom(doc), {
       paddingBottom: insets.bottom
     }],