@commonsku/styles 1.17.24 → 1.17.26

package/dist/index.d.ts

@@ -5,15 +5,10 @@ import * as styled_components from 'styled-components';
 import { CSSObject, DefaultTheme, ThemeProps, CSSProperties as CSSProperties$1, StyledComponent } from 'styled-components';
 import * as react_dropzone from 'react-dropzone';
 import { DropzoneOptions, DropzoneRootProps, DropzoneInputProps, DropzoneRef, DropzoneState } from 'react-dropzone';
-import * as react_select_dist_declarations_src_useAsync from 'react-select/dist/declarations/src/useAsync';
-import * as react_select_dist_declarations_src_useCreatable from 'react-select/dist/declarations/src/useCreatable';
-import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
-import * as react_select_dist_declarations_src_filters from 'react-select/dist/declarations/src/filters';
-import * as react_select_dist_declarations_src_components from 'react-select/dist/declarations/src/components';
-import * as react_select from 'react-select';
-import { GroupBase, StylesConfig, SelectInstance } from 'react-select';
+import { GroupBase, Props, SelectInstance, PropsValue, OnChangeValue, ActionMeta } from 'react-select';
 export { components, createFilter, mergeStyles } from 'react-select';
-import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
+import { CreatableProps } from 'react-select/creatable';
+import { AsyncProps } from 'react-select/async';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { UseTableRowProps, UseExpandedRowProps, UseGroupByRowProps, UseRowSelectRowProps, UseRowStateRowProps, Column as Column$1, SortingRule, Cell, UseSortByState } from 'react-table';
 import { ListOnScrollProps } from 'react-window';
@@ -585,581 +580,58 @@ type AdditionalSKUSelectProps = {
     singleValueStyles?: React__default.CSSProperties;
     valueContainerStyles?: React__default.CSSProperties;
     containerStyles?: React__default.CSSProperties;
+    multiValueStyles?: React__default.CSSProperties;
 };
-declare const SKUSelect: React__default.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<react_select_dist_declarations_src_Select.Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: boolean | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: boolean | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & React__default.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
-declare const LabeledSelect: React__default.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<react_select_dist_declarations_src_Select.Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: boolean | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: boolean | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & {
-    parentStyle?: React__default.CSSProperties | undefined;
-    labelStyle?: React__default.CSSProperties | undefined;
-    label?: string | undefined;
-    required?: boolean | undefined;
-} & React__default.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
-declare const SKUCreatableSelect: React__default.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useCreatable.CreatableAdditionalProps<unknown, GroupBase<unknown>> & React__default.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
-declare const LabeledCreatableSelect: React__default.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useCreatable.CreatableAdditionalProps<unknown, GroupBase<unknown>> & {
-    parentStyle?: React__default.CSSProperties | undefined;
-    labelStyle?: React__default.CSSProperties | undefined;
-    label?: string | undefined;
-    required?: boolean | undefined;
-} & React__default.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
-declare const SKUAsyncSelect: React__default.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useAsync.AsyncAdditionalProps<unknown, GroupBase<unknown>> & React__default.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
-declare const LabeledAsyncSelect: React__default.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<unknown, false, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form" | "required"> & {
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React__default.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<unknown> | undefined;
-    getOptionValue?: react_select.GetOptionValue<unknown> | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isOptionDisabled?: ((option: unknown, selectValue: react_select.Options<unknown>) => boolean) | undefined;
-    isMulti?: false | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React__default.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    pageSize?: number | undefined;
-    placeholder?: React__default.ReactNode;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
-    tabIndex?: number | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useAsync.AsyncAdditionalProps<unknown, GroupBase<unknown>> & {
-    parentStyle?: React__default.CSSProperties | undefined;
-    labelStyle?: React__default.CSSProperties | undefined;
-    label?: string | undefined;
-    required?: boolean | undefined;
-} & React__default.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
-//# sourceMappingURL=Select.d.ts.map
+type TBaseOption = {
+    label?: string;
+    value: string;
+    isDisabled?: boolean;
+};
+type SKUSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AdditionalSKUSelectProps & Props<Option, IsMulti, Group>;
+type SKUAsyncSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AdditionalSKUSelectProps & AsyncProps<Option, IsMulti, Group>;
+type SKUCreatableSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AdditionalSKUSelectProps & CreatableProps<Option, IsMulti, Group>;
+type CommonLabelProps = {
+    parentStyle?: React__default.CSSProperties;
+    labelStyle?: React__default.CSSProperties;
+    label?: string;
+    required?: boolean;
+};
+type LabeledSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SKUSelectProps<Option, IsMulti, Group> & CommonLabelProps;
+type LabeledCreatableSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SKUCreatableSelectProps<Option, IsMulti, Group> & CommonLabelProps;
+type LabeledAsyncSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SKUAsyncSelectProps<Option, IsMulti, Group> & CommonLabelProps;
+type ForwardedSKUSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SKUSelectProps<Option, IsMulti, Group> & {
+    ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>;
+};
+type ForwardedSKUCreatableSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SKUCreatableSelectProps<Option, IsMulti, Group> & {
+    ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>;
+};
+type ForwardedSKUAsyncSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = SKUAsyncSelectProps<Option, IsMulti, Group> & {
+    ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>;
+};
+type ForwardedLabeledSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = LabeledSelectProps<Option, IsMulti, Group> & {
+    ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>;
+};
+type ForwardedLabeledAsyncSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = LabeledAsyncSelectProps<Option, IsMulti, Group> & {
+    ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>;
+};
+type ForwardedLabeledCreatableSelectProps<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = LabeledCreatableSelectProps<Option, IsMulti, Group> & {
+    ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>;
+};
+
+declare function ForwardedSKUSelect<Option = TBaseOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>({ noMargin, menuRelative, inPopup, error, value, isMulti, ...props }: Omit<ForwardedSKUSelectProps<Option, IsMulti, Group>, 'ref'>, ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>): React__default.JSX.Element;
+declare const SKUSelect: <Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ForwardedSKUSelectProps<Option, IsMulti, Group>) => ReturnType<typeof ForwardedSKUSelect>;
+declare function ForwardedLabeledSelect<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ parentStyle, labelStyle, ...props }: Omit<ForwardedLabeledSelectProps<Option, IsMulti, Group>, 'ref'>, ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>): React__default.JSX.Element;
+declare const LabeledSelect: <Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ForwardedLabeledSelectProps<Option, IsMulti, Group>) => ReturnType<typeof ForwardedLabeledSelect>;
+
+declare function ForwardedSKUAsyncSelect<Option = TBaseOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>({ noMargin, menuRelative, inPopup, error, value, isMulti, ...props }: Omit<ForwardedSKUAsyncSelectProps<Option, IsMulti, Group>, 'ref'>, ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>): React__default.JSX.Element;
+declare const SKUAsyncSelect: <Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ForwardedSKUAsyncSelectProps<Option, IsMulti, Group>) => ReturnType<typeof ForwardedSKUAsyncSelect>;
+declare function ForwardedLabeledAsyncSelect<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ parentStyle, labelStyle, ...props }: Omit<ForwardedLabeledAsyncSelectProps<Option, IsMulti, Group>, 'ref'>, ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>): React__default.JSX.Element;
+declare const LabeledAsyncSelect: <Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ForwardedLabeledAsyncSelectProps<Option, IsMulti, Group>) => ReturnType<typeof ForwardedLabeledAsyncSelect>;
+
+declare function ForwardedSKUCreatableSelect<Option = TBaseOption, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>>({ noMargin, menuRelative, inPopup, error, value, isMulti, ...props }: Omit<ForwardedSKUCreatableSelectProps<Option, IsMulti, Group>, 'ref'>, ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>): React__default.JSX.Element;
+declare const SKUCreatableSelect: <Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ForwardedSKUCreatableSelectProps<Option, IsMulti, Group>) => ReturnType<typeof ForwardedSKUCreatableSelect>;
+declare function ForwardedLabeledCreatableSelect<Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ parentStyle, labelStyle, ...props }: Omit<ForwardedLabeledCreatableSelectProps<Option, IsMulti, Group>, 'ref'>, ref?: React__default.ForwardedRef<SelectInstance<Option, IsMulti, Group>>): React__default.JSX.Element;
+declare const LabeledCreatableSelect: <Option = TBaseOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ForwardedLabeledCreatableSelectProps<Option, IsMulti, Group>) => ReturnType<typeof ForwardedLabeledCreatableSelect>;
 
 type SidePanelType = {
     animationDuration?: number;
@@ -1473,7 +945,7 @@ declare const Overlay: styled_components.StyledComponent<"div", any, {
 }, never>;
 declare const PopupHeader: styled_components.StyledComponent<"div", any, SharedStyleTypes & SizerTypes, never>;
 type PopupProps = React__default.PropsWithChildren<{
-    header?: React__default.Component;
+    header?: React__default.ReactNode;
     noHeader?: boolean;
     title?: string | React__default.Component;
     controls?: Array<React__default.ReactNode>;
@@ -1491,7 +963,7 @@ type PopupProps = React__default.PropsWithChildren<{
     PopupWindowComponent?: React__default.ComponentType<React__default.ComponentPropsWithRef<any>>;
 } & SharedStyleTypes> & React__default.HTMLAttributes<HTMLDivElement>;
 declare const Popup: React__default.ForwardRefExoticComponent<{
-    header?: React__default.Component<{}, {}, any> | undefined;
+    header?: React__default.ReactNode;
     noHeader?: boolean | undefined;
     title?: string | React__default.Component<{}, {}, any> | undefined;
     controls?: React__default.ReactNode[] | undefined;
@@ -2633,6 +2105,20 @@ type DropdownProps = {
 };
 declare const Dropdown: ({ items, children, underlined, primary, text, icon, openMenu, onToggleMenu, mouseLeaveCallback, size, style, buttonVariant, buttonProps, width, bordered, hideOnMouseLeave, ...props }: React__default.PropsWithChildren<DropdownProps & DropdownContentProps$2>) => React__default.JSX.Element;
 
+type NestedOption<Option> = Option & {
+    subOptions?: Option[];
+};
+interface PanelledSelectProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<SKUSelectProps<NestedOption<Option>, IsMulti, GroupBase<NestedOption<Option>>>, 'value' | 'options' | 'onChange'> {
+    value?: PropsValue<NestedOption<Option>>;
+    options?: Array<NestedOption<Option>>;
+    onChange?: (newValue: OnChangeValue<Option, IsMulti>, actionMeta: ActionMeta<Option>) => void;
+    subMenuProps?: Omit<SKUSelectProps<Option, IsMulti, Group>, 'value' | 'options' | 'onChange'>;
+}
+declare const BasePanelledSelect: <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ value, options, onChange, subMenuProps, components, closeMenuOnSelect, hideSelectedOptions, ...props }: PanelledSelectProps<Option, IsMulti, Group>, ref?: React__default.Ref<SelectInstance<NestedOption<Option>, IsMulti, GroupBase<NestedOption<Option>>>> | undefined) => React__default.JSX.Element;
+declare const PanelledSelect: <Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: PanelledSelectProps<Option, IsMulti, GroupBase<Option>> & {
+    ref?: React__default.Ref<SelectInstance<Option, IsMulti, Group>> | undefined;
+}) => ReturnType<typeof BasePanelledSelect>;
+
 declare const Badge: styled_components.StyledComponent<"span", any, {
     color?: string | undefined;
 } & SharedStyleTypes, never>;
@@ -4039,4 +3525,4 @@ declare const Dropzone: React__default.ForwardRefExoticComponent<Pick<React__def
 declare const Tooltip: styled_components.StyledComponent<({ id, anchorId, anchorSelect, content, html, render, className, classNameArrow, variant, place, offset, wrapper, children, events, openOnClick, positionStrategy, middlewares, delayShow, delayHide, float, hidden, noArrow, clickable, closeOnEsc, closeOnScroll, closeOnResize, style, position, isOpen, disableStyleInjection, border, opacity, arrowColor, setIsOpen, afterShow, afterHide, }: react_tooltip.ITooltip) => React$1.JSX.Element, any, {}, never>;
 //# sourceMappingURL=Tooltip.d.ts.map
 
-export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentBubbleIcon, CommentIcon, CommonskuMainLogo, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, DateRange, DateRangeDropdown, DateRangeDropdownProps, DateRangeInput, DateRangeInputProps, DateRangePicker, DateRangePickerProps, DateRangePreset, Datepicker, DaysBodyWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EmptyStateArrowIcon as EmptyStateArrow, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavReportsIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, ProductCard, ProductDetail, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResizableIcon, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SkubotLogo, SkubotSpinner, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, Tooltip, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };
+export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentBubbleIcon, CommentIcon, CommonskuMainLogo, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, DateRange, DateRangeDropdown, DateRangeDropdownProps, DateRangeInput, DateRangeInputProps, DateRangePicker, DateRangePickerProps, DateRangePreset, Datepicker, DaysBodyWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EmptyStateArrowIcon as EmptyStateArrow, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavReportsIcon, NavResourcesIcon, NavSalesIcon, NestedOption, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PanelledSelect, PanelledSelectProps, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, ProductCard, ProductDetail, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResizableIcon, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SkubotLogo, SkubotSpinner, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, Tooltip, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };