@ixfx/components 0.16.4 → 0.17.0

package/dist/{tickled-styles-BrAHEj1q.js → tickled-styles-pnieYweS.js}

@@ -1,5 +1,5 @@
 import { css } from "lit";
-//#region src/interaction/tickled-styles.ts
+// src/interaction/tickled-styles.ts
 /**
 * Shared CSS styles for tickled interaction pattern.
 *
@@ -83,5 +83,4 @@ const tickledItemStyles = css`
     outline-offset: -2px;
   }
 `;
-//#endregion
 export { tickledStyles as n, tickledItemStyles as t };

package/dist/{timeline-BP1Ux2EV.js → timeline-Br5JIeLI.js}

@@ -1,10 +1,10 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as handleStyles } from "./handle-DAXs7kbJ.js";
+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 { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import "@clinth/vcanvas";
-//#region src/timeline/timeline-controller.ts
+// src/timeline/timeline-controller.ts
 /**
 * External adapter class that can configure a timeline element
 * with musical time, custom label formatting, etc.
@@ -67,8 +67,7 @@ var TimelineController = class {
 		};
 	}
 };
-//#endregion
-//#region src/timeline/timeline-draw.ts
+// src/timeline/timeline-draw.ts
 const NICE_STEPS = [
 	1,
 	2,
@@ -340,8 +339,7 @@ function resolveCssVars(host) {
 	for (const v of TIMELINE_CSS_VARS) vars[v] = computed.getPropertyValue(v).trim();
 	return vars;
 }
-//#endregion
-//#region src/timeline/timeline-interactions.ts
+// src/timeline/timeline-interactions.ts
 /** Hit zone near the edge of an event (px in screen space) */
 const EDGE_HIT_PX = 8;
 /**
@@ -688,8 +686,7 @@ function fireSelectionChange(host) {
 		composed: true
 	}));
 }
-//#endregion
-//#region src/timeline/timeline-styles.ts
+// src/timeline/timeline-styles.ts
 const timelineStyles = css`
   :host {
     /* Layout */
@@ -841,8 +838,7 @@ const timelineStyles = css`
     display: block;
   }
 `;
-//#endregion
-//#region src/timeline/timeline-track-tabs.ts
+// src/timeline/timeline-track-tabs.ts
 /** Minimum track height in px */
 const MIN_TRACK_HEIGHT = 24;
 /** How close to the bottom edge the pointer must be (px) to trigger resize */
@@ -1016,8 +1012,7 @@ __decorate([property({
 	reflect: true
 })], TimelineTrackTabElement.prototype, "resizable", void 0);
 TimelineTrackTabElement = __decorate([safeCustomElement(`ixfx-timeline-track-tab`)], TimelineTrackTabElement);
-//#endregion
-//#region src/timeline/timeline-element.ts
+// src/timeline/timeline-element.ts
 /** Reasonable maximum ppu to prevent infinite zoom-in */
 const MAX_PPU = 1e4;
 /** Minimum rendered track height (~1.5em) at max zoom-out */
@@ -1752,5 +1747,4 @@ __decorate([state()], IxfxTimelineElement.prototype, "_trackLayout", void 0);
 __decorate([state()], IxfxTimelineElement.prototype, "_internalEvents", void 0);
 __decorate([state()], IxfxTimelineElement.prototype, "_internalTracks", void 0);
 IxfxTimelineElement = __decorate([safeCustomElement(`ixfx-timeline`)], IxfxTimelineElement);
-//#endregion
 export { resolveCssVars as a, attachTimelineInteractions as i, TimelineTrackTabElement as n, resolveGrid as o, timelineStyles as r, TimelineController as s, IxfxTimelineElement as t };

package/dist/timeline.d.ts

@@ -1,2 +1,2 @@
-import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-DV3iaUBW2.js";
+import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-DrYQBts2.js";
 export { type CssVars, DragSnappingFn, DragTarget, GridMode, GridResolution, IxfxTimelineElement, type Rect, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TrackHeightMode, TrackLayout, UserScale, ViewRange, attachTimelineInteractions, resolveCssVars, resolveGrid, timelineStyles };

package/dist/timeline.js

@@ -1,2 +1 @@
-import { a as resolveCssVars, i as attachTimelineInteractions, n as TimelineTrackTabElement, o as resolveGrid, r as timelineStyles, s as TimelineController, t as IxfxTimelineElement } from "./timeline-BP1Ux2EV.js";
-export { IxfxTimelineElement, TimelineController, TimelineTrackTabElement, attachTimelineInteractions, resolveCssVars, resolveGrid, timelineStyles };
+export { t as IxfxTimelineElement, s as TimelineController, n as TimelineTrackTabElement, i as attachTimelineInteractions, a as resolveCssVars, o as resolveGrid, r as timelineStyles } from "./timeline-Br5JIeLI.js";

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

