@ixfx/components 0.5.20 → 0.6.0

package/dist/index.d.ts

@@ -1,144 +1,52 @@
-import { t as IxfxIconElement } from "./icon-Bd5BiU4b.js";
+import { t as IxfxIconElement } from "./icon-BUwP1CZ1.js";
 import { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent } from "./ac-text.js";
+import { i as collectDataResult, n as DataProviderResult, r as IDataProvider, t as DataBatch } from "./data-provider-BAn_-oR1.js";
+import { a as AcTokenItem, c as AcTokenizerFn, i as AcTokenElementEventMap, l as AcTokensChangeDetail, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokensChangeEvent } from "./ac-token-DVbmHmky.js";
 import { ButtonElement } from "./button.js";
 import { Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap } from "./checkbox.js";
-import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-DrKRD8_a.js";
-import { t as LabelledRangeInput } from "./index-CkMIKEWp.js";
-import { C as TreeNode, D as IDataProvider, E as DataProviderResult, O as collectDataResult, S as TreeItem, T as DataBatch, _ as TreeDataModelOptions, a as TreeComponent, b as TreeFilterPredicate, c as TreeExpandEvent, d as TreeSearchHost, f as TreeSelectDetail, g as TreeDataModel, h as TreeTickleEvent, i as TreeCollapseEvent, l as TreeItemClickDetail, m as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, r as TreeCollapseDetail, s as TreeExpandDetail, t as TreeActivateDetail, u as TreeItemClickEvent, v as LoadChildrenCallback, w as TreeSelectionFilter, x as TreeInteractionMode, y as TreeExclusivity } from "./tree-component-CDLO1ITF.js";
-import { t as TreeConfig } from "./types-DSfbtHs3.js";
+import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-BOUaDIW-.js";
+import { t as LabelledRangeInput } from "./index-BUB5SICW.js";
+import { a as TreeItem, i as TreeInteractionMode, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Bc23SI94.js";
+import { _ as TreeDataModelOptions, a as TreeComponent, c as TreeExpandEvent, d as TreeSearchHost, f as TreeSelectDetail, g as TreeDataModel, h as TreeTickleEvent, i as TreeCollapseEvent, l as TreeItemClickDetail, m as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, r as TreeCollapseDetail, s as TreeExpandDetail, t as TreeActivateDetail, u as TreeItemClickEvent } from "./tree-component-BvV4muxx.js";
+import "./menu-item-BG5w7fi4.js";
 import { FuzzySearchResult, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, Orientation, SelectionMode } from "./narrowed-text.js";
 import { CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent } from "./crumbs.js";
 import { ConfigEntry, DataDisplayComponent, FormattingOptions, RendererStyle } from "./data-display.js";
+import { _ as DataGridSortDetail, a as DataGridColumnReorderDetail, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridSelectEvent, h as DataGridSelectDetail, i as DataGridCellEditEvent, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSortEvent } from "./data-grid-BeAkORz2.js";
+import { t as index_d_exports } from "./index-ovq_GTdl.js";
 import { DisplayTextLogic, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EntryMode } from "./editable-label.js";
-import { a as NoneSelectEventDetail, c as SingleSelectEventDetail, i as IxfxHexEditorElement, n as HexChangeDetail, o as RectangularSelectEventDetail, r as HexChangeEvent, s as SelectEventDetail, t as ContiguousSelectEventDetail } from "./hex-editor-CMIxtNgT.js";
-import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-D87kRcEs.js";
-import { _ as IncrSearchChangeCallback, a as createFuzzySearch, b as IncrSearchState, c as IncrSearchTreeController, d as ElementIncrSearchOptions, f as FuzzySearch, g as IncrSearch, h as HighlightTarget, i as clearHighlights, l as IncrSearchTreeOptions, m as HighlightOptions, n as applyHighlights, o as ElementIncrSearch, p as FuzzySearchOptions, r as buildHighlightTargets, s as createElementIncrSearch, t as createIncrSearch, u as createAcCompletionProvider, v as IncrSearchOptions, y as IncrSearchResult } from "./index-BslNaMLo.js";
-import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-C-ra_1os.js";
+import { FormElement } from "./form.js";
+import { a as ListItemClickDetail, c as ListSelectEvent, d as ListTickleEvent, i as ListInteractionMode, l as ListSelectionMode, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, s as ListSelectDetail, t as ListActivateDetail, u as ListTickleDetail } from "./types-DlVNJez_.js";
+import { a as IGroupedSubComponent, c as SubComponentActivateEvent, d as SubComponentItemClickEvent, f as SubComponentSelectDetail, h as SubComponentTickleEvent, i as GroupedSelectEvent, l as SubComponentFactory, m as SubComponentTickleDetail, n as GroupedItemListerElementEventMap, o as IGroupedSubComponentEventMap, p as SubComponentSelectEvent, r as GroupedSelectDetail, s as SubComponentActivateDetail, t as GroupedItemListerElement, u as SubComponentItemClickDetail } from "./grouped-item-lister-CNLMgdIr.js";
 import { PanelCloseEvent, PanelElement, PanelElementEventMap, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant } from "./panel.js";
-import { a as RadialInputChangeDetail, c as RadialInputInputEvent, i as MarkerStyle, l as ValueMode, n as LaneData, o as RadialInputChangeEvent, r as LaneType, s as RadialInputInputDetail, t as RadialInputElement } from "./radial-input-Dhu5ZGP5.js";
+import { a as NoneSelectEventDetail, c as SingleSelectEventDetail, i as IxfxHexEditorElement, n as HexChangeDetail, o as RectangularSelectEventDetail, r as HexChangeEvent, s as SelectEventDetail, t as ContiguousSelectEventDetail } from "./hex-editor-Caq8vNQk.js";
+import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-RqMh1i-O.js";
+import { _ as IncrSearchChangeCallback, a as createFuzzySearch, b as IncrSearchState, c as IncrSearchTreeController, d as ElementIncrSearchOptions, f as FuzzySearch, g as IncrSearch, h as HighlightTarget, i as clearHighlights, l as IncrSearchTreeOptions, m as HighlightOptions, n as applyHighlights, o as ElementIncrSearch, p as FuzzySearchOptions, r as buildHighlightTargets, s as createElementIncrSearch, t as createIncrSearch, u as createAcCompletionProvider, v as IncrSearchOptions, y as IncrSearchResult } from "./index-Cu5i8zZY.js";
+import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-DGrNzWuE.js";
+import { AddItemOptions, CustomCheckboxOptions, VerticalListElement } from "./vertical-list.js";
+import { a as RadialInputChangeDetail, c as RadialInputInputEvent, i as MarkerStyle, l as ValueMode, n as LaneData, o as RadialInputChangeEvent, r as LaneType, s as RadialInputInputDetail, t as RadialInputElement } from "./radial-input-DXMN55Nz.js";
 import { LabelledRadialInput } from "./labelled-radial-input.js";
 import { LedElement } from "./led.js";
-import { t as index_d_exports } from "./index-Cdmrn0SZ.js";
 import { MillerBaseElement, MillerBaseElementEventMap, MillerConfig, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, MillerSelectionMode, MillerTreeController, MillerTreeControllerOptions } from "./miller.js";
-import { C as ColourMapConfig, D as computeColour, E as applyAgeModification, O as parseColourScaleAttr, S as PlotDataSeriesOptions, T as ColourResult, _ as PlotSingleAxisPointerMoveDetail, a as PlotHistogramBucketClickDetail, b as SingleAxisDrawStyle, c as PlotHistogramOrientation, d as PlotMultiAxisDataPointClickDetail, f as PlotMultiAxisDataPointClickEvent, g as PlotSingleAxisElementEventMap, h as PlotSingleAxis, i as PlotHistogram, k as readBaseColour, l as PlotHistogramValueTooltips, m as PlotMultiAxisLayout, n as XyAgeStyle, o as PlotHistogramBucketClickEvent, p as PlotMultiAxisElementEventMap, r as XyDrawStyle, s as PlotHistogramElementEventMap, t as PlotXyAxis, u as PlotMultiAxis, v as PlotSingleAxisPointerMoveEvent, w as ColourMode, x as PlotDataSeries, y as SingleAxisAgeStyle } from "./xy-axis-CtDDQzGZ.js";
+import { a as Notification, c as NotificationRendererHooks, i as PillTapEvent, l as NotificationType, n as NotificationPillElementEventMap, o as NotificationContent, r as PillTapDetail, s as NotificationRenderer, t as NotificationPillElement, u as NotifierOptions } from "./notification-pill-DyZydXoZ.js";
+import { C as ColourMapConfig, D as computeColour, E as applyAgeModification, O as parseColourScaleAttr, S as PlotDataSeriesOptions, T as ColourResult, _ as PlotSingleAxisPointerMoveDetail, a as PlotHistogramBucketClickDetail, b as SingleAxisDrawStyle, c as PlotHistogramOrientation, d as PlotMultiAxisDataPointClickDetail, f as PlotMultiAxisDataPointClickEvent, g as PlotSingleAxisElementEventMap, h as PlotSingleAxis, i as PlotHistogram, k as readBaseColour, l as PlotHistogramValueTooltips, m as PlotMultiAxisLayout, n as XyAgeStyle, o as PlotHistogramBucketClickEvent, p as PlotMultiAxisElementEventMap, r as XyDrawStyle, s as PlotHistogramElementEventMap, t as PlotXyAxis, u as PlotMultiAxis, v as PlotSingleAxisPointerMoveEvent, w as ColourMode, x as PlotDataSeries, y as SingleAxisAgeStyle } from "./xy-axis-5KhVTNoX.js";
 import { PolarPad, PolarPadInputDetail, PolarPadInputEvent } from "./polar-pad.js";
-import { n as TooltipElement, r as TooltipOrientations, t as FormatValueForHuman } from "./tooltip-BMTSUPBU.js";
+import { n as TooltipElement, r as TooltipOrientations, t as FormatValueForHuman } from "./tooltip-BlvBUQxx.js";
 import { RangeInput } from "./range-input.js";
 import { RangeElement } from "./range.js";
-import { SelectHorizontalElement } from "./selecthorizontal.js";
-import { _ as SliderValueMode, a as SliderInputChangeDetail, c as SliderInputInputDetail, d as SliderLaneType, f as SliderMarkerStyle, g as SliderValueDrag, h as SliderValueCFollow, i as SliderHandleKey, l as SliderInputInputEvent, m as SliderSingleStyle, n as SliderChangedField, o as SliderInputChangeEvent, p as SliderOrientation, r as SliderCrossover, s as SliderInputElementEventMap, t as SliderInputElement, u as SliderLaneData } from "./slider-input-BEaztT-g.js";
+import { SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap } from "./select-horiz.js";
+import { _ as SliderValueMode, a as SliderInputChangeDetail, c as SliderInputInputDetail, d as SliderLaneType, f as SliderMarkerStyle, g as SliderValueDrag, h as SliderValueCFollow, i as SliderHandleKey, l as SliderInputInputEvent, m as SliderSingleStyle, n as SliderChangedField, o as SliderInputChangeEvent, p as SliderOrientation, r as SliderCrossover, s as SliderInputElementEventMap, t as SliderInputElement, u as SliderLaneData } from "./slider-input-XppH3vcy.js";
+import { SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement } from "./snackbar.js";
 import { ClickSnapMode, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic } from "./snap-container.js";
 import { SplitLayoutElement } from "./split-layout.js";
 import { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent } from "./swipe.js";
-import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, s as TabListItemElement, t as TabListChangeDetail } from "./tab-list-B8v9KntS.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-tX6fKF8m.js";
-import { TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeController, TreeControllerOptions, TreeListElement } from "./tree.js";
+import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, s as TabListItemElement, t as TabListChangeDetail } from "./tab-list-Beuh2nom.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-BeuCXtiO.js";
+import { Effect, TransitoryLabelElement } from "./transitory-label.js";
+import { TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeConfig, TreeController, TreeControllerOptions, TreeListElement } from "./tree.js";
 import { XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent } from "./xy-pad.js";
-import { CSSResult, LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, nothing } from "lit";
+import { CSSResult, LitElement, PropertyValues, ReactiveController, ReactiveControllerHost } from "lit";
 import { CommandId, CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
-
-//#region src/ac-token/types.d.ts
-type AcTokenItem = {
-  readonly label: string;
-  readonly subLabel?: string;
-  readonly icon?: string;
-  readonly key?: string;
-  readonly data?: unknown;
-  readonly positions?: ReadonlySet<number>;
-};
-type AcTokenizerFn = (text: string) => string[];
-type AcTokensChangeDetail = {
-  readonly tokens: readonly AcTokenItem[];
-};
-type AcTokensChangeEvent = CustomEvent<AcTokensChangeDetail>;
-type AcTokenAddDetail = {
-  readonly item: AcTokenItem;
-  readonly index: number;
-};
-type AcTokenAddEvent = CustomEvent<AcTokenAddDetail>;
-type AcTokenRemoveDetail = {
-  readonly item: AcTokenItem;
-  readonly index: number;
-};
-type AcTokenRemoveEvent = CustomEvent<AcTokenRemoveDetail>;
-interface AcTokenElementEventMap {
-  'ac-token-change': AcTokensChangeEvent;
-  'ac-token-add': AcTokenAddEvent;
-  'ac-token-remove': AcTokenRemoveEvent;
-}
-//#endregion
-//#region src/ac-token/ac-token.d.ts
-/**
- * Token/tag input with per-token autocomplete suggestions.
- *
- * Users type tokens separated by space, comma or semicolon (default). Each
- * committed token appears as a chip inline with the text cursor. The
- * suggestion popup follows the input cursor position.
- *
- * @fires {AcTokensChangeEvent} ac-token-change — any time the token list changes
- * @fires {AcTokenAddEvent}     ac-token-add    — when a token is added
- * @fires {AcTokenRemoveEvent}  ac-token-remove — when a token is removed
- *
- * @example
- * ```html
- * <ixfx-ac-token placeholder="Add tags…" data-tokens="one two three"></ixfx-ac-token>
- * ```
- */
-declare class AcTokenElement extends LitElement {
-  #private;
-  /** Provides completion results for the current draft token. */
-  completionProvider: IDataProvider<string, AcTokenItem> | undefined;
-  /** Custom tokenizer — defaults to splitting on space, comma, semicolon. */
-  tokenizer: AcTokenizerFn | undefined;
-  /** Placeholder text shown when no tokens or draft text are present. */
-  placeholder: string;
-  /** Maximum number of query results to cache (LRU). */
-  cacheSize: number;
-  /** Debounce delay in ms before invoking the provider after keystroke. */
-  debounceMs: number;
-  /**
-   * When true, only suggestions from the popup can be committed.
-   * When false (default), typing text and pressing Enter commits it as-is.
-   */
-  strict: boolean;
-  /**
-   * When false (default), tokens that have already been committed are
-   * filtered out of the suggestion list. Set to true to show all
-   * suggestions including duplicates.
-   */
-  allowDuplicates: boolean;
-  private _tokens;
-  private _draft;
-  private _selectedTokenIndex;
-  private _isOpen;
-  private _tickled;
-  constructor();
-  get tokens(): readonly AcTokenItem[];
-  set tokens(value: readonly AcTokenItem[]);
-  /**
-   * Set the token list programmatically. Unlike the `tokens` property setter,
-   * this does not dispatch `ac-token-change` — use it for initialisation or any
-   * other programmatic update that should not re-enter a parent's own
-   * `ac-token-change` handler.
-   */
-  setTokens(value: readonly AcTokenItem[]): void;
-  /** All committed token labels joined with commas. */
-  get value(): string;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected updated(changedProps: PropertyValues): void;
-  protected render(): import("lit").TemplateResult<1>;
-  static styles: import("lit").CSSResult[];
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-ac-token': AcTokenElement;
-  }
-}
-interface AcTokenElement {
-  addEventListener: (<K extends keyof AcTokenElementEventMap>(type: K, listener: (this: AcTokenElement, event: AcTokenElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
-}
-//#endregion
 //#region src/button/radio-group.d.ts
 type RadioGroupMode = `compact` | `max`;
 type RadioItem = Readonly<{
@@ -179,7 +87,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-radio-group': RadioGroup;
   }
-} //# sourceMappingURL=radio-group.d.ts.map
+}
 //#endregion
 //#region src/button/types.d.ts
 type SplitButtonSelectDetail = {
@@ -248,7 +156,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-split-button': SplitButton;
   }
-} //# sourceMappingURL=split-button.d.ts.map
+}
 //#endregion
 //#region src/common/data-controller.d.ts
 type DataControllerOptions = {
@@ -387,10 +295,12 @@ interface CrumbPathElement {
 }
 //#endregion
 //#region src/crumbs/crumb-path-controller.d.ts
+type SortCompareFn = (a: CrumbSegment, b: CrumbSegment) => number;
 type CrumbPathControllerOptions = {
   separator?: string;
   paths?: string[];
   onQuery?: (pathSegments: string[]) => Promise<CrumbSegment[]>;
+  sortCompare?: SortCompareFn | null;
 };
 declare class CrumbPathController {
   #private;
@@ -491,7 +401,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-form-group': FormGroupElement;
   }
-} //# sourceMappingURL=form-group.d.ts.map
+}
 //#endregion
 //#region src/form/form-part.d.ts
 declare class FormPartElement extends LitElement {
@@ -506,171 +416,6 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-form-part": FormPartElement;
   }
-} //# sourceMappingURL=form-part.d.ts.map
-//#endregion
-//#region src/form/form.d.ts
-declare class FormElement extends LitElement {
-  protected createRenderRoot(): this;
-  getValues(): Record<string, unknown>;
-  setValues(data: Record<string, unknown>): void;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-form': FormElement;
-  }
-} //# sourceMappingURL=form.d.ts.map
-//#endregion
-//#region src/vertical-list/types.d.ts
-type ListSelectionMode = `none` | `single` | `multiple`;
-/**
- * Controls how pointer and keyboard gestures map to selection changes.
- *
- * - `implicit`  — click always replaces selection (no modifier support)
- * - `standard`  — click replaces; Ctrl/Cmd+click toggles; Shift+click range-selects (multiple only)
- * - `manual`    — no auto-selection; drive state via select()/deselect()/clearSelection()
- * - `checked`   — every click toggles; implies multiple selection regardless of selectionMode
- * - `sticky`    — every tap/click toggles (no checkbox column); implies multiple selection, for touchscreens
- * - `vscode`    — like standard for clicks; Shift+Arrow extends range from the keyboard anchor
- *
- * Switching interactionMode clears the current selection.
- */
-type ListInteractionMode = `implicit` | `standard` | `manual` | `checked` | `sticky` | `vscode`;
-type ListSelectDetail = {
-  readonly selected: ReadonlySet<Element>;
-  readonly previous: ReadonlySet<Element>;
-};
-type ListTickleDetail = {
-  readonly item: Element;
-};
-type ListActivateDetail = {
-  readonly item: Element;
-};
-type ListItemClickDetail = {
-  readonly item: Element;
-};
-type ListSelectEvent = CustomEvent<ListSelectDetail>;
-type ListTickleEvent = CustomEvent<ListTickleDetail>;
-type ListActivateEvent = CustomEvent<ListActivateDetail>;
-type ListItemClickEvent = CustomEvent<ListItemClickDetail>;
-interface ListElementEventMap {
-  'list-select': ListSelectEvent;
-  'list-tickle': ListTickleEvent;
-  'list-activate': ListActivateEvent;
-  'list-item-click': ListItemClickEvent;
-}
-//#endregion
-//#region src/grouped-item-lister/types.d.ts
-/**
- * Fired when the selection set changes by any means.
- * Event name: `select`
- */
-type SubComponentSelectDetail<T> = {
-  readonly selected: ReadonlySet<T>;
-  readonly previous: ReadonlySet<T>;
-};
-/**
- * Fired when an item is explicitly activated (double-click or Enter key).
- * Event name: `activate`
- */
-type SubComponentActivateDetail<T> = {
-  readonly item: T;
-};
-/**
- * Fired on a raw pointer click before any selection change.
- * Event name: `item-click`
- */
-type SubComponentItemClickDetail<T> = {
-  readonly item: T;
-};
-/**
- * Fired when the pointer hovers over an item or the keyboard cursor moves to it.
- * Event name: `tickle`
- */
-type SubComponentTickleDetail<T> = {
-  readonly item: T;
-};
-type SubComponentSelectEvent<T> = CustomEvent<SubComponentSelectDetail<T>>;
-type SubComponentActivateEvent<T> = CustomEvent<SubComponentActivateDetail<T>>;
-type SubComponentItemClickEvent<T> = CustomEvent<SubComponentItemClickDetail<T>>;
-type SubComponentTickleEvent<T> = CustomEvent<SubComponentTickleDetail<T>>;
-interface IGroupedSubComponentEventMap<T> {
-  'select': SubComponentSelectEvent<T>;
-  'activate': SubComponentActivateEvent<T>;
-  'item-click': SubComponentItemClickEvent<T>;
-  'tickle': SubComponentTickleEvent<T>;
-}
-/**
- * Contract that sub-components passed to `ixfx-grouped-item-lister` must satisfy.
- *
- * All four events (`select`, `activate`, `item-click`, `tickle`) must bubble and be composed
- * so they propagate through the lister's light DOM to external listeners.
- */
-interface IGroupedSubComponent<T> extends HTMLElement {
-  /** Replace the full item list. Called whenever the lister's items or grouping changes. */
-  setItems: (items: readonly T[]) => void;
-  /** Clear the current selection without firing a `select` event (avoids re-entrant loops). */
-  clearSelection: () => void;
-  /** The current selection set. */
-  readonly selectedItems: ReadonlySet<T>;
-  /** Controls how many items can be selected simultaneously. */
-  selectionMode: ListSelectionMode;
-  /**
-   * Forward a command (e.g. sort-order change) to this sub-component.
-   * Uses `CommandId` from `@clinth/ui-commands` for interoperability.
-   */
-  dispatch: (commandId: CommandId, args?: Record<string, unknown>) => void;
-  addEventListener: (<K extends keyof IGroupedSubComponentEventMap<T>>(type: K, listener: (event: IGroupedSubComponentEventMap<T>[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
-}
-/**
- * Factory that creates a sub-component for a given group.
- * Called once per group (or once with `undefined` in ungrouped mode).
- */
-type SubComponentFactory<T> = (groupKey: string | undefined) => HTMLElement & IGroupedSubComponent<T>;
-/**
- * Fired by `ixfx-grouped-item-lister` after any sub-component fires `select`.
- * Carries the full cross-group selection union and the key of the group whose
- * selection just changed (or `undefined` in ungrouped mode).
- */
-type GroupedSelectDetail<T> = {
-  readonly selected: ReadonlySet<T>;
-  readonly groupKey: string | undefined;
-};
-type GroupedSelectEvent<T> = CustomEvent<GroupedSelectDetail<T>>;
-interface GroupedItemListerElementEventMap<T> {
-  'grouped-select': GroupedSelectEvent<T>;
-}
-//#endregion
-//#region src/grouped-item-lister/grouped-item-lister.d.ts
-declare class GroupedItemListerElement<T = unknown> extends LitElement {
-  #private;
-  grouped: boolean;
-  crossGroupSelection: boolean;
-  get groupBy(): ((item: T) => string) | undefined;
-  set groupBy(value: ((item: T) => string) | undefined);
-  get factory(): SubComponentFactory<T> | undefined;
-  set factory(value: SubComponentFactory<T> | undefined);
-  get provider(): IDataProvider<void, T> | undefined;
-  set provider(value: IDataProvider<void, T> | undefined);
-  /** The union of all selected items across every sub-component. */
-  get selectedItems(): ReadonlySet<T>;
-  /**
-   * Forward a command to all live sub-components.
-   * Use this to propagate changes like sort order, filter state, or view mode.
-   */
-  dispatch(commandId: CommandId, args?: Record<string, unknown>): void;
-  protected createRenderRoot(): this;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected updated(changed: PropertyValues): void;
-  protected render(): typeof nothing | import("lit").TemplateResult<1>;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-grouped-item-lister': GroupedItemListerElement;
-  }
-}
-interface GroupedItemListerElement<T> {
-  addEventListener: (<K extends keyof GroupedItemListerElementEventMap<T>>(type: K, listener: (this: GroupedItemListerElement<T>, event: GroupedItemListerElementEventMap<T>[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
 //#endregion
 //#region src/grouped-item-lister/tree-list-adapter.d.ts
@@ -679,7 +424,8 @@ type TreeListAdapterOptions<T> = {
    * Returns the direct children of an item to build the tree hierarchy.
    * Omit for flat item lists — all items become leaf nodes at the root level.
    */
-  getChildren?: (item: T) => readonly T[]; /** Forwarded to the inner ixfx-tree-list. Default: `'standard'`. */
+  getChildren?: (item: T) => readonly T[];
+  /** Forwarded to the inner ixfx-tree-list. Default: `'standard'`. */
   interactionMode?: TreeInteractionMode;
   /**
    * Controls which node types are selectable.
@@ -731,126 +477,11 @@ type TreeListAdapterOptions<T> = {
  */
 declare function createTreeListAdapter<T>(toTreeItem: (item: T) => Omit<TreeItem, `data`>, options?: TreeListAdapterOptions<T>): HTMLElement & IGroupedSubComponent<T>;
 //#endregion
-//#region src/vertical-list/vertical-list.d.ts
-interface CustomCheckboxOptions {
-  renderer: (checked: boolean) => unknown;
-  margin?: string;
-  width?: string;
-}
-interface AddItemOptions {
-  /**
-   * In `checked` interaction mode, adds the item without a checkbox column and
-   * without the ability to be checked/selected. Equivalent to setting the
-   * `not-checked` attribute on the item. Ignored outside `checked` mode.
-   */
-  notChecked?: boolean;
-}
-declare class VerticalListElement extends LitElement {
-  #private;
-  selectionMode: ListSelectionMode;
-  interactionMode: ListInteractionMode;
-  filterPredicate: ((el: Element) => boolean) | undefined;
-  /**
-   * Optional renderer for the checkbox shown in `checked` interactionMode.
-   * Receives the current `checked` state and returns a Lit template result.
-   *
-   * When set, the per-row checkbox becomes a `<span role="checkbox">` whose
-   * contents are whatever this returns (rendered with `lit`'s `render()`).
-   * When unset, a native `<input type="checkbox">` is used.
-   *
-   * @example
-   *   list.checkboxRenderer = (checked) => checked
-   *     ? html`<svg viewBox="0 0 16 16" width="14" height="14"
-   *           fill="none" stroke="currentColor" stroke-width="2"
-   *           stroke-linecap="round" stroke-linejoin="round"
-   *           style="opacity:0.5">
-   *         <polyline points="3,8 7,12 13,4" />
-   *       </svg>`
-   *     : html``;
-   */
-  checkboxRenderer: ((checked: boolean) => unknown) | CustomCheckboxOptions | undefined;
-  private _selectedItems;
-  private _searchVisible;
-  private _searchQuery;
-  private _searchInputEl;
-  private tickled;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  firstUpdated(): void;
-  updated(changed: PropertyValues): void;
-  /** The most recently selected item, or `undefined` if nothing is selected. */
-  get selectedItem(): Element | undefined;
-  /** The full current selection set (read-only). */
-  get selectedItems(): ReadonlySet<Element>;
-  addItem(item: Element | string, options?: AddItemOptions): void;
-  removeItem(item: Element): void;
-  clearItems(): void;
-  /**
-   * Replace the entire item list in one call.
-   * Equivalent to `clearItems()` followed by `addItem()` for each element.
-   * Preserves `interactionMode` checkbox wrapping.
-   */
-  setItems(items: readonly Element[]): void;
-  /**
-   * Dispatch a command to this list. No-op by default.
-   * Intended for use with `ixfx-grouped-item-lister`'s `dispatch()` method,
-   * which forwards commands to all sub-components.
-   */
-  dispatch(_commandId: CommandId, _args?: Record<string, unknown>): void;
-  select(item: Element): void;
-  selectMany(items: Iterable<Element>): void;
-  deselect(item: Element): void;
-  clearSelection(): void;
-  selectAll(): void;
-  selectedFilter(kind: `selected` | `checked` | `either`): Generator<Element>;
-  private _replaceSelection;
-  private _toggleItem;
-  private _rangeSelectTo;
-  private _clearSelection;
-  private _selectAll;
-  private _handleClickSelection;
-  private _handleSpaceKey;
-  private _getVisibleItems;
-  private _isCheckable;
-  private _syncItemStates;
-  private _syncCheckboxes;
-  /**
-   * Native checkbox cell: a span that stretches to the row's full cross-axis
-   * (so the entire column height is a click target) with a real `<input>`
-   * centred inside. The span owns the click; the input is purely visual and
-   * has `pointer-events:none` so a single click produces one toggle.
-   */
-  private _createNativeCheckboxCell;
-  /**
-   * Custom checkbox cell: same shape as the native cell (a stretching span)
-   * so behaviour is identical. The renderer's content goes inside.
-   */
-  private _createCustomCheckbox;
-  private _findListItem;
-  private _dispatch;
-  private _openSearch;
-  private _closeSearch;
-  private _onPointerOver;
-  private _onPointerLeave;
-  private _onKeyDown;
-  private _onClick;
-  private _onDblClick;
-  private _activateItem;
-  private _onSearchInput;
-  private _onSearchKeydown;
-  static styles: import("lit").CSSResult[];
-  render(): import("lit").TemplateResult<1>;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-vertical-list': VerticalListElement;
-  }
-  interface HTMLElementEventMap extends ListElementEventMap {}
-} //# sourceMappingURL=vertical-list.d.ts.map
-//#endregion
 //#region src/grouped-item-lister/vertical-list-adapter.d.ts
 type VerticalListAdapterOptions = {
-  /** Initial selection mode forwarded to the inner ixfx-vertical-list. Default: `'single'`. */selectionMode?: ListSelectionMode; /** Interaction mode forwarded to the inner ixfx-vertical-list. Default: `'standard'`. */
+  /** Initial selection mode forwarded to the inner ixfx-vertical-list. Default: `'single'`. */
+  selectionMode?: ListSelectionMode;
+  /** Interaction mode forwarded to the inner ixfx-vertical-list. Default: `'standard'`. */
   interactionMode?: ListInteractionMode;
   /**
    * Called when a command is dispatched via `ixfx-grouped-item-lister.dispatch()`.
@@ -896,71 +527,6 @@ type VerticalListAdapterOptions = {
  */
 declare function createVerticalListAdapter<T>(renderItem: (item: T) => Element, options?: VerticalListAdapterOptions): HTMLElement & IGroupedSubComponent<T>;
 //#endregion
-//#region src/notifier/types.d.ts
-type NotificationType = `info` | `warning` | `error`;
-type NotificationContent = {
-  readonly type: NotificationType;
-  readonly message: string;
-  readonly icon?: string;
-  readonly onTap?: (id: string) => void;
-};
-type Notification = NotificationContent & {
-  readonly id: string;
-  readonly createdAt: number;
-  readonly updatedAt: number;
-};
-interface NotificationRendererHooks {
-  onTap: (id: string) => void;
-}
-interface NotificationRenderer {
-  /** Called once when this renderer becomes active. */
-  attach: (hooks: NotificationRendererHooks) => void;
-  /** Called once if this renderer is swapped out for another at runtime. */
-  detach?: () => void;
-  /**
-   * The manager's full, ranked view of currently-visible notifications
-   * (index 0 = oldest/first, the one closest to eviction/dismissal).
-   * Never longer than `queueSize`, since the manager evicts overflow itself.
-   */
-  setNotifications: (notifications: Notification[], queueSize: number) => void;
-}
-type NotifierOptions = {
-  renderer?: NotificationRenderer;
-  timeout?: number;
-  timeoutError?: number;
-  queue?: boolean;
-  queueSize?: number;
-  tapBehaviour?: `none` | `dismiss`;
-  tapHandlerDefault?: (notification: Notification) => void;
-};
-//#endregion
-//#region src/notifier/notification-pill.d.ts
-type PillTapDetail = {
-  readonly id: string;
-};
-type PillTapEvent = CustomEvent<PillTapDetail>;
-interface NotificationPillElementEventMap {
-  'pill-tap': PillTapEvent;
-}
-declare class NotificationPillElement extends LitElement {
-  #private;
-  notificationType: NotificationType;
-  message: string;
-  icon?: string;
-  dismissing: boolean;
-  notificationId: string;
-  protected render(): import("lit").TemplateResult<1>;
-  static styles: import("lit").CSSResult[];
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-notification-pill': NotificationPillElement;
-  }
-}
-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);
-}
-//#endregion
 //#region src/notifier/manager.d.ts
 declare const NotificationManager: {
   configure(opts: NotifierOptions): void;
@@ -1008,7 +574,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-panel-group': PanelGroupElement;
   }
-} //# sourceMappingURL=panel-group.d.ts.map
+}
 //#endregion
 //#region src/range/range-multi.d.ts
 type Endpoints = `a` | `b`;
@@ -1068,108 +634,47 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-range-multi": RangeMultiElement;
   }
-} //# sourceMappingURL=range-multi.d.ts.map
-//#endregion
-//#region src/select-horiz/select-horiz.d.ts
-type SelectHorizChangeDetail = {
-  readonly selectedIndex: number;
-  readonly selectedItem: HTMLElement | null;
-  readonly selectedValue: string | null;
-};
-type SelectHorizChangeEvent = CustomEvent<SelectHorizChangeDetail>;
-interface SelectHorizEventMap {
-  change: SelectHorizChangeEvent;
 }
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-select-horiz': SelectHorizElement;
-  }
-}
-interface SelectHorizElement {
-  addEventListener: (<K extends keyof SelectHorizEventMap>(type: K, listener: (this: SelectHorizElement, event: SelectHorizEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+//#endregion
+//#region src/rating/rating.d.ts
+type RatingVariant = `star` | `square` | `heart`;
+type RatingChangeDetail = Readonly<{
+  value: number;
+  oldValue: number;
+}>;
+type RatingChangeEvent = CustomEvent<RatingChangeDetail>;
+type RatingInputEvent = CustomEvent<RatingChangeDetail>;
+interface RatingElementEventMap {
+  change: RatingChangeEvent;
+  input: RatingInputEvent;
 }
-declare const SelectHorizElement_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
-declare class SelectHorizElement extends SelectHorizElement_base {
+declare class RatingElement extends LitElement {
   static styles: import("lit").CSSResult[];
-  private _selectedIndex;
-  private _slottedItems;
-  private tickled;
-  get selectedIndex(): number;
-  set selectedIndex(value: number);
-  get selectedValue(): string | null;
-  set selectedValue(value: string | null);
-  get selectedItem(): HTMLElement | null;
-  get items(): HTMLCollection;
-  protected render(): import("lit").TemplateResult<1>;
-  willUpdate(changed: Map<PropertyKey, unknown>): void;
-  private _onSlotChange;
-  private _syncTickled;
-  private _findSlottedItem;
-  private _handlePointerOver;
-  private _handleKeyDown;
-  private _applyTickledSelection;
-  private _wheelCooldown;
-  _applyWheelDelta(direction: WheelDirection, _event: WheelEvent): void;
-  private _handleClick;
-  private _updateSelectedAttribute;
-  private _scrollSelectedIntoView;
-  private _emitChange;
-}
-//#endregion
-//#region src/snackbar/snackbar.d.ts
-type SnackbarMode = `explicit` | `manual` | `implicit`;
-type SnackbarPlacement = `top` | `bottom` | `left` | `right`;
-type SnackbarDismiss = `auto` | `manual`;
-/**
- * `ixfx-snackbar` is itself the popover panel (`popover="auto"` set on the host) -
- * unlike `ixfx-menu-trigger`/`ixfx-colour-picker-popup` there's no separate always-visible
- * trigger living inside the component to keep out of the top layer; the trigger is the
- * external `for` target, so the whole host can be the popover content.
- */
-declare class SnackbarElement extends LitElement {
-  for: string;
-  mode: SnackbarMode;
-  placement: SnackbarPlacement;
-  dismiss: SnackbarDismiss;
-  showDelay: number;
-  hideDelay: number;
-  private _isOpen;
-  private _recentCloseAt;
-  private readonly _anchorName;
-  private _target;
-  private _addedTabindex;
-  private _addedRole;
-  private _showTimeout;
-  private _hideTimeout;
-  private readonly _onTargetClick;
-  private readonly _onTargetKeydown;
-  private readonly _onTickleIn;
-  private readonly _onTickleOut;
-  private readonly _onPanelClick;
-  private readonly _onToggle;
-  private readonly _onBeforeToggle;
-  get isOpen(): boolean;
-  show(): void;
-  hide(): void;
-  toggle(): void;
+  value: number;
+  max: number;
+  allowHalf: boolean;
+  disabled: boolean;
+  readonly: boolean;
+  variant: RatingVariant;
+  private _preview;
   connectedCallback(): void;
-  disconnectedCallback(): void;
-  updated(changed: Map<PropertyKey, unknown>): void;
-  private _resolveTarget;
-  private _attachToTarget;
-  private _detachFromTarget;
-  private _scheduleShow;
-  private _scheduleHide;
-  private _cancelShow;
-  private _cancelHide;
-  static styles: import("lit").CSSResult[];
+  protected updated(changed: Map<string, unknown>): void;
+  private _path;
+  private _effective;
+  private _commit;
+  private _calc;
   protected render(): import("lit").TemplateResult<1>;
+  firstUpdated(): void;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    'ixfx-snackbar': SnackbarElement;
+    'ixfx-rating': RatingElement;
   }
-} //# sourceMappingURL=snackbar.d.ts.map
+}
+interface IxfxRatingElement {
+  addEventListener: (<K extends keyof RatingElementEventMap>(type: K, listener: (this: RatingElement, ev: RatingElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+  removeEventListener: (<K extends keyof RatingElementEventMap>(type: K, listener: (this: RatingElement, ev: RatingElementEventMap[K]) => void, options?: boolean | EventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void);
+}
 //#endregion
 //#region src/tabs/tab-panel.d.ts
 declare class TabPanelElement extends LitElement {
@@ -1180,7 +685,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tab-panel": TabPanelElement;
   }
-} //# sourceMappingURL=tab-panel.d.ts.map
+}
 //#endregion
 //#region src/tabs/tab-panels.d.ts
 declare class TabPanelsElement extends LitElement {
@@ -1224,12 +729,14 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tab-panels": TabPanelsElement;
   }
-} //# sourceMappingURL=tab-panels.d.ts.map
+}
 //#endregion
 //#region src/tabs/tab-controller.d.ts
 /** A single tab managed by a {@link TabController}. */
 type Tab = {
-  /** id of the `ixfx-tab-list-item` */readonly id: string; /** id of the `ixfx-tab-panel` (the item's `for` value) */
+  /** id of the `ixfx-tab-list-item` */
+  readonly id: string;
+  /** id of the `ixfx-tab-panel` (the item's `for` value) */
   readonly forId: string;
   readonly item: TabListItemElement;
   readonly panel: TabPanelElement;
@@ -1237,15 +744,21 @@ type Tab = {
   iconName?: string;
 };
 type TabAddOptions = {
-  label: string; /** id for the tab item; derived from the label if omitted */
-  id?: string; /** id for the panel (and the item's `for`); derived from the label if omitted */
+  label: string;
+  /** id for the tab item; derived from the label if omitted */
+  id?: string;
+  /** id for the panel (and the item's `for`); derived from the label if omitted */
   forId?: string;
   iconName?: string;
   description?: string;
-  closeable?: boolean; /** Elements to slot into the tab's `slot="toolbar"` */
-  toolbar?: HTMLElement[]; /** Panel content: a node, text, or a callback given the fresh panel element */
-  content?: Node | string | ((panel: TabPanelElement) => void); /** Select the new tab immediately (default `true`) */
-  select?: boolean; /** Insertion index among existing tabs (default: append) */
+  closeable?: boolean;
+  /** Elements to slot into the tab's `slot="toolbar"` */
+  toolbar?: HTMLElement[];
+  /** Panel content: a node, text, or a callback given the fresh panel element */
+  content?: Node | string | ((panel: TabPanelElement) => void);
+  /** Select the new tab immediately (default `true`) */
+  select?: boolean;
+  /** Insertion index among existing tabs (default: append) */
   index?: number;
 };
 type TabControllerOptions = {
@@ -1253,7 +766,8 @@ type TabControllerOptions = {
    * When provided, a command is registered per tab (id = tab id). Invoking
    * `commands.invoke(id)` selects the tab.
    */
-  commands?: CommandRegistry; /** Fired after a tab becomes selected (via click or programmatic select) */
+  commands?: CommandRegistry;
+  /** Fired after a tab becomes selected (via click or programmatic select) */
   onSelect?: (tab: Tab, previous: Tab | undefined) => void;
   onAdd?: (tab: Tab) => void;
   onRemove?: (tab: Tab) => void;
@@ -1303,38 +817,11 @@ declare class TabController {
   setTabIcon(sel: string | TabListItemElement, iconName?: string): boolean;
 }
 //#endregion
-//#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 {
-  #private;
-  text: string;
-  effect: Effect;
-  duration: number;
-  easing: string;
-  private _currentText;
-  private _outgoingText;
-  private _activeEffect;
-  private _transitionId;
-  private _queue;
-  private _pendingEffect;
-  setText(msg: string, effect: Effect): void;
-  protected updated(changed: PropertyValues): void;
-  private _startTransition;
-  private _onTransitionEnd;
-  protected render(): import("lit").TemplateResult<1>;
-  static styles: import("lit").CSSResult;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-transitory-label': TransitoryLabelElement;
-  }
-} //# sourceMappingURL=transitory-label.d.ts.map
-//#endregion
 //#region src/util/checkbox.d.ts
 declare function monitorIndeterminate(targetElOrQuery: string | HTMLElement, watchedElsOrQueries: Array<string | HTMLElement>): () => void;
 //#endregion
 //#region src/index.d.ts
 declare function init(): void;
 //#endregion
-export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent, AddItemOptions, ButtonElement, Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap, ClickSnapMode, ColourMapConfig, ColourMode, ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, ColourResult, ConfigEntry, ContiguousSelectEventDetail, CrossoverBehaviour, CrumbNavChangeDetail, CrumbNavChangeEvent, CrumbNavExpandDetail, CrumbNavExpandEvent, CrumbNavNavigateDetail, CrumbNavNavigateEvent, CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, CrumbPathController, CrumbPathControllerOptions, CrumbPathElement, CrumbPathElementEventMap, CrumbSegment, CrumbSiblingLookupFn, type CssVars, CustomCheckboxOptions, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataProviderResult, DisplayTextLogic, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, Endpoints, EntryMode, FormElement, FormGroupElement, FormPartElement, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, GridMode, GridResolution, GroupedItemListerElement, type GroupedItemListerElementEventMap, type GroupedSelectDetail, type GroupedSelectEvent, HexChangeDetail, HexChangeEvent, type HighlightOptions, type HighlightTarget, ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, IDataProvider, type IGroupedSubComponent, type IGroupedSubComponentEventMap, type IconChangedDetail, type IconChangedEvent, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxTimelineElement, LabelledRadialInput, LabelledRangeInput, LaneData, LaneType, LedElement, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, LoadChildrenCallback, MarkerStyle, index_d_exports as Menu, type TreeActivateDetail as MillerActivateDetail, TreeActivateDetail, type TreeActivateEvent as MillerActivateEvent, TreeActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, TreeCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, TreeCollapseEvent, MillerConfig, type TreeExpandDetail as MillerExpandDetail, TreeExpandDetail, type TreeExpandEvent as MillerExpandEvent, TreeExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, TreeItem, type TreeItemClickDetail as MillerItemClickDetail, TreeItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, TreeItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type TreeNode as MillerNode, TreeNode, type TreeSelectDetail as MillerSelectDetail, TreeSelectDetail, type TreeSelectEvent as MillerSelectEvent, TreeSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, TreeTickleDetail, type TreeTickleEvent as MillerTickleEvent, TreeTickleEvent, MillerTreeController, MillerTreeControllerOptions, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, NoneSelectEventDetail, Notification, NotificationContent, NotificationManager, NotificationPillElement, NotificationPillElementEventMap, NotificationRenderer, NotificationRendererHooks, NotificationType, NotifierOptions, type OklchValue, Orientation, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupOrientation, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramOrientation, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, PolarPad, PolarPadInputDetail, PolarPadInputEvent, PopupItem, RadialInputChangeDetail, RadialInputChangeEvent, RadialInputElement, RadialInputInputDetail, RadialInputInputEvent, RadioGroup, RadioGroupChangeDetail, RadioGroupChangeEvent, RadioGroupMode, RadioItem, RangeElement, RangeInput, RangeMultiElement, RangeMultiInputDetail, RangeMultiInputEvent, type Rect, RectangularSelectEventDetail, RendererStyle, ResizeMode, SelectEventDetail, SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap, SelectHorizontalElement, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SliderChangedField, SliderCrossover, SliderHandleKey, SliderInputChangeDetail, SliderInputChangeEvent, SliderInputElement, SliderInputElementEventMap, SliderInputInputDetail, SliderInputInputEvent, SliderLaneData, SliderLaneType, SliderMarkerStyle, SliderOrientation, SliderSingleStyle, SliderValueCFollow, SliderValueDrag, SliderValueMode, SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitLayoutElement, type SubComponentActivateDetail, type SubComponentActivateEvent, type SubComponentFactory, type SubComponentItemClickDetail, type SubComponentItemClickEvent, type SubComponentSelectDetail, type SubComponentSelectEvent, type SubComponentTickleDetail, type SubComponentTickleEvent, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, Tab, TabAddOptions, TabController, TabControllerOptions, TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListItemElement, TabListReorderDetail, TabListReorderEvent, TabPanelElement, TabPanelsElement, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, TreeListAdapterOptions, TreeListElement, TreeSearchHost, TreeSelectionFilter, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, ViewRange, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, applyAgeModification, applyHighlights, attachTimelineInteractions, buildHighlightTargets, clearHighlights, collectDataResult, computeColour, createAcCompletionProvider, createElementIncrSearch, createFuzzySearch, createIncrSearch, createPillRenderer, createTreeListAdapter, createVerticalListAdapter, getIcon, hasIcon, iconBus, init, monitorIndeterminate, parseColourScaleAttr, readBaseColour, registerIcon, resolveCssVars, resolveGrid, svgToDataUri, timelineStyles };
+export { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent, type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent, AddItemOptions, ButtonElement, Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap, ClickSnapMode, ColourMapConfig, ColourMode, ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, ColourResult, ConfigEntry, ContiguousSelectEventDetail, CrossoverBehaviour, CrumbNavChangeDetail, CrumbNavChangeEvent, CrumbNavExpandDetail, CrumbNavExpandEvent, CrumbNavNavigateDetail, CrumbNavNavigateEvent, CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, CrumbPathController, CrumbPathControllerOptions, CrumbPathElement, CrumbPathElementEventMap, CrumbSegment, CrumbSiblingLookupFn, type CssVars, CustomCheckboxOptions, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent, DataProviderResult, DisplayTextLogic, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, Endpoints, EntryMode, FormElement, FormGroupElement, FormPartElement, FormatValueForHuman, FormattingOptions, type FuzzySearch, type FuzzySearchOptions, FuzzySearchResult, GridMode, GridResolution, GroupedItemListerElement, type GroupedItemListerElementEventMap, type GroupedSelectDetail, type GroupedSelectEvent, HexChangeDetail, HexChangeEvent, type HighlightOptions, type HighlightTarget, ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, IDataProvider, type IGroupedSubComponent, type IGroupedSubComponentEventMap, type IconChangedDetail, type IconChangedEvent, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, ItemsProvider, IxfxHexEditorElement, IxfxIconElement, IxfxRatingElement, IxfxTimelineElement, LabelledRadialInput, LabelledRangeInput, LaneData, LaneType, LedElement, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, LoadChildrenCallback, MarkerStyle, index_d_exports as Menu, type TreeActivateDetail as MillerActivateDetail, TreeActivateDetail, type TreeActivateEvent as MillerActivateEvent, TreeActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, TreeCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, TreeCollapseEvent, MillerConfig, type TreeExpandDetail as MillerExpandDetail, TreeExpandDetail, type TreeExpandEvent as MillerExpandEvent, TreeExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, TreeItem, type TreeItemClickDetail as MillerItemClickDetail, TreeItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, TreeItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type TreeNode as MillerNode, TreeNode, type TreeSelectDetail as MillerSelectDetail, TreeSelectDetail, type TreeSelectEvent as MillerSelectEvent, TreeSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, TreeTickleDetail, type TreeTickleEvent as MillerTickleEvent, TreeTickleEvent, MillerTreeController, MillerTreeControllerOptions, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, NoneSelectEventDetail, Notification, NotificationContent, NotificationManager, NotificationPillElement, NotificationPillElementEventMap, NotificationRenderer, NotificationRendererHooks, NotificationType, NotifierOptions, type OklchValue, Orientation, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupOrientation, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PillPosition, PillQueueDisplay, PillRendererOptions, PillSafeArea, PillTapDetail, PillTapEvent, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramOrientation, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, PolarPad, PolarPadInputDetail, PolarPadInputEvent, PopupItem, RadialInputChangeDetail, RadialInputChangeEvent, RadialInputElement, RadialInputInputDetail, RadialInputInputEvent, RadioGroup, RadioGroupChangeDetail, RadioGroupChangeEvent, RadioGroupMode, RadioItem, RangeElement, RangeInput, RangeMultiElement, RangeMultiInputDetail, RangeMultiInputEvent, RatingChangeDetail, RatingChangeEvent, RatingElement, RatingElementEventMap, RatingInputEvent, RatingVariant, type Rect, RectangularSelectEventDetail, RendererStyle, ResizeMode, SelectEventDetail, SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SliderChangedField, SliderCrossover, SliderHandleKey, SliderInputChangeDetail, SliderInputChangeEvent, SliderInputElement, SliderInputElementEventMap, SliderInputInputDetail, SliderInputInputEvent, SliderLaneData, SliderLaneType, SliderMarkerStyle, SliderOrientation, SliderSingleStyle, SliderValueCFollow, SliderValueDrag, SliderValueMode, SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic, SortCompareFn, SplitButton, SplitButtonMode, SplitButtonSelectDetail, SplitButtonSelectEvent, SplitLayoutElement, type SubComponentActivateDetail, type SubComponentActivateEvent, type SubComponentFactory, type SubComponentItemClickDetail, type SubComponentItemClickEvent, type SubComponentSelectDetail, type SubComponentSelectEvent, type SubComponentTickleDetail, type SubComponentTickleEvent, SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent, SwitcherItem, Tab, TabAddOptions, TabController, TabControllerOptions, TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListItemElement, TabListReorderDetail, TabListReorderEvent, TabPanelElement, TabPanelsElement, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TooltipElement, TooltipOrientations, TrackHeightMode, TrackLayout, TransitoryLabelElement, TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeComponent, TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, TreeDataModelOptions, TreeExclusivity, TreeFilterPredicate, TreeInteractionMode, TreeListAdapterOptions, TreeListElement, TreeSearchHost, TreeSelectionFilter, UserScale, ValueMode, VerticalListAdapterOptions, VerticalListElement, ViewRange, XyAgeStyle, XyDrawStyle, XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent, applyAgeModification, applyHighlights, attachTimelineInteractions, buildHighlightTargets, clearHighlights, collectDataResult, computeColour, createAcCompletionProvider, createElementIncrSearch, createFuzzySearch, createIncrSearch, createPillRenderer, createTreeListAdapter, createVerticalListAdapter, getIcon, hasIcon, iconBus, init, monitorIndeterminate, parseColourScaleAttr, readBaseColour, registerIcon, resolveCssVars, resolveGrid, svgToDataUri, timelineStyles };
 //# sourceMappingURL=index.d.ts.map