@onewelcome/react-lib-components 0.0.0-experimental-8e3a0fd

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ComponentPropsWithRef, ReactNode } from 'react';
+import { KeyValuePair } from '../../../interfaces';
+import { FormSelector } from '../form.interfaces';
+import { Props as FormHelperTextProps } from '../FormHelperText/FormHelperText';
+export interface Props extends ComponentPropsWithRef<"div">, FormSelector {
+    children?: ReactNode;
+    nestedChildren?: ReactNode;
+    containerProps?: ComponentPropsWithRef<"div"> & KeyValuePair;
+    helperProps?: FormHelperTextProps;
+    disabled?: boolean;
+    errorId?: string;
+    identifier?: string;
+    required?: boolean;
+}
+export declare const FormSelectorWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface FormStatusIndicatorProps {
+    isReadOnlyView?: boolean;
+    success?: boolean;
+    error?: boolean;
+    children: React.ReactNode;
+}
+export declare const FormStatusIndicator: React.FC<FormStatusIndicatorProps>;

package/dist/components/Form/Input/Input.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ComponentPropsWithRef, ReactNode } from 'react';
+import { FormElement } from '../form.interfaces';
+import { MergeElementProps } from '../../../interfaces';
+export declare const dateTypes: readonly ["date", "time", "datetime-local"];
+export type Type = "text" | "email" | "file" | "number" | "password" | "search" | "tel" | "url" | "hidden" | (typeof dateTypes)[number];
+export type Props = MergeElementProps<"input", FormElement & {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+    labeledBy?: string;
+    type: Type;
+    suffix?: ReactNode;
+    prefix?: ReactNode;
+    readOnlyView?: boolean;
+}>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import('../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Input/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Label/Label.d.ts

@@ -0,0 +1,5 @@
+import { default as React, ComponentPropsWithRef, ReactNode } from 'react';
+export interface Props extends ComponentPropsWithRef<"label"> {
+    children?: ReactNode;
+}
+export declare const Label: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/Form/Label/Label.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Radio/Radio.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { Props as HelperProps } from '../FormHelperText/FormHelperText';
+import { FormSelector } from '../form.interfaces';
+import { Props as FormSelectorWrapperProps } from '../FormSelectorWrapper/FormSelectorWrapper';
+export interface Props extends ComponentPropsWithRef<"input">, Omit<FormSelector, "success"> {
+    children: string | React.ReactNode;
+    value: string;
+    formSelectorWrapperProps?: FormSelectorWrapperProps;
+    helperProps?: HelperProps;
+}
+export declare const Radio: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement> & import('../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Select/MultiSelect/MultiOption.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Props as SelectOptionProps } from '../SingleSelect/Option';
+export interface Props extends SelectOptionProps {
+    fixed?: boolean;
+}
+export declare const MultiOption: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/components/Form/Select/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { MultiSelectProps } from '../Select.interfaces';
+export declare const MultiSelect: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<MultiSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Select/MultiSelect/MultiSelect.test.d.ts

@@ -0,0 +1,63 @@
+import { default as React } from 'react';
+import { MultiSelectProps } from '../Select.interfaces';
+export declare const createMultiSelect: (params?: (defaultParams: MultiSelectProps) => MultiSelectProps) => {
+    select: HTMLElement;
+    button: HTMLElement;
+    list: Element | null;
+    dropdownWrapper: Element | null;
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    debug: (baseElement?: import('react-dom/client').Container | (Element | Document) | Array<import('react-dom/client').Container | (Element | Document)>, maxLength?: number, options?: import('pretty-format').OptionsReceived) => void;
+    rerender: (ui: React.ReactNode) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+};
+export declare const turnOnScrollToFunctionSupportInTest: () => void;

package/dist/components/Form/Select/MultiSelect/MultiSelectKeyboardNavigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Select/MultiSelect/SelectButton.d.ts

@@ -0,0 +1,4 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends ComponentPropsWithRef<"button"> {
+}
+export declare const SelectButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Form/Select/MultiSelect/SelectedOptions.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export type Display = {
+    value: string;
+    label: string;
+    fixed?: boolean;
+};
+export interface Props extends ComponentPropsWithRef<"div"> {
+    display: Display[];
+    onRemove: (value: string) => void;
+    disabled: boolean;
+}
+export declare const SelectedOptions: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Form/Select/MultiSelect/useArrowNavigation.d.ts

@@ -0,0 +1,17 @@
+interface UseArrowNavigationParams {
+    expanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;
+    childrenCount: number;
+    setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;
+    addBtnRef: React.RefObject<HTMLButtonElement>;
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    customSelectButtonRef: React.RefObject<HTMLButtonElement>;
+    onClose: () => void;
+    isReadOnlyView?: boolean;
+}
+/** @scope .*/
+export declare const useArrowNavigation: ({ expanded, setExpanded, setFocusedSelectItem, childrenCount, setShouldClick, addBtnRef, searchInputRef, customSelectButtonRef, onClose, isReadOnlyView }: UseArrowNavigationParams) => {
+    onArrowNavigation: (event: React.KeyboardEvent) => void;
+};
+export {};

package/dist/components/Form/Select/MultiSelect/useMultiSelect.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface UseMultiSelectArgs {
+    initialOptions?: string[];
+    allOptions?: string[];
+    setAllOptions?: (options: string[]) => void;
+    pickedOptions: string[];
+    setPickedOptions: (options: string[]) => void;
+    onAddNew?: (newOption: string) => void;
+}
+export interface UseMultiSelectResult {
+    handleOptionChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    onAddNew: (newValue: string) => void;
+    optionElements: React.JSX.Element[];
+}
+export type UseMultiSelect = (args: UseMultiSelectArgs) => UseMultiSelectResult;
+export declare const useMultiSelect: UseMultiSelect;

package/dist/components/Form/Select/MultiSelect/useMultiSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Select/MultiSelect/useSearch.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { SearchProps } from '../Select.interfaces';
+interface Props {
+    selectId: string;
+    search?: SearchProps;
+    optionsCount: number;
+    searchInputClassName: string;
+    expanded: boolean;
+    setFocusedSelectItem: (idx: number) => void;
+    focusedSelectItem: number;
+    describedBy?: string;
+    getOptionId: (multiSelectId: string, optionIndex: number) => string;
+    getListboxId: (multiSelectId: string) => string;
+}
+/** @scope .*/
+export declare const useSearch: ({ selectId, search, optionsCount, searchInputClassName, expanded, setFocusedSelectItem, focusedSelectItem, describedBy, getOptionId, getListboxId }: Props) => {
+    renderSearch: () => React.JSX.Element;
+    resetSearchState: () => void;
+    searchVisible: boolean;
+    searchThreshold: number;
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    filter: string;
+};
+export {};

package/dist/components/Form/Select/Select.interfaces.d.ts

@@ -0,0 +1,60 @@
+import { ComponentPropsWithRef, ReactElement } from 'react';
+import { Props as InputProps } from '../Input/Input';
+import { FormElement } from '../form.interfaces';
+export type PartialInputProps = Partial<InputProps>;
+export interface SearchProps {
+    enabled?: boolean;
+    renderThreshold?: number;
+    searchPlaceholder?: string;
+    searchInputProps?: PartialInputProps & {
+        reset?: boolean;
+    };
+}
+export interface AddNewProps {
+    label: string;
+    onAddNew: (value: string) => void;
+    btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    alwaysEnabled?: boolean;
+}
+export interface SelectProps<V extends string | readonly string[] | undefined> extends ComponentPropsWithRef<"select">, FormElement {
+    children: ReactElement[];
+    name?: string;
+    labeledBy?: string;
+    describedBy?: string;
+    placeholder?: string;
+    selectButtonProps?: ComponentPropsWithRef<"button"> & FormElement;
+    search?: SearchProps;
+    className?: string;
+    value: V;
+    clearLabel?: string;
+    noResultsLabel?: string;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
+    addNew?: AddNewProps;
+    isReadOnlyView?: boolean;
+}
+export type SingleSelectProps = SelectProps<string>;
+export type MultiSelectProps = SelectProps<string[]>;
+export declare enum Position {
+    Above = "Above",
+    Below = "Below"
+}
+export interface UseArrowNavigationParams {
+    expanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    isSearching: boolean;
+    setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
+    setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;
+    childrenCount: number;
+    setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;
+    onOptionChangeHandler: (optionElement: HTMLElement | null) => void;
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    addBtnRef?: React.RefObject<HTMLButtonElement>;
+    renderThreshold: number;
+    isReadOnlyView?: boolean;
+}
+export interface UseSelectPositionListParams {
+    expanded: boolean;
+    optionListReference: React.RefObject<HTMLDivElement>;
+    containerReference: React.RefObject<HTMLDivElement>;
+    addBtnRef: React.RefObject<HTMLButtonElement>;
+}

package/dist/components/Form/Select/SingleSelect/Option.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ComponentPropsWithRef, ReactNode } from 'react';
+export interface Props extends ComponentPropsWithRef<"li"> {
+    children: ReactNode;
+    value: string;
+    disabled?: boolean;
+    isSelected?: boolean;
+    disableDefaultSelectedStyle?: boolean;
+    selectOpened?: boolean;
+    hasFocus?: boolean;
+    shouldClick?: boolean;
+    isSearching?: boolean;
+    label?: string;
+    childIndex?: number;
+    onOptionSelect?: (ref: React.RefObject<HTMLLIElement>) => void;
+    onFocusChange?: (childIndex: number) => void;
+    isAddBtnFocused?: boolean;
+}
+export declare const Option: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/components/Form/Select/SingleSelect/Option.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Select/SingleSelect/Select.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SingleSelectProps } from '../Select.interfaces';
+export declare const Select: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<SingleSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Select/SingleSelect/Select.test.d.ts

