@ixfx/components 0.3.1 → 0.4.0

package/dist/index.d.ts

@@ -1,39 +1,39 @@
-import { t as IxfxIconElement } from "./icon-CeTDJhC7.js";
+import { t as IxfxIconElement } from "./icon-Bd5BiU4b.js";
 import { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent } from "./ac-text.js";
 import { ButtonElement } from "./button.js";
 import { Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap } from "./checkbox.js";
-import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-CnL9krsH.js";
-import { t as LabelledRangeInput } from "./index-DrQjA8Gs.js";
-import { C as TreeNode, S as TreeItem, _ as TreeDataModelOptions, a as TreeComponent, b as TreeFilterPredicate, c as TreeExpandEvent, d as TreeSearchHost, f as TreeSelectDetail, g as TreeDataModel, h as TreeTickleEvent, i as TreeCollapseEvent, l as TreeItemClickDetail, m as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, r as TreeCollapseDetail, s as TreeExpandDetail, t as TreeActivateDetail, u as TreeItemClickEvent, v as LoadChildrenCallback, w as TreeSelectionFilter, x as TreeInteractionMode, y as TreeExclusivity } from "./tree-component-D8Bg48tt.js";
-import { t as TreeConfig } from "./types-BKaqnpwx.js";
+import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-DgXpCg_G.js";
+import { t as LabelledRangeInput } from "./index-s_IhSnwc.js";
+import { C as TreeNode, D as IDataProvider, E as DataProviderResult, O as collectDataResult, S as TreeItem, T as DataBatch, _ as TreeDataModelOptions, a as TreeComponent, b as TreeFilterPredicate, c as TreeExpandEvent, d as TreeSearchHost, f as TreeSelectDetail, g as TreeDataModel, h as TreeTickleEvent, i as TreeCollapseEvent, l as TreeItemClickDetail, m as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, r as TreeCollapseDetail, s as TreeExpandDetail, t as TreeActivateDetail, u as TreeItemClickEvent, v as LoadChildrenCallback, w as TreeSelectionFilter, x as TreeInteractionMode, y as TreeExclusivity } from "./tree-component-BcO26Xvt.js";
+import { t as TreeConfig } from "./types-DSfbtHs3.js";
 import { FuzzySearchResult, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, Orientation, SelectionMode } from "./narrowed-text.js";
 import { CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent } from "./crumbs.js";
-import { DataDisplayComponent, FormattingOptions } from "./data-display.js";
+import { ConfigEntry, DataDisplayComponent, FormattingOptions, RendererStyle } from "./data-display.js";
 import { DisplayTextLogic, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EntryMode } from "./editable-label.js";
-import { a as NoneSelectEventDetail, c as SingleSelectEventDetail, i as IxfxHexEditorElement, n as HexChangeDetail, o as RectangularSelectEventDetail, r as HexChangeEvent, s as SelectEventDetail, t as ContiguousSelectEventDetail } from "./hex-editor-DlfoA65y.js";
-import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-B1hNR7Z9.js";
-import { _ as IncrSearchChangeCallback, a as createFuzzySearch, b as IncrSearchState, c as IncrSearchTreeController, d as ElementIncrSearchOptions, f as FuzzySearch, g as IncrSearch, h as HighlightTarget, i as clearHighlights, l as IncrSearchTreeOptions, m as HighlightOptions, n as applyHighlights, o as ElementIncrSearch, p as FuzzySearchOptions, r as buildHighlightTargets, s as createElementIncrSearch, t as createIncrSearch, u as createAcCompletionProvider, v as IncrSearchOptions, y as IncrSearchResult } from "./index-hXFn14tM.js";
-import { a as RadialInputChangeDetail, c as RadialInputInputEvent, i as MarkerStyle, l as ValueMode, n as LaneData, o as RadialInputChangeEvent, r as LaneType, s as RadialInputInputDetail, t as RadialInputElement } from "./radial-input-LUSBEycd.js";
+import { a as NoneSelectEventDetail, c as SingleSelectEventDetail, i as IxfxHexEditorElement, n as HexChangeDetail, o as RectangularSelectEventDetail, r as HexChangeEvent, s as SelectEventDetail, t as ContiguousSelectEventDetail } from "./hex-editor-CMIxtNgT.js";
+import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-D87kRcEs.js";
+import { _ as IncrSearchChangeCallback, a as createFuzzySearch, b as IncrSearchState, c as IncrSearchTreeController, d as ElementIncrSearchOptions, f as FuzzySearch, g as IncrSearch, h as HighlightTarget, i as clearHighlights, l as IncrSearchTreeOptions, m as HighlightOptions, n as applyHighlights, o as ElementIncrSearch, p as FuzzySearchOptions, r as buildHighlightTargets, s as createElementIncrSearch, t as createIncrSearch, u as createAcCompletionProvider, v as IncrSearchOptions, y as IncrSearchResult } from "./index-BMjri2-S.js";
+import { PanelCloseEvent, PanelElement, PanelElementEventMap, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant } from "./panel.js";
+import { a as RadialInputChangeDetail, c as RadialInputInputEvent, i as MarkerStyle, l as ValueMode, n as LaneData, o as RadialInputChangeEvent, r as LaneType, s as RadialInputInputDetail, t as RadialInputElement } from "./radial-input-CpQPs1Mp.js";
 import { LabelledRadialInput } from "./labelled-radial-input.js";
 import { LedElement } from "./led.js";
