import { type DateFilterValue } from "./date_filter"; import { type DateSlot, type MeasureFigure, type MoneySlot, type ShapeBaseProps, type ShapeFrameProps, type ShapeTabs } from "./shape_frame"; /** * THE TREND DEEP-DIVE — a period of the business. *"How did it go, and why?"* * * The period control governs every figure on the screen. It leads with the * shape of CHANGE — the period's totals against the same number of days of the * previous period, then the series over complete buckets — then the composition, * then the rows the figures were made from. A period still in progress is read * up to today and compared with as many days of the one before it; a bucket * still in progress, or cut by the period's edge, is not drawn: a partial period * beside finished ones draws a collapse that is not there. */ export interface TrendDeepDiveProps extends ShapeBaseProps, Pick, "totals"> { /** The `when` role — the date a row counts on, and the HOUR where the field carries one. */ when: DateSlot; /** The `amount` role — the money the period adds up; the series and the composition are drawn over it when present. */ amount?: MoneySlot; /** The `measure` role — the quantity the period adds up, or the MONEY where the * figure states a currency; the series where there is no amount. */ measure?: MeasureFigure; /** The composition — a select whose options split the period's total. */ by?: ShapeTabs; /** The period, controlled; absent, the frame opens on this month. */ period?: { value: DateFilterValue; onValueChange: (value: DateFilterValue) => void; }; /** * THE READ WAS CUT — the app SDK's `truncated`: more rows matched than * arrived, so `rows` is part of a longer set, and a fold over part of a set is * drawn exactly like a fold over the set. The screen says so above the figures * rather than standing them down: the remedy is a narrower period. * * A trend reads its period whole (`useQuery`), never a page at a time. */ truncated?: boolean; /** What day it is — decides how far the period has run and which bucket is still in progress. */ now?: Date; } export declare function TrendDeepDive(props: TrendDeepDiveProps): import("react").JSX.Element;