@stapel/listings-react 0.29.1 → 0.30.1

package/CHANGELOG.md

@@ -1,5 +1,147 @@
 # @stapel/listings-react
 
+## 0.30.1
+
+### Patch Changes
+
+- `<ListingDetailPane>`: a heading's own margin stops adding to the column's
+  declared gap.
+
+  The pane's block columns already reset every direct child's `margin-block` to
+  zero, and headings were the one child the sheet could not reach: that reset is
+  `.column > *` — one class, specificity (0,1,0) — while antd writes its heading
+  margins as `h2.ant-typography`, one class AND one element, (0,1,1). So a
+  `<Typography.Title>` kept its own margin and it ADDED to the gap. Measured on
+  the stand with the reset live: 29px between the price and the button under it
+  at 1440 and 27 at 390, where the buy column declares 12; 42.4 and 53.6 in the
+  reading column, where it declares 16.
+
+  An inline declaration is the one thing that beats a sheet without an
+  `!important`, so the pane's headings state the reset themselves
+  (`DETAIL_TITLE_RESET`, exported) — the price, the listing's title, and both
+  section headings, swept together, both ends of the block axis because a heading
+  after a paragraph takes antd's `margin-top` as well. The column's declared gap
+  is now the only spacing between its blocks.
+
+## 0.30.0
+
+### Minor Changes
+
+- 0421227: The listing page gets the four things the reference has and it did not.
+
+  Four rows of the closing-wave comparison inventory, all on
+  `<ListingDetailPane>`, plus one verdict that is not a defect in this package.
+
+  **A condensed bar the pane draws itself.** Past the first screen the reference
+  classified pins back / title / heart / share to the top of a phone listing;
+  this pane offered `renderActionsBar` and left every container to write the
+  same four things. `actionsPlacement={["header", "condensed-top"]}` is the pane
+  drawing it — `onBack` is the arrow (absent, there is none: a listing opened in
+  a new tab has nowhere to go back to), the title is one ellipsised line, and
+  the cluster is the SAME travelling `<ListingActions>` the movable-cluster
+  portal already moves, so the page still mounts one `useFavoriteToggle` and one
+  `aria-pressed` heart. The threshold is the title leaving the fold rather than
+  the reference's "~160px", which is a fact about its own header height. A host
+  that also passes `renderActionsBar` keeps it: the specific answer beats the
+  default one, and two bars never stack.
+
+  **The strip says where it is.** `galleryLayout="strip"` is a native scroll
+  container and the page had no active-photo indicator at all (§20b: a full
+  slide of `scrollLeft` moved the strip and moved nothing else).
+  `useGalleryPosition` reads the strip's own `scroll`, throttled to one
+  measurement per animation frame, from live rectangles rather than
+  `scrollLeft / slideWidth` — and the "3 of 16" pill stands in a frame BESIDE
+  the strip, because an absolutely positioned child of a scroller scrolls away
+  with the content it is counting. Nothing here is keyed off a tap: the gesture
+  that changes the photograph is not one.
+
+  **Four canned questions above the contact control.** `quickQuestions` (the
+  pair's own four, in en/ru/es; a host's own list; `[]` to switch off, capped at
+  four) with `onQuickQuestion` reporting the press. The press is a callback and
+  not a prefilled composer on purpose: `@stapel/chat-react` 0.12.1's door takes
+  no initial message — `<StartDirectChat>` takes a seller and a subject,
+  `useStartDirectChat` posts `{userId, subject}`, `<MessageComposer>` opens on an
+  empty string — so a pane that claimed to seed it would be inventing a seam the
+  other pair does not have. Without the callback the block is not drawn, and the
+  owner never sees it: the owner is the person being asked.
+
+  **Two "find more" strips.** `similar` / `fromSeller` take rows and draw
+  `<ListingRelatedStrip>`; `renderSimilar` / `renderFromSeller` take the whole
+  section and are handed `{listingId, categoryId, ownerKey, axes}` to build a
+  query with. Two sections and not one rail, because the reference draws two and
+  they answer different questions. The rows come from the host's search: this
+  pair does not read search, and the detail wire carries a category id, not a
+  slug. Neither strip is drawn empty.
+
+  **And the characteristics table, which was not the bug.** The comparison
+  measured ~2.5× fewer fields than the reference on the same kind of listing.
+  Read against a live answer: the pane applies no cap and no filter beyond
+  dropping form `header` rows, and it counts what it cannot key
+  (`listings-detail-unreadable`). The shortfall is in the DATA — the listing the
+  comparison measured carries seven feature rows on the wire, and a
+  fully-filled one in the same category carries twenty-eight, all of which the
+  pane draws. What is added is the reference's FOLD, not rows:
+  `<ListingSpecList limit>` / `<ListingDetailPane characteristicsLimit>`, default
+  unlimited, folding only when it saves at least two rows, opening in place.
+
+  Also fixed on the way past: `useTitleVisibility` attached a fresh
+  `IntersectionObserver` to the heading on every render. `<Typography.Title ref>`
+  is antd's, which merges refs and invokes them itself, and a ref callback's
+  return value means nothing to a caller that is not React — so the cleanup was
+  dropped. Three live observers on one `<h1>` after two crossings, each
+  announcing the crossing again to `onTitleVisible`. The hook now holds the one
+  live observer by the node it watches and disconnects from an effect as well.
+
+  `test/detailCondensedBar`, `test/detailGalleryPosition`,
+  `test/detailQuickQuestions` and `test/detailRelated` are the four; the bar's
+  cluster is asserted by ELEMENT IDENTITY across the move, the gallery by a faked
+  strip scroll, and the observer by the count of LIVE observers after three
+  crossings.
+
+  The `/default` size budget is raised 31 → 33 KB (measured 31.84) — the note in
+  `package.json` says what was bought and what was measured against what.
+
+  **And the page's own rhythm, which was the sum of two systems.** The stand's
+  tidiness probe measured the gaps INSIDE `<ListingDetailPane>`'s column at 1440
+  and 390: 111.05, 53.59, 42.39, 29 and 27 pixels, in a container that declares
+  16 (12 in the buy column). Five distances, none of them chosen. A flex `gap`
+  governs only the space a container puts BETWEEN its children, and half the
+  children here are antd components carrying an outer margin of their own —
+  `<Divider>` 24 above and 24 below, `<Typography.Title>` its level's
+  margin-block-start, `<Typography.Paragraph>` about a line — and a margin and a
+  gap add.
+
+  `detailRhythm.ts` is the answer, and it is deliberately the same three-line
+  answer `@stapel/categories-react`'s `blockRhythm.ts` gives a catalogue page:
+  `margin-block: 0` on every direct child of each of the pane's three block
+  columns (the page column, and the split layout's reading and buy columns). The
+  section rule is the one exception, because a horizontal rule is a BREAK and
+  not a block: `DETAIL_RULE_CLASS` gives it one token step on each side
+  (`DETAIL_RULE_SPACE`, `spacing[2]`), so the break lands at `gap + step` and the
+  number is a decision rather than whatever antd's 24 summed to. Specificity, not
+  `!important`: `.column > .rule` beats `.column > *`, and a host can still
+  out-specify both.
+
+  **The card's spec line was a correct picture over a wrong box.**
+  `listings-card-specs-text` measured 57px wider than the element it sits in.
+  `<Typography.Text ellipsis>` clips on ITSELF and the badge row's `<span>` is a
+  separate inline box that lays out at its natural width regardless — so the
+  overflow was hidden and the geometry was still wrong, which is what a container
+  measuring the card reads. The line is a flex container now and the span a flex
+  child with `min-inline-size: 0` — the declaration without which a flex item
+  stays pinned at `min-width: auto` and every other rule is decoration — with the
+  `overflow`/`white-space`/`text-overflow` moved onto the span that holds the
+  words.
+
+  `test/detailRhythm.tsx` enumerates every direct child of each column and
+  asserts the reset's selector matches it (jsdom resolves no `margin-block` from
+  a sheet, so the claim is the scope plus the absence of any inline margin that
+  would beat it), and `test/cardSpecLineBox.tsx` asserts the flex child and its
+  `min-inline-size`. Both were red before: four of the eight assertions fail with
+  the classes removed.
+
+  No budget change: `/default` measures 31.98 of 33.
+
 ## 0.29.1
 
 ### Patch Changes

package/dist/default/CardBadges.d.ts

@@ -36,6 +36,38 @@ export interface CardBadgesProps {
     readonly variant: "badges" | "line";
     readonly testId?: string;
 }
+/** The class the spec line's own box carries. */
+export declare const CARD_SPEC_LINE_CLASS = "stapel-listing-spec-line";
+/** The class the spec line's TEXT carries — see {@link cardSpecLineCss}. */
+export declare const CARD_SPEC_TEXT_CLASS = "stapel-listing-spec-line-text";
+/** The `href` the hoisted spec-line stylesheet is deduplicated by. */
+export declare const CARD_SPEC_STYLE_HREF = "stapel-listings-card-spec-line";
+/**
+ * THE SPEC LINE TRUNCATES, AND THE THING THAT TRUNCATES IS THE THING THAT
+ * HOLDS THE TEXT.
+ *
+ * `<Typography.Text ellipsis>` writes `overflow:hidden`, `white-space:nowrap`
+ * and `text-overflow:ellipsis` on ITSELF, and the text inside it is a separate
+ * `<span>` — the badge row's own element. An inline span lays out at its
+ * natural width regardless of what its parent clips, so the line was drawn
+ * correctly (the overflow is hidden) over a box that is wrong: the stand's
+ * tidiness probe measured `listings-card-specs-text` 57px wider than the
+ * element it sits in. A box that reports a width nothing on screen has is a
+ * defect whether or not a pixel of it is visible — it is what a container
+ * measuring the card, a sticky-header calculation or the next layout rule
+ * reads.
+ *
+ * So the truncation moves ONTO the span. The line becomes a flex container
+ * and the span a flex child with `min-inline-size: 0`, which is the
+ * declaration that lets a flex child shrink below its content at all — without
+ * it `min-width:auto` keeps the box at the text's natural width and every
+ * other rule here is decoration.
+ *
+ * A sheet rather than inline styles because the span is rendered by
+ * `<CardBadges>` and the box by antd, and an inline style cannot reach a
+ * child.
+ */
+export declare function cardSpecLineCss(): string;
 export declare function CardBadges(props: CardBadgesProps): ReactElement | null;
 /** The spec line under a card's title, wrapped in the secondary, truncating
  * text every surface already draws it in. */

package/dist/default/CardBadges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardBadges.d.ts","sourceRoot":"","sources":["../../src/default/CardBadges.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,QAAQ,CAAC,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C;8EAC0E;IAC1E,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAKD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAwCtE;AAED;6CAC6C;AAC7C,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,QAAQ,CAAC,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB,GAAG,YAAY,GAAG,IAAI,CAOtB"}
+{"version":3,"file":"CardBadges.d.ts","sourceRoot":"","sources":["../../src/default/CardBadges.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,QAAQ,CAAC,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C;8EAC0E;IAC1E,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAKD,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,6BAA6B,CAAC;AAC/D,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,kCAAkC,CAAC;AACpE,sEAAsE;AACtE,eAAO,MAAM,oBAAoB,mCAAmC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAMxC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA2CtE;AAED;6CAC6C;AAC7C,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,QAAQ,CAAC,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB,GAAG,YAAY,GAAG,IAAI,CAyBtB"}

package/dist/default/CardBadges.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, Tag, Typography } from "antd";
 import { SkinTheme } from "@stapel/tokens-antd/skin";
 import { useI18n } from "@stapel/core";
@@ -8,6 +8,44 @@ import { cardBadgeTexts, hasCardBadgeContract } from "../model/cardBadges.js";
 import { featuresDtoFromDaoList, featuresFromDaoList } from "../model/features.js";
 /** The separator of a spec line — the one every classified uses. */
 const LINE_SEPARATOR = " · ";
+/** The class the spec line's own box carries. */
+export const CARD_SPEC_LINE_CLASS = "stapel-listing-spec-line";
+/** The class the spec line's TEXT carries — see {@link cardSpecLineCss}. */
+export const CARD_SPEC_TEXT_CLASS = "stapel-listing-spec-line-text";
+/** The `href` the hoisted spec-line stylesheet is deduplicated by. */
+export const CARD_SPEC_STYLE_HREF = "stapel-listings-card-spec-line";
+/**
+ * THE SPEC LINE TRUNCATES, AND THE THING THAT TRUNCATES IS THE THING THAT
+ * HOLDS THE TEXT.
+ *
+ * `<Typography.Text ellipsis>` writes `overflow:hidden`, `white-space:nowrap`
+ * and `text-overflow:ellipsis` on ITSELF, and the text inside it is a separate
+ * `<span>` — the badge row's own element. An inline span lays out at its
+ * natural width regardless of what its parent clips, so the line was drawn
+ * correctly (the overflow is hidden) over a box that is wrong: the stand's
+ * tidiness probe measured `listings-card-specs-text` 57px wider than the
+ * element it sits in. A box that reports a width nothing on screen has is a
+ * defect whether or not a pixel of it is visible — it is what a container
+ * measuring the card, a sticky-header calculation or the next layout rule
+ * reads.
+ *
+ * So the truncation moves ONTO the span. The line becomes a flex container
+ * and the span a flex child with `min-inline-size: 0`, which is the
+ * declaration that lets a flex child shrink below its content at all — without
+ * it `min-width:auto` keeps the box at the text's natural width and every
+ * other rule here is decoration.
+ *
+ * A sheet rather than inline styles because the span is rendered by
+ * `<CardBadges>` and the box by antd, and an inline style cannot reach a
+ * child.
+ */
+export function cardSpecLineCss() {
+    return [
+        `.${CARD_SPEC_LINE_CLASS}{display:flex;min-inline-size:0}`,
+        `.${CARD_SPEC_TEXT_CLASS}{flex:1 1 auto;min-inline-size:0;` +
+            `overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`,
+    ].join("");
+}
 export function CardBadges(props) {
     const { locale } = useI18n();
     const rows = props.rows;
@@ -20,7 +58,7 @@ export function CardBadges(props) {
         if (printed.length === 0)
             return null;
         if (props.variant === "line") {
-            return (_jsx("span", { "data-testid": props.testId ?? "listings-card-badges", children: printed.map((one) => one.text).join(LINE_SEPARATOR) }));
+            return (_jsx("span", { className: CARD_SPEC_TEXT_CLASS, "data-testid": props.testId ?? "listings-card-badges", children: printed.map((one) => one.text).join(LINE_SEPARATOR) }));
         }
         return (_jsx(SkinTheme, { surface: "bare", children: _jsx(Flex, { gap: spacing[1], wrap: true, "data-testid": props.testId ?? "listings-card-badges", children: printed.map((one) => (_jsx(Tag, { "data-testid": `listings-card-badge-${one.slug}`, children: one.text }, one.slug))) }) }));
     }
@@ -35,6 +73,6 @@ export function CardBadges(props) {
 export function CardSpecLine(props) {
     if (props.rows.length === 0)
         return null;
-    return (_jsx(Typography.Text, { type: "secondary", ellipsis: true, "data-testid": props.testId, children: _jsx(CardBadges, { rows: props.rows, copy: props.copy, variant: "line", testId: `${props.testId}-text` }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("style", { href: CARD_SPEC_STYLE_HREF, precedence: "default", children: cardSpecLineCss() }), _jsx(Typography.Text, { type: "secondary", ellipsis: true, className: CARD_SPEC_LINE_CLASS, "data-testid": props.testId, children: _jsx(CardBadges, { rows: props.rows, copy: props.copy, variant: "line", testId: `${props.testId}-text` }) })] }));
 }
 //# sourceMappingURL=CardBadges.js.map

package/dist/default/CardBadges.js.map

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

package/dist/default/ListingDetailPane.d.ts

@@ -1,8 +1,10 @@
 import type { ReactElement, ReactNode } from "react";
-import type { SignInCta } from "@stapel/core";
+import type { LinkComponent, SignInCta } from "@stapel/core";
 import type { ShareChannel, SharePreference } from "../headless/Share.js";
 import type { ListingActionsConfig } from "./ListingActions.js";
 import type { ListingGalleryLayout } from "./detailGallery.js";
+import type { ListingRelatedContext } from "./ListingRelated.js";
+import type { ListingCard as ListingCardData } from "../api/types.js";
 import type { CategoryFeaturesProp, ThemeModeProp } from "./types.js";
 /** The reading measure of the page body. A detail page is prose plus a spec
  * table; past this it stops being one column and starts being a stripe across
@@ -178,13 +180,21 @@ export interface ListingDetailPaneProps extends ThemeModeProp, CategoryFeaturesP
      *  - `"bar"` — the condensed top bar the host draws through
      *    {@link renderActionsBar}. Only meaningful in a LIST beside one of the
      *    three above, and only with that render prop: it names a second place
-     *    the one cluster may travel to, never a home of its own.
+     *    the one cluster may travel to, never a home of its own;
+     *  - `"condensed-top"` — the same second place, drawn by the PANE: a fixed
+     *    strip carrying {@link onBack}, the title on one line and the cluster,
+     *    on screen exactly while the title is off it. Also a loan and never a
+     *    home. See `condensedBar.ts` for what it is and why the pane draws it
+     *    rather than leaving every container to write the same four things.
      *
-     * A LIST is how a host says "both": `["header", "bar"]` keeps the cluster
-     * beside the title and lends it to the bar for as long as the bar is on
-     * screen. Exactly one home placement is honoured — the first non-`"bar"`
-     * entry — because two homes would need two instances, which is the defect
-     * this closes rather than the feature it adds.
+     * A LIST is how a host says "both": `["header", "condensed-top"]` keeps the
+     * cluster beside the title and lends it to the bar for as long as the bar is
+     * on screen. Exactly one home placement is honoured — the first entry that
+     * is neither loan — because two homes would need two instances, which is the
+     * defect this closes rather than the feature it adds.
+     *
+     * Asking for BOTH loans is a host that said something specific and a pair
+     * that has a default: `renderActionsBar` wins, and the pane draws nothing.
      */
     readonly actionsPlacement?: ListingActionsPlacement | readonly ListingActionsPlacement[];
     /**
@@ -217,6 +227,94 @@ export interface ListingDetailPaneProps extends ThemeModeProp, CategoryFeaturesP
      * pane's own single are all what this prop exists to end.
      */
     readonly renderActionsBar?: (cluster: ReactNode) => ReactNode;
+    /**
+     * LEAVE THIS PAGE — the back arrow of the pane's own condensed bar.
+     *
+     * A callback and not an `href`, for the reason the cards' open arm states:
+     * "back" is the HISTORY's, not an address, and a pair that called
+     * `history.back()` itself would move a router it does not own. Absent, the
+     * bar draws no arrow at all — a listing opened in a new tab has nowhere to
+     * go back to, and an arrow that reloads the home page is worse than none.
+     *
+     * Only read with `"condensed-top"` in {@link actionsPlacement}.
+     */
+    readonly onBack?: () => void;
+    /**
+     * THE FOUR QUESTIONS EVERY BUYER ASKS, as chips above the contact control.
+     *
+     * The reference classified puts a "ask the seller" block on every listing —
+     * four canned questions and a free-text box — and it is the one thing on
+     * that page that turns a reader into a conversation (§16, all four
+     * comparisons). This pair ships the four in its own three locales; a host
+     * with a category that wants different ones passes its own, and `[]`
+     * switches the block off.
+     *
+     * At most four are drawn. A fifth is not a longer row, it is a wrapped
+     * second row of chips above the primary action.
+     *
+     * Requires {@link onQuickQuestion} — see there for why the pair cannot wire
+     * the press itself.
+     */
+    readonly quickQuestions?: readonly string[];
+    /**
+     * WHAT A PRESSED CHIP DOES, and why it is the host's.
+     *
+     * The chip's whole job is to put its text in the composer of the thread with
+     * this seller, and neither half of that is this pair's: the thread belongs to
+     * `@stapel/chat-react` (it arrives here as `contactSlot`, because L2 pairs do
+     * not import each other), and as of chat-react 0.12.1 its own door takes no
+     * initial message — `<StartDirectChat>` takes `sellerId` and a subject,
+     * `useStartDirectChat` posts `{userId, subject}`, and `<MessageComposer>`
+     * opens on an empty string with no seed. So there is nothing for this pane to
+     * hand a text to.
+     *
+     * The honest seam is therefore the callback: the pane draws the chips and
+     * reports the press, the container opens the thread and seeds the composer
+     * the way it already navigates to one. Without this prop the block is not
+     * drawn — a chip that does nothing is worse than no chip.
+     */
+    readonly onQuickQuestion?: (text: string) => void;
+    /**
+     * MORE LIKE THIS ONE — rows the host fetched from search
+     * (`category=` plus the main axes), drawn as a strip under the description.
+     *
+     * Empty or absent: no section at all. See `<ListingRelatedStrip>` for why
+     * the rows arrive rather than being read here.
+     */
+    readonly similar?: readonly ListingCardData[];
+    /** More from the same seller — the `owner=` search, same contract as
+     * {@link similar}. */
+    readonly fromSeller?: readonly ListingCardData[];
+    /** Where the "show all" link of each strip goes — the search the strip is a
+     * sample of. Absent: the strip has no link. */
+    readonly similarHref?: string;
+    readonly fromSellerHref?: string;
+    /**
+     * The whole "more like this" section, built by the host — handed everything
+     * the pane knows about this listing. Overrides {@link similar}: a host with
+     * a renderer has already decided what the section is.
+     */
+    readonly renderSimilar?: (context: ListingRelatedContext) => ReactNode;
+    /** The same, for the seller's other listings. Overrides {@link fromSeller}. */
+    readonly renderFromSeller?: (context: ListingRelatedContext) => ReactNode;
+    /** Where one card of either strip leads. Absent, the cards are inert. */
+    readonly listingHref?: (id: number) => string;
+    /** The host's `<Link>`, for those cards and the two "show all" links. */
+    readonly linkComponent?: LinkComponent;
+    /**
+     * HOW MANY SPEC ROWS STAND BEFORE THE FOLD — handed to
+     * `<ListingSpecList limit>`, which is where the argument for a fold and the
+     * rule about when it is worth one are written.
+     *
+     * Default: no fold, which is every existing mount unchanged. `10` is the
+     * phone answer.
+     *
+     * It does NOT change which rows exist. A live read was measured against the
+     * reference here (§16 comparison 1) and the shortfall was in the DATA, not
+     * in this component: the pane draws every stored row the build can key, and
+     * says how many it could not (`listings-detail-unreadable`).
+     */
+    readonly characteristicsLimit?: number;
     /**
      * IS THE TITLE STILL IN THE FOLD?
      *
@@ -341,6 +439,15 @@ export interface ListingDetailPaneProps extends ThemeModeProp, CategoryFeaturesP
  * Where the reader's cluster may sit. Three homes and one loan — see
  * {@link ListingDetailPaneProps.actionsPlacement}.
  */
-export type ListingActionsPlacement = "header" | "gallery" | "buy-box" | "bar";
+export type ListingActionsPlacement = "header" | "gallery" | "buy-box" | "bar" | "condensed-top";
+/**
+ * How many canned questions the page draws, whoever supplies them.
+ *
+ * Four is the reference's own count and it is not arbitrary: the chips stand
+ * between the price and the one primary action on the page, and a fifth does
+ * not lengthen the row on a 390px phone — it wraps, and pushes "message the
+ * seller" a line further down.
+ */
+export declare const QUICK_QUESTIONS_MAX = 4;
 export declare function ListingDetailPane(props: ListingDetailPaneProps): ReactElement;
 //# sourceMappingURL=ListingDetailPane.d.ts.map

package/dist/default/ListingDetailPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListingDetailPane.d.ts","sourceRoot":"","sources":["../../src/default/ListingDetailPane.tsx"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAOhE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAS/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEtE;;oBAEoB;AACpB,eAAO,MAAM,cAAc,UAAU,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,UAAU,CAAC;AAE1C;yBACyB;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAA0E,CAAC;AAE/G,MAAM,WAAW,sBACf,SAAQ,aAAa,EACnB,oBAAoB;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB;;6BAEyB;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAClC;;;;;;OAMG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;;;;;;;;;;;;;OAiBG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,eAAe,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC;6EACyE;IACzE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAC;IACpD;;;;;;;;;OASG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC;IACvC,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD;;;;;OAKG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EACtB,uBAAuB,GACvB,SAAS,uBAAuB,EAAE,CAAC;IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC;IAC9D;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD;;;;;;;;;;;;;;;;;;OAkBG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAC9C;;;;;;;OAOG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5C;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC;;;;;;;;;;;;;;;;;;OAkBG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAC/B,QAAQ,GACR,SAAS,GACT,SAAS,GACT,KAAK,CAAC;AAuFV,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CA0qB7E"}
+{"version":3,"file":"ListingDetailPane.d.ts","sourceRoot":"","sources":["../../src/default/ListingDetailPane.tsx"],"names":[],"mappings":"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"}