@stealthscale/component-collections 0.0.1 → 0.1.1

package/dist/index.d.ts

@@ -1 +1,2148 @@
-export {}
+import { GridCollection, GridCollection as GridCollection$1, ListCollection, ListCollection as ListCollection$1, TreeCollection, TreeNode } from "@zag-js/collection";
+import { ComponentProps, ReactElement, ReactNode, Ref } from "react";
+import * as listbox from "@zag-js/listbox";
+import { ButtonProps } from "@stealthscale/component-actions";
+import * as treeView from "@zag-js/tree-view";
+import { NodeState } from "@zag-js/tree-view";
+//#region src/collection/collection.d.ts
+/**
+ * Describes what a collection is built from: the rows, and how to read a row's words and value.
+ *
+ * @typeParam Row - What one row holds.
+ */
+interface CollectionOptions<Row> {
+  /**
+   * Decides whether a row survives what has been typed.
+   *
+   * @remarks
+   *   Given the row's own words, the text typed and the row itself, so a caller can match on more
+   *   than the words a reader sees. Left out, a row survives on its words alone.
+   */
+  filter?: ((words: string, typed: string, row: Row) => boolean) | undefined;
+  /**
+   * Reads whether a row can be picked.
+   *
+   * @remarks
+   *   A row that cannot be picked is still drawn and still read out, because a reader who cannot
+   *   see it has no way to learn the option exists. The arrows pass over it and a press does
+   *   nothing. Left out, every row can be picked.
+   */
+  isItemDisabled?: ((row: Row) => boolean) | undefined;
+  /**
+   * Reads the words a row is drawn and announced by.
+   */
+  itemToString: (row: Row) => string;
+  /**
+   * Reads the value a row is chosen by.
+   */
+  itemToValue: (row: Row) => string;
+  /**
+   * Every row, in the order they are drawn.
+   */
+  rows: readonly Row[];
+}
+/**
+ * Describes what the hook answers: the rows left, and how to narrow them.
+ *
+ * @typeParam Row - What one row holds.
+ */
+interface Collection<Row> {
+  /**
+   * The rows that survive what has been typed, in the order they were given.
+   */
+  collection: ListCollection$1<Row>;
+  /**
+   * Narrows the rows to what matches, or restores every row where nothing has been typed.
+   */
+  narrow: (typed: string) => void;
+}
+/**
+ * Keeps the rows and the text typed, and answers what is left of them.
+ *
+ * @typeParam Row - What one row holds.
+ * @param options - The rows, how to read one, and how to match one.
+ * @returns The rows left and how to narrow them.
+ */
+export declare function useListCollection<Row>(options: CollectionOptions<Row>): Collection<Row>;
+//#endregion
+//#region src/collection/filter.d.ts
+/**
+ * Builds the test a list is narrowed by, folded the way the locale in force folds text.
+ *
+ * @remarks
+ *   A reader typing `cafe` means to find `Café`, and one typing in lower case means to find a row
+ *   that is capitalised. Both fall out of the collator the locale supplies rather than out of a
+ *   comparison this package writes, so a locale that folds differently is answered without a
+ *   second implementation.
+ */
+/**
+ * Describes the tests a filter offers, each taking the text to search and the text typed.
+ */
+interface Filter {
+  /**
+   * Returns true where the text holds the typed text anywhere in it.
+   */
+  contains: (haystack: string, needle: string) => boolean;
+  /**
+   * Returns true where the text ends with the typed text.
+   */
+  endsWith: (haystack: string, needle: string) => boolean;
+  /**
+   * Returns true where the text opens with the typed text.
+   */
+  startsWith: (haystack: string, needle: string) => boolean;
+}
+/**
+ * Describes how strictly a filter tells two strings apart.
+ */
+interface FilterOptions {
+  /**
+   * The locale whose folding rules apply. The document's own unless you state one.
+   */
+  locale?: string | undefined;
+  /**
+   * How much difference counts. `base` folds case and accents together, which is what a reader
+   * typing quickly expects. Default: `base`.
+   */
+  sensitivity?: "accent" | "base" | "case" | "variant" | undefined;
+}
+/**
+ * Answers the tests a list is narrowed by.
+ *
+ * @remarks
+ *   The collator behind these is expensive to build and cheap to call, so it is built once per
+ *   locale and sensitivity rather than on every keystroke.
+ * @param options - The locale and how strictly it tells two strings apart.
+ * @returns The three tests, each folded by that locale.
+ */
+export declare function useFilter(options?: FilterOptions): Filter;
+//#endregion
+//#region src/collection/grid.d.ts
+/**
+ * Describes what a grid of rows is built from.
+ *
+ * @typeParam Row - What one tile holds.
+ */
+interface GridOptions<Row> {
+  /**
+   * How many columns the tiles are laid out in.
+   */
+  columnCount: number;
+  /**
+   * Reads the words a tile is drawn and announced by.
+   */
+  itemToString: (row: Row) => string;
+  /**
+   * Reads the value a tile is chosen by.
+   */
+  itemToValue: (row: Row) => string;
+  /**
+   * Every tile, in the order they are drawn.
+   */
+  rows: readonly Row[];
+}
+/**
+ * Describes what the hook answers: the tiles, knowing where each one's neighbours are.
+ *
+ * @typeParam Row - What one tile holds.
+ */
+interface Grid<Row> {
+  /**
+   * The tiles, in the order they were given, knowing where each one's neighbours are.
+   */
+  collection: GridCollection$1<Row>;
+}
+/**
+ * Builds a collection the arrows cross in two directions.
+ *
+ * @typeParam Row - What one tile holds.
+ * @param options - The tiles, how to read one, and how many columns they run in.
+ * @returns The collection, rebuilt when the tiles or the count of columns change.
+ */
+export declare function useGridCollection<Row>(options: GridOptions<Row>): Grid<Row>;
+//#endregion
+//#region src/data-list/item-label.d.ts
+/**
+ * Renders the label `dt`, a row that places a mark or a control beside the words.
+ */
+declare const ItemLabel: import("@stealthscale/theme").StyledComponent<"dt", {}>;
+/**
+ * Describes the props of `ItemLabel`.
+ */
+type ItemLabelProps = ComponentProps<typeof ItemLabel>;
+//#endregion
+//#region src/data-list/item-value.d.ts
+/**
+ * Renders the value `dd`, a wrapping row with no indent.
+ */
+declare const ItemValue: import("@stealthscale/theme").StyledComponent<"dd", {}>;
+/**
+ * Describes the props of `ItemValue`.
+ */
+type ItemValueProps = ComponentProps<typeof ItemValue>;
+//#endregion
+//#region src/data-list/item.d.ts
+/**
+ * Renders the item `div`.
+ */
+declare const Item$4: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of `Item`.
+ */
+type ItemProps$4 = ComponentProps<typeof Item$4>;
+//#endregion
+//#region src/data-list/root.d.ts
+/**
+ * Renders the root `dl` with the list's variants.
+ */
+declare const Root$6: import("@stealthscale/theme").StyledComponent<"dl", {
+  readonly divided?: boolean | undefined;
+  readonly orientation?: "horizontal" | "vertical" | undefined;
+  readonly size?: "lg" | "md" | "sm" | undefined;
+  readonly variant?: "bold" | "subtle" | undefined;
+}>;
+/**
+ * Describes the props of `Root`.
+ */
+type RootProps$6 = ComponentProps<typeof Root$6>;
+declare namespace index_d_exports {
+  export { Item$4 as Item, ItemLabel, ItemLabelProps, ItemProps$4 as ItemProps, ItemValue, ItemValueProps, Root$6 as Root, RootProps$6 as RootProps };
+}
+//#endregion
+//#region src/listbox/content.d.ts
+/**
+ * Renders the `div` with the listbox's content class, which the scroll area's root takes.
+ */
+declare const Listed: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the content: the props of the `div` with `role="listbox"`, without `as`,
+ * because another element in the viewport's place would drop the scroll area.
+ */
+type ContentProps$2 = Omit<ComponentProps<typeof Listed>, "as">;
+/**
+ * Renders the scroll area with the machine's content props on its viewport.
+ *
+ * @param props - Attributes and children of the element with `role="listbox"`, merged over the
+ *   machine's.
+ * @returns The scroll area's root.
+ */
+declare function Content$2({ children, ...rest }: ContentProps$2): ReactElement;
+//#endregion
+//#region src/listbox/empty.d.ts
+/**
+ * Renders the `span` with the listbox's empty class.
+ */
+declare const Nothing: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of the empty text: the props of a `span`.
+ */
+type EmptyProps$1 = ComponentProps<typeof Nothing>;
+/**
+ * Renders the empty text while the collection has no rows.
+ *
+ * @param props - Attributes and children of the `span` element.
+ * @returns The `span` element, or `null` while the collection has rows.
+ */
+declare function Empty$1(props: EmptyProps$1): null | ReactElement;
+//#endregion
+//#region src/listbox/frame.d.ts
+/**
+ * Renders the `div` with the listbox's frame class.
+ */
+declare const Frame: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the frame: the props of a `div`.
+ */
+type FrameProps = ComponentProps<typeof Frame>;
+//#endregion
+//#region src/listbox/input.d.ts
+/**
+ * Renders the `input` with the listbox's input class.
+ */
+declare const Typed: import("@stealthscale/theme").StyledComponent<"input", {}>;
+/**
+ * Describes the props of the field: its value, the clear control and the props of an `input`.
+ */
+interface InputProps extends Omit<ComponentProps<typeof Typed>, "defaultValue" | "value"> {
+  /**
+   * Whether the first row of the filtered list is highlighted while the field has text.
+   */
+  readonly autoHighlight?: boolean | undefined;
+  /**
+   * Icon of the clear control. The control renders only when an icon is given.
+   */
+  readonly clearIndicator?: ReactNode | undefined;
+  /**
+   * Accessible name of the clear control.
+   */
+  readonly clearLabel?: string | undefined;
+  /**
+   * Initial text of an uncontrolled field.
+   */
+  readonly defaultValue?: string | undefined;
+  /**
+   * Called with the field's text on every change.
+   */
+  readonly onValueChange?: ((value: string) => void) | undefined;
+  /**
+   * Text of a controlled field.
+   */
+  readonly value?: string | undefined;
+}
+/**
+ * Renders the field with the machine's input props, and the clear control while it has text.
+ *
+ * @param props - The value, the clear control's icon and name, and the props of an `input`.
+ * @returns The control `div` that contains the field and the clear control.
+ */
+declare function Input({ autoHighlight, clearIndicator, clearLabel, defaultValue, onChange, onValueChange, value, ...rest }: InputProps): ReactElement;
+//#endregion
+//#region src/listbox/item-checkbox.d.ts
+/**
+ * Renders the `span` with the listbox's item checkbox class, hidden from assistive technology.
+ */
+declare const ItemCheckbox: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a row's checkbox: the props of a `span`.
+ */
+type ItemCheckboxProps = ComponentProps<typeof ItemCheckbox>;
+//#endregion
+//#region src/listbox/item-description.d.ts
+/**
+ * Renders the `span` with the listbox's item description class, in the tertiary ink and one size
+ * smaller than the row's text.
+ */
+declare const ItemDescription: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a row's description: the props of a `span`.
+ */
+type ItemDescriptionProps = ComponentProps<typeof ItemDescription>;
+//#endregion
+//#region src/listbox/item-group-label.d.ts
+/**
+ * Renders the `span` with the listbox's item group label class.
+ */
+declare const Headed: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a group label: its group's identifier and the props of a `span`.
+ */
+interface ItemGroupLabelProps extends ComponentProps<typeof Headed> {
+  /**
+   * Identifier of the group the label names.
+   */
+  readonly htmlFor: string;
+}
+/**
+ * Renders a group label with the machine's item group label props.
+ *
+ * @param props - The group's identifier, and the attributes and children of the `span` element.
+ * @returns The `span` element the group's `aria-labelledby` references.
+ */
+declare function ItemGroupLabel({ htmlFor, ...rest }: ItemGroupLabelProps): ReactElement;
+//#endregion
+//#region src/listbox/item-group.d.ts
+/**
+ * Renders the `div` with the listbox's item group class.
+ */
+declare const Gathered: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of a group: its identifier and the props of a `div`.
+ */
+interface ItemGroupProps extends Omit<ComponentProps<typeof Gathered>, "id"> {
+  /**
+   * Identifier the group and its label share.
+   */
+  readonly id: string;
+}
+/**
+ * Renders a group with the machine's item group props.
+ *
+ * @param props - The identifier, and the attributes and children of the `div` element.
+ * @returns The `div` element with `role="group"`.
+ */
+declare function ItemGroup({ id, ...rest }: ItemGroupProps): ReactElement;
+//#endregion
+//#region src/listbox/machine.d.ts
+/**
+ * Describes one item of a collection as the parts receive it.
+ *
+ * @remarks
+ *   The machine types an item as `any`. The parts take `unknown` and pass it back unchanged, so
+ *   `any` stays in the machine's types.
+ */
+type ListboxItem = unknown;
+/**
+ * Describes the machine options the root takes. `collection` is required and `id` is optional.
+ */
+type ListboxOptions = {
+  /**
+   * Base of every element identifier the machine generates. React generates one when the caller
+   * states none.
+   */
+  id?: string | undefined;
+} & Omit<listbox.Props, "id">;
+//#endregion
+//#region src/listbox/item-indicator.d.ts
+/**
+ * Renders the `span` with the listbox's item indicator class, hidden from assistive technology.
+ */
+declare const Marked: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a row's mark: its collection item and the props of a `span`.
+ */
+interface ItemIndicatorProps$1 extends ComponentProps<typeof Marked> {
+  /**
+   * Collection item the mark belongs to.
+   */
+  readonly item: ListboxItem;
+}
+/**
+ * Renders a row's mark with the machine's indicator props, without `hidden`.
+ *
+ * @param props - The collection item, and the attributes and children of the `span` element.
+ * @returns The `span` element, visible while the row is selected.
+ */
+declare function ItemIndicator$1({ item, ...rest }: ItemIndicatorProps$1): ReactElement;
+//#endregion
+//#region src/listbox/item-lines.d.ts
+/**
+ * Renders the `span` with the listbox's item lines class.
+ */
+declare const ItemLines: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a row's lines: the props of a `span`.
+ */
+type ItemLinesProps = ComponentProps<typeof ItemLines>;
+//#endregion
+//#region src/listbox/item-text.d.ts
+/**
+ * Renders the `span` with the listbox's item text class.
+ */
+declare const Named$2: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a row's text: its collection item and the props of a `span`.
+ */
+interface ItemTextProps$1 extends ComponentProps<typeof Named$2> {
+  /**
+   * Collection item the text belongs to.
+   */
+  readonly item: ListboxItem;
+}
+/**
+ * Renders a row's text with the machine's item text props.
+ *
+ * @param props - The collection item, and the attributes and children of the `span` element.
+ * @returns The `span` element.
+ */
+declare function ItemText$1({ item, ...rest }: ItemTextProps$1): ReactElement;
+//#endregion
+//#region src/listbox/item.d.ts
+/**
+ * Renders the `div` with the listbox's item class.
+ */
+declare const Offered: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of a row: its collection item and the props of a `div`.
+ */
+interface ItemProps$3 extends ComponentProps<typeof Offered> {
+  /**
+   * Collection item the row renders.
+   */
+  readonly item: ListboxItem;
+}
+/**
+ * Renders a row with the machine's item props.
+ *
+ * @param props - The collection item, and the attributes and children of the `div` element.
+ * @returns The `div` element with `role="option"`.
+ */
+declare function Item$3({ item, ...rest }: ItemProps$3): ReactElement;
+//#endregion
+//#region src/listbox/label.d.ts
+/**
+ * Renders the `span` with the listbox's label class.
+ */
+declare const Named$1: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of the label: the props of a `span`.
+ */
+type LabelProps$1 = ComponentProps<typeof Named$1>;
+/**
+ * Renders the label with the machine's label props.
+ *
+ * @param props - Attributes and children of the `span` element, merged over the machine's.
+ * @returns The `span` element the list's `aria-labelledby` references.
+ */
+declare function Label$1(props: LabelProps$1): ReactElement;
+//#endregion
+//#region src/listbox/root.d.ts
+/**
+ * Renders the root `div` with the recipe's variants.
+ */
+declare const Framed$2: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly columns?: import("@stealthscale/theme/authoring").Count | undefined;
+  readonly effect?: "glow" | undefined;
+  readonly highlight?: import("@stealthscale/theme/authoring").Highlight | undefined;
+  readonly orientation?: "horizontal" | "vertical" | undefined;
+  readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+  readonly radius?: "l1" | "l2" | "l3" | undefined;
+  readonly selected?: "none" | "plain" | "solid" | "subtle" | undefined;
+  readonly size?: "lg" | "md" | "sm" | undefined;
+  readonly variant?: "plain" | "surface" | undefined;
+}>;
+/**
+ * Describes the props that set how every row renders its selection.
+ */
+interface RowShape {
+  /**
+   * Whether every row renders a checkbox at its start.
+   */
+  readonly boxed?: boolean | undefined;
+  /**
+   * Mark a selected row renders, in its checkbox or at its end.
+   */
+  readonly mark?: ReactNode | undefined;
+  /**
+   * Mark the select-all checkbox renders while part of the list is selected.
+   */
+  readonly mixedMark?: ReactNode | undefined;
+}
+/**
+ * Describes the props of the root: the machine's options, the recipe's variants, `RowShape` and
+ * the props of a `div`.
+ *
+ * @remarks
+ *   The element's props of the same names as the machine's options are left out, so no prop has
+ *   two types.
+ */
+interface RootProps$5 extends ListboxOptions, Omit<ComponentProps<typeof Framed$2>, keyof ListboxOptions | keyof RowShape>, RowShape {}
+/**
+ * Renders the listbox and provides the machine's api, `boxed`, the marks and the window slot to
+ * its parts.
+ *
+ * @param props - The machine's options, the recipe's variants, `boxed`, the marks and the props of
+ *   a `div`.
+ * @returns The root `div`.
+ */
+declare function Root$5({ boxed, id, mark, mixedMark, scrollToIndexFn, selected, ...props }: RootProps$5): ReactElement;
+//#endregion
+//#region src/listbox/select-all.d.ts
+/**
+ * Renders the `button` with the listbox's select-all class.
+ */
+declare const Whole: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes the props of the select-all row: the props of a `button`.
+ */
+type SelectAllProps = ComponentProps<typeof Whole>;
+/**
+ * Renders the select-all row.
+ *
+ * @param props - The row's text as children, and the props of a `button`.
+ * @returns The `button` element with `aria-pressed` and `data-state`.
+ */
+declare function SelectAll({ children, onClick, ...rest }: SelectAllProps): ReactElement;
+//#endregion
+//#region src/listbox/value-text.d.ts
+/**
+ * Renders the `span` with the listbox's value text class.
+ */
+declare const Chosen: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of the value text: a placeholder and the props of a `span`.
+ */
+interface ValueTextProps extends ComponentProps<typeof Chosen> {
+  /**
+   * Text rendered while nothing is selected.
+   */
+  readonly placeholder?: ReactNode;
+}
+/**
+ * Renders the selected rows' text, or the placeholder while nothing is selected.
+ *
+ * @remarks
+ *   Children render in place of both. The placeholder renders only while `valueAsString` is empty.
+ * @param props - The placeholder, and the attributes and children of the `span` element.
+ * @returns The `span` element.
+ */
+declare function ValueText({ children, placeholder, ...rest }: ValueTextProps): ReactElement;
+//#endregion
+//#region src/listbox/window.d.ts
+/**
+ * Describes the rows of the collection to render.
+ */
+interface Range {
+  /**
+   * Index of the first row to render.
+   */
+  first: number;
+  /**
+   * Index one past the last row to render, so the pair slices the collection.
+   */
+  last: number;
+}
+/**
+ * Describes the props of a window.
+ */
+interface WindowProps {
+  /**
+   * Renders the rows between the two indexes.
+   */
+  readonly children: (range: Range) => ReactNode;
+  /**
+   * Number of rows in the collection.
+   */
+  readonly count: number;
+  /**
+   * Number of rows rendered beyond each end of the viewport. Defaults to 4.
+   */
+  readonly overscan?: number | undefined;
+  /**
+   * Height of one row in pixels. The window measures the first rendered row when the caller states
+   * none.
+   */
+  readonly rowHeight?: number | undefined;
+}
+/**
+ * Renders the rows in or near the viewport, and passes the machine a function that scrolls to any
+ * row.
+ *
+ * @param props - The row count, the row height, the overscan and the row renderer.
+ * @returns The outer element, as tall as every row, that contains the rendered rows.
+ */
+declare function Window({ children, count, overscan, rowHeight }: WindowProps): ReactElement;
+//#endregion
+//#region src/listbox/row.d.ts
+/**
+ * Describes the props of a ready-made row: a description, an icon and the props of an item.
+ */
+interface RowProps$1 extends ItemProps$3 {
+  /**
+   * Description rendered under the row's text.
+   */
+  readonly description?: ReactNode | undefined;
+  /**
+   * Icon rendered before the row's text.
+   */
+  readonly icon?: ReactNode | undefined;
+}
+/**
+ * Renders one row with the checkbox or end mark the root states.
+ *
+ * @param props - The collection item, the text as children, an icon, a description and the props
+ *   of an item.
+ * @returns The item `div` with `role="option"`.
+ */
+declare function Row$2({ children, description, icon, item, ...rest }: RowProps$1): ReactElement;
+//#endregion
+//#region src/listbox/simple.d.ts
+/**
+ * Describes the filter field above the rows.
+ */
+interface Narrowing {
+  /**
+   * Icon of the clear control. The control renders only when an icon is given.
+   */
+  readonly clearIndicator?: ReactNode | undefined;
+  /**
+   * Accessible name of the clear control.
+   */
+  readonly clearLabel?: string | undefined;
+  /**
+   * Called with the field's text on every change. The caller passes back a filtered collection.
+   */
+  readonly onNarrow: (typed: string) => void;
+  /**
+   * Placeholder of the field.
+   */
+  readonly placeholder?: string | undefined;
+}
+/**
+ * Describes the props of a whole listbox: the root's props and the parts it renders.
+ *
+ * @typeParam Row - Type of one collection item.
+ */
+interface SimpleProps$1<Row> extends Omit<RootProps$5, "children" | "collection"> {
+  /**
+   * Rows in render order.
+   */
+  readonly collection: ListCollection$1<Row>;
+  /**
+   * Returns the description rendered under a row's text.
+   */
+  readonly description?: ((row: Row) => ReactNode) | undefined;
+  /**
+   * Text rendered while the collection is empty.
+   */
+  readonly empty?: ReactNode | undefined;
+  /**
+   * Returns the key of the group a row belongs to.
+   */
+  readonly groupBy?: ((row: Row) => string) | undefined;
+  /**
+   * Returns the label of a group from its key. Defaults to the key.
+   */
+  readonly groupLabel?: ((under: string) => ReactNode) | undefined;
+  /**
+   * Returns the icon rendered before a row's text.
+   */
+  readonly icon?: ((row: Row) => ReactNode) | undefined;
+  /**
+   * Label rendered above the list.
+   */
+  readonly label?: ReactNode | undefined;
+  /**
+   * Filter field rendered above the rows.
+   */
+  readonly narrowing?: Narrowing | undefined;
+  /**
+   * Text of the select-all row rendered above the rows.
+   */
+  readonly selectAll?: ReactNode | undefined;
+  /**
+   * Placeholder of the summary rendered under the list, which shows the selected rows' text.
+   */
+  readonly summary?: string | undefined;
+  /**
+   * Height of the list in rows. A list with a height renders only the rows in or near its
+   * viewport.
+   */
+  readonly tall?: number | undefined;
+}
+/**
+ * Renders a whole listbox from props.
+ *
+ * @remarks
+ *   The field, the select-all row and the empty text render in the frame, outside the element with
+ *   `role="listbox"`, which allows only options and groups. The rows scroll inside that element, so
+ *   the field and the select-all row stay in place. The label and the summary render outside the
+ *   frame.
+ * @typeParam Row - Type of one collection item.
+ * @param props - The collection, the row renderers and the parts above and below the rows.
+ * @returns The listbox.
+ */
+declare function Simple$1<Row>(props: SimpleProps$1<Row>): ReactElement;
+declare namespace index_d_exports$1 {
+  export { Content$2 as Content, ContentProps$2 as ContentProps, Empty$1 as Empty, EmptyProps$1 as EmptyProps, Frame, FrameProps, Input, InputProps, Item$3 as Item, ItemCheckbox, ItemCheckboxProps, ItemDescription, ItemDescriptionProps, ItemGroup, ItemGroupLabel, ItemGroupLabelProps, ItemGroupProps, ItemIndicator$1 as ItemIndicator, ItemIndicatorProps$1 as ItemIndicatorProps, ItemLines, ItemLinesProps, ItemProps$3 as ItemProps, ItemText$1 as ItemText, ItemTextProps$1 as ItemTextProps, Label$1 as Label, LabelProps$1 as LabelProps, ListboxItem, Narrowing, Range, Root$5 as Root, RootProps$5 as RootProps, Row$2 as Row, RowProps$1 as RowProps, RowShape, SelectAll, SelectAllProps, Simple$1 as Simple, SimpleProps$1 as SimpleProps, ValueText, ValueTextProps, Window, WindowProps };
+}
+//#endregion
+//#region src/sortable/board.d.ts
+/**
+ * Renders the board's `div` with the recipe's board class.
+ */
+declare const Box$6: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the board: the props of a `div`, whose children are the lists.
+ */
+type BoardProps = ComponentProps<typeof Box$6>;
+/**
+ * Renders the board's lists in a row inside a scroll area that scrolls sideways.
+ *
+ * @param props - The props of a `div`, whose children are the lists.
+ */
+declare function Board({ children, ...props }: BoardProps): ReactElement;
+//#endregion
+//#region src/sortable/empty.d.ts
+/**
+ * Renders the message's `div` with the recipe's empty class.
+ */
+declare const Box$5: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the message: the props of a `div`.
+ */
+type EmptyProps = ComponentProps<typeof Box$5>;
+/**
+ * Renders the message while the list it is in has no item, and nothing otherwise.
+ *
+ * @param props - The props of a `div`, whose children are the message.
+ */
+declare function Empty(props: EmptyProps): null | ReactElement;
+//#endregion
+//#region src/sortable/handle.d.ts
+/**
+ * Describes the props of the handle: the props of the actions `Button`, whose children are the
+ * glyph.
+ */
+type HandleProps = Omit<ButtonProps, "aria-label" | "shape">;
+/**
+ * Renders the handle of the row it is in, or an inert empty box of its size for a disabled row.
+ *
+ * @param props - The props of the actions `Button`, whose children are the glyph.
+ */
+declare function Handle(props: HandleProps): ReactElement;
+//#endregion
+//#region src/sortable/item-content.d.ts
+/**
+ * Renders the content's `div` with the recipe's item content class.
+ */
+declare const ItemContent: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of a row's content: the props of a `div`.
+ */
+type ItemContentProps = ComponentProps<typeof ItemContent>;
+//#endregion
+//#region src/sortable/item.d.ts
+/**
+ * Renders the row's `li` with the recipe's item class.
+ */
+declare const Box$4: import("@stealthscale/theme").StyledComponent<"li", {}>;
+/**
+ * Describes the props of a row: its id, place, name and state, and the props of an `li`.
+ */
+interface ItemProps$2 extends ComponentProps<typeof Box$4> {
+  /**
+   * Whether the row keeps its place. Off unless stated.
+   */
+  readonly disabled?: boolean | undefined;
+  /**
+   * Index of the row in its list.
+   */
+  readonly index: number;
+  /**
+   * Name of the row, which names its handle and the announcements.
+   */
+  readonly label: string;
+  /**
+   * Id of the row's item.
+   */
+  readonly value: string;
+}
+/**
+ * Renders a row dnd-kit sorts and registers its name with the root.
+ *
+ * @param props - The row's id, index, name and state, and the props of an `li`.
+ */
+declare function Item$2({ disabled, index, label, value, ...props }: ItemProps$2): ReactElement;
+//#endregion
+//#region src/sortable/items.d.ts
+/**
+ * Renders the `ul` with the recipe's items class.
+ */
+declare const Box$3: import("@stealthscale/theme").StyledComponent<"ul", {}>;
+/**
+ * Describes the props of the rows: the props of a `ul`.
+ */
+type ItemsProps = ComponentProps<typeof Box$3>;
+/**
+ * Renders the `ul` of a list's rows, named by the list's name inside a list.
+ *
+ * @param props - The props of a `ul`, whose `aria-label` names the one list of an array.
+ */
+declare function Items(props: ItemsProps): ReactElement;
+//#endregion
+//#region src/sortable/list.d.ts
+/**
+ * Renders the list's `div` with the recipe's list class.
+ */
+declare const Box$2: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of a list: its id, its name, its limit and the props of a `div`.
+ */
+interface ListProps extends ComponentProps<typeof Box$2> {
+  /**
+   * Name of the list, which names its rows and the announcements.
+   */
+  readonly label?: string | undefined;
+  /**
+   * Most items the list takes from other lists. No limit unless stated.
+   */
+  readonly limit?: number | undefined;
+  /**
+   * Id of the list, its key in the items' record.
+   */
+  readonly value: string;
+}
+/**
+ * Renders a list as a drop target and registers it with the root.
+ *
+ * @param props - The list's id, name and limit, and the props of a `div`.
+ */
+declare function List({ label, limit, value, ...props }: ListProps): ReactElement;
+//#endregion
+//#region src/sortable/moves.d.ts
+/**
+ * Reads and rewrites a sortable kit's items: an array for one list, or a record of lists keyed by
+ * their ids, the two shapes `@dnd-kit/helpers`' `move` takes.
+ *
+ * @remarks
+ *   A list's id is its key in the record, and the one list of an array has no id. An item's place
+ *   is its list and its index in it. A move into another list is refused while that list is at its
+ *   limit, not counting the item itself, and while the caller's rule refuses the move from the list
+ *   the item was picked up from. A move within one list is never refused.
+ */
+/**
+ * Describes an item the kit moves.
+ */
+interface SortableItem {
+  /**
+   * Id of the item, unique across every list of the kit and different from every list's id.
+   */
+  readonly id: string;
+}
+/**
+ * Describes a kit's items: one list as an array, or a board's lists as a record keyed by their ids.
+ *
+ * @typeParam T - One item.
+ */
+type SortableItems<T extends SortableItem = SortableItem> = Record<string, T[]> | T[];
+/**
+ * Describes one item of the items a kit renders.
+ *
+ * @typeParam Items - The kit's items.
+ */
+type ItemOf<Items> = Items extends Array<infer T> ? T : Items extends Record<string, Array<infer T>> ? T : never;
+/**
+ * Describes where an item is.
+ */
+interface SortablePlace {
+  /**
+   * Index of the item in its list.
+   */
+  readonly index: number;
+  /**
+   * Id of the list, or undefined for the one list of an array.
+   */
+  readonly list?: string | undefined;
+}
+/**
+ * Describes a move a person made: the item and the places before and after it.
+ */
+interface SortableMove {
+  /**
+   * Place the item left.
+   */
+  readonly from: SortablePlace;
+  /**
+   * Id of the item.
+   */
+  readonly id: string;
+  /**
+   * Place the item took.
+   */
+  readonly to: SortablePlace;
+}
+/**
+ * Describes why a list refuses an item: it is at its limit, or the caller's rule refuses the move.
+ */
+type SortableRefusal = "full" | "refused";
+//#endregion
+//#region src/sortable/words.d.ts
+/**
+ * Writes the words a sortable kit gives a screen reader, each a prop with an English default.
+ *
+ * @remarks
+ *   A handle is named by its item, so a list of handles is not a list of identical names, and it
+ *   states a role description in the caller's words over dnd-kit's English "draggable". The
+ *   instructions a handle is described by name the keys, because nothing about a focused button
+ *   shows that Space lifts it. Each announcement names the item, its position of the list's count
+ *   and, on a board, the list, because a position alone does not name the list it is in.
+ */
+/**
+ * Describes where an announcement puts an item.
+ */
+interface SortableAnnouncement {
+  /**
+   * Number of items in the list the item is in.
+   */
+  readonly count: number;
+  /**
+   * Name of the item.
+   */
+  readonly item: string;
+  /**
+   * Name of the list, or undefined for the one list of an array.
+   */
+  readonly list?: string | undefined;
+  /**
+   * Position of the item in the list, from 1.
+   */
+  readonly position: number;
+}
+/**
+ * Describes a list that refuses an item.
+ */
+interface SortableRefused {
+  /**
+   * Name of the item.
+   */
+  readonly item: string;
+  /**
+   * Most items the list takes, or undefined for a list the caller's rule refuses.
+   */
+  readonly limit?: number | undefined;
+  /**
+   * Name of the list.
+   */
+  readonly list: string;
+}
+/**
+ * Describes the words of a sortable kit, each with an English default.
+ */
+interface SortableWords {
+  /**
+   * Writes the announcement of a drag that was cancelled, with the place the item went back to.
+   */
+  readonly cancelledLabel?: ((at: SortableAnnouncement) => string) | undefined;
+  /**
+   * Writes the announcement of a drop, with the place the item took.
+   */
+  readonly droppedLabel?: ((at: SortableAnnouncement) => string) | undefined;
+  /**
+   * Writes the announcement of a list at its limit refusing the item.
+   */
+  readonly fullLabel?: ((refused: SortableRefused) => string) | undefined;
+  /**
+   * Writes the name of an item's handle from the item's name.
+   */
+  readonly handleLabel?: ((item: string) => string) | undefined;
+  /**
+   * Instructions every handle is described by.
+   */
+  readonly instructions?: string | undefined;
+  /**
+   * Writes the announcement of an item picked up, with the place it left.
+   */
+  readonly liftedLabel?: ((at: SortableAnnouncement) => string) | undefined;
+  /**
+   * Writes the announcement of an item moved during a drag, with the place it would take.
+   */
+  readonly movedLabel?: ((at: SortableAnnouncement) => string) | undefined;
+  /**
+   * Writes the announcement of the caller's rule refusing the item a list.
+   */
+  readonly refusedLabel?: ((refused: SortableRefused) => string) | undefined;
+  /**
+   * Role description every handle states in place of "button".
+   */
+  readonly roleDescription?: string | undefined;
+}
+/**
+ * Describes the words with every default applied.
+ */
+type Words = Required<{ [Key in keyof SortableWords]: NonNullable<SortableWords[Key]>; }>;
+//#endregion
+//#region src/sortable/state.d.ts
+/**
+ * Describes what a list of a board registers with the root.
+ */
+interface ListEntry {
+  /**
+   * Name of the list, which the announcements name it by.
+   */
+  readonly label?: string | undefined;
+  /**
+   * Most items the list takes.
+   */
+  readonly limit?: number | undefined;
+}
+/**
+ * Describes the root's state as its parts read it.
+ */
+interface RootState {
+  /**
+   * ID of the element whose text is the instructions every handle is described by.
+   */
+  readonly instructionsId: string;
+  /**
+   * Items the kit renders.
+   */
+  readonly items: SortableItems;
+  /**
+   * Registry of the board's lists by their ids.
+   */
+  readonly lists: Map<string, ListEntry>;
+  /**
+   * Moves an item to a place without a drag, and returns whether the move was taken.
+   */
+  readonly move: (id: string, to: SortablePlace) => boolean;
+  /**
+   * Registry of the items' names by their ids.
+   */
+  readonly names: Map<string, string>;
+  /**
+   * Id of the list that refuses the dragged item, or undefined while none does.
+   */
+  readonly refusing?: string | undefined;
+  /**
+   * Words of the kit, with every default applied.
+   */
+  readonly words: Words;
+}
+/**
+ * Returns the root's move without a drag, for a path that needs no dragging movement.
+ *
+ * @remarks
+ *   `move(id, { index, list })` moves an item to an index of a list, its own list when the place
+ *   names none, and returns whether the list took it. A list at its limit and a list the root's
+ *   rule refuses take no item. The move reports as a drop does and is announced.
+ */
+declare function useMove(): RootState["move"];
+//#endregion
+//#region src/sortable/root.d.ts
+/**
+ * Renders the root `div` with the recipe's variants.
+ */
+declare const Box$1: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly variant?: "card" | "plain" | undefined;
+}>;
+/**
+ * Describes what the root hands a render function among its children.
+ */
+interface SortableApi {
+  /**
+   * Moves an item to a place without a drag, and returns whether its list took it.
+   */
+  readonly move: RootState["move"];
+}
+/**
+ * Describes the props of the root: the items, the callbacks, the rule, the words and the props of
+ * a `div`.
+ *
+ * @typeParam Items - The kit's items: an array for one list, or a record of lists by their ids.
+ */
+interface RootProps$4<Items extends SortableItems> extends Omit<ComponentProps<typeof Box$1>, "children">, SortableWords {
+  /**
+   * Returns whether an item may move from the list it was picked up from into another list. Every
+   * move is allowed unless stated.
+   */
+  readonly canMove?: ((item: ItemOf<Items>, from: string, to: string) => boolean) | undefined;
+  /**
+   * Lists and rows of the kit, or a function that renders them from the root's move without a
+   * drag.
+   */
+  readonly children?: ((api: SortableApi) => ReactNode) | ReactNode;
+  /**
+   * Items the lists render, controlled.
+   */
+  readonly items: Items;
+  /**
+   * Called once with each finished move, from the place the item left to the place it took.
+   */
+  readonly onItemMove?: ((move: SortableMove) => void) | undefined;
+  /**
+   * Called with the items to render after a change.
+   */
+  readonly onItemsChange?: ((items: Items) => void) | undefined;
+}
+/**
+ * Renders dnd-kit's provider and the root `div` around the kit's lists and rows.
+ *
+ * @typeParam Items - The kit's items.
+ * @param props - The items, the callbacks, the rule, the words and the props of a `div`.
+ */
+declare function Root$4<Items extends SortableItems>(props: RootProps$4<Items>): ReactElement;
+declare namespace index_d_exports$2 {
+  export { Board, BoardProps, Empty, EmptyProps, Handle, HandleProps, Item$2 as Item, ItemContent, ItemContentProps, ItemOf, ItemProps$2 as ItemProps, Items, ItemsProps, List, ListProps, Root$4 as Root, RootProps$4 as RootProps, SortableAnnouncement, SortableApi, SortableItem, SortableItems, SortableMove, SortablePlace, SortableRefusal, SortableRefused, SortableWords, useMove };
+}
+//#endregion
+//#region src/status-matrix/states.d.ts
+/**
+ * Palettes a state renders in: the four statuses and `neutral` for a crossing that does not apply.
+ */
+type MatrixTone = "error" | "info" | "neutral" | "success" | "warning";
+/**
+ * Describes one state of the caller's vocabulary.
+ */
+interface MatrixState {
+  /**
+   * Text of the state in the legend, and the accessible name of a crossing without `cellLabel`.
+   */
+  readonly label: string;
+  /**
+   * Mark rendered in the cell. Defaults to a filled dot. Two states with one tone need a mark each,
+   * or they render alike.
+   */
+  readonly mark?: ReactNode | undefined;
+  /**
+   * Palette of the mark, and the rank the rollup reads.
+   */
+  readonly tone: MatrixTone;
+}
+/**
+ * Describes one heading on either axis.
+ */
+interface MatrixHeading {
+  /**
+   * Section a row is grouped under, as both its key and its heading. Read on rows only. Sections
+   * render only when every row has one.
+   */
+  readonly group?: string | undefined;
+  /**
+   * Identifier of the row or the column in the cells.
+   */
+  readonly id: string;
+  /**
+   * Content of the row header or the column header.
+   */
+  readonly label: ReactNode;
+}
+/**
+ * Describes one measured crossing.
+ */
+interface MatrixCell {
+  /**
+   * Identifier of the column.
+   */
+  readonly column: string;
+  /**
+   * Identifier of the row.
+   */
+  readonly row: string;
+  /**
+   * Key of the state in the matrix's vocabulary.
+   */
+  readonly state: string;
+}
+//#endregion
+//#region src/table/body.d.ts
+/**
+ * Renders the `tbody` with the table's body class.
+ */
+declare const Body: import("@stealthscale/theme").StyledComponent<"tbody", {}>;
+/**
+ * Describes the props of a body: the props of a `tbody`.
+ */
+type BodyProps = ComponentProps<typeof Body>;
+//#endregion
+//#region src/table/caption.d.ts
+/**
+ * Renders the `caption` with the table's caption class.
+ */
+declare const Caption: import("@stealthscale/theme").StyledComponent<"caption", {}>;
+/**
+ * Describes the props of the caption: the props of a `caption`.
+ */
+type CaptionProps = ComponentProps<typeof Caption>;
+//#endregion
+//#region src/table/cell.d.ts
+/**
+ * Renders the `td` with the table's cell class.
+ */
+declare const Cell: import("@stealthscale/theme").StyledComponent<"td", {}>;
+/**
+ * Describes the props of a cell: the props of a `td`.
+ */
+type CellProps = ComponentProps<typeof Cell>;
+//#endregion
+//#region src/table/column-group.d.ts
+/**
+ * Renders the `colgroup` with the table's column group class.
+ */
+declare const ColumnGroup: import("@stealthscale/theme").StyledComponent<"colgroup", {}>;
+/**
+ * Describes the props of the column group: the props of a `colgroup`.
+ */
+type ColumnGroupProps = ComponentProps<typeof ColumnGroup>;
+//#endregion
+//#region src/table/column-header.d.ts
+/**
+ * Renders the `th` with the table's column header class and `scope="col"`.
+ */
+declare const ColumnHeader: import("@stealthscale/theme").StyledComponent<"th", {}>;
+/**
+ * Describes the props of a column header: the props of a `th`.
+ */
+type ColumnHeaderProps = ComponentProps<typeof ColumnHeader>;
+//#endregion
+//#region src/table/column.d.ts
+/**
+ * Renders the `col` with the table's column class.
+ */
+declare const Column$1: import("@stealthscale/theme").StyledComponent<"col", {}>;
+/**
+ * Describes the props of a column: the props of a `col`.
+ */
+type ColumnProps = ComponentProps<typeof Column$1>;
+//#endregion
+//#region src/table/footer.d.ts
+/**
+ * Renders the `tfoot` with the table's footer class.
+ */
+declare const Footer: import("@stealthscale/theme").StyledComponent<"tfoot", {}>;
+/**
+ * Describes the props of the footer: the props of a `tfoot`.
+ */
+type FooterProps = ComponentProps<typeof Footer>;
+//#endregion
+//#region src/table/header.d.ts
+/**
+ * Renders the `thead` with the table's header class.
+ */
+declare const Header: import("@stealthscale/theme").StyledComponent<"thead", {}>;
+/**
+ * Describes the props of the header: the props of a `thead`.
+ */
+type HeaderProps = ComponentProps<typeof Header>;
+//#endregion
+//#region src/table/root.d.ts
+/**
+ * Renders the `table` with the table's root class.
+ */
+declare const Root$3: import("@stealthscale/theme").StyledComponent<"table", {}>;
+/**
+ * Describes the props of the table: the props of a `table`.
+ */
+type RootProps$3 = ComponentProps<typeof Root$3>;
+//#endregion
+//#region src/table/row-header.d.ts
+/**
+ * Renders the `th` with the table's row header class and `scope="row"`.
+ */
+declare const RowHeader: import("@stealthscale/theme").StyledComponent<"th", {}>;
+/**
+ * Describes the props of a row header: the props of a `th`.
+ */
+type RowHeaderProps = ComponentProps<typeof RowHeader>;
+//#endregion
+//#region src/table/row.d.ts
+/**
+ * Renders the `tr` with the table's row class.
+ */
+declare const Row$1: import("@stealthscale/theme").StyledComponent<"tr", {}>;
+/**
+ * Describes the props of a row: the props of a `tr`.
+ */
+type RowProps = ComponentProps<typeof Row$1>;
+//#endregion
+//#region src/table/scroller.d.ts
+/**
+ * Renders the `div` with the recipe's variants.
+ */
+declare const Box: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly align?: "center" | "end" | "start" | undefined;
+  readonly interactive?: boolean | undefined;
+  readonly layout?: "auto" | "fixed" | undefined;
+  readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+  readonly radius?: "l1" | "l2" | "l3" | undefined;
+  readonly rules?: "all" | "none" | "rows" | undefined;
+  readonly size?: "lg" | "md" | "sm" | undefined;
+  readonly stickyHeader?: boolean | undefined;
+  readonly stickyColumn?: boolean | undefined;
+  readonly banded?: boolean | undefined;
+  readonly striped?: boolean | undefined;
+  readonly variant?: "plain" | "surface" | undefined;
+}>;
+/**
+ * Describes the props of the scroller: whether the viewport takes a tab stop, the recipe's
+ * variants and the props of a `div`.
+ */
+interface ScrollerProps extends ComponentProps<typeof Box> {
+  /**
+   * Whether the viewport is a region with a tab stop while the table overflows. `false` keeps it
+   * out of the tab order, for a table whose cells take focus. `true` unless stated.
+   */
+  readonly focusable?: boolean | undefined;
+  /**
+   * Ref of the scroll area's viewport, the element that scrolls.
+   */
+  readonly viewportRef?: Ref<HTMLDivElement> | undefined;
+}
+/**
+ * Renders the scroller around a scroll area whose viewport takes the region's name.
+ *
+ * @param props - Whether the viewport takes a tab stop, the viewport's ref, the recipe's variants
+ *   and the props of a `div`, whose `aria-label` and `aria-labelledby` name the viewport.
+ * @returns The `div` element.
+ */
+declare function Scroller({ "aria-label": label, "aria-labelledby": labelledBy, children, focusable, viewportRef, ...rest }: ScrollerProps): ReactElement;
+//#endregion
+//#region src/table/sorter.d.ts
+/**
+ * Renders the `button` with the table's sorter class and `type="button"`.
+ */
+declare const Sorter: import("@stealthscale/theme").StyledComponent<"button", {}>;
+/**
+ * Describes the props of the sorter: the props of a `button`.
+ */
+type SorterProps = ComponentProps<typeof Sorter>;
+//#endregion
+//#region src/status-matrix/status-matrix.d.ts
+/**
+ * Describes the props of the matrix: the axes, the cells, the vocabulary and the scroller's props.
+ *
+ * @remarks
+ *   The scroller's `columns`, the CSS multi-column property, is left out, so `columns` names the
+ *   matrix's columns.
+ */
+interface StatusMatrixProps extends Omit<ScrollerProps, "children" | "columns"> {
+  /**
+   * Caption rendered under the grid, and the accessible name of the table and the scroller.
+   */
+  readonly caption?: ReactNode | undefined;
+  /**
+   * Returns a crossing's accessible name. Defaults to the state's label. A matrix with
+   * `onSelectCell` needs it, because every button in a column would otherwise share one name.
+   */
+  readonly cellLabel?: ((state: MatrixState, row: MatrixHeading, column: MatrixHeading) => string) | undefined;
+  /**
+   * Measured crossings. A pair without a cell renders `unmeasured`, and the later of two cells for
+   * one pair applies.
+   */
+  readonly cells: readonly MatrixCell[];
+  /**
+   * Headings across the top.
+   */
+  readonly columns: readonly MatrixHeading[];
+  /**
+   * Content of the header cell over the row names.
+   */
+  readonly corner?: ReactNode | undefined;
+  /**
+   * Content of a full-width row rendered while `rows` is empty.
+   */
+  readonly empty?: ReactNode | undefined;
+  /**
+   * Accessible name of the legend. The legend renders only with it.
+   */
+  readonly legend?: string | undefined;
+  /**
+   * Called with the row, the column and the cell of a pressed crossing. The cell is undefined for
+   * a pair without one. Setting it renders every crossing as a button.
+   */
+  readonly onSelectCell?: ((row: string, column: string, cell: MatrixCell | undefined) => void) | undefined;
+  /**
+   * Header of the last column, which renders each row's worst state. The column renders only with
+   * it.
+   */
+  readonly rollup?: ReactNode | undefined;
+  /**
+   * Headings down the side, one per row.
+   */
+  readonly rows: readonly MatrixHeading[];
+  /**
+   * Vocabulary of states, keyed by the names the cells use. Two states with one tone need a mark
+   * each, or they render alike.
+   */
+  readonly states: Readonly<Record<string, MatrixState>>;
+  /**
+   * State of a pair without a cell, listed last in the legend.
+   */
+  readonly unmeasured: MatrixState;
+}
+/**
+ * Renders the state of one set of items against another, with a mark at every crossing.
+ *
+ * @param props - The axes, the cells, the vocabulary and the scroller's props.
+ * @returns The scroller with the table inside it, over the legend.
+ */
+export declare function StatusMatrix(props: StatusMatrixProps): ReactElement;
+//#endregion
+//#region src/swipe-actions/action.d.ts
+/**
+ * Describes the props of an action: the props of the actions `Button`.
+ */
+type ActionProps = ButtonProps;
+/**
+ * Renders an action that closes its row before it runs `onClick`.
+ *
+ * @param props - The props of the actions `Button`.
+ * @returns The `button` element.
+ */
+declare function Action({ onClick, ...props }: ActionProps): ReactElement;
+//#endregion
+//#region src/swipe-actions/actions.d.ts
+/**
+ * Renders the actions `div` with the recipe's actions class.
+ */
+declare const Panel: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the actions: the props of a `div` without `ref`, which the row keeps.
+ */
+type ActionsProps = Omit<ComponentProps<typeof Panel>, "ref">;
+/**
+ * Renders the actions with the focus and key handlers merged over the caller's.
+ *
+ * @param props - The props of a `div`.
+ * @returns The `div` element.
+ */
+declare function Actions(props: ActionsProps): ReactElement;
+//#endregion
+//#region src/swipe-actions/content.d.ts
+/**
+ * Renders the content `div` with the recipe's content class.
+ */
+declare const Moving: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the content: the props of a `div`.
+ */
+type ContentProps$1 = ComponentProps<typeof Moving>;
+/**
+ * Renders the content with the drag and wheel handlers merged over the caller's.
+ *
+ * @param props - The props of a `div`.
+ * @returns The `div` element.
+ */
+declare function Content$1(props: ContentProps$1): ReactElement;
+//#endregion
+//#region src/swipe-actions/root.d.ts
+/**
+ * Renders the root `div` with the recipe's variants.
+ */
+declare const Row: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the root: the props of a `div` without `ref`, which the root keeps.
+ */
+type RootProps$2 = Omit<ComponentProps<typeof Row>, "ref">;
+/**
+ * Renders the row and provides its state to the parts.
+ *
+ * @param props - The props of a `div`.
+ * @returns The `div` element inside the state provider.
+ */
+declare function Root$2({ style, ...props }: RootProps$2): ReactElement;
+//#endregion
+//#region src/swipe-actions/settle.d.ts
+/**
+ * Decides where a released swipe settles.
+ */
+/**
+ * Returns whether a released swipe leaves the actions open: at or past half their width it stays
+ * open, and short of half it closes.
+ *
+ * @param revealed - The width of the actions the swipe revealed, in pixels.
+ * @param width - The width of the actions, in pixels.
+ * @returns `open` or `closed`. A row without actions, 0px wide, always closes.
+ */
+declare function settleSwipe(revealed: number, width: number): "closed" | "open";
+declare namespace index_d_exports$3 {
+  export { Action, ActionProps, Actions, ActionsProps, Content$1 as Content, ContentProps$1 as ContentProps, Root$2 as Root, RootProps$2 as RootProps, settleSwipe };
+}
+//#endregion
+//#region src/table/columns.d.ts
+/**
+ * Describes a column that renders values.
+ *
+ * @typeParam Row - Type of one record.
+ */
+interface Leaf<Row> {
+  /**
+   * Returns the column's value for a record. Defaults to the record's property named `key`.
+   */
+  readonly cell?: ((row: Row) => ReactNode) | undefined;
+  /**
+   * Key of the column, and the property its value is read from without `cell`.
+   */
+  readonly key: string;
+  /**
+   * Header of the column.
+   */
+  readonly label: ReactNode;
+  /**
+   * Whether the column contains figures, aligned to the end in tabular figures.
+   */
+  readonly numeric?: boolean | undefined;
+  /**
+   * Whether the column's cells render as row headers.
+   */
+  readonly rowHeader?: boolean | undefined;
+  /**
+   * Sort direction, on the column the table is sorted by.
+   */
+  readonly sorted?: "ascending" | "descending" | undefined;
+  /**
+   * Accessible name of the column's sort button. A column without it does not sort.
+   */
+  readonly sortLabel?: string | undefined;
+  /**
+   * Width of the column, as a CSS length or percentage.
+   */
+  readonly width?: string | undefined;
+}
+/**
+ * Describes a header that spans the columns under it.
+ *
+ * @typeParam Row - Type of one record.
+ */
+interface Branch<Row> {
+  /**
+   * Columns the header spans.
+   */
+  readonly columns: ReadonlyArray<Column<Row>>;
+  /**
+   * Text of the spanning header.
+   */
+  readonly label: ReactNode;
+}
+/**
+ * Describes a column: a leaf that renders values, or a branch that spans columns.
+ *
+ * @typeParam Row - Type of one record.
+ */
+type Column<Row> = Branch<Row> | Leaf<Row>;
+/**
+ * Describes one header cell with its spans.
+ *
+ * @typeParam Row - Type of one record.
+ */
+interface Named<Row> {
+  /**
+   * Number of columns the header spans.
+   */
+  readonly colSpan: number;
+  /**
+   * Leaf the header belongs to, for a header over one column.
+   */
+  readonly column?: Leaf<Row> | undefined;
+  /**
+   * Key of the header: the leaf's key, or the key of the first leaf a branch spans.
+   */
+  readonly key: string;
+  /**
+   * Text of the header.
+   */
+  readonly label: ReactNode;
+  /**
+   * Number of header rows the header spans.
+   */
+  readonly rowSpan: number;
+}
+//#endregion
+//#region src/table/simple.d.ts
+/**
+ * Describes the props of a whole table: the scroller's props, the columns and the rows.
+ *
+ * @remarks
+ *   The scroller's `columns`, the CSS multi-column property, is left out, so `columns` names the
+ *   table's columns.
+ * @typeParam Row - Type of one record.
+ */
+interface SimpleProps<Row> extends Omit<ScrollerProps, "columns"> {
+  /**
+   * Caption rendered under the table, and the accessible name of the table and the scroller.
+   */
+  readonly caption?: ReactNode | undefined;
+  /**
+   * Columns in render order. A branch spans the columns under it.
+   */
+  readonly columns: ReadonlyArray<Column<Row>>;
+  /**
+   * Content of a full-width row rendered while `rows` is empty.
+   */
+  readonly empty?: ReactNode | undefined;
+  /**
+   * Returns the key of the section a record belongs to.
+   */
+  readonly groupBy?: ((row: Row) => string) | undefined;
+  /**
+   * Returns a section's heading from its key. Defaults to the key.
+   */
+  readonly groupLabel?: ((under: string) => ReactNode) | undefined;
+  /**
+   * Called with the column key on a press of a sort button.
+   */
+  readonly onSort?: ((key: string) => void) | undefined;
+  /**
+   * Records in render order.
+   */
+  readonly rows: readonly Row[];
+  /**
+   * Returns the React key of a record.
+   */
+  readonly rowToKey: (row: Row) => string;
+  /**
+   * Returns the total row's content for a leaf column. Branches are never passed.
+   */
+  readonly total?: ((column: Leaf<Row>) => ReactNode) | undefined;
+}
+/**
+ * Renders a whole table from a list of columns and a list of rows.
+ *
+ * @remarks
+ *   The scroller's region takes its name from the caption, or from `aria-label` where the caller
+ *   passes one, so a table whose caption repeats the title of the section around it can name its
+ *   region apart from the section.
+ * @typeParam Row - Type of one record.
+ * @param props - The columns, the rows, the table's options and the scroller's props.
+ * @returns The scroller with the table inside it.
+ */
+declare function Simple<Row>(props: SimpleProps<Row>): ReactElement;
+declare namespace index_d_exports$4 {
+  export { Body, BodyProps, Branch, Caption, CaptionProps, Cell, CellProps, Column$1 as Column, ColumnGroup, ColumnGroupProps, ColumnHeader, ColumnHeaderProps, Column as ColumnOf, ColumnProps, Footer, FooterProps, Header, HeaderProps, Leaf, Named, Root$3 as Root, RootProps$3 as RootProps, Row$1 as Row, RowHeader, RowHeaderProps, RowProps, Scroller, ScrollerProps, Simple, SimpleProps, Sorter, SorterProps };
+}
+//#endregion
+//#region src/timeline/connector.d.ts
+/**
+ * Renders the connector `div` in the root's middle column.
+ */
+declare const Connector: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of `Connector`.
+ */
+type ConnectorProps = ComponentProps<typeof Connector>;
+//#endregion
+//#region src/timeline/content.d.ts
+/**
+ * Renders the content `div`, a column of a title and a description.
+ */
+declare const Content: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of `Content`.
+ */
+type ContentProps = ComponentProps<typeof Content>;
+//#endregion
+//#region src/timeline/description.d.ts
+/**
+ * Renders the description `div`.
+ */
+declare const Description: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of `Description`.
+ */
+type DescriptionProps = ComponentProps<typeof Description>;
+//#endregion
+//#region src/timeline/indicator.d.ts
+/**
+ * Renders the indicator `span`, hidden from screen readers.
+ */
+declare const Indicator: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of `Indicator`.
+ */
+type IndicatorProps = ComponentProps<typeof Indicator>;
+//#endregion
+//#region src/timeline/item.d.ts
+/**
+ * Renders the item `li`, a subgrid row across the root's three columns.
+ */
+declare const Item$1: import("@stealthscale/theme").StyledComponent<"li", {}>;
+/**
+ * Describes the props of `Item`.
+ */
+type ItemProps$1 = ComponentProps<typeof Item$1>;
+//#endregion
+//#region src/timeline/root.d.ts
+/**
+ * Renders the root `ol` with the timeline's variants.
+ */
+declare const Root$1: import("@stealthscale/theme").StyledComponent<"ol", {
+  readonly ongoing?: boolean | undefined;
+  readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+  readonly rail?: "center" | "end" | "start" | undefined;
+  readonly size?: "lg" | "md" | "sm" | "xl" | undefined;
+  readonly variant?: "outline" | "plain" | "solid" | "subtle" | undefined;
+}>;
+/**
+ * Describes the props of `Root`.
+ */
+type RootProps$1 = ComponentProps<typeof Root$1>;
+//#endregion
+//#region src/timeline/title.d.ts
+/**
+ * Renders the title `div`, as tall as the indicator and centred on it on one line.
+ */
+declare const Title: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of `Title`.
+ */
+type TitleProps = ComponentProps<typeof Title>;
+declare namespace index_d_exports$5 {
+  export { Connector, ConnectorProps, Content, ContentProps, Description, DescriptionProps, Indicator, IndicatorProps, Item$1 as Item, ItemProps$1 as ItemProps, Root$1 as Root, RootProps$1 as RootProps, Title, TitleProps };
+}
+//#endregion
+//#region src/transfer/transfer.d.ts
+/**
+ * Renders the root `div` that lays out the two sides and the controls, and provides the variants.
+ */
+declare const Framed$1: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+  readonly size?: "lg" | "md" | "sm" | undefined;
+}>;
+/**
+ * Describes the props of a transfer.
+ *
+ * @typeParam Row - Type of one row.
+ */
+interface TransferProps<Row> {
+  /**
+   * Values of the moved rows on first render, when `value` is not set.
+   */
+  readonly defaultValue?: readonly string[] | undefined;
+  /**
+   * Returns a row's second line.
+   */
+  readonly description?: ((row: Row) => ReactNode) | undefined;
+  /**
+   * Accessible name of the control that moves checked rows back.
+   */
+  readonly giveBackLabel: string;
+  /**
+   * Content of the control that moves checked rows back.
+   */
+  readonly giveBackMark: ReactNode;
+  /**
+   * Returns a row's text.
+   */
+  readonly itemToString: (row: Row) => string;
+  /**
+   * Returns a row's value.
+   */
+  readonly itemToValue: (row: Row) => string;
+  /**
+   * Mark of a checked row's checkbox.
+   */
+  readonly mark?: ReactNode | undefined;
+  /**
+   * Content rendered on a side with no rows.
+   */
+  readonly nothing?: ReactNode | undefined;
+  /**
+   * Label of the list rows are moved from.
+   */
+  readonly offeredTitle: ReactNode;
+  /**
+   * Called with the values of the moved rows after each move.
+   */
+  readonly onValueChange?: ((taken: readonly string[]) => void) | undefined;
+  /**
+   * Palette the checkboxes and fills of both lists read.
+   */
+  readonly palette?: ComponentProps<typeof Framed$1>["palette"];
+  /**
+   * Every row, on either side.
+   */
+  readonly rows: readonly Row[];
+  /**
+   * Size of the gap between the parts and of the controls.
+   */
+  readonly size?: ComponentProps<typeof Framed$1>["size"];
+  /**
+   * Accessible name of the control that moves checked rows across.
+   */
+  readonly takeLabel: string;
+  /**
+   * Content of the control that moves checked rows across.
+   */
+  readonly takeMark: ReactNode;
+  /**
+   * Label of the list rows are moved to.
+   */
+  readonly takenTitle: ReactNode;
+  /**
+   * Values of the moved rows, when the caller controls them.
+   */
+  readonly value?: readonly string[] | undefined;
+}
+/**
+ * Renders two lists and the controls that move checked rows between them.
+ *
+ * @typeParam Row - Type of one row.
+ * @param props - The rows, the moved values, the labels, the marks and the variants.
+ * @returns The root `div` with both sides and the controls.
+ */
+export declare function Transfer<Row>({ description, giveBackLabel, giveBackMark, mark, nothing, offeredTitle, palette, rows, size, takeLabel, takeMark, takenTitle, ...options }: TransferProps<Row>): ReactElement;
+//#endregion
+//#region src/tree-view/branch-control.d.ts
+/**
+ * Renders the `div` with the tree view's branch control class.
+ */
+declare const Controlled: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of a branch's row: the props of a `div`.
+ */
+type BranchControlProps = ComponentProps<typeof Controlled>;
+/**
+ * Renders a branch's row with the machine's props and the tree semantics merged over the caller's.
+ *
+ * @param props - The props of a `div`.
+ * @returns The `div` element.
+ */
+declare function BranchControl(props: BranchControlProps): ReactElement;
+//#endregion
+//#region src/tree-view/branch-indent-guide.d.ts
+/**
+ * Renders the `div` with the tree view's branch indent guide class.
+ */
+declare const Guided: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of an indent guide: the props of a `div`.
+ */
+type BranchIndentGuideProps = ComponentProps<typeof Guided>;
+/**
+ * Renders the guide with the machine's props merged over the caller's.
+ *
+ * @param props - The props of a `div`.
+ * @returns The `div` element.
+ */
+declare function BranchIndentGuide(props: BranchIndentGuideProps): ReactElement;
+//#endregion
+//#region src/tree-view/branch-indicator.d.ts
+/**
+ * Renders the `span` with the tree view's branch indicator class.
+ */
+declare const Indicated$1: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a branch indicator: the props of a `span`.
+ */
+type BranchIndicatorProps = ComponentProps<typeof Indicated$1>;
+/**
+ * Renders the indicator with the machine's props merged over the caller's.
+ *
+ * @param props - The props of a `span`, with the glyph as children.
+ * @returns The `span` element.
+ */
+declare function BranchIndicator(props: BranchIndicatorProps): ReactElement;
+//#endregion
+//#region src/tree-view/branch-text.d.ts
+/**
+ * Renders the `span` with the tree view's branch text class.
+ */
+declare const Texted$1: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a branch's text: the props of a `span`.
+ */
+type BranchTextProps = ComponentProps<typeof Texted$1>;
+/**
+ * Renders the text with the machine's props merged over the caller's.
+ *
+ * @param props - The props of a `span`.
+ * @returns The `span` element.
+ */
+declare function BranchText(props: BranchTextProps): ReactElement;
+//#endregion
+//#region src/tree-view/branch-trigger.d.ts
+/**
+ * Renders the `span` with the tree view's branch trigger class.
+ */
+declare const Triggered: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a branch trigger: the props of a `span`.
+ */
+type BranchTriggerProps = ComponentProps<typeof Triggered>;
+/**
+ * Renders the trigger with the machine's props, less its role, merged over the caller's.
+ *
+ * @param props - The props of a `span`.
+ * @returns The `span` element.
+ */
+declare function BranchTrigger(props: BranchTriggerProps): ReactElement;
+//#endregion
+//#region src/tree-view/details.d.ts
+/**
+ * Describes a node as the render function receives it: the node, its place and its state.
+ *
+ * @typeParam Node - Type of the collection's nodes.
+ */
+interface NodeDetails<Node> {
+  /**
+   * Positions of the node and of each ancestor among their siblings, from the top.
+   */
+  readonly indexPath: readonly number[];
+  /**
+   * The node, as the collection stores it.
+   */
+  readonly node: Node;
+  /**
+   * State of the node: whether it is a branch, expanded, selected, checked, disabled, loading,
+   * being renamed, and its depth.
+   */
+  readonly nodeState: NodeState;
+}
+/**
+ * Describes the function that renders a node's row: `TreeView.BranchControl` for a branch and
+ * `TreeView.Item` for an item.
+ *
+ * @typeParam Node - Type of the collection's nodes.
+ */
+type NodeRender<Node> = (details: NodeDetails<Node>) => ReactNode;
+//#endregion
+//#region src/tree-view/item-indicator.d.ts
+/**
+ * Renders the `span` with the tree view's item indicator class.
+ */
+declare const Indicated: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of an item indicator: the props of a `span`.
+ */
+type ItemIndicatorProps = ComponentProps<typeof Indicated>;
+/**
+ * Renders the indicator with the machine's props merged over the caller's.
+ *
+ * @param props - The props of a `span`, with the glyph as children.
+ * @returns The `span` element.
+ */
+declare function ItemIndicator(props: ItemIndicatorProps): ReactElement;
+//#endregion
+//#region src/tree-view/item-text.d.ts
+/**
+ * Renders the `span` with the tree view's item text class.
+ */
+declare const Texted: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of an item's text: the props of a `span`.
+ */
+type ItemTextProps = ComponentProps<typeof Texted>;
+/**
+ * Renders the text with the machine's props merged over the caller's.
+ *
+ * @param props - The props of a `span`.
+ * @returns The `span` element.
+ */
+declare function ItemText(props: ItemTextProps): ReactElement;
+//#endregion
+//#region src/tree-view/item.d.ts
+/**
+ * Renders the `div` with the tree view's item class.
+ */
+declare const Itemed: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of an item's row: the address it opens and the props of a `div`.
+ */
+interface ItemProps extends ComponentProps<typeof Itemed> {
+  /**
+   * Address the item opens. The row renders an `a` while it is set.
+   */
+  readonly href?: string | undefined;
+}
+/**
+ * Renders an item's row with the machine's props and the tree semantics merged over the caller's.
+ *
+ * @param props - The address and the props of a `div`.
+ * @returns The `div` element, or an `a` with an address.
+ */
+declare function Item(props: ItemProps): ReactElement;
+//#endregion
+//#region src/tree-view/label.d.ts
+/**
+ * Renders the `div` with the tree view's label class.
+ */
+declare const Labelled: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the label: the props of a `div`.
+ */
+type LabelProps = ComponentProps<typeof Labelled>;
+/**
+ * Renders the label with the machine's label props merged over the caller's.
+ *
+ * @param props - The props of a `div`.
+ * @returns The `div` element.
+ */
+declare function Label(props: LabelProps): ReactElement;
+//#endregion
+//#region src/tree-view/node-checkbox.d.ts
+/**
+ * Renders the `span` with the tree view's node checkbox class.
+ */
+declare const Boxed: import("@stealthscale/theme").StyledComponent<"span", {}>;
+/**
+ * Describes the props of a node checkbox: the props of a `span`.
+ */
+type NodeCheckboxProps = ComponentProps<typeof Boxed>;
+/**
+ * Renders the box with the machine's props, less its role and focus, merged over the caller's.
+ *
+ * @param props - The props of a `span`, with the glyph as children.
+ * @returns The `span` element.
+ */
+declare function NodeCheckbox(props: NodeCheckboxProps): ReactElement;
+//#endregion
+//#region src/tree-view/node-rename-input.d.ts
+/**
+ * Renders the `input` with the tree view's node rename input class.
+ */
+declare const Renamed: import("@stealthscale/theme").StyledComponent<"input", {}>;
+/**
+ * Describes the props of the rename input: its accessible name and the props of an `input`.
+ */
+interface NodeRenameInputProps extends ComponentProps<typeof Renamed> {
+  /**
+   * Accessible name of the field, "Rename" unless the caller passes another.
+   */
+  readonly label?: string | undefined;
+}
+/**
+ * Renders the field with the machine's props merged over the caller's.
+ *
+ * @param props - The field's name and the props of an `input`.
+ * @returns The `input` element.
+ */
+declare function NodeRenameInput({ label, ...rest }: NodeRenameInputProps): ReactElement;
+//#endregion
+//#region src/tree-view/nodes.d.ts
+/**
+ * Describes the props of the nodes: the function that renders a row and the indent guide.
+ *
+ * @typeParam Node - Type of the collection's nodes.
+ */
+interface NodesProps<Node> {
+  /**
+   * Element each branch's group of children renders first, such as `TreeView.BranchIndentGuide`.
+   */
+  readonly indentGuide?: ReactNode;
+  /**
+   * Returns a node's row: `TreeView.BranchControl` for a branch and `TreeView.Item` for an item.
+   */
+  readonly render: NodeRender<Node>;
+}
+/**
+ * Renders the top-level nodes, each with the nodes under it.
+ *
+ * @typeParam Node - Type of the collection's nodes.
+ * @param props - The render function and the indent guide.
+ * @returns A fragment of one subtree per top-level node.
+ */
+declare function Nodes<Node>({ indentGuide, render }: NodesProps<Node>): ReactElement;
+//#endregion
+//#region src/tree-view/machine.d.ts
+/**
+ * Describes the machine settings a caller can pass to the root, all optional.
+ *
+ * @remarks
+ *   `translations` is left out, because a component's words are props: the tree takes its name from
+ *   `TreeView.Label` or `aria-label`, and the rename input takes its own `label`.
+ */
+type TreeViewOptions = Omit<Partial<treeView.Props>, "translations">;
+//#endregion
+//#region src/tree-view/root.d.ts
+/**
+ * Renders the `div` that provides the recipe's variants.
+ */
+declare const Framed: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly effect?: "glow" | undefined;
+  readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+  readonly selected?: "plain" | "solid" | "subtle" | undefined;
+  readonly size?: "lg" | "md" | "sm" | undefined;
+}>;
+/**
+ * Describes the props of the root: the machine's options, whether rows are checked, the recipe's
+ * variants and the props of a `div`.
+ *
+ * @remarks
+ *   The element's `dir` and `id` are left out, because the machine takes both.
+ */
+interface RootProps extends Omit<ComponentProps<typeof Framed>, "dir" | "id">, TreeViewOptions {
+  /**
+   * Whether every row has a check, which Space and a press on `TreeView.NodeCheckbox` toggle.
+   * A branch is checked while every node under it is, and partly checked while some are.
+   */
+  readonly checkable?: boolean | undefined;
+}
+/**
+ * Renders the root and provides the running machine to the parts.
+ *
+ * @param props - The machine's options, `checkable`, the recipe's variants and the props of a
+ *   `div`.
+ * @returns The `div` element inside the providers.
+ */
+declare function Root({ checkable, ...props }: RootProps): ReactElement;
+//#endregion
+//#region src/tree-view/tree.d.ts
+/**
+ * Renders the `div` with the tree view's tree class.
+ */
+declare const Treed: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the tree: the props of a `div`.
+ */
+type TreeProps = ComponentProps<typeof Treed>;
+/**
+ * Renders the tree with the machine's tree props merged over the caller's.
+ *
+ * @param props - The props of a `div`, `aria-label` among them.
+ * @returns The `div` element.
+ */
+declare function Tree(props: TreeProps): ReactElement;
+declare namespace index_d_exports$6 {
+  export { BranchControl, BranchControlProps, BranchIndentGuide, BranchIndentGuideProps, BranchIndicator, BranchIndicatorProps, BranchText, BranchTextProps, BranchTrigger, BranchTriggerProps, Item, ItemIndicator, ItemIndicatorProps, ItemProps, ItemText, ItemTextProps, Label, LabelProps, NodeCheckbox, NodeCheckboxProps, NodeDetails, NodeRenameInput, NodeRenameInputProps, NodeRender, Nodes, NodesProps, Root, RootProps, Tree, TreeProps };
+}
+//#endregion
+export { type Collection, type CollectionOptions, index_d_exports as DataList, type Filter, type FilterOptions, type Grid, type GridCollection, type GridOptions, type ListCollection, index_d_exports$1 as Listbox, type MatrixCell, type MatrixHeading, type MatrixState, type MatrixTone, index_d_exports$2 as Sortable, type StatusMatrixProps, index_d_exports$3 as SwipeActions, index_d_exports$4 as Table, index_d_exports$5 as Timeline, type TransferProps, TreeCollection, type TreeNode, index_d_exports$6 as TreeView };