@@ -0,0 +1,124 @@
+import { default as React } from 'react';
+import { SingleSelectProps } from '../Select.interfaces';
+import { InlineSelectProps } from '../../../InlineEditing/InlineEditingSelect/InlineSelect';
+export declare const defaultParams: SingleSelectProps;
+export declare const createSelect: (params?: (defaultParams: SingleSelectProps) => SingleSelectProps) => {
+    select: HTMLElement;
+    button: HTMLElement;
+    list: Element | null;
+    dropdownWrapper: Element | null;
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    debug: (baseElement?: import('react-dom/client').Container | (Element | Document) | Array<import('react-dom/client').Container | (Element | Document)>, maxLength?: number, options?: import('pretty-format').OptionsReceived) => void;
+    rerender: (ui: React.ReactNode) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+};
+export declare const createInlineSelect: (params?: (defaultParams: InlineSelectProps) => InlineSelectProps) => {
+    select: HTMLElement;
+    button: HTMLElement;
+    list: Element | null;
+    dropdownWrapper: Element | null;
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    debug: (baseElement?: import('react-dom/client').Container | (Element | Document) | Array<import('react-dom/client').Container | (Element | Document)>, maxLength?: number, options?: import('pretty-format').OptionsReceived) => void;
+    rerender: (ui: React.ReactNode) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').SelectorMatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import('@testing-library/react').ByRoleMatcher, options?: import('@testing-library/react').ByRoleOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import('@testing-library/react').Matcher, options?: import('@testing-library/react').MatcherOptions | undefined, waitForElementOptions?: import('@testing-library/react').waitForOptions | undefined) => Promise<HTMLElement[]>;
+};