-import { t as index_d_exports } from "./index-DSlPeWLK.js";
+import { t as index_d_exports } from "./index-CWpNcQKE.js";
 import { MillerBaseElement, MillerBaseElementEventMap, MillerConfig, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, MillerSelectionMode, MillerTreeController, MillerTreeControllerOptions } from "./miller.js";
-import { PanelCloseEvent, PanelElement, PanelElementEventMap, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant } from "./panel.js";
-import { a as SingleAxisAgeStyle, c as PlotDataSeriesOptions, d as ColourResult, f as applyAgeModification, h as readBaseColour, i as PlotSingleAxis, l as ColourMapConfig, m as parseColourScaleAttr, n as XyAgeStyle, o as SingleAxisDrawStyle, p as computeColour, r as XyDrawStyle, s as PlotDataSeries, t as PlotXyAxis, u as ColourMode } from "./xy-axis-D9uwpGTT.js";
+import { C as ColourMode, D as parseColourScaleAttr, E as computeColour, O as readBaseColour, S as ColourMapConfig, T as applyAgeModification, _ as PlotMultiAxisDataPointClickEvent, a as PlotSingleAxisElementEventMap, b as PlotDataSeries, c as SingleAxisAgeStyle, d as PlotHistogramBucketClickDetail, f as PlotHistogramBucketClickEvent, g as PlotMultiAxisDataPointClickDetail, h as PlotMultiAxis, i as PlotSingleAxis, l as SingleAxisDrawStyle, m as PlotHistogramOrientation, n as XyAgeStyle, o as PlotSingleAxisPointerMoveDetail, p as PlotHistogramElementEventMap, r as XyDrawStyle, s as PlotSingleAxisPointerMoveEvent, t as PlotXyAxis, u as PlotHistogram, v as PlotMultiAxisElementEventMap, w as ColourResult, x as PlotDataSeriesOptions, y as PlotMultiAxisLayout } from "./xy-axis-McdUpcYr.js";
 import { PolarPad, PolarPadInputDetail, PolarPadInputEvent } from "./polar-pad.js";
-import { n as TooltipElement, r as TooltipOrientations, t as FormatValueForHuman } from "./tooltip-CwGfb4lp.js";
+import { n as TooltipElement, r as TooltipOrientations, t as FormatValueForHuman } from "./tooltip-RGVIwHrZ.js";
 import { RangeInput } from "./range-input.js";
 import { RangeElement } from "./range.js";
 import { SelectHorizontalElement } from "./selecthorizontal.js";
 import { ClickSnapMode, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic } from "./snap-container.js";
 import { SplitLayoutElement } from "./split-layout.js";
 import { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent } from "./swipe.js";
-import { i as TabListItemElement, n as TabListChangeEvent, r as TabListElement, t as TabListChangeDetail } from "./tab-list-BnqISNvO.js";
-import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index--hrxPBkQ.js";
+import { i as TabListItemElement, n as TabListChangeEvent, r as TabListElement, t as TabListChangeDetail } from "./tab-list-DLzb-m-I.js";
+import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-CowKi2mo.js";
 import { TreeBaseElement, TreeBaseElementEventMap, TreeController, TreeControllerOptions, TreeListElement } from "./tree.js";
 import { XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent } from "./xy-pad.js";
