@emuanalytics/flow-rdf-ui 0.0.48 → 0.0.50

package/dist/index.d.cts

@@ -102,12 +102,10 @@ interface VirtualElement {
     contextElement?: Element;
 }
 /**
+ * @tagname flow-ui-popup
  * @summary Popup is a utility that lets you declaratively anchor "popup" containers to another element.
- * @documentation https://shoelace.style/components/popup
- * @status stable
- * @since 2.0
- *
- * @event sl-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
+
+ * @event flow-ui-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
  *  operations in your listener or consider debouncing it.
  *
  * @slot - The popup's content.
@@ -122,7 +120,7 @@ interface VirtualElement {
  *
  * @cssproperty [--arrow-size=6px] - The size of the arrow. Note that an arrow won't be shown unless the `arrow`
  *  attribute is used.
- * @cssproperty [--arrow-color=var(--sl-color-neutral-0)] - The color of the arrow.
+ * @cssproperty [--arrow-color=var(--flow-ui-color-neutral-0)] - The color of the arrow.
  * @cssproperty [--auto-size-available-width] - A read-only custom property that determines the amount of width the
  *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
  *  available when using `auto-size`.
@@ -252,10 +250,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tooltip
  * @summary Tooltips display additional information based on a specific action.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tooltip
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-popup
  *
@@ -332,6 +328,7 @@ declare class FlowTooltip extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tooltip': FlowTooltip;
@@ -452,7 +449,7 @@ declare class FlowAlert extends FlowRdfElement {
     private autoHideTimeout;
     private readonly hasSlotController;
     private readonly localize;
-    base: HTMLElement;
+    private base;
     /**
      * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
      * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
@@ -472,7 +469,9 @@ declare class FlowAlert extends FlowRdfElement {
     private restartAutoHide;
     private handleCloseClick;
     private handleMouseMove;
+    /** @internal */
     handleOpenChange(): Promise<void>;
+    /** @internal */
     handleDurationChange(): void;
     /** Shows the alert. */
     show(): Promise<void>;
@@ -494,6 +493,7 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-animation
  * @summary Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
  * @documentation https://shoelace.style/components/animation
  * @status stable
@@ -510,7 +510,7 @@ declare class SlAnimation extends FlowRdfElement {
     static styles: CSSResultGroup;
     private animation?;
     private hasStarted;
-    defaultSlot: Promise<HTMLSlotElement>;
+    private defaultSlot;
     /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
     name: string;
     /**
@@ -575,11 +575,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-avatar
  * @summary Avatars are used to represent a person or object.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon
  *
  * @slot icon - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.
@@ -604,9 +602,11 @@ declare class FlowAvatar extends FlowRdfElement {
     loading: 'eager' | 'lazy';
     /** The shape of the avatar. */
     shape: 'circle' | 'square' | 'rounded';
+    /** @internal */
     handleImageChange(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-avatar': FlowAvatar;
@@ -614,10 +614,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-badge
  * @summary Badges are used to draw attention and display statuses or counts.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge
- * @status stable
- * @since 2.0
  *
  * @slot - The badge's content.
  *
@@ -633,6 +631,7 @@ declare class FlowBadge extends FlowRdfElement {
     pulse: boolean;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-badge': FlowBadge;
@@ -640,11 +639,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-breadcrumb-item
  * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item
- * @status stable
- * @since 2.0
- *
+
  * @slot - The breadcrumb item's label.
  * @slot prefix - An optional prefix, usually an icon or icon button.
  * @slot suffix - An optional suffix, usually an icon or icon button.
@@ -671,6 +668,7 @@ declare class FlowBreadcrumbItem extends FlowRdfElement {
     rel: string;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-breadcrumb-item': FlowBreadcrumbItem;
@@ -678,10 +676,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-breadcrumb
  * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb
- * @status stable
- * @since 2.0
  *
  * @slot - One or more breadcrumb items to display.
  * @slot separator - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.
@@ -694,8 +690,8 @@ declare class FlowBreadcrumb extends FlowRdfElement {
     static styles: CSSResultGroup;
     private readonly localize;
     private separatorDir;
-    defaultSlot: HTMLSlotElement;
-    separatorSlot: HTMLSlotElement;
+    private defaultSlot;
+    private separatorSlot;
     /**
      * The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by
      * screen readers and other assistive devices to provide more context for users.
@@ -705,6 +701,7 @@ declare class FlowBreadcrumb extends FlowRdfElement {
     private handleSlotChange;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-breadcrumb': FlowBreadcrumb;
@@ -712,10 +709,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-button-group
  * @summary Button groups can be used to group related buttons into sections.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group
- * @status stable
- * @since 2.0
  *
  * @slot - One or more `<flow-ui-button>` elements to display in the button group.
  *
@@ -723,13 +718,16 @@ declare global {
  */
 declare class FlowButtonGroup extends FlowRdfElement {
     static styles: CSSResultGroup;
+    /** @internal */
     defaultSlot: HTMLSlotElement;
+    /** @internal  */
     disableRole: boolean;
     label: string;
     /**
      * Use vertical layout for the button group.
      */
     vertical: boolean;
+    /** @internal */
     handleVerticalChange(): Promise<void>;
     private handleFocus;
     private handleBlur;
@@ -738,6 +736,7 @@ declare class FlowButtonGroup extends FlowRdfElement {
     private handleSlotChange;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-button-group': FlowButtonGroup;
@@ -745,10 +744,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-spinner
  * @summary Spinners are used to show the progress of an indeterminate operation.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner
- * @status stable
- * @since 2.0
  *
  * @csspart base - The component's base wrapper.
  *
@@ -762,6 +759,7 @@ declare class FlowSpinner extends FlowRdfElement {
     private readonly localize;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-spinner': FlowSpinner;
@@ -794,9 +792,9 @@ declare class FlowButton extends FlowRdfElement implements FlowRdfFormControl {
     private readonly formControlController;
     private readonly hasSlotController;
     private readonly localize;
+    /** @internal */
     button: HTMLButtonElement | HTMLLinkElement;
     private hasFocus;
-    invalid: boolean;
     title: string;
     /** The button's theme variant. */
     variant: 'default' | 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
@@ -879,6 +877,7 @@ declare class FlowButton extends FlowRdfElement implements FlowRdfFormControl {
     private handleInvalid;
     private isButton;
     private isLink;
+    /** @internal */
     handleDisabledChange(): void;
     /** Simulates a click on the button. */
     click(): void;
@@ -921,7 +920,9 @@ declare class FlowCalendar extends FlowRdfElement {
     size: 'small' | 'medium' | 'large';
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** @internal */
     handleValueChange(): void;
+    /** @internal */
     handleTimezoneChange(): void;
     private dateClicked;
     private stepDisplayDate;
@@ -947,10 +948,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-card
  * @summary Cards can be used to group related subjects in a container.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/card
- * @status stable
- * @since 2.0
+
  *
  * @slot - The card's main content.
  * @slot header - An optional header for the card.
@@ -973,6 +973,7 @@ declare class FlowCard extends FlowRdfElement {
     private readonly hasSlotController;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-card': FlowCard;
@@ -980,6 +981,7 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-carousel-item
  * @summary A carousel item represent a slide within a [carousel](/components/carousel).
  *
  * @since 2.0
@@ -996,6 +998,7 @@ declare class FlowCarouselItem extends FlowRdfElement {
     connectedCallback(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-carousel-item': FlowCarouselItem;
@@ -1003,6 +1006,7 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-carousel
  * @summary Carousels display an arbitrary number of content slides along a horizontal or vertical axis.
  *
  * @since 2.2
@@ -1100,6 +1104,7 @@ declare class FlowCarousel extends FlowRdfElement {
     goToSlide(index: number, behavior?: ScrollBehavior): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-carousel': FlowCarousel;
@@ -1165,11 +1170,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-checkbox
  * @summary Checkboxes allow the user to toggle an option on or off.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/checkbox
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon
  *
  * @slot - The checkbox's label.
@@ -1192,7 +1195,7 @@ declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl
     static styles: CSSResultGroup;
     private readonly hasSlotController;
     private readonly formControlController;
-    input: HTMLInputElement;
+    private input;
     private hasFocus;
     title: string;
     /** The name of the checkbox, submitted as a name/value pair with form data. */
@@ -1230,7 +1233,9 @@ declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl
     private handleInput;
     private handleInvalid;
     private handleFocus;
+    /** @internal  */
     handleDisabledChange(): void;
+    /** @internal  */
     handleStateChange(): void;
     /** Simulates a click on the checkbox. */
     click(): void;
@@ -1251,6 +1256,7 @@ declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-checkbox': FlowCheckbox;
@@ -1258,10 +1264,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-menu-item
  * @summary Menu items provide options for the user to pick from in a menu.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-item
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon
  *
@@ -1300,6 +1304,7 @@ declare class FlowMenuItem extends FlowRdfElement {
     getTextLabel(): string;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-menu-item': FlowMenuItem;
@@ -1307,11 +1312,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-menu
  * @summary Menus provide a list of options for the user to choose from.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu
- * @status stable
- * @since 2.0
- *
+
  * @slot - The menu's content, including menu items, menu labels, and dividers.
  *
  * @event {{ item: FlowMenuItem }} flow-ui-select - Emitted when a menu item is selected.
@@ -1339,6 +1342,7 @@ declare class FlowMenu extends FlowRdfElement {
     setCurrentItem(item: FlowMenuItem): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-menu': FlowMenu;
@@ -1348,9 +1352,6 @@ declare global {
 /**
  * @tagname flow-ui-dropdown
  * @summary Dropdowns expose additional content that "drops down" in a panel.
- * @documentation https://shoelace.style/components/dropdown
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-popup
  *
@@ -1411,6 +1412,23 @@ declare class SlDropdown extends FlowRdfElement {
      * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
      */
     hoist: boolean;
+    /**
+     * Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
+     * `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
+     * `::part(arrow)` in your stylesheet.
+     */
+    arrow: boolean;
+    /**
+     * The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+     * anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
+     * align the arrow to the start, end, or center of the popover instead.
+     */
+    arrowPlacement: 'start' | 'end' | 'center' | 'anchor';
+    /**
+     * The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
+     * this will prevent it from overflowing the corners.
+     */
+    arrowPadding: number;
     /**
      * Syncs the popup width or height to that of the trigger element.
      */
@@ -1490,6 +1508,7 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
     private readonly formControlController;
     private readonly hasSlotController;
     private readonly localize;
+    private _numberFormatter;
     input: HTMLInputElement;
     private hasFocus;
     title: string;
@@ -1520,6 +1539,8 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
     disabled: boolean;
     /** Placeholder text to show as a hint when the input is empty. */
     placeholder: string;
+    /** Number format to use for input controls with `type="number"`. (D3 format string) */
+    format: string;
     /** Makes the input readonly. */
     readonly: boolean;
     /** Adds a button to toggle the password's visibility. Only applies to password types. */
@@ -1571,6 +1592,7 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
      * keyboard on supportive devices.
      */
     inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    handleFormatChange(): void;
     /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
     get valueAsDate(): Date | null;
     set valueAsDate(newValue: Date | null);
@@ -1617,6 +1639,9 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
     reportValidity(): boolean;
     /** Sets a custom validation message. Pass an empty string to restore validity. */
     setCustomValidity(message: string): void;
+    private fromDisplayValue;
+    private toDisplayValue;
+    private clampValue;
     render(): lit.TemplateResult<1>;
 }
 
@@ -1627,29 +1652,9 @@ declare global {
 }
 
 /**
- * @summary The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/visually-hidden
- * @status stable
- * @since 2.0
- *
- * @slot - The content to be visually hidden.
- */
-declare class FlowVisuallyHidden extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-visually-hidden': FlowVisuallyHidden;
-    }
-}
-
-/**
+ * @tag flow-ui-color-picker
  * @summary Color pickers allow the user to select a color.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/color-picker
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-button
  * @dependency flow-ui-button-group
  * @dependency flow-ui-dropdown
@@ -1703,11 +1708,11 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
     private readonly formControlController;
     private isSafeValue;
     private readonly localize;
-    base: HTMLElement;
-    input: FlowInput;
-    dropdown: SlDropdown;
-    previewButton: HTMLButtonElement;
-    trigger: HTMLButtonElement;
+    private base;
+    private input;
+    private dropdown;
+    private previewButton;
+    private trigger;
     private hasFocus;
     private isDraggingGridHandle;
     private isEmpty;
@@ -1808,8 +1813,11 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
     /** Generates a hex string from HSV values. Hue must be 0-360. All other arguments must be 0-100. */
     private getHexString;
     private stopNestedEventPropagation;
+    /** @internal */
     handleFormatChange(): void;
+    /** @internal  */
     handleOpacityChange(): void;
+    /** @internal  */
     handleValueChange(oldValue: string | undefined, newValue: string): void;
     /** Sets focus on the color picker. */
     focus(options?: FocusOptions): void;
@@ -1827,109 +1835,700 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-color-picker': FlowColorPicker;
     }
 }
 
-/**
- * @summary Tags are used as labels to organize things or to indicate a selection.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tag
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - The tag's content.
- *
- * @event flow-ui-remove - Emitted when the remove button is activated.
- *
- * @csspart base - The component's base wrapper.
- * @csspart content - The tag's content.
- * @csspart remove-button - The tag's remove button, an `<flow-ui-icon-button>`.
- * @csspart remove-button__base - The remove button's exported `base` part.
- */
-declare class FlowTag extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    static dependencies: {
-        'flow-icon-button': typeof FlowIconButton;
+interface StringColorStopOptions {
+    type: 'string';
+}
+interface NumberColorStopOptions {
+    type: 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+    units?: string;
+}
+interface SelectColorStopOptions {
+    type: 'select';
+    options: Array<string | {
+        value: string;
+        name?: string;
+    }>;
+}
+type ColorStopOptions = StringColorStopOptions | NumberColorStopOptions | SelectColorStopOptions;
+interface ColorStopValue {
+    value: string | number;
+    color: string;
+    options?: {
+        regex: boolean;
+        caseSensitive: boolean;
     };
-    private readonly localize;
-    /** The tag's theme variant. */
-    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
-    /** The tag's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Draws a pill-style tag with rounded edges. */
-    pill: boolean;
-    /** Makes the tag removable and shows a remove button. */
-    removable: boolean;
-    private handleRemoveClick;
-    render(): lit.TemplateResult<1>;
 }
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tag': FlowTag;
-    }
+interface BaseColorMapperField {
+    name?: string;
+    field: string;
+}
+interface StringColorMapperField extends StringColorStopOptions, BaseColorMapperField {
+    type: 'string';
+}
+interface NumberColorMapperField extends NumberColorStopOptions, BaseColorMapperField {
+    type: 'number';
+}
+interface SelectColorMapperField extends SelectColorStopOptions, BaseColorMapperField {
+    type: 'select';
+}
+type ColorMapperField = StringColorMapperField | NumberColorMapperField | SelectColorMapperField;
+interface ColorMapperOptions {
+    fields: Record<string, ColorMapperField>;
+}
+interface ColorMapperValue {
+    mode: 'fixed' | 'data-driven';
+    field: string | undefined;
+    type?: 'string' | 'number' | 'select';
+    defaultColor?: string;
+    colorStops: ColorStopValue[];
 }
 
-declare class FlowDatetimePicker extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private readonly hasSlotController;
-    private readonly localize;
-    popup: SlPopup;
-    combobox: HTMLSlotElement;
-    displayInput: HTMLInputElement;
-    valueInput: HTMLInputElement;
-    calendarContainer: HTMLDivElement;
-    private hasFocus;
-    displayLabel: string;
-    /** The name of the select, submitted as a name/value pair with form data. */
-    name: string;
-    value: string;
-    displayMode: 'date' | 'time' | 'datetime';
-    format: string;
-    timezone?: string;
-    locale?: string;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string;
-    /** The select's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Placeholder text to show as a hint when the select is empty. */
-    placeholder: string;
-    /** Disables the select control. */
-    disabled: boolean;
-    /** Adds a clear button when the select is not empty. */
-    clearable: boolean;
-    /**
-     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.
-     */
-    open: boolean;
-    /**
-     * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with
-     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
-     */
-    hoist: boolean;
-    /** Draws a filled select. */
-    filled: boolean;
-    /** Draws a pill-style select with rounded edges. */
-    pill: boolean;
-    /** The select's label. If you need to display HTML, use the `label` slot instead. */
-    label: string;
+interface FormControlControllerOptions {
+    /** A function that returns the form containing the form control. */
+    form: (input: FlowRdfFormControl) => HTMLFormElement | null;
+    /** A function that returns the form control's name, which will be submitted with the form data. */
+    name: (input: FlowRdfFormControl) => string;
+    /** A function that returns the form control's current value. */
+    value: (input: FlowRdfFormControl) => unknown | unknown[];
+    /** A function that returns the form control's default value. */
+    defaultValue: (input: FlowRdfFormControl) => unknown | unknown[];
+    /** A function that returns the form control's current disabled state. If disabled, the value won't be submitted. */
+    disabled: (input: FlowRdfFormControl) => boolean;
     /**
-     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
-     * inside of the viewport.
+     * A function that maps to the form control's reportValidity() function. When the control is invalid, this will
+     * prevent submission and trigger the browser's constraint violation warning.
      */
-    placement: 'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start';
-    /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */
-    helpText: string;
+    reportValidity: (input: FlowRdfFormControl) => boolean;
+    /** A function that sets the form control's value */
+    setValue: (input: FlowRdfFormControl, value: unknown) => void;
     /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
+     * An array of event names to listen to. When all events in the list are emitted, the control will receive validity
+     * states such as user-valid and user-invalid.user interacted validity states. */
+    assumeInteractionOn: string[];
+}
+/** A reactive controller to allow form controls to participate in form submission, validation, etc. */
+declare class FormControlController implements ReactiveController {
+    host: FlowRdfFormControl & ReactiveControllerHost;
+    form?: HTMLFormElement | null;
+    options: FormControlControllerOptions;
+    constructor(host: ReactiveControllerHost & FlowRdfFormControl, options?: Partial<FormControlControllerOptions>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+    private attachForm;
+    private detachForm;
+    private handleFormData;
+    private handleFormSubmit;
+    private handleFormReset;
+    private handleInteraction;
+    private reportFormValidity;
+    private setUserInteracted;
+    private doAction;
+    /** Returns the associated `<form>` element, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Resets the form, restoring all the control to their default value */
+    reset(submitter?: HTMLInputElement | FlowButton): void;
+    /** Submits the form, triggering validation and form data injection. */
+    submit(submitter?: HTMLInputElement | FlowButton): void;
+    /**
+     * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
+     * the host element immediately, i.e. before Lit updates the component in the next update.
+     */
+    setValidity(isValid: boolean): void;
+    /**
+     * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
+     * that affects constraint validation changes so the component receives the correct validity states.
+     */
+    updateValidity(): void;
+    /**
+     * Dispatches a non-bubbling, cancelable custom event of type `flow-ui-invalid`.
+     * If the `flow-ui-invalid` event will be cancelled then the original `invalid`
+     * event (which may have been passed as argument) will also be cancelled.
+     * If no original `invalid` event has been passed then the `flow-ui-invalid`
+     * event will be cancelled before being dispatched.
+     */
+    emitInvalidEvent(originalInvalidEvent?: Event): void;
+}
+
+/**
+ * @tagname flow-ui-radio-group
+ * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
+ *
+ * @dependency flow-ui-button-group
+ *
+ * @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
+ * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
+ *  attribute.
+ *
+ * @event flow-ui-change - Emitted when the radio group's selected value changes.
+ * @event flow-ui-input - Emitted when the radio group receives user input.
+ * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and help text.
+ * @csspart form-control-label - The label's wrapper.
+ * @csspart form-control-input - The input's wrapper.
+ * @csspart form-control-help-text - The help text's wrapper.
+ * @csspart button-group - The button group that wraps radio buttons.
+ * @csspart button-group__base - The button group's `base` part.
+ */
+declare class FlowRadioGroup extends FlowRdfElement implements FlowRdfFormControl {
+    static styles: CSSResultGroup;
+    protected readonly formControlController: FormControlController;
+    private readonly hasSlotController;
+    private customValidityMessage;
+    private validationTimeout;
+    defaultSlot: HTMLSlotElement;
+    validationInput: HTMLInputElement;
+    private errorMessage;
+    defaultValue: string;
+    /**
+     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+     * instead.
+     */
+    label: string;
+    /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /** The name of the radio group, submitted as a name/value pair with form data. */
+    name: string;
+    /** The current value of the radio group, submitted as a name/value pair with form data. */
+    value: string;
+    /** The radio group's size. This size will be applied to all child radios and radio buttons. */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
+     */
+    form: string;
+    /** Ensures a child radio is checked before allowing the containing form to submit. */
+    required: boolean;
+    /**
+     * Use vertical layout for the radio group.
+     */
+    vertical: boolean;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    private getAllRadios;
+    private handleRadioClick;
+    private handleKeyDown;
+    private handleLabelClick;
+    private handleInvalid;
+    private syncRadios;
+    private updateCheckedRadio;
+    handleSizeChange(): void;
+    handleValueChange(): void;
+    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+    checkValidity(): boolean;
+    /** Gets the associated form, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    /** Sets a custom validation message. Pass an empty string to restore validity. */
+    setCustomValidity(message?: string): void;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-radio-group': FlowRadioGroup;
+    }
+}
+
+/**
+ *
+ * @tagname flow-ui-radio
+ * @summary Radios allow the user to select a single option from a group.
+ *
+ * @dependency flow-ui-icon
+ *
+ * @slot - The radio's label.
+ *
+ * @event flow-ui-blur - Emitted when the control loses focus.
+ * @event flow-ui-focus - Emitted when the control gains focus.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart control - The circular container that wraps the radio's checked state.
+ * @csspart control--checked - The radio control when the radio is checked.
+ * @csspart checked-icon - The checked icon, an `<flow-ui-icon>` element.
+ * @csspart label - The container that wraps the radio's label.
+ */
+declare class FlowRadio extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    checked: boolean;
+    protected hasFocus: boolean;
+    /** The radio's value. When selected, the radio group will receive this value. */
+    value: string;
+    /**
+     * The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
+     * attribute can typically be omitted.
+     */
+    size: 'small' | 'medium' | 'large';
+    /** Disables the radio. */
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private setInitialAttributes;
+    handleCheckedChange(): void;
+    handleDisabledChange(): void;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-radio': FlowRadio;
+    }
+}
+
+/**
+ * @tagname flow-ui-option
+ * @summary Options define the selectable items within various form controls such as [select](/components/select).
+ *
+ * @dependency flow-ui-icon
+ *
+ * @slot - The option's label.
+ * @slot prefix - Used to prepend an icon or similar element to the menu item.
+ * @slot suffix - Used to append an icon or similar element to the menu item.
+ *
+ * @csspart checked-icon - The checked icon, a `<flow-ui-icon>` element.
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The option's label.
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ */
+declare class FlowOption extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-ui-icon': typeof FlowIcon;
+    };
+    private cachedTextLabel;
+    private readonly localize;
+    defaultSlot: HTMLSlotElement;
+    current: boolean;
+    selected: boolean;
+    hasHover: boolean;
+    /**
+     * The option's value. When selected, the containing form control will receive this value. The value must be unique
+     * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
+     * multiple values.
+     */
+    value: string;
+    /** Draws the option in a disabled state, preventing selection. */
+    disabled: boolean;
+    connectedCallback(): void;
+    private handleDefaultSlotChange;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    handleDisabledChange(): void;
+    handleSelectedChange(): void;
+    handleValueChange(): void;
+    /** Returns a plain text label based on the option's content. */
+    getTextLabel(): string;
+    render(): lit.TemplateResult<1>;
+}
+
+/**
+ * @summary Tags are used as labels to organize things or to indicate a selection.
+ * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tag
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency flow-ui-icon-button
+ *
+ * @slot - The tag's content.
+ *
+ * @event flow-ui-remove - Emitted when the remove button is activated.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart content - The tag's content.
+ * @csspart remove-button - The tag's remove button, an `<flow-ui-icon-button>`.
+ * @csspart remove-button__base - The remove button's exported `base` part.
+ */
+declare class FlowTag extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-icon-button': typeof FlowIconButton;
+    };
+    private readonly localize;
+    /** The tag's theme variant. */
+    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
+    /** The tag's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Draws a pill-style tag with rounded edges. */
+    pill: boolean;
+    /** Makes the tag removable and shows a remove button. */
+    removable: boolean;
+    private handleRemoveClick;
+    render(): lit.TemplateResult<1>;
+}
+
+/**
+ * @summary Selects allow you to choose items from a menu of predefined options.
+ * @documentation https://shoelace.style/components/select
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency flow-icon
+ * @dependency flow-popup
+ * @dependency flow-tag
+ *
+ * @slot - The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.
+ * @slot label - The input's label. Alternatively, you can use the `label` attribute.
+ * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
+ * @slot suffix - Used to append a presentational icon or similar element to the combobox.
+ * @slot clear-icon - An icon to use in lieu of the default clear icon.
+ * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.
+ * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+ *
+ * @event flow-ui-change - Emitted when the control's value changes.
+ * @event flow-ui-clear - Emitted when the control's value is cleared.
+ * @event flow-ui-input - Emitted when the control receives input.
+ * @event flow-ui-focus - Emitted when the control gains focus.
+ * @event flow-ui-blur - Emitted when the control loses focus.
+ * @event flow-ui-show - Emitted when the select's menu opens.
+ * @event flow-ui-after-show - Emitted after the select's menu opens and all animations are complete.
+ * @event flow-ui-hide - Emitted when the select's menu closes.
+ * @event flow-ui-after-hide - Emitted after the select's menu closes and all animations are complete.
+ * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and help text.
+ * @csspart form-control-label - The label's wrapper.
+ * @csspart form-control-input - The select's wrapper.
+ * @csspart form-control-help-text - The help text's wrapper.
+ * @csspart combobox - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.
+ * @csspart prefix - The container that wraps the prefix slot.
+ * @csspart suffix - The container that wraps the suffix slot.
+ * @csspart display-input - The element that displays the selected option's label, an `<input>` element.
+ * @csspart listbox - The listbox container where options are slotted.
+ * @csspart tags - The container that houses option tags when `multiselect` is used.
+ * @csspart tag - The individual tags that represent each multiselect option.
+ * @csspart tag__base - The tag's base part.
+ * @csspart tag__content - The tag's content part.
+ * @csspart tag__remove-button - The tag's remove button.
+ * @csspart tag__remove-button__base - The tag's remove button base part.
+ * @csspart clear-button - The clear button.
+ * @csspart expand-icon - The container that wraps the expand icon.
+ */
+declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-icon': typeof FlowIcon;
+        'flow-popup': typeof SlPopup;
+        'flow-tag': typeof FlowTag;
+    };
+    private readonly formControlController;
+    private readonly hasSlotController;
+    private readonly localize;
+    private typeToSelectString;
+    private typeToSelectTimeout;
+    private closeWatcher;
+    private mutationObserver;
+    popup: SlPopup;
+    combobox: HTMLSlotElement;
+    displayInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    listbox: HTMLSlotElement;
+    private hasFocus;
+    displayLabel: string;
+    currentOption: FlowOption;
+    selectedOptions: FlowOption[];
+    /** The name of the select, submitted as a name/value pair with form data. */
+    name: string;
+    /**
+     * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
+     * value attribute will be a space-delimited list of values based on the options selected, and the value property will
+     * be an array. **For this reason, values must not contain spaces.**
+     */
+    value: string | string[];
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string | string[];
+    /** The select's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Placeholder text to show as a hint when the select is empty. */
+    placeholder: string;
+    /** Allows more than one option to be selected. */
+    multiple: boolean;
+    /**
+     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
+     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
+     */
+    maxOptionsVisible: number;
+    /** Disables the select control. */
+    disabled: boolean;
+    /** Adds a clear button when the select is not empty. */
+    clearable: boolean;
+    /**
+     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
+     * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.
+     */
+    open: boolean;
+    /**
+     * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with
+     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
+     */
+    hoist: boolean;
+    /** Draws a filled select. */
+    filled: boolean;
+    /** Draws a pill-style select with rounded edges. */
+    pill: boolean;
+    /** The select's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
+     * inside of the viewport.
+     */
+    placement: 'top' | 'bottom';
+    /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
+     */
+    form: string;
+    /** The select's required attribute. */
+    required: boolean;
+    /**
+     * A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second
+     * is the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at
+     * the specified value.
+     */
+    getTag: (option: FlowOption, index: number) => TemplateResult | string | HTMLElement;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private addOpenListeners;
+    private removeOpenListeners;
+    private handleFocus;
+    private handleBlur;
+    private handleDocumentFocusIn;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handleLabelClick;
+    private handleComboboxMouseDown;
+    private handleComboboxKeyDown;
+    private handleClearClick;
+    private handleClearMouseDown;
+    private handleOptionClick;
+    private handleDefaultSlotChange;
+    private handleTagRemove;
+    private getAllOptions;
+    private getFirstOption;
+    private setCurrentOption;
+    private setSelectedOptions;
+    private toggleOptionSelection;
+    private selectionChanged;
+    protected get tags(): TemplateResult<1>[];
+    private handleInvalid;
+    handleDisabledChange(): void;
+    handleValueChange(): void;
+    handleOpenChange(): Promise<void>;
+    /** Shows the listbox. */
+    show(): Promise<void>;
+    /** Hides the listbox. */
+    hide(): Promise<void>;
+    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+    checkValidity(): boolean;
+    /** Gets the associated form, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    /** Sets a custom validation message. Pass an empty string to restore validity. */
+    setCustomValidity(message: string): void;
+    /** Sets focus on the control. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the control. */
+    blur(): void;
+    render(): TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-select': FlowSelect;
+    }
+}
+
+/**
+ * @tagname flow-ui-color-mapper
+ * @summary A component for defining mappings between data values and colors.
+ *
+ */
+declare class FlowColorMapper extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private currentField?;
+    private readonly hasSlotController;
+    private modeRadioGroup;
+    private fixedColorPicker;
+    private fieldSelect;
+    private infoDialog;
+    field: string;
+    options: ColorMapperOptions;
+    value: ColorMapperValue;
+    size: 'small' | 'medium' | 'large';
+    defaultColorStop: boolean;
+    /**
+     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
+     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
+     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
+     */
+    swatches: string | string[];
+    private handleFixedPickerClick;
+    private handleChange;
+    private emitChange;
+    private handleColorStopRemove;
+    private getAllColorStops;
+    private getColorStopPlaceholder;
+    private fixedColorTemplate;
+    private dataDrivenColorTemplate;
+    private colorStopsTemplate;
+    private infoDialogTemplate;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-color-mapper': FlowColorMapper;
+    }
+}
+
+/**
+ * @tagname flow-ui-color-stop
+ * @summary A single color stop used by the `flow-ui-color-mapper` component.
+ *
+ */
+declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
+    static styles: CSSResultGroup;
+    private readonly formControlController;
+    private input;
+    private picker;
+    private textOptions;
+    /** The name of the color stop, submitted as a name/value pair with form data. */
+    name: string;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
+     */
+    form: string;
+    /** Makes the color stop as a required field. */
+    required: boolean;
+    options: ColorStopOptions;
+    value: ColorStopValue;
+    size: 'small' | 'medium' | 'large';
+    placeholder: boolean;
+    fixed?: string;
+    /**
+     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
+     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
+     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
+     */
+    swatches: string | string[];
+    get validity(): ValidityState;
+    get validationMessage(): "" | "Invalid regular expression";
+    checkValidity(): boolean;
+    getForm(): HTMLFormElement | null;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    private handleRemove;
+    private handleChange;
+    private emitChange;
+    private validate;
+    private textInputTemplate;
+    private numberInputTemplate;
+    private fixedInputTemplate;
+    private selectInputTemplate;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-color-stop': FlowColorStopComponent;
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-tag': FlowTag;
+    }
+}
+
+declare class FlowDatetimePicker extends FlowRdfElement implements FlowRdfFormControl {
+    static styles: CSSResultGroup;
+    private readonly formControlController;
+    private readonly hasSlotController;
+    private readonly localize;
+    popup: SlPopup;
+    combobox: HTMLSlotElement;
+    displayInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    calendarContainer: HTMLDivElement;
+    private hasFocus;
+    displayLabel: string;
+    /** The name of the select, submitted as a name/value pair with form data. */
+    name: string;
+    value: string;
+    displayMode: 'date' | 'time' | 'datetime';
+    format: string;
+    timezone?: string;
+    locale?: string;
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string;
+    /** The select's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Placeholder text to show as a hint when the select is empty. */
+    placeholder: string;
+    /** Disables the select control. */
+    disabled: boolean;
+    /** Adds a clear button when the select is not empty. */
+    clearable: boolean;
+    /**
+     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
+     * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.
+     */
+    open: boolean;
+    /**
+     * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with
+     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
+     */
+    hoist: boolean;
+    /** Draws a filled select. */
+    filled: boolean;
+    /** Draws a pill-style select with rounded edges. */
+    pill: boolean;
+    /** The select's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
+     * inside of the viewport.
+     */
+    placement: 'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start';
+    /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
      */
     form: string;
     /** The select's required attribute. */
@@ -1983,11 +2582,9 @@ declare global {
 }
 
 /**
+ * @tag flow-ui-details
  * @summary Details show a brief summary and expand to show additional content.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon
  *
  * @slot - The details' main content.
@@ -2035,6 +2632,7 @@ declare class FlowDetails extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-details': FlowDetails;
@@ -2042,11 +2640,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-dialog
  * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/dialog
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon-button
  *
  * @slot - The dialog's main content.
@@ -2125,6 +2721,7 @@ declare class FlowDialog extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-dialog': FlowDialog;
@@ -2132,10 +2729,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-divider
  * @summary Dividers are used to visually separate or group elements.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider
- * @status stable
- * @since 2.0
  *
  * @cssproperty --color - The color of the divider.
  * @cssproperty --width - The width of the divider.
@@ -2148,6 +2743,7 @@ declare class FlowDivider extends FlowRdfElement {
     connectedCallback(): void;
     handleVerticalChange(): void;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-divider': FlowDivider;
@@ -2155,10 +2751,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-drawer
  * @summary Drawers slide in from a container to expose additional options and information.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/drawer
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon-button
  *
@@ -2253,6 +2847,7 @@ declare class FlowDrawer extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-drawer': FlowDrawer;
@@ -2409,10 +3004,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-menu-label
  * @summary Menu labels are used to describe a group of menu items.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-label
- * @status stable
- * @since 2.0
  *
  * @slot - The menu label's content.
  *
@@ -2422,6 +3015,7 @@ declare class FlowMenuLabel extends FlowRdfElement {
     static styles: CSSResultGroup;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-menu-label': FlowMenuLabel;
@@ -2429,145 +3023,47 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-mutation-observer
  * @summary The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/mutation-observer
- * @status stable
- * @since 2.0
- *
- * @event {{ mutationList: MutationRecord[] }} flow-ui-mutation - Emitted when a mutation occurs.
- *
- * @slot - The content to watch for mutations.
- */
-declare class FlowMutationObserver extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private mutationObserver;
-    /**
-     * Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.
-     * `attr="class id title"`. To watch all attributes, use `*`.
-     */
-    attr: string;
-    /** Indicates whether or not the attribute's previous value should be recorded when monitoring changes. */
-    attrOldValue: boolean;
-    /** Watches for changes to the character data contained within the node. */
-    charData: boolean;
-    /** Indicates whether or not the previous value of the node's text should be recorded. */
-    charDataOldValue: boolean;
-    /** Watches for the addition or removal of new child nodes. */
-    childList: boolean;
-    /** Disables the observer. */
-    disabled: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleMutation;
-    private startObserver;
-    private stopObserver;
-    handleDisabledChange(): void;
-    handleChange(): void;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-mutation-observer': FlowMutationObserver;
-    }
-}
-
-/**
- * @tagname flow-ui-number-stepper
- * @summary Number steppers are specialized input fields for selecting numbers.
- */
-declare class FlowNumberStepper extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private _input;
-    private _formatter;
-    /** The name of the input, submitted as a name/value pair with form data. */
-    name: string;
-    value: number | '';
-    step: number;
-    min: number;
-    max: number;
-    format: string;
-    size: 'small' | 'medium' | 'large';
-    placeholder: string;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
-    firstUpdated(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    stepUp(emitEvent?: boolean): void;
-    stepDown(emitEvent?: boolean): void;
-    handleValueChange(): Promise<void>;
-    handleFormatChange(): void;
-    private handleInputChange;
-    private clampValue;
-    render(): lit.TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-number-stepper': FlowNumberStepper;
-    }
-}
-
-/**
- * @summary Options define the selectable items within various form controls such as [select](/components/select).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/option
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- *
- * @slot - The option's label.
- * @slot prefix - Used to prepend an icon or similar element to the menu item.
- * @slot suffix - Used to append an icon or similar element to the menu item.
- *
- * @csspart checked-icon - The checked icon, a `<flow-ui-icon>` element.
- * @csspart base - The component's base wrapper.
- * @csspart label - The option's label.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart suffix - The container that wraps the suffix.
- */
-declare class FlowOption extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    static dependencies: {
-        'flow-ui-icon': typeof FlowIcon;
-    };
-    private cachedTextLabel;
-    private readonly localize;
-    defaultSlot: HTMLSlotElement;
-    current: boolean;
-    selected: boolean;
-    hasHover: boolean;
+ *
+ * @event {{ mutationList: MutationRecord[] }} flow-ui-mutation - Emitted when a mutation occurs.
+ *
+ * @slot - The content to watch for mutations.
+ */
+declare class FlowMutationObserver extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private mutationObserver;
     /**
-     * The option's value. When selected, the containing form control will receive this value. The value must be unique
-     * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
-     * multiple values.
+     * Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.
+     * `attr="class id title"`. To watch all attributes, use `*`.
      */
-    value: string;
-    /** Draws the option in a disabled state, preventing selection. */
+    attr: string;
+    /** Indicates whether or not the attribute's previous value should be recorded when monitoring changes. */
+    attrOldValue: boolean;
+    /** Watches for changes to the character data contained within the node. */
+    charData: boolean;
+    /** Indicates whether or not the previous value of the node's text should be recorded. */
+    charDataOldValue: boolean;
+    /** Watches for the addition or removal of new child nodes. */
+    childList: boolean;
+    /** Disables the observer. */
     disabled: boolean;
     connectedCallback(): void;
-    private handleDefaultSlotChange;
-    private handleMouseEnter;
-    private handleMouseLeave;
+    disconnectedCallback(): void;
+    private handleMutation;
+    private startObserver;
+    private stopObserver;
     handleDisabledChange(): void;
-    handleSelectedChange(): void;
-    handleValueChange(): void;
-    /** Returns a plain text label based on the option's content. */
-    getTextLabel(): string;
+    handleChange(): void;
     render(): lit.TemplateResult<1>;
 }
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-mutation-observer': FlowMutationObserver;
+    }
+}
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-option': FlowOption;
@@ -2656,10 +3152,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-progress-bar
  * @summary Progress bars are used to show the status of an ongoing operation.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/progress-bar
