@ixfx/components 0.5.18 → 0.5.20

package/bundle/index.d.ts

@@ -2,7 +2,6 @@ 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
 /**
  * A CSSResult or native CSSStyleSheet.
@@ -1026,6 +1025,8 @@ 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.
@@ -1055,7 +1056,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-icon': IxfxIconElement;
   }
-}
+} //# sourceMappingURL=icon.d.ts.map
 //#endregion
 //#region src/ac-text/ac-text.d.ts
 type AcTextItem = {
@@ -1063,10 +1064,8 @@ 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 = {
@@ -1079,16 +1078,13 @@ 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>;
@@ -1155,7 +1151,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-ac-text': AcTextElement;
   }
-}
+} //# sourceMappingURL=ac-text.d.ts.map
 //#endregion
 //#region src/common/data-provider.d.ts
 /**
@@ -1171,8 +1167,7 @@ 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.
@@ -1294,6 +1289,13 @@ declare class AcTokenElement extends LitElement {
   constructor();
   get tokens(): readonly AcTokenItem[];
   set tokens(value: readonly AcTokenItem[]);
+  /**
+   * Set the token list programmatically. Unlike the `tokens` property setter,
+   * this does not dispatch `ac-token-change` — use it for initialisation or any
+   * other programmatic update that should not re-enter a parent's own
+   * `ac-token-change` handler.
+   */
+  setTokens(value: readonly AcTokenItem[]): void;
   /** All committed token labels joined with commas. */
   get value(): string;
   connectedCallback(): void;
@@ -1327,7 +1329,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`;
@@ -1369,7 +1371,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-radio-group': RadioGroup;
   }
-}
+} //# sourceMappingURL=radio-group.d.ts.map
 //#endregion
 //#region src/button/types.d.ts
 type SplitButtonSelectDetail = {
@@ -1423,7 +1425,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`;
@@ -1512,7 +1514,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`;
@@ -1562,7 +1564,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 {
@@ -1601,6 +1603,8 @@ type OklchValue = {
   readonly c: number;
   readonly h: number;
   readonly a?: number;
+  readonly unit: `scalar`;
+  readonly space: `oklch`;
 };
 /**
  * Event detail for colour picker input/change events
@@ -1620,7 +1624,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-colour-picker': ColourPicker;
   }
-}
+} //# sourceMappingURL=types.d.ts.map
 //#endregion
 //#region src/mixins/labelled-input-base.d.ts
 declare abstract class LabelledInputBase extends LitElement {
@@ -1678,7 +1682,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 {
@@ -1753,7 +1757,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: {
@@ -1806,6 +1810,7 @@ declare class ColourPickerPopup extends LitElement {
   private _pendingConfirmed;
   constructor();
   get value(): string;
+  set value(colour: Colour.Colourish);
   private get _innerHidePreview();
   private get _pickerDimensions();
   setColour(colour: Colour.Colourish): void;
@@ -1905,19 +1910,12 @@ 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. */
@@ -1984,8 +1982,7 @@ 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.
@@ -2077,9 +2074,7 @@ 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>;
 };
 /**
@@ -2322,7 +2317,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 */
@@ -2388,6 +2383,8 @@ declare class CrumbNavigationElement extends LitElement implements TreeComponent
   leadingCaret: boolean;
   caretEmbedded: boolean;
   hideRoot: boolean;
+  padEnding: boolean;
+  withUp: boolean;
   private tickled;
   select(node: TreeNode): void;
   deselect(_node: TreeNode): void;
@@ -2532,7 +2529,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`;
@@ -2604,7 +2601,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-editable-label': EditableLabel;
   }
