@ixfx/components 0.8.7 → 0.8.9

package/bundle/index.d.ts

@@ -2003,6 +2003,46 @@ declare class DataController<TQuery, TItem> implements ReactiveController {
   cancel(): void;
 }
 //#endregion
+//#region src/interaction/list-drag-types.d.ts
+interface ListDragEntry<T> {
+  readonly key: string;
+  readonly index: number;
+  readonly item: T | Element;
+  readonly element?: Element;
+}
+type ListDragSource = `grid-list` | `detail-list` | `vertical-list` | `data-grid` | `tree-list`;
+interface ListDragPreviewContext<T> {
+  readonly source: ListDragSource;
+  readonly origin: ListDragEntry<T>;
+  readonly selected: ReadonlyArray<ListDragEntry<T>>;
+  readonly metrics: {
+    readonly itemSize?: number;
+    readonly captionStyle?: string;
+    readonly captionHeight?: number;
+    readonly rowHeight?: number;
+  };
+  readonly hostStyle: CSSStyleDeclaration;
+}
+interface ListDragPreview {
+  readonly element: HTMLElement;
+  readonly hotspot?: Readonly<{
+    x: number;
+    y: number;
+  }>;
+  readonly canvas?: HTMLCanvasElement;
+  readonly dispose?: () => void;
+}
+type ListDragPreviewRenderer<T> = (context: ListDragPreviewContext<T>) => ListDragPreview;
+interface ListNativeDragStartDetail<T = unknown> {
+  readonly key: string;
+  readonly index: number;
+  readonly item: T | Element;
+  readonly selectedKeys: readonly string[];
+  readonly selected: ReadonlyArray<ListDragEntry<T>>;
+  readonly preview?: ListDragPreview;
+}
+type ListNativeDragStartEvent<T = unknown> = CustomEvent<ListNativeDragStartDetail<T>>;
+//#endregion
 //#region src/common/types.d.ts
 type TreeItem = {
   /** Unique identifier within the tree. */
@@ -2159,9 +2199,29 @@ declare class TreeDataModel {
   updateItem(key: string, patch: Partial<TreeItem>): TreeNode;
   /**
    * Moves the node with the given key to become a child of `newParentKey`.
+   * When `index` is provided, inserts at that position; otherwise appends.
    * Returns the new root (connected components are notified automatically).
    */
-  moveNode(key: string, newParentKey: string): TreeNode;
+  moveNode(key: string, newParentKey: string, index?: number): TreeNode;
+  /**
+   * Moves the node with the given key to become a sibling of `referenceKey`,
+   * positioned `before` or `after` it. A no-op (returns the unchanged root) when
+   * `key` is `referenceKey`, an ancestor of it, or either is missing.
+   * Returns the new root (connected components are notified automatically).
+   */
+  moveNodeRelative(key: string, referenceKey: string, position: `before` | `after`): TreeNode;
+  /**
+   * Applies a resolved drop (from `ixfx-tree-list`'s `tree-drop` event or a
+   * hand-built context) to the current root. No-op when the drop is invalid.
+   * Returns the new root (connected components are notified automatically).
+   */
+  applyDrop(ctx: TreeDropApplyContext): TreeNode;
+  /**
+   * Inserts `node` as a child of `parentKey` (or at the root level when `parentKey` is undefined).
+   * When `index` is provided, inserts at that position; otherwise appends.
+   * Returns the new root (connected components are notified automatically).
+   */
+  insertNode(parentKey: string | undefined, node: TreeNode, index?: number): TreeNode;
   /**
    * Subscribe to model events. Returns an unsubscribe function.
    * Components call this when the `model` property is set, and unsubscribe when it is unset.
@@ -2172,6 +2232,45 @@ declare class TreeDataModel {
 }
 //#endregion
 //#region src/common/tree-component.d.ts
+type TreeDndMode = `none` | `internal` | `external` | `both`;
+type TreeDropPosition = `before` | `after` | `inside`;
+interface TreeDropTarget {
+  readonly parentKey: string | undefined;
+  readonly index: number;
+  readonly referenceKey: string;
+  readonly position: TreeDropPosition;
+  readonly depth: number;
+}
+interface TreeDragContext {
+  readonly nodes: readonly TreeNode[];
+  readonly keys: readonly string[];
+}
+/**
+ * The structural subset of {@link TreeDropContext} needed to apply a drop to a
+ * tree root. Passed to `applyTreeDrop()` / `TreeDataModel.applyDrop()`.
+ */
+interface TreeDropApplyContext {
+  readonly source: `internal` | `external`;
+  /**
+   * For `internal` drops this is advisory — the nodes are re-resolved from the
+   * live root by `draggedKeys`. For `external` drops it is the payload to insert.
+   */
+  readonly dragged?: readonly TreeNode[];
+  readonly draggedKeys: readonly string[];
+  readonly target: TreeDropTarget;
+}
+interface TreeDropContext extends TreeDropApplyContext {
+  readonly dataTransfer: DataTransfer | null;
+}
+interface TreeDropDetail extends TreeDropContext {
+  readonly external?: readonly TreeNode[];
+}
+type TreeDragStartEvent = CustomEvent<TreeDragContext>;
+type TreeDragOverEvent = CustomEvent<TreeDropContext>;
+type TreeDropEvent = CustomEvent<TreeDropDetail>;
+type TreeDragEndEvent = CustomEvent<{
+  dropped: boolean;
+}>;
 /**
  * Fired when the selection set changes by any means (click, keyboard, programmatic).
  * Event name: `select`
@@ -2209,7 +2308,7 @@ type TreeItemClickDetail = {
 };
 /**
  * Fired when the user double-clicks an item. The second click of the pair is
- * swallowed, so a branch is never toggled twice by a double-click.
+ * swallowed, so a branch is never toggled open/closed by a double-click.
  * Event name: `item-dblclick`
  */
 type TreeItemDblClickDetail = {
@@ -2246,6 +2345,11 @@ interface TreeComponentEventMap {
   'item-click': TreeItemClickEvent;
   'expand': TreeExpandEvent;
   'collapse': TreeCollapseEvent;
+  'list-native-drag-start': CustomEvent<ListNativeDragStartDetail<TreeNode>>;
+  'tree-drag-start': TreeDragStartEvent;
+  'tree-drag-over': TreeDragOverEvent;
+  'tree-drop': TreeDropEvent;
+  'tree-drag-end': TreeDragEndEvent;
 }
 /**
  * The common interface all tree-like components must implement.
@@ -2362,6 +2466,27 @@ interface TreeSearchHost extends TreeComponent {
   readonly updateComplete: Promise<boolean>;
 }
 //#endregion
+//#region src/common/tree-drop-apply.d.ts
+/**
+ * Drop keys whose ancestor is also being dragged — only the top-most selected
+ * nodes move; their subtrees travel with them. Preserves input order.
+ */
+declare function pruneDraggedDescendants(root: TreeNode, keys: readonly string[]): string[];
+/**
+ * Framework-agnostic drop application. Given the current immutable `root` and a
+ * resolved drop context, returns a **new** root with the drop applied, or the
+ * unchanged `root` when the drop is invalid (dragged node into its own subtree,
+ * missing reference, empty payload). Never throws, never mutates.
+ *
+ * The insertion point is re-derived from `target.referenceKey` + `target.position`
+ * against the post-removal tree, so same-parent reorders are off-by-one-safe and
+ * multi-node drops land as siblings in drag order. `target.index` is honoured only
+ * for `position: 'inside'` (0 = first child, large = append).
+ */
+declare function applyTreeDrop(root: TreeNode, ctx: TreeDropApplyContext): TreeNode;
+/** Build a synthetic `TreeDropTarget` for programmatic moves (see `TreeDataModel`). */
+declare function dropTargetFor(referenceKey: string, position: TreeDropPosition, index?: number): TreeDropTarget;
+//#endregion
 //#region src/tree/types.d.ts
 /** Tree layout/display configuration (tree-specific, not shared). */
 type TreeConfig = {
@@ -3333,6 +3458,7 @@ interface DataGridElementEventMap {
   'datagrid-cell-click': DataGridCellClickEvent;
   'datagrid-cell-edit': DataGridCellEditEvent;
   'datagrid-group-change': DataGridGroupChangeEvent;
+  'list-native-drag-start': ListNativeDragStartEvent<unknown>;
 }
 declare class DataGridElement extends LitElement {
   #private;
@@ -3374,6 +3500,17 @@ declare class DataGridElement extends LitElement {
    * disabled. See `docs/infra-incremental.md`.
    */
   searchModes: string | undefined;
+  /**
+   * Enable native browser drag-and-drop for selectable rows. When true,
+   * selectable rows become draggable and the grid emits
+   * `list-native-drag-start` when a drag begins.
+   */
+  itemsDraggable: boolean;
+  /**
+   * Custom drag preview renderer (synchronous). Defaults to the shared
+   * built-in HTML+canvas preview.
+   */
+  dragPreviewRenderer: ListDragPreviewRenderer<unknown> | undefined;
   private _columnFormatters;
   private _selectedKeys;
   private _scrollTop;
@@ -3656,8 +3793,20 @@ declare class VerticalListElement extends LitElement {
    * disabled. See `docs/infra-incremental.md`.
    */
   searchModes: string | undefined;
+  /**
+   * Enable native browser drag-and-drop for selectable items. When true,
+   * selectable rows become draggable and the list emits
+   * `list-native-drag-start` when a drag begins.
+   */
+  itemsDraggable: boolean;
+  /**
+   * Custom drag preview renderer (synchronous). Defaults to the shared
+   * built-in HTML+canvas preview.
+   */
+  dragPreviewRenderer: ListDragPreviewRenderer<Element> | undefined;
   private readonly selection;
   private tickled;
+  private _syncNativeDraggable;
   /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
   readonly search: ListSearchController<Element>;
   /** Command registry carrying this list's `list.search.*` commands. */
@@ -3727,6 +3876,7 @@ declare class VerticalListElement extends LitElement {
   private _createCustomCheckbox;
   private _findListItem;
   private _dispatch;
+  private _dispatchCancelable;
   private _onPointerOver;
   private _onPointerLeave;
   private _onKeyDown;
@@ -3740,7 +3890,10 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-vertical-list': VerticalListElement;
   }
-  interface HTMLElementEventMap extends ListElementEventMap {}
+  interface HTMLElementEventMap extends VerticalListElementEventMap {}
+}
+interface VerticalListElementEventMap extends ListElementEventMap {
+  'list-native-drag-start': ListNativeDragStartEvent<Element>;
 }
 //#endregion
 //#region src/detail-list/types.d.ts
@@ -3803,9 +3956,21 @@ declare class DetailListElement extends LitElement {
    * disabled. See `docs/infra-incremental.md`.
    */
   searchModes: string | undefined;
+  /**
+   * Enable native browser drag-and-drop for selectable items. When true,
+   * selectable rows become draggable and the list emits
+   * `list-native-drag-start` when a drag begins.
+   */
+  itemsDraggable: boolean;
+  /**
+   * Custom drag preview renderer (synchronous). Defaults to the shared
+   * built-in HTML+canvas preview.
+   */
+  dragPreviewRenderer: ListDragPreviewRenderer<Element> | undefined;
   private _listEl;
   private readonly selection;
   private tickled;
+  private _syncNativeDraggable;
   /** Incremental search (navigate / select / filter). See `docs/infra-incremental.md`. */
   readonly search: ListSearchController<Element>;
   /** Command registry carrying this list's `list.search.*` commands. */
@@ -3892,6 +4057,7 @@ declare class DetailListElement extends LitElement {
   private _createCustomCheckbox;
   private _findListItem;
   private _dispatch;
+  private _dispatchCancelable;
   private _onPointerOver;
   private _onPointerLeave;
   private _onKeyDown;
@@ -3906,7 +4072,10 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-detail-list': DetailListElement;
   }
-  interface HTMLElementEventMap extends ListElementEventMap {}
+  interface HTMLElementEventMap extends DetailListElementEventMap {}
+}
+interface DetailListElementEventMap extends ListElementEventMap {
+  'list-native-drag-start': ListNativeDragStartEvent<Element>;
 }
 //#endregion
 //#region src/dock/types.d.ts
@@ -5109,153 +5278,302 @@ declare global {
   }
 }
 //#endregion
-//#region src/grid-list/types.d.ts
-/**
- * Adapter for data-backed grid list mode.
- * @param T The type of data item.
- */
-type GridListDataAdapter<T> = {
-  key: (item: T, index: number) => string;
-  label?: (item: T, index: number) => string;
-  render: (item: T, index: number) => unknown;
-  disabled?: (item: T, index: number) => boolean;
-  searchableText?: (item: T, index: number) => string;
-};
-/**
- * Common detail for per-item events (activate, click, tickle), key-first in
- * BOTH element and data modes. `item` is the backward-compat field — Element in
- * element mode, T in data mode.
- */
-type GridListItemEventDetail<T = unknown> = {
-  readonly key: string;
-  readonly index: number;
-  readonly item: T | Element;
-  readonly element: Element | undefined;
-};
-/**
- * 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`).
- */
-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`;
+//#region src/interaction/keyed-list.d.ts
 /**
- * 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.
+ * Helpers for key-based selection on the Element-flavoured list components
+ * (`ixfx-vertical-list`, `ixfx-detail-list`, `ixfx-grid-list`).
+ *
+ * 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 GridListCaptionBackdrop = `scrim` | `gradient` | `blur` | `none`;
 /**
- * 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.
+ * The stable key for an item element: `data-key`, then `data-value`, else
+ * `undefined`.
  */
-type GridListOrientation = `grid` | `row` | `column`;
-interface GridListSelectDetail {
-  readonly selected: ReadonlySet<Element>;
-  readonly previous: ReadonlySet<Element>;
-  readonly selectedKeys: ReadonlySet<string>;
-  readonly previousKeys: ReadonlySet<string>;
-}
-type GridListSelectEvent = CustomEvent<GridListSelectDetail>;
+declare function keyForElement(el: Element): string | undefined;
 /**
- * `item` is the backward-compatible field: the light-DOM `Element` in element
- * mode, the data value `T` in data mode. Use `element` when you specifically
- * need the DOM node (`undefined` in data mode). `key` / `index` are the stable
- * contract in both modes.
+ * 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()`.
+ *
+ * ```ts
+ * #keyIndex = new KeyedElementIndex(this);
+ * // ...
+ * const el = this.#keyIndex.get(`row-42`);
+ * // on disconnect:
+ * this.#keyIndex.dispose();
+ * ```
  */
-interface GridListActivateDetail {
-  readonly item: unknown;
-  readonly key: string;
-  readonly index: number;
-  readonly element: Element | undefined;
-}
-type GridListActivateEvent = CustomEvent<GridListActivateDetail>;
-interface GridListItemClickDetail {
-  readonly item: unknown;
-  readonly key: string;
-  readonly index: number;
-  readonly element: Element | undefined;
-}
-type GridListItemClickEvent = CustomEvent<GridListItemClickDetail>;
-interface GridListTickleDetail {
-  readonly item: unknown;
-  readonly key: string;
-  readonly index: number;
-  readonly element: Element | undefined;
-}
-type GridListTickleEvent = CustomEvent<GridListTickleDetail>;
-interface GridListElementEventMap {
-  'list-select': GridListSelectEvent;
-  'list-activate': GridListActivateEvent;
-  'list-item-click': GridListItemClickEvent;
-  'list-tickle': GridListTickleEvent;
-}
-type GridListViewportChangeDetail = {
-  readonly renderedKeys: string[];
-  readonly visibleKeys: string[];
-};
-type GridListViewportChangeEvent = CustomEvent<GridListViewportChangeDetail>;
-interface GridListNativeDragStartDetail<T = unknown> {
-  readonly key: string;
-  readonly index: number;
-  readonly item: T | Element;
-  readonly selectedKeys: readonly string[];
-}
-type GridListNativeDragStartEvent<T = unknown> = CustomEvent<GridListNativeDragStartDetail<T>>;
-interface GridListFullElementEventMap extends GridListElementEventMap {
-  'grid-list-viewport-change': GridListViewportChangeEvent;
-  'grid-list-native-drag-start': GridListNativeDragStartEvent;
+declare class KeyedElementIndex {
+  #private;
+  /**
+   * @param root Container whose descendants are indexed.
+   * @param itemSelector Which descendants count as items (default: any `[data-key]`).
+   */
+  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-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;
-};
+//#region src/interaction/list-drag-preview-default.d.ts
+/** Caption for a drag entry — element labels win, then string items, then common object fields, then the key. */
+declare function captionForEntry(entry: ListDragEntry<unknown>): string;
 /**
- * Configuration supplied by the host component.
+ * Uniform built-in HTML+canvas drag preview for all four list components.
  *
- * The controller owns selection *state* only — everything DOM- or
- * component-specific is expressed through these callbacks.
+ * - ≤5 selected → a row of small cards (thumbnail well + caption).
+ * - >5 selected → a compact list (`N items` header, up to 5 rows, `+N more`).
+ *
+ * Always returns an offscreen `element` for `DataTransfer.setDragImage()` and,
+ * when a 2D context is available, a DPR-aware painted `canvas` for native
+ * hosts. Colours track the active theme via `ctx.hostStyle` CSS variables.
  */
-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;
+declare function createDefaultListDragPreview<T>(ctx: ListDragPreviewContext<T>): ListDragPreview;
+//#endregion
+//#region src/interaction/list-drag-select-controller.d.ts
+/** Surface-relative rectangle: origin at the scroll container's top-left. */
+type DragSelectRect = {
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+};
+type ListDragSelectControllerConfig<T> = {
+  /** Element the marquee is drawn in and pointer geometry is measured against. */
+  getSurface: () => HTMLElement | undefined;
+  /** Is drag-select currently allowed? (multi-capable, has items, not disabled) */
+  isEnabled: () => boolean;
+  /** Pointer types that may start a drag. Default ['mouse', 'pen'] — touch still scrolls. */
+  pointerTypes?: readonly string[];
+  /** Movement in px before a press becomes a drag. Default 4. */
+  threshold?: number;
+  /** Map a surface-relative rect to covered items. */
+  hitTest: (rect: DragSelectRect) => Iterable<T>;
   /**
-   * Fired after every selection change. The host syncs DOM state
-   * (`data-selected` / `data-checked`), dispatches `list-select`, and
-   * requests an update.
+   * Selection snapshotted when the drag starts, combined with the hit set
+   * while modifiers are held: Shift adds (`base + hit`), Cmd / Ctrl inverts
+   * (covered items toggle, the rest is untouched).
    */
-  readonly onChange: (selected: ReadonlySet<T>, previous: ReadonlySet<T>) => void;
+  getBaseSelection: () => ReadonlySet<T>;
+  /** Continuous visual feedback: the preview set + current rect (undefined when idle). */
+  onPreview: (preview: ReadonlySet<T>, rect: DragSelectRect | undefined) => void;
   /**
-   * Optional: derive a stable string key for an item. Enables `selectedKeys`
-   * and `selectKeys()`. When omitted, `selectedKeys` is always empty.
+   * Fired once on release with the final set. Host applies it to its
+   * selection. `additive` is `true` when the drag ran with Shift (add) or
+   * Cmd / Ctrl (invert) held.
    */
-  readonly getKey?: (item: T) => string | undefined;
+  onCommit: (finalSet: ReadonlySet<T>, info: {
+    additive: boolean;
+  }) => void;
+  /** Optional: scroll the surface when the pointer nears an edge during a drag. */
+  autoScroll?: (dx: number, dy: number) => void;
+  /**
+   * Optional predicate called on pointerdown before the controller records its
+   * pointer id or later calls setPointerCapture/preventDefault. Return false
+   * to yield to another gesture (e.g. native item drag).
+   */
+  shouldStart?: (event: PointerEvent) => boolean;
+};
+type DragHost$1 = ReactiveControllerHost & HTMLElement;
+/**
+ * Shared pointer-drag (marquee / rubber-band) selection for list components.
+ *
+ * Owns all pointer plumbing and rectangle state; knows nothing about DOM
+ * geometry or the selection model — those are host callbacks. Mirrors the
+ * `TickledController` attach pattern (`new ListDragSelectController(this, …)`).
+ *
+ * Behaviour: `pointerdown` on the surface records a start point; once the
+ * pointer moves past `threshold`, the surface captures the pointer and every
+ * move recomputes the rect, hit-tests, and calls `onPreview`. On release the
+ * final set is delivered once via `onCommit`. A press that never crosses the
+ * threshold does nothing (the normal `@click` path runs).
+ */
+declare class ListDragSelectController<T> implements ReactiveController {
+  #private;
+  constructor(host: DragHost$1, config: ListDragSelectControllerConfig<T>);
+  /** `true` while a drag is in progress or its trailing click is still pending. */
+  get isDragging(): boolean;
+  /** `true` once the press has crossed the threshold and a rect is live. */
+  get isActive(): boolean;
+  hostConnected(): void;
+  hostDisconnected(): void;
+  /** Re-bind when the surface element appears/changes (e.g. first render). */
+  hostUpdated(): 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 {
+  /**
+   * 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}.
+   */
+  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;
+/**
+ * Result of {@link animateListItemOut}: a promise that resolves once the
+ * animation finishes, carrying the underlying `Animation` handle (if any) so
+ * callers can `cancel()` superseded work. Awaiting / `.then()` behaves like
+ * the previous `Promise<void>` return type.
+ */
+type ListItemOutResult = Promise<void> & {
+  /** The running collapse animation, or `undefined` under reduced motion / zero size. */
+  animation: Animation | undefined;
+};
+/**
+ * Start the collapse + fade-out animation for `el` and return the handle.
+ * Returns `undefined` when no animation was started (reduced motion or zero
+ * size). The caller owns the handle and must `cancel()` it if the removal is
+ * reversed — a retained `fill: forwards` frame otherwise keeps overriding the
+ * element's ordinary CSS indefinitely.
+ */
+declare function startListItemOutAnimation(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.
+ *
+ * The returned promise carries an `.animation` handle. If the removal is
+ * reversed (the same key becomes visible again), cancel that handle so its
+ * filled final frame stops overriding the reused element's style.
+ */
+declare function animateListItemOut(el: HTMLElement, options?: ListItemMotionOptions): ListItemOutResult;
+//#endregion
+//#region src/interaction/list-native-drag-controller.d.ts
+type ListNativeDragControllerConfig<T> = {
+  readonly source: ListDragSource;
+  /** `itemsDraggable && selection usable` */
+  isEnabled: () => boolean;
+  /** Event target → item key, or `undefined` when the drag did not start on an item. */
+  resolveEventToKey: (target: EventTarget | null) => string | undefined;
+  /**
+   * Apply the origin rule (origin ∉ selection ⇒ replace with origin); return
+   * display-ordered `{ origin, selected }` for both modes, or `undefined` when
+   * the origin is not selectable.
+   */
+  prepareSelection: (originKey: string) => {
+    origin: ListDragEntry<T>;
+    selected: Array<ListDragEntry<T>>;
+  } | undefined;
+  getMetrics: () => ListDragPreviewContext<T>[`metrics`];
+  getRenderer: () => ListDragPreviewRenderer<T> | undefined;
+  /** Fire the cancelable `list-native-drag-start`; return `!defaultPrevented`. */
+  dispatch: (detail: ListNativeDragStartDetail<T>) => boolean;
+  /**
+   * Optional: write custom payloads onto the drag's `DataTransfer` (e.g. a
+   * MIME type for same-app drops). Called once, after a non-cancelled dispatch,
+   * inside the synchronous `dragstart` turn.
+   */
+  writeDataTransfer?: (dataTransfer: DataTransfer, detail: ListNativeDragStartDetail<T>) => void;
+  /** Host toggles `data-native-dragging` / `aria-label`, re-renders. */
+  onActiveChange: (active: boolean, originKey?: string) => void;
+  /** Host clears state + starts its post-drag click-suppress timer. */
+  onEnd: () => void;
+  /** Optional: sync `draggable` on light-DOM / slotted children while enabled. */
+  syncLightDomDraggable?: () => void;
+};
+type DragHost = ReactiveControllerHost & HTMLElement;
+/**
+ * Shared native item/row drag-out for list components.
+ *
+ * Owns capture-phase `dragstart` / `dragend` listeners on the host and its
+ * render root, a `MutationObserver` that keeps light-DOM / slotted item `draggable`
+ * attributes in sync, and a single post-dispatch disposal on
+ * `requestAnimationFrame`. All DOM / selection knowledge lives in the host
+ * config callbacks.
+ */
+declare class ListNativeDragController<T> implements ReactiveController {
+  #private;
+  constructor(host: DragHost, config: ListNativeDragControllerConfig<T>);
+  get isDragging(): boolean;
+  /** `"true"` when enabled, else `"false"` — for shadow-row template bindings. */
+  get draggableAttr(): string;
+  /** Re-run the light-DOM `draggable` sync (e.g. after `itemsDraggable` flips). */
+  refreshDraggable(): void;
+  hostConnected(): void;
+  /** `renderRoot` does not exist yet at `hostConnected` for a shadow-DOM host — rebind once it does. */
+  hostUpdated(): void;
+  hostDisconnected(): void;
+}
+//#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;
+};
+type ListSelectionModes = {
+  readonly selectionMode: ListSelectionMode;
+  readonly interactionMode: ListInteractionMode;
+};
+/**
+ * Configuration supplied by the host component.
+ *
+ * The controller owns selection *state* only — everything DOM- or
+ * component-specific is expressed through these callbacks.
+ */
+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;
+  /**
+   * Optional: derive a stable string key for an item. Enables `selectedKeys`
+   * and `selectKeys()`. When omitted, `selectedKeys` is always empty.
+   */
+  readonly getKey?: (item: T) => string | undefined;
 };
 /** Whether the interaction mode allows building a multi-item selection. */
 declare function isMultiMode(mode: ListInteractionMode): boolean;
@@ -5590,6 +5908,189 @@ declare class TickledController<T = number> implements ReactiveController {
   setInputMode(mode: InputMode): void;
 }
 //#endregion
+//#region src/interaction/tickled-styles.d.ts
+/**
+ * Shared CSS styles for tickled interaction pattern.
+ *
+ * Tickled state is controlled via the `.tickled` CSS class (applied by TickledController).
+ * The `tickledItemStyles` provides base styling that all tickled components should use.
+ *
+ * ## CSS Variable Contract
+ *
+ * **Style variables** — `tickledItemStyles` only consumes these via `var()`; it
+ * defines no defaults itself. Fallback values (used when no theme CSS is loaded)
+ * are registered in `themeFallbacks` (`../styles/fallbacks.ts`) and mirror the
+ * documented base theme in `user-theming.md`:
+ * - `--item-bg`, `--item-bg-tickled`, `--item-bg-selected`, `--item-bg-selected-tickled`
+ * - `--item-border`, `--item-border-tickled`, `--item-border-selected` (full border shorthands, not colours)
+ * - `--item-text-tickled`, `--item-text-selected`
+ * - `--item-padding`, `--item-border-radius`, `--item-icon-spacing`
+ *
+ * ## Usage
+ *
+ * Components should import both `tickledStyles` and `tickledItemStyles`:
+ *
+ * ```ts
+ * import { tickledStyles, tickledItemStyles } from '../interaction/index.js';
+ *
+ * class MyComponent extends LitElement {
+ *   static styles = [
+ *     tickledStyles,
+ *     tickledItemStyles,
+ *     css`
+ *       :host {
+ *         --item-bg-tickled: #e0e0e0;
+ *         --item-bg-selected: #1976d2;
+ *       }
+ *     `
+ *   ];
+ * }
+ * ```
+ */
+declare const tickledStyles: CSSResult;
+/**
+ * Shared item styling for tickled components.
+ *
+ * Provides base styles for interactive items with tickled and selected states.
+ * Components should import this in addition to `tickledStyles` and can override
+ * CSS variables to customize appearance.
+ */
+declare const tickledItemStyles: CSSResult;
+//#endregion
+//#region src/interaction/tree-keyboard-controller.d.ts
+type TreeKeyboardNavItemId = string;
+type TreeKeyboardNavCallbacks = {
+  getItems: () => ReadonlyArray<TickledItem<TreeKeyboardNavItemId>>;
+  onExpand: (id: TreeKeyboardNavItemId) => void;
+  onCollapse: (id: TreeKeyboardNavItemId) => void;
+  onActivate: (id: TreeKeyboardNavItemId) => void;
+  onSelect?: (id: TreeKeyboardNavItemId) => void;
+  onEscape?: () => void;
+  isLeaf: (id: TreeKeyboardNavItemId) => boolean;
+  isExpanded: (id: TreeKeyboardNavItemId) => boolean;
+  getParentId?: (id: TreeKeyboardNavItemId) => TreeKeyboardNavItemId | undefined;
+};
+type TreeKeyboardNavControllerConfig = {
+  callbacks: TreeKeyboardNavCallbacks;
+  disableKeyboardNavigation?: () => boolean;
+};
+declare class TreeKeyboardNavController implements ReactiveController {
+  #private;
+  private host;
+  private tickled;
+  private callbacks;
+  private disableKeyboardNavigation;
+  constructor(host: ReactiveControllerHost, tickled: TickledController<TreeKeyboardNavItemId>, config: TreeKeyboardNavControllerConfig);
+  hostConnected(): void;
+  hostDisconnected(): void;
+  handleKeyDown: (event: KeyboardEvent) => void;
+}
+//#endregion
+//#region src/grid-list/types.d.ts
+/**
+ * Adapter for data-backed grid list mode.
+ * @param T The type of data item.
+ */
+type GridListDataAdapter<T> = {
+  key: (item: T, index: number) => string;
+  label?: (item: T, index: number) => string;
+  render: (item: T, index: number) => unknown;
+  disabled?: (item: T, index: number) => boolean;
+  searchableText?: (item: T, index: number) => string;
+};
+/**
+ * Common detail for per-item events (activate, click, tickle), key-first in
+ * BOTH element and data modes. `item` is the backward-compat field — Element in
+ * element mode, T in data mode.
+ */
+type GridListItemEventDetail<T = unknown> = {
+  readonly key: string;
+  readonly index: number;
+  readonly item: T | Element;
+  readonly element: Element | undefined;
+};
+/**
+ * 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`).
+ */
+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`;
+/**
+ * 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 GridListCaptionBackdrop = `scrim` | `gradient` | `blur` | `none`;
+/**
+ * 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 GridListOrientation = `grid` | `row` | `column`;
+interface GridListSelectDetail {
+  readonly selected: ReadonlySet<Element>;
+  readonly previous: ReadonlySet<Element>;
+  readonly selectedKeys: ReadonlySet<string>;
+  readonly previousKeys: ReadonlySet<string>;
+}
+type GridListSelectEvent = CustomEvent<GridListSelectDetail>;
+/**
+ * `item` is the backward-compatible field: the light-DOM `Element` in element
+ * mode, the data value `T` in data mode. Use `element` when you specifically
+ * need the DOM node (`undefined` in data mode). `key` / `index` are the stable
+ * contract in both modes.
+ */
+interface GridListActivateDetail {
+  readonly item: unknown;
+  readonly key: string;
+  readonly index: number;
+  readonly element: Element | undefined;
+}
+type GridListActivateEvent = CustomEvent<GridListActivateDetail>;
+interface GridListItemClickDetail {
+  readonly item: unknown;
+  readonly key: string;
+  readonly index: number;
+  readonly element: Element | undefined;
+}
+type GridListItemClickEvent = CustomEvent<GridListItemClickDetail>;
+interface GridListTickleDetail {
+  readonly item: unknown;
+  readonly key: string;
+  readonly index: number;
+  readonly element: Element | undefined;
+}
+type GridListTickleEvent = CustomEvent<GridListTickleDetail>;
+interface GridListElementEventMap {
+  'list-select': GridListSelectEvent;
+  'list-activate': GridListActivateEvent;
+  'list-item-click': GridListItemClickEvent;
+  'list-tickle': GridListTickleEvent;
+}
+type GridListViewportChangeDetail = {
+  readonly renderedKeys: string[];
+  readonly visibleKeys: string[];
+};
+type GridListViewportChangeEvent = CustomEvent<GridListViewportChangeDetail>;
+interface GridListFullElementEventMap extends GridListElementEventMap {
+  'grid-list-viewport-change': GridListViewportChangeEvent;
+  'list-native-drag-start': ListNativeDragStartEvent;
+}
+//#endregion
 //#region src/pan-text/pan-text.d.ts
 type PanTextMode = `hover` | `loop`;
 declare class PanTextElement extends LitElement {
@@ -5714,9 +6215,16 @@ declare class GridListElement<T = unknown> extends LitElement {
   /**
    * Enable native browser drag-and-drop for selectable items. When true,
    * selectable cells become draggable and the grid emits
-   * `grid-list-native-drag-start` when a drag begins.
+   * `list-native-drag-start` when a drag begins.
    */
   itemsDraggable: boolean;
+  /**
+   * Custom drag preview renderer. Receives the selection snapshot and returns
+   * an element for `DataTransfer.setDragImage()` plus an optional pre-painted
+   * canvas for native hosts. Synchronous by contract — pre-decode thumbnails
+   * as selection changes. Defaults to the shared built-in preview.
+   */
+  dragPreviewRenderer: ListDragPreviewRenderer<T> | undefined;
   searchModes: string | undefined;
   /**
    * Data items for data-backed mode. When set along with `itemAdapter`, the
@@ -6027,6 +6535,21 @@ declare class TreeBaseElement extends LitElement implements TreeComponent, TreeS
    * disabled. See `docs/infra-incremental.md`.
    */
   searchModes: string | undefined;
+  itemDnd: TreeDndMode;
+  acceptDropTypes: string | undefined;
+  dndExpandHoverMs: number;
+  /**
+   * Whether a drag that only reorders siblings (no dragged node changes parent)
+   * is honoured. Default `true`. Set `reorderable="false"` for models with no
+   * meaningful child order (e.g. a filesystem) — pure-reorder drags then get no
+   * drop indicator and emit no `tree-drop`. Reparenting is unaffected.
+   */
+  reorderable: boolean;
+  dragPreviewRenderer: ListDragPreviewRenderer<TreeNode> | undefined;
+  canDrag: ((ctx: TreeDragContext) => boolean) | undefined;
+  canDrop: ((ctx: TreeDropContext) => boolean) | undefined;
+  parseExternalDrop: ((dt: DataTransfer) => TreeNode[] | undefined) | undefined;
+  applyInternalDrop: boolean;
   protected _expandedKeys: Set<string>;
   protected tickled: TickledController<string>;
   protected _focusedDepth: number;
@@ -6035,6 +6558,10 @@ declare class TreeBaseElement extends LitElement implements TreeComponent, TreeS
     node: TreeNode;
     depth: number;
   }>;
+  protected get nativeDrag(): ListNativeDragController<TreeNode>;
+  protected get dropState(): TreeDropTarget | undefined;
+  /** Keys of the nodes currently being dragged out of this tree. */
+  protected get nativeDragKeys(): ReadonlySet<string>;
   willUpdate(changedProps: PropertyValues): void;
   /** True while `node` is a fading ghost row (removed / collapsed, still animating out). */
   protected _isLeaving(node: TreeNode): boolean;
@@ -6072,6 +6599,14 @@ declare class TreeBaseElement extends LitElement implements TreeComponent, TreeS
   protected get _pendingNode(): TreeNode | undefined;
   protected renderLoadingIndicator(): TemplateResult | typeof nothing;
   protected render(): TemplateResult<1>;
+  /** Shared drag-and-drop render state for a row, used by every `_renderNode` variant. */
+  protected _dndRowState(node: TreeNode): {
+    draggable: boolean;
+    dragging: boolean;
+    dropTarget: boolean;
+    dropPosition?: TreeDropTarget[`position`];
+    dropDepth?: number;
+  };
   protected _renderNode(node: TreeNode, depth: number): TemplateResult;
   static styles: CSSResult[];
 }
@@ -6088,6 +6623,11 @@ interface TreeBaseElementEventMap extends TreeComponentEventMap {
   'select': TreeSelectEvent;
   'tickle': TreeTickleEvent;
   'activate': TreeActivateEvent;
+  'list-native-drag-start': CustomEvent<ListNativeDragStartDetail<TreeNode>>;
+  'tree-drag-start': TreeDragStartEvent;
+  'tree-drag-over': TreeDragOverEvent;
+  'tree-drop': TreeDropEvent;
+  'tree-drag-end': TreeDragEndEvent;
 }
 interface TreeBaseElement {
   addEventListener: (<K extends keyof TreeBaseElementEventMap>(type: K, listener: (this: TreeBaseElement, event: TreeBaseElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
@@ -6412,251 +6952,6 @@ 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
-/**
- * Helpers for key-based selection on the Element-flavoured list components
- * (`ixfx-vertical-list`, `ixfx-detail-list`, `ixfx-grid-list`).
- *
- * 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.
- */
-/**
- * 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()`.
- *
- * ```ts
- * #keyIndex = new KeyedElementIndex(this);
- * // ...
- * const el = this.#keyIndex.get(`row-42`);
- * // on disconnect:
- * this.#keyIndex.dispose();
- * ```
- */
-declare class KeyedElementIndex {
-  #private;
-  /**
-   * @param root Container whose descendants are indexed.
-   * @param itemSelector Which descendants count as items (default: any `[data-key]`).
-   */
-  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-drag-select-controller.d.ts
-/** Surface-relative rectangle: origin at the scroll container's top-left. */
-type DragSelectRect = {
-  readonly x: number;
-  readonly y: number;
-  readonly width: number;
-  readonly height: number;
-};
-type ListDragSelectControllerConfig<T> = {
-  /** Element the marquee is drawn in and pointer geometry is measured against. */
-  getSurface: () => HTMLElement | undefined;
-  /** Is drag-select currently allowed? (multi-capable, has items, not disabled) */
-  isEnabled: () => boolean;
-  /** Pointer types that may start a drag. Default ['mouse', 'pen'] — touch still scrolls. */
-  pointerTypes?: readonly string[];
-  /** Movement in px before a press becomes a drag. Default 4. */
-  threshold?: number;
-  /** Map a surface-relative rect to covered items. */
-  hitTest: (rect: DragSelectRect) => Iterable<T>;
-  /**
-   * Selection snapshotted when the drag starts, combined with the hit set
-   * while modifiers are held: Shift adds (`base + hit`), Cmd / Ctrl inverts
-   * (covered items toggle, the rest is untouched).
-   */
-  getBaseSelection: () => ReadonlySet<T>;
-  /** Continuous visual feedback: the preview set + current rect (undefined when idle). */
-  onPreview: (preview: ReadonlySet<T>, rect: DragSelectRect | undefined) => void;
-  /**
-   * Fired once on release with the final set. Host applies it to its
-   * selection. `additive` is `true` when the drag ran with Shift (add) or
-   * Cmd / Ctrl (invert) held.
-   */
-  onCommit: (finalSet: ReadonlySet<T>, info: {
-    additive: boolean;
-  }) => void;
-  /** Optional: scroll the surface when the pointer nears an edge during a drag. */
-  autoScroll?: (dx: number, dy: number) => void;
-  /**
-   * Optional predicate called on pointerdown before the controller records its
-   * pointer id or later calls setPointerCapture/preventDefault. Return false
-   * to yield to another gesture (e.g. native item drag).
-   */
-  shouldStart?: (event: PointerEvent) => boolean;
-};
-type DragHost = ReactiveControllerHost & HTMLElement;
-/**
- * Shared pointer-drag (marquee / rubber-band) selection for list components.
- *
- * Owns all pointer plumbing and rectangle state; knows nothing about DOM
- * geometry or the selection model — those are host callbacks. Mirrors the
- * `TickledController` attach pattern (`new ListDragSelectController(this, …)`).
- *
- * Behaviour: `pointerdown` on the surface records a start point; once the
- * pointer moves past `threshold`, the surface captures the pointer and every
- * move recomputes the rect, hit-tests, and calls `onPreview`. On release the
- * final set is delivered once via `onCommit`. A press that never crosses the
- * threshold does nothing (the normal `@click` path runs).
- */
-declare class ListDragSelectController<T> implements ReactiveController {
-  #private;
-  constructor(host: DragHost, config: ListDragSelectControllerConfig<T>);
-  /** `true` while a drag is in progress or its trailing click is still pending. */
-  get isDragging(): boolean;
-  /** `true` once the press has crossed the threshold and a rect is live. */
-  get isActive(): boolean;
-  hostConnected(): void;
-  hostDisconnected(): void;
-  /** Re-bind when the surface element appears/changes (e.g. first render). */
-  hostUpdated(): 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 {
-  /**
-   * 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}.
-   */
-  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
-/**
- * Shared CSS styles for tickled interaction pattern.
- *
- * Tickled state is controlled via the `.tickled` CSS class (applied by TickledController).
- * The `tickledItemStyles` provides base styling that all tickled components should use.
- *
- * ## CSS Variable Contract
- *
- * **Style variables** — `tickledItemStyles` only consumes these via `var()`; it
- * defines no defaults itself. Fallback values (used when no theme CSS is loaded)
- * are registered in `themeFallbacks` (`../styles/fallbacks.ts`) and mirror the
- * documented base theme in `user-theming.md`:
- * - `--item-bg`, `--item-bg-tickled`, `--item-bg-selected`, `--item-bg-selected-tickled`
- * - `--item-border`, `--item-border-tickled`, `--item-border-selected` (full border shorthands, not colours)
- * - `--item-text-tickled`, `--item-text-selected`
- * - `--item-padding`, `--item-border-radius`, `--item-icon-spacing`
- *
- * ## Usage
- *
- * Components should import both `tickledStyles` and `tickledItemStyles`:
- *
- * ```ts
- * import { tickledStyles, tickledItemStyles } from '../interaction/index.js';
- *
- * class MyComponent extends LitElement {
- *   static styles = [
- *     tickledStyles,
- *     tickledItemStyles,
- *     css`
- *       :host {
- *         --item-bg-tickled: #e0e0e0;
- *         --item-bg-selected: #1976d2;
- *       }
- *     `
- *   ];
- * }
- * ```
- */
-declare const tickledStyles: CSSResult;
-/**
- * Shared item styling for tickled components.
- *
- * Provides base styles for interactive items with tickled and selected states.
- * Components should import this in addition to `tickledStyles` and can override
- * CSS variables to customize appearance.
- */
-declare const tickledItemStyles: CSSResult;
-//#endregion
-//#region src/interaction/tree-keyboard-controller.d.ts
-type TreeKeyboardNavItemId = string;
-type TreeKeyboardNavCallbacks = {
-  getItems: () => ReadonlyArray<TickledItem<TreeKeyboardNavItemId>>;
-  onExpand: (id: TreeKeyboardNavItemId) => void;
-  onCollapse: (id: TreeKeyboardNavItemId) => void;
-  onActivate: (id: TreeKeyboardNavItemId) => void;
-  onSelect?: (id: TreeKeyboardNavItemId) => void;
-  onEscape?: () => void;
-  isLeaf: (id: TreeKeyboardNavItemId) => boolean;
-  isExpanded: (id: TreeKeyboardNavItemId) => boolean;
-  getParentId?: (id: TreeKeyboardNavItemId) => TreeKeyboardNavItemId | undefined;
-};
-type TreeKeyboardNavControllerConfig = {
-  callbacks: TreeKeyboardNavCallbacks;
-  disableKeyboardNavigation?: () => boolean;
-};
-declare class TreeKeyboardNavController implements ReactiveController {
-  #private;
-  private host;
-  private tickled;
-  private callbacks;
-  private disableKeyboardNavigation;
-  constructor(host: ReactiveControllerHost, tickled: TickledController<TreeKeyboardNavItemId>, config: TreeKeyboardNavControllerConfig);
-  hostConnected(): void;
-  hostDisconnected(): void;
-  handleKeyDown: (event: KeyboardEvent) => void;
-}
-//#endregion
 //#region src/radial-input/types.d.ts
 /**
  * Type definitions for radial input component
@@ -9223,6 +9518,71 @@ declare class TreeController<T> {
   navigateToValue(predicate: (value: T) => boolean): boolean;
 }
 //#endregion
+//#region src/tree/tree-drop-controller.d.ts
+interface TreeDropVisibleRow {
+  readonly key: string;
+  readonly node: TreeNode;
+  readonly depth: number;
+  readonly rect: DOMRect;
+}
+/** What a `dragover` / `drop` DataTransfer resolved to for this tree. */
+interface TreeDropResolvedDrag {
+  readonly source: `internal` | `external`;
+  /** Keys of the dragged nodes (empty for external). */
+  readonly keys: readonly string[];
+  /** The dragged nodes — live nodes for internal, parsed payload for external. */
+  readonly nodes: readonly TreeNode[];
+}
+type TreeDropControllerConfig = {
+  getDndMode: () => `none` | `internal` | `external` | `both`;
+  getExpandHoverMs: () => number;
+  /** Visible rows in display order, each with a fresh viewport rect. Host may cache. */
+  getVisibleRows: () => TreeDropVisibleRow[];
+  getIndentPx: () => number;
+  getScrollContainer: () => HTMLElement | undefined;
+  /** True when `key` is `ancestorKey` or a descendant of it. */
+  isSelfOrDescendant: (ancestorKey: string, key: string) => boolean;
+  /** True when the node is currently expanded in the UI. */
+  isExpanded: (key: string) => boolean;
+  /**
+   * When `false`, an internal drop that would not change any dragged node's
+   * parent (pure sibling reorder, or dropping back into the current parent) is
+   * rejected outright — no indicator, no `tree-drop`.
+   */
+  isReorderAllowed: () => boolean;
+  /** Current parent key of `key`, or `undefined` for a root-level node. */
+  getParentKey: (key: string) => string | undefined;
+  /**
+   * Decide whether this DataTransfer is acceptable and resolve the dragged set.
+   * `phase` is `hover` during dragenter/dragover (DataTransfer is read-protected —
+   * resolve internal drags from the drag registry) and `drop` during drop
+   * (getData is readable; external payloads may be parsed here). Return
+   * `undefined` to reject (the tree will not become a drop target).
+   */
+  resolveDrag: (dataTransfer: DataTransfer, phase: `hover` | `drop`) => TreeDropResolvedDrag | undefined;
+  vet: (ctx: TreeDropContext) => boolean;
+  expandKey: (key: string) => void;
+  /** Fired whenever the resolved drop target changes (undefined = none / rejected). */
+  onDropStateChange: (state: TreeDropTarget | undefined) => void;
+  /** Fired when a drag enters / leaves this tree. */
+  onActiveChange: (active: boolean) => void;
+  commitDrop: (detail: TreeDropDetail) => boolean;
+  onDragEnd: (dropped: boolean) => void;
+};
+declare class TreeDropController implements ReactiveController {
+  #private;
+  constructor(host: ReactiveControllerHost & HTMLElement, config: TreeDropControllerConfig);
+  /** A drag is currently over this tree. */
+  get isDragging(): boolean;
+  /** A drag is over this tree but the current position is not a valid drop. */
+  get isRejected(): boolean;
+  get dropState(): TreeDropTarget | undefined;
+  hostConnected(): void;
+  /** Bind once the shadow `#container` exists (it does not yet at `hostConnected`). */
+  hostUpdated(): void;
+  hostDisconnected(): void;
+}
+//#endregion
 //#region src/twosplit-layout/split-layout.d.ts
 /**
  * Lays out two elements within a container, with a bar to resize them
@@ -9370,5 +9730,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, BottomDrawerCloseEvent, BottomDrawerCommand, BottomDrawerElement, BottomDrawerElementEventMap, BottomDrawerResizeDetail, BottomDrawerResizeEvent, 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, type DataListSearchAdapterOptions, type DataListSearchItem, 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, DockLeafPlacementPolicy, DockLeafPlacementPolicyResolved, DockLeafRef, DockNeighbours, DockNode, DockOperation, DockPanelActivatedDetail, DockPanelActivatedEvent, DockPanelAddedDetail, DockPanelAddedEvent, DockPanelDragStartDetail, DockPanelDragStartEvent, DockPanelElement, DockPanelElementEventMap, DockPanelInit, DockPanelRemovedDetail, DockPanelRemovedEvent, DockPanelSnapshot, DockPanelTearOutDetail, DockPanelTearOutEvent, DockRect, DockSplitNode, DockStackNode, type DragSelectRect, 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, type GridListDataAdapter, GridListElement, type GridListElementEventMap, type GridListFullElementEventMap, type GridListItemClickDetail, type GridListItemClickEvent, type GridListItemEventDetail, type GridListNativeDragStartDetail, type GridListNativeDragStartEvent, 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, LedMode, type ListActivateDetail, type ListActivateEvent, ListDragSelectController, type ListDragSelectControllerConfig, 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, PanTextMode, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupElementEventMap, PanelGroupOrientation, PanelGroupReorderDetail, PanelGroupReorderEvent, PanelInfo, PanelNode, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramInteractionMode, PlotHistogramOrientation, PlotHistogramSelectionChangeDetail, PlotHistogramSelectionChangeEvent, PlotHistogramSelectionRange, 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, TreeItemDblClickDetail, TreeItemDblClickEvent, 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, bottomDrawerCommandId, buildHighlightTargets, buildModel, clearHighlights, collectContainerNames, collectDataResult, collectPanelIds, collectStackPaths, computeColour, computeLeafGeoms, createAcCompletionProvider, createDataListSearchAdapter, 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, panelGapIndex, parseColourScaleAttr, parseLayout, pointerOverAnyHost, prefersReducedMotion, readBaseColour, registerFontIcon, registerIcon, registerListSearchCommands, 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, BottomDrawerCloseEvent, BottomDrawerCommand, BottomDrawerElement, BottomDrawerElementEventMap, BottomDrawerResizeDetail, BottomDrawerResizeEvent, 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, type DataListSearchAdapterOptions, type DataListSearchItem, DataProviderResult, DataTableElement, DataTableElementEventMap, DataTableRow, DataTableRowClickDetail, DataTableRowClickEvent, type DetailFormatter, DetailListElement, DetailListElementEventMap, type DetailSortComparator, type DetailSortItem, type DetailSortMode, DisplayTextLogic, DistributeResult, DockAddPanelTarget, DockAxis, DockChangeDetail, DockChangeEvent, DockDirection, DockDragBoundaryDetail, DockDragBoundaryEvent, DockDropTarget, type DockDropZone, DockEdge, DockHostElement, DockHostElementEventMap, DockLayout, DockLeafContentRules, DockLeafInfo, DockLeafPlacementPolicy, DockLeafPlacementPolicyResolved, DockLeafRef, DockNeighbours, DockNode, DockOperation, DockPanelActivatedDetail, DockPanelActivatedEvent, DockPanelAddedDetail, DockPanelAddedEvent, DockPanelDragStartDetail, DockPanelDragStartEvent, DockPanelElement, DockPanelElementEventMap, DockPanelInit, DockPanelRemovedDetail, DockPanelRemovedEvent, DockPanelSnapshot, DockPanelTearOutDetail, DockPanelTearOutEvent, DockRect, DockSplitNode, DockStackNode, type DragSelectRect, 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, type GridListDataAdapter, GridListElement, type GridListElementEventMap, type GridListFullElementEventMap, type GridListItemClickDetail, type GridListItemClickEvent, type GridListItemEventDetail, 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, LedMode, type ListActivateDetail, type ListActivateEvent, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, ListDragSelectController, type ListDragSelectControllerConfig, type ListDragSource, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListItemMotionOptions, type ListItemOutResult, ListNativeDragController, type ListNativeDragControllerConfig, type ListNativeDragStartDetail, type ListNativeDragStartEvent, 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, PanTextMode, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupElementEventMap, PanelGroupOrientation, PanelGroupReorderDetail, PanelGroupReorderEvent, PanelInfo, PanelNode, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramInteractionMode, PlotHistogramOrientation, PlotHistogramSelectionChangeDetail, PlotHistogramSelectionChangeEvent, PlotHistogramSelectionRange, 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, TreeDndMode, TreeDragContext, TreeDragEndEvent, TreeDragOverEvent, TreeDragStartEvent, TreeDropApplyContext, TreeDropContext, TreeDropController, TreeDropControllerConfig, TreeDropDetail, TreeDropEvent, TreeDropPosition, TreeDropResolvedDrag, TreeDropTarget, TreeDropVisibleRow, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, TreeItemDblClickDetail, TreeItemDblClickEvent, type TreeKeyboardNavCallbacks, TreeKeyboardNavController, type TreeKeyboardNavControllerConfig, type TreeKeyboardNavItemId, TreeListAdapterOptions, TreeListElement, type TreeListSearchAdapterOptions, TreeSearchHost, TreeSelectionFilter, TwoSplitLayoutElement, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, VerticalListElementEventMap, ViewRange, WhenSmall, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, addPanelToStack, animateListItemIn, animateListItemOut, applyAgeModification, applyHighlights, applySnapshot, applyTreeDrop, attachTimelineInteractions, bottomDrawerCommandId, buildHighlightTargets, buildModel, captionForEntry, clearHighlights, collectContainerNames, collectDataResult, collectPanelIds, collectStackPaths, computeColour, computeLeafGeoms, createAcCompletionProvider, createDataListSearchAdapter, createDefaultListDragPreview, createElementIncrSearch, createElementListSearchAdapter, createEmptyLayout, createEmptyStack, createFuzzySearch, createIncrSearch, createPillRenderer, createSplit, createStack, createTreeListAdapter, createTreeListSearchAdapter, createVerticalListAdapter, distribute, dropTargetFor, 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, panelGapIndex, parseColourScaleAttr, parseLayout, pointerOverAnyHost, prefersReducedMotion, pruneDraggedDescendants, readBaseColour, registerFontIcon, registerIcon, registerListSearchCommands, removePanelFromStack, resolveCssVars, resolveGrid, resolveLeafPath, resolveTracks, serializeLayout, setActive, setIconFont, startListItemOutAnimation, svgToDataUri, swapLeaves, tickledItemStyles, tickledStyles, timelineStyles, toSnapshot, walk, wrapRoot };
 //# sourceMappingURL=index.d.ts.map