@ixfx/components 0.17.0 → 0.18.0

package/dist/{interaction-8Kbbf6xN.js → interaction-BEcBIY0d.js}

@@ -1,3 +1,3 @@
-import "./list-native-drag-controller-ByftBooJ.js";
+import "./list-native-drag-controller-Brk30s5d.js";
 import "./tickled-controller-BVhGKzjZ.js";
 import "./tickled-styles-pnieYweS.js";

package/dist/{list-native-drag-controller-ByftBooJ.js → list-native-drag-controller-Brk30s5d.js}

@@ -780,6 +780,9 @@ var ListNativeDragController = class {
 				try {
 					this.#config.writeDataTransfer?.(event.dataTransfer, detail);
 				} catch {}
+				try {
+					this.#host.writeDataTransfer?.(event.dataTransfer, detail);
+				} catch {}
 			}
 			const hotspot = preview.hotspot ?? {
 				x: 16,

package/dist/{list-native-drag-controller-CgXKdmjr.d.ts → list-native-drag-controller-Cs-Tmtaa.d.ts}

@@ -1,4 +1,4 @@
-import { B as ListNativeDragStartDetail, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, R as ListDragPreviewSourceResolver, z as ListDragSource } from "./tree-component-DNuzfo6R.js";
+import { B as ListDragSource, F as ListDragEntry, L as ListDragPreviewContext, R as ListDragPreviewRenderer, V as ListNativeDragStartDetail, z as ListDragPreviewSourceResolver } from "./tree-component-BE7OEIiH.js";
 import { ReactiveController, ReactiveControllerHost } from "lit";
 type ListNativeDragControllerConfig<T> = {
   readonly source: ListDragSource;

package/dist/{menu-C3DhTjHx.js → menu-B6NFqEtm.js}

@@ -1,8 +1,8 @@
 import { t as __exportAll } from "./rolldown-runtime-D3KUYPsf.js";
 import { t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BSxhlWnW.js";
-import "./interaction-8Kbbf6xN.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-D0zy1yax.js";
+import "./interaction-BEcBIY0d.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import "./icon-DvTQuylG.js";
 import { LitElement, css, html, nothing } from "lit";
@@ -128,7 +128,7 @@ let MenuCheckItem = class MenuCheckItem extends LitElement {
 	}
 	_resolvedLabel() {
 		if (this.label) return this.label;
-		if (this.registry && this.command) return this.registry.get(this.command)?.label ?? ``;
+		if (this.registry && this.command) return this.registry.getLabel(this.command, void 0) ?? ``;
 		return ``;
 	}
 	_resolvedIcon() {

package/dist/{menu-item-BSxhlWnW.js → menu-item-D0zy1yax.js}

@@ -4,7 +4,7 @@ import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as popupSurfaceStyles } from "./popup-D8IxN1Eq.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import "./icon-DvTQuylG.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-BEcBIY0d.js";
 import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
 import { LitElement, css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
@@ -793,7 +793,7 @@ let MenuItem = class MenuItem extends LitElement {
 	}
 	_resolvedLabel() {
 		if (this.label) return this.label;
-		if (this.registry && this.command) return this.registry.get(this.command)?.label ?? ``;
+		if (this.registry && this.command) return this.registry.getLabel(this.command, void 0) ?? ``;
 		return ``;
 	}
 	_resolvedIcon() {

package/dist/menu.js

@@ -1,3 +1,3 @@
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BSxhlWnW.js";
-import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-C3DhTjHx.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-D0zy1yax.js";
+import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-B6NFqEtm.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/{miller-DqDEaXqT.js → miller-B0qbnWwe.js}

@@ -8,7 +8,7 @@ import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.js";
 import { a as restoreElementScroll, i as onUserScrollIntent, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-BEcBIY0d.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";

package/dist/miller.d.ts

@@ -1,4 +1,4 @@
-import { A as TreeTickleDetail, O as TreeSelectDetail, b as TreeItemClickDetail, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, r as TreeCollapseDetail, t as TreeActivateDetail, v as TreeExpandDetail, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DNuzfo6R.js";
+import { A as TreeTickleDetail, O as TreeSelectDetail, b as TreeItemClickDetail, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, r as TreeCollapseDetail, t as TreeActivateDetail, v as TreeExpandDetail, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-BE7OEIiH.js";
 import { a as TreeItem, o as TreeNode } from "./types-6hpXRKt7.js";
-import { _ as MillerRebaseEvent, a as MillerBaseElementEventMap, c as MillerHeaderClickEvent, d as MillerItemDblClickDetail, f as MillerItemDblClickEvent, g as MillerRebaseDetail, h as MillerItemState, i as MillerBaseElement, l as MillerHeaderRightClickDetail, m as MillerItemRightClickEvent, n as MillerTreeControllerOptions, o as MillerListViewState, p as MillerItemRightClickDetail, r as MillerListElement, s as MillerHeaderClickDetail, t as MillerTreeController, u as MillerHeaderRightClickEvent, v as MillerSelectionMode } from "./index-CzhYJJsx.js";
+import { _ as MillerRebaseEvent, a as MillerBaseElementEventMap, c as MillerHeaderClickEvent, d as MillerItemDblClickDetail, f as MillerItemDblClickEvent, g as MillerRebaseDetail, h as MillerItemState, i as MillerBaseElement, l as MillerHeaderRightClickDetail, m as MillerItemRightClickEvent, n as MillerTreeControllerOptions, o as MillerListViewState, p as MillerItemRightClickDetail, r as MillerListElement, s as MillerHeaderClickDetail, t as MillerTreeController, u as MillerHeaderRightClickEvent, v as MillerSelectionMode } from "./index-BE0hk8xS.js";
 export { type TreeActivateDetail as MillerActivateDetail, type TreeActivateEvent as MillerActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, type TreeExpandDetail as MillerExpandDetail, type TreeExpandEvent as MillerExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, type TreeItemClickDetail as MillerItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type MillerListViewState, type TreeNode as MillerNode, MillerRebaseDetail, MillerRebaseEvent, type TreeSelectDetail as MillerSelectDetail, type TreeSelectEvent as MillerSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, type TreeTickleEvent as MillerTickleEvent, MillerTreeController, MillerTreeControllerOptions };

package/dist/miller.js

@@ -1 +1 @@
-export { r as MillerBaseElement, n as MillerListElement, t as MillerTreeController } from "./miller-DqDEaXqT.js";
+export { r as MillerBaseElement, n as MillerListElement, t as MillerTreeController } from "./miller-B0qbnWwe.js";

package/dist/narrowed-text.js

@@ -2,7 +2,7 @@ import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights
 import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
 import { m as createIncrSearch } from "./incr-search-C5114RxZ.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-BEcBIY0d.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html, nothing } from "lit";

package/dist/{node-graph-DqEGv5QR.js → node-graph-D9iovxQp.js}

@@ -2,7 +2,7 @@ import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js"
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as handleStyles } from "./handle-BVUWv97X.js";
 import "./icon-DvTQuylG.js";
-import "./menu-item-BSxhlWnW.js";
+import "./menu-item-D0zy1yax.js";
 import { t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
 import { LitElement, css, html, nothing, svg } from "lit";
 import { property, state } from "lit/decorators.js";

package/dist/node-graph.js

@@ -1 +1 @@
-export { Y as DEFAULT_FORCE_OPTIONS, T as DRAG_THRESHOLD_PX, dt as EASY_CONNECT_MARGIN, tt as EDGE_CORNER_RADIUS, z as GraphNodeElement, K as GraphPortElement, D as MARQUEE_THRESHOLD_PX, q as MAX_BLINK_HZ, u as MAX_FLOW_SPEED, O as MarqueeController, B as NODE_SHAPES, E as NodeDragController, t as NodeGraphElement, m as PanZoomController, U as RESIZE_HANDLES, r as WireDragController, bt as addWire, J as blinkPeriodSeconds, g as boundsOf, ht as canConnect, _ as clampZoom, c as collapsedOffset, k as combineSelection, xt as connectContext, St as cycleBlockedNodes, nt as defaultSide, Ct as edgeId, rt as edgeMidpoint, it as edgePath, at as edgeShape, wt as ensurePort, ot as extendFromSide, o as findProximityConnection, F as findSnapTarget, gt as findValidWire, v as fitBounds, y as fitRects, b as flowToScreen, X as forceMovement, Z as forcePin, Q as forcePositions, $ as forceState, et as forceStep, Tt as fromEdges, Et as hasWire, Dt as inDegreeOf, ft as inEasyConnectZone, Ot as incomingEdge, kt as incomingEdges, h as isEditableTarget, V as isNodeShape, W as isResizeHandle, A as marqueeStyle, l as measureNode, w as nodeGraphStyles, j as nodesInRect, _t as normaliseConnection, At as outDegreeOf, x as panBy, jt as parsePortId, pt as pickStartPort, st as polylineMidpoint, ct as polylinePath, lt as polylineShape, Mt as portId, I as proximityFactor, M as rectFromPoints, s as rectGap, N as rectsIntersect, Nt as removeNode, mt as removeNodes, Pt as removeWire, n as renderWires, G as resizeRect, vt as resolveConnection, d as sanitizeFlowSpeed, S as screenToFlow, i as selectionAfterEdgeClick, a as selectionAfterNodePress, L as settled, H as shapeSpec, R as smoothStep, ut as stepPoints, Ft as toEdges, It as toNodeGraph, yt as typesCompatible, P as wantsMarquee, f as withEntry, p as withWireFlow, C as zoomAt } from "./node-graph-DqEGv5QR.js";
+export { Y as DEFAULT_FORCE_OPTIONS, T as DRAG_THRESHOLD_PX, dt as EASY_CONNECT_MARGIN, tt as EDGE_CORNER_RADIUS, z as GraphNodeElement, K as GraphPortElement, D as MARQUEE_THRESHOLD_PX, q as MAX_BLINK_HZ, u as MAX_FLOW_SPEED, O as MarqueeController, B as NODE_SHAPES, E as NodeDragController, t as NodeGraphElement, m as PanZoomController, U as RESIZE_HANDLES, r as WireDragController, bt as addWire, J as blinkPeriodSeconds, g as boundsOf, ht as canConnect, _ as clampZoom, c as collapsedOffset, k as combineSelection, xt as connectContext, St as cycleBlockedNodes, nt as defaultSide, Ct as edgeId, rt as edgeMidpoint, it as edgePath, at as edgeShape, wt as ensurePort, ot as extendFromSide, o as findProximityConnection, F as findSnapTarget, gt as findValidWire, v as fitBounds, y as fitRects, b as flowToScreen, X as forceMovement, Z as forcePin, Q as forcePositions, $ as forceState, et as forceStep, Tt as fromEdges, Et as hasWire, Dt as inDegreeOf, ft as inEasyConnectZone, Ot as incomingEdge, kt as incomingEdges, h as isEditableTarget, V as isNodeShape, W as isResizeHandle, A as marqueeStyle, l as measureNode, w as nodeGraphStyles, j as nodesInRect, _t as normaliseConnection, At as outDegreeOf, x as panBy, jt as parsePortId, pt as pickStartPort, st as polylineMidpoint, ct as polylinePath, lt as polylineShape, Mt as portId, I as proximityFactor, M as rectFromPoints, s as rectGap, N as rectsIntersect, Nt as removeNode, mt as removeNodes, Pt as removeWire, n as renderWires, G as resizeRect, vt as resolveConnection, d as sanitizeFlowSpeed, S as screenToFlow, i as selectionAfterEdgeClick, a as selectionAfterNodePress, L as settled, H as shapeSpec, R as smoothStep, ut as stepPoints, Ft as toEdges, It as toNodeGraph, yt as typesCompatible, P as wantsMarquee, f as withEntry, p as withWireFlow, C as zoomAt } from "./node-graph-D9iovxQp.js";

package/dist/{notification-pill-BiHEJk-o.d.ts → notification-pill-BJonE_wo.d.ts}

@@ -35,6 +35,19 @@ type NotifierOptions = {
   tapBehaviour?: `none` | `dismiss`;
   tapHandlerDefault?: (notification: Notification) => void;
 };
+/** A notification as remembered by a manager's history. */
+type NotificationHistoryEntry = Notification & {
+  /** `true` once read: via `markRead`/`markAllRead`, or when the user taps the toast. */
+  readonly read: boolean;
+  /** Set once the toast is no longer visible (timed out, evicted, tapped away or dismissed). */
+  readonly dismissedAt?: number;
+};
+type NotificationHistoryListener = (history: readonly NotificationHistoryEntry[]) => void;
+/** Options for `createNotificationManager` / `NotificationManager.scope`. */
+type NotificationManagerOptions = NotifierOptions & {
+  /** Max history entries kept per manager (oldest dropped first). Default 100. */
+  historyLimit?: number;
+};
 type PillTapDetail = {
   readonly id: string;
 };
@@ -60,4 +73,4 @@ declare global {
 interface NotificationPillElement {
   addEventListener: (<K extends keyof NotificationPillElementEventMap>(type: K, listener: (this: NotificationPillElement, event: NotificationPillElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-export { Notification as a, NotificationRendererHooks as c, PillTapEvent as i, NotificationType as l, NotificationPillElementEventMap as n, NotificationContent as o, PillTapDetail as r, NotificationRenderer as s, NotificationPillElement as t, NotifierOptions as u };
+export { Notification as a, NotificationHistoryListener as c, NotificationRendererHooks as d, NotificationType as f, PillTapEvent as i, NotificationManagerOptions as l, NotificationPillElementEventMap as n, NotificationContent as o, NotifierOptions as p, PillTapDetail as r, NotificationHistoryEntry as s, NotificationPillElement as t, NotificationRenderer as u };

package/dist/notifier.d.ts

@@ -1,2 +1,2 @@
-import { i as PillTapEvent, n as NotificationPillElementEventMap, r as PillTapDetail, t as NotificationPillElement } from "./notification-pill-BiHEJk-o.js";
+import { i as PillTapEvent, n as NotificationPillElementEventMap, r as PillTapDetail, t as NotificationPillElement } from "./notification-pill-BJonE_wo.js";
 export { NotificationPillElement, NotificationPillElementEventMap, PillTapDetail, PillTapEvent };

package/dist/select-horiz.js

@@ -1,6 +1,6 @@
 import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-BEcBIY0d.js";
 import { t as WheelNudgeMixin } from "./wheel-nudge-DgJzrL28.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";

package/dist/sunburst-tree.d.ts

@@ -1,2 +1,2 @@
-import { a as SunburstViewState, i as SunburstZoomEvent, n as SunburstTreeListElementEventMap, r as SunburstZoomDetail, t as SunburstTreeListElement } from "./sunbursttree-list-CsrmVSB8.js";
+import { a as SunburstViewState, i as SunburstZoomEvent, n as SunburstTreeListElementEventMap, r as SunburstZoomDetail, t as SunburstTreeListElement } from "./sunbursttree-list-XF7gBKod.js";
 export { SunburstTreeListElement, SunburstTreeListElementEventMap, type SunburstViewState, SunburstZoomDetail, SunburstZoomEvent };

package/dist/{sunbursttree-list-CsrmVSB8.d.ts → sunbursttree-list-XF7gBKod.d.ts}

@@ -1,8 +1,8 @@
-import { C as TreeItemDblClickEvent, E as TreeSearchHost, M as TreeDataModel, a as TreeComponent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DNuzfo6R.js";
+import { C as TreeItemDblClickEvent, E as TreeSearchHost, M as TreeDataModel, a as TreeComponent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-BE7OEIiH.js";
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.js";
 import { a as ViewStateBase, t as GetViewStateOptions } from "./types-16GC5k1z.js";
 import "./index-Cdcek1Oj.js";
-import { S as ListSearchController } from "./index-CRLTVAyt.js";
+import { S as ListSearchController } from "./index-Db5VGFR1.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 /**

package/dist/{tree-BP5fxvEX.js → tree-1CSNgw72.js}

@@ -3,11 +3,11 @@ import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pni
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-C5114RxZ.js";
-import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
+import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-Brk30s5d.js";
 import { a as capKeys, c as keysAsFlags, f as withoutFlag, i as capFlags, l as keysToArray, n as EMPTY_KEYS, o as flagsFromRecord, s as flagsToRecord, t as EMPTY_FLAGS } from "./pending-Afl4LT64.js";
 import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-D4l_ede_.js";
 import { n as createScrollHoverGuard } from "./scroll-hover-guard-BGAjtyXT.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-BEcBIY0d.js";
 import { t as collectDataResult } from "./data-provider-C6ZNAcaT.js";
 import { n as anchorFromRow, o as scrollToOffset, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
 import { i as reconcileSelection, r as reconcileExpansion } from "./tree-DUc-iQcg.js";

package/dist/{tree-component-DNuzfo6R.d.ts → tree-component-BE7OEIiH.d.ts}

@@ -42,6 +42,12 @@ interface ListDragPreview {
   readonly canvas?: HTMLCanvasElement;
   readonly dispose?: () => void;
 }
+/**
+ * Writes an application payload onto the drag's `DataTransfer` at `dragstart`.
+ * Every list component exposes this as a public `writeDataTransfer` property;
+ * `ListNativeDragController` invokes it after any built-in payload writer.
+ */
+type ListDragDataTransferWriter<T> = (dataTransfer: DataTransfer, detail: ListNativeDragStartDetail<T>) => void;
 type ListDragPreviewRenderer<T> = (context: ListDragPreviewContext<T>) => ListDragPreview;
 type ListDragPreviewSourceResolver<T> = (entry: ListDragEntry<T>) => CanvasImageSource | undefined;
 interface ListNativeDragStartDetail<T = unknown> {
@@ -435,4 +441,4 @@ interface TreeSearchHost extends TreeComponent {
   readonly shadowRoot: ShadowRoot | null;
   readonly updateComplete: Promise<boolean>;
 }
-export { TreeTickleDetail as A, ListNativeDragStartDetail as B, TreeItemDblClickEvent as C, TreeSelectAllOptions as D, TreeSearchHost as E, ListDragPreview as F, ListDragPreviewContext as I, ListDragPreviewRenderer as L, TreeDataModel as M, TreeDataModelOptions as N, TreeSelectDetail as O, ListDragEntry as P, ListDragPreviewSourceResolver as R, TreeItemDblClickDetail as S, TreeRevealMode as T, ListNativeDragStartEvent as V, TreeDropTarget as _, TreeComponent as a, TreeItemClickDetail as b, TreeDragContext as c, TreeDragStartEvent as d, TreeDropApplyContext as f, TreeDropPosition as g, TreeDropEvent as h, TreeCollapseEvent as i, TreeTickleEvent as j, TreeSelectEvent as k, TreeDragEndEvent as l, TreeDropDetail as m, TreeActivateEvent as n, TreeComponentEventMap as o, TreeDropContext as p, TreeCollapseDetail as r, TreeDndMode as s, TreeActivateDetail as t, TreeDragOverEvent as u, TreeExpandDetail as v, TreeNavigateOptions as w, TreeItemClickEvent as x, TreeExpandEvent as y, ListDragSource as z };
+export { TreeTickleDetail as A, ListDragSource as B, TreeItemDblClickEvent as C, TreeSelectAllOptions as D, TreeSearchHost as E, ListDragEntry as F, ListNativeDragStartEvent as H, ListDragPreview as I, ListDragPreviewContext as L, TreeDataModel as M, TreeDataModelOptions as N, TreeSelectDetail as O, ListDragDataTransferWriter as P, ListDragPreviewRenderer as R, TreeItemDblClickDetail as S, TreeRevealMode as T, ListNativeDragStartDetail as V, TreeDropTarget as _, TreeComponent as a, TreeItemClickDetail as b, TreeDragContext as c, TreeDragStartEvent as d, TreeDropApplyContext as f, TreeDropPosition as g, TreeDropEvent as h, TreeCollapseEvent as i, TreeTickleEvent as j, TreeSelectEvent as k, TreeDragEndEvent as l, TreeDropDetail as m, TreeActivateEvent as n, TreeComponentEventMap as o, TreeDropContext as p, TreeCollapseDetail as r, TreeDndMode as s, TreeActivateDetail as t, TreeDragOverEvent as u, TreeExpandDetail as v, TreeNavigateOptions as w, TreeItemClickEvent as x, TreeExpandEvent as y, ListDragPreviewSourceResolver as z };

package/dist/tree.d.ts

@@ -1,4 +1,4 @@
-import { A as TreeTickleDetail, M as TreeDataModel, N as TreeDataModelOptions, O as TreeSelectDetail, 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 TreeTickleEvent, k as TreeSelectEvent, 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-DNuzfo6R.js";
+import { A as TreeTickleDetail, M as TreeDataModel, N as TreeDataModelOptions, O as TreeSelectDetail, 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 TreeTickleEvent, k as TreeSelectEvent, 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-BE7OEIiH.js";
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.js";
-import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-88ra6YHP.js";
+import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-BymYKGY-.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 TreeListViewState, type TreeNavigateOptions, type TreeNode, type TreeRevealMode, type TreeSelectDetail, type TreeSelectEvent, type TreeSelectionFilter, type TreeTickleDetail, type TreeTickleEvent, TreeVirtualize };

package/dist/tree.js

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

package/dist/{vertical-list-B9z1lbjM.js → vertical-list-BNCRA_zy.js}

@@ -1,7 +1,7 @@
 import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.js";
 import { c as createElementListSearchAdapter, d as keysOfElements, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-C5114RxZ.js";
 import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-Dkh3m3hX.js";
-import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
+import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-Brk30s5d.js";
 import { i as sameKeySet, n as applyPartialAttributes, r as isPartialKey } from "./partial-keys-D4l_ede_.js";
 import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
 import { l as keysToArray } from "./pending-Afl4LT64.js";
@@ -1995,6 +1995,7 @@ __decorate([property({
 	reflect: true
 })], VerticalListElement.prototype, "itemsDraggable", void 0);
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "dragPreviewRenderer", void 0);
+__decorate([property({ attribute: false })], VerticalListElement.prototype, "writeDataTransfer", void 0);
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "dragPreviewSource", void 0);
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "items", void 0);
 __decorate([property({

package/dist/{vertical-list-BzeXehBt.d.ts → vertical-list-Dyc5azxv.d.ts}

@@ -1,9 +1,9 @@
-import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DNuzfo6R.js";
+import { H as ListNativeDragStartEvent, P as ListDragDataTransferWriter, R as ListDragPreviewRenderer, z as ListDragPreviewSourceResolver } from "./tree-component-BE7OEIiH.js";
 import { a as ViewStateBase, t as GetViewStateOptions } from "./types-16GC5k1z.js";
 import { h as ListSelectionMode, i as ListInteractionMode, r as ListElementEventMap } from "./list-selection-types-CKTt7Rrw.js";
 import { n as ListViewportChangeEvent } from "./list-viewport-types-BJ8c6qur.js";
 import "./index-Cdcek1Oj.js";
-import { S as ListSearchController } from "./index-CRLTVAyt.js";
+import { S as ListSearchController } from "./index-Db5VGFR1.js";
 import "./editable-label-CiHCDlhC.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandId, CommandRegistry } from "@clinth/ui-commands";
@@ -113,6 +113,12 @@ declare class VerticalListElement extends LitElement {
    * built-in HTML+canvas preview.
    */
   dragPreviewRenderer: ListDragPreviewRenderer<Element> | undefined;
+  /**
+   * Write an application payload onto the drag's `DataTransfer` (e.g. a custom
+   * MIME type). Called once per drag, synchronously inside `dragstart`, after a
+   * non-cancelled `list-native-drag-start`.
+   */
+  writeDataTransfer: ListDragDataTransferWriter<Element> | undefined;
   dragPreviewSource: ListDragPreviewSourceResolver<Element> | undefined;
   /**
    * Object/adapter item mode (mirrors `ixfx-detail-list`). When set, the list

package/dist/vertical-list.d.ts

@@ -1,5 +1,5 @@
-import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DNuzfo6R.js";
+import { B as ListDragSource, F as ListDragEntry, H as ListNativeDragStartEvent, I as ListDragPreview, L as ListDragPreviewContext, R as ListDragPreviewRenderer, V as ListNativeDragStartDetail } from "./tree-component-BE7OEIiH.js";
 import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BJ8c6qur.js";
 import { _ as ListTickleEvent, a as ListItemClickDetail, c as ListSelectDetail, g as ListTickleDetail, h as ListSelectionMode, i as ListInteractionMode, l as ListSelectEvent, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, t as ListActivateDetail } from "./list-selection-types-CKTt7Rrw.js";
-import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-BzeXehBt.js";
+import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-Dyc5azxv.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, type VerticalListViewState };

package/dist/vertical-list.js

@@ -1 +1 @@
-export { t as VerticalListElement } from "./vertical-list-B9z1lbjM.js";
+export { t as VerticalListElement } from "./vertical-list-BNCRA_zy.js";

package/docs-user/grid-list.md

@@ -278,6 +278,11 @@ Set `items-draggable` to make selectable cells draggable out of the grid. On
   for native hosts.
 - Assign `dragPreviewRenderer` for a custom synchronous preview returning
   `{ element, hotspot?, canvas?, dispose? }`.
+- Assign `writeDataTransfer(dataTransfer, detail)` to put your own payload on
+  the drag (e.g. a custom MIME type). It is a public property on every list
+  (`ixfx-grid-list`, `ixfx-vertical-list`, `ixfx-detail-list`, `ixfx-data-grid`,
+  and forwarded by `ixfx-flat-list`), run synchronously in `dragstart` after a
+  non-cancelled `list-native-drag-start`.
 - `preventDefault()` on the event cancels the browser drag, but the sync
   listener still sees `preview` (incl. `canvas`) — what lets an Electron host
   rasterize it during the synchronous turn.
@@ -412,6 +417,8 @@ Parts: `part="icon"` and `part="badge"` on the wrappers this adds.
 | `setItems(items)` | Replace the collection. Selection / cursor keep any key still present; vanished keys are deselected silently and held pending (see [View state](#view-state)). |
 | `appendItems(items)` | Add to the end. Scroll, selection and cursor untouched; no reflow animation. |
 | `updateItem(key, item)` | Replace one item. A visible cell re-renders in place; an offscreen one updates when scrolled in. |
+| `updateItems(entries)` | Replace many items at once — the batched form of `updateItem`. See [Batched updates](#batched-updates). |
+| `refreshItem(key)` | Re-render one cell **without** changing `items`. See [Refreshing a cell](#refreshing-a-cell). |
 | `removeItems(keys)` | Remove items. Removed keys drop out of selection / cursor silently and are held pending. |
 | `clearItems()` | Drop everything. Resets selection / cursor and emits one empty `list-select`; the keys are held pending, so re-adding them restores the selection. |
 
@@ -424,6 +431,49 @@ key-based. Data-mode events carry the data value as `detail.item` and
 Duplicate keys are warned about once; the first occurrence wins for key-based
 operations.
 
+#### Batched updates
+
+`updateItems(entries)` applies many replacements with **one** array copy and
+**one** source rebuild:
+
+```typescript
+grid.updateItems([
+  { key: 'a', item: { ...fileA, name: 'Renamed' } },
+  { key: 'b', item: { ...fileB, thumb: newThumb } },
+]);
+
+// A Map works too:
+grid.updateItems(new Map([['a', newA], ['b', newB]]));
+```
+
+It has the same semantics as the equivalent run of `updateItem` calls: unknown
+keys are ignored, selection / cursor / scroll are untouched, and an entry whose
+`item` is the identical object already at that key is skipped. If nothing
+changes, `items` keeps its identity and nothing is emitted.
+
+**Use `updateItems` rather than a loop of `updateItem`s** when you have more
+than one row to change. A loop pays one array copy per call, so changing n rows
+costs n copies; the batched form pays one. On a 20k-item collection, replacing
+500 rows measured ~22 ms as a loop versus ~0.7 ms as one batch (happy-dom).
+
+#### Refreshing a cell
+
+`updateItem(key, item)` with the **same object** that is already at `key` is a
+no-op — the array is not copied and nothing is emitted. That is the right
+behaviour when you only want to push the *data* through.
+
+If instead you want to redraw a cell whose data is unchanged — because the
+adapter renders something that lives outside the item, such as a thumbnail that
+just finished loading — use `refreshItem(key)`:
+
+```typescript
+grid.refreshItem('a');   // re-renders the cell for 'a'; `items` is untouched
+```
+
+The adapter's `render` is called again for that cell, so it picks up the new
+state. The `items` array keeps its identity, so nothing is copied and the
+collection is not rebuilt.
+
 ---
 
 ## Grouping
@@ -608,6 +658,26 @@ Inserting is O(items): one `appendItems` costs ~5 ms at 5k items and ~21 ms at
 50k (the source and search index are rebuilt, and `items` is copied); the
 element-mode equivalents are ~8 ms at 2k and ~16 ms at 10k.
 
+### Mutation API
+
+`src/grid-list/grid-list.perf.test.ts` guards the data-mode mutation API with
+**work counters** — how many times the adapter's `key` is called per mutation.
+That number must not scale with the item count. Run it with:
+
+```sh
+pnpm test:perf            # all perf suites, verbose
+PERF_REPORT=1 pnpm vitest run src/grid-list/grid-list.perf.test.ts
+```
+
+The mutation paths keep a key → raw index map, so a lookup is O(1) rather than
+an O(n) scan of the array:
+
+- `updateItem(key, item)` — one lookup and one array copy. Passing the
+  identical object is a no-op (no copy, no emit).
+- `updateItems(entries)` — many replacements, one copy, one rebuild.
+- `appendItems(items)` — the appended items are added to the map; the existing
+  ones are not re-scanned.
+
 Things that keep the per-frame paths flat, and that the benchmark guards:
 
 - **Cell recycling.** Cells are keyed by a stable cell id, not the item key, so

package/docs-user/index.json

@@ -1,7 +1,7 @@
 {
   "name": "@ixfx/components",
-  "version": "0.17.0",
-  "generated": "2026-11-09T22:52:59.151Z",
+  "version": "0.18.0",
+  "generated": "2026-11-10T18:13:23.971Z",
   "components": [
     {
       "name": "ac-text",

package/docs-user/notifier.md

@@ -67,6 +67,34 @@ NotificationManager.configure({
 
 ---
 
+## Scoped managers, history and unread
+
+`NotificationManager` is the default, app-wide instance. Every instance has its own queue, timers, renderer and options, so toasts can sit beside the component they concern:
+
+```typescript
+import { createNotificationManager, NotificationManager } from '../src/index.js';
+
+const lister = NotificationManager.scope('lister-1', { renderer: myAnchoredRenderer }); // get-or-create by name
+// or, unregistered: const lister = createNotificationManager({ renderer: myAnchoredRenderer });
+lister.notify({ type: 'info', message: 'Moved 3 items' });
+NotificationManager.releaseScope('lister-1'); // on unmount: dismiss, detach, forget
+```
+
+Each instance also keeps a bounded history (`historyLimit`, default 100; `0` disables):
+
+| API | Description |
+|---|---|
+| `getHistory()` | Snapshot of `{ ...Notification, read, dismissedAt? }`, oldest first; includes toasts no longer visible |
+| `unreadCount` | Entries not yet read — drive a bell indicator |
+| `markRead(id)` / `markAllRead()` | Mark read. Tapping a toast also marks it read |
+| `clearHistory()` | Drop history |
+| `subscribe(listener)` | Called with the history on every change; returns an unsubscribe function |
+| `destroy()` | Dismiss all, drop history/listeners, detach renderer |
+
+Scoped instances with no `renderer` fall back to the default top-right pill renderer, which is viewport-anchored — give anchored scopes a custom renderer.
+
+---
+
 ## Queueing model
 
 - **`queue: false`** — a message is always shown alone, for the full `timeout`/`timeoutError`. A new `notify()` call immediately replaces whatever is showing.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ixfx/components",
   "type": "module",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "packageManager": "pnpm@10.0.0",
   "description": "Web components for ixfx — Lit-based UI toolkit",
   "author": "Clint Heyer",
@@ -268,7 +268,7 @@
     }
   },
   "dependencies": {
-    "@clinth/ui-commands": "1.1.2",
+    "@clinth/ui-commands": "1.2.0",
     "@clinth/vcanvas": "0.0.6",
     "@ixfx/arrays": "0.56.21",
     "@ixfx/collections": "0.56.21",
@@ -290,7 +290,7 @@
     "eslint-plugin-format": "2.0.1",
     "globals": "17.14.0",
     "happy-dom": "^21.0.4",
-    "knip": "6.44.2",
+    "knip": "6.45.0",
     "libavoid-js": "0.5.0-beta.5",
     "lit": "3.3.3",
     "tsdown": "0.23.7",