@ixfx/components 0.4.3 → 0.5.0

package/bundle/index.d.ts

@@ -1,12 +1,9 @@
 import { FzfOptions } from "fzf";
+import { Colour } from "@ixfx/visual";
 import { CommandId, CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
-
+import { TraversableTree } from "@ixfx/collections";
+import "@clinth/vcanvas";
 //#region node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/development/css-tag.d.ts
-/**
-* @license
-* Copyright 2019 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
 /**
  * A CSSResult or native CSSStyleSheet.
  *
@@ -1029,8 +1026,6 @@ declare class LitElement extends ReactiveElement {
   protected render(): unknown;
 }
 //#endregion
-//#region node_modules/.pnpm/lit@3.3.3/node_modules/lit/development/index.d.ts
-//#endregion
 //#region src/icons/icon.d.ts
 /**
  * Renders an icon from the icon registry by name.
@@ -1052,7 +1047,7 @@ declare class IxfxIconElement extends LitElement {
   rotate: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  protected render(): TemplateResult<1> | typeof nothing;
+  protected render(): typeof nothing | TemplateResult<1>;
   protected updated(changed: Map<string, unknown>): void;
   static styles: CSSResult[];
 }
@@ -1060,7 +1055,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-icon': IxfxIconElement;
   }
-} //# sourceMappingURL=icon.d.ts.map
+}
 //#endregion
 //#region src/ac-text/ac-text.d.ts
 type AcTextItem = {
@@ -1068,8 +1063,10 @@ type AcTextItem = {
   readonly subLabel?: string;
   readonly icon?: string;
   readonly key?: string;
-  readonly data?: unknown; /** When true, Tab-accept will not append `tabSuffix`. */
-  readonly isLeaf?: boolean; /** Character positions within label that matched the query, used for CSS highlight rendering. */
+  readonly data?: unknown;
+  /** When true, Tab-accept will not append `tabSuffix`. */
+  readonly isLeaf?: boolean;
+  /** Character positions within label that matched the query, used for CSS highlight rendering. */
   readonly positions?: ReadonlySet<number>;
 };
 type AcTextSelectDetail = {
@@ -1082,13 +1079,16 @@ type AcTextSelectEvent = CustomEvent<AcTextSelectDetail>;
  *  or by selecting an item from the autocomplete popup (keyboard or click).
  */
 type AcTextChangeDetail = {
-  /** The committed text value (typed text, or the selected item's label). */readonly value: string;
+  /** The committed text value (typed text, or the selected item's label). */
+  readonly value: string;
   /**
    * The item key. For autocomplete items: `item.key ?? item.label`.
    *  For plain typed text: the text itself.
    */
-  readonly key: string; /** The item's `data` payload. Only present for autocomplete selections. */
-  readonly data?: unknown; /** Whether the commit came from plain typed text or an autocomplete selection. */
+  readonly key: string;
+  /** The item's `data` payload. Only present for autocomplete selections. */
+  readonly data?: unknown;
+  /** Whether the commit came from plain typed text or an autocomplete selection. */
   readonly source: `text` | `autocomplete`;
 };
 type AcTextChangeEvent = CustomEvent<AcTextChangeDetail>;
@@ -1152,7 +1152,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-ac-text': AcTextElement;
   }
-} //# sourceMappingURL=ac-text.d.ts.map
+}
 //#endregion
 //#region src/common/data-provider.d.ts
 /**
@@ -1168,7 +1168,8 @@ declare global {
  * DataBatch internally — you only need this type when writing a streaming provider.
  */
 type DataBatch<T> = {
-  /** Items delivered in this batch. */readonly items: readonly T[];
+  /** Items delivered in this batch. */
+  readonly items: readonly T[];
   /**
    * When true, replace all previously accumulated items with this batch instead
    * of appending. Useful for re-ranked or filtered results mid-stream.
@@ -1313,7 +1314,7 @@ declare class ButtonElement extends LitElement {
   icon?: string;
   hideIcon: boolean;
   hideLabel: boolean;
-  protected _renderIcon(): TemplateResult<1> | typeof nothing;
+  protected _renderIcon(): typeof nothing | TemplateResult<1>;
   protected render(): TemplateResult<1>;
   static styles: CSSResult[];
 }
@@ -1321,7 +1322,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-button": ButtonElement;
   }
-} //# sourceMappingURL=button.d.ts.map
+}
 //#endregion
 //#region src/button/radio-group.d.ts
 type RadioGroupMode = `compact` | `max`;
@@ -1363,7 +1364,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-radio-group': RadioGroup;
   }
-} //# sourceMappingURL=radio-group.d.ts.map
+}
 //#endregion
 //#region src/button/types.d.ts
 type SplitButtonSelectDetail = {
@@ -1417,7 +1418,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-container': MenuContainer;
   }
-} //# sourceMappingURL=menu-container.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-trigger.d.ts
 type MenuMode = `trigger` | `dropdown` | `context`;
@@ -1504,7 +1505,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-item': MenuItem;
   }
-} //# sourceMappingURL=menu-item.d.ts.map
+}
 //#endregion
 //#region src/button/split-button.d.ts
 type SplitButtonMode = `default` | `switcher`;
@@ -1557,7 +1558,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-split-button': SplitButton;
   }
-} //# sourceMappingURL=split-button.d.ts.map
+}
 //#endregion
 //#region src/checkbox/checkbox.d.ts
 declare class Checkbox extends LitElement {
@@ -1615,1096 +1616,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-colour-picker': ColourPicker;
   }
-} //# sourceMappingURL=types.d.ts.map
-//#endregion
-//#region node_modules/.pnpm/@ixfx+geometry@0.56.13/node_modules/@ixfx/geometry/dist/angles.d.ts
-/**
-* A angle with unit.
-* - [Degrees](https://en.wikipedia.org/wiki/Degree_(angle)): 0..360
-* - [Radians](https://en.wikipedia.org/wiki/Radian): 0...2Pi
-* - [Gradians](https://en.wikipedia.org/wiki/Gradian): 0..400
-* - [Turns](https://en.wikipedia.org/wiki/Turn_(angle)): 0..1
-*
-*
-* ```
-*             100 grad
-*             1/4 turn
-*              90 deg
-*             PI/2 rad
-*                |
-*  Pi rad        |        0 or 2PI rad
-*  180deg -------+------- 0 or 360 deg
-*  1/2 turn      |        0 or 1 turn
-*  200 grad      |        0 or 400 grad
-*                |
-*             270 deg
-*            3PI/2 rad
-*             3/4 turn
-*             300 grad
-* ```
-*/
-type Angle = {
-  value: number;
-  unit: `deg` | `rad` | `turn` | `grad`;
-};
-//#endregion
-//#region node_modules/.pnpm/@ixfx+collections@0.56.13/node_modules/@ixfx/collections/dist/index-rrpZOWbs.d.ts
-/**
-* Traversable Tree.
-*
-* Creatable from:
-* {@link Trees.FromObject.asDynamicTraversable}: Create based on dynamic reading of an object
-* {@link Trees.TraversableTree}: Create based on an {@link Trees.TreeNode}, a {@link Trees.TraversableTree} or an object (same as calling asDynamicTraversable).
-* Use {@link Trees.isTraversable} to check if an object is this type.
-*/
-type TraversableTree<TValue> = {
-  /**
-  * Direct children of node
-  */
-  children: () => IterableIterator<TraversableTree<TValue>>;
-  /**
-  * Direct parent of node
-  */
-  getParent: () => TraversableTree<TValue> | undefined;
-  /**
-  * Value of node
-  */
-  getValue: () => TValue;
-  /**
-  * Object reference that acts as the identity of the node
-  */
-  getIdentity: () => any;
-};
-//#endregion
-//#region node_modules/.pnpm/@ixfx+random@0.56.13/node_modules/@ixfx/random/dist/index.d.ts
-//#region src/types.d.ts
-/**
-* A random source.
-*
-* Predefined sources: Math.random, {@link gaussianSource}, {@link weightedSource}
-*/
-type RandomSource = () => number;
-//#endregion
-//#region node_modules/.pnpm/@ixfx+visual@0.56.13/node_modules/@ixfx/visual/dist/index-a3KMyMEu.d.ts
-//#region src/colour/types.d.ts
-type HslBase = {
-  /**
-  * Hue
-  */
-  h: number;
-  /**
-  * Saturation
-  */
-  s: number;
-  /**
-  * Lightness
-  */
-  l: number;
-  /**
-  * Opacity
-  */
-  opacity?: number;
-  space?: `hsl`;
-};
-/**
-* [YCbCr format](https://en.wikipedia.org/wiki/YCbCr)
-*/
-type YCbCrBase = {
-  /**
-  * Luma
-  */
-  y: number;
-  /**
-  * Blue difference
-  */
-  cb: number;
-  /**
-  * Red difference
-  */
-  cr: number;
-  /**
-  * Opacity
-  */
-  opacity?: number;
-  space?: `ycbcr`;
-};
-/**
-* Scalar values use 0..1 for each field
-*/
-type YCbCrScalar = YCbCrBase & {
-  unit: `scalar`;
-};
-/**
-* Absolute colour use 0..255 for each field
-*/
-type YCbCr8bit = YCbCrBase & {
-  unit: `8bit`;
-};
-/**
-* [YCbCr format](https://en.wikipedia.org/wiki/YCbCr).
-*
-* By default assumes scalar coordinates (0..1) for each field.
-* Use '8bit' unit for 0..255 ranged values.
-*/
-type YCbCr = YCbCrScalar | YCbCr8bit;
-type ColourSpaces = `srgb` | `hsl` | `oklch` | `ycbcr`;
-/**
-* Scalar values use 0..1 for each field
-*/
-type HslScalar = HslBase & {
-  unit: `scalar`;
-};
-/**
-* Absolute values use hue:0..360, all other fields 0..100
-*/
-type HslAbsolute = HslBase & {
-  unit: `absolute`;
-};
-/**
-* HSL value.
-* By default assumes scalar coordinates (0..1) for each field.
-* Use 'absolute' unit for hue:0...360, all other fields on 0..100 scale.
-*/
-type Hsl = HslScalar | HslAbsolute;
-/**
-* Rgb.
-* Units determine how to interperet rgb values.
-* 'scalar': 0..1 range for RGB & opacity
-* '8bit': 0..255 range for RGB & opacity
-*/
-type RgbBase = {
-  r: number;
-  g: number;
-  b: number;
-  opacity?: number;
-  space?: `srgb`;
-};
-type RgbScalar = RgbBase & {
-  unit: `scalar`;
-};
-/**
-* RGB in 0...255 range, including opacity.
-*/
-type Rgb8Bit = RgbBase & {
-  unit: `8bit`;
-};
-/**
-* Rgb.
-* Units determine how to interperet rgb values.
-* 'scalar': 0..1 range for RGB & opacity
-* '8bit': 0..255 range for RGB & opacity
-*/
-type Rgb = RgbScalar | Rgb8Bit;
-type LchBase = {
-  /**
-  * Lightness/perceived brightnes
-  */
-  l: number;
-  /**
-  * Chroma ('amount of colour')
-  */
-  c: number;
-  /**
-  * Hue
-  */
-  h: number;
-  /**
-  * Opacity on 0..1 scale
-  */
-  opacity?: number;
-  space: `lch` | `oklch`;
-};
-type ColourInterpolator<T extends Colour> = (amount: number) => T;
-type OkLchBase = LchBase & {
-  space: `oklch`;
-};
-/**
-* Oklch colour expressed in 0..1 scalar values for LCH & opacity
-*/
-type OkLchScalar = OkLchBase & {
-  unit: `scalar`;
-};
-/**
-* Oklch colour expressed with:
-* l: 0..1
-* c: 0..4
-* h: 0..360 degrees
-* opacity: 0..1
-*/
-type OkLchAbsolute = OkLchBase & {
-  unit: `absolute`;
-};
-type OkLch = OkLchAbsolute | OkLchScalar;
-type Colour = {
-  opacity?: number;
-} & (Hsl | OkLch | Rgb | YCbCr);
-/**
-* A representation of colour. Eg: `blue`, `rgb(255,0,0)`, `hsl(20,100%,50%)`
-*/
-type Colourish = Colour | string;
-/**
-* Options for interpolation
-*/
-type ColourInterpolationOpts = {
-  direction: `longer` | `shorter`;
-  /**
-  * Space to do calculations in
-  */
-  space: ColourSpaces;
-  /**
-  * Destination of calculated colour
-  */
-  destination: ConvertDestinations;
-};
-type ColourStepOpts = ColourInterpolationOpts & {
-  /**
-  * If set, determines total number of steps, including colour stops.
-  * Use this _or_ `stepsBetween`.
-  */
-  stepsTotal?: number;
-  /**
-  * If set, determines number of steps between colour stops.
-  * Use this _or_ `stepsTotal`.
-  */
-  stepsBetween?: number;
-};
-type ParsingOptions<T> = Partial<{
-  scalar: boolean;
-  ensureSafe: boolean;
-  /**
-  * Value to use if input is invalid
-  */
-  fallbackString: string;
-  /**
-  * Fallback colour to use if value cannot be parsed
-  */
-  fallbackColour: T;
-}>;
-type ConvertDestinations = `hsl-scalar` | `hsl-absolute` | `oklch-scalar` | `oklch-absolute` | `srgb-8bit` | `srgb-scalar` | `ycbcr-scalar` | `ycbcr-8bit`; //#endregion
-//#region ../../node_modules/.pnpm/colorizr@4.0.1/node_modules/colorizr/dist/index.d.mts
-type ColorType = 'hex' | 'hsl' | 'oklab' | 'oklch' | 'rgb';
-type HEX = `#${string}`;
-interface Analysis {
-  brightnessDifference: number;
-  colorDifference: number;
-  compliant: number;
-  contrast: number;
-  largeAA: boolean;
-  largeAAA: boolean;
-  normalAA: boolean;
-  normalAAA: boolean;
-}
-interface HSL {
-  /** The alpha/opacity value (0-1). */
-  alpha?: number;
-  h: number;
-  l: number;
-  s: number;
-}
-interface LAB {
-  a: number;
-  /** The alpha/opacity value (0-1). */
-  alpha?: number;
-  b: number;
-  l: number;
-}
-interface LCH {
-  /** The alpha/opacity value (0-1). */
-  alpha?: number;
-  c: number;
-  h: number;
-  l: number;
-}
-interface RGB {
-  /** The alpha/opacity value (0-1). */
-  alpha?: number;
-  b: number;
-  g: number;
-  r: number;
-}
-interface ColorizrOptions {
-  /**
-   * Output color format.
-   *
-   * If not specified, the output will use the same format as the input color.
-   */
-  format?: ColorType;
-}
-declare class Colorizr {
-  /** The alpha/opacity value (0-1). */
-  alpha: number;
-  hex: HEX;
-  hsl: HSL;
-  oklab: LAB;
-  oklch: LCH;
-  rgb: RGB;
-  type: ColorType;
-  constructor(color: string | HSL | LAB | LCH | RGB, options?: ColorizrOptions);
-  /**
-   * Get CSS string
-   */
-  get css(): string;
-  /**
-   * Get the red value
-   */
-  get red(): number;
-  /**
-   * Get the green value
-   */
-  get green(): number;
-  /**
-   * Get the blue value
-   */
-  get blue(): number;
-  /**
-   * Get the hue value
-   */
-  get hue(): number;
-  /**
-   * Get the saturation value
-   */
-  get saturation(): number;
-  /**
-   * Get the lightness value
-   */
-  get lightness(): number;
-  /**
-   * Get the luminance value
-   */
-  get luminance(): number;
-  /**
-   * Get the chroma value
-   */
-  get chroma(): number;
-  get opacity(): number;
-  /**
-   * Get the most readable color (light or dark) for this color as a background.
-   */
-  get readableColor(): string;
-  private get currentColor();
-  /**
-   * Get the brightness difference between this color and another.
-   *
-   * @param input - The color to compare against.
-   * @returns The brightness difference value.
-   */
-  brightnessDifference(input: string): number;
-  /**
-   * Get the color difference between this color and another.
-   *
-   * @param input - The color to compare against.
-   * @returns The color difference value.
-   */
-  colorDifference(input: string): number;
-  /**
-   * Test 2 colors for WCAG compliance.
-   *
-   * @param input - The color to compare against.
-   * @returns Analysis object with compliance information.
-   */
-  compare(input: string): Analysis;
-  /**
-   * Get the contrast ratio between this color and another.
-   *
-   * @param input - The color to compare against.
-   * @returns The contrast ratio.
-   */
-  contrast(input: string): number;
-  /**
-   * Format the color to a specific type.
-   *
-   * @param type - The color format to convert to.
-   * @param precision - The decimal precision for the output.
-   * @returns The formatted color string.
-   */
-  format(type: ColorType, precision?: number): string;
-  /**
-   * Increase lightness.
-   *
-   * @param amount - A number between 0 and 100.
-   * @returns The lightened color string.
-   */
-  lighten(amount: number): string;
-  /**
-   * Decrease lightness.
-   *
-   * @param amount - A number between 0 and 100.
-   * @returns The darkened color string.
-   */
-  darken(amount: number): string;
-  /**
-   * Increase saturation.
-   *
-   * @param amount - A number between 0 and 100.
-   * @returns The saturated color string.
-   */
-  saturate(amount: number): string;
-  /**
-   * Decrease saturation.
-   *
-   * @param amount - A number between 0 and 100.
-   * @returns The desaturated color string.
-   */
-  desaturate(amount: number): string;
-  /**
-   * Convert to grayscale.
-   *
-   * @returns The grayscale color string.
-   */
-  grayscale(): string;
-  /**
-   * Invert color.
-   *
-   * @returns The inverted color string.
-   */
-  invert(): string;
-  /**
-   * Mix with another color.
-   *
-   * @param color - The color to mix with.
-   * @param ratio - A number between 0 and 1 (0 = this color, 1 = input color).
-   * @returns The mixed color string.
-   */
-  mix(color: string, ratio?: number): string;
-  /**
-   * Add opacity to the color.
-   *
-   * @param alpha - A number between 0 and 1.
-   * @returns The opacified color string.
-   */
-  opacify(alpha?: number): string;
-  /**
-   * Rotate color hue.
-   *
-   * @param degrees - A number between -360 and 360.
-   * @returns The rotated color string.
-   */
-  rotate(degrees: number): string;
-  /**
-   * Make the color more transparent.
-   *
-   * @param alpha - A number between -1 and 1.
-   * @returns The transparentized color string.
-   */
-  transparentize(alpha?: number): string;
-}
-/**
- * Check 2 colors for WCAG compliance.
- *
- * @param left - The first color string.
- * @param right - The second color string.
- * @returns Analysis object with WCAG compliance information.
- */
-//#endregion
-//#region src/colour/conversion.d.ts
-declare function convert<T extends ConvertDestinations>(colour: Colourish, destination: T): T extends `oklch-absolute` ? OkLchAbsolute : T extends `oklch-scalar` ? OkLchScalar : T extends `srgb-8bit` ? Rgb8Bit : T extends `srgb-scalar` ? RgbScalar : T extends `hsl-scalar` ? HslScalar : T extends `hsl-absolute` ? HslAbsolute : never;
-/**
-* Like {@link convert}, but result is a CSS colour string
-* @param colour
-* @param destination
-*/
-declare function convertToString(colour: Colourish, destination: ConvertDestinations): string;
-/**
-* Converts some kind of colour into a scalar representation. Supports oklch, hsl and srgb.
-* @param colour Colour to convert
-* @param destination Destination colour format
-*/
-declare function convertScalar<T extends ColourSpaces>(colour: Colourish, destination: T): T extends `oklch` ? OkLchScalar : T extends `hsl` ? HslScalar : T extends `srgb` ? RgbScalar : never;
-declare function toCssColour(colour: Colourish | object): string;
-declare function toHexColour(colour: Colourish | object): string;
-declare function toLibraryColour(colour: Colourish): Colorizr;
-declare function guard$4(colour: Colour): void;
-declare function toColour(colourish: any): Colour;
-/**
-* Returns a CSS-ready string
-* representation.
-* ```js
-* element.style.backgroundColor = resolveToString(`red`);
-* ```
-*
-* Tries each parameter in turn, returning the value
-* for the first that resolves. This can be useful for
-* having fallback values.
-*
-* ```js
-* // Try a CSS variable, a object property or finally fallback to red.
-* element.style.backgroundColor = toStringFirst('--some-var', opts.background, `red`);
-* ```
-* @param colours Array of colours to resolve
-*/
-declare function toStringFirst(...colours: Array<Colourish | undefined>): string;
-declare function rgbToHsl(rgb: Rgb, scalarResult: true): HslScalar;
-declare function rgbToHsl(rgb: Rgb, scalarResult: false): HslAbsolute; //#endregion
-//#region src/colour/css-colours.d.ts
-/**
-* Converts from some kind of colour that is legal in CSS
-* into a structured Colour type.
-* 
-* Handles: hex format, CSS variables, colour names
-* ```js
-* fromCssColour(`#ffffff`);
-* fromCssColour(`blue`);
-* fromCssColour(`--some-variable`);
-* fromCssColour(`hsl(50, 50%, 50%)`);
-* fromCssColour(`rgb(50, 100, 100)`);
-* ```
-* @param colour 
-* @returns 
-*/
-declare const fromCssColour: (colour: string) => Colour;
-/**
-* Resolves a named colour to a colour string.
-* 
-* ```js
-* resolveCss(`red`);
-* ```
-* @param colour CSS named colour
-* @returns 
-*/
-declare function resolveCss(colour: CssColourNames): string;
-type CssColourNames = keyof typeof cssDefinedHexColours;
-declare const cssDefinedHexColours: Record<string, string>; //#endregion
-//#region src/colour/generate.d.ts
-/**
-* Returns a full HSL colour string (eg `hsl(20,50%,75%)`) based on a index.
-* It's useful for generating perceptually different shades as the index increments.
-*
-* ```
-* el.style.backgroundColor = goldenAgeColour(10);
-* ```
-*
-* Saturation and lightness can be specified, as numeric ranges of 0-1.
-*
-* @param saturation Saturation (0-1), defaults to 0.5
-* @param lightness Lightness (0-1), defaults to 0.75
-* @param alpha Opacity (0-1), defaults to 1.0
-* @returns HSL colour string eg `hsl(20,50%,75%)`
-*/
-declare const goldenAngleColour: (index: number, saturation?: number, lightness?: number, alpha?: number) => string;
-/**
-* Returns a random hue component (0..359)
-* 
-* ```
-* // Generate hue
-* const h = randomHue(); // 0-359
-*
-* // Generate hue and assign as part of a HSL string
-* el.style.backgroundColor = `hsl(${randomHue(), 50%, 75%})`;
-* ```
-* @param rand
-* @returns
-*/
-declare const randomHue: (rand?: RandomSource) => number; //#endregion
-//#region src/colour/guards.d.ts
-declare function isHsl(v: any): v is Hsl;
-declare function isRgb(v: any): v is Rgb;
-/**
-* If the input object has r,g&b properties, it will return a fully-
-* formed Rgb type with `unit` and `space` properties.
-*
-* If it lacks these basic three properties or they are out of range,
-*  _undefined_ is returned.
-*
-* If RGB values are less than 1 assumes unit:scalar. Otherwise unit:8bit.
-* If RGB values exceed 255, _undefined_ returned.
-* @param v
-* @returns
-*/
-declare function tryParseObjectToRgb(v: any): Rgb | undefined;
-declare function tryParseObjectToHsl(v: any): Hsl | undefined;
-declare function isOkLch(v: any): v is OkLch;
-declare function isColourish(v: any): v is Colourish;
-declare namespace hsl_d_exports {
-  export { absolute$1 as absolute, changeLightness$1 as changeLightness, fromCss$3 as fromCss, fromHexString$3 as fromHexString, generateScalar$1 as generateScalar, guard$3 as guard, interpolator$3 as interpolator, parseCssHslFunction, scalar$3 as scalar, toAbsolute$1 as toAbsolute, toCssString$2 as toCssString, toHexString$3 as toHexString, toLibraryRgb, toScalar$3 as toScalar, withOpacity$3 as withOpacity };
-}
-/**
-* Scales the opacity value of an input HSL value
-* ```js
-* withOpacity()
-* ```
-* @param value Colour
-* @param fn Function that calcules opacity based on input scalar value
-*/
-declare function withOpacity$3<T extends Hsl>(value: T, fn: (opacityScalar: number, value: T) => number): T;
-/**
-* Increases or decreases lightness by this percentage, returning new colour
-*
-* Amount to change:
-* 'fixed': a fixed amount
-* 'delta': increase/decrease by this amount
-* 'pdelta': proportion of current value to change by ('percentage delta')
-*
-* ```
-* const colour = { h: 0.5, s: 0.5, l: 0.5, space: `hsl`, unit: `scalar` };
-* changeLightness(colour, { pdelta: 0.1 }); // l: 0.55
-* changeLightness(colour, { delta: 0.1 });  // l: 0.6
-* changeLightness(colour, { fixed: 0.5 });  // l: 0.5
-* ```
-*
-* Keep in mind the numerical value will depend on the unit of `value`. If it's scalar,
-* lightness is 0..1 scale, otherwise 0..100 scale.
-*
-* Use negative values to decrease (does not apply to 'fixed')
-* @param value Hsl colour
-* @param amount Amount to change
-*/
-declare function changeLightness$1(value: Hsl, amount: Partial<{
-  pdelta: number;
-  delta: number;
-  fixed: number;
-}>): Hsl;
-declare function fromHexString$3<T extends ParsingOptions<Hsl>>(hexString: string, scalar: T): T extends {
-  scalar: true;
-} ? HslScalar : HslAbsolute;
-declare function fromCss$3<T extends ParsingOptions<Hsl>>(value: string, options?: T): T extends {
-  scalar: true;
-} ? HslScalar : HslAbsolute;
-declare function toCssString$2(hsl: Hsl): string;
-declare function toHexString$3(hsl: Hsl): string;
-declare function toAbsolute$1(hslOrString: Hsl | Rgb | string): HslAbsolute;
-/**
-* Generates a {@link HslScalar} value.
-*
-* ```js
-* generateScaler(10); // 10deg, default to full saturation, half lightness and full opacity
-*
-* // Generate HSL value from radian angle and 50% saturation
-* generateScalar(`10rad`, 0.5);
-*
-* // Generate from numeric CSS variable
-* generateScalar(`--hue`);
-* ```
-* @param absoluteHslOrVariable Hue angle or CSS variable
-* @param saturation
-* @param lightness
-* @param opacity
-*/
-declare function generateScalar$1(absoluteHslOrVariable: string | number | Angle, saturation?: number, lightness?: number, opacity?: number): HslScalar;
-/**
-* Converts a {@link Hsl} value to scalar units, or parses a colour string
-* and converts it.
-*
-* ```js
-* toScalar({ h: 100, s: 50, l: 100, unit: `absolute` });
-* toScalar(`red`);
-* ```
-* @param colour
-*/
-declare function toScalar$3(colour: Rgb | Hsl | string): HslScalar;
-declare function guard$3(hsl: Hsl): void;
-declare function interpolator$3(a: Hsl | string, b: Hsl | string, direction?: `longer` | `shorter`): (amount: number) => HslScalar;
-/**
-* Creates a HslScalar value from scalar (0..1) values
-* @param hue
-* @param sat
-* @param lightness
-* @param opacity
-*/
-declare function scalar$3(hue?: number, sat?: number, lightness?: number, opacity?: number): HslScalar;
-declare function absolute$1(hue?: number, sat?: number, lightness?: number, opacity?: number): HslAbsolute;
-/**
-* It seems Colorizr can't handle 'deg' units
-* @param value
-*/
-declare function parseCssHslFunction(value: string): Hsl;
-/**
-* Converts a Hsl structure (or CSS string) to Colorizr's RGB format
-* @param hsl HSL colour
-*/
-declare function toLibraryRgb(hsl: Hsl | string): RGB; //#endregion
-//#region src/colour/interpolate.d.ts
-/**
-* Returns a function to interpolate between colours, with results as a structured {@link Colour} object.
-* ```js
-* const i = interpolator([`orange`, `yellow`, `red`]);
-*
-* // Get a random colour on the above spectrum
-* i(Math.random());
-* ```
-*
-* Results will vary depending on the colour space used, play with the options.
-* When using a hue-based colour space, the `hue` option sets the logic for how hue values wrap.
-*
-* ```js
-* interpolator([`orange`, `yellow`, `red`], { space: `hsl`, hue: `longer })
-* ```
-*
-* Example: Draw the interpolation as a spectrum on a canvas, where each pixel is one step
-* ```js
-* let v = 0;
-* let incrementBy = 0.01;
-* while (v <= 1) {
-*  // Get colour at this interpolation point 0..1
-*  const colour = fn(v);
-*  // Convert to a CSS string
-*  ctx.fillStyle = Colour.toCssColour(colour);
-*  // Draw a 1px wide rect, and shuffle along to the next x position
-*  ctx.fillRect(x, y, 1, h);
-*  x += 1;
-*  v += incrementBy;
-* }
-* ```
-* @param colours Colours to interpolate between
-* @param opts Options for interpolation
-* @returns Function that interpolates based on an amount, returning a structured Colour
-*/
-declare function interpolator$2(colours: Colourish[], opts?: Partial<ColourInterpolationOpts>): (amt: number) => Colour;
-/**
-* Returns a CSS `linear-gradient` with stops corresponding to the given list of `colours`.
-* ```js
-* element.style.background = Colour.cssLinearGradient(['red','green','blue']);
-* ```
-* @param colours
-* @returns A 'linear-gradient' string for use in CSS, eg for background.
-*/
-declare function cssLinearGradient(colours: Colourish[]): string;
-/**
-* Returns a function that interpolates between two colours. Returns string colour values.
-* If you want the result as a structured colour, use {@link interpolatorDual} instead.
-*
-* By default takes a shorter direction and uses the OkLCH colourspace.
-* ```js
-* const i = interpolator(`blue`, `red`);
-* i(0.5); // Get the colour at 50%, as a string.
-* ```
-*
-* To work with structured colour values, use one of the space's `interpolate` functions.
-*
-* If you want to create discrete steps, consider {@link createSteps} or {@link scale}.
-*
-* @param colourA First colour
-* @param colourB Second colour
-* @param options Interpolation options. By default uses shorter direction and OkLCH colour space.
-*/
-declare function interpolatorDualToString(colourA: Colourish, colourB: Colourish, options?: Partial<ColourInterpolationOpts>): ((amount: number) => string);
-/**
-* Returns a function that interpolates between two colours. Returns structured colour values.
-* If you want the result as a ready-to-use CSS string, use {@link interpolatorDualToString} instead.
-*
-* By default takes a shorter direction and uses the OkLCH colourspace.
-* ```js
-* const i = interpolator(`blue`, `red`);
-* i(0.5); // Get the colour at 50%, as a Colour structure.
-* ```
-*
-* If you want to create discrete steps, consider {@link createSteps} or {@link scale}.
-* @param colourA First colour
-* @param colourB Second colour
-* @param options Interpolation options. By default uses shorter direction and OkLCH colour space.
-* @returns Function that interpolates between two colours, returning a structured Colour
-*/
-declare function interpolatorDual(colourA: Colourish, colourB: Colourish, options?: Partial<ColourInterpolationOpts>): (amount: number) => Colour;
-/**
-* Produces a stepped scale of colours.
-*
-* Builds off {@link createSteps} which can only step between two colours.
-*
-* ```js
-* // A scale of from red to green, with three colours in-between
-* const steps = Colour.scale([ `red`, `green` ], { stepsBetween: 3 });
-* for (const step of steps) {
-*  // A CSS colour string
-* }
-* ```
-*
-* {@link cssLinearGradient} can produce a smooth gradient in CSS on the basis
-* of the stepped colours.
-* @param colours
-* @param opts
-* @returns Array of colours in string form
-*/
-declare function scale(colours: Colourish[], opts?: Partial<ColourStepOpts>): string[];
-type CreateStepsOptions = Partial<{
-  space: ColourSpaces;
-  steps: number;
-  direction: `longer` | `shorter`;
-  exclusive: boolean;
-}>;
-/**
-* Creates discrete colour steps between two colours.
-*
-* Use {@link scale} to create steps between any number of colours.
-*
-* Start and end colours are included (and counted as a step) unless `exclusive` is set to _true_
-*
-* ```js
-* // Array of five HslScalar
-* createSteps(`red`,`blue`, { steps: 5 });
-* ```
-*
-* Defaults to the oklch colour space, 5 steps and non-exclusive.
-* @param a Start colour
-* @param b End colour
-* @param options
-* @returns Colour steps
-*/
-declare function createSteps<T extends CreateStepsOptions>(a: Colourish | string, b: Colourish, options: T): T extends {
-  space: `oklch`;
-} ? OkLchScalar[] : T extends {
-  space: `srgb`;
-} ? RgbScalar[] : T extends {
-  space: `hsl`;
-} ? HslScalar[] : OkLchScalar[]; //#endregion
-//#region src/colour/math.d.ts
-declare function multiplyOpacity<T extends Colourish>(colourish: T, amount: number): T extends string ? string : T extends Hsl ? Hsl : T extends OkLch ? OkLch : T extends Rgb ? Rgb : never;
-/**
-* Does a computation with the opacity of a colour, returning colour string
-* @param colourish Colour
-* @param fn Function that takes original opacity as input and returns output opacity
-*/
-/**
-* Does a computation with the opacity of a colour in a HSL structure
-* @param hsl Colour
-* @param fn Function that takes original opacity as input and returns output opacity
-*/
-/**
-* Does a computation with the opacity of a colour in a RGB structure
-* @param colourish Colour
-* @param fn Function that takes original opacity as input and returns output opacity
-*/
-declare function withOpacity$2<T extends Colourish>(colourish: T, fn: (scalarOpacity: number) => number): T extends string ? string : T extends Hsl ? Hsl : T extends OkLch ? OkLch : T extends Rgb ? Rgb : never;
-declare function setOpacity<T extends Colourish>(colourish: T, amount: number): T extends string ? string : T extends Hsl ? Hsl : T extends OkLch ? OkLch : T extends Rgb ? Rgb : never;
-declare namespace oklch_d_exports {
-  export { OKLCH_CHROMA_MAX, absolute, fromCss$2 as fromCss, fromHexString$2 as fromHexString, fromLibrary, generateScalar, guard$2 as guard, interpolator$1 as interpolator, scalar$2 as scalar, toAbsolute, toCssString$1 as toCssString, toHexString$2 as toHexString, toScalar$2 as toScalar, withOpacity$1 as withOpacity };
-}
-declare const OKLCH_CHROMA_MAX = .4;
-declare function guard$2(lch: OkLch): void;
-/**
-* Coverts from the Colorizr library
-* Tests ranges:
-* l: 0..1
-* c: 0..1
-* h: 0..360
-* alpha: 0..1
-*
-* Default option: { scalar: true }
-* @param lch LCH value
-* @param parsingOptions Options for parsing
-*/
-declare function fromLibrary<T extends ParsingOptions<OkLch>>(lch: LCH, parsingOptions: T): T extends {
-  scalar: true;
-} ? OkLchScalar : OkLchAbsolute;
-/**
-* Parse a HEX-formatted colour into OkLch structured format
-* @param hexString
-* @param options
-*/
-declare function fromHexString$2(hexString: string, options?: ParsingOptions<OkLch>): OkLch;
-/**
-* Converts from some CSS-representation of colour to a structured OkLch format.
-*
-* ```js
-* fromCss(`yellow`);
-* fromCss(`rgb(100,200,90)`);
-* fromCss(`#ff00ff`);
-* ```
-*
-* By default returns a {@link OkLchScalar} (relative) representation. Use the flag 'scalar:true' to get back
-* {@link OkLchAbsolute}.
-* @param value
-* @param options
-*/
-declare function fromCss$2<T extends ParsingOptions<OkLch>>(value: string, options: T): T extends {
-  scalar: true;
-} ? OkLchScalar : OkLchAbsolute;
-/**
-* Returns a string or {@link OkLch} value to absolute form.
-*
-* This means ranges are:
-* lightness: 0..1
-* chroma: 0...CHROMA_MAX (0.4)
-* hue: 0..360
-* @param lchOrString
-*/
-declare function toAbsolute(lchOrString: OkLch | string): OkLchAbsolute;
-declare function toScalar$2(lchOrString: OkLch | string): OkLchScalar;
-/**
-* Returns the colour as a CSS colour string: `oklch(l c h / opacity)`.
-*
-* @param lch Colour
-* @param precision Set precision of numbers, defaults to 3
-* @returns CSS colour string
-*/
-declare function toCssString$1(lch: OkLch, precision?: number): string;
-declare function toHexString$2(lch: OkLch): string;
-declare function generateScalar(absoluteHslOrVariable: string | number | Angle, chroma?: number, lightness?: number, opacity?: number): OkLchScalar;
-/**
-* Scales the opacity value of an input Oklch value
-* ```js
-* withOpacity()
-* ```
-* @param value
-* @param fn
-*/
-declare function withOpacity$1<T extends OkLch>(value: T, fn: (opacityScalar: number, value: T) => number): T;
-declare function interpolator$1(a: OkLch | string, b: OkLch | string, direction?: `longer` | `shorter`): (amount: number) => OkLchScalar;
-declare function scalar$2(lightness?: number, chroma?: number, hue?: number, opacity?: number): OkLchScalar;
-/**
-* Create an LCH colour using absolute hue
-* @param l Lightness 0..1
-* @param c Chroma 0..4
-* @param h Hue 0..360
-* @param opacity
-*/
-declare function absolute(l: number, c: number, h: number, opacity?: number): OkLchAbsolute;
-declare namespace srgb_d_exports {
-  export { changeLightness, eightBit$1 as eightBit, fromCss$1 as fromCss, fromHexString$1 as fromHexString, guard$1 as guard, interpolator, lightness, parseCssRgbFunction, scalar$1 as scalar, to8bit$1 as to8bit, toCssString, toHexString$1 as toHexString, toLibraryHsl, toScalar$1 as toScalar, withOpacity };
-}
-declare function withOpacity<T extends Rgb>(value: T, fn: (opacityScalar: number, value: T) => number): T;
-declare function fromHexString$1<T extends boolean>(hexString: string, scalar: T): T extends true ? RgbScalar : Rgb8Bit;
-declare function fromCss$1<T extends ParsingOptions<Rgb>>(value: string, options: T): T extends {
-  scalar: true;
-} ? RgbScalar : Rgb8Bit;
-declare function toHexString$1(rgb: Rgb): string;
-declare function toCssString(rgb: Rgb): string;
-declare function to8bit$1(rgbOrString: Rgb | string): Rgb8Bit;
-declare function toScalar$1(rgbOrString: Rgb | Hsl | string): RgbScalar;
-declare function guard$1(rgb: Rgb): void;
-/**
-* Sets the lightness value.
-*
-* Amount to change:
-* 'fixed': a fixed amount
-* 'delta': increase/decrease by this amount
-* 'pdelta': proportion of current value to change by ('percentage delta')
-*
-* Use negative values to decrease
-* @param rgb Colour
-* @param amount Amount to change
-*/
-declare function changeLightness(rgb: Rgb, amount: Partial<{
-  pdelta: number;
-  delta: number;
-  fixed: number;
-}>): Rgb;
-/**
-* Returns a lightness value (0..1) for an RGB input
-*
-* Calculates lightness by converting to Oklab and using the 'L' value
-* @param rgb
-*/
-declare function lightness(rgb: Rgb): number;
-/**
-* Creates a Rgb8Bit value from 8bit (0..255) values
-* @param red
-* @param green
-* @param blue
-* @param opacity
-*/
-declare function eightBit$1(red?: number, green?: number, blue?: number, opacity?: number): Rgb8Bit;
-/**
-* Creates a RgbScalar value from scalar (0..1) values
-* @param red
-* @param green
-* @param blue
-* @param opacity
-*/
-declare function scalar$1(red?: number, green?: number, blue?: number, opacity?: number): RgbScalar;
-/**
-* It seems Colorizr can't handle % values properly :'(
-* @param value
-*/
-declare function parseCssRgbFunction(value: string): Rgb;
-/**
-* Interpolates colours in Srgb space. Probably
-* really ugly, use OkLch space isntead.
-*
-* ```js
-* const i = interpolator(`red`, `blue`);
-* i(0.5); // Get 50% between these colours
-* ```
-* @param colourA
-* @param colourB
-*/
-declare function interpolator(colourA: Rgb | string, colourB: Rgb | string): (amount: number) => RgbScalar;
-/**
-* Converts a Rgb structure (or CSS string) to Colorizr's HSL format
-* @param rgb
-*/
-declare function toLibraryHsl(rgb: Rgb | string): HSL; //#endregion
-//#region src/colour/to-integer.d.ts
-/**
-* Encode 8-bit RGB values into a 24-bit value (0...16_777_215)
-* 
-* Assumes RGB values are within 0..255 range
-* @param rgb 
-* @returns 
-*/
-declare function encodeRgbTo24Bit(rgb: Rgb8Bit | RgbBase): number;
-/**
-* Decode a 24-bit number (0...16_777_215) into 8-bit RGB
-* @param colour 
-* @returns 
-*/
-declare function decodeRgbFrom24Bit(colour: number): Rgb8Bit;
-/**
-* Encodes 8-bit RGB value into 16-bit RGB565 (0..65_535)
-* 5-bit are used for R & B channels, 6 bits for G
-* 
-* Read more: https://rgbcolorpicker.com/565
-* @param rgb 
-* @returns 
-*/
-declare function encodeRgbTo16Bit565(rgb: Rgb8Bit | RgbBase): number;
-/**
-* Decodes 8-bit RGB value from a 16-bit RGB565 value (0...65_535)
-* Read more: https://rgbcolorpicker.com/565
-* @param colour 
-* @returns 
-*/
-declare function decodeRgbFrom16Bit565(colour: number): Rgb8Bit;
-declare namespace ycbcr_d_exports {
-  export { eightBit, fromCss, fromHexString, fromSrgTo8bit, guard, scalar, to8bit, toHexString, toScalar, toSrgb8bit };
 }
-/**
-* Creates a YCbCr8bit value from 8bit (0..255) values
-* @param y Luma 0..255
-* @param cb Chroma blue 0..255
-* @param cr Chroma red 0..255
-* @param opacity 0..255
-* @returns YCbCr8bit
-*/
-declare function eightBit(y?: number, cb?: number, cr?: number, opacity?: number): YCbCr8bit;
-/**
-* Creates a YCbCr8bit value from scalar (0..1) values
-* @param y Luma 0..1
-* @param cb Chroma blue 0..1
-* @param cr Chroma red 0..1
-* @param opacity 0..1
-* @returns YCbCrScalar
-*/
-declare function scalar(y?: number, cb?: number, cr?: number, opacity?: number): YCbCrScalar;
-/**
-* Converts from scalar or 8bit RGB to YCbCr8bit
-* @param rgb
-* @returns
-*/
-declare function fromSrgTo8bit(rgb: Rgb): YCbCr8bit;
-declare function toSrgb8bit(ycbcr: YCbCr): Rgb8Bit;
-/**
-* Returns a YCbCr8bit format from either scalar or 8bit.
-* If the input is already 8bit, it is returned as-is.
-* @param ycbcr 8bit or scalar YCbCr value
-* @returns YCbCr8bit
-*/
-declare function to8bit(ycbcr: YCbCr): YCbCr8bit;
-declare function fromHexString<T extends ParsingOptions<YCbCr>>(hexString: string, scalar: T): T extends {
-  scalar: true;
-} ? YCbCrScalar : YCbCr8bit;
-declare function fromCss<T extends ParsingOptions<YCbCr>>(value: string, options: T): T extends {
-  scalar: true;
-} ? YCbCrScalar : YCbCr8bit;
-declare function toScalar(colour: YCbCr | Rgb | string): YCbCrScalar;
-declare function guard(rgb: YCbCr): void;
-/**
-* Converts a YCbCr colour to a RGB hex string.
-* @param ycbcr
-* @returns
-*/
-declare function toHexString(ycbcr: YCbCr): string;
-declare namespace index_d_exports$1 {
-  export { Colour, ColourInterpolationOpts, ColourInterpolator, ColourSpaces, ColourStepOpts, Colourish, ConvertDestinations, CreateStepsOptions, CssColourNames, Hsl, HslAbsolute, HslBase, HslScalar, hsl_d_exports as HslSpace, LchBase, OkLch, OkLchAbsolute, OkLchBase, OkLchScalar, oklch_d_exports as OklchSpace, ParsingOptions, Rgb, Rgb8Bit, RgbBase, RgbScalar, srgb_d_exports as SrgbSpace, YCbCr, YCbCr8bit, YCbCrBase, YCbCrScalar, ycbcr_d_exports as YCbCrSpace, convert, convertScalar, convertToString, createSteps, cssDefinedHexColours, cssLinearGradient, decodeRgbFrom16Bit565, decodeRgbFrom24Bit, encodeRgbTo16Bit565, encodeRgbTo24Bit, fromCssColour, goldenAngleColour, guard$4 as guard, interpolator$2 as interpolator, interpolatorDual, interpolatorDualToString, isColourish, isHsl, isOkLch, isRgb, multiplyOpacity, randomHue, resolveCss, rgbToHsl, scale, setOpacity, toColour, toCssColour, toHexColour, toLibraryColour, toStringFirst, tryParseObjectToHsl, tryParseObjectToRgb, withOpacity$2 as withOpacity };
-} //#endregion
 //#endregion
 //#region src/mixins/labelled-input-base.d.ts
 declare abstract class LabelledInputBase extends LitElement {
@@ -2740,7 +1652,7 @@ declare abstract class LabelledInputBase extends LitElement {
     value: number;
   }>) => void;
   protected _syncValue(v: number): void;
-  protected _renderEditableNumber(): TemplateResult<1> | typeof nothing;
+  protected _renderEditableNumber(): typeof nothing | TemplateResult<1>;
   updated(changedProperties: Map<string, unknown>): void;
 }
 //#endregion
@@ -2751,7 +1663,10 @@ declare class LabelledRangeInput extends LabelledInputBase {
   tooltip: boolean;
   noTooltip: boolean;
   tooltipOrientation: `top` | `right`;
+  /** Pass-through: enables wheel-on-hover for the inner slider and editable-number. */
+  lighttouch: boolean;
   switchHeight: number;
+  protected _renderEditableNumber(): TemplateResult<1>;
   render(): TemplateResult<1>;
   static styles: CSSResultGroup;
 }
@@ -2759,7 +1674,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-labelled-range-input': LabelledRangeInput;
   }
-} //# sourceMappingURL=labelled-range-input.d.ts.map
+}
 //#endregion
 //#region src/colour-picker/colour-picker.d.ts
 declare class ColourPicker extends LitElement {
@@ -2798,7 +1713,7 @@ declare class ColourPicker extends LitElement {
    * HSL object, etc.). Also updates the double-click reset defaults for all
    * sliders.
    */
-  setColour(colour: index_d_exports$1.Colourish): void;
+  setColour(colour: Colour.Colourish): void;
   get rangeL(): Range;
   set rangeL(range: RangeInput$1);
   get rangeC(): Range;
@@ -2834,7 +1749,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-colour-picker': ColourPicker;
   }
-} //# sourceMappingURL=colour-picker.d.ts.map
+}
 //#endregion
 //#region src/colour-picker/colour-picker-popup.d.ts
 declare const PICKER_SIZES: {
@@ -2889,7 +1804,7 @@ declare class ColourPickerPopup extends LitElement {
   get value(): string;
   private get _innerHidePreview();
   private get _pickerDimensions();
-  setColour(colour: index_d_exports$1.Colourish): void;
+  setColour(colour: Colour.Colourish): void;
   firstUpdated(changedProperties: PropertyValues): void;
   updated(changedProperties: PropertyValues): void;
   private _applyAnchorPositioning;
@@ -2986,12 +1901,19 @@ declare class DataController<TQuery, TItem> implements ReactiveController {
 //#endregion
 //#region src/common/types.d.ts
 type TreeItem = {
-  /** Unique identifier within the tree. */key: string; /** Visible label text. */
-  label: string; /** When true the node cannot have children and will not show an expand affordance. */
-  isLeaf?: boolean; /** Arbitrary application data associated with this node. */
-  data?: unknown; /** Icon name passed to an icon component, if icons are enabled. */
-  icon?: string; /** Tooltip text shown on hover. */
-  tooltip?: string; /** Optional string value, e.g. for use as a command/route. */
+  /** Unique identifier within the tree. */
+  key: string;
+  /** Visible label text. */
+  label: string;
+  /** When true the node cannot have children and will not show an expand affordance. */
+  isLeaf?: boolean;
+  /** Arbitrary application data associated with this node. */
+  data?: unknown;
+  /** Icon name passed to an icon component, if icons are enabled. */
+  icon?: string;
+  /** Tooltip text shown on hover. */
+  tooltip?: string;
+  /** Optional string value, e.g. for use as a command/route. */
   value?: string;
 };
 /** A node in the tree, potentially containing lazily-loaded children. */
@@ -3058,7 +1980,8 @@ type RootEvent = {
 type ModelEvent = InvalidateEvent | RootEvent;
 type ModelSubscriber = (event: ModelEvent) => void;
 type TreeDataModelOptions = {
-  /** The initial root node. Required. */root: TreeNode;
+  /** The initial root node. Required. */
+  root: TreeNode;
   /**
    * Optional callback for lazily loading children.
    * If omitted, nodes with `children === undefined` are treated as empty branches.
@@ -3150,7 +2073,9 @@ declare class TreeDataModel {
  * Event name: `select`
  */
 type TreeSelectDetail = {
-  /** The new selection set. */readonly selected: ReadonlySet<TreeNode>; /** The previous selection set (empty set if there was no prior selection). */
+  /** The new selection set. */
+  readonly selected: ReadonlySet<TreeNode>;
+  /** The previous selection set (empty set if there was no prior selection). */
   readonly previous: ReadonlySet<TreeNode>;
 };
 /**
@@ -3321,7 +2246,7 @@ type NarrowedTextItem = Readonly<{
   iconName?: string;
 }>;
 type NarrowedTextChangeDetail = {
-  readonly item: NarrowedTextItem;
+  readonly item: NarrowedTextItem | undefined;
   readonly query: string;
   readonly selected: readonly NarrowedTextItem[];
 };
@@ -3346,18 +2271,22 @@ declare class NarrowedTextElement extends LitElement {
   height: string | undefined;
   preserveFilter: boolean;
   value: string;
+  registry: CommandRegistry<unknown> | undefined;
   private _query;
   private _computedItems;
   private _filteredItems;
   private _isFocused;
   private _slot;
   private _selectedValues;
+  private _ownedRegistry;
   private _search;
   private _searchState;
   private _unsubSearch;
   private tickled;
   get selected(): string | string[];
   set selected(value: string | string[]);
+  selectAll(): void;
+  deselectAll(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   protected firstUpdated(): void;
@@ -3378,7 +2307,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-narrowed-text': NarrowedTextElement;
   }
-} //# sourceMappingURL=narrowed-text.d.ts.map
+}
 //#endregion
 //#region src/crumbs/crumb-navigation.d.ts
 /** @deprecated Use TreeSelectDetail from src/common/tree-component.ts */
@@ -3441,6 +2370,7 @@ declare class CrumbNavigationElement extends LitElement implements TreeComponent
     depth: number;
   }>;
   updated(changedProps: PropertyValues): void;
+  connectedCallback(): void;
   disconnectedCallback(): void;
   /** Navigate to a node by key path. Returns false if any key is not found in already-loaded children. */
   navigateTo(keys: readonly string[]): boolean;
@@ -3570,7 +2500,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-data-display': DataDisplayComponent;
   }
-} //# sourceMappingURL=data-display.d.ts.map
+}
 //#endregion
 //#region src/editable-label/editable-label.d.ts
 type EditableMode = `label` | `editor`;
@@ -3642,14 +2572,43 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-editable-label': EditableLabel;
   }
-} //# sourceMappingURL=editable-label.d.ts.map
+}
+//#endregion
+//#region src/mixins/wheel-nudge.d.ts
+/**
+ * Direction of a wheel tick. `+1` for `deltaY < 0` (wheel up/away), `-1` for
+ * `deltaY > 0` (wheel down/toward).
+ */
+type WheelDirection = 1 | -1;
+/**
+ * Abstract surface a consumer of {@link WheelNudgeMixin} must implement.
+ *
+ * `_applyWheelDelta` is called once per handled wheel tick. The consumer is
+ * expected to reuse its existing arrow-key step math (typically a shared
+ * `_stepByDelta(direction, effectiveStep)` private method) and call it here.
+ *
+ * `_shouldHandleWheel` may be overridden to restrict when the wheel acts
+ * (e.g. editable-number rejects while the user is typing).
+ */
+interface WheelNudgeConsumer {
+  _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
+  _shouldHandleWheel(): boolean;
+}
+/**
+ * Internal: the surface a {@link WheelNudgeMixin}-decorated class exposes to
+ * TypeScript — its own members plus the consumer contract.
+ */
+type WheelNudgeConsumerType<TBase> = TBase & WheelNudgeConsumer;
 //#endregion
 //#region src/editable-label/editable-number.d.ts
-declare class EditableNumber extends EditableLabel {
+declare const EditableNumber_base: (new (...args: any[]) => WheelNudgeConsumerType<EditableLabel>) & typeof EditableLabel;
+declare class EditableNumber extends EditableNumber_base {
   #private;
   min?: number;
   max?: number;
   step?: number;
+  /** Quantised stops for keyboard nudging. Overrides `step` when > 1. */
+  stops?: number;
   dragSensitivity: number;
   fillStyle?: `linear` | `circular`;
   linearStyle?: `range` | `bipolar` | `unipolar`;
@@ -3680,6 +2639,13 @@ declare class EditableNumber extends EditableLabel {
   protected _handleKeydown: (e: KeyboardEvent) => void;
   private _onKeyDown;
   private _handleArrowKey;
+  /**
+   * Apply a signed delta to the current value, clamp/snap/format, and fire
+   * `input`/`change`. Shared between arrow-key handler and the wheel handler.
+   */
+  private _applyDelta;
+  _shouldHandleWheel(): boolean;
+  _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
   private _onPointerDown;
   private _onPointerMove;
   private _onPointerUp;
@@ -3703,7 +2669,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-editable-number': EditableNumber;
   }
-} //# sourceMappingURL=editable-number.d.ts.map
+}
 //#endregion
 //#region src/vertical-list/types.d.ts
 type ListSelectionMode = `none` | `single` | `multiple`;
@@ -3884,7 +2850,7 @@ declare class GroupedItemListerElement<T = unknown> extends LitElement {
   connectedCallback(): void;
   disconnectedCallback(): void;
   protected updated(changed: PropertyValues): void;
-  protected render(): TemplateResult<1> | typeof nothing;
+  protected render(): typeof nothing | TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {
@@ -4167,7 +3133,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.
@@ -4225,6 +3192,25 @@ declare class VerticalListElement extends LitElement {
   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) | undefined;
   private _selectedItems;
   private _searchVisible;
   private _searchQuery;
@@ -4268,6 +3254,18 @@ declare class VerticalListElement extends LitElement {
   private _getVisibleItems;
   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;
@@ -4288,11 +3286,13 @@ declare global {
     '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()`.
@@ -4462,7 +3462,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-hex-editor': IxfxHexEditorElement;
   }
-} //# sourceMappingURL=hex-editor.d.ts.map
+}
 //#endregion
 //#region src/icons/defaults.d.ts
 /**
@@ -4680,7 +3680,8 @@ type RadialInputInputEvent = CustomEvent<RadialInputInputDetail>;
 type RadialInputChangeEvent = CustomEvent<RadialInputChangeDetail>;
 //#endregion
 //#region src/radial-input/radial-input.d.ts
-declare class RadialInputElement extends LitElement {
+declare const RadialInputElement_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare class RadialInputElement extends RadialInputElement_base {
   #private;
   get radius(): number;
   set radius(v: number);
@@ -4705,6 +3706,7 @@ declare class RadialInputElement extends LitElement {
   removeLane(key: string): void;
   getLanes(): ReadonlyMap<string, LaneData>;
   getLane(key: string): LaneData | undefined;
+  _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
   protected willUpdate(changed: PropertyValues): void;
   render(): unknown;
   protected updated(changed: PropertyValues): void;
@@ -4716,7 +3718,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-radial-input': RadialInputElement;
   }
-} //# sourceMappingURL=radial-input.d.ts.map
+}
 //#endregion
 //#region src/labelled-radial-input/labelled-radial-input.d.ts
 declare class LabelledRadialInput extends LabelledInputBase {
@@ -4731,10 +3733,12 @@ declare class LabelledRadialInput extends LabelledInputBase {
   tooltip: boolean;
   flip: boolean;
   aspectRatioThreshold: number;
+  /** Pass-through: enables wheel-on-hover for the inner dial and editable-number. */
+  lighttouch: boolean;
   private _isWide;
   private _getEffectivePrecision;
   protected _handleResize(entries: ResizeObserverEntry[]): void;
-  protected _renderEditableNumber(): TemplateResult<1> | typeof nothing;
+  protected _renderEditableNumber(): typeof nothing | TemplateResult<1>;
   render(): TemplateResult<1>;
   private _getTooltipValue;
   static styles: CSSResultGroup;
@@ -4743,7 +3747,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-labelled-radial-input': LabelledRadialInput;
   }
-} //# sourceMappingURL=labelled-radial-input.d.ts.map
+}
 //#endregion
 //#region src/led/led.d.ts
 declare class LedElement extends LitElement {
@@ -4763,7 +3767,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-led": LedElement;
   }
-} //# sourceMappingURL=led.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-bar.d.ts
 declare class MenuBar extends LitElement {
@@ -4785,7 +3789,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-bar': MenuBar;
   }
-} //# sourceMappingURL=menu-bar.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-check-item.d.ts
 declare class MenuCheckItem extends LitElement {
@@ -4810,7 +3814,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-check-item': MenuCheckItem;
   }
-} //# sourceMappingURL=menu-check-item.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-command-controller.d.ts
 declare class MenuCommandController {
@@ -4868,7 +3872,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-sub-trigger': MenuSubTrigger;
   }
-} //# sourceMappingURL=menu-sub-trigger.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-separator.d.ts
 declare class MenuSeparator extends LitElement {
@@ -4879,7 +3883,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-separator': MenuSeparator;
   }
-} //# sourceMappingURL=menu-separator.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-header.d.ts
 declare class MenuHeader extends LitElement {
@@ -4891,7 +3895,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-header': MenuHeader;
   }
-} //# sourceMappingURL=menu-header.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-from-tree.d.ts
 type MenuFromTreeOptions = {
@@ -4917,7 +3921,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-radio-item': MenuRadioItem;
   }
-} //# sourceMappingURL=menu-radio-item.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-radio-group.d.ts
 declare class MenuRadioGroup extends LitElement {
@@ -4935,7 +3939,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-radio-group': MenuRadioGroup;
   }
-} //# sourceMappingURL=menu-radio-group.d.ts.map
+}
 declare namespace index_d_exports {
   export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuFromTreeOptions, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };
 }
@@ -4947,7 +3951,9 @@ type MillerConfig = {
 };
 /** Detail for the `header-click` event fired when a column header is clicked. */
 type MillerHeaderClickDetail = {
-  /** Zero-based column index whose header was clicked. */depth: number; /** The header text (label of the column's parent node). */
+  /** Zero-based column index whose header was clicked. */
+  depth: number;
+  /** The header text (label of the column's parent node). */
   label: string;
   /**
    * Ancestry chain from the root node down to (and including) the node
@@ -5197,7 +4203,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-miller-list': MillerListElement;
   }
-} //# sourceMappingURL=miller-list.d.ts.map
+}
 //#endregion
 //#region src/miller/miller-tree-controller.d.ts
 type MillerTreeControllerOptions<T> = {
@@ -5255,6 +4261,98 @@ declare class MillerTreeController<T> {
   navigateToValue(predicate: (value: T) => boolean): boolean;
 }
 //#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(): TemplateResult<1>;
+  static styles: 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;
+  notify(content: NotificationContent): string;
+  update(id: string, content: Partial<NotificationContent>): void;
+  dismiss(id: string): void;
+  dismissAll(): void;
+};
+//#endregion
+//#region src/notifier/pill-renderer.d.ts
+type PillPosition = `top-left` | `top-middle` | `top-right` | `bottom-left` | `bottom-middle` | `bottom-right`;
+type PillQueueDisplay = `list` | `stack`;
+interface PillSafeArea {
+  readonly top?: number;
+  readonly right?: number;
+  readonly bottom?: number;
+  readonly left?: number;
+}
+interface PillRendererOptions {
+  position?: PillPosition;
+  /** `list`: one row per message, oldest nearest the anchor edge. `stack`: only the front message is fully shown, the rest peek out behind it. Default `list`. */
+  queueDisplay?: PillQueueDisplay;
+  /** Extra margin (px) added to the default spacing on each side, letting pills avoid eg. a fixed header/footer/notch. */
+  safeArea?: PillSafeArea;
+}
+declare function createPillRenderer(options?: PillRendererOptions): NotificationRenderer;
+//#endregion
 //#region src/panel/panel-group.d.ts
 type PanelGroupOrientation = `horizontal` | `vertical`;
 declare class PanelGroupElement extends LitElement {
@@ -5275,14 +4373,17 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-panel-group': PanelGroupElement;
   }
-} //# sourceMappingURL=panel-group.d.ts.map
+}
 //#endregion
 //#region src/plots/colour-map.d.ts
 type ColourMode = `fixed` | `opacity` | `hue` | `saturation` | `lightness` | `scale`;
 type ColourMapConfig = {
-  mode: ColourMode; /** Parsed colours for 'scale' mode. Must have ≥ 2 entries. */
-  palette: string[]; /** ixfx easing name — applied before the colour mode mapping. Takes precedence over valueMap. */
-  easingName: string; /** Custom value mapping fn (0..1 → 0..1). Used when easingName is empty. */
+  mode: ColourMode;
+  /** Parsed colours for 'scale' mode. Must have ≥ 2 entries. */
+  palette: string[];
+  /** ixfx easing name — applied before the colour mode mapping. Takes precedence over valueMap. */
+  easingName: string;
+  /** Custom value mapping fn (0..1 → 0..1). Used when easingName is empty. */
   valueMap: ((v: number) => number) | null;
 };
 type ColourResult = {
@@ -5560,6 +4661,12 @@ interface PlotMultiAxis {
 //#endregion
 //#region src/plots/plot-histogram.d.ts
 type PlotHistogramOrientation = `horizontal` | `vertical`;
+/**
+ * - `hover`: floating `ixfx-tooltip` bubble, shown/hidden with a debounce delay.
+ * - `inline`: the title overlay-text switches to the hovered bucket's value, instantly.
+ * - `none`: no hover feedback.
+ */
+type PlotHistogramValueTooltips = `hover` | `inline` | `none`;
 type PlotHistogramBucketClickDetail = {
   readonly bucketIndex: number;
   readonly valueMin: number;
@@ -5577,15 +4684,30 @@ declare class PlotHistogram extends LitElement {
   min?: number;
   max?: number;
   capacity: number;
+  /**
+   * Fallback overlay-text, shown when nothing is hovered.
+   * Not reflected to the native `title` attribute, so the browser's own hover tooltip doesn't show.
+   */
   title: string;
   paused: boolean;
+  /** How hovering a bucket is communicated: a floating tooltip, the inline overlay-text, or nothing. */
+  valueTooltips: PlotHistogramValueTooltips;
+  /** Delay (ms) before the `hover` tooltip appears/disappears. Switching directly between buckets is instant. */
+  tooltipDelay: number;
+  /** Max rate (ms) at which an already-shown value display refreshes to match live-changing bucket data. */
+  valueUpdateInterval: number;
+  /** Override to customize the value/frequency label used by the tooltip and overlay text. */
+  valueFormat: (valueMin: number, valueMax: number, frequency: number) => string;
   private _width;
   private _height;
+  private _hoveredIndex;
+  private _inlineOverlayText;
   add(v: number): void;
   set(values: number[]): void;
   clear(): void;
   protected firstUpdated(_changed: PropertyValues): void;
   protected updated(changed: PropertyValues): void;
+  disconnectedCallback(): void;
   render(): TemplateResult<1>;
   static styles: CSSResult;
 }
@@ -5636,10 +4758,11 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-plot-xy-axis': PlotXyAxis;
   }
-} //# sourceMappingURL=xy-axis.d.ts.map
+}
 //#endregion
 //#region src/polar-pad/polar-pad.d.ts
-declare class PolarPad extends LitElement {
+declare const PolarPad_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare class PolarPad extends PolarPad_base {
   static styles: CSSResult[];
   /** Current angle in degrees. 0 = right, increases clockwise. */
   angle: number;
@@ -5665,6 +4788,10 @@ declare class PolarPad extends LitElement {
   stopsAngle?: number;
   /** Number of quantised stops for radius. If set, overrides the stops setting for radius. */
   stopsRadius?: number;
+  /** Explicit keyboard nudge step for angle (degrees). Overrides the 10% default. */
+  stepAngle?: number;
+  /** Explicit keyboard nudge step for radius (0..1 units). Overrides the 10% default. */
+  stepRadius?: number;
   private _dragging;
   private _dragStartAngle;
   private _dragStartRadius;
@@ -5678,6 +4805,13 @@ declare class PolarPad extends LitElement {
   private _onKeyDown;
   private _onKeyUp;
   private _handleKeyboardMove;
+  /**
+   * Apply a radius nudge by direction. Wheel affects radius only (matches the
+   * keyboard `ArrowUp`/`ArrowDown` semantic per `plans/mousewheel.md`); the
+   * angle is unchanged.
+   */
+  private _stepRadiusByDelta;
+  _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
   private _setCssVars;
   updated(_changed: PropertyValues): void;
   disconnectedCallback(): void;
@@ -5698,13 +4832,14 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-polar-pad': PolarPad;
   }
-} //# sourceMappingURL=polar-pad.d.ts.map
+}
 //#endregion
 //#region src/util/tooltip.d.ts
 type FormatValueForHuman = (v: unknown) => string;
 type TooltipOrientations = `top` | `right` | `bottom` | `left`;
 declare class TooltipElement extends LitElement {
   #private;
+  connectedCallback(): void;
   static numberFormatter: (v: number) => string;
   static defaultFormatter: FormatValueForHuman;
   valueFormatTooltip: FormatValueForHuman;
@@ -5719,10 +4854,11 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tooltip": TooltipElement;
   }
-} //# sourceMappingURL=tooltip.d.ts.map
+}
 //#endregion
 //#region src/range-input/range-input.d.ts
-declare class RangeInput extends LitElement {
+declare const RangeInput_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare class RangeInput extends RangeInput_base {
   min: number;
   max: number;
   value: number;
@@ -5749,6 +4885,16 @@ declare class RangeInput extends LitElement {
   _handleInput: (e: Event) => void;
   _formatTooltipLabel(): string;
   _handleChange: () => void;
+  /**
+   * Wheel handler — installed by WheelNudgeMixin on the host. Synthesises a
+   * value change by writing to the inner `<input type="range">` and dispatching
+   * `input` + `change`, so the existing `_handleInput` and `_handleChange`
+   * handlers run unchanged and re-bubble the events to listeners.
+   *
+   * Native wheel handling is left intact for the focused-inner-input case;
+   * the host listener fires under `lighttouch` or when focus is on the host.
+   */
+  _applyWheelDelta(direction: WheelDirection, _event: WheelEvent): void;
   render(): TemplateResult<1>;
   static styles: CSSResultGroup;
 }
@@ -5756,7 +4902,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-range-input': RangeInput;
   }
-} //# sourceMappingURL=range-input.d.ts.map
+}
 //#endregion
 //#region src/range/range-multi.d.ts
 type Endpoints = `a` | `b`;
@@ -5816,10 +4962,11 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-range-multi": RangeMultiElement;
   }
-} //# sourceMappingURL=range-multi.d.ts.map
+}
 //#endregion
 //#region src/range/range.d.ts
-declare class RangeElement extends LitElement {
+declare const RangeElement_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare class RangeElement extends RangeElement_base {
   #private;
   tooltip: boolean;
   tooltipOrientation: TooltipOrientations;
@@ -5831,6 +4978,16 @@ declare class RangeElement extends LitElement {
   get value(): number;
   step: number;
   onRangeInput(event: InputEvent): void;
+  /**
+   * Wheel handler — installed by WheelNudgeMixin on the host. Synthesises a
+   * value change by writing to the inner `<input type="range">` and dispatching
+   * `input` + `change`, so the existing `onRangeInput` handler runs unchanged.
+   *
+   * The native input still responds to wheel when focused (focus rule wins by
+   * default). The host handler fires when `lighttouch` is set or when the host
+   * itself has focus, ensuring Shift-aware step math and consistent event firing.
+   */
+  _applyWheelDelta(direction: WheelDirection, _event: WheelEvent): void;
   protected render(): unknown;
   static styles: CSSResult[];
 }
@@ -5838,7 +4995,7 @@ declare global {
   interface HTMLElementMap {
     "ixfx-range": RangeElement;
   }
-} //# sourceMappingURL=range.d.ts.map
+}
 //#endregion
 //#region src/selecthorizontal.d.ts
 declare class SelectHorizontalElement extends LitElement {
@@ -5850,7 +5007,163 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-selecthorizontal-element": SelectHorizontalElement;
   }
-} //# sourceMappingURL=selecthorizontal.d.ts.map
+}
+//#endregion
+//#region src/slider-input/types.d.ts
+/**
+ * Type definitions for slider-input component
+ */
+type SliderOrientation = `horizontal` | `vertical`;
+type SliderMarkerStyle = `needle` | `dot` | `triangle` | `none`;
+type SliderSingleStyle = `range` | `bipolar` | `unipolar`;
+type SliderValueMode = `single` | `dual` | `triple`;
+type SliderCrossover = `none` | `allow`;
+type SliderValueDrag = `none` | `stop` | `flex`;
+/**
+ * Behaviour for the middle (C) handle in triple mode when the A/B span
+ * changes. `none` (default) keeps C in place and only clamps it when it
+ * falls outside the new [A, B] band. `proportional` keeps C at the same
+ * fractional position within the band as the band moves or resizes.
+ */
+type SliderValueCFollow = `none` | `proportional`;
+type SliderLaneType = `value` | `fixed` | `anchored`;
+type SliderHandleKey = `a` | `b` | `c`;
+/**
+ * Per-lane data. Mirrors radial-input's shape with the difference that
+ * `type: 'value'` lanes track a *range* (valueMin/valueMax) rather than a
+ * single value, while `type: 'anchored'` lanes keep a single value (0..1
+ * length).
+ */
+interface SliderLaneData {
+  key: string;
+  type: SliderLaneType;
+  /**
+   * Used when type === 'anchored': length (0..1) of the lane symmetrically
+   * centered on the current value.
+   */
+  value?: number;
+  /** Used when type === 'value': lower end of the lane band (0..1). */
+  valueMin?: number;
+  /** Used when type === 'value': upper end of the lane band (0..1). */
+  valueMax?: number;
+  /** Perpendicular offset from the track centreline (-1..1 scale relative to CROSS). */
+  offset: number;
+  /** Stroke thickness as a fraction of the CROSS dimension (0..1). */
+  width: number;
+}
+/**
+ * Identifies which field(s) of a dual/triple-mode detail changed.
+ * `both` is reserved for length-drag (value-drag) gestures.
+ */
+type SliderChangedField = `min` | `max` | `c` | `both`;
+/**
+ * In single mode, `value` is the single handle's value and the min/max/c
+ * fields are undefined. In dual/triple mode, `value` is set to `valueMax`
+ * (the "B"/upper handle) for parity with native `<input type="range">`
+ * two-thumb patterns where a single `value` is ambiguous — consumers
+ * wanting min/max should use `valueMin`/`valueMax` directly.
+ */
+interface SliderInputInputDetail {
+  readonly value: number;
+  readonly valueRelative: number;
+  /** Lower handle value (dual/triple modes only). */
+  readonly valueMin?: number;
+  /** Upper handle value (dual/triple modes only). */
+  readonly valueMax?: number;
+  readonly valueMinRelative?: number;
+  readonly valueMaxRelative?: number;
+  /** Triple-mode middle handle value. */
+  readonly valueC?: number;
+  readonly valueCRelative?: number;
+  /** Which field this particular event resulted from. */
+  readonly changed?: SliderChangedField;
+}
+interface SliderInputChangeDetail {
+  readonly value: number;
+  readonly valueRelative: number;
+  readonly previousValue: number;
+  readonly valueMin?: number;
+  readonly valueMax?: number;
+  readonly previousValueMin?: number;
+  readonly previousValueMax?: number;
+  readonly valueC?: number;
+  readonly previousValueC?: number;
+  readonly changed?: SliderChangedField;
+}
+type SliderInputInputEvent = CustomEvent<SliderInputInputDetail>;
+type SliderInputChangeEvent = CustomEvent<SliderInputChangeDetail>;
+interface SliderInputElementEventMap {
+  input: SliderInputInputEvent;
+  change: SliderInputChangeEvent;
+}
+//#endregion
+//#region src/slider-input/slider-input.d.ts
+declare const SliderInputElement_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare class SliderInputElement extends SliderInputElement_base {
+  #private;
+  valueA: number;
+  valueB: number;
+  /**
+   * Triple-mode middle handle. `undefined` until first willUpdate, then
+   * defaulted to the midpoint of valueA/valueB (matching radial-input's
+   * deferred lane-correction pattern).
+   */
+  valueC: number | undefined;
+  min: number;
+  max: number;
+  step: number | undefined;
+  stops: number | undefined;
+  valueMode: SliderValueMode;
+  singleStyle: SliderSingleStyle;
+  orientation: SliderOrientation;
+  markerStyle: SliderMarkerStyle;
+  /**
+   * Optional marker-style override for the C handle in triple mode. Lets
+   * consumers give C a different shape (e.g. dot) from the global
+   * `markerStyle` applied to A/B.
+   */
+  markerStyleC: SliderMarkerStyle | undefined;
+  crossover: SliderCrossover;
+  valueDrag: SliderValueDrag;
+  /**
+   * In triple mode, how the C handle reacts when A or B moves the [A, B]
+   * band. `none` (default): C keeps its value unless pushed outside the
+   * new band. `proportional`: C is re-anchored at the same fractional
+   * position it had within the *old* band, so it moves with A/B.
+   */
+  valueCFollow: SliderValueCFollow;
+  valueMin: number;
+  disabled: boolean;
+  constructor();
+  connectedCallback(): void;
+  addLane(key: string, options?: {
+    value?: number;
+    valueMin?: number;
+    valueMax?: number;
+    type?: SliderLaneType;
+    offset?: number;
+    width?: number;
+  }): void;
+  setLaneValue(key: string, value: number): void;
+  setLaneRange(key: string, valueMin: number, valueMax: number): void;
+  removeLane(key: string): void;
+  getLanes(): ReadonlyMap<string, SliderLaneData>;
+  getLane(key: string): SliderLaneData | undefined;
+  _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
+  protected willUpdate(changed: PropertyValues): void;
+  render(): unknown;
+  protected updated(changed: PropertyValues): void;
+  disconnectedCallback(): void;
+  static styles: CSSResult[];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-slider-input': SliderInputElement;
+  }
+}
+interface SliderInputElement {
+  addEventListener: (<K extends keyof SliderInputElementEventMap>(type: K, listener: (this: SliderInputElement, event: SliderInputElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
 //#endregion
 //#region src/snap-container/snap-container.d.ts
 type SnapLogic = `centre` | `balanced`;
@@ -5895,7 +5208,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-snap-container': SnapContainer;
   }
-} //# sourceMappingURL=snap-container.d.ts.map
+}
 //#endregion
 //#region src/split-layout/split-layout.d.ts
 /**
@@ -5946,7 +5259,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-split-layout": SplitLayoutElement;
   }
-} //# sourceMappingURL=split-layout.d.ts.map
+}
 //#endregion
 //#region src/swipe/swipe.d.ts
 type SwipeInputDetail = {
@@ -5964,7 +5277,8 @@ declare global {
     'ixfx-swipe': SwipeElement;
   }
 }
-declare class SwipeElement extends LitElement {
+declare const SwipeElement_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare class SwipeElement extends SwipeElement_base {
   #private;
   barSpacing: number;
   barWidth: number;
@@ -5983,6 +5297,15 @@ declare class SwipeElement extends LitElement {
   private _animStartOffset;
   private _animStartTime;
   private _resizeObserver;
+  /**
+   * Wheel handler — installed by WheelNudgeMixin on the host. Emits `input`
+   * synchronously on each tick (matching the user-confirmed "mirror drag"
+   * semantic) and schedules the same retraction animation the drag releases
+   * with, so the visual resets after a short idle.
+   *
+   * Step size: 10% of the [-1, 1] value range (= 0.1). Shift halves to 0.05.
+   */
+  _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private _onPointerDown;
@@ -6020,12 +5343,13 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tab-list-item": TabListItemElement;
   }
-} //# sourceMappingURL=tab-list-item.d.ts.map
+}
 //#endregion
 //#region src/tabs/tab-list.d.ts
 /**
  * Events
  * 'change' - new tab selected { previous:string, selected:string, for:string }
+ * 'reorder' - tab moved within the list { id:string, fromIndex:number, toIndex:number }
  */
 type TabListChangeDetail = {
   readonly previous: string | undefined;
@@ -6033,11 +5357,19 @@ type TabListChangeDetail = {
   readonly for: string;
 };
 type TabListChangeEvent = CustomEvent<TabListChangeDetail>;
+type TabListReorderDetail = {
+  readonly id: string;
+  readonly fromIndex: number;
+  readonly toIndex: number;
+};
+type TabListReorderEvent = CustomEvent<TabListReorderDetail>;
+type TabListDragMode = `off` | `reorder`;
 declare class TabListElement extends LitElement {
   #private;
   orientation: `horizontal` | `vertical-stack` | `vertical-side`;
   flip: boolean;
   scrollable: boolean;
+  dragMode: TabListDragMode;
   render(): TemplateResult<1>;
   firstUpdated(): void;
   updated(changedProperties: PropertyValues): void;
@@ -6049,7 +5381,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tab-list": TabListElement;
   }
-} //# sourceMappingURL=tab-list.d.ts.map
+}
 //#endregion
 //#region src/tabs/tab-panel.d.ts
 declare class TabPanelElement extends LitElement {
@@ -6060,7 +5392,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 {
@@ -6088,7 +5420,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tab-panels": TabPanelsElement;
   }
-} //# sourceMappingURL=tab-panels.d.ts.map
+}
 //#endregion
 //#region src/timeline/types.d.ts
 type TimelineTrack = {
@@ -6324,7 +5656,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-timeline-track-tab': TimelineTrackTabElement;
   }
-} //# sourceMappingURL=timeline-track-tabs.d.ts.map
+}
 //#endregion
 //#region src/timeline/timeline-element.d.ts
 type VCanvasElement$1 = HTMLElement & {
@@ -6472,7 +5804,6 @@ type VCanvasElement = HTMLElement & {
   invalidateAll: () => void;
   invalidateRegion: (x: number, y: number, w: number, h: number) => void;
 };
-/** Total pointer movement (px) before an axis drag activates */
 /**
  * Attaches pointer and keyboard interaction handlers to the timeline.
  * Returns a cleanup function.
@@ -6507,7 +5838,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-transitory-label': TransitoryLabelElement;
   }
-} //# sourceMappingURL=transitory-label.d.ts.map
+}
 //#endregion
 //#region src/tree/tree-controller.d.ts
 type TreeControllerOptions<T> = {
@@ -6525,7 +5856,8 @@ declare class TreeController<T> {
 declare function monitorIndeterminate(targetElOrQuery: string | HTMLElement, watchedElsOrQueries: Array<string | HTMLElement>): () => void;
 //#endregion
 //#region src/xy-pad/xy-pad.d.ts
-declare class XyPad extends LitElement {
+declare const XyPad_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
+declare class XyPad extends XyPad_base {
   static styles: CSSResult[];
   xMin: number;
   xMax: number;
@@ -6537,6 +5869,10 @@ declare class XyPad extends LitElement {
   yScale: string;
   xSnapStep?: number;
   ySnapStep?: number;
+  /** Explicit keyboard nudge step for X axis (absolute units). Overrides the 10% default. */
+  stepX?: number;
+  /** Explicit keyboard nudge step for Y axis (absolute units). Overrides the 10% default. */
+  stepY?: number;
   xLabel: string;
   yLabel: string;
   showCrosshairs: boolean;
@@ -6556,6 +5892,12 @@ declare class XyPad extends LitElement {
   private _onKeyDown;
   private _onKeyUp;
   private _handleKeyboardMove;
+  /**
+   * Apply a Y-axis nudge by direction. Wheel affects Y only (matches the
+   * keyboard `ArrowUp`/`ArrowDown` semantic per `plans/mousewheel.md`).
+   */
+  private _stepYByDelta;
+  _applyWheelDelta(direction: WheelDirection, event: WheelEvent): void;
   private _onPointerDown;
   private _onPointerMove;
   private _onPointerUp;
@@ -6603,5 +5945,5 @@ interface XyPad {
 //#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, 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, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataProviderResult, DisplayTextLogic, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, Endpoints, EntryMode, 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, type OklchValue, Orientation, PanelCloseEvent, PanelElement, PanelElementEventMap, PanelGroupElement, PanelGroupOrientation, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramOrientation, 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, SelectHorizontalElement, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, 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, TabListChangeDetail, TabListChangeEvent, TabListElement, TabListItemElement, 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, 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, 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, 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, DataBatch, DataController, DataControllerOptions, DataDisplayComponent, DataProviderResult, DisplayTextLogic, DragSnappingFn, DragTarget, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EditableNumber, Effect, type ElementIncrSearch, type ElementIncrSearchOptions, Endpoints, EntryMode, 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, SelectHorizontalElement, SelectionMode, SingleAxisAgeStyle, SingleAxisDrawStyle, SingleSelectEventDetail, SliderChangedField, SliderCrossover, SliderHandleKey, SliderInputChangeDetail, SliderInputChangeEvent, SliderInputElement, SliderInputElementEventMap, SliderInputInputDetail, SliderInputInputEvent, SliderLaneData, SliderLaneType, SliderMarkerStyle, SliderOrientation, SliderSingleStyle, SliderValueCFollow, SliderValueDrag, SliderValueMode, 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, 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, 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