-}
+} //# sourceMappingURL=editable-label.d.ts.map
 //#endregion
 //#region src/mixins/wheel-nudge.d.ts
 /**
@@ -2719,7 +2716,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-form-group': FormGroupElement;
   }
-}
+} //# sourceMappingURL=form-group.d.ts.map
 //#endregion
 //#region src/form/form-part.d.ts
 declare class FormPartElement extends LitElement {
@@ -2734,7 +2731,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-form-part": FormPartElement;
   }
-}
+} //# sourceMappingURL=form-part.d.ts.map
 //#endregion
 //#region src/form/form.d.ts
 declare class FormElement extends LitElement {
@@ -2746,7 +2743,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-form': FormElement;
   }
-}
+} //# sourceMappingURL=form.d.ts.map
 //#endregion
 //#region src/vertical-list/types.d.ts
 type ListSelectionMode = `none` | `single` | `multiple`;
@@ -3014,10 +3011,11 @@ type TickledControllerConfig<T> = {
  *
  * ## Global Mouse Tracking
  *
- * This controller uses a singleton global `pointermove` listener to track actual
- * mouse movement. This prevents `pointerenter` events caused by content scrolling
- * from incorrectly switching to mouse mode when the user is actually using keyboard
- * navigation.
+ * This controller uses a single, ref-counted global `pointermove` listener (shared
+ * across all instances) to track actual mouse movement. This prevents `pointerenter`
+ * events caused by content scrolling from incorrectly switching to mouse mode when
+ * the user is actually using keyboard navigation. The listener is attached when the
+ * first host connects and removed once the last host disconnects.
  *
  * @example
  * ```ts
@@ -3061,7 +3059,8 @@ declare class TickledController<T = number> implements ReactiveController {
   private static _lastMouseClientX;
   private static _lastMouseClientY;
   private static _mouseMovedSinceKeyboard;
-  private static _globalListenerAttached;
+  private static _listenerRefCount;
+  private static readonly _onGlobalPointerMove;
   constructor(host: ReactiveControllerHost, config: TickledControllerConfig<T>);
   hostConnected(): void;
   hostDisconnected(): void;
@@ -3236,8 +3235,7 @@ 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.
@@ -3404,13 +3402,11 @@ 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()`.
@@ -3580,7 +3576,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-hex-editor': IxfxHexEditorElement;
   }
-}
+} //# sourceMappingURL=hex-editor.d.ts.map
 //#endregion
 //#region src/icons/defaults.d.ts
 /**
@@ -3865,7 +3861,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 {
@@ -3876,7 +3872,6 @@ declare class LedElement extends LitElement {
   blinking: boolean;
   rate: number;
   willUpdate(changedProperties: Map<string, unknown>): void;
-  updated(changedProperties: Map<string, unknown>): void;
   disconnectedCallback(): void;
   protected render(): TemplateResult<1>;
   static styles: CSSResult;
@@ -3885,7 +3880,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 {
@@ -3907,7 +3902,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 {
@@ -3932,7 +3927,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 {
@@ -3990,7 +3985,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 {
@@ -4001,7 +3996,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 {
@@ -4013,7 +4008,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 = {
@@ -4039,7 +4034,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 {
@@ -4057,7 +4052,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 };
 }
@@ -4069,9 +4064,7 @@ 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
@@ -4325,7 +4318,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> = {
@@ -4495,17 +4488,14 @@ 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 = {
@@ -4880,7 +4870,7 @@ 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 const PolarPad_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
@@ -4976,7 +4966,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tooltip": TooltipElement;
   }
-}
+} //# sourceMappingURL=tooltip.d.ts.map
 //#endregion
 //#region src/range-input/range-input.d.ts
 declare const RangeInput_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
@@ -5084,7 +5074,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-range-multi": RangeMultiElement;
   }
-}
+} //# sourceMappingURL=range-multi.d.ts.map
 //#endregion
 //#region src/range/range.d.ts
 declare const RangeElement_base: (new (...args: any[]) => WheelNudgeConsumerType<LitElement>) & typeof LitElement;
@@ -5175,7 +5165,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-selecthorizontal-element": SelectHorizontalElement;
   }
-}
+} //# sourceMappingURL=selecthorizontal.d.ts.map
 //#endregion
 //#region src/slider-input/types.d.ts
 /**
@@ -5386,7 +5376,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-snackbar': SnackbarElement;
   }
-}
+} //# sourceMappingURL=snackbar.d.ts.map
 //#endregion
 //#region src/snap-container/snap-container.d.ts
 type SnapLogic = `centre` | `balanced`;
@@ -5431,7 +5421,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-snap-container': SnapContainer;
   }
-}
+} //# sourceMappingURL=snap-container.d.ts.map
 //#endregion
 //#region src/split-layout/split-layout.d.ts
 /**
@@ -5451,10 +5441,15 @@ declare global {
  * maxSizeA/B: Maximum size for panel A or B (e.g., "200px" or "80%"). Default: none
  *
  * CSS variables
- * --handle-size: 2px;              // Width/height of resize handle
+ * --handle-size: 2px;              // Width/height of split bar
  * --handle-colour: var(--surface-5);     // Colour of handle
  * --handle-hover-colour: var(--surface-6); // Colour of handle when hovering
  * --handle-active-colour: var(--accent);    // Colour of handle when being used
+ * --handle-bg: var(--handle-colour); // Background of grab handle rectangle
+ * --handle-grab-colour: var(--surface-muted-text); // Colour of grab handle dots
+ * --handle-grab-dot-size: 3px;      // Diameter of grab handle dots
+ * --handle-grab-size: 16px;         // Length of grab handle
+ * --handle-grab-thickness: 8px;     // Thickness of grab handle
  */
 declare class SplitLayoutElement extends LitElement {
   #private;
@@ -5471,6 +5466,7 @@ declare class SplitLayoutElement extends LitElement {
   minSizeB: string;
   maxSizeB: string;
   private _hasCorner;
+  private get showGrabHandle();
   disconnectedCallback(): void;
   firstUpdated(): void;
   updated(changedProperties: Map<string, unknown>): void;
@@ -5482,7 +5478,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-split-layout": SplitLayoutElement;
   }
-}
+} //# sourceMappingURL=split-layout.d.ts.map
 //#endregion
 //#region src/swipe/swipe.d.ts
 type SwipeInputDetail = {
@@ -5542,15 +5538,18 @@ declare class SwipeElement extends SwipeElement_base {
  * CSS vars (can be overridden per-instance):
  * --selected-colour: text colour when selected
  * --selected-border-width: border width
- * --ixfx-tab-padding: padding for the tab content (default: var(--space-m))
+ * --ixfx-tab-padding: vertical padding for the tab content (default: var(--space-m))
+ * --ixfx-tab-padding-horizontal: horizontal padding (default: same as --ixfx-tab-padding)
  */
 declare class TabListItemElement extends LitElement {
   closeable: boolean;
+  hideLabels: boolean;
   iconName: string | undefined;
   description: string | undefined;
   commandActive: string | undefined;
   registry: CommandRegistry<unknown> | undefined;
   private _compact;
+  private _hasToolbarContent;
   private _resizeObserver?;
   private _commandCleanup?;
   connectedCallback(): void;
@@ -5558,6 +5557,9 @@ declare class TabListItemElement extends LitElement {
   updated(changed: PropertyValues): void;
   private _syncTooltipAttrs;
   private _syncCommandListener;
+  private _onToolbarSlotChange;
+  private _updateToolbarContent;
+  firstUpdated(): void;
   render(): TemplateResult<1>;
   private _onCloseClick;
   static styles: CSSResult[];
@@ -5566,7 +5568,7 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tab-list-item": TabListItemElement;
   }
-}
+} //# sourceMappingURL=tab-list-item.d.ts.map
 //#endregion
 //#region src/tabs/tab-list.d.ts
 /**
@@ -5592,6 +5594,7 @@ declare class TabListElement extends LitElement {
   orientation: `horizontal` | `vertical-stack` | `vertical-side`;
   flip: boolean;
   scrollable: boolean;
+  hideLabels: boolean;
   dragMode: TabListDragMode;
   render(): TemplateResult<1>;
   firstUpdated(): void;
@@ -5604,7 +5607,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 {
@@ -5615,7 +5618,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 {
@@ -5659,14 +5662,12 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-tab-panels": TabPanelsElement;
   }
-}
+} //# sourceMappingURL=tab-panels.d.ts.map
 //#endregion
 //#region src/tabs/tab-controller.d.ts
 /** A single tab managed by a {@link TabController}. */
 type Tab = {
-  /** id of the `ixfx-tab-list-item` */
-  readonly id: string;
-  /** id of the `ixfx-tab-panel` (the item's `for` value) */
+  /** id of the `ixfx-tab-list-item` */readonly id: string; /** id of the `ixfx-tab-panel` (the item's `for` value) */
   readonly forId: string;
   readonly item: TabListItemElement;
   readonly panel: TabPanelElement;
@@ -5674,21 +5675,15 @@ type Tab = {
   iconName?: string;
 };
 type TabAddOptions = {
-  label: string;
-  /** id for the tab item; derived from the label if omitted */
-  id?: string;
-  /** id for the panel (and the item's `for`); derived from the label if omitted */
+  label: string; /** id for the tab item; derived from the label if omitted */
+  id?: string; /** id for the panel (and the item's `for`); derived from the label if omitted */
   forId?: string;
   iconName?: string;
   description?: string;
-  closeable?: boolean;
-  /** Elements to slot into the tab's `slot="toolbar"` */
-  toolbar?: HTMLElement[];
-  /** Panel content: a node, text, or a callback given the fresh panel element */
-  content?: Node | string | ((panel: TabPanelElement) => void);
-  /** Select the new tab immediately (default `true`) */
-  select?: boolean;
-  /** Insertion index among existing tabs (default: append) */
+  closeable?: boolean; /** Elements to slot into the tab's `slot="toolbar"` */
+  toolbar?: HTMLElement[]; /** Panel content: a node, text, or a callback given the fresh panel element */
+  content?: Node | string | ((panel: TabPanelElement) => void); /** Select the new tab immediately (default `true`) */
+  select?: boolean; /** Insertion index among existing tabs (default: append) */
   index?: number;
 };
 type TabControllerOptions = {
@@ -5696,8 +5691,7 @@ type TabControllerOptions = {
    * When provided, a command is registered per tab (id = tab id). Invoking
    * `commands.invoke(id)` selects the tab.
    */
-  commands?: CommandRegistry;
-  /** Fired after a tab becomes selected (via click or programmatic select) */
+  commands?: CommandRegistry; /** Fired after a tab becomes selected (via click or programmatic select) */
   onSelect?: (tab: Tab, previous: Tab | undefined) => void;
   onAdd?: (tab: Tab) => void;
   onRemove?: (tab: Tab) => void;
@@ -5981,7 +5975,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 & {
@@ -6129,6 +6123,7 @@ 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.
@@ -6163,7 +6158,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> = {