@wavelengthusaf/components 3.3.11 → 4.0.0

package/dist/cjs/index.d.cts

@@ -1,7 +1,9 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, ChangeEvent, ReactElement } from 'react';
+export { SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
 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';
 
 /**
@@ -61,6 +63,9 @@ interface ButtonMenuProps {
 }
 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;
+}
 
 interface WavelengthAutocompleteProps {
     id?: string;
@@ -81,6 +86,9 @@ interface WavelengthAutocompleteProps {
  */
 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;
+}
 
 interface DownloadProps {
     fileLoc: "local" | "api";
@@ -90,6 +98,9 @@ interface DownloadProps {
     id?: string;
 }
 declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
+declare namespace WavelengthFileDownloader {
+    var displayName: string;
+}
 
 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";
@@ -103,6 +114,9 @@ interface StyledButtonPropsTwo {
     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;
@@ -113,6 +127,9 @@ interface WavelengthBoxProps {
     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";
@@ -124,12 +141,18 @@ interface WavelengthContentPlaceholderProps {
     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;
@@ -160,8 +183,14 @@ interface SearchProps {
     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;
@@ -174,6 +203,9 @@ interface WavelengthNotAvailablePageProps {
     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;
@@ -202,6 +234,9 @@ interface SidebarProps {
     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;
@@ -212,6 +247,9 @@ interface ISpinningSvgProps {
     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;
@@ -219,6 +257,9 @@ interface spinningLogoProps {
     id?: string;
 }
 declare function WavelengthSpinningLogo({ svg, size, id }: spinningLogoProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthSpinningLogo {
+    var displayName: string;
+}
 
 interface DragAndDropProps {
     width?: string;
@@ -233,6 +274,9 @@ interface DragAndDropProps {
     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;
@@ -260,6 +304,9 @@ interface CommentProps {
     dataTestId?: string;
 }
 declare function WavelengthCommentDisplay(props: CommentProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthCommentDisplay {
+    var displayName: string;
+}
 
 interface PermissionAlertProps {
     height?: string;
@@ -274,6 +321,9 @@ interface PermissionAlertProps {
     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;
@@ -290,6 +340,9 @@ interface AccessAlertProps {
     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;
@@ -307,12 +360,84 @@ interface WavelengthAlertProps {
     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;
+    eventName?: string;
+}
+/** Attributes passed through to each generated `wavelength-input` */
+interface WavelengthInputAttributes extends React__default.HTMLAttributes<HTMLElement> {
+    [key: string]: any;
+}
+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 const WavelengthForm: <T extends object = Record<string, unknown>>(props: WavelengthFormProps<T> & React__default.RefAttributes<WavelengthFormRef<T>>) => React__default.ReactElement | null;
 
 interface WavelengthTitleBarProps {
     titleText?: string;
@@ -321,6 +446,9 @@ interface WavelengthTitleBarProps {
     shadowColor?: string;
 }
 declare function WavelengthTitleBar({ titleText, subtitleText, textColor, shadowColor }: WavelengthTitleBarProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthTitleBar {
+    var displayName: string;
+}
 
 interface WavelengthBannerProps {
     bannerText?: string;
@@ -333,6 +461,9 @@ interface WavelengthBannerProps {
     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;
+}
 
 interface WavelengthAppLogoProps {
     width?: number;
@@ -342,12 +473,18 @@ interface WavelengthAppLogoProps {
     id?: string;
 }
 declare function WavelengthAppLogo({ width, height, name, grayscale, id }: WavelengthAppLogoProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthAppLogo {
+    var displayName: string;
+}
 
 interface DefaultProps {
     width?: string;
     height?: number;
 }
 declare function WavelengthDefaultIcon({ width, height }: DefaultProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthDefaultIcon {
+    var displayName: string;
+}
 
 interface HeaderProps {
     numberOfPlanes?: number;
@@ -357,6 +494,9 @@ interface HeaderProps {
     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";
@@ -364,6 +504,9 @@ interface WavelengthPlaneTrailProps {
     id?: string;
 }
 declare function WavelengthPlaneTrail({ trailDir, id, color }: WavelengthPlaneTrailProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthPlaneTrail {
+    var displayName: string;
+}
 
 type ThemeProperties = {
     name?: string;
@@ -385,6 +528,9 @@ interface WavelengthConfirmationModalProps {
     backgroundColor?: string;
 }
 declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthConfirmationModal {
+    var displayName: string;
+}
 
 interface WavelengthContentModalProps {
     show: boolean;
@@ -393,6 +539,9 @@ interface WavelengthContentModalProps {
     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;
@@ -412,6 +561,9 @@ interface PopUPMenuProps {
     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;
@@ -434,6 +586,9 @@ interface MenuSxProps {
     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;
@@ -450,6 +605,9 @@ interface ConfirmationSnackbarProps {
     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";
@@ -466,6 +624,9 @@ interface StandardSnackbarProps {
     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;
@@ -479,6 +640,9 @@ interface Testprops {
 }
 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;
@@ -494,6 +658,9 @@ interface sliderProps {
     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;
@@ -541,6 +708,9 @@ interface PaginationProps {
 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;
@@ -595,7 +765,10 @@ type Props$2<T> = {
     itemsPerPage: number;
     totalPages: number;
 };
-declare const WavelengthDataTable: <T extends DataType$2>({ data, columns, itemsPerPage, totalPages }: Props$2<T>) => react_jsx_runtime.JSX.Element;
+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;
@@ -623,7 +796,10 @@ type Props$1<T> = {
     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;
+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;
@@ -646,7 +822,10 @@ 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;
+declare const NestedDataTable: {
+    <T extends DataType>({ data, columns }: Props<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface AutocompleteProps {
     data: string[];
@@ -658,13 +837,14 @@ interface AutocompleteProps {
     inputFocusBorderColor?: string;
     autoBackGroundColor?: string;
     labelColor?: string;
-    FocusedlabelColor?: string;
+    focusedLabelColor?: string;
     id?: string;
     name?: string;
 }
-declare const WLAutoComplete: ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, FocusedlabelColor, id, name, }: AutocompleteProps) => react_jsx_runtime.JSX.Element;
-
-declare const WLInputDatePicker: React.FC;
+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 {
@@ -683,11 +863,14 @@ interface DateInputProps {
     id?: string;
     name?: string;
 }
-declare const WLDatePicker: ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, inputTimeType, OnDataChange, }: DateInputProps) => react_jsx_runtime.JSX.Element;
+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;
 }
 declare const SampleComponent: React__default.FC<SampleComponentProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, DefaultPagination, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WLAutoComplete, WLDatePicker, WLInputDatePicker, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, type WavelengthBannerProps, WavelengthBox, WavelengthButton, type WavelengthButtonProps, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDefaultIcon, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthInput, 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 { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, DefaultPagination, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };