@ixfx/components 0.17.1 → 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.

package/docs-user/index.json

@@ -1,7 +1,7 @@
 {
   "name": "@ixfx/components",
-  "version": "0.17.1",
-  "generated": "2026-11-10T11:14:57.413Z",
+  "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.1",
+  "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",