- * @status stable
- * @since 2.0
  *
  * @slot - A label to show inside the progress indicator.
  *
@@ -2683,6 +3177,7 @@ declare class FlowProgressBar extends FlowRdfElement {
     label: string;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-progress-bar': FlowProgressBar;
@@ -2690,10 +3185,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-progress-ring
  * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/progress-ring
- * @status stable
- * @since 2.0
  *
  * @slot - A label to show inside the ring.
  *
@@ -2719,6 +3212,7 @@ declare class FlowProgressRing extends FlowRdfElement {
     updated(changedProps: Map<string, unknown>): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-progress-ring': FlowProgressRing;
@@ -2837,9 +3331,12 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      */
     static registerFieldDefinition<T extends FlowQueryBuilderFieldType>(type: T, fieldDefinition: FlowQueryBuilderFieldDefinition<NoUnion<T>>): void;
     /**
-     *
+     *  Static helper method to convert a `FlowQueryBuilderRuleSet` to a set of
+     * `where` clauses for inclusion in a Flo.w query definition.
+  
+     * @param value A value to test
      */
-    static convertToFlowQuery: FlowQueryBuilderConverter;
+    static convertToFlowQuery(ruleset: FlowQueryBuilderRuleSet, config: FlowQueryBuilderConfig, options?: FlowQueryBuilderConverterOptions): any;
     /**
      * Static helper method to determine if supplied argument is
      * a `FlowQueryBuilderRule`.
@@ -2852,7 +3349,6 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      * a `FlowQueryBuilderRuleSet`.
      *
      * @param value A value to test
-     * @returns `true` if supplied value is a FlowQueryBuilderRuleSet
      */
     static isRuleSet(value: unknown): value is FlowQueryBuilderRuleSet;
     /**
@@ -2862,9 +3358,8 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      *
      * @param ruleset Rule set to filter
      * @param options Fields to include or exclude
-     * @returns The filtered rule set
      */
-    static filterRuleSet(ruleset: FlowQueryBuilderRuleSet, options: {
+    static filterRuleSet(ruleSet: FlowQueryBuilderRuleSet, options: {
         excludeFields?: string[];
         includeFields?: string[];
     }): FlowQueryBuilderRuleSet;
@@ -2873,9 +3368,8 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      *
      * @param ruleSet A `FlowQueryBuilderRuleSet` to rename.
      * @param replacements Mapping of string to string for renaming fields.
-     * @returns The renamed rule set.
      */
-    static renameRuleSetFields(ruleset: FlowQueryBuilderRuleSet, replacements: Record<string, string>): FlowQueryBuilderRuleSet;
+    static renameRuleSetFields(ruleSet: FlowQueryBuilderRuleSet, replacements: Record<string, string>): FlowQueryBuilderRuleSet;
     /**
      * Static helper method to recursively apply  a transform function to each rule
      * in a `FlowQueryBuilderRuleSet`.
@@ -2889,7 +3383,6 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      *
      * @param ruleSet query builder rule set
      * @param transformFn transform function
-     * @returns The modified rule set
      */
     static transformRuleSet(ruleSet: FlowQueryBuilderRuleSet, transformFn: (rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined): FlowQueryBuilderRuleSet;
     private readonly hasSlotController;
@@ -2942,219 +3435,9 @@ declare global {
     }
 }
 
-interface FormControlControllerOptions {
-    /** A function that returns the form containing the form control. */
-    form: (input: FlowRdfFormControl) => HTMLFormElement | null;
-    /** A function that returns the form control's name, which will be submitted with the form data. */
-    name: (input: FlowRdfFormControl) => string;
-    /** A function that returns the form control's current value. */
-    value: (input: FlowRdfFormControl) => unknown | unknown[];
-    /** A function that returns the form control's default value. */
-    defaultValue: (input: FlowRdfFormControl) => unknown | unknown[];
-    /** A function that returns the form control's current disabled state. If disabled, the value won't be submitted. */
-    disabled: (input: FlowRdfFormControl) => boolean;
-    /**
-     * A function that maps to the form control's reportValidity() function. When the control is invalid, this will
-     * prevent submission and trigger the browser's constraint violation warning.
-     */
-    reportValidity: (input: FlowRdfFormControl) => boolean;
-    /** A function that sets the form control's value */
-    setValue: (input: FlowRdfFormControl, value: unknown) => void;
-    /**
-     * An array of event names to listen to. When all events in the list are emitted, the control will receive validity
-     * states such as user-valid and user-invalid.user interacted validity states. */
-    assumeInteractionOn: string[];
-}
-/** A reactive controller to allow form controls to participate in form submission, validation, etc. */
-declare class FormControlController implements ReactiveController {
-    host: FlowRdfFormControl & ReactiveControllerHost;
-    form?: HTMLFormElement | null;
-    options: FormControlControllerOptions;
-    constructor(host: ReactiveControllerHost & FlowRdfFormControl, options?: Partial<FormControlControllerOptions>);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    hostUpdated(): void;
-    private attachForm;
-    private detachForm;
-    private handleFormData;
-    private handleFormSubmit;
-    private handleFormReset;
-    private handleInteraction;
-    private reportFormValidity;
-    private setUserInteracted;
-    private doAction;
-    /** Returns the associated `<form>` element, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Resets the form, restoring all the control to their default value */
-    reset(submitter?: HTMLInputElement | FlowButton): void;
-    /** Submits the form, triggering validation and form data injection. */
-    submit(submitter?: HTMLInputElement | FlowButton): void;
-    /**
-     * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-     * the host element immediately, i.e. before Lit updates the component in the next update.
-     */
-    setValidity(isValid: boolean): void;
-    /**
-     * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-     * that affects constraint validation changes so the component receives the correct validity states.
-     */
-    updateValidity(): void;
-    /**
-     * Dispatches a non-bubbling, cancelable custom event of type `flow-ui-invalid`.
-     * If the `flow-ui-invalid` event will be cancelled then the original `invalid`
-     * event (which may have been passed as argument) will also be cancelled.
-     * If no original `invalid` event has been passed then the `flow-ui-invalid`
-     * event will be cancelled before being dispatched.
-     */
-    emitInvalidEvent(originalInvalidEvent?: Event): void;
-}
-
-/**
- * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-button-group
- *
- * @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
- *  attribute.
- *
- * @event flow-ui-change - Emitted when the radio group's selected value changes.
- * @event flow-ui-input - Emitted when the radio group receives user input.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @csspart form-control-label - The label's wrapper.
- * @csspart form-control-input - The input's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart button-group - The button group that wraps radio buttons.
- * @csspart button-group__base - The button group's `base` part.
- */
-declare class FlowRadioGroup extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    protected readonly formControlController: FormControlController;
-    private readonly hasSlotController;
-    private customValidityMessage;
-    private validationTimeout;
-    defaultSlot: HTMLSlotElement;
-    validationInput: HTMLInputElement;
-    private errorMessage;
-    defaultValue: string;
-    /**
-     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-     * instead.
-     */
-    label: string;
-    /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
-    helpText: string;
-    /** The name of the radio group, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the radio group, submitted as a name/value pair with form data. */
-    value: string;
-    /** The radio group's size. This size will be applied to all child radios and radio buttons. */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** Ensures a child radio is checked before allowing the containing form to submit. */
-    required: boolean;
-    /**
-     * Use vertical layout for the radio group.
-     */
-    vertical: boolean;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    private getAllRadios;
-    private handleRadioClick;
-    private handleKeyDown;
-    private handleLabelClick;
-    private handleInvalid;
-    private syncRadios;
-    private updateCheckedRadio;
-    handleSizeChange(): void;
-    handleValueChange(): void;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message?: string): void;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-radio-group': FlowRadioGroup;
-    }
-}
-
-/**
- * fdfd
- *
- * @summary Radios allow the user to select a single option from a group.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- *
- * @slot - The radio's label.
- *
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-focus - Emitted when the control gains focus.
- *
- * @csspart base - The component's base wrapper.
- * @csspart control - The circular container that wraps the radio's checked state.
- * @csspart control--checked - The radio control when the radio is checked.
- * @csspart checked-icon - The checked icon, an `<flow-ui-icon>` element.
- * @csspart label - The container that wraps the radio's label.
- */
-declare class FlowRadio extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    checked: boolean;
-    protected hasFocus: boolean;
-    /** The radio's value. When selected, the radio group will receive this value. */
-    value: string;
-    /**
-     * The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
-     * attribute can typically be omitted.
-     */
-    size: 'small' | 'medium' | 'large';
-    /** Disables the radio. */
-    disabled: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private addEventListeners;
-    private removeEventListeners;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    private setInitialAttributes;
-    handleCheckedChange(): void;
-    handleDisabledChange(): void;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-radio': FlowRadio;
-    }
-}
-
 /**
+ * @tagname flow-ui-range
  * @summary Ranges allow the user to select a single value within a given range using a slider.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/range
- * @status stable
- * @since 2.0
  *
  * @slot label - The range's label. Alternatively, you can use the `label` attribute.
  * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
@@ -3242,261 +3525,12 @@ declare class FlowRange extends FlowRdfElement implements FlowRdfFormControl {
     private handleInvalid;
     /** Sets focus on the range. */
     focus(options?: FocusOptions): void;
-    /** Removes focus from the range. */
-    blur(): void;
-    /** Increments the value of the range by the value of the step attribute. */
-    stepUp(): void;
-    /** Decrements the value of the range by the value of the step attribute. */
-    stepDown(): void;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-range': FlowRange;
-    }
-}
-
-/**
- * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/resize-observer
- * @status stable
- * @since 2.0
- *
- * @slot - One or more elements to watch for resizing.
- *
- * @event {{ entries: ResizeObserverEntry[] }} flow-ui-resize - Emitted when the element is resized.
- */
-declare class FlowResizeObserver extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private resizeObserver;
-    private observedElements;
-    /** Disables the observer. */
-    disabled: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleSlotChange;
-    private startObserver;
-    private stopObserver;
-    handleDisabledChange(): void;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-resize-observer': FlowResizeObserver;
-    }
-}
-
-/**
- * @tagname flow-ui-scroll-view
- * @summary Scroll views provide a scrollable area for content.
- */
-declare class FlowScrollView extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private _scrollHost;
-    private _scrollViewport;
-    private _overlayScrollbars?;
-    private readonly _componentId;
-    mode?: 'native' | 'overlay';
-    overflowX?: 'hidden' | 'scroll' | 'visible' | 'visible-hidden' | 'visible-scroll';
-    overflowY?: 'hidden' | 'scroll' | 'visible' | 'visible-hidden' | 'visible-scroll';
-    autoHide?: 'never' | 'scroll' | 'leave' | 'move';
-    autoHideDelay?: number;
-    autoHideSuspend?: boolean;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    updateScrollBars(): void;
-    updated(_changedProperties: Map<string, unknown>): void;
-    disconnectedCallback(): void;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-scroll-view': FlowScrollView;
-    }
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-scroll-view': FlowScrollView;
-    }
-}
-
-/**
- * @summary Selects allow you to choose items from a menu of predefined options.
- * @documentation https://shoelace.style/components/select
- * @status stable
- * @since 2.0
- *
- * @dependency flow-icon
- * @dependency flow-popup
- * @dependency flow-tag
- *
- * @slot - The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.
- * @slot label - The input's label. Alternatively, you can use the `label` attribute.
- * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
- * @slot suffix - Used to append a presentational icon or similar element to the combobox.
- * @slot clear-icon - An icon to use in lieu of the default clear icon.
- * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.
- * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
- *
- * @event flow-ui-change - Emitted when the control's value changes.
- * @event flow-ui-clear - Emitted when the control's value is cleared.
- * @event flow-ui-input - Emitted when the control receives input.
- * @event flow-ui-focus - Emitted when the control gains focus.
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-show - Emitted when the select's menu opens.
- * @event flow-ui-after-show - Emitted after the select's menu opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the select's menu closes.
- * @event flow-ui-after-hide - Emitted after the select's menu closes and all animations are complete.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @csspart form-control-label - The label's wrapper.
- * @csspart form-control-input - The select's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart combobox - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.
- * @csspart prefix - The container that wraps the prefix slot.
- * @csspart suffix - The container that wraps the suffix slot.
- * @csspart display-input - The element that displays the selected option's label, an `<input>` element.
- * @csspart listbox - The listbox container where options are slotted.
- * @csspart tags - The container that houses option tags when `multiselect` is used.
- * @csspart tag - The individual tags that represent each multiselect option.
- * @csspart tag__base - The tag's base part.
- * @csspart tag__content - The tag's content part.
- * @csspart tag__remove-button - The tag's remove button.
- * @csspart tag__remove-button__base - The tag's remove button base part.
- * @csspart clear-button - The clear button.
- * @csspart expand-icon - The container that wraps the expand icon.
- */
-declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    static dependencies: {
-        'flow-icon': typeof FlowIcon;
-        'flow-popup': typeof SlPopup;
-        'flow-tag': typeof FlowTag;
-    };
-    private readonly formControlController;
-    private readonly hasSlotController;
-    private readonly localize;
-    private typeToSelectString;
-    private typeToSelectTimeout;
-    private closeWatcher;
-    private mutationObserver;
-    popup: SlPopup;
-    combobox: HTMLSlotElement;
-    displayInput: HTMLInputElement;
-    valueInput: HTMLInputElement;
-    listbox: HTMLSlotElement;
-    private hasFocus;
-    displayLabel: string;
-    currentOption: FlowOption;
-    selectedOptions: FlowOption[];
-    /** The name of the select, submitted as a name/value pair with form data. */
-    name: string;
-    /**
-     * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
-     * value attribute will be a space-delimited list of values based on the options selected, and the value property will
-     * be an array. **For this reason, values must not contain spaces.**
-     */
-    value: string | string[];
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string | string[];
-    /** The select's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Placeholder text to show as a hint when the select is empty. */
-    placeholder: string;
-    /** Allows more than one option to be selected. */
-    multiple: boolean;
-    /**
-     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
-     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
-     */
-    maxOptionsVisible: number;
-    /** Disables the select control. */
-    disabled: boolean;
-    /** Adds a clear button when the select is not empty. */
-    clearable: boolean;
-    /**
-     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.
-     */
-    open: boolean;
-    /**
-     * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with
-     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
-     */
-    hoist: boolean;
-    /** Draws a filled select. */
-    filled: boolean;
-    /** Draws a pill-style select with rounded edges. */
-    pill: boolean;
-    /** The select's label. If you need to display HTML, use the `label` slot instead. */
-    label: string;
-    /**
-     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
-     * inside of the viewport.
-     */
-    placement: 'top' | 'bottom';
-    /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */
-    helpText: string;
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** The select's required attribute. */
-    required: boolean;
-    /**
-     * A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second
-     * is the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at
-     * the specified value.
-     */
-    getTag: (option: FlowOption, index: number) => TemplateResult | string | HTMLElement;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private addOpenListeners;
-    private removeOpenListeners;
-    private handleFocus;
-    private handleBlur;
-    private handleDocumentFocusIn;
-    private handleDocumentKeyDown;
-    private handleDocumentMouseDown;
-    private handleLabelClick;
-    private handleComboboxMouseDown;
-    private handleComboboxKeyDown;
-    private handleClearClick;
-    private handleClearMouseDown;
-    private handleOptionClick;
-    private handleDefaultSlotChange;
-    private handleTagRemove;
-    private getAllOptions;
-    private getFirstOption;
-    private setCurrentOption;
-    private setSelectedOptions;
-    private toggleOptionSelection;
-    private selectionChanged;
-    protected get tags(): TemplateResult<1>[];
-    private handleInvalid;
-    handleDisabledChange(): void;
-    handleValueChange(): void;
-    handleOpenChange(): Promise<void>;
-    /** Shows the listbox. */
-    show(): Promise<void>;
-    /** Hides the listbox. */
-    hide(): Promise<void>;
+    /** Removes focus from the range. */
+    blur(): void;
+    /** Increments the value of the range by the value of the step attribute. */
+    stepUp(): void;
+    /** Decrements the value of the range by the value of the step attribute. */
+    stepDown(): void;
     /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
     checkValidity(): boolean;
     /** Gets the associated form, if one exists. */
@@ -3505,16 +3539,76 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
     reportValidity(): boolean;
     /** Sets a custom validation message. Pass an empty string to restore validity. */
     setCustomValidity(message: string): void;
-    /** Sets focus on the control. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the control. */
-    blur(): void;
-    render(): TemplateResult<1>;
+    render(): lit.TemplateResult<1>;
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-select': FlowSelect;
+        'flow-ui-range': FlowRange;
+    }
+}
+
+/**
+ * @tagname flow-ui-resize-observer
+ * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
+ *
+ * @slot - One or more elements to watch for resizing.
+ *
+ * @event {{ entries: ResizeObserverEntry[] }} flow-ui-resize - Emitted when the element is resized.
+ */
+declare class FlowResizeObserver extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private resizeObserver;
+    private observedElements;
+    /** Disables the observer. */
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleSlotChange;
+    private startObserver;
+    private stopObserver;
+    handleDisabledChange(): void;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-resize-observer': FlowResizeObserver;
+    }
+}
+
+/**
+ * @tagname flow-ui-scroll-view
+ * @summary Scroll views provide a scrollable area for content.
+ */
+declare class FlowScrollView extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private _scrollHost;
+    private _scrollViewport;
+    private _overlayScrollbars?;
+    private readonly _componentId;
+    mode?: 'native' | 'overlay';
+    overflowX?: 'hidden' | 'scroll' | 'visible' | 'visible-hidden' | 'visible-scroll';
+    overflowY?: 'hidden' | 'scroll' | 'visible' | 'visible-hidden' | 'visible-scroll';
+    autoHide?: 'never' | 'scroll' | 'leave' | 'move';
+    autoHideDelay?: number;
+    autoHideSuspend?: boolean;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updateScrollBars(): void;
+    updated(_changedProperties: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    render(): lit.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-scroll-view': FlowScrollView;
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-scroll-view': FlowScrollView;
     }
 }
 