@@ -1,6 +1,5 @@
-import "./icon-CDGprSdE.js";
+import "./icon-Bhz0c6Yf.js";
 import { LitElement } from "lit";
-//#region src/titlebar/titlebar.d.ts
 type TitlebarOrientation = `horizontal` | `vertical`;
 type TitlebarVariant = `titlebar` | `midline` | `tree`;
 type TitlebarToggleInteraction = `implicit` | `explicit` | `disabled`;
@@ -49,5 +48,4 @@ declare global {
 interface TitlebarElement {
   addEventListener: (<K extends keyof TitlebarElementEventMap>(type: K, listener: (this: TitlebarElement, event: TitlebarElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-//#endregion
 export { TitlebarToggleDetail as a, TitlebarVariant as c, TitlebarOrientation as i, TitlebarElement as n, TitlebarToggleEvent as o, TitlebarElementEventMap as r, TitlebarToggleInteraction as s, TitlebarCloseEvent as t };

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-BtLAF2ws.js";
 export { TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant };

package/dist/titlebar.js

@@ -1,9 +1,9 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-1gpwtPx8.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import "./icon-DvTQuylG.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
-//#region src/titlebar/titlebar.ts
+// src/titlebar/titlebar.ts
 let TitlebarElement = class TitlebarElement extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -400,5 +400,4 @@ __decorate([property({
 	attribute: `toggle-interaction`
 })], TitlebarElement.prototype, "toggleInteraction", void 0);
 TitlebarElement = __decorate([safeCustomElement(`ixfx-titlebar`)], TitlebarElement);
-//#endregion
 export { TitlebarElement };

package/dist/{tooltip-CJt3WLmN.js → tooltip-B7t_u6EY.js}

@@ -1,5 +1,5 @@
 import { css } from "lit";
-//#region src/styles/tooltip.ts
+// src/styles/tooltip.ts
 const tooltipValueStyles = css`
 
   output.tooltip {
@@ -98,5 +98,4 @@ const tooltipValueStyles = css`
     }
   } 
   `;
-//#endregion
 export { tooltipValueStyles as t };

package/dist/{tooltip-BlvBUQxx.d.ts → tooltip-Bl4HpBue.d.ts}

@@ -1,5 +1,4 @@
 import { LitElement } from "lit";
-//#region src/util/tooltip.d.ts
 type FormatValueForHuman = (v: unknown) => string;
 type TooltipOrientations = `top` | `right` | `bottom` | `left`;
 declare class TooltipElement extends LitElement {
@@ -20,5 +19,4 @@ declare global {
     "ixfx-tooltip": TooltipElement;
   }
 }
-//#endregion
 export { TooltipElement as n, TooltipOrientations as r, FormatValueForHuman as t };

package/dist/transitory-label.d.ts

@@ -1,7 +1,6 @@
 import { LitElement, PropertyValues } from "lit";
-//#region src/transitory-label/transitory-label.d.ts
-type Effect = `slide-right` | `slide-left` | `slide-up` | `slide-down` | `fade` | `character-swap`;
-declare class TransitoryLabelElement extends LitElement {
+export type Effect = `slide-right` | `slide-left` | `slide-up` | `slide-down` | `fade` | `character-swap`;
+export declare class TransitoryLabelElement extends LitElement {
   #private;
   text: string;
   effect: Effect;
@@ -24,6 +23,4 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-transitory-label': TransitoryLabelElement;
   }
-}
-//#endregion
-export { Effect, TransitoryLabelElement };
+}

package/dist/transitory-label.js

@@ -1,8 +1,8 @@
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { keyed } from "lit/directives/keyed.js";
-//#region src/transitory-label/transitory-label.ts
+// src/transitory-label/transitory-label.ts
 let TransitoryLabelElement = class TransitoryLabelElement extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -243,5 +243,4 @@ __decorate([state()], TransitoryLabelElement.prototype, "_outgoingText", void 0)
 __decorate([state()], TransitoryLabelElement.prototype, "_activeEffect", void 0);
 __decorate([state()], TransitoryLabelElement.prototype, "_transitionId", void 0);
 TransitoryLabelElement = __decorate([safeCustomElement(`ixfx-transitory-label`)], TransitoryLabelElement);
-//#endregion
 export { TransitoryLabelElement };

package/dist/{tree-BaXYyt5U.js → tree-BP5fxvEX.js}

@@ -1,21 +1,21 @@
-import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
-import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
-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-Dc6gYpJG.js";
-import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.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-BGidHppL.js";
-import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-Ck6CiprB.js";
-import { n as createScrollHoverGuard } from "./scroll-hover-guard-Cjw6179Q.js";
-import "./interaction-E-uMGHkJ.js";
-import { t as collectDataResult } from "./data-provider-35TyWclX.js";
-import { n as anchorFromRow, o as scrollToOffset, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
-import { i as reconcileSelection, r as reconcileExpansion } from "./tree-CftHwtEb.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
+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 { 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 { 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";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";
 import { repeat } from "lit/directives/repeat.js";
-//#region src/common/tree-drop-apply.ts
+// src/common/tree-drop-apply.ts
 function findNode(root, key) {
 	if (root.item.key === key) return root;
 	for (const child of root.children ?? []) {
@@ -145,8 +145,7 @@ function dropTargetFor(referenceKey, position, index = position === `inside` ? N
 		depth: 0
 	};
 }
-//#endregion
-//#region src/common/tree-data-model.ts
+// src/common/tree-data-model.ts
 /** Return a new root with the node at `key` replaced by `replacer(node)`. */
 function mapNode(root, key, replacer) {
 	if (root.item.key === key) return replacer(root);
@@ -409,8 +408,7 @@ var TreeDataModel = class {
 		for (const sub of this.#subscribers) sub(event);
 	}
 };
-//#endregion
-//#region src/tree/tree-drag-registry.ts
+// src/tree/tree-drag-registry.ts
 const TREE_DRAG_MIME = `application/x-ixfx-tree`;
 const registry = /* @__PURE__ */ new Map();
 const weakRefs = /* @__PURE__ */ new Map();
@@ -451,8 +449,7 @@ function treeDragCurrent() {
 		element: weakRefs.get(currentSourceId)?.deref()
 	};
 }
-//#endregion
-//#region src/tree/edge-scroll.ts
+// src/tree/edge-scroll.ts
 /**
 * Edge auto-scroll maths for drag-and-drop in a scrollable list: how far into
 * a trigger zone the pointer is, and how fast to scroll given how long it has
@@ -496,8 +493,7 @@ function edgeScrollSpeed(depth, heldMs) {
 	const ramp = Math.min(1, Math.max(0, heldMs) / EDGE_SCROLL_RAMP_MS);
 	return (120 + 3080 * ramp * ramp) * (DEPTH_FLOOR + .65 * Math.min(1, Math.max(0, depth)));
 }
-//#endregion
-//#region src/tree/tree-drop-controller.ts
+// src/tree/tree-drop-controller.ts
 /** Longest frame step used when integrating scroll, so a stalled tab doesn't jump the list. */
 const MAX_FRAME_MS = 50;
 function clamp(value, min, max) {
@@ -846,8 +842,7 @@ var TreeDropController = class {
 		if (!unchanged || this.#active) this.#config.onDropStateChange(state);
 	}
 };
-//#endregion
-//#region src/tree/tree-flat.ts
+// src/tree/tree-flat.ts
 /**
 * Flatten the visible rows under `root` (root itself excluded).
 *
@@ -1161,8 +1156,7 @@ function treeRowReader(params) {
 		bottomOf: (i) => treeRowBottom(params, i)
 	};
 }
-//#endregion
-//#region src/tree/tree-row-geometry.ts
+// src/tree/tree-row-geometry.ts
 /**
 * First index whose bottom is greater than `y` (binary search; rows are
 * monotonic). Returns `reader.count` when no row qualifies.
@@ -1197,8 +1191,7 @@ function rowRangeOverlapping(reader, top, bottom, margin = 0) {
 		last: Math.min(reader.count - 1, lastHit + margin)
 	};
 }
-//#endregion
-//#region src/tree/tree-base.ts
+// src/tree/tree-base.ts
 /** Above this many rows entering / leaving at once, skip the animation entirely. */
 const MAX_ANIMATED_ROWS = 50;
 const EMPTY_FLAT = {
@@ -2434,7 +2427,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 			types = Array.from(dataTransfer.types);
 		} catch {}
 		const current = treeDragCurrent();
-		const looksInternal = types.includes(TREE_DRAG_MIME) || current !== void 0;
+		const looksInternal = types.includes("application/x-ixfx-tree") || current !== void 0;
 		if (canInternal && looksInternal) {
 			if (current && current.keys.length > 0) {
 				const keys = this.root ? pruneDraggedDescendants(this.root, current.keys) : current.keys;
@@ -3906,8 +3899,7 @@ __decorate([state()], TreeBaseElement.prototype, "_scrollTop", void 0);
 __decorate([state()], TreeBaseElement.prototype, "_focusedDepth", void 0);
 __decorate([state()], TreeBaseElement.prototype, "_stickyKeys", void 0);
 TreeBaseElement = __decorate([safeCustomElement(`ixfx-tree-base`)], TreeBaseElement);
-//#endregion
-//#region src/tree/tree-list.ts
+// src/tree/tree-list.ts
 let TreeListElement = class TreeListElement extends TreeBaseElement {
 	constructor(..._args) {
 		super(..._args);
@@ -4149,8 +4141,7 @@ __decorate([property({
 })], TreeListElement.prototype, "alignCheckboxes", void 0);
 __decorate([state()], TreeListElement.prototype, "_partialKeys", void 0);
 TreeListElement = __decorate([safeCustomElement(`ixfx-tree-list`)], TreeListElement);
-//#endregion
-//#region src/tree/tree-controller.ts
+// src/tree/tree-controller.ts
 var TreeController = class {
 	#root;
 	#element;
@@ -4295,5 +4286,4 @@ var TreeController = class {
 		}
 	}
 };
-//#endregion
 export { TreeDataModel as a, pruneDraggedDescendants as c, TreeDropController as i, TreeListElement as n, applyTreeDrop as o, TreeBaseElement as r, dropTargetFor as s, TreeController as t };

package/dist/{tree-CftHwtEb.js → tree-DUc-iQcg.js}

@@ -1,5 +1,5 @@
-import { a as capKeys, i as capFlags, n as EMPTY_KEYS } from "./pending-BGidHppL.js";
-//#region src/common/view-state/tree.ts
+import { a as capKeys, i as capFlags, n as EMPTY_KEYS } from "./pending-Afl4LT64.js";
+// src/common/view-state/tree.ts
 /**
 * - live expanded keys that are no longer loaded → pending `true`
 * - pending keys that are now loaded → applied (`true` opens, `false` closes)
@@ -142,5 +142,4 @@ function resolveKeyPath(root, keys, canLoad) {
 		nodes
 	};
 }
-//#endregion
 export { resolveKeyPath as a, reconcileSelection as i, reconcileCursor as n, reconcileExpansion as r, pathFromJson as t };

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

@@ -1,6 +1,5 @@
-import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
-import { l as ViewStateful } from "./types-LU1u0CB8.js";
-//#region src/interaction/list-drag-types.d.ts
+import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.js";
+import { l as ViewStateful } from "./types-16GC5k1z.js";
 interface ListDragEntry<T> {
   readonly key: string;
   readonly index: number;
@@ -54,8 +53,6 @@ interface ListNativeDragStartDetail<T = unknown> {
   readonly preview?: ListDragPreview;
 }
 type ListNativeDragStartEvent<T = unknown> = CustomEvent<ListNativeDragStartDetail<T>>;
-//#endregion
-//#region src/common/tree-data-model.d.ts
 type InvalidateEvent = {
   type: `invalidate`;
   key: string;
@@ -173,8 +170,6 @@ declare class TreeDataModel {
    */
   _subscribe(callback: ModelSubscriber): () => void;
 }
-//#endregion
-//#region src/common/tree-component.d.ts
 type TreeDndMode = `none` | `internal` | `external` | `both`;
 type TreeDropPosition = `before` | `after` | `inside`;
 interface TreeDropTarget {
@@ -440,5 +435,4 @@ interface TreeSearchHost extends TreeComponent {
   readonly shadowRoot: ShadowRoot | null;
   readonly updateComplete: Promise<boolean>;
 }
-//#endregion
 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 };

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-DgfkxmVY.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 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-VAs9akt4.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-DNuzfo6R.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";
 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,2 +1 @@
-import { a as TreeDataModel, i as TreeDropController, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-BaXYyt5U.js";
-export { TreeBaseElement, TreeController, TreeDataModel, TreeDropController, TreeListElement };
+export { r as TreeBaseElement, t as TreeController, a as TreeDataModel, i as TreeDropController, n as TreeListElement } from "./tree-BP5fxvEX.js";

package/dist/{types-LU1u0CB8.d.ts → types-16GC5k1z.d.ts}

@@ -1,4 +1,3 @@
-//#region src/common/view-state/types.d.ts
 /**
  * Shared view-state contract for list-like components.
  *
@@ -83,5 +82,4 @@ type ViewStateful<S extends ViewStateBase = ViewStateBase> = {
   /** Drop all pending (not-yet-matched) state. */
   clearPendingViewState: () => void;
 };
-//#endregion
 export { ViewStateBase as a, ViewStateChangeReason as c, VIEW_STATE_VERSION as i, ViewStateful as l, ScrollState as n, ViewStateChangeDetail as o, VIEW_STATE_CHANGE as r, ViewStateChangeEvent as s, GetViewStateOptions as t };

package/dist/{types-Jky6oNAp.d.ts → types-6hpXRKt7.d.ts}

@@ -1,5 +1,4 @@
-import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
-//#region src/common/types.d.ts
+import { r as IDataProvider } from "./data-provider-Cq_ylpET.js";
 type TreeItem = {
   /** Unique identifier within the tree. */
   key: string;
@@ -107,5 +106,4 @@ type TreeSelectionFilter = `none` | `leaf` | `branch` | `all`;
  * - `'vscode'`    — like `standard` for clicks; Shift+arrow uses snapshot-based toggle-range
  */
 type TreeInteractionMode = `implicit` | `standard` | `manual` | `checked` | `vscode`;
-//#endregion
 export { TreeItem as a, TreeInteractionMode as i, TreeExclusivity as n, TreeNode as o, TreeFilterPredicate as r, TreeSelectionFilter as s, LoadChildrenCallback as t };

package/dist/unit-input.d.ts

@@ -0,0 +1,77 @@
+import { LitElement } from "lit";
+export type UnitInputUnit = {
+  /** Stable id, reported in events. */
+  readonly id: string;
+  /** Text shown in the unit picker. */
+  readonly label: string;
+  /** How many base units one of this unit is (default 1). */
+  readonly factor?: number;
+};
+/** Byte sizes: base unit is the byte. */
+export declare const SIZE_UNITS: readonly UnitInputUnit[];
+/** Durations: base unit is the minute. */
+export declare const AGE_UNITS: readonly UnitInputUnit[];
+export type UnitInputChangeDetail = {
+  /** The number as typed, or `null` when empty or not a number. */
+  readonly value: number | null;
+  /** Id of the selected unit. */
+  readonly unit: string;
+  /** `value` times the unit's `factor`, or `null` when `value` is. */
+  readonly baseValue: number | null;
+};
+export type UnitInputChangeEvent = CustomEvent<UnitInputChangeDetail>;
+/** `value` expressed in base units. */
+export declare function toBase(value: number | null, unit: UnitInputUnit | undefined): number | null;
+/**
+ * The largest unit in `units` that `baseValue` is a whole number of (or the
+ * smallest unit when none fits), with the value in that unit.
+ */
+export declare function bestUnit(baseValue: number, units: readonly UnitInputUnit[]): {
+  value: number;
+  unit: string;
+} | undefined;
+/**
+ * One control for a number with a unit: a number field joined to a unit
+ * picker, styled as a single input.
+ *
+ * @fires {UnitInputChangeEvent} change — when the number or the unit changes
+ *
+ * @example
+ * ```ts
+ * el.units = SIZE_UNITS;
+ * el.unit = 'MB';
+ * el.addEventListener('change', e => console.log(e.detail.baseValue));
+ * ```
+ */
+export declare class UnitInputElement extends LitElement {
+  #private;
+  /** The number, in the selected unit. `null` for empty. */
+  value: number | null;
+  /** Id of the selected unit. Defaults to the first of `units`. */
+  unit: string;
+  /** Units to choose from. */
+  units: readonly UnitInputUnit[];
+  min: number | undefined;
+  max: number | undefined;
+  step: number | undefined;
+  placeholder: string;
+  disabled: boolean;
+  /** The value in base units (see `UnitInputUnit.factor`), or `null` when empty. */
+  get baseValue(): number | null;
+  /** Set the control from a base-unit amount, choosing the largest unit it divides into evenly. */
+  setBaseValue(baseValue: number | null): void;
+  focus(options?: FocusOptions): void;
+  protected render(): import("lit").TemplateResult<1>;
+  static styles: import("lit").CSSResult[];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-unit-input': UnitInputElement;
+  }
+}
+export interface UnitInputElementEventMap {
+  change: UnitInputChangeEvent;
+}
+export interface UnitInputElement {
+  addEventListener: (<K extends keyof UnitInputElementEventMap>(type: K, listener: (this: UnitInputElement, event: UnitInputElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}