@ixfx/components 0.15.3 → 0.15.4

package/dist/labelled-slider-input.d.ts

@@ -1,2 +1,2 @@
-import { t as LabelledSliderInput } from "./index-UvnoZUAo.js";
+import { t as LabelledSliderInput } from "./index-CJ5fshD3.js";
 export { LabelledSliderInput };

package/dist/list-group-header.d.ts

@@ -1,4 +1,4 @@
-import "./icon-CDGprSdE.js";
+import "./icon-DR_3rSyZ.js";
 import { LitElement } from "lit";
 //#region src/list-group-header/list-group-header.d.ts
 /**

package/dist/{list-native-drag-controller-NMspr0E1.d.ts → list-native-drag-controller-O2Nruqpi.d.ts}

@@ -1,4 +1,4 @@
-import { F as ListDragPreviewContext, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver, N as ListDragEntry, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-CDsYTBDi.js";
+import { F as ListDragPreviewContext, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver, N as ListDragEntry, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-C6UHO-w9.js";
 import { ReactiveController, ReactiveControllerHost } from "lit";
 //#region src/interaction/list-native-drag-controller.d.ts
 type ListNativeDragControllerConfig<T> = {

package/dist/{menu-item-bF6narIz.d.ts → menu-item-B0zqw2xp.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-CDGprSdE.js";
+import "./icon-DR_3rSyZ.js";
 import { LitElement } from "lit";
 import { CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
 //#region src/menu/menu-container.d.ts

package/dist/menu.d.ts

@@ -1,3 +1,3 @@
-import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-bF6narIz.js";
-import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-DxyyVqzA.js";
+import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-B0zqw2xp.js";
+import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-cnaRPQPp.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, type MenuFromTreeOptions, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/miller.d.ts

@@ -1,6 +1,6 @@
-import { A as TreeTickleEvent, D as TreeSelectDetail, E as TreeSearchHost, O as TreeSelectEvent, a as TreeComponent, b as TreeItemClickDetail, i as TreeCollapseEvent, j as TreeDataModel, k as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, r as TreeCollapseDetail, t as TreeActivateDetail, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-CDsYTBDi.js";
+import { A as TreeTickleEvent, D as TreeSelectDetail, E as TreeSearchHost, O as TreeSelectEvent, a as TreeComponent, b as TreeItemClickDetail, i as TreeCollapseEvent, j as TreeDataModel, k as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, r as TreeCollapseDetail, t as TreeActivateDetail, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-C6UHO-w9.js";
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
-import { S as ListSearchController } from "./index-BvoXLnBf.js";
+import { S as ListSearchController } from "./index-BPTuCRGb.js";
 import { n as TickledController } from "./tickled-controller-DodxD3eQ.js";
 import { LitElement, PropertyValues, TemplateResult, nothing } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";

package/dist/panel.d.ts

@@ -1,4 +1,4 @@
-import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, o as TitlebarToggleEvent, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-Tqu-VvMU.js";
+import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, o as TitlebarToggleEvent, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-B5zSTZnF.js";
 import { LitElement } from "lit";
 //#region src/panel/panel.d.ts
 /** Backwards-compatible aliases: canonical types now live in `../titlebar/titlebar.js`. */

package/dist/{split-layout-JK3xWVX2.d.ts → split-layout-C5SYbDrq.d.ts}

@@ -156,7 +156,7 @@ declare class SplitLayoutElement extends LitElement {
   private _onPointerUp;
   private _emitResize;
   private _emitChange;
-  protected render(): typeof nothing | import("lit").TemplateResult<1>;
+  protected render(): import("lit").TemplateResult<1> | typeof nothing;
   private _getTrackSizes;
   private _resolveTracks;
   private _renderGutter;

package/dist/split-layout.d.ts

@@ -1,2 +1,2 @@
-import { t as SplitLayoutElement } from "./split-layout-JK3xWVX2.js";
+import { t as SplitLayoutElement } from "./split-layout-C5SYbDrq.js";
 export { SplitLayoutElement };

package/dist/{tab-list-Df371rqw.d.ts → tab-list-wC0xNz1b.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-CDGprSdE.js";
+import "./icon-DR_3rSyZ.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 //#region src/tabs/tab-list-item.d.ts

package/dist/tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-Df371rqw.js";
+import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-wC0xNz1b.js";
 export { TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListReorderDetail, TabListReorderEvent };

package/dist/{titlebar-Tqu-VvMU.d.ts → titlebar-B5zSTZnF.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-CDGprSdE.js";
+import "./icon-DR_3rSyZ.js";
 import { LitElement } from "lit";
 //#region src/titlebar/titlebar.d.ts
 type TitlebarOrientation = `horizontal` | `vertical`;

package/dist/titlebar.d.ts

@@ -1,2 +1,2 @@
-import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-Tqu-VvMU.js";
+import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-B5zSTZnF.js";
 export { TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant };

package/dist/{tree-2_TRrLAV.js → tree-D8VxvR9u.js}

@@ -3,7 +3,7 @@ import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrA
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-JIhwB49y.js";
-import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
+import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
 import "./interaction-E-uMGHkJ.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { LitElement, css, html, nothing } from "lit";
@@ -1211,6 +1211,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		this.stickyHeaders = true;
 		this.virtualize = `auto`;
 		this.virtualizeThreshold = 200;
+		this.animation = `auto`;
 		this.applyInternalDrop = true;
 		this._expandedKeys = /* @__PURE__ */ new Set();
 		this.#structureVersion = 0;
@@ -1650,6 +1651,12 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 	#leaving;
 	#leavingAnimations;
 	#treeAnimReady;
+	/**
+	* Per-call animation override. When set (by methods like `expandAll` with `animate: false`),
+	* it takes precedence over the `animation` property for one update cycle.
+	* Cleared after each update.
+	*/
+	#animationOverride;
 	#dragSourceId;
 	#postDragSuppressTimer;
 	#dropState;
@@ -1901,6 +1908,11 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		return false;
 	}
 	#runItemAnimations() {
+		if (!this.#shouldAnimate()) {
+			this.#enteringKeys.clear();
+			this.#cancelAllLeavingAnimations();
+			this.#leaving.clear();
+		}
 		if (this.#enteringKeys.size > 0) {
 			for (const el of this.renderRoot.querySelectorAll(`.item`)) {
 				const key = el.dataset.key;
@@ -1944,6 +1956,17 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		for (const entry of visible) this.#lastNodeByKey.set(entry.node.item.key, entry);
 		this.#treeAnimReady = true;
 	}
+	/**
+	* Determines whether row enter/leave animations should run for this update.
+	* Checks the per-call `#animationOverride` first, then the `animation` property,
+	* and finally `prefersReducedMotion()`.
+	*/
+	#shouldAnimate() {
+		if (this.#animationOverride !== void 0) return this.#animationOverride;
+		if (this.animation === `never`) return false;
+		if (this.animation === `always`) return true;
+		return !prefersReducedMotion();
+	}
 	updated(changedProps) {
 		this.#rowsCache = void 0;
 		this.#syncVirtualObservers();
@@ -1994,6 +2017,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 			if (this.#measureMetrics()) queueMicrotask(() => this.requestUpdate());
 			this.#repaintSearchHighlights();
 		} else this.#runItemAnimations();
+		this.#animationOverride = void 0;
 	}
 	/** Highlights are painted on rendered labels, so they move with the window. */
 	#repaintSearchHighlights() {
@@ -2496,8 +2520,12 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 	* have loaded to expand further. Bulk expansion ignores `exclusivity`. Fires
 	* one `expand` event per branch that actually opens — none for branches that
 	* were already expanded, including ones opened by filter auto-expansion.
+	*
+	* @param maxDepth - Maximum depth to expand to
+	* @param animate - Whether to animate row enter/leave. When omitted, uses the `animation` property value.
 	*/
-	expandAll(maxDepth) {
+	expandAll(maxDepth, animate) {
+		this.#animationOverride = animate;
 		this.#bulkExpand(true, maxDepth);
 	}
 	/**
@@ -2505,8 +2533,12 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 	* branches at depth >= `maxDepth` are collapsed, leaving the tree open down
 	* to depth `maxDepth - 1` (`collapseAll(0)` is a full collapse). Fires one
 	* `collapse` event per branch that actually closes.
+	*
+	* @param maxDepth - Maximum depth to collapse from
+	* @param animate - Whether to animate row enter/leave. When omitted, uses the `animation` property value.
 	*/
-	collapseAll(maxDepth) {
+	collapseAll(maxDepth, animate) {
+		this.#animationOverride = animate;
 		this.#bulkExpand(false, maxDepth);
 	}
 	/** Shared bulk expand / collapse: one `_expandedKeys` write, per-node events for real changes only. */
@@ -2556,6 +2588,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		const prevSilent = this.#selectSilent;
 		this.#selectOrigin = `programmatic`;
 		this.#selectSilent = options.silent === true;
+		if (options.animate !== void 0) this.#animationOverride = options.animate;
 		try {
 			return this.#navigateTo(keys, options.reveal ?? `edge`);
 		} finally {
@@ -2587,15 +2620,17 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		this.#scrollKeyIntoView(keys.at(-1), reveal);
 		return true;
 	}
-	navigateToNode(predicate) {
+	navigateToNode(predicate, animate) {
 		if (!this.root?.children) return false;
+		if (animate !== void 0) this.#animationOverride = animate;
 		const keyPath = this.#findNodePath(this.root.children, predicate);
 		if (!keyPath) return false;
 		return this.navigateTo(keyPath);
 	}
 	/** Expand ancestors + move the cursor to `key`, without touching the selection (search "navigate" mode). */
-	revealKey(key) {
+	revealKey(key, animate) {
 		if (!this.root?.children) return false;
+		if (animate !== void 0) this.#animationOverride = animate;
 		const path = this.#findNodePath(this.root.children, (n) => n.item.key === key);
 		if (!path) return false;
 		for (let i = 0; i < path.length - 1; i++) {
@@ -3542,6 +3577,10 @@ __decorate([property({
 	type: Number,
 	attribute: `virtualize-threshold`
 })], TreeBaseElement.prototype, "virtualizeThreshold", void 0);
+__decorate([property({
+	reflect: true,
+	attribute: `animation`
+})], TreeBaseElement.prototype, "animation", void 0);
 __decorate([property({ attribute: false })], TreeBaseElement.prototype, "dragPreviewRenderer", void 0);
 __decorate([property({ attribute: false })], TreeBaseElement.prototype, "dragPreviewSource", void 0);
 __decorate([property({ attribute: false })], TreeBaseElement.prototype, "canDrag", void 0);

package/dist/{tree-component-CDsYTBDi.d.ts → tree-component-C6UHO-w9.d.ts}

@@ -220,6 +220,11 @@ type TreeNavigateOptions = {
   reveal?: TreeRevealMode;
   /** Suppress the `select` event this navigation would otherwise fire. */
   silent?: boolean;
+  /**
+   * Whether to animate row enter/leave for this operation.
+   * When omitted, uses the `animation` property value (`'auto'` by default).
+   */
+  animate?: boolean;
 };
 /**
  * Fired when the selection set changes by any means (click, keyboard, programmatic).
@@ -385,18 +390,22 @@ interface TreeComponent extends EventTarget {
    * Expand ancestors and select the node reached by following `keys` from the root's children.
    * Returns `true` if the path was found and applied.
    */
-  navigateTo: (keys: readonly string[]) => boolean;
+  navigateTo: (keys: readonly string[], options?: TreeNavigateOptions) => boolean;
   /**
    * Expand ancestors and select the first node for which `predicate` returns `true`.
    * Returns `true` if a matching node was found.
+   * @param predicate - Function to find the target node
+   * @param animate - Whether to animate row enter/leave. When omitted, uses the `animation` property value.
    */
-  navigateToNode: (predicate: (node: TreeNode) => boolean) => boolean;
+  navigateToNode: (predicate: (node: TreeNode) => boolean, animate?: boolean) => boolean;
   /**
    * Expand ancestors of the node with `key` and move the keyboard cursor to it,
    * scrolling it into view — **without** changing the selection. Returns `true`
    * if the node was found. Used by incremental-search "navigate" mode.
+   * @param key - Key of the node to reveal
+   * @param animate - Whether to animate row enter/leave. When omitted, uses the `animation` property value.
    */
-  revealKey: (key: string) => boolean;
+  revealKey: (key: string, animate?: boolean) => boolean;
   /** Replace the selection with `nodes` (subject to `selectionFilter`). Used by incremental-search "select" mode. */
   selectMany: (nodes: Iterable<TreeNode>) => void;
   /**

package/dist/tree.d.ts

@@ -1,4 +1,4 @@
-import { A as TreeTickleEvent, D as TreeSelectDetail, M as TreeDataModelOptions, O as TreeSelectEvent, T as TreeRevealMode, _ as TreeDropTarget, b as TreeItemClickDetail, c as TreeDragContext, d as TreeDragStartEvent, g as TreeDropPosition, h as TreeDropEvent, i as TreeCollapseEvent, j as TreeDataModel, k as TreeTickleDetail, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, r as TreeCollapseDetail, s as TreeDndMode, t as TreeActivateDetail, u as TreeDragOverEvent, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-CDsYTBDi.js";
+import { A as TreeTickleEvent, D as TreeSelectDetail, M as TreeDataModelOptions, O as TreeSelectEvent, T as TreeRevealMode, _ as TreeDropTarget, b as TreeItemClickDetail, c as TreeDragContext, d as TreeDragStartEvent, g as TreeDropPosition, h as TreeDropEvent, i as TreeCollapseEvent, j as TreeDataModel, k as TreeTickleDetail, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, r as TreeCollapseDetail, s as TreeDndMode, t as TreeActivateDetail, u as TreeDragOverEvent, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-C6UHO-w9.js";
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
-import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElementEventMap, f as TreeVirtualize, i as TreeDropRowInfo, l as TreeCheckboxState, n as TreeDropControllerConfig, o as TreeController, p as TreeConfig, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeBaseElement } from "./index-DuhzWWTr.js";
-export { type LoadChildrenCallback, type TreeActivateDetail, type TreeActivateEvent, TreeBaseElement, TreeBaseElementEventMap, type TreeCheckboxState, type TreeCollapseDetail, type TreeCollapseEvent, type TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, type TreeDataModelOptions, type TreeDndMode, type TreeDragContext, type TreeDragEndEvent, type TreeDragOverEvent, type TreeDragStartEvent, type TreeDropContext, TreeDropController, TreeDropControllerConfig, type TreeDropDetail, type TreeDropEvent, type TreeDropPosition, TreeDropResolvedDrag, TreeDropRowInfo, type TreeDropTarget, TreeDropVisibleRow, type TreeExclusivity, type TreeExpandDetail, type TreeExpandEvent, type TreeFilterPredicate, type TreeItem, type TreeItemClickDetail, type TreeItemClickEvent, TreeListElement, type TreeNavigateOptions, type TreeNode, type TreeRevealMode, type TreeSelectDetail, type TreeSelectEvent, type TreeSelectionFilter, type TreeTickleDetail, type TreeTickleEvent, TreeVirtualize };
+import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeConfig, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-BAuqR9El.js";
+export { type LoadChildrenCallback, type TreeActivateDetail, type TreeActivateEvent, TreeAnimation, TreeBaseElement, TreeBaseElementEventMap, type TreeCheckboxState, type TreeCollapseDetail, type TreeCollapseEvent, type TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, type TreeDataModelOptions, type TreeDndMode, type TreeDragContext, type TreeDragEndEvent, type TreeDragOverEvent, type TreeDragStartEvent, type TreeDropContext, TreeDropController, TreeDropControllerConfig, type TreeDropDetail, type TreeDropEvent, type TreeDropPosition, TreeDropResolvedDrag, TreeDropRowInfo, type TreeDropTarget, TreeDropVisibleRow, type TreeExclusivity, type TreeExpandDetail, type TreeExpandEvent, type TreeFilterPredicate, type TreeItem, type TreeItemClickDetail, type TreeItemClickEvent, TreeListElement, type TreeNavigateOptions, type TreeNode, type TreeRevealMode, type TreeSelectDetail, type TreeSelectEvent, type TreeSelectionFilter, type TreeTickleDetail, type TreeTickleEvent, TreeVirtualize };

package/dist/tree.js

@@ -1,2 +1,2 @@
-import { a as TreeDataModel, i as TreeDropController, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-2_TRrLAV.js";
+import { a as TreeDataModel, i as TreeDropController, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-D8VxvR9u.js";
 export { TreeBaseElement, TreeController, TreeDataModel, TreeDropController, TreeListElement };

package/dist/{vertical-list-ztrdFvyT.d.ts → vertical-list-B8FoU-pU.d.ts}

@@ -1,6 +1,6 @@
-import { B as ListNativeDragStartEvent, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver } from "./tree-component-CDsYTBDi.js";
+import { B as ListNativeDragStartEvent, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver } from "./tree-component-C6UHO-w9.js";
 import { n as ListViewportChangeEvent } from "./list-viewport-types-BRZsLcvp.js";
-import { S as ListSearchController } from "./index-BvoXLnBf.js";
+import { S as ListSearchController } from "./index-BPTuCRGb.js";
 import { i as ListInteractionMode, l as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-PjKdhF-a.js";
 import "./editable-label-rzXkjf1H.js";
 import { LitElement, PropertyValues } from "lit";

package/dist/vertical-list.d.ts

@@ -1,5 +1,5 @@
-import { B as ListNativeDragStartEvent, F as ListDragPreviewContext, I as ListDragPreviewRenderer, N as ListDragEntry, P as ListDragPreview, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-CDsYTBDi.js";
+import { B as ListNativeDragStartEvent, F as ListDragPreviewContext, I as ListDragPreviewRenderer, N as ListDragEntry, P as ListDragPreview, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-C6UHO-w9.js";
 import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
 import { a as ListItemClickDetail, c as ListSelectEvent, d as ListTickleEvent, i as ListInteractionMode, l as ListSelectionMode, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, s as ListSelectDetail, t as ListActivateDetail, u as ListTickleDetail } from "./list-selection-types-PjKdhF-a.js";
-import { a as ListContextMenuDetail, c as ListDragLeaveEvent, d as ListDropEvent, f as ListEditCancelDetail, h as ListEditCommitEvent, i as VerticalListElementEventMap, l as ListDragOverEvent, m as ListEditCommitDetail, n as CustomCheckboxOptions, o as ListContextMenuEvent, p as ListEditCancelEvent, r as VerticalListElement, s as ListDragLeaveDetail, t as AddItemOptions, u as ListDropDetail } from "./vertical-list-ztrdFvyT.js";
+import { a as ListContextMenuDetail, c as ListDragLeaveEvent, d as ListDropEvent, f as ListEditCancelDetail, h as ListEditCommitEvent, i as VerticalListElementEventMap, l as ListDragOverEvent, m as ListEditCommitDetail, n as CustomCheckboxOptions, o as ListContextMenuEvent, p as ListEditCancelEvent, r as VerticalListElement, s as ListDragLeaveDetail, t as AddItemOptions, u as ListDropDetail } from "./vertical-list-B8FoU-pU.js";
 export { AddItemOptions, CustomCheckboxOptions, type ListActivateDetail, type ListActivateEvent, type ListContextMenuDetail, type ListContextMenuEvent, type ListDragEntry, type ListDragLeaveDetail, type ListDragLeaveEvent, type ListDragOverEvent, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListDropDetail, type ListDropEvent, type ListEditCancelDetail, type ListEditCancelEvent, type ListEditCommitDetail, type ListEditCommitEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListNativeDragStartDetail, type ListNativeDragStartEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, type ListViewportChangeDetail, type ListViewportChangeEvent, VerticalListElement, VerticalListElementEventMap };

package/docs-user/dock.md

@@ -127,6 +127,22 @@ split resizes, and host resizes; handles are hidden during dock drags.
   stored policy; `clearLeafPlacementPolicy(name)` resets. `getLeafPlacementPolicy(name)`
   returns the resolved `{ allowKinds, denyKinds, allowEdgeSplit }`.
 
+- Host `isolated` attribute: panels can be rearranged freely *inside* this
+  host but cannot be dragged **out** to another host. It is checked on the
+  **source** host only — it does not stop other hosts dropping panels *into*
+  an isolated host. To keep unrelated docks from exchanging panels in both
+  directions use `family` (below).
+- Host `family` attribute (default `""`): two hosts exchange panels by drag
+  only when their families are equal. Give an inner dock its own family and
+  it neither receives outer-dock panels nor lets its own leave.
+- Host `accepts-kinds` attribute / `acceptsKinds` property (space-separated
+  panel kinds; default unrestricted): panels arriving from **other** hosts, or
+  from another window via `queryDropTarget` / `acceptExternalPanel`, must be of
+  one of these kinds. Panels already in the host are unaffected. Combine with
+  `family` and `isolated` for a closed two-way exchange of one kind.
+- A host whose `accepts` allows no splits (e.g. `accepts="tabs"`) treats the
+  whole leaf as the tabs drop zone, instead of leaving the edge bands inert.
+
 A zone lights up only if every applicable rule allows it; disallowed zones
 are inert. Content rules govern tabbing *into* a leaf (`tabs` drops,
 `addPanel`, re-homing). Edge splits beside a leaf stay allowed **unless** that
@@ -138,11 +154,56 @@ propagated to it. Programmatic fallbacks (`addPanel` without a target,
 external panels, leaf-close re-homing) use the first stack admitting the
 panel's kind.
 
+## Hiding the strip of a lone tab
+
+`hide-single-tab-strip` (host attribute, `hideSingleTabStrip` property) drops
+a leaf's tab strip while it holds exactly one panel; the strip appears when a
+second panel arrives and goes again when one leaves. `DockStackNode.hideSingleTabStrip`
+overrides it per stack (serialized with the layout). The leaf's outer box is
+fixed by its split, so only the body shifts by one tab height when the strip
+appears — the strip never reserves height while hidden.
+
+While hidden:
+
+- **Drops.** During a drag the host overlays a compact stand-in strip (part
+  `drop-hint`) on the leaf — only if that leaf would accept the dragged panel —
+  with a caret showing the insertion gap. It takes no layout space. Dropping on
+  it, or on the leaf centre, adds a tab; the real strip then appears.
+- **Dragging the lone panel.** There is no tab to grab, so call
+  `host.beginPanelDrag(panelId, pointerEvent)` from your own handle's
+  `pointerdown`. It returns `false` for an unknown panel or non-primary press.
+  The drag starts after a few pixels of movement and is identical to a tab
+  drag (ghost, drop zones, `dock-panel-drag-*`, cross-host adoption,
+  tear-out). Prefer `touch-action: none` and `user-select: none` on the handle.
+- **Toolbars.** Panel toolbars and `toolbar-<name>` slots live in the strip, so
+  they are not shown while it is hidden.
+
 ## Events
 
 `ixfx-dock-host`: `dock-change` (`{ layout }` after structural mutations),
 `dock-panel-added`, `dock-panel-removed`, `dock-panel-activated`,
-`dock-panel-drag-start`.
+`dock-panel-drag-start`, `dock-panel-moved`, `dock-stack-empty`,
+`dock-tab-contextmenu`.
+
+- `dock-panel-added` — `{ panelId, sourceHost, targetHost }`. `sourceHost` is
+  the host the panel came from (`null` when new or from another window).
+- `dock-panel-removed` — `{ panelId, sourceHost, targetHost }`. `targetHost` is
+  the host it moved to, `null` when it is gone (closed, detached, torn out).
+- `dock-panel-moved` — `{ panelId, sourceHost, targetHost }`, fired on the
+  target host once a cross-host drop completes. A move therefore fires
+  `removed` (source), `added` (target), then `moved` (target), and the source
+  now also emits `dock-change`.
+- `dock-stack-empty` — `{ name, hostEmpty }` when a stack loses its last panel
+  (`name` is the container name or `null`). `hostEmpty` is true when the host
+  holds no panels at all — the cue to close an owning group. Fires before the
+  matching `dock-change`; not fired by `loadLayout()`.
+- `dock-tab-contextmenu` — `{ panelId, clientX, clientY }`, cancelable
+  (`preventDefault()` suppresses the native menu). Visible tabs only; with a
+  hidden strip handle `contextmenu` on your own element.
+
+All of these bubble and are composed, so a nested host's events also reach
+outer hosts and their listeners — compare `targetHost` / `sourceHost` to the
+host you care about. A nested host's drags are owned by the nearest host only.
 
 Cross-window (see [Cross-window docking](#cross-window-docking-electron-etc)):
 `dock-panel-drag-out` / `dock-panel-drag-in`

package/docs-user/index.json

@@ -1,7 +1,7 @@
 {
   "name": "@ixfx/components",
-  "version": "0.15.3",
-  "generated": "2026-10-18T19:35:32.045Z",
+  "version": "0.15.4",
+  "generated": "2026-10-19T01:39:50.334Z",
   "components": [
     {
       "name": "ac-text",

package/docs-user/tree.md

@@ -153,6 +153,7 @@ These properties are present on all three components (`ixfx-tree-list`, `ixfx-mi
 | `stickyHeaders` (`sticky-headers`) | `boolean` | `true` | VS Code-style sticky headers; set `sticky-headers="false"` to opt out (`ixfx-tree-list` only) |
 | `virtualize` | `'auto' \| 'on' \| 'off'` | `'auto'` | Render only the rows near the viewport; `auto` switches on above `virtualizeThreshold` visible rows (`ixfx-tree-list` only). See [Virtualisation](#virtualisation-ixfx-tree-list) |
 | `virtualizeThreshold` (`virtualize-threshold`) | `number` | `200` | Visible-row count above which `virtualize="auto"` windows the list |
+| `animation` | `'auto' \| 'always' \| 'never'` | `'auto'` | Controls row enter/leave animations. `'auto'` respects `prefers-reduced-motion`; `'always'` always animates; `'never'` skips all animations. Can be overridden per-call on `expandAll`, `collapseAll`, `navigateTo`, `revealKey`, and `navigateToNode` |
 
 ### Replacing `root`
 
@@ -280,6 +281,44 @@ On by default: while scrolling vertically, the ancestors of the top-visible row
 - An ancestor that is itself still visible is never duplicated in the header.
 - Style via `--tree-sticky-bg`, `--tree-sticky-border`, `--tree-sticky-shadow`, and the `sticky-headers` / `sticky-header` parts.
 
+### Animation control
+
+Row enter/leave animations are controlled by the `animation` property:
+
+| Value | Behaviour |
+|-------|-----------|
+| `'auto'` (default) | Animate normally, respecting `prefers-reduced-motion` and the `MAX_ANIMATED_ROWS` (50) threshold |
+| `'always'` | Always animate, even when many rows change at once |
+| `'never'` | Skip all row enter/leave animations |
+
+```html
+<ixfx-tree-list animation="never"></ixfx-tree-list>
+```
+
+**Per-call override**: Methods that change the tree structure accept an optional `animate` parameter to override the property for that single call:
+
+```typescript
+// Expand with animation (default)
+tree.expandAll();
+
+// Expand without animation
+tree.expandAll(undefined, false);
+
+// Collapse without animation
+tree.collapseAll(0, false);
+
+// Navigate with animation
+tree.navigateTo(['root', 'child']);
+
+// Navigate without animation
+tree.navigateTo(['root', 'child'], { animate: false });
+
+// Reveal without animation
+tree.revealKey('some-key', false);
+```
+
+This is useful when populating a tree initially or when performance matters more than visual polish.
+
 ### Virtualisation (`ixfx-tree-list`)
 
 A node with 10,000 children needs only about 25 `<li>` elements in the DOM. When

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ixfx/components",
   "type": "module",
-  "version": "0.15.3",
+  "version": "0.15.4",
   "packageManager": "pnpm@10.0.0",
   "description": "Web components for ixfx — Lit-based UI toolkit",
   "author": "Clint Heyer",