@@ -3641,7 +3735,6 @@ declare class FlowSplitView extends FlowRdfElement {
      * @param caOpen whether panels can be opened to grow space
      * @param amount Number of pixels to grow by
      * @param dryRun if true, don't actually row panels, just calculate the amount that can be grown
-     * @returns number of pixels actually grown
      */
     private growPanels;
     private handleCollapseExpand;
@@ -3649,7 +3742,7 @@ declare class FlowSplitView extends FlowRdfElement {
      * This is called repeatedly as the user drags a panel divider.
      *
      * @param event
-     * @returns
+     *
      */
     private handleDrag;
     private handleDragEnd;
@@ -3668,7 +3761,6 @@ declare class FlowSplitView extends FlowRdfElement {
      * @param canClose whether panels can be closed to make space
      * @param amount Number of pixels to shrink by
      * @param dryRun if true, don't actually shrink panels, just calculate the amount that can be shrunk
-     * @returns number of pixels actually shrunk
      */
     private shrinkPanels;
     private sizeToPixels;
@@ -3742,11 +3834,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-switch
  * @summary Switches allow the user to toggle an option on or off.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/switch
- * @status stable
- * @since 2.0
- *
  * @slot - The switch's label.
  *
  * @event flow-ui-blur - Emitted when the control loses focus.
@@ -3819,6 +3908,7 @@ declare class FlowSwitch extends FlowRdfElement implements FlowRdfFormControl {
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-switch': FlowSwitch;
@@ -3826,10 +3916,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tab-group
  * @summary Tab groups organize content into a container that shows one section at a time.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-group
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon-button
  *
@@ -3898,6 +3986,7 @@ declare class FlowTabGroup extends FlowRdfElement {
     show(panel: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tab-group': FlowTabGroup;
@@ -3905,10 +3994,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tab-panel
  * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel
- * @status stable
- * @since 2.0
+
  *
  * @slot - The tab panel's content.
  *
@@ -3932,6 +4020,7 @@ declare class FlowTabPanel extends FlowRdfElement {
     handleActiveChange(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tab-panel': FlowTabPanel;
@@ -3939,10 +4028,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tab
  * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon-button
  *
@@ -3990,6 +4077,7 @@ declare class FlowTab extends FlowRdfElement {
     blur(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tab': FlowTab;
@@ -3997,10 +4085,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-textarea
  * @summary Textareas collect data from the user and allow multiple lines of text.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/textarea
- * @status stable
- * @since 2.0
  *
  * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
  * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
@@ -4126,6 +4212,7 @@ declare class FlowTextarea extends FlowRdfElement implements FlowRdfFormControl
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-textarea': FlowTextarea;
@@ -4208,9 +4295,6 @@ declare global {
 
 /**
  * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tree-item
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-checkbox
  * @dependency flow-ui-icon
@@ -4288,6 +4372,7 @@ declare class FlowTreeItem extends FlowRdfElement {
     }): FlowTreeItem[];
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tree-item': FlowTreeItem;
@@ -4295,10 +4380,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tree
  * @summary Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tree
- * @status stable
- * @since 2.0
  *
  * @event {{ selection: FlowTreeItem[] }} flow-ui-selection-change - Emitted when a tree item is selected or deselected.
  *
@@ -4351,163 +4434,13 @@ declare class FlowTree extends FlowRdfElement {
     getFocusableItems(): FlowTreeItem[];
     render(): lit.TemplateResult<1>;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tree': FlowTree;
-    }
-}
-
-interface BaseColorStopOptions {
-    type: string;
-    label?: string;
-}
-interface StringColorStopOptions {
-    type: 'string';
-}
-interface NumberColorStopOptions {
-    type: 'number';
-    min?: number;
-    max?: number;
-    step?: number;
-    units?: string;
-}
-interface SelectColorStopOptions {
-    type: 'select';
-    options: Array<string | {
-        value: string;
-        name?: string;
-    }>;
-}
-type ColorStopOptions = StringColorStopOptions | NumberColorStopOptions | SelectColorStopOptions;
-interface ColorStopValue {
-    value: string | number;
-    color: string;
-    options?: {
-        regex: boolean;
-        caseSensitive: boolean;
-    };
-}
-interface BaseColorMapperField {
-    name?: string;
-    field: string;
-}
-interface StringColorMapperField extends StringColorStopOptions, BaseColorMapperField {
-    type: 'string';
-}
-interface NumberColorMapperField extends NumberColorStopOptions, BaseColorMapperField {
-    type: 'number';
-}
-interface SelectColorMapperField extends SelectColorStopOptions, BaseColorMapperField {
-    type: 'select';
-}
-type ColorMapperField = StringColorMapperField | NumberColorMapperField | SelectColorMapperField;
-interface ColorMapperOptions {
-    fields: Record<string, ColorMapperField>;
-}
-interface ColorMapperValue {
-    mode: 'fixed' | 'data-driven';
-    field: string | undefined;
-    type?: 'string' | 'number' | 'select';
-    defaultColor?: string;
-    colorStops: ColorStopValue[];
-}
-
-/**
- * @tagname flow-ui-color-mapper
- * @summary A component for defining mappings between data values and colors.
- *
- */
-declare class FlowColorMapper extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private currentField?;
-    private readonly hasSlotController;
-    modeRadioGroup: FlowRadioGroup;
-    fixedColorPicker: FlowColorPicker;
-    fieldSelect: FlowSelect;
-    infoDialog: FlowDialog;
-    field: string;
-    options: ColorMapperOptions;
-    value: ColorMapperValue;
-    size: 'small' | 'medium' | 'large';
-    defaultColorStop: boolean;
-    /**
-     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
-     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
-     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
-     */
-    swatches: string | string[];
-    private handleFixedPickerClick;
-    private handleChange;
-    private emitChange;
-    private handleColorStopRemove;
-    handleInfoClick(): void;
-    private getAllColorStops;
-    private getColorStopPlaceholder;
-    private fixedColorTemplate;
-    private dataDrivenColorTemplate;
-    private colorStopsTemplate;
-    private infoDialogTemplate;
-    render(): lit.TemplateResult<1>;
-}
 
-/**
- * @tagname flow-ui-color-stop
- * @summary A single color stop used by the `flow-ui-color-mapper` component.
- *
- */
-declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    input: HTMLInputElement;
-    picker: FlowColorPicker;
-    tooltip: FlowTooltip;
-    textOptions: FlowToolButtonGroup;
-    /** The name of the color stop, submitted as a name/value pair with form data. */
-    name: string;
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** Makes the color stop as a required field. */
-    required: boolean;
-    options: ColorStopOptions;
-    value: ColorStopValue;
-    size: 'small' | 'medium' | 'large';
-    placeholder: boolean;
-    fixed?: string;
-    /**
-     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
-     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
-     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
-     */
-    swatches: string | string[];
-    get validity(): ValidityState;
-    get validationMessage(): "" | "Invalid regular expression";
-    checkValidity(): boolean;
-    getForm(): HTMLFormElement | null;
-    reportValidity(): boolean;
-    setCustomValidity(message: string): void;
-    private handleRemove;
-    private handleChange;
-    private emitChange;
-    private validate;
-    private textInputTemplate;
-    private numberInputTemplate;
-    private fixedInputTemplate;
-    private selectInputTemplate;
-    render(): lit.TemplateResult<1>;
-}
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-color-stop': FlowColorStopComponent;
+        'flow-ui-tree': FlowTree;
     }
 }
 
-declare function colorMapperValueToMaplibreExpression(value: ColorMapperValue): string;
-declare function escapeMaplibreString(value: string): string;
-
 /**
  * @tagname flow-ui-tool-button-group
  * @summary Tool buttons groups are used to build toolbars.
@@ -5002,4 +4935,41 @@ declare function unregisterIconLibrary(name: string): void;
 declare function setDefaultLocale(locale: string): void;
 declare function setDefaultTimeZone(timeZone: string): void;
 
-export { BaseColorMapperField, BaseColorStopOptions, ColorMapperField, ColorMapperOptions, ColorMapperValue, ColorStopOptions, ColorStopValue, FlowAfterCollapseEvent, FlowAfterExpandEvent, FlowAfterHideEvent, FlowAfterShowEvent, FlowAlert, SlAnimation as FlowAnimation, FlowAvatar, FlowBadge, FlowBlurEvent, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCancelEvent, FlowCard, FlowCarousel, FlowCarouselItem, FlowChangeEvent, FlowChart, FlowCheckbox, FlowClearEvent, FlowCloseEvent, FlowCollapseEvent, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDragEndEvent, FlowDragEvent, FlowDragStartEvent, FlowDrawer, SlDropdown as FlowDropdown, FlowErrorEvent, FlowExpandEvent, FlowFinishEvent, FlowFocusEvent, FlowGauge, FlowHideEvent, FlowHoverEvent, FlowIcon, FlowIconButton, FlowInitialFocusEvent, FlowInput, FlowInputEvent, FlowInvalidEvent, FlowLazyChangeEvent, FlowLazyLoadEvent, FlowLoadEvent, FlowUiMap as FlowMap, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationEvent, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowQueryBuilder, FlowRadio, FlowRadioGroup, FlowRange, FlowRemoveEvent, FlowRepositionEvent, FlowRequestCloseEvent, FlowResizeEvent, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSelectEvent, FlowSelectionChangeEvent, FlowShowEvent, FlowSlideChange, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStartEvent, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabHideEvent, FlowTabPanel, FlowTabShowEvent, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, NumberColorMapperField, NumberColorStopOptions, SelectColorMapperField, SelectColorStopOptions, StringColorMapperField, StringColorStopOptions, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
+/**
+ * Given a FlowQueryBuilderRuleSet this function will recursively filter rules.
+ *
+ * This can be used to sanitize user queries before they are executed.
+ *
+ * @param ruleset Rule set to filter
+ * @param options Fields to include or exclude
+ */
+declare function filterRuleSet(ruleset: FlowQueryBuilderRuleSet, options: {
+    excludeFields?: string[];
+    includeFields?: string[];
+}): FlowQueryBuilderRuleSet;
+declare function renameRuleSetFields(ruleset: FlowQueryBuilderRuleSet, replacements: Record<string, string>): FlowQueryBuilderRuleSet;
+/**
+ * Given a FlowQueryBuilderRuleSet this function will recursively apply
+ * a transform function to each rule.
+ *
+ * The transform fn should expect a single FlowQueryBuilderRule and return:
+ *
+ * - the same rule unmodifed or modified in place
+ * - `undefined` to exclude the rule from the rule set
+ *
+ * This can be used to sanitize rule sets before they are used to perform queries.
+ *
+ * @param ruleSet query builder rule set
+ * @param transformFn transform function
+ */
+declare function transformRuleSet(ruleSet: FlowQueryBuilderRuleSet, transformFn: (rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined, clone?: boolean): FlowQueryBuilderRuleSet;
+/**
+ * Helper functions to determine if supplied argument is a FlowQueryBuilderRule or FlowQueryBuilderRuleSet
+ */
+declare const isRule: (r: unknown) => r is FlowQueryBuilderRule<any>;
+declare const isRuleSet: (r: unknown) => r is FlowQueryBuilderRuleSet;
+declare const isRuleOrRuleset: (r: unknown) => r is FlowQueryBuilderRuleSet | FlowQueryBuilderRule<any>;
+
+declare const converter: FlowQueryBuilderConverter;
+
+export { FlowAfterCollapseEvent, FlowAfterExpandEvent, FlowAfterHideEvent, FlowAfterShowEvent, FlowAlert, SlAnimation as FlowAnimation, FlowAvatar, FlowBadge, FlowBlurEvent, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCancelEvent, FlowCard, FlowCarousel, FlowCarouselItem, FlowChangeEvent, FlowChart, FlowCheckbox, FlowClearEvent, FlowCloseEvent, FlowCollapseEvent, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDragEndEvent, FlowDragEvent, FlowDragStartEvent, FlowDrawer, SlDropdown as FlowDropdown, FlowErrorEvent, FlowExpandEvent, FlowFinishEvent, FlowFocusEvent, FlowGauge, FlowHideEvent, FlowHoverEvent, FlowIcon, FlowIconButton, FlowInitialFocusEvent, FlowInput, FlowInputEvent, FlowInvalidEvent, FlowLazyChangeEvent, FlowLazyLoadEvent, FlowLoadEvent, FlowUiMap as FlowMap, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationEvent, FlowMutationObserver, FlowOption, FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowQueryBuilder, FlowQueryBuilderConfig, FlowQueryBuilderConverter, FlowQueryBuilderConverterOptions, FlowQueryBuilderDateField, FlowQueryBuilderDateTimeField, FlowQueryBuilderDateTimeFieldBase, FlowQueryBuilderField, FlowQueryBuilderFieldBase, FlowQueryBuilderFieldDefinition, FlowQueryBuilderFieldMap, FlowQueryBuilderFieldType, FlowQueryBuilderFieldTypeMap, FlowQueryBuilderMultiSelectField, FlowQueryBuilderNumberField, FlowQueryBuilderOption, FlowQueryBuilderRule, FlowQueryBuilderRuleSet, FlowQueryBuilderSelectField, FlowQueryBuilderStringField, FlowQueryBuilderTemplateFn, FlowQueryBuilderTimeField, FlowRadio, FlowRadioGroup, FlowRange, FlowRemoveEvent, FlowRepositionEvent, FlowRequestCloseEvent, FlowResizeEvent, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSelectEvent, FlowSelectionChangeEvent, FlowShowEvent, FlowSlideChange, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStartEvent, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabHideEvent, FlowTabPanel, FlowTabShowEvent, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, addIcons, filterRuleSet, converter as flowQueryConverter, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, registerChartComponent, registerIconLibrary, renameRuleSetFields, setBasePath, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };