@oxy.so/bloom 3.6.0 → 4.0.0

package/lib/module/order-status/OrderStatusTimeline.js

@@ -0,0 +1,260 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiCheckLine } from "../icons/remix/RiCheckLine.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { ORDER_STATUS_GEOMETRY, ORDER_STATUS_STATE_LABELS } from "./constants.js";
+import { IS_WEB, resolveOrderStatusPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Where a thing that moves through named steps is now.
+ *
+ * ONE component with two orientations, because the data is the same list and a
+ * screen that switches at a breakpoint must not switch components — the state a
+ * caller holds, the keys, the accessible tree and the announced words all stay
+ * put across the switch.
+ *
+ *   marker       comfortable: a `column` (24) disc — a filled tone disc with a
+ *                check for `done`, the same disc with the step's own glyph and
+ *                a 3px tint halo for `current`, a hollow 1.5px ring for
+ *                `upcoming`, a filled error disc with a cross for `failed`.
+ *                compact: an 8 dot, filled / haloed / hollow the same way and
+ *                with no glyph — there is no room for one, so at that rung the
+ *                state travels as colour plus the announced word.
+ *   connector    2px, radius 1. TRAVELLED between two steps when the LATER one
+ *                is `done`, `current` or `failed` — so the rail fills behind
+ *                the thing as it moves — and the neutral hairline otherwise.
+ *   vertical     marker column 24 (compact 16), 12 to the text, 20 between
+ *                steps (compact 12); label, "timestamp", note.
+ *   horizontal   each step is an equal column; the rail runs through the marker
+ *                row and the label sits centred under it, two lines at most.
+ *                `note` is not drawn — a rail has a column's width, and a
+ *                sentence in it would either clip or set the whole rail's
+ *                height by its longest entry.
+ *
+ * A `list` of `listitem`s. Each marker is an `img` named by its state, so a
+ * screen reader hears "Done, Picked up, 14:20" rather than a bare label with
+ * the state carried only by colour.
+ *
+ * Nothing here formats a date or reads a clock: `timestamp` arrives as the
+ * string it will be drawn as.
+ */
+
+/** Whether the rail between a step and the one before it has been travelled. */
+function travelled(state) {
+  return state === 'done' || state === 'current' || state === 'failed';
+}
+function Marker({
+  step,
+  state,
+  geometry,
+  label,
+  surface,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveOrderStatusPaint(theme, surface), [theme, surface]);
+  const tone = state === 'failed' ? 'error' : step.tone ?? 'primary';
+  const accent = resolveAccentColors(theme.colors, tone, 'solid');
+  const halo = resolveAccentColors(theme.colors, tone, 'subtle').background;
+  const upcoming = state === 'upcoming';
+  const size = geometry.glyph > 0 ? geometry.column : state === 'current' ? geometry.dot + geometry.halo : geometry.dot;
+  const Glyph = geometry.glyph === 0 ? undefined : step.icon ?? (state === 'done' ? RiCheckLine : state === 'failed' ? RiCloseLine : undefined);
+  return /*#__PURE__*/_jsx(View, {
+    accessible: true,
+    accessibilityLabel: label,
+    ...(IS_WEB ? {
+      role: 'img'
+    } : {
+      accessibilityRole: 'image'
+    }),
+    testID: testID,
+    style: {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: upcoming ? surface : accent.background,
+      borderWidth: upcoming ? 1.5 : state === 'current' ? 3 : 0,
+      borderColor: upcoming ? paint.upcomingRing : halo
+    },
+    children: Glyph ? /*#__PURE__*/_jsx(Glyph, {
+      width: geometry.glyph,
+      height: geometry.glyph,
+      fill: upcoming ? paint.textSecondary : accent.foreground
+    }) : null
+  });
+}
+function OrderStatusTimelineComponent({
+  steps,
+  orientation = 'vertical',
+  density = 'comfortable',
+  accessibilityLabel = 'Status',
+  stateLabels,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveOrderStatusPaint(theme, surface), [theme, surface]);
+  const g = ORDER_STATUS_GEOMETRY[orientation][density];
+  const labels = {
+    ...ORDER_STATUS_STATE_LABELS,
+    ...stateLabels
+  };
+
+  /** The colour of the rail leading INTO step `index`. */
+  const segment = index => {
+    const step = steps[index];
+    if (step === undefined) return paint.connector;
+    const state = step.state ?? 'upcoming';
+    if (!travelled(state)) return paint.connector;
+    const tone = state === 'failed' ? 'error' : step.tone ?? 'primary';
+    return resolveAccentColors(theme.colors, tone, 'solid').background;
+  };
+  const markerBox = Math.max(g.lead, g.glyph > 0 ? g.column : g.dot + g.halo);
+  return /*#__PURE__*/_jsx(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [orientation === 'horizontal' ? {
+      flexDirection: 'row'
+    } : null, style],
+    children: steps.map((step, index) => {
+      const state = step.state ?? 'upcoming';
+      const last = index === steps.length - 1;
+      const first = index === 0;
+      const id = part => testID ? `${testID}-${index}-${part}` : undefined;
+      const quiet = state === 'upcoming';
+      const labelVariant = state === 'current' ? g.labelStrong : g.label;
+      const marker = /*#__PURE__*/_jsx(Marker, {
+        step: step,
+        state: state,
+        geometry: g,
+        label: labels[state],
+        surface: surface,
+        testID: id('marker')
+      });
+      if (orientation === 'horizontal') {
+        const rail = side => /*#__PURE__*/_jsx(View, {
+          testID: id(side === 'in' ? 'rail-in' : 'rail-out'),
+          style: {
+            flex: 1,
+            height: g.line,
+            borderRadius: g.line / 2,
+            backgroundColor: side === 'in' ? first ? 'transparent' : segment(index) : last ? 'transparent' : segment(index + 1)
+          }
+        });
+        return /*#__PURE__*/_jsxs(View, {
+          role: "listitem",
+          testID: id('item'),
+          style: {
+            flex: 1,
+            minWidth: 0,
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              alignSelf: 'stretch',
+              height: markerBox
+            },
+            children: [rail('in'), marker, rail('out')]
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: labelVariant,
+            numberOfLines: 2,
+            testID: id('label'),
+            style: {
+              marginTop: g.gap,
+              textAlign: 'center',
+              color: quiet ? paint.textSecondary : paint.text
+            },
+            children: step.label
+          }), step.timestamp ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            numberOfLines: 1,
+            testID: id('meta'),
+            style: {
+              textAlign: 'center',
+              color: paint.textTertiary
+            },
+            children: step.timestamp
+          }) : null]
+        }, step.id ?? index);
+      }
+      return /*#__PURE__*/_jsxs(View, {
+        role: "listitem",
+        testID: id('item'),
+        style: {
+          flexDirection: 'row',
+          gap: 12
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            width: g.column,
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              height: markerBox,
+              alignItems: 'center',
+              justifyContent: 'center'
+            },
+            children: marker
+          }), last ? null : /*#__PURE__*/_jsx(View, {
+            testID: id('connector'),
+            style: {
+              flex: 1,
+              width: g.line,
+              minHeight: 8,
+              marginTop: 4,
+              borderRadius: g.line / 2,
+              backgroundColor: segment(index + 1)
+            }
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            gap: 2,
+            paddingTop: (markerBox - g.lead) / 2,
+            paddingBottom: last ? 0 : g.gap
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: labelVariant,
+            testID: id('label'),
+            style: {
+              color: quiet ? paint.textSecondary : paint.text
+            },
+            children: step.label
+          }), step.timestamp ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            testID: id('meta'),
+            style: {
+              color: paint.textTertiary
+            },
+            children: step.timestamp
+          }) : null, step.note ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            testID: id('note'),
+            style: {
+              color: quiet ? paint.textTertiary : paint.textSecondary,
+              marginTop: 2
+            },
+            children: step.note
+          }) : null]
+        })]
+      }, step.id ?? index);
+    })
+  });
+}
+export const OrderStatusTimeline = /*#__PURE__*/memo(OrderStatusTimelineComponent);
+OrderStatusTimeline.displayName = 'OrderStatusTimeline';
+//# sourceMappingURL=OrderStatusTimeline.js.map

package/lib/module/order-status/OrderStatusTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiCheckLine","RiCloseLine","useSurfaceFill","resolveAccentColors","useTheme","Text","ORDER_STATUS_GEOMETRY","ORDER_STATUS_STATE_LABELS","IS_WEB","resolveOrderStatusPaint","jsx","_jsx","jsxs","_jsxs","travelled","state","Marker","step","geometry","label","surface","testID","theme","paint","tone","accent","colors","halo","background","upcoming","size","glyph","column","dot","Glyph","undefined","icon","accessible","accessibilityLabel","role","accessibilityRole","style","width","height","borderRadius","alignItems","justifyContent","backgroundColor","borderWidth","borderColor","upcomingRing","children","fill","textSecondary","foreground","OrderStatusTimelineComponent","steps","orientation","density","stateLabels","g","labels","segment","index","connector","markerBox","Math","max","lead","flexDirection","map","last","length","first","id","part","quiet","labelVariant","labelStrong","marker","rail","side","flex","line","minWidth","alignSelf","variant","numberOfLines","marginTop","gap","textAlign","color","text","timestamp","meta","textTertiary","minHeight","paddingTop","paddingBottom","note","OrderStatusTimeline","displayName"],"sourceRoot":"../../../src","sources":["order-status/OrderStatusTimeline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/order-status/constants.js

