@wavelengthusaf/web-components 1.0.1 → 1.1.0

package/dist/esm/index.d.ts

@@ -1,882 +1,1362 @@
-import * as React$1 from 'react';
-import React__default, { ReactNode, ChangeEvent, ReactElement } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldVariants, SxProps, Theme } from '@mui/material';
-import { z } from 'zod';
-import { Mark } from '@mui/material/Slider/useSlider.types';
+import { ZodObject, ZodRawShape } from 'zod';
 
-/**
- * Helper Functions
- * @param a
- * @param b
- * @returns
- */
-declare function add(a: number, b: number): number;
-
-/**
- * Helper Functions
- * @param a
- * @param b
- * @returns
- */
-declare function concat(a: string, b: string): string;
-
-interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElement> {
-    variant?: "contained" | "outlined" | "text";
-    size?: "small" | "medium" | "large";
-    height?: string;
-    width?: string;
-    margin?: string;
-    padding?: string;
-    colorOne?: string;
-    colorTwo?: string;
-    fontSize?: string;
-    disabled?: boolean;
-    borderRadius?: string;
-    onClick?: React__default.MouseEventHandler<HTMLElement>;
-    children?: React__default.ReactNode;
-    href?: string;
-    target?: "_self" | "_blank" | "_parent" | "_top";
-    boxShadow?: string;
-    className?: string;
-    style?: React__default.CSSProperties;
+declare class BaseSampleComponent extends HTMLElement {
+    static get observedAttributes(): string[];
+    private shadow;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    updateComponent(): void;
+}
+declare const SampleComponent_base: {
+    new (...args: any[]): {
+        readonly _mixinStyleTagId: "custom-mixin-styles";
+        set customStyles(styleObject: {
+            [key: string]: string | number | {
+                [key: string]: string | number;
+            };
+        });
+        toKebabCase(str: string): string;
+        createCssPropertiesString(ruleObject: {
+            [key: string]: string | number;
+        }): string;
+        generateAndApplyStyles(styleObject: {
+            [key: string]: string | number | {
+                [key: string]: string | number;
+            };
+        }): void;
+        accessKey: string;
+        readonly accessKeyLabel: string;
+        autocapitalize: string;
+        autocorrect: boolean;
+        dir: string;
+        draggable: boolean;
+        hidden: boolean;
+        inert: boolean;
+        innerText: string;
+        lang: string;
+        readonly offsetHeight: number;
+        readonly offsetLeft: number;
+        readonly offsetParent: Element | null;
+        readonly offsetTop: number;
+        readonly offsetWidth: number;
+        outerText: string;
+        popover: string | null;
+        spellcheck: boolean;
+        title: string;
+        translate: boolean;
+        writingSuggestions: string;
+        attachInternals(): ElementInternals;
+        click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(options?: boolean): boolean;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        readonly attributes: NamedNodeMap;
+        get classList(): DOMTokenList;
+        set classList(value: string);
+        className: string;
+        readonly clientHeight: number;
+        readonly clientLeft: number;
+        readonly clientTop: number;
+        readonly clientWidth: number;
+        readonly currentCSSZoom: number;
+        id: string;
+        innerHTML: string;
+        readonly localName: string;
+        readonly namespaceURI: string | null;
+        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+        outerHTML: string;
+        readonly ownerDocument: Document;
+        get part(): DOMTokenList;
+        set part(value: string);
+        readonly prefix: string | null;
+        readonly scrollHeight: number;
+        scrollLeft: number;
+        scrollTop: number;
+        readonly scrollWidth: number;
+        readonly shadowRoot: ShadowRoot | null;
+        slot: string;
+        readonly tagName: string;
+        attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions): boolean;
+        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+        closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
+        getAttribute(qualifiedName: string): string | null;
+        getAttributeNS(namespace: string | null, localName: string): string | null;
+        getAttributeNames(): string[];
+        getAttributeNode(qualifiedName: string): Attr | null;
+        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
+        getBoundingClientRect(): DOMRect;
+        getClientRects(): DOMRectList;
+        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
+        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+        getHTML(options?: GetHTMLOptions): string;
+        hasAttribute(qualifiedName: string): boolean;
+        hasAttributeNS(namespace: string | null, localName: string): boolean;
+        hasAttributes(): boolean;
+        hasPointerCapture(pointerId: number): boolean;
+        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+        insertAdjacentHTML(position: InsertPosition, string: string): void;
+        insertAdjacentText(where: InsertPosition, data: string): void;
+        matches(selectors: string): boolean;
+        releasePointerCapture(pointerId: number): void;
+        removeAttribute(qualifiedName: string): void;
+        removeAttributeNS(namespace: string | null, localName: string): void;
+        removeAttributeNode(attr: Attr): Attr;
+        requestFullscreen(options?: FullscreenOptions): Promise<void>;
+        requestPointerLock(options?: PointerLockOptions): Promise<void>;
+        scroll(options?: ScrollToOptions): void;
+        scroll(x: number, y: number): void;
+        scrollBy(options?: ScrollToOptions): void;
+        scrollBy(x: number, y: number): void;
+        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+        scrollTo(options?: ScrollToOptions): void;
+        scrollTo(x: number, y: number): void;
+        setAttribute(qualifiedName: string, value: string): void;
+        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+        setAttributeNode(attr: Attr): Attr | null;
+        setAttributeNodeNS(attr: Attr): Attr | null;
+        setHTMLUnsafe(html: string): void;
+        setPointerCapture(pointerId: number): void;
+        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
+        webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
+        readonly baseURI: string;
+        readonly childNodes: NodeListOf<ChildNode>;
+        readonly firstChild: ChildNode | null;
+        readonly isConnected: boolean;
+        readonly lastChild: ChildNode | null;
+        readonly nextSibling: ChildNode | null;
+        readonly nodeName: string;
+        readonly nodeType: number;
+        nodeValue: string | null;
+        readonly parentElement: HTMLElement | null;
+        readonly parentNode: ParentNode | null;
+        readonly previousSibling: ChildNode | null;
+        appendChild<T extends Node>(node: T): T;
+        cloneNode(subtree?: boolean): Node;
+        compareDocumentPosition(other: Node): number;
+        contains(other: Node | null): boolean;
+        getRootNode(options?: GetRootNodeOptions): Node;
+        hasChildNodes(): boolean;
+        insertBefore<T extends Node>(node: T, child: Node | null): T;
+        isDefaultNamespace(namespace: string | null): boolean;
+        isEqualNode(otherNode: Node | null): boolean;
+        isSameNode(otherNode: Node | null): boolean;
+        lookupNamespaceURI(prefix: string | null): string | null;
+        lookupPrefix(namespace: string | null): string | null;
+        normalize(): void;
+        removeChild<T extends Node>(child: T): T;
+        replaceChild<T extends Node>(node: Node, child: T): T;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+        dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
+        ariaAtomic: string | null;
+        ariaAutoComplete: string | null;
+        ariaBrailleLabel: string | null;
+        ariaBrailleRoleDescription: string | null;
+        ariaBusy: string | null;
+        ariaChecked: string | null;
+        ariaColCount: string | null;
+        ariaColIndex: string | null;
+        ariaColIndexText: string | null;
+        ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
+        ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
+        ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
+        ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
+        ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
+        ariaHasPopup: string | null;
+        ariaHidden: string | null;
+        ariaInvalid: string | null;
+        ariaKeyShortcuts: string | null;
+        ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
+        ariaLevel: string | null;
+        ariaLive: string | null;
+        ariaModal: string | null;
+        ariaMultiLine: string | null;
+        ariaMultiSelectable: string | null;
+        ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
+        ariaPlaceholder: string | null;
+        ariaPosInSet: string | null;
+        ariaPressed: string | null;
+        ariaReadOnly: string | null;
+        ariaRelevant: string | null;
+        ariaRequired: string | null;
+        ariaRoleDescription: string | null;
+        ariaRowCount: string | null;
+        ariaRowIndex: string | null;
+        ariaRowIndexText: string | null;
+        ariaRowSpan: string | null;
+        ariaSelected: string | null;
+        ariaSetSize: string | null;
+        ariaSort: string | null;
+        ariaValueMax: string | null;
+        ariaValueMin: string | null;
+        ariaValueNow: string | null;
+        ariaValueText: string | null;
+        role: string | null;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
+        getAnimations(options?: GetAnimationsOptions): Animation[];
+        after(...nodes: (Node | string)[]): void;
+        before(...nodes: (Node | string)[]): void;
+        remove(): void;
+        replaceWith(...nodes: (Node | string)[]): void;
+        readonly nextElementSibling: Element | null;
+        readonly previousElementSibling: Element | null;
+        readonly childElementCount: number;
+        readonly children: HTMLCollection;
+        readonly firstElementChild: Element | null;
+        readonly lastElementChild: Element | null;
+        append(...nodes: (Node | string)[]): void;
+        prepend(...nodes: (Node | string)[]): void;
+        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+        querySelector<E extends Element = Element>(selectors: string): E | null;
+        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+        replaceChildren(...nodes: (Node | string)[]): void;
+        readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
+        contentEditable: string;
+        enterKeyHint: string;
+        inputMode: string;
+        readonly isContentEditable: boolean;
+        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onerror: OnErrorEventHandler;
+        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+        autofocus: boolean;
+        readonly dataset: DOMStringMap;
+        nonce?: string;
+        tabIndex: number;
+        blur(): void;
+        focus(options?: FocusOptions): void;
+    };
+} & typeof BaseSampleComponent;
+declare class SampleComponent extends SampleComponent_base {
 }
-declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
 
-interface ButtonProps {
-    onClick?: any;
-    children?: ReactNode;
-}
-interface IconProps {
-    text: string;
-    numIcon?: string;
-    children: ReactNode;
-    active?: boolean;
-    width: string;
-    height: number;
-    fontsize: number;
-}
-declare function ButtonIcon({ text, numIcon, children, active, width, height, fontsize }: IconProps): react_jsx_runtime.JSX.Element;
-interface ButtonMenuProps {
-    children: ReactNode;
-}
-declare function ButtonMenu({ children }: ButtonMenuProps): react_jsx_runtime.JSX.Element;
-declare function WavelengthDropdownButton({ children, onClick }: ButtonProps): React__default.JSX.Element;
-declare namespace WavelengthDropdownButton {
-    var displayName: string;
+declare class WavelengthBanner extends HTMLElement {
+    static get observedAttributes(): string[];
+    private container;
+    private textElement;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private updateAttributes;
 }
 
-interface WavelengthAutocompleteProps {
-    id?: string;
-    label: string;
-    items?: any;
-    variant?: TextFieldVariants;
-    width?: number;
-    borderColor?: string;
-    hoverColor?: string;
-    textColor?: string;
-    onChange?: (selectedValue: string) => void;
-}
-/**
- * Returns the Best Matching String from a List; Defaults to the first item if no good match is found
- * @param searchString - the string we want to look for
- * @param choices - the list of strings we get to choose from (must be greater than 0)
- * @returns - a string with the "best" match, or "" if no match is found
- */
-declare function findBestStringMatch(searchString: string, choices: string[]): string;
-declare function WavelengthAutocomplete({ label, width, variant, items, onChange, borderColor, textColor, hoverColor, id }: WavelengthAutocompleteProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthAutocomplete {
-    var displayName: string;
+declare class WavelengthButton extends HTMLElement {
+    static get observedAttributes(): string[];
+    private button;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    updateButton(): void;
+    private applyPresetSize;
+    private handleHoverIn;
+    private handleHoverOut;
+    private hexToRgba;
+    private shadeColor;
+    private handleRipple;
 }
 
-interface DownloadProps {
-    fileLoc: "local" | "api";
-    fileURL: string;
-    fileName: string;
-    button?: ReactNode | React__default.JSX.Element;
-    id?: string;
-}
-declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
-declare namespace WavelengthFileDownloader {
-    var displayName: string;
-}
+type FormValue = Record<string, unknown>;
 
-interface StyledButtonPropsTwo {
-    type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
-    styles?: React__default.CSSProperties;
-    hoverstyles?: React__default.CSSProperties;
-    activestyles?: React__default.CSSProperties;
-    disabledstyles?: React__default.CSSProperties;
-    icon?: React__default.ReactNode;
-    disabled?: boolean;
-    children: React__default.ReactNode;
-    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
-}
-declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthStyledButton {
-    var displayName: string;
-}
-
-interface WavelengthBoxProps {
-    width?: number;
-    height?: number;
-    children: ReactNode;
-    borderTopRadius?: string;
-    borderBottomRadius?: string;
-    id?: string;
-}
-declare function WavelengthBox({ width, height, children, borderBottomRadius, borderTopRadius, id }: WavelengthBoxProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthBox {
-    var displayName: string;
-}
-
-interface WavelengthContentPlaceholderProps {
-    type?: "circle" | "rectangle";
-    width?: string | number;
-    height?: string | number;
-    txtcolor?: string;
-    bgcolor?: string;
-    children: ReactNode;
-    id?: string;
-}
-declare function WavelengthContentPlaceholder({ type, width, height, txtcolor, bgcolor, children, id }: WavelengthContentPlaceholderProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthContentPlaceholder {
-    var displayName: string;
-}
-
-interface WavelengthExampleComponentProps {
-    width?: number;
-    height?: number;
-}
-declare function WavelengthExampleComponent({ width, height }: WavelengthExampleComponentProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthExampleComponent {
-    var displayName: string;
-}
-
-interface SearchResult {
-    id: number | string;
-    title: string;
-    subtitle?: string;
-}
-interface SearchProps {
-    id?: string;
-    mode: "automatic" | "manual";
-    type?: "text-box" | "search-bar";
-    iconPos?: "start" | "end";
-    clearIconMarginRight?: string;
-    borderRadius?: number | string;
+type Shape = ZodRawShape;
+type ButtonConfig = {
     label?: string;
-    width?: string;
-    height?: string | number;
-    children?: ReactNode;
-    borderColor?: string;
-    hoverColor?: string;
-    textColor?: string;
-    backgroundColor?: string;
-    placeholder?: string;
-    onEnter?: (arg0?: any) => any;
-    size?: "small" | "medium";
-    fontSize?: string;
-    options: SearchResult[];
-    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
-}
-declare function WavelengthSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
-declare namespace WavelengthSearch {
-    var displayName: string;
-}
-
-declare function WavelengthSearchTextField(): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSearchTextField {
-    var displayName: string;
-}
-
-interface WavelengthNotAvailablePageProps {
-    WavelengthAppLogoName?: string;
-    errorMessage: string;
-    backgroundColor?: string;
-    buttonText: string;
-    redirectLink?: string;
-    buttonColorOne?: string;
-    buttonColorTwo?: string;
-    id?: string;
-}
-declare function WavelengthNotAvailablePage({ WavelengthAppLogoName, errorMessage, backgroundColor, buttonText, redirectLink, buttonColorOne, buttonColorTwo, id }: WavelengthNotAvailablePageProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthNotAvailablePage {
-    var displayName: string;
-}
-
-interface SubSectionItem {
-    title?: string;
-    path?: string;
-    onClick?: () => void;
-    items?: SubSectionItem[];
-}
-interface SubSection {
-    title?: string;
-    items?: SubSectionItem[];
-}
-interface Section {
-    title: string;
-    subsections?: SubSection[];
-}
-interface SidebarProps {
-    id?: string;
-    sections: Section[];
-    bgColor?: string;
-    txtColor?: string;
-    labelColor?: string;
-    arrowColor?: string;
-    marginTop?: string;
-    marginLeft?: string;
-    width?: string | number;
-    height?: string | number;
-}
-declare function WavelengthSideBar({ sections, txtColor, bgColor, labelColor, arrowColor, marginTop, marginLeft, width, height, id }: SidebarProps): React__default.JSX.Element;
-declare namespace WavelengthSideBar {
-    var displayName: string;
-}
-
-interface ISpinningSvgProps {
-    size: number;
-    id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
-    clip: string;
-    color: string;
-    gradient: boolean;
-    radius: number;
-}
-declare function WavelengthSpinningOuterCircle({ size, id, clip, color, gradient, radius }: ISpinningSvgProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSpinningOuterCircle {
-    var displayName: string;
-}
-
-interface spinningLogoProps {
-    svg?: React__default.ReactNode;
-    size?: number;
-    id?: string;
-}
-declare function WavelengthSpinningLogo({ svg, size, id }: spinningLogoProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSpinningLogo {
-    var displayName: string;
-}
-
-interface DragAndDropProps {
-    width?: string;
-    height?: string;
-    border?: string;
-    onFilesSelected: (files: File[]) => void;
-    textColor?: string;
-    fontSize?: string;
-    allowedFileMIME?: string[];
-    allowedFileExtensions?: string;
-    backgroundColor?: string;
-    dataTestId?: string;
-}
-declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthDragAndDrop {
-    var displayName: string;
-}
-
-interface WavelengthProgressBarProps extends React__default.HTMLAttributes<HTMLElement> {
-    name?: string;
-    value?: number;
-    width?: string;
-    height?: string;
-    fontSize?: string;
-    fontColor?: string;
-    progressBorder?: string;
-    progressColor?: string;
-}
-declare const WavelengthProgressBar: React__default.FC<WavelengthProgressBarProps>;
-
-interface CommentProps {
-    width?: string;
-    height?: string;
-    author: string;
-    date: string;
-    comments: string;
-    onClick?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
-    textColor?: string;
-    backgroundColor?: string;
-    border?: string;
-    iconSelectedColor?: string;
-    dataTestId?: string;
-}
-declare function WavelengthCommentDisplay(props: CommentProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthCommentDisplay {
-    var displayName: string;
-}
-
-interface PermissionAlertProps {
-    height?: string;
-    width?: string;
-    permission?: "Permission Requested" | "Permission Denied";
-    applicationName?: string;
-    requestorName?: string;
-    dateOfRequest?: string;
-    backgroundColor?: string;
-    unit?: string;
-    onDismiss?: React__default.MouseEventHandler<HTMLAnchorElement> | undefined;
-    dataTestId?: string;
-}
-declare function WavelengthPermissionAlert({ dataTestId, height, width, backgroundColor, permission, applicationName, requestorName, dateOfRequest, onDismiss, unit, }: PermissionAlertProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthPermissionAlert {
-    var displayName: string;
-}
-
-interface AccessAlertProps {
-    height?: string;
-    width?: string;
-    access?: "Access Request" | "Access Granted" | "Access Denied";
-    appAdmin?: string;
-    time?: string;
-    requestorName?: string;
-    appNickname?: string;
-    message?: string;
-    appLogo?: string;
-    dataTestId?: string;
-    backgroundColor?: string;
-    onClear?: React__default.MouseEventHandler<HTMLAnchorElement> | undefined;
-}
-declare function WavelengthAccessAlert({ height, dataTestId, width, time, access, appNickname, appLogo, appAdmin, requestorName, }: AccessAlertProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthAccessAlert {
-    var displayName: string;
-}
-
-interface WavelengthAlertProps {
-    id?: string;
-    height?: string;
-    width?: string;
-    variant?: "caveman" | "basic" | "civilized";
-    backgroundColor?: string;
-    alertType?: string | React__default.ReactNode;
-    alertDescription?: string | React__default.ReactNode;
-    datatestid?: string;
-    viewed?: boolean;
-    timeStamp?: string | React__default.ReactNode;
-    appName?: string | React__default.ReactNode;
-    url?: string;
-    onClose?: () => void;
-}
-declare function WavelengthAlert({ viewed, width, height, backgroundColor, appName, alertType, alertDescription, datatestid, variant, timeStamp, url, id, onClose, }: WavelengthAlertProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthAlert {
-    var displayName: string;
-}
-
-interface WavelengthFooterProps {
-    text?: string;
-    textColor?: string;
-}
-declare function WavelengthFooter({ text, textColor }: WavelengthFooterProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthFooter {
-    var displayName: string;
-}
-
-/** Attributes passed through to the underlying `wavelength-button` */
-interface WavelengthButtonAttributes extends React__default.HTMLAttributes<HTMLElement> {
-    [key: string]: any;
-}
-interface ButtonConfig {
-    label?: string;
-    buttonProps?: WavelengthButtonAttributes;
+    buttonProps?: Record<string, any>;
     eventName?: string;
-}
-/** Attributes passed through to each generated `wavelength-input` */
-interface WavelengthInputAttributes extends React__default.HTMLAttributes<HTMLElement> {
-    [key: string]: any;
-}
-type FormDetail<T> = {
-    value: T;
-    issues: z.ZodIssue[];
 };
-type FormInvalidDetail<T> = FormDetail<Partial<T>>;
-type FormValidDetail<T> = FormDetail<T>;
-type FormChangeDetail<T> = FormDetail<Partial<T>>;
-interface WavelengthFormProps<T extends object = Record<string, unknown>> {
-    /** A Zod object schema */
-    schema: z.ZodType<T>;
-    /** Initial or controlled value (partial OK) */
-    value?: Partial<T>;
-    /** Configuration for an optional left-aligned button */
-    leftButton?: ButtonConfig;
-    /** Configuration for an optional center-aligned button */
-    centerButton?: ButtonConfig;
-    /** Configuration for an optional right-aligned button */
-    rightButton?: ButtonConfig;
-    /** Props applied to each generated WavelengthInput */
-    inputProps?: WavelengthInputAttributes;
-    /** Prefix applied to generated input IDs and names */
-    idPrefix?: string;
-    /** Optional heading text displayed above the form */
-    title?: string;
-    /** Alignment for the heading text (default: left) */
-    titleAlign?: React__default.CSSProperties["textAlign"];
-    /** Color for the heading text */
-    titleColor?: React__default.CSSProperties["color"];
-    /** Per-field placeholder overrides */
-    placeholders?: Partial<Record<keyof T & string, string>>;
-    /** CSS width applied to the underlying form element */
-    formWidth?: string;
-    /** Array defining how many fields appear in each row */
-    layout?: number[];
-    /** Standard React props */
-    className?: string;
-    style?: React__default.CSSProperties;
-    /** Event callbacks (straight from web component custom events) */
-    onChange?: (value: Partial<T>, issues: z.ZodIssue[]) => void;
-    onValid?: (value: T, issues: z.ZodIssue[]) => void;
-    onInvalid?: (value: Partial<T>, issues: z.ZodIssue[]) => void;
-    /** Fired when the default left event is triggered */
-    onLeft?: () => void;
-    /** Fired when the default center event is triggered */
-    onCenter?: () => void;
-    /** Fired when the default right event is triggered */
-    onRight?: () => void;
-    /** Fired when the underlying form emits a native submit event */
-    onSubmit?: (event: SubmitEvent) => void;
-}
-interface WavelengthFormRef<T extends object = Record<string, unknown>> {
-    /** Runs the component’s internal validation and returns boolean */
-    validate: () => boolean;
-    /** Read current value (as the element holds it) */
-    getValue: () => Partial<T> | undefined;
-    /** Imperatively set the value */
-    setValue: (v: Partial<T>) => void;
+declare class WavelengthForm<T extends object> extends HTMLElement {
+    private _schema?;
+    private _validator?;
+    private _shadow;
+    private _fields;
+    private _value;
+    private _errors;
+    private _leftButton?;
+    private _centerButton?;
+    private _rightButton?;
+    private _inputProps;
+    private _idPrefix;
+    private _title;
+    private _titleAlign;
+    private _titleColor;
+    private _formWidth;
+    private _layout?;
+    static get observedAttributes(): string[];
+    constructor();
+    /**
+     * Assign a Zod object schema to render. (required)
+     */
+    set schema(s: ZodObject<Shape> | undefined);
+    get schema(): ZodObject<Shape> | undefined;
+    /**
+     * Optional initial values. You can also set individual values
+     * by dispatching inputChange from your inputs after mount.
+     */
+    set value(v: FormValue | undefined);
+    get value(): FormValue;
+    set leftButton(v: ButtonConfig | undefined);
+    get leftButton(): ButtonConfig | undefined;
+    set centerButton(v: ButtonConfig | undefined);
+    get centerButton(): ButtonConfig | undefined;
+    set rightButton(v: ButtonConfig | undefined);
+    get rightButton(): ButtonConfig | undefined;
+    set inputProps(v: Record<string, any> | undefined);
+    get inputProps(): Record<string, any> | undefined;
+    set idPrefix(v: string | undefined);
+    get idPrefix(): string | undefined;
+    /** Heading text displayed above the form */
+    set title(v: string);
+    get title(): string;
+    /** CSS text-align value applied to the heading */
+    set titleAlign(v: string | undefined);
+    get titleAlign(): string;
+    /** Color applied to the heading text */
+    set titleColor(v: string | undefined);
+    get titleColor(): string | undefined;
+    /** Width applied to the form element */
+    set formWidth(v: string | undefined);
+    get formWidth(): string;
+    /** Array describing how many fields appear in each row */
+    set layout(v: number[] | undefined);
+    get layout(): number[] | undefined;
+    /**
+     * Imperative validation without submitting.
+     * Returns true if the current form values are valid.
+     */
+    validate(): boolean;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    private collectValues;
+    private queryFieldEl;
+    private setFieldError;
+    private validateField;
+    private validateAll;
+    private onInputChange;
+    private onBlur;
+    private onSubmit;
+    private render;
 }
-declare const WavelengthForm: <T extends object = Record<string, unknown>>(props: WavelengthFormProps<T> & React__default.RefAttributes<WavelengthFormRef<T>>) => React__default.ReactElement | null;
 
-interface WavelengthTitleBarProps {
-    titleText?: string;
-    subtitleText?: string;
-    textColor?: string;
-    shadowColor?: string;
-}
-declare function WavelengthTitleBar({ titleText, subtitleText, textColor, shadowColor }: WavelengthTitleBarProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthTitleBar {
-    var displayName: string;
+declare class WavelengthProgressBar extends HTMLElement {
+    static get observedAttributes(): string[];
+    private container;
+    private nameSpan;
+    private statusSpan;
+    private progressBar;
+    private progressFill;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private updateRendering;
 }
 
-interface WavelengthBannerProps {
-    bannerText?: string;
-    bannerColor?: string;
-    textColor?: string;
-    opacity?: string | number;
-    zIndex?: string | number;
-    id?: string;
-    classification?: string;
-    control?: string[];
-}
-declare function WavelengthBanner({ bannerText, bannerColor, textColor, opacity, zIndex, id, classification, control }: WavelengthBannerProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthBanner {
-    var displayName: string;
+declare class BaseWavelengthInput extends HTMLElement {
+    private inputEl;
+    private labelEl;
+    private helperEl;
+    private clearButtonEl;
+    private placeholderStyleEl;
+    private isFocused;
+    private hasBlurred;
+    private validationType;
+    private forceError;
+    private _bgObserver;
+    private _debounceValidate;
+    private _debounceTimeout;
+    private _lastErrorMessage;
+    private internals;
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _startBackgroundObserver;
+    private _stopBackgroundObserver;
+    private _setupDebouncedValidation;
+    private _onInput;
+    private _onFocus;
+    private _onBlur;
+    private _validate;
+    private _showError;
+    private _clearError;
+    private _applyAttributes;
+    private _updateRequiredMarker;
+    private _onClearClick;
+    private _toggleClearButton;
+    private _applyContent;
+    private _applyLayout;
+    private _applyColors;
+    private _applyValidationHint;
+    private _applyAccessibility;
+    private _upgradeProperty;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+    get id(): string;
+    set id(val: string);
+    get name(): string;
+    set name(val: string);
+    get value(): string;
+    set value(val: string);
+    get placeholder(): string;
+    set placeholder(val: string);
+    get required(): boolean;
+    set required(val: boolean);
+    get disabled(): boolean;
+    set disabled(val: boolean);
+    get clearable(): boolean;
+    set clearable(val: boolean);
+}
+declare const WavelengthInput_base: {
+    new (...args: any[]): {
+        readonly _mixinStyleTagId: "custom-mixin-styles";
+        set customStyles(styleObject: {
+            [key: string]: string | number | {
+                [key: string]: string | number;
+            };
+        });
+        toKebabCase(str: string): string;
+        createCssPropertiesString(ruleObject: {
+            [key: string]: string | number;
+        }): string;
+        generateAndApplyStyles(styleObject: {
+            [key: string]: string | number | {
+                [key: string]: string | number;
+            };
+        }): void;
+        accessKey: string;
+        readonly accessKeyLabel: string;
+        autocapitalize: string;
+        autocorrect: boolean;
+        dir: string;
+        draggable: boolean;
+        hidden: boolean;
+        inert: boolean;
+        innerText: string;
+        lang: string;
+        readonly offsetHeight: number;
+        readonly offsetLeft: number;
+        readonly offsetParent: Element | null;
+        readonly offsetTop: number;
+        readonly offsetWidth: number;
+        outerText: string;
+        popover: string | null;
+        spellcheck: boolean;
+        title: string;
+        translate: boolean;
+        writingSuggestions: string;
+        attachInternals(): ElementInternals;
+        click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(options?: boolean): boolean;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        readonly attributes: NamedNodeMap;
+        get classList(): DOMTokenList;
+        set classList(value: string);
+        className: string;
+        readonly clientHeight: number;
+        readonly clientLeft: number;
+        readonly clientTop: number;
+        readonly clientWidth: number;
+        readonly currentCSSZoom: number;
+        id: string;
+        innerHTML: string;
+        readonly localName: string;
+        readonly namespaceURI: string | null;
+        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+        outerHTML: string;
+        readonly ownerDocument: Document;
+        get part(): DOMTokenList;
+        set part(value: string);
+        readonly prefix: string | null;
+        readonly scrollHeight: number;
+        scrollLeft: number;
+        scrollTop: number;
+        readonly scrollWidth: number;
+        readonly shadowRoot: ShadowRoot | null;
+        slot: string;
+        readonly tagName: string;
+        attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions): boolean;
+        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+        closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
+        getAttribute(qualifiedName: string): string | null;
+        getAttributeNS(namespace: string | null, localName: string): string | null;
+        getAttributeNames(): string[];
+        getAttributeNode(qualifiedName: string): Attr | null;
+        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
+        getBoundingClientRect(): DOMRect;
+        getClientRects(): DOMRectList;
+        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
+        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+        getHTML(options?: GetHTMLOptions): string;
+        hasAttribute(qualifiedName: string): boolean;
+        hasAttributeNS(namespace: string | null, localName: string): boolean;
+        hasAttributes(): boolean;
+        hasPointerCapture(pointerId: number): boolean;
+        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+        insertAdjacentHTML(position: InsertPosition, string: string): void;
+        insertAdjacentText(where: InsertPosition, data: string): void;
+        matches(selectors: string): boolean;
+        releasePointerCapture(pointerId: number): void;
+        removeAttribute(qualifiedName: string): void;
+        removeAttributeNS(namespace: string | null, localName: string): void;
+        removeAttributeNode(attr: Attr): Attr;
+        requestFullscreen(options?: FullscreenOptions): Promise<void>;
+        requestPointerLock(options?: PointerLockOptions): Promise<void>;
+        scroll(options?: ScrollToOptions): void;
+        scroll(x: number, y: number): void;
+        scrollBy(options?: ScrollToOptions): void;
+        scrollBy(x: number, y: number): void;
+        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+        scrollTo(options?: ScrollToOptions): void;
+        scrollTo(x: number, y: number): void;
+        setAttribute(qualifiedName: string, value: string): void;
+        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+        setAttributeNode(attr: Attr): Attr | null;
+        setAttributeNodeNS(attr: Attr): Attr | null;
+        setHTMLUnsafe(html: string): void;
+        setPointerCapture(pointerId: number): void;
+        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
+        webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
+        readonly baseURI: string;
+        readonly childNodes: NodeListOf<ChildNode>;
+        readonly firstChild: ChildNode | null;
+        readonly isConnected: boolean;
+        readonly lastChild: ChildNode | null;
+        readonly nextSibling: ChildNode | null;
+        readonly nodeName: string;
+        readonly nodeType: number;
+        nodeValue: string | null;
+        readonly parentElement: HTMLElement | null;
+        readonly parentNode: ParentNode | null;
+        readonly previousSibling: ChildNode | null;
+        appendChild<T extends Node>(node: T): T;
+        cloneNode(subtree?: boolean): Node;
+        compareDocumentPosition(other: Node): number;
+        contains(other: Node | null): boolean;
+        getRootNode(options?: GetRootNodeOptions): Node;
+        hasChildNodes(): boolean;
+        insertBefore<T extends Node>(node: T, child: Node | null): T;
+        isDefaultNamespace(namespace: string | null): boolean;
+        isEqualNode(otherNode: Node | null): boolean;
+        isSameNode(otherNode: Node | null): boolean;
+        lookupNamespaceURI(prefix: string | null): string | null;
+        lookupPrefix(namespace: string | null): string | null;
+        normalize(): void;
+        removeChild<T extends Node>(child: T): T;
+        replaceChild<T extends Node>(node: Node, child: T): T;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+        dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
+        ariaAtomic: string | null;
+        ariaAutoComplete: string | null;
+        ariaBrailleLabel: string | null;
+        ariaBrailleRoleDescription: string | null;
+        ariaBusy: string | null;
+        ariaChecked: string | null;
+        ariaColCount: string | null;
+        ariaColIndex: string | null;
+        ariaColIndexText: string | null;
+        ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
+        ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
+        ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
+        ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
+        ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
+        ariaHasPopup: string | null;
+        ariaHidden: string | null;
+        ariaInvalid: string | null;
+        ariaKeyShortcuts: string | null;
+        ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
+        ariaLevel: string | null;
+        ariaLive: string | null;
+        ariaModal: string | null;
+        ariaMultiLine: string | null;
+        ariaMultiSelectable: string | null;
+        ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
+        ariaPlaceholder: string | null;
+        ariaPosInSet: string | null;
+        ariaPressed: string | null;
+        ariaReadOnly: string | null;
+        ariaRelevant: string | null;
+        ariaRequired: string | null;
+        ariaRoleDescription: string | null;
+        ariaRowCount: string | null;
+        ariaRowIndex: string | null;
+        ariaRowIndexText: string | null;
+        ariaRowSpan: string | null;
+        ariaSelected: string | null;
+        ariaSetSize: string | null;
+        ariaSort: string | null;
+        ariaValueMax: string | null;
+        ariaValueMin: string | null;
+        ariaValueNow: string | null;
+        ariaValueText: string | null;
+        role: string | null;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
+        getAnimations(options?: GetAnimationsOptions): Animation[];
+        after(...nodes: (Node | string)[]): void;
+        before(...nodes: (Node | string)[]): void;
+        remove(): void;
+        replaceWith(...nodes: (Node | string)[]): void;
+        readonly nextElementSibling: Element | null;
+        readonly previousElementSibling: Element | null;
+        readonly childElementCount: number;
+        readonly children: HTMLCollection;
+        readonly firstElementChild: Element | null;
+        readonly lastElementChild: Element | null;
+        append(...nodes: (Node | string)[]): void;
+        prepend(...nodes: (Node | string)[]): void;
+        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+        querySelector<E extends Element = Element>(selectors: string): E | null;
+        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+        replaceChildren(...nodes: (Node | string)[]): void;
+        readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
+        contentEditable: string;
+        enterKeyHint: string;
+        inputMode: string;
+        readonly isContentEditable: boolean;
+        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onerror: OnErrorEventHandler;
+        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+        autofocus: boolean;
+        readonly dataset: DOMStringMap;
+        nonce?: string;
+        tabIndex: number;
+        blur(): void;
+        focus(options?: FocusOptions): void;
+    };
+} & typeof BaseWavelengthInput;
+declare class WavelengthInput extends WavelengthInput_base {
 }
 
-interface WavelengthAppLogoProps {
-    width?: number;
-    height?: number;
-    name?: string;
-    grayscale?: boolean;
-    id?: string;
-}
-declare function WavelengthAppLogo({ width, height, name, grayscale, id }: WavelengthAppLogoProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthAppLogo {
-    var displayName: string;
+declare class WavelengthTitleBar extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }
 
-interface DefaultProps {
-    width?: string;
-    height?: number;
-}
-declare function WavelengthDefaultIcon({ width, height }: DefaultProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthDefaultIcon {
-    var displayName: string;
+declare class WavelengthDatePicker extends HTMLElement {
+    private inputDatePicker;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    updateInput(): void;
 }
 
-interface HeaderProps {
-    numberOfPlanes?: number;
-    trailDir?: "right" | "left";
-    color?: string;
-    opacity?: number;
-    gradient?: boolean;
-}
-declare function WavelengthManyPlanes({ numberOfPlanes, trailDir, color, opacity, gradient }: HeaderProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthManyPlanes {
-    var displayName: string;
-}
-
-interface WavelengthPlaneTrailProps {
-    trailDir?: "right" | "left";
-    color?: string;
-    id?: string;
-}
-declare function WavelengthPlaneTrail({ trailDir, id, color }: WavelengthPlaneTrailProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthPlaneTrail {
-    var displayName: string;
-}
-
-type ThemeProperties = {
-    name?: string;
-};
-declare const WavelengthAppTheme: React$1.Context<ThemeProperties>;
-declare const useThemeContext: () => ThemeProperties;
-
-interface WavelengthConfirmationModalProps {
-    show: boolean;
-    setShow: (show: boolean) => void;
-    textObj: Record<string, string>;
-    id?: string;
-    width?: string;
-    height?: string;
-    fontFamily?: string;
-    textColor?: string;
-    cancelButton?: React.ReactNode;
-    submitButton?: React.ReactNode;
-    backgroundColor?: string;
-}
-declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthConfirmationModal {
-    var displayName: string;
-}
-
-interface WavelengthContentModalProps {
-    show: boolean;
-    setShow: (show: boolean) => void;
-    textObj: Record<string, string>;
-    handleContentModalOnConfirmProp: () => void;
-}
-declare function WavelengthContentModal(props: WavelengthContentModalProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthContentModal {
-    var displayName: string;
-}
-
-interface menuItemProps {
-    itemType: "header" | "link" | "footer" | string;
-    label: string | number;
-    link?: string;
-    end?: boolean;
-    email?: string;
-    hoverColor?: string;
-}
-interface PopUPMenuProps {
-    menuItems: menuItemProps[];
-    customIcon?: React__default.ReactNode;
-    width?: string;
-    menuDirection?: "top" | "bottom";
-    color?: string;
-    border?: string;
-    id?: string;
-}
-declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthPopUpMenu {
-    var displayName: string;
-}
-
-interface DropdownProps {
-    id?: string;
-    palette: "brewery" | "custom";
-    width: string;
-    options: menuOptions[];
-    buttonSx?: SxProps<Theme> | undefined;
-    menuSx?: MenuSxProps;
-    buttonText: string | ReactNode;
-}
-interface menuOptions {
-    option: React__default.ReactNode;
-    onClick?: React__default.MouseEventHandler<HTMLLIElement> | undefined;
-}
-interface MenuSxProps {
-    backgroundColor?: string;
-    borderColor?: string;
-    hoverColor?: string;
-    width?: string;
-    boxShadow?: string;
-}
-declare function WavelengthDropdown({ id, options, buttonSx, width, buttonText, menuSx, palette, }: DropdownProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthDropdown {
-    var displayName: string;
-}
-
-interface ConfirmationSnackbarProps {
-    show: boolean;
-    setShow: (show: boolean) => void;
-    closeIcon?: ReactNode | React__default.JSX.Element;
-    message?: ReactNode | React__default.JSX.Element;
-    snackBarColor?: string;
-    textColor?: string;
-    horryAlign?: "left" | "right" | "center";
-    vertyAlign?: "top" | "bottom";
-    durationSb?: number;
-    id?: string;
-    width?: string | number;
-    icon?: ReactNode;
-}
-declare function WavelengthSnackbar({ show, setShow, closeIcon, message, snackBarColor, textColor, horryAlign, vertyAlign, durationSb, width, icon, id }: ConfirmationSnackbarProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSnackbar {
-    var displayName: string;
-}
-
-interface StandardSnackbarProps {
-    type: "success" | "error" | "disabled";
-    show: boolean;
-    closeIcon: ReactNode | React__default.JSX.Element;
-    icon?: ReactNode;
-    toggleShow: (on: boolean) => void;
-    horryAlign?: "left" | "right" | "center";
-    vertyAlign?: "top" | "bottom";
-    durationSb?: number;
-    width?: string | number;
-    message?: string | ReactNode;
-    customVertyAlign?: string;
-    id?: string;
-}
-declare function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width, message, customVertyAlign, toggleShow, closeIcon, id }: StandardSnackbarProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthStandardSnackbar {
-    var displayName: string;
-}
-
-interface Testprops {
-    isPopUpOpen: boolean;
-    type: "success" | "error" | "disabled";
-    icon?: ReactNode;
-    width?: string | number;
-    message?: string | ReactNode;
-    img: React__default.JSX.Element | ReactNode;
-    toggleOpen: (value: React__default.SetStateAction<boolean>) => void;
-    customVertyAlign?: string;
-}
-declare const useOutsideClick: (callback: () => void) => React__default.RefObject<HTMLDivElement>;
-declare function WavelengthTestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width, img }: Testprops): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthTestSnackbar {
-    var displayName: string;
-}
-
-interface sliderProps {
-    width?: string;
-    labelColor?: string;
-    color?: string;
-    value: number;
-    valueDisplayed?: boolean;
-    minVal: number;
-    maxVal: number;
-    step: number;
-    handleChange: (event: Event, newValue: number | number[]) => void;
-    labelFunc?(val: number): string;
-    marks?: Mark[];
-}
-declare function WavelengthSlider({ width, color, valueDisplayed, marks, labelColor, value, maxVal, minVal, step, labelFunc, handleChange }: sliderProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSlider {
-    var displayName: string;
-}
-
-interface carouselItem$1 {
-    title?: string;
-    description?: string;
-    image: string;
-    path: string;
-}
-interface carouselConfigArray$1 {
-    items: carouselItem$1[];
-}
-interface adjustableDimensions {
-    buttonSize?: number;
-    imageHeight?: number;
-    imageWidth?: number;
-    cardWidth?: number;
-    cardHeight?: number;
-}
-declare const DefaultCarousel: React__default.FC<carouselConfigArray$1 & adjustableDimensions>;
-
-interface carouselItem {
-    title?: string;
-    description?: string;
-    image: string;
-    path: string;
-}
-interface carouselConfigArray {
-    items: carouselItem[];
-}
-interface adjustDimenforCarousel {
-    contHeight?: number;
-    contWidth?: number;
-    cardWidth?: number;
-    cardHeight?: number;
-}
-declare const SliderCardCarousel: React__default.FC<carouselConfigArray & adjustDimenforCarousel>;
-
-interface PaginationProps {
-    totalPages: number;
-    boundaryCount?: number;
-    siblingCount?: number;
-    currentPageNumber: number;
-    style?: "text" | "contained" | "outlined" | "circular";
-    onPageChange: (page: number) => void;
-}
-declare const range: (start: number, end: number) => number[];
-declare function ascendingRange(start: number, end: number): number[];
-declare function DefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
-declare namespace DefaultPagination {
-    var displayName: string;
-}
-
-interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
-    id?: string;
-    name?: string;
-    value?: string;
-    clearable?: boolean;
-    placeholder?: string;
-    inputType?: string;
-    regex?: string;
-    helperMessage?: string;
-    errorMessage?: string;
-    minLengthMessage?: string;
-    maxLengthMessage?: string;
-    validationType?: "none" | "always" | "onBlur" | "manual";
-    minLength?: number;
-    maxLength?: number;
-    required?: boolean;
-    forceError?: boolean;
-    disabled?: boolean;
-    width?: string;
-    height?: string;
-    padding?: string;
-    borderRadius?: string;
-    backgroundColor?: string;
-    labelColor?: string;
-    placeholderColor?: string;
-    textColor?: string;
-    borderColor?: string;
-    focusColor?: string;
-    helperColor?: string;
-    label?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-}
-declare const WavelengthInput: React__default.ForwardRefExoticComponent<WavelengthInputProps & React__default.RefAttributes<HTMLElement & {
-    validate?: () => boolean;
-}>>;
-
-interface DataType$2 {
-    id: number;
-    [key: string]: any;
-}
-interface ColumnProps$2<T> {
-    key: string;
-    title: string | ReactElement;
-    width?: string;
-    editable?: boolean;
-    render?: (column: ColumnProps$2<T>, item: T) => ReactElement;
-}
-type Props$2<T> = {
-    columns: Array<ColumnProps$2<T>>;
-    data?: T[] | undefined;
-    itemsPerPage: number;
-    totalPages: number;
-};
-declare const WavelengthDataTable: {
-    <T extends DataType$2>({ data, columns, itemsPerPage, totalPages }: Props$2<T>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface fileObject {
-    id: number;
-    [key: string]: any;
-}
-interface Details$1 {
-    relationId: number;
-    fileObjects: fileObject[];
-}
-interface DataType$1 {
-    id: number;
-    [key: string]: any;
-    Details?: Details$1;
-}
-interface ColumnProps$1 {
-    key: string;
-    title: string | ReactElement;
-    subDataTableColumn: boolean;
-    PrimaryBoldText?: boolean;
-}
-type Props$1<T> = {
-    columns: Array<ColumnProps$1>;
-    data?: T[] | undefined;
-    downloadArrowOnClick?: () => void | Promise<void>;
-    downloadMissionOnClick?: () => void | Promise<void>;
-    addFilesOnClick?: () => void | Promise<void>;
-};
-declare const ChildDataTable: {
-    <T extends DataType$1>({ data, columns, downloadArrowOnClick, downloadMissionOnClick, addFilesOnClick }: Props$1<T>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Details {
-    relationId: number;
-    [key: string]: any;
-}
-interface DataType {
-    id: number;
-    [key: string]: any;
-    Details?: Details;
-}
-interface ColumnProps<T> {
-    key: string;
-    title: string | ReactElement;
-    subDataTableColumn: boolean;
-    width?: string;
-    editable?: boolean;
-    render?: (column: ColumnProps<T>, item: T) => ReactElement;
-}
-type Props<T> = {
-    columns: Array<ColumnProps<T>>;
-    data?: T[] | undefined;
-};
-declare const NestedDataTable: {
-    <T extends DataType>({ data, columns }: Props<T>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface AutocompleteProps {
-    data: string[];
-    floatLabel: string;
-    onDataChange?: (data: string) => void;
-    height?: string;
-    width?: string;
-    inputBorderStyle?: string;
-    inputFocusBorderColor?: string;
-    autoBackGroundColor?: string;
-    labelColor?: string;
-    focusedLabelColor?: string;
-    id?: string;
-    name?: string;
-}
-declare const WavelengthAutoComplete: {
-    ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type timeVariant = "date" | "datetime-local" | "";
-interface DateInputProps {
-    floatLabel: string;
-    OnDataChange?: (data: Date) => void;
-    height?: string;
-    width?: string;
-    min?: string;
-    max?: string;
-    inputTimeType: timeVariant;
-    labelColor?: string;
-    inputBorderStyle?: string;
-    inputFocusBorderColor?: string;
-    backgroundColor?: string;
-    FocusLabelColor?: string;
-    id?: string;
-    name?: string;
-}
-declare const WavelengthDatePicker: {
-    ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, inputTimeType, OnDataChange, }: DateInputProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement> {
-    testProp?: string;
+interface Option {
+    label: string;
+    value: string;
+}
+declare class BaseWavelengthMultiSelectAutocomplete extends HTMLElement {
+    static readonly formAssociated = true;
+    private _options;
+    private _selectedOptions;
+    private _isOpen;
+    private _inputValue;
+    private _placeholder;
+    private readonly _internals;
+    private readonly _container;
+    private readonly _inputWrapper;
+    private readonly _input;
+    private readonly _label;
+    private readonly _dropdown;
+    private readonly _clearBtn;
+    private readonly _arrowBtn;
+    constructor();
+    get form(): HTMLFormElement | null;
+    get name(): string | null;
+    get type(): string;
+    get value(): Option[];
+    set value(options: Option[]);
+    set autocompleteOptions(options: Option[]);
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
+    private addEventListeners;
+    private handleInput;
+    private toggleDropdown;
+    private handleContainerClick;
+    private handleOutsideClick;
+    private handleOptionClick;
+    private handleRemoveChip;
+    private toggleClearButton;
+    private clearSelection;
+    private updateLabelPosition;
+    private renderChips;
+    private renderDropdown;
+    private render;
+}
+declare const WavelengthMultiSelectAutocomplete_base: {
+    new (...args: any[]): {
+        readonly _mixinStyleTagId: "custom-mixin-styles";
+        set customStyles(styleObject: {
+            [key: string]: string | number | {
+                [key: string]: string | number;
+            };
+        });
+        toKebabCase(str: string): string;
+        createCssPropertiesString(ruleObject: {
+            [key: string]: string | number;
+        }): string;
+        generateAndApplyStyles(styleObject: {
+            [key: string]: string | number | {
+                [key: string]: string | number;
+            };
+        }): void;
+        accessKey: string;
+        readonly accessKeyLabel: string;
+        autocapitalize: string;
+        autocorrect: boolean;
+        dir: string;
+        draggable: boolean;
+        hidden: boolean;
+        inert: boolean;
+        innerText: string;
+        lang: string;
+        readonly offsetHeight: number;
+        readonly offsetLeft: number;
+        readonly offsetParent: Element | null;
+        readonly offsetTop: number;
+        readonly offsetWidth: number;
+        outerText: string;
+        popover: string | null;
+        spellcheck: boolean;
+        title: string;
+        translate: boolean;
+        writingSuggestions: string;
+        attachInternals(): ElementInternals;
+        click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(options?: boolean): boolean;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        readonly attributes: NamedNodeMap;
+        get classList(): DOMTokenList;
+        set classList(value: string);
+        className: string;
+        readonly clientHeight: number;
+        readonly clientLeft: number;
+        readonly clientTop: number;
+        readonly clientWidth: number;
+        readonly currentCSSZoom: number;
+        id: string;
+        innerHTML: string;
+        readonly localName: string;
+        readonly namespaceURI: string | null;
+        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+        outerHTML: string;
+        readonly ownerDocument: Document;
+        get part(): DOMTokenList;
+        set part(value: string);
+        readonly prefix: string | null;
+        readonly scrollHeight: number;
+        scrollLeft: number;
+        scrollTop: number;
+        readonly scrollWidth: number;
+        readonly shadowRoot: ShadowRoot | null;
+        slot: string;
+        readonly tagName: string;
+        attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions): boolean;
+        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+        closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
+        getAttribute(qualifiedName: string): string | null;
+        getAttributeNS(namespace: string | null, localName: string): string | null;
+        getAttributeNames(): string[];
+        getAttributeNode(qualifiedName: string): Attr | null;
+        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
+        getBoundingClientRect(): DOMRect;
+        getClientRects(): DOMRectList;
+        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
+        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+        getHTML(options?: GetHTMLOptions): string;
+        hasAttribute(qualifiedName: string): boolean;
+        hasAttributeNS(namespace: string | null, localName: string): boolean;
+        hasAttributes(): boolean;
+        hasPointerCapture(pointerId: number): boolean;
+        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+        insertAdjacentHTML(position: InsertPosition, string: string): void;
+        insertAdjacentText(where: InsertPosition, data: string): void;
+        matches(selectors: string): boolean;
+        releasePointerCapture(pointerId: number): void;
+        removeAttribute(qualifiedName: string): void;
+        removeAttributeNS(namespace: string | null, localName: string): void;
+        removeAttributeNode(attr: Attr): Attr;
+        requestFullscreen(options?: FullscreenOptions): Promise<void>;
+        requestPointerLock(options?: PointerLockOptions): Promise<void>;
+        scroll(options?: ScrollToOptions): void;
+        scroll(x: number, y: number): void;
+        scrollBy(options?: ScrollToOptions): void;
+        scrollBy(x: number, y: number): void;
+        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+        scrollTo(options?: ScrollToOptions): void;
+        scrollTo(x: number, y: number): void;
+        setAttribute(qualifiedName: string, value: string): void;
+        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+        setAttributeNode(attr: Attr): Attr | null;
+        setAttributeNodeNS(attr: Attr): Attr | null;
+        setHTMLUnsafe(html: string): void;
+        setPointerCapture(pointerId: number): void;
+        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
+        webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
+        readonly baseURI: string;
+        readonly childNodes: NodeListOf<ChildNode>;
+        readonly firstChild: ChildNode | null;
+        readonly isConnected: boolean;
+        readonly lastChild: ChildNode | null;
+        readonly nextSibling: ChildNode | null;
+        readonly nodeName: string;
+        readonly nodeType: number;
+        nodeValue: string | null;
+        readonly parentElement: HTMLElement | null;
+        readonly parentNode: ParentNode | null;
+        readonly previousSibling: ChildNode | null;
+        appendChild<T extends Node>(node: T): T;
+        cloneNode(subtree?: boolean): Node;
+        compareDocumentPosition(other: Node): number;
+        contains(other: Node | null): boolean;
+        getRootNode(options?: GetRootNodeOptions): Node;
+        hasChildNodes(): boolean;
+        insertBefore<T extends Node>(node: T, child: Node | null): T;
+        isDefaultNamespace(namespace: string | null): boolean;
+        isEqualNode(otherNode: Node | null): boolean;
+        isSameNode(otherNode: Node | null): boolean;
+        lookupNamespaceURI(prefix: string | null): string | null;
+        lookupPrefix(namespace: string | null): string | null;
+        normalize(): void;
+        removeChild<T extends Node>(child: T): T;
+        replaceChild<T extends Node>(node: Node, child: T): T;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+        dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
+        ariaAtomic: string | null;
+        ariaAutoComplete: string | null;
+        ariaBrailleLabel: string | null;
+        ariaBrailleRoleDescription: string | null;
+        ariaBusy: string | null;
+        ariaChecked: string | null;
+        ariaColCount: string | null;
+        ariaColIndex: string | null;
+        ariaColIndexText: string | null;
+        ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
+        ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
+        ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
+        ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
+        ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
+        ariaHasPopup: string | null;
+        ariaHidden: string | null;
+        ariaInvalid: string | null;
+        ariaKeyShortcuts: string | null;
+        ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
+        ariaLevel: string | null;
+        ariaLive: string | null;
+        ariaModal: string | null;
+        ariaMultiLine: string | null;
+        ariaMultiSelectable: string | null;
+        ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
+        ariaPlaceholder: string | null;
+        ariaPosInSet: string | null;
+        ariaPressed: string | null;
+        ariaReadOnly: string | null;
+        ariaRelevant: string | null;
+        ariaRequired: string | null;
+        ariaRoleDescription: string | null;
+        ariaRowCount: string | null;
+        ariaRowIndex: string | null;
+        ariaRowIndexText: string | null;
+        ariaRowSpan: string | null;
+        ariaSelected: string | null;
+        ariaSetSize: string | null;
+        ariaSort: string | null;
+        ariaValueMax: string | null;
+        ariaValueMin: string | null;
+        ariaValueNow: string | null;
+        ariaValueText: string | null;
+        role: string | null;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
+        getAnimations(options?: GetAnimationsOptions): Animation[];
+        after(...nodes: (Node | string)[]): void;
+        before(...nodes: (Node | string)[]): void;
+        remove(): void;
+        replaceWith(...nodes: (Node | string)[]): void;
+        readonly nextElementSibling: Element | null;
+        readonly previousElementSibling: Element | null;
+        readonly childElementCount: number;
+        readonly children: HTMLCollection;
+        readonly firstElementChild: Element | null;
+        readonly lastElementChild: Element | null;
+        append(...nodes: (Node | string)[]): void;
+        prepend(...nodes: (Node | string)[]): void;
+        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+        querySelector<E extends Element = Element>(selectors: string): E | null;
+        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+        replaceChildren(...nodes: (Node | string)[]): void;
+        readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
+        contentEditable: string;
+        enterKeyHint: string;
+        inputMode: string;
+        readonly isContentEditable: boolean;
+        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onerror: OnErrorEventHandler;
+        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+        autofocus: boolean;
+        readonly dataset: DOMStringMap;
+        nonce?: string;
+        tabIndex: number;
+        blur(): void;
+        focus(options?: FocusOptions): void;
+    };
+} & typeof BaseWavelengthMultiSelectAutocomplete;
+declare class WavelengthMultiSelectAutocomplete extends WavelengthMultiSelectAutocomplete_base {
 }
-declare const SampleComponent: React__default.FC<SampleComponentProps>;
 
-export { type ButtonConfig, ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, DefaultPagination, type FormChangeDetail, type FormDetail, type FormInvalidDetail, type FormValidDetail, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, type WavelengthBannerProps, WavelengthBox, WavelengthButton, type WavelengthButtonAttributes, type WavelengthButtonProps, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, type WavelengthFormProps, type WavelengthFormRef, WavelengthInput, type WavelengthInputAttributes, WavelengthManyPlanes, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, type WavelengthProgressBarProps, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { BaseSampleComponent, BaseWavelengthInput, BaseWavelengthMultiSelectAutocomplete, SampleComponent, WavelengthBanner, WavelengthButton, WavelengthDatePicker, WavelengthForm, WavelengthInput, WavelengthMultiSelectAutocomplete, WavelengthProgressBar, WavelengthTitleBar };