@ixfx/components 0.7.3 → 0.7.5

package/bundle/index.d.ts

@@ -2223,6 +2223,14 @@ interface TreeComponent extends EventTarget {
    * Returns `true` if a matching node was found.
    */
   navigateToNode: (predicate: (node: TreeNode) => boolean) => boolean;
+  /**
+   * Expand ancestors of the node with `key` and move the keyboard cursor to it,
+   * scrolling it into view — **without** changing the selection. Returns `true`
+   * if the node was found. Used by incremental-search "navigate" mode.
+   */
+  revealKey: (key: string) => boolean;
+  /** Replace the selection with `nodes` (subject to `selectionFilter`). Used by incremental-search "select" mode. */
+  selectMany: (nodes: Iterable<TreeNode>) => void;
   /**
    * Returns all nodes currently visible in the rendered output, in render order,
    * with their depth (0-based, root's children are depth 0).
@@ -2411,6 +2419,10 @@ declare class CrumbNavigationElement extends LitElement implements TreeComponent
   navigateTo(keys: readonly string[]): boolean;
   /** Navigate to the first node matching the predicate. Returns false if not found. */
   navigateToNode(predicate: (node: TreeNode) => boolean): boolean;
+  /** `TreeComponent` parity — a crumb path always follows the selection, so this just navigates to `key`. */
+  revealKey(key: string): boolean;
+  /** `TreeComponent` parity — a crumb path is a single selection, so only the last node is kept. */
+  selectMany(nodes: Iterable<TreeNode>): void;
   render(): TemplateResult<1>;
   static styles: CSSResult[];
 }
@@ -2590,6 +2602,366 @@ type BuiltInFormatterOptions = {
 type DataGridGetRowKey<R> = (row: R, index: number) => string;
 type DataGridGroupBy<R> = string | ((row: R) => string);
 type DataGridGroupLabel = (groupKey: string, rows: readonly unknown[]) => string;
+/** Whether the data-grid renders its built-in header column/group menu. */
+type DataGridColumnMenu = `auto` | `none`;
+//#endregion
+//#region src/incr-search/types.d.ts
+type IncrSearchResult<T> = {
+  readonly item: T;
+  readonly positions: ReadonlySet<number>;
+  readonly score: number;
+};
+type IncrSearchState<T> = {
+  readonly query: string;
+  readonly results: ReadonlyArray<IncrSearchResult<T>>;
+  readonly positionsByItem: ReadonlyMap<T, ReadonlySet<number>>;
+};
+type IncrSearchChangeCallback<T> = (state: IncrSearchState<T>) => void;
+type IncrSearchOptions<T> = {
+  readonly items?: readonly T[];
+  readonly selector?: (item: T) => string;
+  readonly fzf?: Partial<FzfOptions<T>>;
+  readonly onChange?: IncrSearchChangeCallback<T>;
+};
+type IncrSearch<T> = {
+  readonly setItems: (items: readonly T[], signal?: AbortSignal) => Promise<void>;
+  readonly setQuery: (query: string, signal?: AbortSignal) => Promise<IncrSearchState<T>>;
+  readonly clearQuery: () => Promise<void>;
+  readonly state: IncrSearchState<T>;
+  readonly onChange: (cb: IncrSearchChangeCallback<T>) => () => void;
+  readonly dispose: () => void;
+};
+type FuzzySearchOptions<T> = {
+  readonly selector?: (item: T) => string;
+  readonly fzf?: Partial<FzfOptions<T>>;
+};
+type FuzzySearch<T> = {
+  readonly find: (query: string) => ReadonlyArray<IncrSearchResult<T>>;
+  readonly items: readonly T[];
+};
+type HighlightTarget = {
+  readonly element: Element;
+  readonly text?: string;
+  readonly positions: ReadonlySet<number>;
+};
+type HighlightOptions = {
+  readonly key?: string;
+};
+type ElementIncrSearchOptions = {
+  readonly container: Element;
+  readonly itemSelector: string;
+  readonly getLabel?: (el: Element) => string;
+  readonly getKey?: (el: Element) => string;
+  readonly labelSelector?: string;
+  readonly highlightKey?: string;
+  readonly fzf?: Partial<FzfOptions<{
+    key: string;
+    label: string;
+  }>>;
+  readonly onChange?: IncrSearchChangeCallback<{
+    key: string;
+    label: string;
+  }>;
+};
+//#endregion
+//#region src/incr-search/ac-adapter.d.ts
+/**
+ * Creates an ixfx-ac-text-compatible `completionProvider` function from a
+ * static item list. Uses synchronous fuzzy search wrapped in a Promise so it
+ * fits the async provider signature.
+ *
+ * Each returned item has `positions` populated with matched character indices,
+ * which `ixfx-ac-text` uses to render CSS Custom Highlights on the label.
+ *
+ * Empty query returns all items in original order (no positions).
+ * A cancelled signal causes the returned promise to reject with an AbortError.
+ */
+declare function createAcCompletionProvider<T extends {
+  label: string;
+}>(items: readonly T[], options?: Pick<FuzzySearchOptions<T>, `selector`>): (query: string, signal: AbortSignal) => Promise<Array<T & {
+  positions: ReadonlySet<number>;
+}>>;
+//#endregion
+//#region src/incr-search/controller-tree.d.ts
+type IncrSearchTreeOptions = {
+  selector: (item: {
+    node: TreeNode;
+    depth: number;
+  }) => string;
+  /**
+   * CSS selector for the label elements inside the shadow root.
+   * Defaults to `.tree-label` (suitable for ixfx-tree-list).
+   * Use `.label` for ixfx-miller-list.
+   */
+  labelSelector?: string;
+  highlightKey?: string;
+  input?: HTMLInputElement;
+  fzf?: Partial<FzfOptions<{
+    node: TreeNode;
+    depth: number;
+  }>>;
+};
+/**
+ * External-input filter-search controller for `TreeSearchHost` components.
+ *
+ * @deprecated `ixfx-tree-list` / `ixfx-miller-list` now have a built-in
+ * incremental-search popover with navigate / select / filter modes — invoke
+ * `el.registry.invoke('list.search.filter')` (see `docs/infra-incremental.md`)
+ * instead of wiring an external `<input>`. This class remains for existing
+ * consumers and covers filter mode only.
+ *
+ * @example Using with ixfx-tree-list:
+ * ```typescript
+ * const ctrl = new IncrSearchTreeController(myTreeList, {
+ *   selector: item => item.node.item.label,
+ * });
+ * ctrl.connect();
+ * ```
+ *
+ * @example Using with ixfx-miller-list (different label selector):
+ * ```typescript
+ * const ctrl = new IncrSearchTreeController(myMillerList, {
+ *   selector: item => item.node.item.label,
+ *   labelSelector: '.label',
+ * });
+ * ctrl.connect();
+ * ```
+ */
+declare class IncrSearchTreeController {
+  #private;
+  constructor(el: TreeSearchHost, opts: IncrSearchTreeOptions);
+  connect(): void;
+  disconnect(): void;
+  setQuery(query: string): Promise<void>;
+  clearQuery(): Promise<void>;
+}
+//#endregion
+//#region src/incr-search/list-search-controller.d.ts
+/**
+ * The three things incremental search can do to a list / tree component. See
+ * `docs/infra-incremental.md`.
+ *
+ * - `navigate` — move the cursor to the best match; ↑/↓ cycle between matches;
+ *   Enter activates the current match and closes.
+ * - `select` — (re)select every item whose label matches, live as you type.
+ * - `filter` — hide items that don't match; restored when the popover closes.
+ */
+type ListSearchMode = `navigate` | `select` | `filter`;
+/** Canonical order — used for the switch-row and to normalise a requested set. */
+declare const LIST_SEARCH_MODES: readonly ListSearchMode[];
+type SearchItem = {
+  readonly key: string;
+  readonly label: string;
+};
+/**
+ * Everything {@link ListSearchController} needs to drive a specific host. One is
+ * supplied per component; `createElementListSearchAdapter` and
+ * `createTreeListSearchAdapter` cover the common shapes.
+ */
+interface ListSearchAdapter<TItem> {
+  /** All searchable items, in display order. */
+  getItems: () => readonly TItem[];
+  /** Text matched against the query. */
+  getLabel: (item: TItem) => string;
+  /** Stable identity for an item. */
+  getKey: (item: TItem) => string;
+  /** `navigate`: move the cursor to `item` and reveal it. `undefined` = no-op. */
+  focusItem: (item: TItem | undefined) => void;
+  /** `navigate` + Enter: activate `item` (falls back to `focusItem`). */
+  activateItem?: (item: TItem) => void;
+  /** `select` / "Select matches": replace the selection with `items`. */
+  selectItems: (items: readonly TItem[]) => void;
+  /** `filter`: hide items whose key is not in `matchedKeys`; `undefined` clears the filter. */
+  applyFilter: (matchedKeys: ReadonlySet<string> | undefined) => void;
+  /** Where matched-character highlights are painted (usually the shadow root). */
+  highlightRoot?: () => ShadowRoot | Element | null | undefined;
+  /** CSS selector for the label elements inside {@link highlightRoot}. */
+  highlightSelector?: string;
+  /** Given a label element, the key of the item it belongs to. */
+  highlightKeyOf?: (labelEl: Element) => string | undefined;
+  /** Text of a label element as fzf saw it (defaults to `el.textContent`). */
+  highlightText?: (labelEl: Element) => string;
+  /** `CSS.highlights` registry key. Defaults to `incr-search-highlight`. */
+  highlightKey?: string;
+  /** Element whose child-list mutations should trigger a `refresh()`. */
+  container?: () => Element | null | undefined;
+}
+interface ListSearchControllerOptions<TItem> {
+  adapter: ListSearchAdapter<TItem>;
+  /**
+   * Modes this instance offers, as entry points and as in-popover switch
+   * targets. The controller intersects this with {@link LIST_SEARCH_MODES}, so
+   * pass the intersection of the component's own capability and any
+   * consumer-set `search-modes`. Empty ⇒ search disabled. Default: all three.
+   */
+  modes?: readonly ListSearchMode[];
+  fzf?: Partial<FzfOptions<SearchItem>>;
+  placeholder?: string;
+}
+type ListSearchHost = ReactiveControllerHost & HTMLElement & {
+  renderRoot?: DocumentFragment | HTMLElement;
+};
+/**
+ * Shared brain for the three-mode incremental-search popover. A Lit
+ * `ReactiveController`: the host adds `listSearchStyles` to `static styles`,
+ * drops `${controller.renderField()}` into `render()`, and registers the
+ * commands with {@link registerListSearchCommands}. See `docs/infra-incremental.md`.
+ */
+declare class ListSearchController<TItem> implements ReactiveController {
+  #private;
+  constructor(host: ListSearchHost, options: ListSearchControllerOptions<TItem>);
+  /** `false` when no modes are available — the host should register no commands and render no field. */
+  get enabled(): boolean;
+  /** The modes actually offered (component capability ∩ consumer request). */
+  get registeredModes(): readonly ListSearchMode[];
+  /**
+   * Replace the offered mode set (normalised to {@link LIST_SEARCH_MODES}
+   * order). If the current mode is dropped the popover closes and falls back to
+   * the first remaining mode. Callers should re-run
+   * {@link registerListSearchCommands} afterwards.
+   */
+  setModes(modes: readonly ListSearchMode[]): void;
+  get isOpen(): boolean;
+  get mode(): ListSearchMode;
+  get query(): string;
+  get matchCount(): number;
+  get matchIndex(): number;
+  hostConnected(): void;
+  hostDisconnected(): void;
+  /** Open the popover in `mode` (clamped to the available set). */
+  open(mode: ListSearchMode): void;
+  /** Close the popover, restoring any live filter. Selection / cursor stay put. */
+  close(): void;
+  setQuery(query: string): void;
+  /** Re-interpret the current query under a new mode (undoing the old mode's effect). */
+  switchMode(next: ListSearchMode): void;
+  /** One-shot: turn the current match set into the selection, staying in the current mode. */
+  selectMatches(): void;
+  nextMatch(): void;
+  prevMatch(): void;
+  /** Enter: in `navigate` activate the current match; then close. */
+  commit(): void;
+  /** Rebuild the searchable item set from the adapter. Called on open and on container mutation. */
+  refresh(): void;
+  /** Popover markup. Pair with `listSearchStyles` in the host's `static styles`. */
+  renderField(): TemplateResult | typeof nothing;
+}
+//#endregion
+//#region src/incr-search/element-list-search-adapter.d.ts
+/**
+ * The slice of a list component the element adapter drives. `ixfx-grid-list`,
+ * `ixfx-vertical-list` and `ixfx-detail-list` all satisfy it.
+ */
+interface ElementListSearchHost extends HTMLElement {
+  focusKey: (key: string) => void;
+  selectKeys: (keys: Iterable<string>) => void;
+}
+interface ElementListSearchAdapterOptions {
+  /** Selector for item elements, relative to the host. Default `:scope > *`. */
+  itemSelector?: string;
+  getLabel?: (el: Element) => string;
+  getKey?: (el: Element) => string;
+  /** `CSS.highlights` registry key for matched-character highlights. */
+  highlightKey?: string;
+}
+/**
+ * A {@link ListSearchAdapter} over the light-DOM item elements of a list
+ * component. Filter mode toggles `hidden` (only on elements it hid itself, so a
+ * consumer's own `hidden` items are left alone). Highlights are painted on the
+ * item elements in the light DOM — the consuming page styles
+ * `::highlight(<highlightKey>)`. See `docs/infra-incremental.md`.
+ */
+declare function createElementListSearchAdapter(host: ElementListSearchHost, options?: ElementListSearchAdapterOptions): ListSearchAdapter<Element>;
+//#endregion
+//#region src/incr-search/element-search.d.ts
+type ElementItem = {
+  readonly key: string;
+  readonly label: string;
+};
+type ElementIncrSearch = {
+  readonly setQuery: (query: string, signal?: AbortSignal) => Promise<void>;
+  readonly clearQuery: () => Promise<void>;
+  readonly refresh: () => void;
+  readonly onChange: (cb: IncrSearchChangeCallback<ElementItem>) => () => void;
+  readonly dispose: () => void;
+};
+/**
+ * DOM filter-search over a container's item elements (sets `hidden` on
+ * non-matches, applies highlights).
+ *
+ * @deprecated The list components (`ixfx-grid-list`, `ixfx-vertical-list`,
+ * `ixfx-detail-list`, …) now have a built-in navigate / select / filter search
+ * popover — see `docs/infra-incremental.md` and `ListSearchController`. Kept for
+ * standalone / non-component use.
+ */
+declare function createElementIncrSearch(opts: ElementIncrSearchOptions): ElementIncrSearch;
+//#endregion
+//#region src/incr-search/fuzzy.d.ts
+declare function createFuzzySearch<T>(items: readonly T[], options?: FuzzySearchOptions<T>): FuzzySearch<T>;
+//#endregion
+//#region src/incr-search/highlight.d.ts
+declare function applyHighlights(targets: readonly HighlightTarget[], options?: HighlightOptions): void;
+declare function clearHighlights(options?: HighlightOptions): void;
+declare function buildHighlightTargets<T>(root: ShadowRoot | Element, itemSelector: string, positionsByItem: ReadonlyMap<T, ReadonlySet<number>>, getItem: (el: Element) => T | undefined, getText: (el: Element) => string): HighlightTarget[];
+//#endregion
+//#region src/incr-search/incr-search.d.ts
+declare function createIncrSearch<T>(options?: IncrSearchOptions<T>): IncrSearch<T>;
+//#endregion
+//#region src/incr-search/list-search-commands.d.ts
+/** Command ids registered by {@link registerListSearchCommands}, keyed by mode. */
+declare const LIST_SEARCH_COMMAND_IDS: Readonly<Record<ListSearchMode, string>>;
+interface RegisterListSearchCommandsOptions {
+  /**
+   * Prefix for command ids, e.g. `grid-list` ⇒ `grid-list.search.filter`. When
+   * omitted the shared ids from {@link LIST_SEARCH_COMMAND_IDS} are used so a
+   * single dispatch (`ixfx-grouped-item-lister.dispatch('list.search.filter')`)
+   * fans out to every list.
+   */
+  idPrefix?: string;
+}
+/**
+ * Register one command per mode the controller offers (see
+ * `controller.registeredModes`). Each command opens the search popover in its
+ * mode. Returns a function that unregisters them again — call it from
+ * `disconnectedCallback`. See `docs/infra-incremental.md`.
+ */
+declare function registerListSearchCommands<T>(registry: CommandRegistry<unknown>, controller: ListSearchController<T>, options?: RegisterListSearchCommandsOptions): () => void;
+//#endregion
+//#region src/incr-search/list-search-styles.d.ts
+/**
+ * Styles for the incremental-search popover rendered by
+ * `ListSearchController.renderField()`. Add to a component's `static styles`;
+ * the class names are the contract between this fragment and `renderField()`.
+ *
+ * The host must give the popover a positioned ancestor (a wrapper with
+ * `position: relative`, or `:host { position: relative }`). Tunables:
+ * `--list-search-inset` (default `8px`) offsets it from the top-right corner.
+ *
+ * See `docs/infra-incremental.md`.
+ */
+declare const listSearchStyles: CSSResult;
+//#endregion
+//#region src/incr-search/tree-list-search-adapter.d.ts
+type TreeSearchItem = {
+  node: TreeNode;
+  depth: number;
+};
+interface TreeListSearchAdapterOptions {
+  /** Label-element selector inside the shadow root. Default `.tree-label`; `ixfx-miller-list` uses `.label`. */
+  labelSelector?: string;
+  /** `CSS.highlights` registry key for matched-character highlights. */
+  highlightKey?: string;
+  getLabel?: (item: TreeSearchItem) => string;
+}
+/**
+ * A {@link ListSearchAdapter} over any `TreeSearchHost` (`ixfx-tree-list`,
+ * `ixfx-miller-list`, `ixfx-crumb-navigation`). Navigate reveals the match
+ * (expands its ancestors, moves the cursor); select drives `selectMany`; filter
+ * sets `filterPredicate`. The item set is the whole tree — `getNodes()` returns
+ * every node regardless of expansion or an active filter — so refining a query
+ * can always re-surface a node. See `docs/infra-incremental.md`.
+ */
+declare function createTreeListSearchAdapter(host: TreeSearchHost, options?: TreeListSearchAdapterOptions): ListSearchAdapter<TreeSearchItem>;
 //#endregion
 //#region src/menu/menu-bar.d.ts
 declare class MenuBar extends LitElement {
@@ -2822,6 +3194,7 @@ interface DataGridElementEventMap {
   'datagrid-group-change': DataGridGroupChangeEvent;
 }
 declare class DataGridElement extends LitElement {
+  #private;
   static styles: CSSResult[];
   columns: DataGridColumn[];
   rows: unknown[];
@@ -2839,7 +3212,27 @@ declare class DataGridElement extends LitElement {
   /** Columns keys that can be grouped by; undefined = all groupable columns */
   groupableColumns: string[] | undefined;
   crossGroupSelection: boolean;
+  /**
+   * `auto` (default): render the built-in header column/group menu.
+   * `none`: don't render it — for hosts that supply their own column UI via
+   * `column.visible` + `datagrid-column-visibility`.
+   */
+  columnMenu: DataGridColumnMenu;
   globalFormatter?: GlobalFormatter;
+  /**
+   * Predicate used by incremental filter-search (and callable directly). Rows
+   * for which it returns `false` are dropped from the flat list — hidden from
+   * view and navigation.
+   */
+  filterPredicate?: (row: unknown) => boolean;
+  /** Text a row is matched against by incremental search. Default: its visible cells joined by a space. */
+  rowSearchText?: (row: unknown) => string;
+  /**
+   * Space-separated subset of `navigate select filter` — limits which
+   * incremental-search modes are offered. Unset ⇒ all three; empty ⇒ search
+   * disabled. See `docs/infra-incremental.md`.
+   */
+  searchModes: string | undefined;
   private _columnFormatters;
   private _selectedKeys;
   private _scrollTop;
@@ -2858,6 +3251,10 @@ declare class DataGridElement extends LitElement {
   private _sortedRows;
   private _flat;
   private _flatKeys;
+  /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
+  readonly search: ListSearchController<unknown>;
+  /** Command registry carrying this grid's `list.search.*` commands. */
+  get registry(): CommandRegistry<unknown> | undefined;
   private _visibleColumns;
   private _colOffsets;
   private _colWidthSum;
@@ -2865,6 +3262,11 @@ declare class DataGridElement extends LitElement {
   private _drag;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  /**
+   * Dispatch a command to this grid — routes through the command registry so
+   * `list.search.*` (and any other registered commands) work.
+   */
+  dispatch(commandId: CommandId, args?: Record<string, unknown>): void;
   private _onFocusOut;
   protected firstUpdated(): void;
   protected updated(changed: Map<string, unknown>): void;
@@ -2883,6 +3285,29 @@ declare class DataGridElement extends LitElement {
   private _anchorKey;
   private _scrollRowIntoView;
   private _getRowForKey;
+  /** The selected row keys (read-only). */
+  get selectedKeys(): ReadonlySet<string>;
+  /** Replace the selection with these row keys (clamped to known rows). */
+  set selectedKeys(keys: Iterable<string>);
+  /**
+   * Replace the selection with the given row keys. Unknown keys are dropped;
+   * in a single-select mode only the last surviving key is kept;
+   * `selectionMode="none"` clears. Fires `datagrid-select` with the previous
+   * set when the selection actually changes.
+   */
+  selectKeys(keys: Iterable<string>): void;
+  /** The row key under the cursor, or `undefined`. */
+  get tickledKey(): string | undefined;
+  /** Move the cursor to this row key and scroll it into view. */
+  tickleRow(key: string): void;
+  /**
+   * Append rows without the full O(n log n) rebuild that reassigning `rows`
+   * incurs. `rows` still gets a new array reference (reactivity is preserved),
+   * but the derived arrays are extended over the appended slice only. When a
+   * sort is active the new rows show unsorted for one frame, then a single
+   * coalesced re-sort runs. Scroll position, selection and cursor are kept.
+   */
+  appendRows(rows: readonly unknown[]): void;
   private _replaceSelection;
   private _toggleSelection;
   private _rangeSelectTo;
@@ -2925,6 +3350,69 @@ interface DataGridElement {
   removeEventListener: (<K extends keyof DataGridElementEventMap>(type: K, listener: (this: DataGridElement, event: DataGridElementEventMap[K]) => void, options?: boolean | EventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void);
 }
 //#endregion
+//#region src/data-table/data-table.d.ts
+type DataTableRow = {
+  label: string;
+  value: string | number | boolean | Node | TemplateResult;
+  fullWidth?: boolean;
+  detail?: string | TemplateResult;
+  id?: string;
+};
+type DataTableRowClickDetail = {
+  readonly row: DataTableRow;
+  readonly index: number;
+  readonly selected: boolean;
+};
+type DataTableRowClickEvent = CustomEvent<DataTableRowClickDetail>;
+interface DataTableElementEventMap {
+  'data-table-row-click': DataTableRowClickEvent;
+}
+declare class DataTableElement extends LitElement {
+  #private;
+  static styles: CSSResult[];
+  rows: readonly DataTableRow[];
+  selectedIndex: number | undefined;
+  /**
+   * How long (ms) the pointer must rest on a hovered row before its detail
+   * panel is revealed. The tickled highlight itself appears immediately on
+   * hover; only the detail panel is debounced. Clicking a row reveals its
+   * detail straight away, ignoring this delay.
+   */
+  tickleDelay: number;
+  /**
+   * Table layout.
+   * - `auto` (default): responsive — widens to multiple pair-columns on wide
+   *   containers, and stacks key above value once narrower than
+   *   {@link narrowBreakpoint}.
+   * - `rows`: always stacked (key above value), regardless of width.
+   * - `columns`: always a two-column key/value grid, regardless of width.
+   */
+  layout: `auto` | `rows` | `columns`;
+  /**
+   * Inline width (px) at or below which the `auto` layout switches to its
+   * stacked, key-above-value form. Ignored when {@link layout} is locked.
+   */
+  narrowBreakpoint: number;
+  private _tickled;
+  /** Index of the row whose detail panel is currently revealed, if any. */
+  private _detailIndex;
+  /** Whether the table is currently rendering in its stacked form. */
+  private _stacked;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  willUpdate(changed: PropertyValues<this>): void;
+  render(): ReturnType<typeof html>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-data-table': DataTableElement;
+  }
+}
+interface DataTableElement {
+  addEventListener<K extends keyof DataTableElementEventMap>(type: K, listener: (this: DataTableElement, event: DataTableElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+}
+//#endregion
 //#region src/interaction/list-selection-types.d.ts
 /**
  * Shared list selection types.
@@ -2951,6 +3439,11 @@ type ListInteractionMode = `implicit` | `standard` | `manual` | `checked` | `sti
 type ListSelectDetail = {
   readonly selected: ReadonlySet<Element>;
   readonly previous: ReadonlySet<Element>;
+  /**
+   * The selection as stable key strings (`data-key` / `data-value`). Empty
+   * when items carry no key. Additive to `selected`.
+   */
+  readonly selectedKeys: ReadonlySet<string>;
 };
 type ListTickleDetail = {
   readonly item: Element;
@@ -3016,21 +3509,34 @@ declare class VerticalListElement extends LitElement {
    *     : html``;
    */
   checkboxRenderer: ((checked: boolean) => unknown) | CustomCheckboxOptions | undefined;
-  private _searchVisible;
-  private _searchQuery;
-  private _searchInputEl;
+  /**
+   * Space-separated subset of `navigate select filter` — limits which
+   * incremental-search modes are offered. Unset ⇒ all three; empty ⇒ search
+   * disabled. See `docs/infra-incremental.md`.
+   */
+  searchModes: string | undefined;
   private readonly selection;
   private tickled;
+  /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
+  readonly search: ListSearchController<Element>;
+  /** Command registry carrying this list's `list.search.*` commands. */
+  get registry(): CommandRegistry<unknown> | undefined;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  firstUpdated(): void;
   updated(changed: PropertyValues): void;
   /** The most recently selected item, or `undefined` if nothing is selected. */
   get selectedItem(): Element | undefined;
   /** The full current selection set (read-only). */
   get selectedItems(): ReadonlySet<Element>;
   addItem(item: Element | string, options?: AddItemOptions): void;
-  removeItem(item: Element): void;
+  /**
+   * Collapse + fade `item` out, then detach it. The rows below slide up to
+   * close the gap. Resolves once the element has actually been removed.
+   * Under `prefers-reduced-motion: reduce` it's removed immediately.
+   */
+  removeItem(item: Element): Promise<void>;
+  /** {@link removeItem} for several items at once. */
+  removeItems(items: Iterable<Element>): Promise<void>;
   clearItems(): void;
   /**
    * Replace the entire item list in one call.
@@ -3039,16 +3545,28 @@ declare class VerticalListElement extends LitElement {
    */
   setItems(items: readonly Element[]): void;
   /**
-   * Dispatch a command to this list. No-op by default.
-   * Intended for use with `ixfx-grouped-item-lister`'s `dispatch()` method,
-   * which forwards commands to all sub-components.
+   * Dispatch a command to this list — used by `ixfx-grouped-item-lister` to
+   * forward commands to all sub-components. Routes through the command registry
+   * (so `list.search.*` and any other registered commands work).
    */
-  dispatch(_commandId: CommandId, _args?: Record<string, unknown>): void;
+  dispatch(commandId: CommandId, args?: Record<string, unknown>): void;
   select(item: Element): void;
   selectMany(items: Iterable<Element>): void;
   deselect(item: Element): void;
   clearSelection(): void;
   selectAll(): void;
+  /** The selection as stable `data-key` / `data-value` strings. */
+  get selectedKeys(): ReadonlySet<string>;
+  /** The key of the item under the cursor, or `undefined`. */
+  get tickledKey(): string | undefined;
+  /** Replace the selection with the items carrying these keys (unknown keys ignored). */
+  selectKeys(keys: Iterable<string>): void;
+  /** Add items by key to the selection (multi-select modes only). */
+  addSelectedKeys(keys: Iterable<string>): void;
+  /** Remove items by key from the selection. */
+  removeSelectedKeys(keys: Iterable<string>): void;
+  /** Move the cursor to the item with this key and scroll it into view. */
+  focusKey(key: string): void;
   selectedFilter(kind: `selected` | `checked` | `either`): Generator<Element>;
   private _getVisibleItems;
   private _isCheckable;
@@ -3068,16 +3586,12 @@ declare class VerticalListElement extends LitElement {
   private _createCustomCheckbox;
   private _findListItem;
   private _dispatch;
-  private _openSearch;
-  private _closeSearch;
   private _onPointerOver;
   private _onPointerLeave;
   private _onKeyDown;
   private _onClick;
   private _onDblClick;
   private _activateItem;
-  private _onSearchInput;
-  private _onSearchKeydown;
   static styles: CSSResult[];
   render(): TemplateResult<1>;
 }
@@ -3142,12 +3656,19 @@ declare class DetailListElement extends LitElement {
   itemWrap: `stop` | `wrap`;
   /** Optional renderer for the checkbox shown in `checked` interactionMode. */
   checkboxRenderer: ((checked: boolean) => unknown) | CustomCheckboxOptions | undefined;
-  private _searchVisible;
-  private _searchQuery;
-  private _searchInputEl;
+  /**
+   * Space-separated subset of `navigate select filter` — limits which
+   * incremental-search modes are offered. Unset ⇒ all three; empty ⇒ search
+   * disabled. See `docs/infra-incremental.md`.
+   */
+  searchModes: string | undefined;
   private _listEl;
   private readonly selection;
   private tickled;
+  /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
+  readonly search: ListSearchController<Element>;
+  /** Command registry carrying this list's `list.search.*` commands. */
+  get registry(): CommandRegistry<unknown> | undefined;
   connectedCallback(): void;
   disconnectedCallback(): void;
   firstUpdated(): void;
@@ -3163,8 +3684,14 @@ declare class DetailListElement extends LitElement {
    */
   refreshLayout(): void;
   addItem(item: Element | string, options?: AddItemOptions): void;
-  removeItem(item: Element): void;
-  clearItems(): void;
+  /**
+   * Collapse + fade `item` out, then detach it; the rows after it slide up to
+   * close the gap. Resolves once removed. Immediate under reduced motion.
+   */
+  removeItem(item: Element): Promise<void>;
+  /** {@link removeItem} for several items at once. */
+  removeItems(items: Iterable<Element>): Promise<void>;
+  clearItems(): void;
   /**
    * Replace the entire item list in one call.
    * Equivalent to `clearItems()` followed by `addItem()` for each element.
@@ -3175,13 +3702,29 @@ declare class DetailListElement extends LitElement {
    * provider. Returns `undefined` for declarative / programmatic elements.
    */
   getItemData(item: HTMLLIElement): unknown;
-  /** Dispatch a command to this list. No-op by default (grouped-lister parity). */
-  dispatch(_commandId: CommandId, _args?: Record<string, unknown>): void;
+  /**
+   * Dispatch a command to this list — used by `ixfx-grouped-item-lister` to
+   * forward commands. Routes through the command registry (so `list.search.*`
+   * and any other registered commands work).
+   */
+  dispatch(commandId: CommandId, args?: Record<string, unknown>): void;
   select(item: Element): void;
   selectMany(items: Iterable<Element>): void;
   deselect(item: Element): void;
   clearSelection(): void;
   selectAll(): void;
+  /** The selection as stable `data-key` / `data-value` strings. */
+  get selectedKeys(): ReadonlySet<string>;
+  /** The key of the item under the cursor, or `undefined`. */
+  get tickledKey(): string | undefined;
+  /** Replace the selection with the items carrying these keys (unknown keys ignored). */
+  selectKeys(keys: Iterable<string>): void;
+  /** Add items by key to the selection (multi-select modes only). */
+  addSelectedKeys(keys: Iterable<string>): void;
+  /** Remove items by key from the selection. */
+  removeSelectedKeys(keys: Iterable<string>): void;
+  /** Move the cursor to the item with this key and scroll it into view. */
+  focusKey(key: string): void;
   selectedFilter(kind: `selected` | `checked` | `either`): Generator<Element>;
   private _getVisibleItems;
   /**
@@ -3208,8 +3751,6 @@ declare class DetailListElement extends LitElement {
   private _createCustomCheckbox;
   private _findListItem;
   private _dispatch;
-  private _openSearch;
-  private _closeSearch;
   private _onPointerOver;
   private _onPointerLeave;
   private _onKeyDown;
@@ -3217,8 +3758,6 @@ declare class DetailListElement extends LitElement {
   private _onDblClick;
   private _onWheel;
   private _activateItem;
-  private _onSearchInput;
-  private _onSearchKeydown;
   static styles: CSSResult[];
   render(): TemplateResult<1>;
 }
@@ -4406,198 +4945,250 @@ declare global {
   }
 }
 //#endregion
-//#region src/grouped-item-lister/types.d.ts
-/**
- * Fired when the selection set changes by any means.
- * Event name: `select`
- */
-type SubComponentSelectDetail<T> = {
-  readonly selected: ReadonlySet<T>;
-  readonly previous: ReadonlySet<T>;
-};
-/**
- * Fired when an item is explicitly activated (double-click or Enter key).
- * Event name: `activate`
- */
-type SubComponentActivateDetail<T> = {
-  readonly item: T;
-};
-/**
- * Fired on a raw pointer click before any selection change.
- * Event name: `item-click`
- */
-type SubComponentItemClickDetail<T> = {
-  readonly item: T;
-};
-/**
- * Fired when the pointer hovers over an item or the keyboard cursor moves to it.
- * Event name: `tickle`
- */
-type SubComponentTickleDetail<T> = {
-  readonly item: T;
-};
-type SubComponentSelectEvent<T> = CustomEvent<SubComponentSelectDetail<T>>;
-type SubComponentActivateEvent<T> = CustomEvent<SubComponentActivateDetail<T>>;
-type SubComponentItemClickEvent<T> = CustomEvent<SubComponentItemClickDetail<T>>;
-type SubComponentTickleEvent<T> = CustomEvent<SubComponentTickleDetail<T>>;
-interface IGroupedSubComponentEventMap<T> {
-  'select': SubComponentSelectEvent<T>;
-  'activate': SubComponentActivateEvent<T>;
-  'item-click': SubComponentItemClickEvent<T>;
-  'tickle': SubComponentTickleEvent<T>;
-}
+//#region src/grid-list/types.d.ts
 /**
- * Contract that sub-components passed to `ixfx-grouped-item-lister` must satisfy.
- *
- * All four events (`select`, `activate`, `item-click`, `tickle`) must bubble and be composed
- * so they propagate through the lister's light DOM to external listeners.
+ * How the caption relates to the cell's content.
+ * - `hidden`: no caption is rendered.
+ * - `separate`: content sits in a square; the caption is a detached label
+ *   below it. Square and caption are highlighted separately, like macOS
+ *   Finder icon view.
+ * - `under` (default): the whole cell is one box — content on top, caption in
+ *   its own strip below it, inside the same box. One selection outline.
+ * - `overlaid`: the caption floats on top of the content (see
+ *   `GridListCaptionPosition` / `GridListCaptionBackdrop`).
  */
-interface IGroupedSubComponent<T> extends HTMLElement {
-  /** Replace the full item list. Called whenever the lister's items or grouping changes. */
-  setItems: (items: readonly T[]) => void;
-  /** Clear the current selection without firing a `select` event (avoids re-entrant loops). */
-  clearSelection: () => void;
-  /** The current selection set. */
-  readonly selectedItems: ReadonlySet<T>;
-  /** Controls how many items can be selected simultaneously. */
-  selectionMode: ListSelectionMode;
-  /**
-   * Forward a command (e.g. sort-order change) to this sub-component.
-   * Uses `CommandId` from `@clinth/ui-commands` for interoperability.
-   */
-  dispatch: (commandId: CommandId, args?: Record<string, unknown>) => void;
-  addEventListener: (<K extends keyof IGroupedSubComponentEventMap<T>>(type: K, listener: (event: IGroupedSubComponentEventMap<T>[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
-}
+type GridListCaptionStyle = `hidden` | `separate` | `under` | `overlaid`;
+/** Horizontal alignment of caption text (`middle` is the default). */
+type GridListCaptionAlign = `left` | `middle` | `right`;
+/** Vertical placement of an `overlaid` caption (`bottom` is the default). */
+type GridListCaptionPosition = `top` | `middle` | `bottom`;
 /**
- * Factory that creates a sub-component for a given group.
- * Called once per group (or once with `undefined` in ungrouped mode).
+ * Backdrop behind an `overlaid` caption.
+ * - `scrim` (default): flat translucent panel.
+ * - `gradient`: translucent gradient fading away from the caption edge.
+ * - `blur`: frosted / backdrop-blurred panel.
+ * - `none`: no panel — caption text only, with a shadow for legibility.
  */
-type SubComponentFactory<T> = (groupKey: string | undefined) => HTMLElement & IGroupedSubComponent<T>;
+type GridListCaptionBackdrop = `scrim` | `gradient` | `blur` | `none`;
 /**
- * Fired by `ixfx-grouped-item-lister` after any sub-component fires `select`.
- * Carries the full cross-group selection union and the key of the group whose
- * selection just changed (or `undefined` in ungrouped mode).
+ * Layout / scroll direction.
+ * - `grid` (default): items wrap across as many columns as fit and the list
+ *   scrolls vertically.
+ * - `row`: a single row of items that scrolls horizontally.
+ * - `column`: a single column of items that scrolls vertically.
  */
-type GroupedSelectDetail<T> = {
-  readonly selected: ReadonlySet<T>;
-  readonly groupKey: string | undefined;
-};
-type GroupedSelectEvent<T> = CustomEvent<GroupedSelectDetail<T>>;
-interface GroupedItemListerElementEventMap<T> {
-  'grouped-select': GroupedSelectEvent<T>;
-}
-//#endregion
-//#region src/panel/panel.d.ts
-/** Backwards-compatible aliases: canonical types now live in `../titlebar/titlebar.js`. */
-type PanelOrientation = TitlebarOrientation;
-type PanelVariant = TitlebarVariant;
-type PanelToggleInteraction = TitlebarToggleInteraction;
-type PanelToggleDetail = TitlebarToggleDetail;
-type PanelToggleEvent = TitlebarToggleEvent;
-type PanelCloseEvent = TitlebarCloseEvent;
-interface PanelElementEventMap {
-  toggle: PanelToggleEvent;
-  close: PanelCloseEvent;
-}
-declare class PanelElement extends LitElement {
-  collapsed: boolean;
-  orientation: PanelOrientation;
-  closable: boolean;
-  /** Show the collapse/expand caret and enable toggle behaviour. Defaults to true so existing panels stay collapsible. */
-  collapsible: boolean;
-  title: string;
-  iconName: string;
-  toggleInteraction: PanelToggleInteraction;
-  variant: PanelVariant;
-  /** Suppress the titlebar entirely (content-only chrome, e.g. dock tabbed mode). */
-  hideTitlebar: boolean;
-  private _onTitlebarToggle;
-  private _onCloseClick;
-  protected render(): TemplateResult<1>;
-  static styles: CSSResult[];
+type GridListOrientation = `grid` | `row` | `column`;
+interface GridListSelectDetail {
+  readonly selected: ReadonlySet<Element>;
+  readonly previous: ReadonlySet<Element>;
+  /** The selection as stable `data-key` / `data-value` strings. */
+  readonly selectedKeys: ReadonlySet<string>;
 }
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-panel': PanelElement;
-  }
+type GridListSelectEvent = CustomEvent<GridListSelectDetail>;
+interface GridListActivateDetail {
+  readonly item: Element;
 }
-interface PanelElement {
-  addEventListener: (<K extends keyof PanelElementEventMap>(type: K, listener: (this: PanelElement, event: PanelElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+type GridListActivateEvent = CustomEvent<GridListActivateDetail>;
+interface GridListItemClickDetail {
+  readonly item: Element;
 }
-//#endregion
-//#region src/grouped-item-lister/grouped-item-lister.d.ts
-declare class GroupedItemListerElement<T = unknown> extends LitElement {
-  #private;
-  grouped: boolean;
-  crossGroupSelection: boolean;
-  get groupBy(): ((item: T) => string) | undefined;
-  set groupBy(value: ((item: T) => string) | undefined);
-  get factory(): SubComponentFactory<T> | undefined;
-  set factory(value: SubComponentFactory<T> | undefined);
-  get provider(): IDataProvider<void, T> | undefined;
-  set provider(value: IDataProvider<void, T> | undefined);
-  /** The union of all selected items across every sub-component. */
-  get selectedItems(): ReadonlySet<T>;
-  /**
-   * Forward a command to all live sub-components.
-   * Use this to propagate changes like sort order, filter state, or view mode.
-   */
-  dispatch(commandId: CommandId, args?: Record<string, unknown>): void;
-  protected createRenderRoot(): this;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected updated(changed: PropertyValues): void;
-  protected render(): typeof nothing | TemplateResult<1>;
+type GridListItemClickEvent = CustomEvent<GridListItemClickDetail>;
+interface GridListTickleDetail {
+  readonly item: Element;
 }
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-grouped-item-lister': GroupedItemListerElement;
-  }
+type GridListTickleEvent = CustomEvent<GridListTickleDetail>;
+interface GridListElementEventMap {
+  'list-select': GridListSelectEvent;
+  'list-activate': GridListActivateEvent;
+  'list-item-click': GridListItemClickEvent;
+  'list-tickle': GridListTickleEvent;
 }
-interface GroupedItemListerElement<T> {
-  addEventListener: (<K extends keyof GroupedItemListerElementEventMap<T>>(type: K, listener: (this: GroupedItemListerElement<T>, event: GroupedItemListerElementEventMap<T>[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+type GridListViewportChangeDetail = {
+  readonly visibleKeys: string[];
+};
+type GridListViewportChangeEvent = CustomEvent<GridListViewportChangeDetail>;
+interface GridListFullElementEventMap extends GridListElementEventMap {
+  'grid-list-viewport-change': GridListViewportChangeEvent;
 }
 //#endregion
-//#region src/interaction/tickled-controller.d.ts
+//#region src/interaction/list-selection-controller.d.ts
+/** Modifier state needed to route a click gesture per interaction mode. */
+type ListSelectionGesture = {
+  readonly ctrlKey: boolean;
+  readonly metaKey: boolean;
+  readonly shiftKey: boolean;
+};
+type ListSelectionModes = {
+  readonly selectionMode: ListSelectionMode;
+  readonly interactionMode: ListInteractionMode;
+};
 /**
- * Represents an item that can be tickled (highlighted via hover or keyboard navigation)
+ * Configuration supplied by the host component.
+ *
+ * The controller owns selection *state* only — everything DOM- or
+ * component-specific is expressed through these callbacks.
  */
-type TickledItem<T = unknown> = {
+type ListSelectionControllerConfig<T> = {
+  /** Visible items in navigation order — used for range selection and select-all. */
+  readonly getOrderedItems: () => readonly T[];
+  /** Whether an item may join the selection (e.g. reject `not-checked` rows). */
+  readonly isSelectable: (item: T) => boolean;
+  /** Current modes; read on every gesture so property changes apply immediately. */
+  readonly getModes: () => ListSelectionModes;
   /**
-   * Unique identifier for the item (e.g., index, id, path)
+   * Fired after every selection change. The host syncs DOM state
+   * (`data-selected` / `data-checked`), dispatches `list-select`, and
+   * requests an update.
    */
-  readonly id: T;
+  readonly onChange: (selected: ReadonlySet<T>, previous: ReadonlySet<T>) => void;
   /**
-   * Whether the item is currently enabled/interactive
+   * Optional: derive a stable string key for an item. Enables `selectedKeys`
+   * and `selectKeys()`. When omitted, `selectedKeys` is always empty.
    */
-  readonly enabled?: boolean;
+  readonly getKey?: (item: T) => string | undefined;
 };
+/** Whether the interaction mode allows building a multi-item selection. */
+declare function isMultiMode(mode: ListInteractionMode): boolean;
 /**
- * Input mode determines which mechanism controls the tickled state
- */
-type InputMode = `keyboard` | `mouse`;
-/**
- * Configuration for TickledController
+ * Generic selection state machine shared by list components.
+ *
+ * Owns the selected set plus the range-selection anchor, the selection
+ * primitives (`replace` / `toggle` / `rangeTo` / `clear` / `selectAll` /
+ * `selectMany` / `deselect`) and the per-interactionMode gesture routers
+ * (`handleClick` / `handleSpace`).
+ *
+ * Identity is generic: both `ixfx-vertical-list` and `ixfx-detail-list` use
+ * `ListSelectionController<Element>`.
+ *
+ * @example
+ * ```ts
+ * const selection = new ListSelectionController<Element>({
+ *   getOrderedItems: () => this.getVisibleItems(),
+ *   isSelectable: el => !el.hasAttribute(`not-checked`),
+ *   getModes: () => ({ selectionMode: this.selectionMode, interactionMode: this.interactionMode }),
+ *   onChange: (selected, previous) => {
+ *     this.syncItemStates();
+ *     this.dispatchEvent(new CustomEvent(`list-select`, { detail: { selected, previous } }));
+ *   },
+ * });
+ * ```
  */
-type TickledControllerConfig<T> = {
+declare class ListSelectionController<T> {
+  #private;
+  constructor(config: ListSelectionControllerConfig<T>);
+  /** The current selection set (read-only). */
+  get selected(): ReadonlySet<T>;
   /**
-   * Function to retrieve all items that can be tickled
+   * The current selection as stable string keys (read-only). Empty unless a
+   * `getKey` was supplied in config. Items whose `getKey` returns `undefined`
+   * are omitted.
    */
-  getItems: () => ReadonlyArray<TickledItem<T>>;
+  get selectedKeys(): ReadonlySet<string>;
+  /** Anchor for range (shift) selection — the last plainly-selected item. */
+  get anchor(): T | undefined;
+  /** Whether "select all" (Cmd/Ctrl+A) is currently permitted. */
+  canSelectAll(): boolean;
+  /** Whether a multi-item selection can be built in the current modes. */
+  canSelectMultiple(): boolean;
+  /** Replace the entire selection with a single item; updates the anchor. */
+  replace(item: T): void;
+  /** Toggle a single item in/out of the selection without replacing it. Anchor unchanged. */
+  toggle(item: T): void;
+  /** Select the contiguous ordered range from the anchor to `item`. Anchor unchanged. */
+  rangeTo(item: T): void;
+  /** Clear the selection. No change event when the selection is already empty. */
+  clear(): void;
+  /** Select every ordered item that passes `isSelectable`. */
+  selectAll(): void;
   /**
-   * Optional callback when an item becomes tickled
-   * Use this for side effects like opening submenus
-   * @param id - The id of the newly tickled item, or undefined if nothing is tickled
+   * Replace the selection with many items at once. Requires
+   * `selectionMode="multiple"`, throws otherwise. Updates the anchor.
    */
-  onTickle?: (id: T | undefined) => void;
+  selectMany(items: Iterable<T>): void;
+  /** Remove a single item from the selection. */
+  deselect(item: T): void;
   /**
-   * Optional callback fired after any state change (tickled id or input mode)
-   * Use this to sync DOM attributes for slotted content that can't use reactive rendering
-   *
-   * For components that render items directly, this is usually not needed as
-   * Lit's reactive rendering will handle updates automatically via requestUpdate()
-   *
-   * @example
+   * Replace the selection with the items resolved from `keys`. Keys that
+   * `resolve` cannot map, or that resolve to a non-selectable item, are
+   * ignored. `selectionMode="none"` is a no-op. When multi-select is not
+   * available, only the last resolvable key is kept. `onChange` fires once.
+   */
+  selectKeys(keys: Iterable<string>, resolve: (key: string) => T | undefined): void;
+  /**
+   * Add the items resolved from `keys` to the selection (multi-select only;
+   * a no-op otherwise). `onChange` fires once if anything changed.
+   */
+  addKeys(keys: Iterable<string>, resolve: (key: string) => T | undefined): void;
+  /**
+   * Remove the items resolved from `keys` from the selection. `onChange`
+   * fires once if anything changed.
+   */
+  removeKeys(keys: Iterable<string>, resolve: (key: string) => T | undefined): void;
+  /** Route a click on `item` according to the current interaction mode. */
+  handleClick(item: T, gesture: ListSelectionGesture): void;
+  /** Route a Space keypress on `item` according to the current interaction mode. */
+  handleSpace(item: T): void;
+  /** Drop the range-selection anchor (e.g. when the interaction mode changes). */
+  clearAnchor(): void;
+  /**
+   * Re-key the selection across an identity boundary — e.g. when items are
+   * wrapped/unwrapped and the selected Element references change. Silent:
+   * no `onChange` is fired.
+   */
+  remap(fn: (item: T) => T): void;
+  /**
+   * Hard reset: empty the selection and clear the anchor without firing
+   * `onChange` (e.g. when all items are removed).
+   */
+  reset(): void;
+  /**
+   * Replace the selection and anchor silently (no `onChange`). Used to
+   * re-key the selection when items are rebuilt from data — e.g. matching
+   * new elements to previously selected keys.
+   */
+  seed(items: Iterable<T>, anchor?: T): void;
+}
+//#endregion
+//#region src/interaction/tickled-controller.d.ts
+/**
+ * Represents an item that can be tickled (highlighted via hover or keyboard navigation)
+ */
+type TickledItem<T = unknown> = {
+  /**
+   * Unique identifier for the item (e.g., index, id, path)
+   */
+  readonly id: T;
+  /**
+   * Whether the item is currently enabled/interactive
+   */
+  readonly enabled?: boolean;
+};
+/**
+ * Input mode determines which mechanism controls the tickled state
+ */
+type InputMode = `keyboard` | `mouse`;
+/**
+ * Configuration for TickledController
+ */
+type TickledControllerConfig<T> = {
+  /**
+   * Function to retrieve all items that can be tickled
+   */
+  getItems: () => ReadonlyArray<TickledItem<T>>;
+  /**
+   * Optional callback when an item becomes tickled
+   * Use this for side effects like opening submenus
+   * @param id - The id of the newly tickled item, or undefined if nothing is tickled
+   */
+  onTickle?: (id: T | undefined) => void;
+  /**
+   * Optional callback fired after any state change (tickled id or input mode)
+   * Use this to sync DOM attributes for slotted content that can't use reactive rendering
+   *
+   * For components that render items directly, this is usually not needed as
+   * Lit's reactive rendering will handle updates automatically via requestUpdate()
+   *
+   * @example
    * ```ts
    * onStateChange: () => {
    *   // Sync data-tickled attributes for slotted items
@@ -4700,6 +5291,17 @@ declare class TickledController<T = number> implements ReactiveController {
    * Get the currently tickled item id
    */
   get tickledId(): T | undefined;
+  /**
+   * The item currently under the cursor, or `undefined`. Alias of `tickledId`
+   * for parity with other controllers.
+   */
+  get current(): T | undefined;
+  /**
+   * Move the cursor programmatically (e.g. to reveal a match or re-seat it
+   * after the item set changed). Does not change the input mode. Alias of
+   * `setTickled`.
+   */
+  focus(id: T | undefined): void;
   /**
    * Check if a specific item is tickled
    */
@@ -4752,6 +5354,268 @@ declare class TickledController<T = number> implements ReactiveController {
   setInputMode(mode: InputMode): void;
 }
 //#endregion
+//#region src/grid-list/grid-list.d.ts
+declare class GridListElement extends LitElement {
+  #private;
+  static styles: CSSResult[];
+  selectionMode: ListSelectionMode;
+  interactionMode: ListInteractionMode;
+  itemSize: number;
+  gap: number;
+  /**
+   * Layout / scroll direction.
+   * - `grid` (default): items wrap across as many columns as fit, scrolls vertically.
+   * - `row`: a single row of items, scrolls horizontally.
+   * - `column`: a single column of items, scrolls vertically.
+   */
+  orientation: GridListOrientation;
+  /**
+   * How the caption relates to the content — see {@link GridListCaptionStyle}.
+   * - `hidden`: no caption.
+   * - `separate`: detached label below the square, each highlighted on its own.
+   * - `under` (default): one box, content on top, caption strip below it inside.
+   * - `overlaid`: caption floats over the content.
+   */
+  captionStyle: GridListCaptionStyle;
+  /** Horizontal alignment of the caption text: `left`, `middle` (default), `right`. */
+  captionAlign: GridListCaptionAlign;
+  /** `overlaid` only — vertical placement: `top`, `middle`, `bottom` (default). */
+  captionPosition: GridListCaptionPosition;
+  /** `overlaid` only — backdrop behind the caption: `scrim` (default), `gradient`, `blur`, `none`. */
+  captionBackdrop: GridListCaptionBackdrop;
+  /**
+   * Height reserved for the caption in `separate` / `under` styles, in pixels.
+   * Ignored by `overlaid` and `hidden`.
+   */
+  captionHeight: number;
+  itemWrap: `stop` | `wrap`;
+  /**
+   * Predicate used by incremental filter-search (and callable directly). Items
+   * for which it returns `false` are removed from layout and navigation.
+   */
+  filterPredicate: ((el: Element) => boolean) | undefined;
+  /**
+   * Space-separated subset of `navigate select filter` — limits which
+   * incremental-search modes are offered (as commands and in-popover switches).
+   * Unset ⇒ all three; empty ⇒ search disabled. See `docs/infra-incremental.md`.
+   */
+  searchModes: string | undefined;
+  private _scrollTop;
+  private _scrollLeft;
+  private _viewportHeight;
+  private _viewportWidth;
+  readonly selection: ListSelectionController<Element>;
+  readonly tickled: TickledController<Element>;
+  /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
+  readonly search: ListSearchController<Element>;
+  /** Command registry carrying this grid's `list.search.*` commands. */
+  get registry(): CommandRegistry<unknown> | undefined;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected firstUpdated(): void;
+  protected willUpdate(changed: PropertyValues<this>): void;
+  protected updated(changed: PropertyValues<this>): void;
+  private _getVisibleItems;
+  get count(): number;
+  /**
+   * Number of cells currently rendered in the shadow DOM. With virtualization
+   * this is roughly the visible rows plus overscan, regardless of how large
+   * `count` is — useful for demos/diagnostics.
+   */
+  get renderedCount(): number;
+  get selectedItems(): ReadonlySet<Element>;
+  /** The selection as stable `data-key` / `data-value` strings. */
+  get selectedKeys(): ReadonlySet<string>;
+  select(item: Element): void;
+  selectMany(items: Iterable<Element>): void;
+  deselect(item: Element): void;
+  clearSelection(): void;
+  selectAll(): void;
+  /**
+   * Replace the selection with the items carrying these keys. Unknown keys are
+   * ignored; survives the host rebuilding the item set. Requires each item to
+   * have a `data-key` (or `data-value`).
+   */
+  selectKeys(keys: Iterable<string>): void;
+  /** Add items by key to the selection (multi-select modes only). */
+  addSelectedKeys(keys: Iterable<string>): void;
+  /** Remove items by key from the selection. */
+  removeSelectedKeys(keys: Iterable<string>): void;
+  /** Move the cursor to the item with this key and scroll it into view. */
+  focusKey(key: string): void;
+  /** The key of the item under the cursor, or `undefined`. */
+  get tickledKey(): string | undefined;
+  getItem(key: string): Element | undefined;
+  getItemByIndex(index: number): Element | undefined;
+  getKey(item: Element): string | undefined;
+  visibleKeys(): string[];
+  private _syncItemStates;
+  private _dispatch;
+  protected render(): ReturnType<typeof html>;
+  private _onKeyDown;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-grid-list': GridListElement;
+  }
+}
+interface GridListElement {
+  addEventListener<K extends keyof GridListFullElementEventMap>(type: K, listener: (this: GridListElement, ev: GridListFullElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+}
+//#endregion
+//#region src/grouped-item-lister/types.d.ts
+/**
+ * Fired when the selection set changes by any means.
+ * Event name: `select`
+ */
+type SubComponentSelectDetail<T> = {
+  readonly selected: ReadonlySet<T>;
+  readonly previous: ReadonlySet<T>;
+};
+/**
+ * Fired when an item is explicitly activated (double-click or Enter key).
+ * Event name: `activate`
+ */
+type SubComponentActivateDetail<T> = {
+  readonly item: T;
+};
+/**
+ * Fired on a raw pointer click before any selection change.
+ * Event name: `item-click`
+ */
+type SubComponentItemClickDetail<T> = {
+  readonly item: T;
+};
+/**
+ * Fired when the pointer hovers over an item or the keyboard cursor moves to it.
+ * Event name: `tickle`
+ */
+type SubComponentTickleDetail<T> = {
+  readonly item: T;
+};
+type SubComponentSelectEvent<T> = CustomEvent<SubComponentSelectDetail<T>>;
+type SubComponentActivateEvent<T> = CustomEvent<SubComponentActivateDetail<T>>;
+type SubComponentItemClickEvent<T> = CustomEvent<SubComponentItemClickDetail<T>>;
+type SubComponentTickleEvent<T> = CustomEvent<SubComponentTickleDetail<T>>;
+interface IGroupedSubComponentEventMap<T> {
+  'select': SubComponentSelectEvent<T>;
+  'activate': SubComponentActivateEvent<T>;
+  'item-click': SubComponentItemClickEvent<T>;
+  'tickle': SubComponentTickleEvent<T>;
+}
+/**
+ * Contract that sub-components passed to `ixfx-grouped-item-lister` must satisfy.
+ *
+ * All four events (`select`, `activate`, `item-click`, `tickle`) must bubble and be composed
+ * so they propagate through the lister's light DOM to external listeners.
+ */
+interface IGroupedSubComponent<T> extends HTMLElement {
+  /** Replace the full item list. Called whenever the lister's items or grouping changes. */
+  setItems: (items: readonly T[]) => void;
+  /** Clear the current selection without firing a `select` event (avoids re-entrant loops). */
+  clearSelection: () => void;
+  /** The current selection set. */
+  readonly selectedItems: ReadonlySet<T>;
+  /** Controls how many items can be selected simultaneously. */
+  selectionMode: ListSelectionMode;
+  /**
+   * Forward a command (e.g. sort-order change) to this sub-component.
+   * Uses `CommandId` from `@clinth/ui-commands` for interoperability.
+   */
+  dispatch: (commandId: CommandId, args?: Record<string, unknown>) => void;
+  addEventListener: (<K extends keyof IGroupedSubComponentEventMap<T>>(type: K, listener: (event: IGroupedSubComponentEventMap<T>[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
+/**
+ * Factory that creates a sub-component for a given group.
+ * Called once per group (or once with `undefined` in ungrouped mode).
+ */
+type SubComponentFactory<T> = (groupKey: string | undefined) => HTMLElement & IGroupedSubComponent<T>;
+/**
+ * Fired by `ixfx-grouped-item-lister` after any sub-component fires `select`.
+ * Carries the full cross-group selection union and the key of the group whose
+ * selection just changed (or `undefined` in ungrouped mode).
+ */
+type GroupedSelectDetail<T> = {
+  readonly selected: ReadonlySet<T>;
+  readonly groupKey: string | undefined;
+};
+type GroupedSelectEvent<T> = CustomEvent<GroupedSelectDetail<T>>;
+interface GroupedItemListerElementEventMap<T> {
+  'grouped-select': GroupedSelectEvent<T>;
+}
+//#endregion
+//#region src/panel/panel.d.ts
+/** Backwards-compatible aliases: canonical types now live in `../titlebar/titlebar.js`. */
+type PanelOrientation = TitlebarOrientation;
+type PanelVariant = TitlebarVariant;
+type PanelToggleInteraction = TitlebarToggleInteraction;
+type PanelToggleDetail = TitlebarToggleDetail;
+type PanelToggleEvent = TitlebarToggleEvent;
+type PanelCloseEvent = TitlebarCloseEvent;
+interface PanelElementEventMap {
+  toggle: PanelToggleEvent;
+  close: PanelCloseEvent;
+}
+declare class PanelElement extends LitElement {
+  collapsed: boolean;
+  orientation: PanelOrientation;
+  closable: boolean;
+  /** Show the collapse/expand caret and enable toggle behaviour. Defaults to true so existing panels stay collapsible. */
+  collapsible: boolean;
+  title: string;
+  iconName: string;
+  toggleInteraction: PanelToggleInteraction;
+  variant: PanelVariant;
+  /** Suppress the titlebar entirely (content-only chrome, e.g. dock tabbed mode). */
+  hideTitlebar: boolean;
+  private _onTitlebarToggle;
+  private _onCloseClick;
+  protected render(): TemplateResult<1>;
+  static styles: CSSResult[];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-panel': PanelElement;
+  }
+}
+interface PanelElement {
+  addEventListener: (<K extends keyof PanelElementEventMap>(type: K, listener: (this: PanelElement, event: PanelElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
+//#endregion
+//#region src/grouped-item-lister/grouped-item-lister.d.ts
+declare class GroupedItemListerElement<T = unknown> extends LitElement {
+  #private;
+  grouped: boolean;
+  crossGroupSelection: boolean;
+  get groupBy(): ((item: T) => string) | undefined;
+  set groupBy(value: ((item: T) => string) | undefined);
+  get factory(): SubComponentFactory<T> | undefined;
+  set factory(value: SubComponentFactory<T> | undefined);
+  get provider(): IDataProvider<void, T> | undefined;
+  set provider(value: IDataProvider<void, T> | undefined);
+  /** The union of all selected items across every sub-component. */
+  get selectedItems(): ReadonlySet<T>;
+  /**
+   * Forward a command to all live sub-components.
+   * Use this to propagate changes like sort order, filter state, or view mode.
+   */
+  dispatch(commandId: CommandId, args?: Record<string, unknown>): void;
+  protected createRenderRoot(): this;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected updated(changed: PropertyValues): void;
+  protected render(): typeof nothing | TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-grouped-item-lister': GroupedItemListerElement;
+  }
+}
+interface GroupedItemListerElement<T> {
+  addEventListener: (<K extends keyof GroupedItemListerElementEventMap<T>>(type: K, listener: (this: GroupedItemListerElement<T>, event: GroupedItemListerElementEventMap<T>[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
+//#endregion
 //#region src/tree/tree-base.d.ts
 declare class TreeBaseElement extends LitElement implements TreeComponent, TreeSearchHost {
   #private;
@@ -4769,9 +5633,28 @@ declare class TreeBaseElement extends LitElement implements TreeComponent, TreeS
   filterPredicate: TreeFilterPredicate | undefined;
   disableKeyboardNavigation: boolean;
   registry: CommandRegistry<unknown> | undefined;
+  /**
+   * Space-separated subset of `navigate select filter` — limits which
+   * incremental-search modes are offered. Unset ⇒ all three; empty ⇒ search
+   * disabled. See `docs/infra-incremental.md`.
+   */
+  searchModes: string | undefined;
   protected _expandedKeys: Set<string>;
   protected tickled: TickledController<string>;
   protected _focusedDepth: number;
+  /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
+  readonly search: ListSearchController<{
+    node: TreeNode;
+    depth: number;
+  }>;
+  willUpdate(changedProps: PropertyValues): void;
+  /** True while `node` is a fading ghost row (removed / collapsed, still animating out). */
+  protected _isLeaving(node: TreeNode): boolean;
+  /**
+   * True when `filterPredicate` is set and neither `node` nor any descendant
+   * matches — the row should carry the `filtered` class (`display: none`).
+   */
+  protected _isFilteredOut(node: TreeNode, depth: number): boolean;
   updated(changedProps: PropertyValues): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -4784,16 +5667,20 @@ declare class TreeBaseElement extends LitElement implements TreeComponent, TreeS
   deselectAll(): void;
   navigateTo(keys: readonly string[]): boolean;
   navigateToNode(predicate: (node: TreeNode) => boolean): boolean;
+  /** Expand ancestors + move the cursor to `key`, without touching the selection (search "navigate" mode). */
+  revealKey(key: string): boolean;
+  /** Replace the selection with `nodes` (subject to `selectionFilter`) — search "select" mode. */
+  selectMany(nodes: Iterable<TreeNode>): void;
   getNodes(): ReadonlyArray<{
     node: TreeNode;
     depth: number;
   }>;
-  protected renderNodeContent(node: TreeNode, _depth: number): TemplateResult | typeof nothing;
+  protected renderNodeContent(node: TreeNode, depth: number): TemplateResult | typeof nothing;
   protected _handleItemClick(node: TreeNode, depth: number, event?: MouseEvent): void;
   protected _handleCheckboxClick(event: MouseEvent, node: TreeNode, _depth: number): void;
   protected _isSelected(node: TreeNode): boolean;
   protected _isFocused(node: TreeNode): boolean;
-  protected _isExpanded(node: TreeNode): boolean;
+  protected _isExpanded(node: TreeNode, depth?: number): boolean;
   protected get _pendingNode(): TreeNode | undefined;
   protected renderLoadingIndicator(): TemplateResult | typeof nothing;
   protected render(): TemplateResult<1>;
@@ -5046,360 +5933,191 @@ declare class IxfxHexEditorElement extends LitElement {
   private _handleBackspace;
   private _handleValueEntry;
   private _commitDecimalValue;
-  private _advanceCursor;
-  private _dispatchChangeEvent;
-  private _dispatchSelectEvent;
-  private _copy;
-  private _paste;
-  private _parseHexString;
-  private _getColHeaders;
-  private _isRowShaded;
-  private _isHexShaded;
-  private _isTextShaded;
-  protected render(): TemplateResult<1>;
-  private _renderRow;
-  private _renderColumn;
-  private _renderHexCell;
-  private _renderTextChar;
-}
-type HexChangeDetail = {
-  readonly diff: Diff;
-};
-type HexChangeEvent = CustomEvent<HexChangeDetail>;
-type SingleSelectEventDetail = {
-  readonly type: `single`;
-  readonly position: number;
-};
-type ContiguousSelectEventDetail = {
-  readonly type: `contiguous`;
-  readonly start: number;
-  readonly end: number;
-};
-type RectangularSelectEventDetail = {
-  readonly type: `rectangular`;
-  readonly x: number;
-  readonly y: number;
-  readonly width: number;
-  readonly height: number;
-};
-type NoneSelectEventDetail = {
-  readonly type: `none`;
-};
-type SelectEventDetail = SingleSelectEventDetail | ContiguousSelectEventDetail | RectangularSelectEventDetail | NoneSelectEventDetail;
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-hex-editor': IxfxHexEditorElement;
-  }
-}
-//#endregion
-//#region src/icons/defaults.d.ts
-/**
- * Chevron pointing down. Used for split-button dropdown toggle.
- * fill="currentColor" so it inherits CSS color.
- */
-declare const ICON_CHEVRON_DOWN = "<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"/></svg>";
-/**
- * Caret pointing right. Used for tree-basic expand indicator as a CSS mask.
- * fill="black" is correct for CSS mask-image use (shape only, color comes from background-color).
- */
-declare const ICON_CARET_RIGHT = "<svg viewBox=\"0 0 24 24\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 7l6 5-6 5V7z\"/></svg>";
-/**
- * Checkmark. Useful for menu-check-item or confirmation states.
- * fill="currentColor" so it inherits CSS color.
- */
-declare const ICON_CHECK = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"/></svg>";
-/**
- * Close / X icon. Useful for dialogs, notifications, dismissible elements.
- * fill="currentColor" so it inherits CSS color.
- */
-declare const ICON_CLOSE = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/></svg>";
-//#endregion
-//#region src/icons/registry.d.ts
-declare const iconBus: EventTarget;
-type IconChangedDetail = {
-  readonly name: string;
-};
-type IconChangedEvent = CustomEvent<IconChangedDetail>;
-type IconEntry = {
-  kind: `svg`;
-  svg: string;
-} | {
-  kind: `font`;
-  char: string;
-};
-declare function registerIcon(name: string, svg: string): void;
-declare function registerFontIcon(name: string, glyph: string | number): void;
-declare function getIcon(name: string): string | undefined;
-declare function getIconEntry(name: string): IconEntry | undefined;
-declare function hasIcon(name: string): boolean;
-declare function setIconFont(fontFamily: string): void;
-declare function getIconFont(): string | undefined;
-declare function svgToDataUri(svg: string): string;
-//#endregion
-//#region src/incr-search/types.d.ts
-type IncrSearchResult<T> = {
-  readonly item: T;
-  readonly positions: ReadonlySet<number>;
-  readonly score: number;
-};
-type IncrSearchState<T> = {
-  readonly query: string;
-  readonly results: ReadonlyArray<IncrSearchResult<T>>;
-  readonly positionsByItem: ReadonlyMap<T, ReadonlySet<number>>;
-};
-type IncrSearchChangeCallback<T> = (state: IncrSearchState<T>) => void;
-type IncrSearchOptions<T> = {
-  readonly items?: readonly T[];
-  readonly selector?: (item: T) => string;
-  readonly fzf?: Partial<FzfOptions<T>>;
-  readonly onChange?: IncrSearchChangeCallback<T>;
-};
-type IncrSearch<T> = {
-  readonly setItems: (items: readonly T[], signal?: AbortSignal) => Promise<void>;
-  readonly setQuery: (query: string, signal?: AbortSignal) => Promise<IncrSearchState<T>>;
-  readonly clearQuery: () => Promise<void>;
-  readonly state: IncrSearchState<T>;
-  readonly onChange: (cb: IncrSearchChangeCallback<T>) => () => void;
-  readonly dispose: () => void;
-};
-type FuzzySearchOptions<T> = {
-  readonly selector?: (item: T) => string;
-  readonly fzf?: Partial<FzfOptions<T>>;
-};
-type FuzzySearch<T> = {
-  readonly find: (query: string) => ReadonlyArray<IncrSearchResult<T>>;
-  readonly items: readonly T[];
-};
-type HighlightTarget = {
-  readonly element: Element;
-  readonly text?: string;
-  readonly positions: ReadonlySet<number>;
-};
-type HighlightOptions = {
-  readonly key?: string;
-};
-type ElementIncrSearchOptions = {
-  readonly container: Element;
-  readonly itemSelector: string;
-  readonly getLabel?: (el: Element) => string;
-  readonly getKey?: (el: Element) => string;
-  readonly labelSelector?: string;
-  readonly highlightKey?: string;
-  readonly fzf?: Partial<FzfOptions<{
-    key: string;
-    label: string;
-  }>>;
-  readonly onChange?: IncrSearchChangeCallback<{
-    key: string;
-    label: string;
-  }>;
-};
-//#endregion
-//#region src/incr-search/ac-adapter.d.ts
-/**
- * Creates an ixfx-ac-text-compatible `completionProvider` function from a
- * static item list. Uses synchronous fuzzy search wrapped in a Promise so it
- * fits the async provider signature.
- *
- * Each returned item has `positions` populated with matched character indices,
- * which `ixfx-ac-text` uses to render CSS Custom Highlights on the label.
- *
- * Empty query returns all items in original order (no positions).
- * A cancelled signal causes the returned promise to reject with an AbortError.
- */
-declare function createAcCompletionProvider<T extends {
-  label: string;
-}>(items: readonly T[], options?: Pick<FuzzySearchOptions<T>, `selector`>): (query: string, signal: AbortSignal) => Promise<Array<T & {
-  positions: ReadonlySet<number>;
-}>>;
-//#endregion
-//#region src/incr-search/controller-tree.d.ts
-type IncrSearchTreeOptions = {
-  selector: (item: {
-    node: TreeNode;
-    depth: number;
-  }) => string;
-  /**
-   * CSS selector for the label elements inside the shadow root.
-   * Defaults to `.tree-label` (suitable for ixfx-tree-list).
-   * Use `.label` for ixfx-miller-list.
-   */
-  labelSelector?: string;
-  highlightKey?: string;
-  input?: HTMLInputElement;
-  fzf?: Partial<FzfOptions<{
-    node: TreeNode;
-    depth: number;
-  }>>;
-};
-/**
- * Incremental-search controller for any component implementing `TreeSearchHost`
- * (i.e. `ixfx-tree-list`, `ixfx-miller-list`, `ixfx-crumb-navigation`).
- *
- * Replaces the previous separate `IncrSearchTreeController` / `IncrSearchMillerController`
- * classes — the unified `TreeFilterPredicate` (with depth) means one implementation works
- * for all tree-like components.
- *
- * @example Using with ixfx-tree-list:
- * ```typescript
- * const ctrl = new IncrSearchTreeController(myTreeList, {
- *   selector: item => item.node.item.label,
- * });
- * ctrl.connect();
- * ```
- *
- * @example Using with ixfx-miller-list (different label selector):
- * ```typescript
- * const ctrl = new IncrSearchTreeController(myMillerList, {
- *   selector: item => item.node.item.label,
- *   labelSelector: '.label',
- * });
- * ctrl.connect();
- * ```
- */
-declare class IncrSearchTreeController {
-  #private;
-  constructor(el: TreeSearchHost, opts: IncrSearchTreeOptions);
-  connect(): void;
-  disconnect(): void;
-  setQuery(query: string): Promise<void>;
-  clearQuery(): Promise<void>;
+  private _advanceCursor;
+  private _dispatchChangeEvent;
+  private _dispatchSelectEvent;
+  private _copy;
+  private _paste;
+  private _parseHexString;
+  private _getColHeaders;
+  private _isRowShaded;
+  private _isHexShaded;
+  private _isTextShaded;
+  protected render(): TemplateResult<1>;
+  private _renderRow;
+  private _renderColumn;
+  private _renderHexCell;
+  private _renderTextChar;
 }
-//#endregion
-//#region src/incr-search/element-search.d.ts
-type ElementItem = {
-  readonly key: string;
-  readonly label: string;
+type HexChangeDetail = {
+  readonly diff: Diff;
 };
-type ElementIncrSearch = {
-  readonly setQuery: (query: string, signal?: AbortSignal) => Promise<void>;
-  readonly clearQuery: () => Promise<void>;
-  readonly refresh: () => void;
-  readonly onChange: (cb: IncrSearchChangeCallback<ElementItem>) => () => void;
-  readonly dispose: () => void;
+type HexChangeEvent = CustomEvent<HexChangeDetail>;
+type SingleSelectEventDetail = {
+  readonly type: `single`;
+  readonly position: number;
 };
-declare function createElementIncrSearch(opts: ElementIncrSearchOptions): ElementIncrSearch;
-//#endregion
-//#region src/incr-search/fuzzy.d.ts
-declare function createFuzzySearch<T>(items: readonly T[], options?: FuzzySearchOptions<T>): FuzzySearch<T>;
-//#endregion
-//#region src/incr-search/highlight.d.ts
-declare function applyHighlights(targets: readonly HighlightTarget[], options?: HighlightOptions): void;
-declare function clearHighlights(options?: HighlightOptions): void;
-declare function buildHighlightTargets<T>(root: ShadowRoot | Element, itemSelector: string, positionsByItem: ReadonlyMap<T, ReadonlySet<number>>, getItem: (el: Element) => T | undefined, getText: (el: Element) => string): HighlightTarget[];
+type ContiguousSelectEventDetail = {
+  readonly type: `contiguous`;
+  readonly start: number;
+  readonly end: number;
+};
+type RectangularSelectEventDetail = {
+  readonly type: `rectangular`;
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+};
+type NoneSelectEventDetail = {
+  readonly type: `none`;
+};
+type SelectEventDetail = SingleSelectEventDetail | ContiguousSelectEventDetail | RectangularSelectEventDetail | NoneSelectEventDetail;
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-hex-editor': IxfxHexEditorElement;
+  }
+}
 //#endregion
-//#region src/incr-search/incr-search.d.ts
-declare function createIncrSearch<T>(options?: IncrSearchOptions<T>): IncrSearch<T>;
+//#region src/icons/defaults.d.ts
+/**
+ * Chevron pointing down. Used for split-button dropdown toggle.
+ * fill="currentColor" so it inherits CSS color.
+ */
+declare const ICON_CHEVRON_DOWN = "<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"/></svg>";
+/**
+ * Caret pointing right. Used for tree-basic expand indicator as a CSS mask.
+ * fill="black" is correct for CSS mask-image use (shape only, color comes from background-color).
+ */
+declare const ICON_CARET_RIGHT = "<svg viewBox=\"0 0 24 24\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 7l6 5-6 5V7z\"/></svg>";
+/**
+ * Checkmark. Useful for menu-check-item or confirmation states.
+ * fill="currentColor" so it inherits CSS color.
+ */
+declare const ICON_CHECK = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"/></svg>";
+/**
+ * Close / X icon. Useful for dialogs, notifications, dismissible elements.
+ * fill="currentColor" so it inherits CSS color.
+ */
+declare const ICON_CLOSE = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/></svg>";
 //#endregion
-//#region src/interaction/list-selection-controller.d.ts
-/** Modifier state needed to route a click gesture per interaction mode. */
-type ListSelectionGesture = {
-  readonly ctrlKey: boolean;
-  readonly metaKey: boolean;
-  readonly shiftKey: boolean;
+//#region src/icons/registry.d.ts
+declare const iconBus: EventTarget;
+type IconChangedDetail = {
+  readonly name: string;
 };
-type ListSelectionModes = {
-  readonly selectionMode: ListSelectionMode;
-  readonly interactionMode: ListInteractionMode;
+type IconChangedEvent = CustomEvent<IconChangedDetail>;
+type IconEntry = {
+  kind: `svg`;
+  svg: string;
+} | {
+  kind: `font`;
+  char: string;
 };
+declare function registerIcon(name: string, svg: string): void;
+declare function registerFontIcon(name: string, glyph: string | number): void;
+declare function getIcon(name: string): string | undefined;
+declare function getIconEntry(name: string): IconEntry | undefined;
+declare function hasIcon(name: string): boolean;
+declare function setIconFont(fontFamily: string): void;
+declare function getIconFont(): string | undefined;
+declare function svgToDataUri(svg: string): string;
+//#endregion
+//#region src/interaction/keyed-list.d.ts
 /**
- * Configuration supplied by the host component.
+ * Helpers for key-based selection on the Element-flavoured list components
+ * (`ixfx-vertical-list`, `ixfx-detail-list`, `ixfx-grid-list`).
  *
- * The controller owns selection *state* only — everything DOM- or
- * component-specific is expressed through these callbacks.
+ * A "key" is a stable string the host puts on each item element — `data-key`
+ * (preferred) or `data-value`. It survives the host rebuilding the item set
+ * (re-fetch, re-sort, filter) where raw `Element` references do not.
  */
-type ListSelectionControllerConfig<T> = {
-  /** Visible items in navigation order — used for range selection and select-all. */
-  readonly getOrderedItems: () => readonly T[];
-  /** Whether an item may join the selection (e.g. reject `not-checked` rows). */
-  readonly isSelectable: (item: T) => boolean;
-  /** Current modes; read on every gesture so property changes apply immediately. */
-  readonly getModes: () => ListSelectionModes;
-  /**
-   * Fired after every selection change. The host syncs DOM state
-   * (`data-selected` / `data-checked`), dispatches `list-select`, and
-   * requests an update.
-   */
-  readonly onChange: (selected: ReadonlySet<T>, previous: ReadonlySet<T>) => void;
-};
-/** Whether the interaction mode allows building a multi-item selection. */
-declare function isMultiMode(mode: ListInteractionMode): boolean;
 /**
- * Generic selection state machine shared by list components.
- *
- * Owns the selected set plus the range-selection anchor, the selection
- * primitives (`replace` / `toggle` / `rangeTo` / `clear` / `selectAll` /
- * `selectMany` / `deselect`) and the per-interactionMode gesture routers
- * (`handleClick` / `handleSpace`).
- *
- * Identity is generic: both `ixfx-vertical-list` and `ixfx-detail-list` use
- * `ListSelectionController<Element>`.
+ * The stable key for an item element: `data-key`, then `data-value`, else
+ * `undefined`.
+ */
+declare function keyForElement(el: Element): string | undefined;
+/**
+ * A lazily-built key → element index over a container. Rebuilt on first use
+ * and after any child-list mutation under `root`; `invalidate()` forces a
+ * rebuild on the next `get()`.
  *
- * @example
  * ```ts
- * const selection = new ListSelectionController<Element>({
- *   getOrderedItems: () => this.getVisibleItems(),
- *   isSelectable: el => !el.hasAttribute(`not-checked`),
- *   getModes: () => ({ selectionMode: this.selectionMode, interactionMode: this.interactionMode }),
- *   onChange: (selected, previous) => {
- *     this.syncItemStates();
- *     this.dispatchEvent(new CustomEvent(`list-select`, { detail: { selected, previous } }));
- *   },
- * });
+ * #keyIndex = new KeyedElementIndex(this);
+ * // ...
+ * const el = this.#keyIndex.get(`row-42`);
+ * // on disconnect:
+ * this.#keyIndex.dispose();
  * ```
  */
-declare class ListSelectionController<T> {
+declare class KeyedElementIndex {
   #private;
-  constructor(config: ListSelectionControllerConfig<T>);
-  /** The current selection set (read-only). */
-  get selected(): ReadonlySet<T>;
-  /** Anchor for range (shift) selection — the last plainly-selected item. */
-  get anchor(): T | undefined;
-  /** Whether "select all" (Cmd/Ctrl+A) is currently permitted. */
-  canSelectAll(): boolean;
-  /** Whether a multi-item selection can be built in the current modes. */
-  canSelectMultiple(): boolean;
-  /** Replace the entire selection with a single item; updates the anchor. */
-  replace(item: T): void;
-  /** Toggle a single item in/out of the selection without replacing it. Anchor unchanged. */
-  toggle(item: T): void;
-  /** Select the contiguous ordered range from the anchor to `item`. Anchor unchanged. */
-  rangeTo(item: T): void;
-  /** Clear the selection. No change event when the selection is already empty. */
-  clear(): void;
-  /** Select every ordered item that passes `isSelectable`. */
-  selectAll(): void;
-  /**
-   * Replace the selection with many items at once. Requires
-   * `selectionMode="multiple"`, throws otherwise. Updates the anchor.
-   */
-  selectMany(items: Iterable<T>): void;
-  /** Remove a single item from the selection. */
-  deselect(item: T): void;
-  /** Route a click on `item` according to the current interaction mode. */
-  handleClick(item: T, gesture: ListSelectionGesture): void;
-  /** Route a Space keypress on `item` according to the current interaction mode. */
-  handleSpace(item: T): void;
-  /** Drop the range-selection anchor (e.g. when the interaction mode changes). */
-  clearAnchor(): void;
-  /**
-   * Re-key the selection across an identity boundary — e.g. when items are
-   * wrapped/unwrapped and the selected Element references change. Silent:
-   * no `onChange` is fired.
-   */
-  remap(fn: (item: T) => T): void;
   /**
-   * Hard reset: empty the selection and clear the anchor without firing
-   * `onChange` (e.g. when all items are removed).
+   * @param root Container whose descendants are indexed.
+   * @param itemSelector Which descendants count as items (default: any `[data-key]`).
    */
-  reset(): void;
+  constructor(root: Element, itemSelector?: string);
+  /** The element with this key, or `undefined`. First match wins on duplicates. */
+  get(key: string): Element | undefined;
+  /** Force a rebuild on the next `get()` — e.g. after a `data-key` attribute change. */
+  invalidate(): void;
+  /** Stop observing and drop the cache. */
+  dispose(): void;
+}
+//#endregion
+//#region src/interaction/list-item-animation.d.ts
+/**
+ * Shared insertion / removal animation for the list & tree components.
+ *
+ * Two flavours, because the components split into two layout families:
+ *
+ * - **Flow layouts** (`ixfx-vertical-list`, `ixfx-detail-list`, `ixfx-tree-*`) —
+ *   rows sit in normal flow, so a new row can collapse in from zero height and a
+ *   leaving row can collapse back to zero, and the rows around it slide to make
+ *   or close the gap for free. Use {@link animateListItemIn} /
+ *   {@link animateListItemOut} (Web Animations API, exact measured sizes).
+ *
+ * - **Virtualised layouts** (`ixfx-grid-list`, `ixfx-data-grid`) — rows are
+ *   absolutely positioned (`transform` / `top`), so collapsing a row's box moves
+ *   nothing. Those components instead fade the entering / leaving row with the
+ *   {@link listItemFadeKeyframes} keyframes and slide the survivors by
+ *   transitioning their position for a short window after the change.
+ *
+ * Everything here is a no-op under `prefers-reduced-motion: reduce`.
+ */
+/** Default duration (ms) for both flavours; overridable per call / per component. */
+declare const LIST_ITEM_MOTION_MS = 200;
+declare function prefersReducedMotion(): boolean;
+/**
+ * Opacity keyframes for the virtualised components. Each one adds its own
+ * one-line rule binding `.<row>.ixfx-item-entering` / `.ixfx-item-leaving` to
+ * these, plus a `prefers-reduced-motion` guard on its own selectors.
+ */
+declare const listItemFadeKeyframes: CSSResult;
+interface ListItemMotionOptions {
   /**
-   * Replace the selection and anchor silently (no `onChange`). Used to
-   * re-key the selection when items are rebuilt from data — e.g. matching
-   * new elements to previously selected keys.
+   * Animation duration in ms. When omitted, the element's
+   * `--ixfx-list-item-move-duration` custom property is used if set (accepts
+   * `ms` or `s`), otherwise {@link LIST_ITEM_MOTION_MS}.
    */
-  seed(items: Iterable<T>, anchor?: T): void;
+  duration?: number;
+  /** Which axis collapses — `block` (height, default) or `inline` (width). */
+  axis?: `block` | `inline`;
+  easing?: string;
 }
+/**
+ * Collapse + fade `el` in from nothing to its natural size. Call it just after
+ * the element has been inserted (it must already be laid out at full size so it
+ * can be measured). No-op under reduced motion.
+ */
+declare function animateListItemIn(el: HTMLElement, options?: ListItemMotionOptions): Animation | undefined;
+/**
+ * Collapse + fade `el` out. Resolves once the animation finishes (or straight
+ * away under reduced motion); the caller detaches the element after. The final
+ * collapsed state is held (`fill: forwards`) so there's no flash back to full
+ * size in the gap before removal.
+ */
+declare function animateListItemOut(el: HTMLElement, options?: ListItemMotionOptions): Promise<void>;
 //#endregion
 //#region src/interaction/tickled-styles.d.ts
 /**
@@ -5811,6 +6529,16 @@ type MillerItemDblClickDetail = {
   node: TreeNode;
   depth: number;
 };
+/** Detail for the `rebase` event fired when the view root changes. */
+type MillerRebaseDetail = {
+  /** The new view root, or `undefined` when the view was restored to the full tree. */
+  viewRoot: TreeNode | undefined;
+  /**
+   * Ancestry chain from the true root down to and including the new view root.
+   * Empty when the view shows the full tree.
+   */
+  path: Array<TreeNode>;
+};
 /** Detail for the `item-rightclick` event. */
 type MillerItemRightClickDetail = {
   node: TreeNode;
@@ -5828,6 +6556,7 @@ type MillerHeaderClickEvent = CustomEvent<MillerHeaderClickDetail>;
 type MillerItemDblClickEvent = CustomEvent<MillerItemDblClickDetail>;
 type MillerItemRightClickEvent = CustomEvent<MillerItemRightClickDetail>;
 type MillerHeaderRightClickEvent = CustomEvent<MillerHeaderRightClickDetail>;
+type MillerRebaseEvent = CustomEvent<MillerRebaseDetail>;
 /**
  * A snapshot of all display states for a single item in the miller columns.
  *
@@ -5891,6 +6620,29 @@ declare class MillerBaseElement extends LitElement implements TreeComponent, Tre
   root: TreeNode | undefined;
   model: TreeDataModel | undefined;
   headers: boolean;
+  /**
+   * When true, the last (rightmost) column grows to fill any remaining
+   * horizontal space in the host. All other columns size to their content
+   * (`max-content`), unless the user has manually resized them.
+   *
+   * When the user clicks into an item in the stretched column and a new
+   * column opens, the previously-last column automatically transitions back
+   * to its content-based width and the new last column stretches instead.
+   * Explicit user-resized widths (via the resize handle) always win over
+   * stretching.
+   */
+  stretchLastColumn: boolean;
+  /**
+   * Alternative node to use as the display root (Finder-style column-view
+   * rebase). When set, column 0 shows this node's children and all depths,
+   * headers, and key paths are relative to it. When `undefined` (default),
+   * the full `root` tree is shown.
+   *
+   * Prefer `rebaseTo()` / `rebaseUp()` over assigning this directly — they
+   * validate the target and report whether the view changed. Assigning a new
+   * `root` (or receiving one via `model`) silently clears the view root.
+   */
+  viewRoot: TreeNode | undefined;
   /**
    * Controls the column-level interaction pattern (how clicks map to column changes).
    * This is distinct from `selectionFilter` (which restricts which node kinds are selectable).
@@ -5906,13 +6658,27 @@ declare class MillerBaseElement extends LitElement implements TreeComponent, Tre
    */
   loadChildren: LoadChildrenCallback | undefined;
   filterPredicate: TreeFilterPredicate | undefined;
+  /**
+   * Space-separated subset of `navigate select filter` — limits which
+   * incremental-search modes are offered. Unset ⇒ all three; empty ⇒ search
+   * disabled. See `docs/infra-incremental.md`.
+   */
+  searchModes: string | undefined;
   protected _columns: TreeNode[][];
   protected _loadingDepth: number | undefined;
   protected _selectedByDepth: Map<number, TreeNode>;
   protected _selectedKeys: Set<string>;
   protected _selectedNodes: Set<TreeNode>;
+  /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
+  readonly search: ListSearchController<{
+    node: TreeNode;
+    depth: number;
+  }>;
+  /** Command registry carrying this component's `list.search.*` commands. */
+  get registry(): CommandRegistry<unknown> | undefined;
   tickled: TickledController<string>;
   updated(changedProps: PropertyValues): void;
+  connectedCallback(): void;
   disconnectedCallback(): void;
   getConfig(): MillerConfig;
   setConfig(config: MillerConfig): void;
@@ -5948,17 +6714,41 @@ declare class MillerBaseElement extends LitElement implements TreeComponent, Tre
    */
   getSelected(): TreeNode[];
   /**
-   * Programmatically navigate to a node by key path.
+   * Programmatically navigate to a node by key path, relative to the current
+   * view root (rebased or full tree).
    */
   navigateTo(keys: readonly string[]): boolean;
   /**
    * Programmatically navigate to the first node (breadth-first) matching a predicate.
    */
   navigateToNode(predicate: (node: TreeNode) => boolean): boolean;
+  /** Open the columns down to `key` and move the cursor to it, without changing the selection (search "navigate" mode). */
+  revealKey(key: string): boolean;
+  /** Replace the selection with `nodes` (search "select" mode). */
+  selectMany(nodes: Iterable<TreeNode>): void;
   getNodes(): ReadonlyArray<{
     node: TreeNode;
     depth: number;
   }>;
+  /**
+   * Rebase the view to show `target`'s children in column 0 (Finder column-view
+   * behavior on double-click), keeping the full tree in `root`.
+   *
+   * - Pass a `MillerNode` (used as-is) or a key (looked up in the full tree).
+   * - Pass `undefined` to restore the full-tree view.
+   * - Rebasing to the true root is equivalent to restoring the full view.
+   * - Leaves are refused (returns `false`).
+   *
+   * Selection is cleared; all depths, headers, and key paths are relative to
+   * the new view root. Fires a `rebase` event when the view actually changes.
+   * Returns `false` when nothing changed (unknown key, leaf, or same view).
+   */
+  rebaseTo(target: TreeNode | string | undefined): boolean;
+  /**
+   * Rebase one level up from the current view root (no-op at the full tree).
+   * Fires a `rebase` event when the view actually changes.
+   */
+  rebaseUp(): boolean;
   protected renderColumnContent(nodes: TreeNode[], depth: number): TemplateResult | typeof nothing;
   protected _handleItemClick(node: TreeNode, depth: number, event?: MouseEvent): void;
   /**
@@ -6017,6 +6807,7 @@ interface MillerBaseElementEventMap extends TreeComponentEventMap {
   'item-rightclick': CustomEvent<MillerItemRightClickDetail>;
   'header-click': CustomEvent<MillerHeaderClickDetail>;
   'header-rightclick': CustomEvent<MillerHeaderRightClickDetail>;
+  'rebase': CustomEvent<MillerRebaseDetail>;
 }
 interface MillerBaseElement {
   addEventListener: (<K extends keyof MillerBaseElementEventMap>(type: K, listener: (this: MillerBaseElement, event: MillerBaseElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
@@ -6102,6 +6893,9 @@ declare class MillerTreeController<T> {
    * Any ancestor `MillerNode`s with unloaded children are populated
    * synchronously before calling `element.navigateTo()`.
    *
+   * Key paths are relative to the element's current view root: when the view
+   * is rebased, only matches at or below the view root can be reached.
+   *
    * Returns `false` if no matching node is found.
    */
   navigateToValue(predicate: (value: T) => boolean): boolean;
@@ -6199,6 +6993,41 @@ interface PillRendererOptions {
 }
 declare function createPillRenderer(options?: PillRendererOptions): NotificationRenderer;
 //#endregion
+//#region src/pan-text/pan-text.d.ts
+declare class PanTextElement extends LitElement {
+  direction: `start` | `end`;
+  disabled: boolean;
+  private _isOverflowing;
+  private _isHovering;
+  private _textEl;
+  private _overflow;
+  private _resizeObserver;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  firstUpdated(): void;
+  protected updated(): void;
+  private _onMouseEnter;
+  private _onMouseLeave;
+  /**
+   * Measures how far the slotted text overflows its container. The measurement
+   * is taken on the inner `.text` span (which clips with an ellipsis), not on
+   * the host — the host never overflows, so measuring it always yielded zero
+   * and the hover interaction never activated.
+   *
+   * Skipped while hovering, because the hover styles switch `.text` to
+   * `overflow: visible` and the measurement would collapse to zero mid-pan.
+   */
+  private _measure;
+  private _textStyle;
+  protected render(): TemplateResult<1>;
+  static styles: CSSResult[];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-pan-text': PanTextElement;
+  }
+}
+//#endregion
 //#region src/panel/panel-group.d.ts
 type PanelGroupOrientation = `horizontal` | `vertical`;
 declare class PanelGroupElement extends LitElement {
@@ -7999,5 +8828,5 @@ interface XyPad {
 //#region src/index.d.ts
 declare function init(): void;
 //#endregion
-export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent, AddItemOptions, Axis, ButtonElement, Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap, ClickSnapMode, ColourMapConfig, ColourMode, ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, ColourResult, ConfigEntry, ContiguousSelectEventDetail, CrossoverBehaviour, CrumbNavChangeDetail, CrumbNavChangeEvent, CrumbNavExpandDetail, CrumbNavExpandEvent, CrumbNavNavigateDetail, CrumbNavNavigateEvent, CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, CrumbPathController, CrumbPathControllerOptions, CrumbPathElement, CrumbPathElementEventMap, CrumbSegment, CrumbSiblingLookupFn, type CssVars, CustomCheckboxOptions, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent, DataProviderResult, type DetailFormatter, DetailListElement, type DetailSortComparator, type DetailSortItem, type DetailSortMode, DisplayTextLogic, DistributeResult, DockAddPanelTarget, DockAxis, DockChangeDetail, DockChangeEvent, DockDirection, DockDragBoundaryDetail, DockDragBoundaryEvent, DockDropTarget, type DockDropZone, DockEdge, DockHostElement, DockHostElementEventMap, DockLayout, DockLeafContentRules, DockLeafInfo, DockLeafRef, DockNeighbours, DockNode, DockOperation, DockPanelActivatedDetail, DockPanelActivatedEvent, DockPanelAddedDetail, DockPanelAddedEvent, DockPanelDragStartDetail, DockPanelDragStartEvent, DockPanelElement, DockPanelElementEventMap, DockPanelInit, DockPanelRemovedDetail, DockPanelRemovedEvent, DockPanelSnapshot, DockPanelTearOutDetail, DockPanelTearOutEvent, DockRect, DockSplitNode, DockStackNode, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, Endpoints, EntryMode, FormElement, FormGroupElement, FormPartElement, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, GridMode, GridResolution, GroupNode, GroupedItemListerElement, type GroupedItemListerElementEventMap, type GroupedSelectDetail, type GroupedSelectEvent, HexChangeDetail, HexChangeEvent, type HighlightOptions, type HighlightTarget, ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, IDataProvider, type IGroupedSubComponent, type IGroupedSubComponentEventMap, type IconChangedDetail, type IconChangedEvent, type IconEntry, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, type InputMode, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxRatingElement, IxfxTimelineElement, LabelledRadialInput, LabelledRangeInput, LabelledSliderInput, LaneData, LaneType, LayoutNode, LayoutSnapshot, LeafGeom, LedElement, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, ListSelectionController, type ListSelectionControllerConfig, type ListSelectionGesture, type ListSelectionMode, type ListSelectionModes, type ListTickleDetail, type ListTickleEvent, LoadChildrenCallback, MarkerStyle, index_d_exports as Menu, type TreeActivateDetail as MillerActivateDetail, TreeActivateDetail, type TreeActivateEvent as MillerActivateEvent, TreeActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, TreeCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, TreeCollapseEvent, MillerConfig, type TreeExpandDetail as MillerExpandDetail, TreeExpandDetail, type TreeExpandEvent as MillerExpandEvent, TreeExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, TreeItem, type TreeItemClickDetail as MillerItemClickDetail, TreeItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, TreeItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type TreeNode as MillerNode, TreeNode, type TreeSelectDetail as MillerSelectDetail, TreeSelectDetail, type TreeSelectEvent as MillerSelectEvent, TreeSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, TreeTickleDetail, type TreeTickleEvent as MillerTickleEvent, TreeTickleEvent, MillerTreeController, MillerTreeControllerOptions, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, NoneSelectEventDetail, Notification, NotificationContent, NotificationManager, NotificationPillElement, NotificationPillElementEventMap, NotificationRenderer, NotificationRendererHooks, NotificationType, NotifierOptions, type OklchValue, Orientation, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupOrientation, PanelInfo, PanelNode, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramOrientation, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, PolarPad, PolarPadInputDetail, PolarPadInputEvent, PopupItem, RadialInputChangeDetail, RadialInputChangeEvent, RadialInputElement, RadialInputInputDetail, RadialInputInputEvent, RadioGroup, RadioGroupChangeDetail, RadioGroupChangeEvent, RadioGroupMode, RadioItem, RangeElement, RangeInput, RangeMultiElement, RangeMultiInputDetail, RangeMultiInputEvent, RatingChangeDetail, RatingChangeEvent, RatingElement, RatingElementEventMap, RatingInputEvent, RatingVariant, type Rect, RectangularSelectEventDetail, RendererStyle, ResizeMode, SelectEventDetail, SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SliderChangedField, SliderCrossover, SliderHandleKey, SliderInputChangeDetail, SliderInputChangeEvent, SliderInputElement, SliderInputElementEventMap, SliderInputInputDetail, SliderInputInputEvent, SliderLaneData, SliderLaneType, SliderMarkerStyle, SliderOrientation, SliderSingleStyle, SliderValueCFollow, SliderValueDrag, SliderValueMode, SlidingNumberElement, SlidingNumberTrend, SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SnapshotNode, SortCompareFn, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitChangeDetail, SplitChangeEvent, SplitCloseDetail, SplitCloseEvent, SplitCollapseDetail, SplitCollapseEvent, SplitExpandDetail, SplitExpandEvent, SplitLayoutElement, SplitLayoutElementEventMap, SplitPanelElement, SplitResizeDetail, SplitResizeEvent, type SubComponentActivateDetail, type SubComponentActivateEvent, type SubComponentFactory, type SubComponentItemClickDetail, type SubComponentItemClickEvent, type SubComponentSelectDetail, type SubComponentSelectEvent, type SubComponentTickleDetail, type SubComponentTickleEvent, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, Tab, TabAddOptions, TabController, TabControllerOptions, TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListItemElement, TabListReorderDetail, TabListReorderEvent, TabPanelElement, TabPanelsElement, TextShimmerElement, TickledController, type TickledControllerConfig, type TickledItem, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant, ToolbarAlign, ToolbarElement, ToolbarGroupElement, ToolbarLayout, ToolbarOrientation, ToolbarVerticalWriting, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, type TreeKeyboardNavCallbacks, TreeKeyboardNavController, type TreeKeyboardNavControllerConfig, type TreeKeyboardNavItemId, TreeListAdapterOptions, TreeListElement, TreeSearchHost, TreeSelectionFilter, TwoSplitLayoutElement, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, ViewRange, WhenSmall, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, addPanelToStack, applyAgeModification, applyHighlights, applySnapshot, attachTimelineInteractions, buildHighlightTargets, buildModel, clearHighlights, collectContainerNames, collectDataResult, collectPanelIds, collectStackPaths, computeColour, computeLeafGeoms, createAcCompletionProvider, createElementIncrSearch, createEmptyLayout, createEmptyStack, createFuzzySearch, createIncrSearch, createPillRenderer, createSplit, createStack, createTreeListAdapter, createVerticalListAdapter, distribute, extractStack, findNode, findParentOf, findStackOf, findStackPathByName, getActiveDragPanelId, getIcon, getIconEntry, getIconFont, getLeafNeighbours, hasIcon, iconBus, init, insertBeside, isDragging, isMultiMode, isSplit, isStack, monitorIndeterminate, moveLeafNodeToEdge, moveLeafStep, normalise, normalize, parseColourScaleAttr, parseLayout, pointerOverAnyHost, readBaseColour, registerFontIcon, registerIcon, removePanelFromStack, resolveCssVars, resolveGrid, resolveLeafPath, resolveTracks, serializeLayout, setActive, setIconFont, svgToDataUri, swapLeaves, tickledItemStyles, tickledStyles, timelineStyles, toSnapshot, walk, wrapRoot };
+export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent, AddItemOptions, Axis, ButtonElement, Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap, ClickSnapMode, ColourMapConfig, ColourMode, ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, ColourResult, ConfigEntry, ContiguousSelectEventDetail, CrossoverBehaviour, CrumbNavChangeDetail, CrumbNavChangeEvent, CrumbNavExpandDetail, CrumbNavExpandEvent, CrumbNavNavigateDetail, CrumbNavNavigateEvent, CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, CrumbPathController, CrumbPathControllerOptions, CrumbPathElement, CrumbPathElementEventMap, CrumbSegment, CrumbSiblingLookupFn, type CssVars, CustomCheckboxOptions, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent, DataProviderResult, DataTableElement, DataTableElementEventMap, DataTableRow, DataTableRowClickDetail, DataTableRowClickEvent, type DetailFormatter, DetailListElement, type DetailSortComparator, type DetailSortItem, type DetailSortMode, DisplayTextLogic, DistributeResult, DockAddPanelTarget, DockAxis, DockChangeDetail, DockChangeEvent, DockDirection, DockDragBoundaryDetail, DockDragBoundaryEvent, DockDropTarget, type DockDropZone, DockEdge, DockHostElement, DockHostElementEventMap, DockLayout, DockLeafContentRules, DockLeafInfo, DockLeafRef, DockNeighbours, DockNode, DockOperation, DockPanelActivatedDetail, DockPanelActivatedEvent, DockPanelAddedDetail, DockPanelAddedEvent, DockPanelDragStartDetail, DockPanelDragStartEvent, DockPanelElement, DockPanelElementEventMap, DockPanelInit, DockPanelRemovedDetail, DockPanelRemovedEvent, DockPanelSnapshot, DockPanelTearOutDetail, DockPanelTearOutEvent, DockRect, DockSplitNode, DockStackNode, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, type ElementListSearchAdapterOptions, type ElementListSearchHost, Endpoints, EntryMode, FormElement, FormGroupElement, FormPartElement, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, type GridListActivateDetail, type GridListActivateEvent, type GridListCaptionAlign, type GridListCaptionBackdrop, type GridListCaptionPosition, type GridListCaptionStyle, GridListElement, type GridListElementEventMap, type GridListFullElementEventMap, type GridListItemClickDetail, type GridListItemClickEvent, type GridListOrientation, type GridListSelectDetail, type GridListSelectEvent, type GridListTickleDetail, type GridListTickleEvent, type GridListViewportChangeDetail, type GridListViewportChangeEvent, GridMode, GridResolution, GroupNode, GroupedItemListerElement, type GroupedItemListerElementEventMap, type GroupedSelectDetail, type GroupedSelectEvent, HexChangeDetail, HexChangeEvent, type HighlightOptions, type HighlightTarget, ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, IDataProvider, type IGroupedSubComponent, type IGroupedSubComponentEventMap, type IconChangedDetail, type IconChangedEvent, type IconEntry, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, type InputMode, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxRatingElement, IxfxTimelineElement, KeyedElementIndex, LIST_ITEM_MOTION_MS, LIST_SEARCH_COMMAND_IDS, LIST_SEARCH_MODES, LabelledRadialInput, LabelledRangeInput, LabelledSliderInput, LaneData, LaneType, LayoutNode, LayoutSnapshot, LeafGeom, LedElement, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListItemMotionOptions, type ListSearchAdapter, ListSearchController, type ListSearchControllerOptions, type ListSearchHost, type ListSearchMode, type ListSelectDetail, type ListSelectEvent, ListSelectionController, type ListSelectionControllerConfig, type ListSelectionGesture, type ListSelectionMode, type ListSelectionModes, type ListTickleDetail, type ListTickleEvent, LoadChildrenCallback, MarkerStyle, index_d_exports as Menu, type TreeActivateDetail as MillerActivateDetail, TreeActivateDetail, type TreeActivateEvent as MillerActivateEvent, TreeActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, TreeCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, TreeCollapseEvent, MillerConfig, type TreeExpandDetail as MillerExpandDetail, TreeExpandDetail, type TreeExpandEvent as MillerExpandEvent, TreeExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, TreeItem, type TreeItemClickDetail as MillerItemClickDetail, TreeItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, TreeItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type TreeNode as MillerNode, TreeNode, MillerRebaseDetail, MillerRebaseEvent, type TreeSelectDetail as MillerSelectDetail, TreeSelectDetail, type TreeSelectEvent as MillerSelectEvent, TreeSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, TreeTickleDetail, type TreeTickleEvent as MillerTickleEvent, TreeTickleEvent, MillerTreeController, MillerTreeControllerOptions, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, NoneSelectEventDetail, Notification, NotificationContent, NotificationManager, NotificationPillElement, NotificationPillElementEventMap, NotificationRenderer, NotificationRendererHooks, NotificationType, NotifierOptions, type OklchValue, Orientation, PanTextElement, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupOrientation, PanelInfo, PanelNode, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramOrientation, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, PolarPad, PolarPadInputDetail, PolarPadInputEvent, PopupItem, RadialInputChangeDetail, RadialInputChangeEvent, RadialInputElement, RadialInputInputDetail, RadialInputInputEvent, RadioGroup, RadioGroupChangeDetail, RadioGroupChangeEvent, RadioGroupMode, RadioItem, RangeElement, RangeInput, RangeMultiElement, RangeMultiInputDetail, RangeMultiInputEvent, RatingChangeDetail, RatingChangeEvent, RatingElement, RatingElementEventMap, RatingInputEvent, RatingVariant, type Rect, RectangularSelectEventDetail, type RegisterListSearchCommandsOptions, RendererStyle, ResizeMode, SelectEventDetail, SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SliderChangedField, SliderCrossover, SliderHandleKey, SliderInputChangeDetail, SliderInputChangeEvent, SliderInputElement, SliderInputElementEventMap, SliderInputInputDetail, SliderInputInputEvent, SliderLaneData, SliderLaneType, SliderMarkerStyle, SliderOrientation, SliderSingleStyle, SliderValueCFollow, SliderValueDrag, SliderValueMode, SlidingNumberElement, SlidingNumberTrend, SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SnapshotNode, SortCompareFn, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitChangeDetail, SplitChangeEvent, SplitCloseDetail, SplitCloseEvent, SplitCollapseDetail, SplitCollapseEvent, SplitExpandDetail, SplitExpandEvent, SplitLayoutElement, SplitLayoutElementEventMap, SplitPanelElement, SplitResizeDetail, SplitResizeEvent, type SubComponentActivateDetail, type SubComponentActivateEvent, type SubComponentFactory, type SubComponentItemClickDetail, type SubComponentItemClickEvent, type SubComponentSelectDetail, type SubComponentSelectEvent, type SubComponentTickleDetail, type SubComponentTickleEvent, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, Tab, TabAddOptions, TabController, TabControllerOptions, TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListItemElement, TabListReorderDetail, TabListReorderEvent, TabPanelElement, TabPanelsElement, TextShimmerElement, TickledController, type TickledControllerConfig, type TickledItem, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant, ToolbarAlign, ToolbarElement, ToolbarGroupElement, ToolbarLayout, ToolbarOrientation, ToolbarVerticalWriting, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, type TreeKeyboardNavCallbacks, TreeKeyboardNavController, type TreeKeyboardNavControllerConfig, type TreeKeyboardNavItemId, TreeListAdapterOptions, TreeListElement, type TreeListSearchAdapterOptions, TreeSearchHost, TreeSelectionFilter, TwoSplitLayoutElement, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, ViewRange, WhenSmall, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, addPanelToStack, animateListItemIn, animateListItemOut, applyAgeModification, applyHighlights, applySnapshot, attachTimelineInteractions, buildHighlightTargets, buildModel, clearHighlights, collectContainerNames, collectDataResult, collectPanelIds, collectStackPaths, computeColour, computeLeafGeoms, createAcCompletionProvider, createElementIncrSearch, createElementListSearchAdapter, createEmptyLayout, createEmptyStack, createFuzzySearch, createIncrSearch, createPillRenderer, createSplit, createStack, createTreeListAdapter, createTreeListSearchAdapter, createVerticalListAdapter, distribute, extractStack, findNode, findParentOf, findStackOf, findStackPathByName, getActiveDragPanelId, getIcon, getIconEntry, getIconFont, getLeafNeighbours, hasIcon, iconBus, init, insertBeside, isDragging, isMultiMode, isSplit, isStack, keyForElement, listItemFadeKeyframes, listSearchStyles, monitorIndeterminate, moveLeafNodeToEdge, moveLeafStep, normalise, normalize, parseColourScaleAttr, parseLayout, pointerOverAnyHost, prefersReducedMotion, readBaseColour, registerFontIcon, registerIcon, registerListSearchCommands, removePanelFromStack, resolveCssVars, resolveGrid, resolveLeafPath, resolveTracks, serializeLayout, setActive, setIconFont, svgToDataUri, swapLeaves, tickledItemStyles, tickledStyles, timelineStyles, toSnapshot, walk, wrapRoot };
 //# sourceMappingURL=index.d.ts.map