@@ -0,0 +1,76 @@
+"use strict";
+
+/** What a screen reader says for each state, before the step's own label. */
+export const ORDER_STATUS_STATE_LABELS = {
+  done: 'Done',
+  current: 'In progress',
+  upcoming: 'Not yet',
+  failed: 'Failed'
+};
+/**
+ * The two rungs, per orientation. Written out rather than derived: a horizontal
+ * rail's label sits UNDER a marker and has a column's width to fit in, so it is
+ * a step smaller than the vertical label at the same density, and a formula
+ * that produced that would be a formula fitted to four numbers.
+ */
+export const ORDER_STATUS_GEOMETRY = {
+  vertical: {
+    comfortable: {
+      column: 24,
+      dot: 12,
+      halo: 6,
+      line: 2,
+      lead: 20,
+      gap: 20,
+      glyph: 14,
+      label: 'body-medium',
+      labelStrong: 'body-semibold',
+      meta: 'body-2-regular'
+    },
+    compact: {
+      column: 16,
+      dot: 8,
+      halo: 4,
+      line: 2,
+      lead: 18,
+      gap: 12,
+      glyph: 0,
+      label: 'body-2-medium',
+      labelStrong: 'body-2-semibold',
+      meta: 'caption-1-regular'
+    }
+  },
+  horizontal: {
+    comfortable: {
+      column: 24,
+      dot: 12,
+      halo: 6,
+      line: 2,
+      lead: 16,
+      gap: 8,
+      glyph: 14,
+      label: 'caption-1-medium',
+      labelStrong: 'caption-1-semibold',
+      meta: 'caption-2-regular'
+    },
+    compact: {
+      column: 16,
+      dot: 8,
+      halo: 4,
+      line: 2,
+      lead: 15,
+      gap: 6,
+      glyph: 0,
+      label: 'caption-2-medium',
+      labelStrong: 'caption-2-semibold',
+      meta: 'caption-2-regular'
+    }
+  }
+};
+
+/** The leading tile `OrderStatusBar` draws a glyph in. */
+export const ORDER_STATUS_BAR_TILE = 40;
+export const ORDER_STATUS_BAR_GLYPH = 20;
+export const ORDER_STATUS_BAR_PADDING = 14;
+export const ORDER_STATUS_BAR_METER_HEIGHT = 6;
+//# sourceMappingURL=constants.js.map

package/lib/module/order-status/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ORDER_STATUS_STATE_LABELS","done","current","upcoming","failed","ORDER_STATUS_GEOMETRY","vertical","comfortable","column","dot","halo","line","lead","gap","glyph","label","labelStrong","meta","compact","horizontal","ORDER_STATUS_BAR_TILE","ORDER_STATUS_BAR_GLYPH","ORDER_STATUS_BAR_PADDING","ORDER_STATUS_BAR_METER_HEIGHT"],"sourceRoot":"../../../src","sources":["order-status/constants.ts"],"mappings":";;AAGA;AACA,OAAO,MAAMA,yBAA+D,GAAG;EAC7EC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,aAAa;EACtBC,QAAQ,EAAE,SAAS;EACnBC,MAAM,EAAE;AACV,CAAC;AAsBD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAGZ,GAAG;EACFC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,aAAa;MACpBC,WAAW,EAAE,eAAe;MAC5BC,IAAI,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACPV,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,EAAE;MACPC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,iBAAiB;MAC9BC,IAAI,EAAE;IACR;EACF,CAAC;EACDE,UAAU,EAAE;IACVZ,WAAW,EAAE;MACXC,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,oBAAoB;MACjCC,IAAI,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACPV,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,oBAAoB;MACjCC,IAAI,EAAE;IACR;EACF;AACF,CAAC;;AAED;AACA,OAAO,MAAMG,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,sBAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,wBAAwB,GAAG,EAAE;AAC1C,OAAO,MAAMC,6BAA6B,GAAG,CAAC","ignoreList":[]}

package/lib/module/order-status/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { OrderStatusBar } from "./OrderStatusBar.js";
+export { OrderStatusTimeline } from "./OrderStatusTimeline.js";
+export { ORDER_STATUS_GEOMETRY, ORDER_STATUS_STATE_LABELS } from "./constants.js";
+export { resolveOrderStatusPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/order-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OrderStatusBar","OrderStatusTimeline","ORDER_STATUS_GEOMETRY","ORDER_STATUS_STATE_LABELS","resolveOrderStatusPaint"],"sourceRoot":"../../../src","sources":["order-status/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,qBAAqB,EAAEC,yBAAyB,QAAQ,gBAAa;AAE9E,SAASC,uBAAuB,QAAQ,aAAU","ignoreList":[]}

package/lib/module/order-status/shared.js

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ * What both `order-status` components need to paint themselves, read RELATIVE
+ * to the surface they were dropped on (`styles/surface-levels.ts`) rather than
+ * from a ramp stop — a status strip is put inside a card as often as on a page,
+ * and a connector picked by eye disappears on one of the two.
+ *
+ * Pure, so `OrderStatus.test.tsx` can walk presets and modes without rendering.
+ */
+import { Platform } from 'react-native';
+import { hairlineOn, surfaceTextOn } from "../styles/surface-levels.js";
+export const IS_WEB = Platform.OS === 'web';
+export function resolveOrderStatusPaint(theme, surface) {
+  const text = surfaceTextOn(theme, surface);
+  return {
+    ...text,
+    connector: hairlineOn(theme, surface),
+    upcomingRing: text.textGraphical
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/order-status/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","hairlineOn","surfaceTextOn","IS_WEB","OS","resolveOrderStatusPaint","theme","surface","text","connector","upcomingRing","textGraphical"],"sourceRoot":"../../../src","sources":["order-status/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,UAAU,EAAEC,aAAa,QAA+B,6BAA0B;AAG3F,OAAO,MAAMC,MAAM,GAAGH,QAAQ,CAACI,EAAE,KAAK,KAAK;AAa3C,OAAO,SAASC,uBAAuBA,CAACC,KAAY,EAAEC,OAAe,EAAoB;EACvF,MAAMC,IAAI,GAAGN,aAAa,CAACI,KAAK,EAAEC,OAAO,CAAC;EAC1C,OAAO;IACL,GAAGC,IAAI;IACPC,SAAS,EAAER,UAAU,CAACK,KAAK,EAAEC,OAAO,CAAC;IACrCG,YAAY,EAAEF,IAAI,CAACG;EACrB,CAAC;AACH","ignoreList":[]}

package/lib/module/order-status/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/order-status/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["order-status/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/outline-nav/OutlineNav.js

@@ -0,0 +1,236 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { Meter } from "../stat-bar/index.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { surfaceTextOn, useRingOffsetStyle, useSurfaceFill } from "../styles/surface-levels.js";
+import { interactiveWebCss, useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { buildOutlineTree, compactHeadings, outlineProgress } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The document's own table of contents.
+ *
+ *   rail         2px down the left of every row; the tone only on the current one
+ *   indent       14px per nesting level, carried by the nested LIST, not by a
+ *                per-row padding — the indent and the structure are the same fact
+ *   row height   36 (`full`) / 44 (`compact`, which is the touch one)
+ *   progress     a `Meter` above the list, 4px (`full`) / 3px (`compact`)
+ *
+ * **It is a real list.** `role="list"` with `role="listitem"` children, nested
+ * one list inside another for each level, so a screen reader announces "list,
+ * 3 items, list, 2 items" and the reader knows the shape of the document. A
+ * flat list of rows with a left padding LOOKS the same and says nothing. The
+ * tree is built from the ORDER (`shared.ts`), because real documents skip
+ * levels.
+ *
+ * **The current heading is `aria-current`, not `aria-selected`.** The reader is
+ * AT it; they have not chosen it from a set. Both spellings for the two
+ * platforms, as always.
+ *
+ * **This component does not jump.** `onSelect` emits and the app scrolls — a
+ * TOC that scrolled something itself would have to guess which scroller, and in
+ * a split view it would guess wrong with no error (`docs/composition.mdx`
+ * §Scroll ownership).
+ *
+ * **`compact` DROPS the deep levels rather than squeezing them.** Below
+ * `compactMaxLevel` an indent on a 360px screen is a few pixels nobody reads, so
+ * the honest compact form is a shorter list of full-width rows at a touch size.
+ */
+
+const IS_WEB = Platform.OS === 'web';
+const STYLE_ID = 'bloom-outline-nav-web-css';
+const ROW = '[data-bloom-outline-row]';
+const OUTLINE_NAV_CSS = interactiveWebCss({
+  selector: ROW,
+  varPrefix: 'bloom-outline',
+  reset: 'none',
+  transition: 'color 120ms ease',
+  outlineOffset: 2
+});
+const DEFAULT_LABELS = {
+  outline: 'On this page',
+  progress: (at, of) => `Heading ${at} of ${of}`
+};
+
+/** 14px per level, carried by the nested list so the indent IS the structure. */
+const INDENT = 14;
+/** The rail down the left of every row; only the current one is painted. */
+const RAIL = 2;
+function OutlineRow({
+  heading,
+  active,
+  paint,
+  height,
+  onSelect,
+  testID
+}) {
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = useInteractionState();
+  const ringOffset = useRingOffsetStyle();
+  const rowStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    minHeight: height,
+    paddingVertical: 6,
+    paddingRight: 8,
+    borderLeftWidth: RAIL,
+    borderLeftColor: active ? paint.accent : paint.rail,
+    paddingLeft: 10,
+    '--bloom-outline-ring': paint.accent
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...webDataSet({
+      bloomOutlineRow: ''
+    }),
+    role: "link",
+    accessibilityLabel: heading.label
+    // The reader is AT this heading; they did not choose it from a set.
+    ,
+    "aria-current": active ? 'location' : undefined,
+    accessibilityState: {
+      selected: active
+    },
+    onPress: onSelect ? () => onSelect(heading) : undefined,
+    onHoverIn: onIn,
+    onHoverOut: onOut,
+    style: [rowStyle, ringOffset],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: active ? 'body-2-medium' : 'body-2-regular',
+      numberOfLines: 1,
+      style: {
+        color: active ? paint.accent : hovered ? paint.text : paint.quiet,
+        flexShrink: 1
+      },
+      children: heading.label
+    })
+  });
+}
+
+/**
+ * React Native's `Role` union has neither `list` nor `listitem` as DOM roles
+ * react-native-web would emit unchanged, so each travels as the spelling its own
+ * platform reads.
+ */
+const LIST_ROLE = IS_WEB ? {
+  role: 'list'
+} : {
+  accessibilityRole: 'list'
+};
+const LIST_ITEM_ROLE = IS_WEB ? {
+  role: 'listitem'
+} : {};
+function OutlineList({
+  nodes,
+  depth,
+  activeId,
+  paint,
+  height,
+  onSelect,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    ...LIST_ROLE,
+    style: depth === 0 ? undefined : {
+      marginLeft: INDENT
+    },
+    children: nodes.map(node => /*#__PURE__*/_jsxs(View, {
+      ...LIST_ITEM_ROLE,
+      children: [/*#__PURE__*/_jsx(OutlineRow, {
+        heading: node.heading,
+        active: node.heading.id === activeId,
+        paint: paint,
+        height: height,
+        onSelect: onSelect,
+        testID: testID ? `${testID}-${node.heading.id}` : undefined
+      }), node.children.length > 0 ? /*#__PURE__*/_jsx(OutlineList, {
+        nodes: node.children,
+        depth: depth + 1,
+        activeId: activeId,
+        paint: paint,
+        height: height,
+        onSelect: onSelect,
+        testID: testID
+      }) : null]
+    }, node.heading.id))
+  });
+}
+export function OutlineNav({
+  headings,
+  activeId,
+  onSelect,
+  variant = 'full',
+  progress,
+  hideProgress = false,
+  title,
+  compactMaxLevel = 2,
+  accessibilityLabel,
+  labels: labelsProp,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  useInteractiveWebCss(STYLE_ID, OUTLINE_NAV_CSS);
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelsProp
+  };
+  const compact = variant === 'compact';
+  const shown = useMemo(() => compact ? compactHeadings(headings, compactMaxLevel) : headings, [compact, headings, compactMaxLevel]);
+  const tree = useMemo(() => buildOutlineTree(shown), [shown]);
+  const paint = useMemo(() => {
+    const text = surfaceTextOn(theme, surface);
+    return {
+      text: text.text,
+      quiet: text.textSecondary,
+      accent: theme.colors.primarySubtleForeground,
+      rail: text.textGraphical
+    };
+  }, [theme, surface]);
+  const value = progress ?? outlineProgress(shown, activeId);
+  const at = Math.max(0, shown.findIndex(heading => heading.id === activeId)) + 1;
+  const name = accessibilityLabel ?? labels.outline;
+  return /*#__PURE__*/_jsxs(View, {
+    role: "navigation",
+    accessibilityLabel: name,
+    style: style,
+    testID: testID,
+    children: [!compact && (title ?? labels.outline) !== undefined ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-medium",
+      style: {
+        color: paint.quiet,
+        marginBottom: 8,
+        paddingLeft: 12
+      },
+      testID: testID ? `${testID}-title` : undefined,
+      children: title ?? labels.outline
+    }) : null, hideProgress ? null : /*#__PURE__*/_jsx(Meter, {
+      value: value,
+      height: compact ? 3 : 4,
+      accessibilityLabel: name,
+      valueText: labels.progress(at, shown.length),
+      style: {
+        marginBottom: compact ? 8 : 10
+      },
+      testID: testID ? `${testID}-progress` : undefined
+    }), /*#__PURE__*/_jsx(OutlineList, {
+      nodes: tree,
+      depth: 0,
+      activeId: activeId,
+      paint: paint,
+      height: compact ? 44 : 36,
+      onSelect: onSelect,
+      testID: testID ? `${testID}-row` : undefined
+    })]
+  });
+}
+OutlineNav.displayName = 'OutlineNav';
+//# sourceMappingURL=OutlineNav.js.map

package/lib/module/outline-nav/OutlineNav.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Platform","Pressable","View","Meter","useInteractionState","surfaceTextOn","useRingOffsetStyle","useSurfaceFill","interactiveWebCss","useInteractiveWebCss","webDataSet","useTheme","Text","buildOutlineTree","compactHeadings","outlineProgress","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","STYLE_ID","ROW","OUTLINE_NAV_CSS","selector","varPrefix","reset","transition","outlineOffset","DEFAULT_LABELS","outline","progress","at","of","INDENT","RAIL","OutlineRow","heading","active","paint","height","onSelect","testID","state","hovered","onIn","onOut","ringOffset","rowStyle","flexDirection","alignItems","minHeight","paddingVertical","paddingRight","borderLeftWidth","borderLeftColor","accent","rail","paddingLeft","bloomOutlineRow","role","accessibilityLabel","label","undefined","accessibilityState","selected","onPress","onHoverIn","onHoverOut","style","children","variant","numberOfLines","color","text","quiet","flexShrink","LIST_ROLE","accessibilityRole","LIST_ITEM_ROLE","OutlineList","nodes","depth","activeId","marginLeft","map","node","id","length","OutlineNav","headings","hideProgress","title","compactMaxLevel","labels","labelsProp","theme","surface","compact","shown","tree","textSecondary","colors","primarySubtleForeground","textGraphical","value","Math","max","findIndex","name","marginBottom","valueText","displayName"],"sourceRoot":"../../../src","sources":["outline-nav/OutlineNav.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/outline-nav/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { OutlineNav } from "./OutlineNav.js";
+export { buildOutlineTree, compactHeadings, outlineProgress } from "./shared.js";
+//# sourceMappingURL=index.js.map