-import { CSSResult, LitElement, PropertyValues } from "lit";
-import { CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
+import { CSSResult, LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, nothing } from "lit";
+import { CommandId, CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
 
 //#region src/ac-token/types.d.ts
 type AcTokenItem = {
@@ -44,7 +44,6 @@ type AcTokenItem = {
   readonly data?: unknown;
   readonly positions?: ReadonlySet<number>;
 };
-type AcTokenCompletionProvider = (token: string, signal: AbortSignal) => Promise<AcTokenItem[]> | AcTokenItem[];
 type AcTokenizerFn = (text: string) => string[];
 type AcTokensChangeDetail = {
   readonly tokens: readonly AcTokenItem[];
@@ -86,7 +85,7 @@ interface AcTokenElementEventMap {
 declare class AcTokenElement extends LitElement {
   #private;
   /** Provides completion results for the current draft token. */
-  completionProvider: AcTokenCompletionProvider | undefined;
+  completionProvider: IDataProvider<string, AcTokenItem> | undefined;
   /** Custom tokenizer — defaults to splitting on space, comma, semicolon. */
   tokenizer: AcTokenizerFn | undefined;
   /** Placeholder text shown when no tokens or draft text are present. */
@@ -100,12 +99,16 @@ declare class AcTokenElement extends LitElement {
    * When false (default), typing text and pressing Enter commits it as-is.
    */
   strict: boolean;
+  /**
+   * When false (default), tokens that have already been committed are
+   * filtered out of the suggestion list. Set to true to show all
+   * suggestions including duplicates.
+   */
+  allowDuplicates: boolean;
   private _tokens;
   private _draft;
   private _selectedTokenIndex;
-  private _suggestions;
   private _isOpen;
-  private _isLoading;
   private _tickled;
   constructor();
   get tokens(): readonly AcTokenItem[];
@@ -241,6 +244,80 @@ declare global {
   }
 } //# sourceMappingURL=split-button.d.ts.map
 //#endregion
+//#region src/common/data-controller.d.ts
+type DataControllerOptions = {
+  /**
+   * Clear accumulated items immediately when request() is called.
+   * When false, stale items remain visible while the new request is in-flight
+   * (useful for re-query-on-keystroke patterns — avoids a blank flash).
+   * Default: true.
+   */
+  clearOnRequest?: boolean;
+  /**
+   * Called when the provider throws or rejects. Useful for logging without
+   * coupling the error to render logic.
+   */
+  onError?: (err: unknown) => void;
+};
+/**
+ * Lit ReactiveController that manages one active data provider request at a time.
+ *
+ * Handles all three provider return modes (sync, async one-shot, streaming),
+ * tracks progress, and cancels in-flight requests when a new one starts.
+ * Calls host.requestUpdate() on every state change so the component re-renders
+ * automatically.
+ *
+ * @typeParam TQuery - The query/scope type passed to the provider.
+ * @typeParam TItem  - The item type produced by the provider.
+ *
+ * @example
+ * ```ts
+ * class MyList extends LitElement {
+ *   #data = new DataController<string, MyItem>(this, myProvider);
+ *
+ *   protected override render() {
+ *     return html`
+ *       ${this.#data.loading ? html`<span>Loading…</span>` : nothing}
+ *       ${this.#data.items.map(item => html`<div>${item.label}</div>`)}
+ *     `;
+ *   }
+ * }
+ * ```
+ */
+declare class DataController<TQuery, TItem> implements ReactiveController {
+  #private;
+  constructor(host: ReactiveControllerHost, provider?: IDataProvider<TQuery, TItem>, options?: DataControllerOptions);
+  hostConnected(): void;
+  hostDisconnected(): void;
+  get provider(): IDataProvider<TQuery, TItem> | undefined;
+  set provider(value: IDataProvider<TQuery, TItem> | undefined);
+  /** The currently accumulated items. */
+  get items(): readonly TItem[];
+  /** True while a provider call is pending or a stream is still open. */
+  get loading(): boolean;
+  /** Number of items accumulated so far in the current request. */
+  get loaded(): number;
+  /**
+   * Provider's latest estimate of the total number of items expected.
+   * Undefined when the provider has not reported a total.
+   */
+  get total(): number | undefined;
+  /**
+   * Progress as a 0–1 value, or undefined when total is unknown.
+   * Derived from loaded / total.
+   */
+  get progress(): number | undefined;
+  /** The last error thrown by the provider, or undefined if the last request succeeded. */
+  get error(): unknown;
+  /**
+   * Cancel any in-flight request and start a new one.
+   * Clears items immediately unless clearOnRequest was set to false.
+   */
+  request(query: TQuery): void;
+  /** Abort any in-flight request without issuing a new one. */
+  cancel(): void;
+}
+//#endregion
 //#region src/crumbs/crumb-path.d.ts
 type CrumbSegment = {
   label: string;
@@ -382,6 +459,337 @@ declare global {
   }
 } //# sourceMappingURL=editable-number.d.ts.map
 //#endregion
+//#region src/vertical-list/types.d.ts
+type ListSelectionMode = `none` | `single` | `multiple`;
+/**
+ * Controls how pointer and keyboard gestures map to selection changes.
+ *
+ * - `implicit`  — click always replaces selection (no modifier support)
+ * - `standard`  — click replaces; Ctrl/Cmd+click toggles; Shift+click range-selects (multiple only)
+ * - `manual`    — no auto-selection; drive state via select()/deselect()/clearSelection()
+ * - `checked`   — every click toggles; implies multiple selection regardless of selectionMode
+ * - `vscode`    — like standard for clicks; Shift+Arrow extends range from the keyboard anchor
+ *
+ * Switching interactionMode clears the current selection.
+ */
+type ListInteractionMode = `implicit` | `standard` | `manual` | `checked` | `vscode`;
+type ListSelectDetail = {
+  readonly selected: ReadonlySet<Element>;
+  readonly previous: ReadonlySet<Element>;
+};
+type ListTickleDetail = {
+  readonly item: Element;
+};
+type ListActivateDetail = {
+  readonly item: Element;
+};
+type ListItemClickDetail = {
+  readonly item: Element;
+};
+type ListSelectEvent = CustomEvent<ListSelectDetail>;
+type ListTickleEvent = CustomEvent<ListTickleDetail>;
+type ListActivateEvent = CustomEvent<ListActivateDetail>;
+type ListItemClickEvent = CustomEvent<ListItemClickDetail>;
+interface ListElementEventMap {
+  'list-select': ListSelectEvent;
+  'list-tickle': ListTickleEvent;
+  'list-activate': ListActivateEvent;
+  'list-item-click': ListItemClickEvent;
+}
+//#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;
+  addEventListener(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/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 | import("lit").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;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+}
+//#endregion
+//#region src/grouped-item-lister/tree-list-adapter.d.ts
+type TreeListAdapterOptions<T> = {
+  /**
+   * Returns the direct children of an item to build the tree hierarchy.
+   * Omit for flat item lists — all items become leaf nodes at the root level.
+   */
+  getChildren?: (item: T) => readonly T[]; /** Forwarded to the inner ixfx-tree-list. Default: `'standard'`. */
+  interactionMode?: TreeInteractionMode;
+  /**
+   * Controls which node types are selectable.
+   * Forwarded to the inner ixfx-tree-list. Default: `'all'`.
+   */
+  selectionFilter?: TreeSelectionFilter;
+  /**
+   * Controls how expanding one node affects its siblings.
+   * Forwarded to the inner ixfx-tree-list. Default: `'none'`.
+   */
+  exclusivity?: TreeExclusivity;
+  /**
+   * Called when a command is dispatched via `ixfx-grouped-item-lister.dispatch()`.
+   * Receives the inner `TreeBaseElement` (undefined until the first `setItems()` call)
+   * so the handler can sort, filter, or otherwise manipulate the tree directly.
+   */
+  onDispatch?: (commandId: CommandId, args: Record<string, unknown> | undefined, tree: TreeBaseElement | undefined) => void;
+};
+/**
+ * Creates an `HTMLElement` that implements `IGroupedSubComponent<T>` by wrapping
+ * an `ixfx-tree-list` internally.
+ *
+ * `toTreeItem` converts each item `T` to display metadata (`key`, `label`, etc).
+ * The adapter stores the original `T` in `TreeItem.data` and uses it to map
+ * tree-node selections back to typed values.
+ *
+ * Unlike `createVerticalListAdapter`, items can be hierarchical: provide
+ * `options.getChildren` to return each item's children and the adapter will
+ * recursively build the `TreeNode` tree. Omit it for a flat list of leaf nodes.
+ *
+ * The four interface events (`select`, `activate`, `item-click`, `tickle`) are
+ * intercepted at the tree level, re-typed from `TreeNode` → `T`, and re-dispatched
+ * on the adapter element so `ixfx-grouped-item-lister` can identify the source.
+ *
+ * @example Flat item list:
+ * ```ts
+ * lister.factory = () =>
+ *   createTreeListAdapter<FileItem>(item => ({ key: item.id, label: item.name, isLeaf: true }));
+ * ```
+ *
+ * @example Hierarchical items:
+ * ```ts
+ * lister.factory = () =>
+ *   createTreeListAdapter<Category>(
+ *     cat => ({ key: cat.id, label: cat.name }),
+ *     { getChildren: cat => cat.subCategories },
+ *   );
+ * ```
+ */
+declare function createTreeListAdapter<T>(toTreeItem: (item: T) => Omit<TreeItem, 'data'>, options?: TreeListAdapterOptions<T>): HTMLElement & IGroupedSubComponent<T>;
+//#endregion
+//#region src/vertical-list/vertical-list.d.ts
+declare class VerticalListElement extends LitElement {
+  #private;
+  selectionMode: ListSelectionMode;
+  interactionMode: ListInteractionMode;
+  filterPredicate: ((el: Element) => boolean) | undefined;
+  private _selectedItems;
+  private _searchVisible;
+  private _searchQuery;
+  private _searchInputEl;
+  private tickled;
+  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): void;
+  removeItem(item: Element): void;
+  clearItems(): void;
+  /**
+   * Replace the entire item list in one call.
+   * Equivalent to `clearItems()` followed by `addItem()` for each element.
+   * Preserves `interactionMode` checkbox wrapping.
+   */
+  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(_commandId: CommandId, _args?: Record<string, unknown>): void;
+  select(item: Element): void;
+  selectMany(items: Iterable<Element>): void;
+  deselect(item: Element): void;
+  clearSelection(): void;
+  selectAll(): void;
+  private _replaceSelection;
+  private _toggleItem;
+  private _rangeSelectTo;
+  private _clearSelection;
+  private _selectAll;
+  private _handleClickSelection;
+  private _handleSpaceKey;
+  private _getVisibleItems;
+  private _syncItemStates;
+  private _syncCheckboxes;
+  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: import("lit").CSSResult[];
+  render(): import("lit").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-vertical-list': VerticalListElement;
+  }
+  interface HTMLElementEventMap extends ListElementEventMap {}
+} //# sourceMappingURL=vertical-list.d.ts.map
+//#endregion
+//#region src/grouped-item-lister/vertical-list-adapter.d.ts
+type VerticalListAdapterOptions = {
+  /** Initial selection mode forwarded to the inner ixfx-vertical-list. Default: `'single'`. */selectionMode?: ListSelectionMode; /** Interaction mode forwarded to the inner ixfx-vertical-list. Default: `'standard'`. */
+  interactionMode?: ListInteractionMode;
+  /**
+   * Called when a command is dispatched via `ixfx-grouped-item-lister.dispatch()`.
+   *
+   * Receives the current inner `VerticalListElement` (undefined until the first
+   * `setItems()` call) so the handler can sort, filter, or otherwise mutate the
+   * list directly.
+   *
+   * @example Sort items alphabetically by text content:
+   * ```ts
+   * onDispatch: (id, _args, list) => {
+   *   if (id !== 'sort-alpha' || !list) return;
+   *   const rows = [...list.querySelectorAll<HTMLElement>('li')];
+   *   rows.sort((a, b) => (a.textContent ?? '').localeCompare(b.textContent ?? ''));
+   *   for (const row of rows) list.appendChild(row);
+   * }
+   * ```
+   */
+  onDispatch?: (commandId: CommandId, args: Record<string, unknown> | undefined, list: VerticalListElement | undefined) => void;
+};
+/**
+ * Creates an `HTMLElement` that implements `IGroupedSubComponent<T>` by wrapping
+ * an `ixfx-vertical-list` internally.
+ *
+ * Items are typed as `T`. The `renderItem` function converts each item to a DOM
+ * element (typically an `<li>`) that `ixfx-vertical-list` renders and handles
+ * pointer/keyboard interaction for.
+ *
+ * The returned element bridges the `list-*` event names fired by
+ * `ixfx-vertical-list` to the `select / activate / item-click / tickle` names
+ * required by `IGroupedSubComponent`, and maps element-based selection sets back
+ * to typed `T` values.
+ *
+ * @example Basic usage with ixfx-grouped-item-lister:
+ * ```ts
+ * lister.factory = () =>
+ *   createVerticalListAdapter<MyItem>(item => {
+ *     const li = document.createElement('li');
+ *     li.textContent = item.label;
+ *     return li;
+ *   });
+ * ```
+ */
+declare function createVerticalListAdapter<T>(renderItem: (item: T) => Element, options?: VerticalListAdapterOptions): HTMLElement & IGroupedSubComponent<T>;
+//#endregion
 //#region src/panel/panel-group.d.ts
 type PanelGroupOrientation = `horizontal` | `vertical`;
 declare class PanelGroupElement extends LitElement {
@@ -467,7 +875,7 @@ declare global {
 //#region src/tabs/tab-panel.d.ts
 declare class TabPanelElement extends LitElement {
   render(): import("lit").TemplateResult<1>;
-  static styles: import("lit").CSSResult;
+  static styles: import("lit").CSSResult[];
 }
 declare global {
   interface HTMLElementTagNameMap {
@@ -533,105 +941,8 @@ declare global {
 //#region src/util/checkbox.d.ts
 declare function monitorIndeterminate(targetElOrQuery: string | HTMLElement, watchedElsOrQueries: Array<string | HTMLElement>): () => void;
 //#endregion
-//#region src/vertical-list/types.d.ts
-type ListSelectionMode = `none` | `single` | `multiple`;
-/**
- * Controls how pointer and keyboard gestures map to selection changes.
- *
- * - `implicit`  — click always replaces selection (no modifier support)
- * - `standard`  — click replaces; Ctrl/Cmd+click toggles; Shift+click range-selects (multiple only)
- * - `manual`    — no auto-selection; drive state via select()/deselect()/clearSelection()
- * - `checked`   — every click toggles; implies multiple selection regardless of selectionMode
- * - `vscode`    — like standard for clicks; Shift+Arrow extends range from the keyboard anchor
- *
- * Switching interactionMode clears the current selection.
- */
-type ListInteractionMode = `implicit` | `standard` | `manual` | `checked` | `vscode`;
-type ListSelectDetail = {
-  readonly selected: ReadonlySet<Element>;
-  readonly previous: ReadonlySet<Element>;
-};
-type ListTickleDetail = {
-  readonly item: Element;
-};
-type ListActivateDetail = {
-  readonly item: Element;
-};
-type ListItemClickDetail = {
-  readonly item: Element;
-};
-type ListSelectEvent = CustomEvent<ListSelectDetail>;
-type ListTickleEvent = CustomEvent<ListTickleDetail>;
-type ListActivateEvent = CustomEvent<ListActivateDetail>;
-type ListItemClickEvent = CustomEvent<ListItemClickDetail>;
-interface ListElementEventMap {
-  'list-select': ListSelectEvent;
-  'list-tickle': ListTickleEvent;
-  'list-activate': ListActivateEvent;
-  'list-item-click': ListItemClickEvent;
-}
-//#endregion
-//#region src/vertical-list/vertical-list.d.ts
-declare class VerticalListElement extends LitElement {
-  #private;
-  selectionMode: ListSelectionMode;
-  interactionMode: ListInteractionMode;
-  filterPredicate: ((el: Element) => boolean) | undefined;
-  private _selectedItems;
-  private _searchVisible;
-  private _searchQuery;
-  private _searchInputEl;
-  private tickled;
-  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): void;
-  removeItem(item: Element): void;
-  clearItems(): void;
-  select(item: Element): void;
-  selectMany(items: Iterable<Element>): void;
-  deselect(item: Element): void;
-  clearSelection(): void;
-  selectAll(): void;
-  private _replaceSelection;
-  private _toggleItem;
-  private _rangeSelectTo;
-  private _clearSelection;
-  private _selectAll;
-  private _handleClickSelection;
-  private _handleSpaceKey;
-  private _getVisibleItems;
-  private _syncItemStates;
-  private _syncCheckboxes;
-  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: import("lit").CSSResult;
-  render(): import("lit").TemplateResult<1>;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-vertical-list': VerticalListElement;
-  }
-  interface HTMLElementEventMap extends ListElementEventMap {}
-} //# sourceMappingURL=vertical-list.d.ts.map
-//#endregion
 //#region src/index.d.ts
 declare function init(): void;
 //#endregion
-export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, type AcTokenAddDetail, type AcTokenAddEvent, type AcTokenCompletionProvider, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent, ButtonElement, Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap, ClickSnapMode, ColourMapConfig, ColourMode, ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, ColourResult, ContiguousSelectEventDetail, CrossoverBehaviour, CrumbNavChangeDetail, CrumbNavChangeEvent, CrumbNavExpandDetail, CrumbNavExpandEvent, CrumbNavNavigateDetail, CrumbNavNavigateEvent, CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, CrumbPathController, CrumbPathControllerOptions, CrumbPathElement, CrumbPathElementEventMap, CrumbSegment, CrumbSiblingLookupFn, type CssVars, DataDisplayComponent, DisplayTextLogic, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, Endpoints, EntryMode, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, GridMode, GridResolution, HexChangeDetail, HexChangeEvent, type HighlightOptions, type HighlightTarget, ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, type IconChangedDetail, type IconChangedEvent, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxTimelineElement, LabelledRadialInput, LabelledRangeInput, LaneData, LaneType, LedElement, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, 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, type OklchValue, Orientation, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupOrientation, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PlotDataSeries, PlotDataSeriesOptions, PlotSingleAxis, PlotXyAxis, PolarPad, PolarPadInputDetail, PolarPadInputEvent, PopupItem, RadialInputChangeDetail, RadialInputChangeEvent, RadialInputElement, RadialInputInputDetail, RadialInputInputEvent, RadioGroup, RadioGroupChangeDetail, RadioGroupChangeEvent, RadioGroupMode, RadioItem, RangeElement, RangeInput, RangeMultiElement, RangeMultiInputDetail, RangeMultiInputEvent, type Rect, RectangularSelectEventDetail, ResizeMode, SelectEventDetail, SelectHorizontalElement, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitLayoutElement, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, TabListChangeDetail, TabListChangeEvent, TabListElement, TabListItemElement, TabPanelElement, TabPanelsElement, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, TreeListElement, TreeSearchHost, TreeSelectionFilter, UserScale, ValueMode, VerticalListElement, ViewRange, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, applyAgeModification, applyHighlights, attachTimelineInteractions, buildHighlightTargets, clearHighlights, computeColour, createAcCompletionProvider, createElementIncrSearch, createFuzzySearch, createIncrSearch, getIcon, hasIcon, iconBus, init, monitorIndeterminate, parseColourScaleAttr, readBaseColour, registerIcon, resolveCssVars, resolveGrid, svgToDataUri, timelineStyles };
+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, 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, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataProviderResult, DisplayTextLogic, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, Endpoints, EntryMode, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, GridMode, GridResolution, 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 IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxTimelineElement, LabelledRadialInput, LabelledRangeInput, LaneData, LaneType, LedElement, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, 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, type OklchValue, Orientation, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupOrientation, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramOrientation, 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, type Rect, RectangularSelectEventDetail, RendererStyle, ResizeMode, SelectEventDetail, SelectHorizontalElement, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitLayoutElement, type SubComponentActivateDetail, type SubComponentActivateEvent, type SubComponentFactory, type SubComponentItemClickDetail, type SubComponentItemClickEvent, type SubComponentSelectDetail, type SubComponentSelectEvent, type SubComponentTickleDetail, type SubComponentTickleEvent, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, TabListChangeDetail, TabListChangeEvent, TabListElement, TabListItemElement, TabPanelElement, TabPanelsElement, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, TreeListAdapterOptions, TreeListElement, TreeSearchHost, TreeSelectionFilter, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, ViewRange, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, applyAgeModification, applyHighlights, attachTimelineInteractions, buildHighlightTargets, clearHighlights, collectDataResult, computeColour, createAcCompletionProvider, createElementIncrSearch, createFuzzySearch, createIncrSearch, createTreeListAdapter, createVerticalListAdapter, getIcon, hasIcon, iconBus, init, monitorIndeterminate, parseColourScaleAttr, readBaseColour, registerIcon, resolveCssVars, resolveGrid, svgToDataUri, timelineStyles };
 //# sourceMappingURL=index.d.ts.map