package/dist/components/Form/Select/SingleSelect/SelectKeyboardNavigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Select/SingleSelect/useArrowNavigation.d.ts

@@ -0,0 +1,5 @@
+import { UseArrowNavigationParams } from '../Select.interfaces';
+/** @scope .*/
+export declare const useArrowNavigation: ({ expanded, setExpanded, isSearching, setIsSearching, setFocusedSelectItem, onOptionChangeHandler, childrenCount, setShouldClick, searchInputRef, addBtnRef, renderThreshold, isReadOnlyView }: UseArrowNavigationParams) => {
+    onArrowNavigation: (event: React.KeyboardEvent) => void;
+};

package/dist/components/Form/Select/SingleSelect/useSearch.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SearchProps } from '../Select.interfaces';
+interface Props {
+    search?: SearchProps;
+    optionsCount: number;
+    searchInputClassName: string;
+    expanded: boolean;
+    setFocusedSelectItem: (idx: number) => void;
+}
+/** @scope .*/
+export declare const useSearch: ({ search, optionsCount, searchInputClassName, expanded, setFocusedSelectItem }: Props) => {
+    renderSearch: () => React.JSX.Element;
+    setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
+    searchVisible: boolean;
+    searchThreshold: number;
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    filter: string;
+    isSearching: boolean;
+};
+export {};

package/dist/components/Form/Select/useAddNewBtn.d.ts

@@ -0,0 +1,19 @@
+import { default as React, RefObject } from 'react';
+import { AddNewProps } from './Select.interfaces';
+interface Props {
+    id?: string;
+    addNew?: AddNewProps;
+    filter: string;
+    focusedSelectItem: number;
+    optionsCount: number;
+    searchInputRef: RefObject<HTMLInputElement>;
+    shouldClick?: boolean;
+    onClickCallback?: () => void;
+}
+/** @scope .*/
+export declare const useAddNewBtn: ({ id, addNew, filter, focusedSelectItem, optionsCount, searchInputRef, shouldClick, onClickCallback }: Props) => {
+    addNewBtnOptionsContainerClassName: string;
+    renderAddNew: () => false | React.JSX.Element | undefined;
+    addBtnRef: React.RefObject<HTMLButtonElement>;
+};
+export {};

package/dist/components/Form/Select/useSelectPositionList.d.ts

@@ -0,0 +1,12 @@
+import { Position, UseSelectPositionListParams } from './Select.interfaces';
+/** @scope .*/
+export declare const useSelectPositionList: ({ expanded, optionListReference, addBtnRef, containerReference }: UseSelectPositionListParams) => {
+    optionsListMaxHeight: {
+        wrapper?: string;
+        list?: string;
+    };
+    opacity: number;
+    setOpacity: import('react').Dispatch<import('react').SetStateAction<number>>;
+    listPosition: Position;
+    setListPosition: import('react').Dispatch<import('react').SetStateAction<Position>>;
+};

package/dist/components/Form/Textarea/Textarea.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { FormElement } from '../form.interfaces';
+export interface Props extends ComponentPropsWithRef<"textarea">, FormElement {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+    readOnlyView?: boolean;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLTextAreaElement> & import('../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Textarea/Textarea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Toggle/Toggle.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { Props as CheckboxProps } from '../Checkbox/Checkbox';
+export interface Props extends ComponentPropsWithRef<"input">, Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "label"> {
+    label?: string | React.ReactElement;
+    labelPosition?: "left" | "right";
+    hideLabel?: boolean;
+    labelOverflow?: "wrap" | "nowrap";
+    version?: "emphasis" | "neutral";
+    spacing?: "packed" | "between";
+}
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Form/Toggle/Toggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ComponentPropsWithRef, ReactElement } from 'react';
+import { WrapperProps } from '../Wrapper/Wrapper';
+import { Props as FieldsetProps } from '../../../Form/Fieldset/Fieldset';
+export interface Props extends ComponentPropsWithRef<"div">, Omit<WrapperProps, "success"> {
+    children: ReactElement[] | ReactElement;
+    fieldsetProps: FieldsetProps;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+/**
+ * @deprecated
+ */
+export declare const CheckboxWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};