@commonsku/styles 1.16.12-1 → 1.16.13

package/dist/index.d.ts

@@ -1,15 +1,18 @@
 /// <reference types="react" />
-import React$1, { CSSProperties, MouseEvent, Component, ReactEventHandler, MouseEventHandler, ReactNode, WeakValidationMap, ComponentType, Dispatch, SetStateAction, MutableRefObject, ForwardedRef } from 'react';
-import { FlattenInterpolation, ThemedStyledProps, StyledComponent, CSSObject, FlattenSimpleInterpolation, GlobalStyleComponent, DefaultTheme, ThemeProps, CSSProperties as CSSProperties$1, Keyframes, AnyStyledComponent, StyledComponentInnerComponent } from 'styled-components';
+import * as React$1 from 'react';
+import React__default, { CSSProperties, MouseEvent, Component, ReactEventHandler, MouseEventHandler, ReactNode, MutableRefObject, ForwardedRef } from 'react';
+import * as styled_components from 'styled-components';
+import { CSSObject, DefaultTheme, ThemeProps, CSSProperties as CSSProperties$1, StyledComponent } from 'styled-components';
 import { DropzoneOptions } from 'react-dropzone';
-import { AsyncAdditionalProps } from 'react-select/dist/declarations/src/useAsync';
-import { CreatableAdditionalProps } from 'react-select/dist/declarations/src/useCreatable';
-import { StateManagerAdditionalProps } from 'react-select/dist/declarations/src/useStateManager';
-import { GroupBase, GetOptionLabel, GetOptionValue, Options, MenuPlacement, MenuPosition, OptionsOrGroups, StylesConfig, SelectInstance } from 'react-select';
+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 from 'react-select';
+import { GroupBase, StylesConfig, SelectInstance } from 'react-select';
 export { components, createFilter, mergeStyles } from 'react-select';
-import { FilterOptionOption } from 'react-select/dist/declarations/src/filters';
-import { SelectComponents } from 'react-select/dist/declarations/src/components';
-import { Props } from 'react-select/dist/declarations/src/Select';
+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_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
 import BaseDatePicker, { ReactDatePickerProps } from 'react-datepicker';
 import { UseFiltersColumnProps, UseGroupByColumnProps, UseResizeColumnsColumnProps, UseSortByColumnProps, UseTableRowProps, UseExpandedRowProps, UseGroupByRowProps, UseRowSelectRowProps, UseRowStateRowProps, Column as Column$1, SortingRule, Cell } from 'react-table';
 import { ListOnScrollProps } from 'react-window';
@@ -37,11 +40,11 @@ declare type SharedStyleTypes = {
     bg?: string;
     float?: string;
 };
-declare const SharedStyles: FlattenInterpolation<ThemedStyledProps<SharedStyleTypes, any>>;
+declare const SharedStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SharedStyleTypes, any>>;
 declare const SHARED_STYLE_MAPS: {
     [key: string]: Function;
 };
-declare const Wrapper: StyledComponent<"div", any, SharedStyleTypes, never>;
+declare const Wrapper: styled_components.StyledComponent<"div", any, SharedStyleTypes, never>;
 
 declare const avatarSizes: {
     tiny: {
@@ -101,8 +104,8 @@ declare type _AvatarProps = {
     hasPic?: boolean;
     initials?: string;
     icon?: boolean;
-} & React$1.HTMLAttributes<HTMLDivElement> & SharedStyleTypes;
-declare const Avatar: React$1.FC<Omit<_AvatarProps, 'size'> & {
+} & React__default.HTMLAttributes<HTMLDivElement> & SharedStyleTypes;
+declare const Avatar: React__default.FC<Omit<_AvatarProps, 'size'> & {
     pic?: string;
     size?: AvatarSize;
     shape?: AvatarShape;
@@ -111,47 +114,47 @@ declare const Avatar: React$1.FC<Omit<_AvatarProps, 'size'> & {
     icon?: boolean;
 }>;
 
-declare type BoxProps = React$1.PropsWithChildren<{
+declare type BoxProps = React__default.PropsWithChildren<{
     borderless?: boolean;
     padded?: boolean;
-    title?: string | React$1.ReactNode;
-    controls?: React$1.ReactNode;
+    title?: string | React__default.ReactNode;
+    controls?: React__default.ReactNode;
 } & SharedStyleTypes>;
 declare const Box: ({ title, controls, children, ...props }: BoxProps) => JSX.Element;
 //# sourceMappingURL=Box.d.ts.map
 
-declare const Background: StyledComponent<"div", any, {
+declare const Background: styled_components.StyledComponent<"div", any, {
     padded?: boolean | undefined;
     fillWindow?: boolean | undefined;
 } & SharedStyleTypes, never>;
 
-declare const StyledDropArea: StyledComponent<"div", any, {
+declare const StyledDropArea: styled_components.StyledComponent<"div", any, {
     isDragAccept?: boolean | undefined;
     isDragReject?: boolean | undefined;
     isDragActive?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare type DropAreaProps = React$1.PropsWithChildren<{
-    placeholder?: string | React$1.ReactNode;
+declare type DropAreaProps = React__default.PropsWithChildren<{
+    placeholder?: string | React__default.ReactNode;
 } & SharedStyleTypes>;
 declare const DropArea: ({ children, placeholder, ...props }: DropAreaProps) => JSX.Element;
 declare type DropzoneTypes = {
-    placeholder?: string | React$1.ReactNode;
+    placeholder?: string | React__default.ReactNode;
     showDroppedFiles?: boolean;
 } & DropzoneOptions;
 declare function Dropzoned({ placeholder, accept, showDroppedFiles, ...props }: DropzoneTypes): JSX.Element;
 declare function DropzonedPreviews({ placeholder, accept, onDrop, ...props }: DropzoneTypes): JSX.Element;
 declare type DropzoneSimpleProps = {
-    children: React$1.ReactElement;
+    children: React__default.ReactElement;
 } & DropzoneOptions;
-declare function DropzonedSimple({ accept, children, ...props }: DropzoneSimpleProps): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | null;
+declare function DropzonedSimple({ accept, children, ...props }: DropzoneSimpleProps): React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
-declare type TSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type TSize$1 = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
 declare type TSizeOffset = 'xsOffset' | 'smOffset' | 'mdOffset' | 'lgOffset' | 'xlOffset';
 declare type TSizeOffsetRight = 'xsOffsetRight' | 'smOffsetRight' | 'mdOffsetRight' | 'lgOffsetRight' | 'xlOffsetRight';
 declare type TSizeStyle = 'xsStyle' | 'smStyle' | 'mdStyle' | 'lgStyle' | 'xlStyle';
 declare type SizerTypes = {
-    collapse?: TSize | Array<TSize>;
+    collapse?: TSize$1 | Array<TSize$1>;
     offset?: number;
     first?: string;
     last?: string;
@@ -181,8 +184,8 @@ declare type SizerTypes = {
     center?: boolean;
     totalCols?: number;
 };
-declare const SizerCss: FlattenInterpolation<ThemedStyledProps<SizerTypes, any>>;
-declare const SizerWrapper: StyledComponent<"div", any, SizerTypes, never>;
+declare const SizerCss: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SizerTypes, any>>;
+declare const SizerWrapper: styled_components.StyledComponent<"div", any, SizerTypes, never>;
 
 declare const sizes: {
     tiny: {
@@ -231,13 +234,13 @@ declare const sizes: {
         iconSize: string;
     };
 };
-declare type TSize$1 = keyof typeof sizes;
+declare type TSize = keyof typeof sizes;
 declare type ButtonPreset = 'edit' | 'delete' | 'add' | 'remove' | 'close' | 'drag';
 declare type ButtonVariant = 'primary' | 'secondary' | 'cta' | 'error' | 'disabled' | 'text' | 'primary-light' | 'text-error' | 'error-light' | 'text-error-light' | 'custom';
 declare type ButtonProps = {
     secondary?: boolean;
     cta?: boolean;
-    size?: TSize$1;
+    size?: TSize;
     variant?: ButtonVariant;
     variantColor?: string;
     variantBg?: string;
@@ -247,7 +250,7 @@ declare type ButtonProps = {
     variantHoverBorderColor?: string;
     style?: CSSObject;
 } & SharedStyleTypes & SizerTypes;
-declare const Button: StyledComponent<"button", any, {
+declare const Button: styled_components.StyledComponent<"button", any, {
     secondary?: boolean | undefined;
     cta?: boolean | undefined;
     size?: "tiny" | "small" | "medium" | "large" | "huge" | undefined;
@@ -260,22 +263,22 @@ declare const Button: StyledComponent<"button", any, {
     variantHoverBorderColor?: string | undefined;
     style?: CSSObject | undefined;
 } & SharedStyleTypes & SizerTypes, never>;
-declare const ButtonsGroup: StyledComponent<"div", any, SharedStyleTypes & SizerTypes, never>;
-declare type IconFuncProps = {
+declare const ButtonsGroup: styled_components.StyledComponent<"div", any, SharedStyleTypes & SizerTypes, never>;
+declare type IconFuncProps$1 = {
     color: string;
     [key: string]: any;
 };
-declare type TButtonIcon = ((props: IconFuncProps) => React$1.ReactElement);
-declare type IconButtonProps = React$1.PropsWithChildren<ButtonProps & {
-    Icon?: TButtonIcon | React$1.ReactElement<IconFuncProps>;
+declare type TButtonIcon = ((props: IconFuncProps$1) => React__default.ReactElement);
+declare type IconButtonProps = React__default.PropsWithChildren<ButtonProps & {
+    Icon?: TButtonIcon | React__default.ReactElement<IconFuncProps$1>;
     iconProps?: {
         [key: string]: any;
     };
     iconPosition?: 'left' | 'right' | 'top' | 'bottom';
     preset?: ButtonPreset;
     style?: CSSObject;
-}> & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const IconButton: React$1.ForwardRefExoticComponent<{
+}> & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const IconButton: React__default.ForwardRefExoticComponent<{
     secondary?: boolean | undefined;
     cta?: boolean | undefined;
     size?: "tiny" | "small" | "medium" | "large" | "huge" | undefined;
@@ -288,7 +291,7 @@ declare const IconButton: React$1.ForwardRefExoticComponent<{
     variantHoverBorderColor?: string | undefined;
     style?: CSSObject | undefined;
 } & SharedStyleTypes & SizerTypes & {
-    Icon?: TButtonIcon | React$1.ReactElement<IconFuncProps, string | React$1.JSXElementConstructor<any>> | undefined;
+    Icon?: TButtonIcon | React__default.ReactElement<IconFuncProps$1, string | React__default.JSXElementConstructor<any>> | undefined;
     iconProps?: {
         [key: string]: any;
     } | undefined;
@@ -296,25 +299,25 @@ declare const IconButton: React$1.ForwardRefExoticComponent<{
     preset?: ButtonPreset | undefined;
     style?: CSSObject | undefined;
 } & {
-    children?: React$1.ReactNode;
-} & React$1.ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
+    children?: React__default.ReactNode;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
 
-declare const H1: StyledComponent<"h1", any, {
+declare const H1: styled_components.StyledComponent<"h1", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const H2: StyledComponent<"h2", any, {
+declare const H2: styled_components.StyledComponent<"h2", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const H3: StyledComponent<"h3", any, {
+declare const H3: styled_components.StyledComponent<"h3", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const H4: StyledComponent<"h4", any, {
+declare const H4: styled_components.StyledComponent<"h4", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const H5: StyledComponent<"h5", any, {
+declare const H5: styled_components.StyledComponent<"h5", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const H6: StyledComponent<"h6", any, {
+declare const H6: styled_components.StyledComponent<"h6", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
 //# sourceMappingURL=Headings.d.ts.map
@@ -326,8 +329,8 @@ declare type ImgProps = {
     attempt_interval?: number;
     onRetry?: OnErrorEventHandler;
     onFailed?: OnErrorEventHandler;
-} & React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-declare const Img: React$1.ForwardRefExoticComponent<Pick<ImgProps, "max_attempts" | "attempt_interval" | "onRetry" | "onFailed" | "key" | keyof React$1.ImgHTMLAttributes<HTMLImageElement>> & React$1.RefAttributes<HTMLImageElement>>;
+} & React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+declare const Img: React__default.ForwardRefExoticComponent<Pick<ImgProps, "max_attempts" | "attempt_interval" | "onRetry" | "onFailed" | "key" | keyof React__default.ImgHTMLAttributes<HTMLImageElement>> & React__default.RefAttributes<HTMLImageElement>>;
 //# sourceMappingURL=Img.d.ts.map
 
 declare const iconSize: {
@@ -374,7 +377,7 @@ declare type BaseSVGIconProps = {
     disabled?: boolean;
 } & SharedStyleTypes;
 declare type SVGIconProps = React.SVGAttributes<SVGElement> & BaseSVGIconProps;
-declare const SVG: StyledComponent<"svg", any, {
+declare const SVG: styled_components.StyledComponent<"svg", any, {
     size?: "tiny" | "small" | "medium" | "large" | "huge" | "default" | undefined;
     width?: string | number | undefined;
     height?: string | number | undefined;
@@ -442,79 +445,79 @@ declare type CommonInputProp = {
 declare type BaseInputProps = CommonInputProp & {
     hasIcon?: boolean;
 } & SharedStyleTypes;
-declare type InputProps = BaseInputProps & React$1.InputHTMLAttributes<HTMLInputElement>;
-declare const InputIconLabel: StyledComponent<"div", any, CommonInputProp & {
+declare type InputProps = BaseInputProps & React__default.InputHTMLAttributes<HTMLInputElement>;
+declare const InputIconLabel: styled_components.StyledComponent<"div", any, CommonInputProp & {
     isActive?: boolean | undefined;
     isDisabled?: boolean | undefined;
     isHover?: boolean | undefined;
     iconPosition?: "left" | "right" | undefined;
 }, never>;
-declare const InputIconLabelContainer: StyledComponent<"div", any, {}, never>;
-declare const Input: StyledComponent<"input", any, CommonInputProp & {
+declare const InputIconLabelContainer: styled_components.StyledComponent<"div", any, {}, never>;
+declare const Input: styled_components.StyledComponent<"input", any, CommonInputProp & {
     hasIcon?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const LabeledInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & CommonInputProp & {
+declare const LabeledInput: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & CommonInputProp & {
     hasIcon?: boolean | undefined;
 } & SharedStyleTypes & {
     label: string;
     name?: string | undefined;
     labelOnTop?: boolean | undefined;
-    wrapperProps?: React$1.HTMLAttributes<HTMLDivElement> | undefined;
-} & React$1.RefAttributes<HTMLInputElement>>;
-declare const LabeledIconInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & CommonInputProp & {
+    wrapperProps?: React__default.HTMLAttributes<HTMLDivElement> | undefined;
+} & React__default.RefAttributes<HTMLInputElement>>;
+declare const LabeledIconInput: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & CommonInputProp & {
     hasIcon?: boolean | undefined;
 } & SharedStyleTypes & {
     label?: string | undefined;
     name?: string | undefined;
     labelOnTop?: boolean | undefined;
-    Icon: React$1.ReactElement;
+    Icon: React__default.ReactElement;
     iconPosition?: "left" | "right" | undefined;
     iconColor?: string | undefined;
-    iconLabelStyles?: React$1.CSSProperties | undefined;
-    containerStyle?: React$1.CSSProperties | undefined;
-} & React$1.RefAttributes<HTMLInputElement>>;
-declare const CheckboxLabel: StyledComponent<"label", any, {
+    iconLabelStyles?: React__default.CSSProperties | undefined;
+    containerStyle?: React__default.CSSProperties | undefined;
+} & React__default.RefAttributes<HTMLInputElement>>;
+declare const CheckboxLabel: styled_components.StyledComponent<"label", any, {
     disabled?: boolean | undefined;
 }, never>;
-declare const RadioLabel: StyledComponent<"label", any, {
+declare const RadioLabel: styled_components.StyledComponent<"label", any, {
     disabled?: boolean | undefined;
 }, never>;
 declare type BaseRadioProps = {
     isHovering?: boolean;
 };
-declare type RadioProps = React$1.InputHTMLAttributes<HTMLInputElement> & BaseRadioProps;
-declare const Radio: StyledComponent<"input", any, BaseRadioProps, never>;
-declare const CheckMark: StyledComponent<"span", any, {
+declare type RadioProps = React__default.InputHTMLAttributes<HTMLInputElement> & BaseRadioProps;
+declare const Radio: styled_components.StyledComponent<"input", any, BaseRadioProps, never>;
+declare const CheckMark: styled_components.StyledComponent<"span", any, {
     checked?: boolean | undefined;
     isHovering?: boolean | undefined;
     disabled?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const Dot: StyledComponent<"span", any, {
+declare const Dot: styled_components.StyledComponent<"span", any, {
     checked?: boolean | undefined;
     isHovering?: boolean | undefined;
     disabled?: boolean | undefined;
 } & SharedStyleTypes, never>;
 declare type LabeledRadioProps = RadioProps & {
     label: string;
-    labelStyle?: React$1.CSSProperties;
-    radioIconStyle?: React$1.CSSProperties;
+    labelStyle?: React__default.CSSProperties;
+    radioIconStyle?: React__default.CSSProperties;
     radioColor?: string;
     radioHoverColor?: string;
-    labelProps?: React$1.LabelHTMLAttributes<HTMLLabelElement>;
+    labelProps?: React__default.LabelHTMLAttributes<HTMLLabelElement>;
     radioIconProps?: RadioIconProps;
 };
-declare const LabeledRadio: React$1.FC<LabeledRadioProps>;
-declare const LabeledRadioInButton: React$1.FC<LabeledRadioProps & {
+declare const LabeledRadio: React__default.FC<LabeledRadioProps>;
+declare const LabeledRadioInButton: React__default.FC<LabeledRadioProps & {
     flexGrow?: boolean;
 }>;
-declare const LabeledRadioGroup: React$1.FC<LabeledRadioProps & {
+declare const LabeledRadioGroup: React__default.FC<LabeledRadioProps & {
     name: string;
     radios: [{
         label: string;
         value: any;
     }];
 }>;
-declare const LabeledRadioInButtonGroup: React$1.FC<LabeledRadioProps & {
+declare const LabeledRadioInButtonGroup: React__default.FC<LabeledRadioProps & {
     name: string;
     radios: [{
         label: string;
@@ -524,33 +527,33 @@ declare const LabeledRadioInButtonGroup: React$1.FC<LabeledRadioProps & {
 declare type LabeledCheckboxProps = {
     checked?: boolean;
     disabled?: boolean;
-    label: string | React$1.ReactNode;
+    label: string | React__default.ReactNode;
     name?: string;
     labelStyle?: CSSProperties;
-    checkboxStyle?: React$1.CSSProperties;
+    checkboxStyle?: React__default.CSSProperties;
     checkboxColor?: string;
     checkboxHoverColor?: string;
     hoverByLabel?: boolean;
     stopPropagation?: boolean;
-    labelProps?: React$1.LabelHTMLAttributes<HTMLLabelElement>;
+    labelProps?: React__default.LabelHTMLAttributes<HTMLLabelElement>;
     checkboxIconProps?: CheckboxIconProps;
     indeterminate?: boolean;
     [key: string]: any;
-} & React$1.InputHTMLAttributes<HTMLInputElement>;
-declare const LabeledCheckbox: React$1.ForwardRefExoticComponent<LabeledCheckboxProps>;
+} & React__default.InputHTMLAttributes<HTMLInputElement>;
+declare const LabeledCheckbox: React__default.ForwardRefExoticComponent<LabeledCheckboxProps>;
 
-declare const Label: StyledComponent<"label", any, {
+declare const Label: styled_components.StyledComponent<"label", any, {
     error?: boolean | undefined;
 } & SharedStyleTypes, never>;
 //# sourceMappingURL=Label.d.ts.map
 
-declare const Padding: StyledComponent<"div", any, SharedStyleTypes, never>;
+declare const Padding: styled_components.StyledComponent<"div", any, SharedStyleTypes, never>;
 //# sourceMappingURL=Padding.d.ts.map
 
-declare function Page(props: React$1.PropsWithChildren<SharedStyleTypes>): JSX.Element;
+declare function Page(props: React__default.PropsWithChildren<SharedStyleTypes>): JSX.Element;
 //# sourceMappingURL=Page.d.ts.map
 
-declare type ProgressBarProps = React$1.PropsWithChildren<{
+declare type ProgressBarProps = React__default.PropsWithChildren<{
     value: number;
     max: number;
     error?: string;
@@ -565,552 +568,552 @@ declare type AdditionalSKUSelectProps = {
     menuRelative?: boolean;
     inPopup?: boolean;
 };
-declare const SKUSelect: React$1.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<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"> & {
+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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<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"> & {
+} & {}, "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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}> & StateManagerAdditionalProps<unknown> & React$1.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
-declare const LabeledSelect: React$1.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<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"> & {
+} & {}> & 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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<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"> & {
+} & {}, "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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, boolean, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, boolean, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}> & StateManagerAdditionalProps<unknown> & {
-    parentStyle?: React$1.CSSProperties | undefined;
+} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & {
+    parentStyle?: React__default.CSSProperties | undefined;
     label?: string | undefined;
     required?: boolean | undefined;
-} & React$1.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
-declare const SKUCreatableSelect: React$1.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<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"> & {
+} & 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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<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"> & {
+} & {}, "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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}> & StateManagerAdditionalProps<unknown> & CreatableAdditionalProps<unknown, GroupBase<unknown>> & React$1.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
-declare const LabeledCreatableSelect: React$1.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<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"> & {
+} & {}> & 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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<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"> & {
+} & {}, "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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}> & StateManagerAdditionalProps<unknown> & CreatableAdditionalProps<unknown, GroupBase<unknown>> & {
-    parentStyle?: React$1.CSSProperties | undefined;
+} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useCreatable.CreatableAdditionalProps<unknown, GroupBase<unknown>> & {
+    parentStyle?: React__default.CSSProperties | undefined;
     label?: string | undefined;
     required?: boolean | undefined;
-} & React$1.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
-declare const SKUAsyncSelect: React$1.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<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"> & {
+} & 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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<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"> & {
+} & {}, "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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}> & StateManagerAdditionalProps<unknown> & AsyncAdditionalProps<unknown, GroupBase<unknown>> & React$1.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
-declare const LabeledAsyncSelect: React$1.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<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"> & {
+} & {}> & 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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "inputValue" | "menuIsOpen" | "onChange" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "value"> & Partial<Pick<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"> & {
+} & {}, "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"> & {
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
     backspaceRemovesValue?: boolean | undefined;
     blurInputOnSelect?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnSelect?: boolean | undefined;
     closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    components?: Partial<SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<unknown, false, GroupBase<unknown>>> | undefined;
     controlShouldRenderValue?: boolean | undefined;
     escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: GroupBase<unknown>) => React$1.ReactNode) | undefined;
-    getOptionLabel?: GetOptionLabel<unknown> | undefined;
-    getOptionValue?: GetOptionValue<unknown> | 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: Options<unknown>) => 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$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     minMenuHeight?: number | undefined;
     maxMenuHeight?: number | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: MenuPlacement | undefined;
-    menuPosition?: MenuPosition | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     menuShouldScrollIntoView?: boolean | undefined;
     noOptionsMessage?: ((obj: {
         inputValue: string;
-    }) => React$1.ReactNode) | undefined;
+    }) => React__default.ReactNode) | undefined;
     openMenuOnFocus?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
+    options?: react_select.OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
     pageSize?: number | undefined;
-    placeholder?: React$1.ReactNode;
+    placeholder?: React__default.ReactNode;
     screenReaderStatus?: ((obj: {
         count: number;
     }) => string) | undefined;
     styles?: StylesConfig<unknown, false, GroupBase<unknown>> | undefined;
     tabIndex?: number | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}> & StateManagerAdditionalProps<unknown> & AsyncAdditionalProps<unknown, GroupBase<unknown>> & {
-    parentStyle?: React$1.CSSProperties | undefined;
+} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useAsync.AsyncAdditionalProps<unknown, GroupBase<unknown>> & {
+    parentStyle?: React__default.CSSProperties | undefined;
     label?: string | undefined;
     required?: boolean | undefined;
-} & React$1.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
+} & React__default.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
 //# sourceMappingURL=Select.d.ts.map
 
 declare type SidePanelType = {
@@ -1120,11 +1123,11 @@ declare type SidePanelType = {
     height?: number;
     width?: number;
 };
-declare const StyledPanel: StyledComponent<"div", any, SidePanelType, never>;
-declare const SidePanel: ({ from, visible, animationDuration, fullWidthTitle, bodyScrollable, backdrop, controls, header, title, children, ...props }: React$1.PropsWithChildren<{
-    header?: React$1.ReactNode;
+declare const StyledPanel: styled_components.StyledComponent<"div", any, SidePanelType, never>;
+declare const SidePanel: ({ from, visible, animationDuration, fullWidthTitle, bodyScrollable, backdrop, controls, header, title, children, ...props }: React__default.PropsWithChildren<{
+    header?: React__default.ReactNode;
     title: string;
-    controls: React$1.ReactNode;
+    controls: React__default.ReactNode;
     fullWidthTitle?: boolean | undefined;
     backdrop?: boolean | undefined;
     bodyScrollable?: boolean | undefined;
@@ -1134,7 +1137,7 @@ declare const PanelContact: ({ avatar, name, position, email, ...props }: {
     position?: string | undefined;
     email?: string | undefined;
     phone?: string | undefined;
-    avatar?: React$1.ReactNode;
+    avatar?: React__default.ReactNode;
 } & SizerTypes) => JSX.Element;
 declare type PhoneType = {
     phone_number?: string;
@@ -1146,33 +1149,33 @@ declare const PanelTileContact: ({ avatar, name, position, email, phones, ...pro
     position?: string | undefined;
     email?: string | undefined;
     phones?: PhoneType[] | undefined;
-    avatar?: React$1.ReactNode;
+    avatar?: React__default.ReactNode;
 } & SizerTypes) => JSX.Element;
 
-declare const Table: StyledComponent<"table", any, {
+declare const Table: styled_components.StyledComponent<"table", any, {
     cellPadding: 0;
     cellSpacing: 0;
 } & SharedStyleTypes, "cellPadding" | "cellSpacing">;
-declare const TH: StyledComponent<"th", any, {
+declare const TH: styled_components.StyledComponent<"th", any, {
     clickable?: boolean | undefined;
     sticky?: boolean | undefined;
     stickyTop?: number | undefined;
 } & SharedStyleTypes & SizerTypes, never>;
-declare const TD: StyledComponent<"td", any, {
+declare const TD: styled_components.StyledComponent<"td", any, {
     clickable?: boolean | undefined;
 } & SharedStyleTypes & SizerTypes, never>;
-declare const TR: StyledComponent<"tr", any, SizerTypes & {
+declare const TR: styled_components.StyledComponent<"tr", any, SizerTypes & {
     selected?: boolean | undefined;
 }, never>;
-declare const THead: StyledComponent<"thead", any, SizerTypes, never>;
-declare const TBody: StyledComponent<"tbody", any, SizerTypes, never>;
-declare const ResponsiveTable: ({ parentProps, children, ...props }: React$1.PropsWithChildren<{
+declare const THead: styled_components.StyledComponent<"thead", any, SizerTypes, never>;
+declare const TBody: styled_components.StyledComponent<"tbody", any, SizerTypes, never>;
+declare const ResponsiveTable: ({ parentProps, children, ...props }: React__default.PropsWithChildren<{
     parentProps?: {
         [key: string]: any;
         style?: object | undefined;
     } | undefined;
 } & SharedStyleTypes>) => JSX.Element;
-declare const THSorted: ({ children, order, iconHeight, iconStyles, hideIconOnMobile, ...props }: React$1.PropsWithChildren<{
+declare const THSorted: ({ children, order, iconHeight, iconStyles, hideIconOnMobile, ...props }: React__default.PropsWithChildren<{
     order?: string | undefined;
     iconHeight?: number | undefined;
     iconStyles?: object | undefined;
@@ -1180,18 +1183,18 @@ declare const THSorted: ({ children, order, iconHeight, iconStyles, hideIconOnMo
 }>) => JSX.Element;
 //# sourceMappingURL=Table.d.ts.map
 
-declare const GridTableContainer: StyledComponent<"div", any, {
+declare const GridTableContainer: styled_components.StyledComponent<"div", any, {
     width?: string | undefined;
     gridTemplateRows?: string | undefined;
     gridTemplateColumns: string;
     gridRowGap?: string | undefined;
     gridColumnGap?: string | undefined;
 } & SharedStyleTypes, never>;
-declare const GridRow: StyledComponent<"div", any, {
+declare const GridRow: styled_components.StyledComponent<"div", any, {
     gridTemplateColumns: string;
     gridColumnGap?: string | undefined;
 } & SharedStyleTypes, never>;
-declare const GridCell: StyledComponent<"div", any, {
+declare const GridCell: styled_components.StyledComponent<"div", any, {
     width?: string | undefined;
     header?: boolean | undefined;
     centerContent?: boolean | undefined;
@@ -1201,10 +1204,10 @@ declare type TransformFunction = (value: any | {
     label: string;
     value: string;
 }) => TValue;
-declare type TChild = React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
+declare type TChild = React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
 declare type ColumnProps = {
     name: string;
-    title: React$1.ReactNode;
+    title: React__default.ReactNode;
     children: TChild;
     centerContent?: boolean;
     transform?: TransformFunction;
@@ -1233,22 +1236,22 @@ declare function GridTable({ data, idField, onUpdate, onDelete, onAdd, onSort, v
 //# sourceMappingURL=GridTable.d.ts.map
 
 declare const tabSizes: {
-    small: FlattenSimpleInterpolation;
-    medium: FlattenSimpleInterpolation;
+    small: styled_components.FlattenSimpleInterpolation;
+    medium: styled_components.FlattenSimpleInterpolation;
 };
-declare const TabBar: StyledComponent<"ul", any, {
+declare const TabBar: styled_components.StyledComponent<"ul", any, {
     padded?: boolean | undefined;
 } & SharedStyleTypes, never>;
 declare type CommonTabProps = {
     size?: keyof typeof tabSizes;
     variant?: 'primary' | 'secondary';
 };
-declare const Tab: StyledComponent<"li", any, {
+declare const Tab: styled_components.StyledComponent<"li", any, {
     selected?: boolean | undefined;
 } & CommonTabProps & SharedStyleTypes, never>;
 declare type TTab = {
-    label: string | React$1.ReactNode;
-    content: React$1.ReactNode;
+    label: string | React__default.ReactNode;
+    content: React__default.ReactNode;
     onClick?: (e?: MouseEvent<HTMLLIElement>) => void;
 } & CommonTabProps;
 declare type TabsProps = {
@@ -1267,7 +1270,7 @@ declare class Tabs extends Component<TabsProps, TabsState> {
     render(): JSX.Element;
 }
 
-declare const toggleSizes: {
+declare const toggleSizes$1: {
     small: {
         'font-family': string;
         'font-size': string;
@@ -1293,16 +1296,16 @@ declare const toggleSizes: {
         height: string;
     };
 };
-declare type ToggleSize = keyof typeof toggleSizes;
-declare const ToggleLink: StyledComponent<"a", any, {
+declare type ToggleSize$1 = keyof typeof toggleSizes$1;
+declare const ToggleLink: styled_components.StyledComponent<"a", any, {
     selected?: boolean | undefined;
     stretch?: boolean | undefined;
     size?: "small" | "medium" | "large" | undefined;
 } & SharedStyleTypes, never>;
-declare type ToggleProps = React$1.PropsWithChildren<{
+declare type ToggleProps = React__default.PropsWithChildren<{
     stretch?: boolean;
-    onClick?: React$1.MouseEventHandler<HTMLDivElement>;
-    size?: ToggleSize;
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
+    size?: ToggleSize$1;
 } & SharedStyleTypes>;
 declare const Toggle: ({ size, ...props }: ToggleProps) => JSX.Element;
 
@@ -1311,19 +1314,19 @@ declare type BaseTextareaProps = {
     error?: boolean;
     hasIcon?: boolean;
 } & SharedStyleTypes;
-declare const Textarea: StyledComponent<"textarea", any, {
+declare const Textarea: styled_components.StyledComponent<"textarea", any, {
     noMargin?: boolean | undefined;
     error?: boolean | undefined;
     hasIcon?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & BaseTextareaProps & {
+declare type TextareaProps = React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & BaseTextareaProps & {
     label: string;
     name?: string;
     noMargin?: boolean;
 } & SharedStyleTypes;
-declare const LabeledTextarea: React$1.FC<TextareaProps>;
+declare const LabeledTextarea: React__default.FC<TextareaProps>;
 
-declare const Spinner: (props: React$1.PropsWithChildren<{
+declare const Spinner: (props: React__default.PropsWithChildren<{
     small?: boolean;
 } & SharedStyleTypes>) => JSX.Element;
 
@@ -1345,14 +1348,14 @@ declare type ArtworkProps = {
     date?: string;
     edit?: boolean;
     noTruncate?: boolean;
-    onClick?: React$1.MouseEventHandler<HTMLDivElement>;
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
     onEdit?: Function | VoidFunction;
     onDelete?: Function | VoidFunction;
     onSave?: Function | VoidFunction;
     onError?: ReactEventHandler<HTMLImageElement>;
     onDownload?: Function | VoidFunction;
     inputProps?: InputProps;
-    inputEl?: React$1.ReactNode;
+    inputEl?: React__default.ReactNode;
 };
 declare const Artwork: ({ inputProps, onError, ...props }: ArtworkProps & SharedStyleTypes) => JSX.Element;
 
@@ -1369,7 +1372,7 @@ declare type RowPropTypes = {
     end?: boolean;
     middle?: boolean;
 } & SharedStyleTypes;
-declare const Row: StyledComponent<"div", any, {
+declare const Row$1: styled_components.StyledComponent<"div", any, {
     justify?: string | undefined;
     wrap?: string | undefined;
     align?: string | undefined;
@@ -1379,18 +1382,18 @@ declare const Row: StyledComponent<"div", any, {
     middle?: boolean | undefined;
 } & SharedStyleTypes, never>;
 declare type ColPropTypes = SizerTypes & SharedStyleTypes;
-declare const Col: StyledComponent<"div", any, SizerTypes & SharedStyleTypes, never>;
+declare const Col: styled_components.StyledComponent<"div", any, SizerTypes & SharedStyleTypes, never>;
 
-declare const Overlay: StyledComponent<"div", any, {
+declare const Overlay: styled_components.StyledComponent<"div", any, {
     zIndex?: number | undefined;
 }, never>;
-declare const PopupHeader: StyledComponent<"div", any, SharedStyleTypes & SizerTypes, never>;
-declare type PopupProps = React$1.PropsWithChildren<{
-    header?: React$1.Component;
+declare const PopupHeader: styled_components.StyledComponent<"div", any, SharedStyleTypes & SizerTypes, never>;
+declare type PopupProps = React__default.PropsWithChildren<{
+    header?: React__default.Component;
     noHeader?: boolean;
-    title?: string | React$1.Component;
-    controls?: Array<React$1.ReactNode>;
-    onClose?: (event?: React$1.MouseEvent) => void;
+    title?: string | React__default.Component;
+    controls?: Array<React__default.ReactNode>;
+    onClose?: (event?: React__default.MouseEvent) => void;
     noCloseButton?: boolean;
     closeOnClickOutside?: boolean;
     closeOnEsc?: boolean;
@@ -1401,13 +1404,14 @@ declare type PopupProps = React$1.PropsWithChildren<{
     overlayZIndex?: number;
     popupClassName?: string;
     contentClassName?: string;
-} & SharedStyleTypes> & React$1.HTMLAttributes<HTMLDivElement>;
-declare const Popup: React$1.ForwardRefExoticComponent<{
-    header?: React$1.Component<{}, {}, any> | undefined;
+    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;
     noHeader?: boolean | undefined;
-    title?: string | React$1.Component<{}, {}, any> | undefined;
-    controls?: React$1.ReactNode[] | undefined;
-    onClose?: ((event?: React$1.MouseEvent) => void) | undefined;
+    title?: string | React__default.Component<{}, {}, any> | undefined;
+    controls?: React__default.ReactNode[] | undefined;
+    onClose?: ((event?: React__default.MouseEvent) => void) | undefined;
     noCloseButton?: boolean | undefined;
     closeOnClickOutside?: boolean | undefined;
     closeOnEsc?: boolean | undefined;
@@ -1418,39 +1422,42 @@ declare const Popup: React$1.ForwardRefExoticComponent<{
     overlayZIndex?: number | undefined;
     popupClassName?: string | undefined;
     contentClassName?: string | undefined;
+    PopupWindowComponent?: React__default.ComponentType<any> | undefined;
 } & SharedStyleTypes & {
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const ShowPopup: React$1.FC<Omit<PopupProps, 'onClose'> & {
-    popup: React$1.ComponentType<PopupProps>;
+    children?: React__default.ReactNode;
+} & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const ShowPopup: React__default.FC<Omit<PopupProps, 'onClose'> & {
+    popup: React__default.ComponentType<PopupProps>;
     autoOpen?: boolean;
-    render?: React$1.FC<{
+    render?: React__default.FC<{
         onClick: () => void;
     }>;
-}>;
+}>;
+declare type ChevronPopupProps = Omit<PopupProps, 'PopupWindowComponent'>;
+declare const ChevronPopup: (props: ChevronPopupProps) => JSX.Element;
 
-declare const TaskLabel: StyledComponent<"div", any, {
+declare const TaskLabel: styled_components.StyledComponent<"div", any, {
     hasCheckbox?: boolean | undefined;
 }, never>;
-declare const TaskName: StyledComponent<"div", any, {}, never>;
-declare const StyledTask: StyledComponent<"div", any, SharedStyleTypes, never>;
-declare const TaskBody: StyledComponent<"div", any, {}, never>;
+declare const TaskName: styled_components.StyledComponent<"div", any, {}, never>;
+declare const StyledTask: styled_components.StyledComponent<"div", any, SharedStyleTypes, never>;
+declare const TaskBody: styled_components.StyledComponent<"div", any, {}, never>;
 declare type TaskProps = {
     taskName: string;
     date?: string;
     done?: boolean;
     assignee?: string;
-    taskBody: string | React$1.ReactNode;
+    taskBody: string | React__default.ReactNode;
     checked?: boolean;
     initialChecked?: boolean;
     onClickCheckbox?: (checked?: boolean) => any;
 };
-declare const Task: ({ taskName, date, done, assignee, taskBody, initialChecked, onClickCheckbox, ...props }: React$1.PropsWithChildren<TaskProps & SharedStyleTypes>) => JSX.Element;
-declare const StyledCalendarTaskBody: StyledComponent<"span", any, {}, never>;
+declare const Task: ({ taskName, date, done, assignee, taskBody, initialChecked, onClickCheckbox, ...props }: React__default.PropsWithChildren<TaskProps & SharedStyleTypes>) => JSX.Element;
+declare const StyledCalendarTaskBody: styled_components.StyledComponent<"span", any, {}, never>;
 declare type CalendarTaskProps = {
     id?: string;
     title: string;
-    description: string | React$1.ReactNode;
+    description: string | React__default.ReactNode;
     date?: Date;
     completed?: boolean;
     colorType?: string;
@@ -1462,12 +1469,12 @@ declare type CalendarTaskProps = {
     isDescriptionHtml?: boolean;
     draggable?: boolean;
     hideCheckbox?: boolean;
-    Icon?: React$1.ReactNode;
+    Icon?: React__default.ReactNode;
 };
-declare const CalendarTask: React$1.ForwardRefExoticComponent<CalendarTaskProps & SharedStyleTypes & React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
+declare const CalendarTask: React__default.ForwardRefExoticComponent<CalendarTaskProps & SharedStyleTypes & React__default.InputHTMLAttributes<HTMLInputElement> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare type AdditionalStyles = CSSObject | string | ((p: ThemeProps<DefaultTheme>) => CSSObject | string | undefined | null);
-declare const GlobalStyle: GlobalStyleComponent<{
+declare const GlobalStyle: styled_components.GlobalStyleComponent<{
     additionalStyles?: AdditionalStyles | undefined;
 }, DefaultTheme>;
 
@@ -2431,7 +2438,7 @@ declare function getThemeFontFamily(props: {
 declare function getThemeProperty(props: {
     [key: string]: any;
 }, prop: string, value?: string, fallbackValue?: string): string;
-declare const Theme: ({ theme, globalStyles, additionalGlobalStyles, children }: React$1.PropsWithChildren<{
+declare const Theme: ({ theme, globalStyles, additionalGlobalStyles, children }: React__default.PropsWithChildren<{
     theme?: object | undefined;
     globalStyles?: boolean | undefined;
     additionalGlobalStyles?: AdditionalStyles | undefined;
@@ -2441,11 +2448,11 @@ declare type TextProp = {
     color?: keyof typeof colors;
     bold?: boolean;
 } & SharedStyleTypes;
-declare const Text: StyledComponent<"span", any, {
+declare const Text: styled_components.StyledComponent<"span", any, {
     color?: "transparent" | "primary1" | "secondary1" | "secondary2" | "secondary3" | "secondary4" | "teal" | "pink" | "yellow" | "green" | "navy" | "neutrals" | "errors" | "orders" | "notes" | "calls" | "meetings" | "left_nav" | "text" | "white" | "black" | "primary" | "cta" | "primary0" | "primary10" | "primary100" | "disabledButton" | "disabledButtonBorder" | "texttitle" | "textlabel" | "textbody" | "textplaceholder" | "bggray" | "bgblue" | "inputBorder" | "special1" | "special2" | "special3" | "primaryBg" | "special2Bg" | "error" | "primary2" | "primary20" | "primary200" | "tableHeaderBg" | "tableBorder" | "input" | "select" | undefined;
     bold?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const Link: StyledComponent<React$1.FC<{
+declare const Link: styled_components.StyledComponent<React__default.FC<{
     highlight?: boolean | undefined;
 } & {
     [x: string]: any;
@@ -2454,22 +2461,22 @@ declare const Link: StyledComponent<React$1.FC<{
 } & {
     theme?: any;
 } & {
-    as?: string | React$1.ComponentType<any> | undefined;
-    forwardedAs?: string | React$1.ComponentType<any> | undefined;
+    as?: string | React__default.ComponentType<any> | undefined;
+    forwardedAs?: string | React__default.ComponentType<any> | undefined;
 } & SharedStyleTypes>, any, {}, never>;
-declare const Number: React$1.FC<{
+declare const Number: React__default.FC<{
     num: number;
     commas?: boolean;
     decimalPoints?: number;
 } & SharedStyleTypes>;
 
-declare const Publisher: (props: React$1.PropsWithChildren<{}>) => JSX.Element;
-declare const FeedPost: (props: React$1.PropsWithChildren<{
+declare const Publisher: (props: React__default.PropsWithChildren<{}>) => JSX.Element;
+declare const FeedPost: (props: React__default.PropsWithChildren<{
     author: any;
     subject?: string;
-    body: React$1.ReactNode;
+    body: React__default.ReactNode;
     date: string;
-    comments?: React$1.ReactNode[];
+    comments?: React__default.ReactNode[];
 } & SharedStyleTypes>) => JSX.Element;
 
 declare type StateType = {
@@ -2478,28 +2485,28 @@ declare type StateType = {
 declare class ErrorBoundary extends Component<object, StateType> {
     constructor(props: StateType);
     componentDidCatch(error: Error | any, info: string | any): void;
-    render(): React$1.ReactNode;
+    render(): React__default.ReactNode;
 }
 
-declare const CustomDateInput: React$1.ForwardRefExoticComponent<{
+declare const CustomDateInput: React__default.ForwardRefExoticComponent<{
     noMargin?: boolean | undefined;
     error?: boolean | undefined;
 } & {
     hasIcon?: boolean | undefined;
-} & SharedStyleTypes & React$1.InputHTMLAttributes<HTMLInputElement> & {
+} & SharedStyleTypes & React__default.InputHTMLAttributes<HTMLInputElement> & {
     isClearable?: boolean | undefined;
-} & React$1.RefAttributes<HTMLInputElement>>;
+} & React__default.RefAttributes<HTMLInputElement>>;
 declare type DatepickerPorps = Omit<ReactDatePickerProps, 'value'> & Omit<InputProps, 'value'> & {
     value?: Date | null;
     placeholder?: string;
 };
-declare const Datepicker: React$1.ForwardRefExoticComponent<Omit<ReactDatePickerProps, "value"> & Omit<InputProps, "value"> & {
+declare const Datepicker: React__default.ForwardRefExoticComponent<Omit<ReactDatePickerProps, "value"> & Omit<InputProps, "value"> & {
     value?: Date | null | undefined;
     placeholder?: string | undefined;
-} & React$1.RefAttributes<BaseDatePicker>>;
+} & React__default.RefAttributes<BaseDatePicker>>;
 
-declare const StyledDropdown: StyledComponent<"div", any, {}, never>;
-declare type DropdownContentProps = {
+declare const StyledDropdown: styled_components.StyledComponent<"div", any, {}, never>;
+declare type DropdownContentProps$2 = {
     primary?: boolean;
     underlined?: boolean;
     text?: string;
@@ -2510,8 +2517,8 @@ declare type DropdownItemProps = {
     primary?: boolean;
     underlined?: boolean;
 };
-declare const DropdownItem: StyledComponent<"div", any, DropdownItemProps, never>;
-declare const DropDownContent: StyledComponent<"div", any, DropdownContentProps, never>;
+declare const DropdownItem: styled_components.StyledComponent<"div", any, DropdownItemProps, never>;
+declare const DropDownContent: styled_components.StyledComponent<"div", any, DropdownContentProps$2, never>;
 declare type TDropdownItem = {
     onClick?: MouseEventHandler<HTMLDivElement>;
     props?: {
@@ -2525,7 +2532,7 @@ declare type DropdownProps = {
     icon?: ReactNode;
     openMenu?: boolean;
     mouseLeaveCallback?: any;
-    size?: TSize$1;
+    size?: TSize;
     style?: CSSObject;
     buttonVariant?: ButtonVariant;
     buttonProps?: ButtonProps;
@@ -2534,18 +2541,18 @@ declare type DropdownProps = {
     hideOnMouseLeave?: boolean;
     onToggleMenu?: (value: boolean) => void;
 };
-declare const Dropdown: ({ items, children, underlined, primary, text, icon, openMenu, onToggleMenu, mouseLeaveCallback, size, style, buttonVariant, buttonProps, width, bordered, hideOnMouseLeave, ...props }: React$1.PropsWithChildren<DropdownProps & DropdownContentProps>) => JSX.Element;
+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>) => JSX.Element;
 
-declare const Badge: StyledComponent<"span", any, {
+declare const Badge: styled_components.StyledComponent<"span", any, {
     color?: string | undefined;
 } & SharedStyleTypes, never>;
 
 declare type BackdropTypes = {
     animationDuration?: number;
 };
-declare const Backdrop: StyledComponent<"div", any, BackdropTypes, never>;
+declare const Backdrop: styled_components.StyledComponent<"div", any, BackdropTypes, never>;
 
-declare type HeadlessTableProps = React$1.PropsWithChildren<{
+declare type HeadlessTableProps = React__default.PropsWithChildren<{
     columns: any;
     data: object[];
     rowIdField: string;
@@ -2570,7 +2577,7 @@ declare type HeadlessTableProps = React$1.PropsWithChildren<{
 } & SharedStyleTypes>;
 declare function HeadlessTable({ columns, data, rowIdField, defaultSort, defaultPageSize, defaultPageIndex, defaultScrollOffset, defaultHorizontalOffset, pageIndexDivRef, onChangeSelected, onChangeSortOrColumns, scrollOffsetDivRef, horizontalOffsetDivRef, selectedRowId, sortDirectionDivRef, currentColumnsDivRef, minHeight, pagination }: HeadlessTableProps): JSX.Element;
 
-declare const Sparkles: React$1.FC<{
+declare const Sparkles: React__default.FC<{
     color: string;
 }>;
 
@@ -2604,7 +2611,7 @@ declare const StatusDropdown: ({ items, text, value, row, setMenuIsOpen, disable
     disabled?: boolean | undefined;
 } & DropdownContentProps$1) => JSX.Element;
 
-declare type DropdownContentProps$2 = {
+declare type DropdownContentProps = {
     text?: string;
     active?: boolean;
     rounded?: boolean;
@@ -2630,7 +2637,7 @@ declare type StateDropdownProps = {
     dataTip?: any;
     dataFor?: string;
     background?: string;
-} & DropdownContentProps$2;
+} & DropdownContentProps;
 declare const StateDropdown: ({ items, text, value, row, showCircles, maxCircles, dataTip, dataFor, background, ...props }: StateDropdownProps) => JSX.Element;
 
 declare type CollapseStyledProps = {
@@ -2639,8 +2646,8 @@ declare type CollapseStyledProps = {
 };
 declare type CollapseWrapperProps = CollapseStyledProps;
 declare type CollapsiblePanelTitleProps = {};
-declare type CollapsibleProps = CollapseWrapperProps & CollapsiblePanelTitleProps & {
-    style?: React$1.CSSProperties;
+declare type CollapsibleProps$1 = CollapseWrapperProps & CollapsiblePanelTitleProps & {
+    style?: React__default.CSSProperties;
     isOpen?: boolean;
     padded?: boolean;
     onEntering?: Function;
@@ -2649,7 +2656,7 @@ declare type CollapsibleProps = CollapseWrapperProps & CollapsiblePanelTitleProp
     onExiting?: Function;
     onExited?: Function;
 };
-declare type CollapsiblePanelProps = React$1.PropsWithChildren<Omit<CollapsibleProps & {
+declare type CollapsiblePanelProps = React__default.PropsWithChildren<Omit<CollapsibleProps$1 & {
     onClick?: null | ((i?: number | null) => void);
 }, "isOpen"> & {
     title?: string;
@@ -2670,11 +2677,11 @@ declare type CollapsiblePanelsProps = {
     spaceBetween?: boolean;
     onClickPanel?: null | ((i?: number | null) => void);
 };
-declare const CollapseStyled: StyledComponent<"div", any, CollapseStyledProps, never>;
-declare const CollapseWrapper: StyledComponent<"div", any, CollapseStyledProps, never>;
-declare const CollapsiblePanelTitle: StyledComponent<"div", any, {}, never>;
-declare function Collapsible({ onEntering, onEntered, onExit, onExiting, onExited, duration, isOpen, children, style, padded, ...props }: React$1.PropsWithChildren<CollapsibleProps>): JSX.Element;
-declare function CollapsiblePanel({ title, duration, isDefaultOpen, components, children, titleProps, ...props }: React$1.PropsWithChildren<CollapsiblePanelProps>): JSX.Element;
+declare const CollapseStyled: styled_components.StyledComponent<"div", any, CollapseStyledProps, never>;
+declare const CollapseWrapper: styled_components.StyledComponent<"div", any, CollapseStyledProps, never>;
+declare const CollapsiblePanelTitle: styled_components.StyledComponent<"div", any, {}, never>;
+declare function Collapsible$1({ onEntering, onEntered, onExit, onExiting, onExited, duration, isOpen, children, style, padded, ...props }: React__default.PropsWithChildren<CollapsibleProps$1>): JSX.Element;
+declare function CollapsiblePanel({ title, duration, isDefaultOpen, components, children, titleProps, ...props }: React__default.PropsWithChildren<CollapsiblePanelProps>): JSX.Element;
 declare function CollapsiblePanels({ panels, spaceBetween, onClickPanel }: CollapsiblePanelsProps): JSX.Element;
 
 declare type ProgressBarValue = {
@@ -2683,7 +2690,7 @@ declare type ProgressBarValue = {
     color?: string;
     textColor?: string;
 };
-declare type ProgressBarsProps = React$1.PropsWithChildren<{
+declare type ProgressBarsProps = React__default.PropsWithChildren<{
     values: ProgressBarValue[];
     max: number;
     color?: string;
@@ -2697,18 +2704,18 @@ declare const MultiProgress: ({ labeled, error, values, max: maxVal, ...props }:
     error?: string | undefined;
     title?: string | undefined;
 } & SharedStyleTypes & {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 } & {
     labeled?: boolean | undefined;
-    style?: React$1.CSSProperties | undefined;
+    style?: React__default.CSSProperties | undefined;
 }) => JSX.Element;
 declare const LabeledMultiProgress: ({ title, ...props }: ProgressBarsProps & {
-    style?: React$1.CSSProperties;
+    style?: React__default.CSSProperties;
 }) => JSX.Element;
 //# sourceMappingURL=MultiProgress.d.ts.map
 
 declare type ThermometerProps = {
-    style?: React$1.CSSProperties;
+    style?: React__default.CSSProperties;
     title?: string;
     target: number;
     value1: number;
@@ -2723,11 +2730,11 @@ declare type LightIndicatorProps = {
     name: string;
     on?: boolean;
     large?: boolean;
-    textProps?: React$1.HTMLAttributes<HTMLParagraphElement>;
+    textProps?: React__default.HTMLAttributes<HTMLParagraphElement>;
 };
 declare function LightIndicator({ name, on, large, textProps, ...props }: LightIndicatorProps): JSX.Element;
 
-declare type DefaultStarProps = React$1.PropsWithChildren<{
+declare type DefaultStarProps = React__default.PropsWithChildren<{
     initialSelected?: boolean;
     forceSelected?: boolean;
     hoverText?: any;
@@ -2738,15 +2745,15 @@ declare type DefaultStarProps = React$1.PropsWithChildren<{
 declare function DefaultStar({ initialSelected, forceSelected, hoverText, noText, children, width, color, ...props }: DefaultStarProps): JSX.Element;
 
 declare type CancelButtonProps = {
-    size?: TSize$1;
-    style?: React$1.CSSProperties;
+    size?: TSize;
+    style?: React__default.CSSProperties;
     variant?: ButtonVariant;
 } & SharedStyleTypes & SizerTypes;
 declare function CancelButton({ size, variant, style, ...Props }: CancelButtonProps): JSX.Element;
 
 declare type DoneButtonProps = {
-    size?: TSize$1;
-    style?: React$1.CSSProperties;
+    size?: TSize;
+    style?: React__default.CSSProperties;
     variant?: ButtonVariant;
 } & SharedStyleTypes & SizerTypes;
 declare function DoneButton({ size, variant, style, ...Props }: DoneButtonProps): JSX.Element;
@@ -2759,18 +2766,18 @@ declare type NotificationExtraContentProps = {
 declare type NotificationIconProps = {
     alertType?: "neutral" | "success" | "error";
 };
-declare type AlertNotificationProps = React$1.PropsWithChildren<{
-    style?: React$1.CSSProperties;
+declare type AlertNotificationProps = React__default.PropsWithChildren<{
+    style?: React__default.CSSProperties;
 }> & NotificationIconProps & NotificationExtraContentProps & SharedStyleTypes & SizerTypes;
 declare const AlertNotification: ({ href, linkText, children, alertType, learnMore, style, ...props }: AlertNotificationProps) => JSX.Element;
 //# sourceMappingURL=AlertNotification.d.ts.map
 
-declare type IconFuncProps$1 = {
+declare type IconFuncProps = {
     color: string;
     [key: string]: any;
 };
-declare type LinkWithIconProps = React$1.PropsWithChildren<{
-    Icon?: TButtonIcon | React$1.ReactElement<IconFuncProps$1>;
+declare type LinkWithIconProps = React__default.PropsWithChildren<{
+    Icon?: TButtonIcon | React__default.ReactElement<IconFuncProps>;
     href?: string;
     color?: string;
     hoverColor?: string;
@@ -2778,7 +2785,7 @@ declare type LinkWithIconProps = React$1.PropsWithChildren<{
     iconProps?: {
         [key: string]: any;
     };
-    style?: React$1.CSSProperties;
+    style?: React__default.CSSProperties;
 } & SharedStyleTypes & SizerTypes>;
 declare function LinkWithIcon({ Icon, href, children, color, hoverColor, flexShrink, iconProps, style, ...props }: LinkWithIconProps): JSX.Element;
 
@@ -2803,10 +2810,10 @@ declare type LocaleOptions = {
 declare type NumberInputProps = Omit<InputProps, 'onChange'> & {
     defaultValue?: string | number;
     label?: string;
-    icon?: (props: object) => React$1.ReactElement;
+    icon?: (props: object) => React__default.ReactElement;
     onClickIcon?: (value: string | number) => string | undefined | void;
     iconStyles?: {};
-    labelStyle?: React$1.CSSProperties;
+    labelStyle?: React__default.CSSProperties;
     onChange?: (value: number | string | null, action?: string) => void;
     localeOptions?: LocaleOptions;
     inputMode?: "none" | "text" | "numeric" | "decimal";
@@ -2819,31 +2826,31 @@ declare type InputStepperProps = Omit<NumberInputProps, 'value'> & {
     initialValue?: number | string;
     width?: string;
     label?: string;
-    labelStyle?: React$1.CSSProperties;
+    labelStyle?: React__default.CSSProperties;
     inputDisabled?: boolean;
     delayChangeTimeout?: number;
     holdIncrement?: boolean;
     holdDecrement?: boolean;
 };
 declare type InputStepperStyledProps = Omit<NumberInputProps, 'onChange'> & {
-    onCHange?: React$1.ChangeEventHandler<HTMLInputElement>;
+    onCHange?: React__default.ChangeEventHandler<HTMLInputElement>;
     containerWidth?: string;
     style?: CSSProperties$1;
     label?: string;
-    labelStyle?: React$1.CSSProperties;
-    containerStyle?: React$1.CSSProperties;
+    labelStyle?: React__default.CSSProperties;
+    containerStyle?: React__default.CSSProperties;
     inputDisabled?: boolean;
     decrementButtonProps?: IconButtonProps;
     incrementButtonProps?: IconButtonProps;
-    onIncrement?: React$1.MouseEventHandler<HTMLButtonElement>;
-    onDecrement?: React$1.MouseEventHandler<HTMLButtonElement>;
+    onIncrement?: React__default.MouseEventHandler<HTMLButtonElement>;
+    onDecrement?: React__default.MouseEventHandler<HTMLButtonElement>;
 };
 declare function InputStepperStyled(props: InputStepperStyledProps): JSX.Element;
 declare function InputStepper(props: InputStepperProps): JSX.Element;
 
 interface ColumnInstance<D extends Record<string, unknown> = Record<string, unknown>> extends UseFiltersColumnProps<D>, UseGroupByColumnProps<D>, UseResizeColumnsColumnProps<D>, UseSortByColumnProps<D> {
 }
-interface Row$1<D extends Record<string, unknown> = Record<string, unknown>> extends UseTableRowProps<D>, UseExpandedRowProps<D>, UseGroupByRowProps<D>, UseRowSelectRowProps<D>, UseRowStateRowProps<D> {
+interface Row<D extends Record<string, unknown> = Record<string, unknown>> extends UseTableRowProps<D>, UseExpandedRowProps<D>, UseGroupByRowProps<D>, UseRowSelectRowProps<D>, UseRowStateRowProps<D> {
 }
 
 declare type VirtualTableProps = {
@@ -2851,7 +2858,7 @@ declare type VirtualTableProps = {
     data: object[];
     itemSize?: (value: {
         index: number;
-        row: Row$1;
+        row: Row;
     }) => number;
     height?: number;
     minWidth?: number;
@@ -2868,42 +2875,42 @@ declare type VirtualTableProps = {
     useTableProps?: object;
     tableHeaderProps?: {
         className?: string;
-        style?: React$1.CSSProperties;
+        style?: React__default.CSSProperties;
     };
     tableFooterProps?: {
         className?: string;
-        style?: React$1.CSSProperties;
+        style?: React__default.CSSProperties;
     };
-    TableFooter?: (props: React$1.PropsWithChildren<{
+    TableFooter?: (props: React__default.PropsWithChildren<{
         [key: string]: any;
-    }>) => React$1.ReactElement;
+    }>) => React__default.ReactElement;
     customTableFooterProps?: object;
     className?: string;
     hideFooter?: boolean;
     hideHeader?: boolean;
-    NoRowsFound?: (props: React$1.PropsWithChildren<{
+    NoRowsFound?: (props: React__default.PropsWithChildren<{
         [key: string]: any;
-    }>) => React$1.ReactElement;
-    renderRowSubComponent?: (props: React$1.PropsWithChildren<{
+    }>) => React__default.ReactElement;
+    renderRowSubComponent?: (props: React__default.PropsWithChildren<{
         [key: string]: any;
-    }>) => React$1.ReactElement;
+    }>) => React__default.ReactElement;
     onSort?: (value: {
         column: ColumnInstance;
     }) => void;
     onResize?: VoidFunction;
     rowGroupStyles?: (value: {
-        row: Row$1;
-        style: React$1.CSSProperties;
-    }) => React$1.CSSProperties;
+        row: Row;
+        style: React__default.CSSProperties;
+    }) => React__default.CSSProperties;
     rowStyles?: (value: {
-        row: Row$1;
-        style: React$1.CSSProperties;
-    }) => React$1.CSSProperties;
+        row: Row;
+        style: React__default.CSSProperties;
+    }) => React__default.CSSProperties;
     gutterSize?: number;
 };
 declare const VirtualTable: (props: VirtualTableProps) => JSX.Element;
 
-declare const VirtualTableStyles: StyledComponent<"div", any, {
+declare const VirtualTableStyles: styled_components.StyledComponent<"div", any, {
     tableHeight?: string | number | undefined;
     bordered?: string | boolean | undefined;
     rowClickable?: boolean | undefined;
@@ -2964,7 +2971,7 @@ declare type BaseCskuProps = {
     style?: ResponsiveValue<CSSObject>;
     sx?: ResponsiveValue<CSSObject>;
 };
-declare const parseCskuStyles: (p: BaseCskuProps) => (string | number | false | CSSObject | Keyframes | {
+declare const parseCskuStyles: (p: BaseCskuProps) => (string | number | false | CSSObject | styled_components.Keyframes | {
     readonly $$typeof: symbol;
     defaultProps?: Partial<{
         [x: string]: any;
@@ -2972,43 +2979,43 @@ declare const parseCskuStyles: (p: BaseCskuProps) => (string | number | false |
         theme?: any;
     }> | undefined;
     displayName?: string | undefined;
-    propTypes?: WeakValidationMap<{
+    propTypes?: React$1.WeakValidationMap<{
         [x: string]: any;
     } & {
         theme?: any;
     }> | undefined;
     withComponent: {
-        <WithC extends AnyStyledComponent>(component: WithC): StyledComponent<StyledComponentInnerComponent<WithC>, any, any, any>;
-        <WithC_1 extends ComponentType<any> | keyof JSX.IntrinsicElements>(component: WithC_1): StyledComponent<WithC_1, any, any, any>;
+        <WithC extends styled_components.AnyStyledComponent>(component: WithC): StyledComponent<styled_components.StyledComponentInnerComponent<WithC>, any, any, any>;
+        <WithC_1 extends React$1.ComponentType<any> | keyof JSX.IntrinsicElements>(component: WithC_1): StyledComponent<WithC_1, any, any, any>;
     };
 } | {
     [key: string]: CSSObject;
-} | FlattenSimpleInterpolation | null | undefined)[];
-declare type CskuProps = StyledComponent<"div", any, BaseCskuProps, never>;
+} | styled_components.FlattenSimpleInterpolation | null | undefined)[];
+declare type CskuProps<C extends keyof JSX.IntrinsicElements | React.ComponentType<any> = "div", T extends object = any, O extends object = BaseCskuProps, A extends keyof any = never> = StyledComponent<C, T, O, A>;
 declare const Csku: StyledComponent<"div", any, BaseCskuProps, never>;
 
 declare type BaseGridProps = {
     columns?: number;
     gap?: number | string;
 };
-declare type GridProps = React$1.HTMLAttributes<HTMLDivElement & BaseGridProps>;
-declare const Grid: StyledComponent<"div", any, BaseGridProps, never>;
+declare type GridProps = React__default.HTMLAttributes<HTMLDivElement & BaseGridProps>;
+declare const Grid: styled_components.StyledComponent<"div", any, BaseGridProps, never>;
 declare type BaseGridItemProps = {
     colSpan?: ResponsiveValue<string | number | boolean>;
     style?: ResponsiveValue<CSSObject>;
 };
-declare type GridItemProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, 'style'> & BaseGridItemProps;
-declare const GridItem: StyledComponent<"div", any, BaseGridItemProps, never>;
+declare type GridItemProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'style'> & BaseGridItemProps;
+declare const GridItem: styled_components.StyledComponent<"div", any, BaseGridItemProps, never>;
 
-declare type TReactNode = React$1.ReactChild | React$1.ReactPortal | null | undefined;
-declare type CollapsibleProps$1 = React$1.PropsWithChildren<{
-    style?: React$1.CSSProperties;
+declare type TReactNode = React__default.ReactChild | React__default.ReactPortal | null | undefined;
+declare type CollapsibleProps = React__default.PropsWithChildren<{
+    style?: React__default.CSSProperties;
     label: TReactNode;
     controls?: TReactNode;
     open?: boolean;
     onToggleOpen?: (v: boolean) => void;
 }>;
-declare const Collapsible$1: (props: CollapsibleProps$1) => JSX.Element;
+declare const Collapsible: (props: CollapsibleProps) => JSX.Element;
 declare type CollapsibleLabelProps = {
     children?: TReactNode;
     isOpen?: boolean;
@@ -3019,7 +3026,7 @@ declare type CollapsibleArrowIconProps = {
 };
 declare const CollapsibleArrowIcon: (props: CollapsibleArrowIconProps) => JSX.Element;
 declare type CollapsiblesProps = {
-    list: CollapsibleProps$1[];
+    list: CollapsibleProps[];
     controls?: TReactNode;
 };
 declare function Collapsibles(props: CollapsiblesProps): JSX.Element;
@@ -3053,7 +3060,7 @@ declare function ClientApprovedIcon({ color, size, altText, ...props }: ClientAp
 declare type ProofingCompleteIconProps = SVGIconProps;
 declare function ProofingCompleteIcon({ color, size, altText, ...props }: ProofingCompleteIconProps): JSX.Element;
 
-declare function ChatIcon({ color, width, mr, mt, notifs }: React$1.PropsWithChildren<{
+declare function ChatIcon({ color, width, mr, mt, notifs }: React__default.PropsWithChildren<{
     color?: string;
     width?: string;
     mr?: number;
@@ -3154,7 +3161,7 @@ declare type CircleProgressIconProps = SVGIconProps & {
     textColor?: string;
     text?: string;
     viewBox?: string;
-    textStyle?: React$1.CSSProperties;
+    textStyle?: React__default.CSSProperties;
 };
 declare function CircleProgressIcon({ sqSize, strokeWidth, percentage, strokeColor, textColor, text, textStyle, color, size, altText, ...props }: CircleProgressIconProps): JSX.Element;
 
@@ -3184,8 +3191,8 @@ declare type AlertIconProps = SVGIconProps & {
 };
 declare function AlertIcon({ color, size, filled, altText, ...props }: AlertIconProps): JSX.Element;
 
-declare type AddIconProps = SVGIconProps;
-declare function CompletedCheckmarkIcon({ color, size, altText, ...props }: AddIconProps): JSX.Element;
+declare type AddIconProps$1 = SVGIconProps;
+declare function CompletedCheckmarkIcon({ color, size, altText, ...props }: AddIconProps$1): JSX.Element;
 
 declare type BulletIconProps = SVGIconProps;
 declare function BulletIcon({ color, size, ...props }: BulletIconProps): JSX.Element;
@@ -3208,30 +3215,30 @@ declare function PromostandardsIcon({ size, altText, ...props }: PromostandardsI
 declare type XIconProps = SVGIconProps;
 declare function XIcon({ color, size, altText, ...props }: XIconProps): JSX.Element;
 
-declare type IconVariants = 'primary' | 'cta';
+declare type IconVariants$3 = 'primary' | 'cta';
 declare type OpportunityCircleIconProps = SVGIconProps & {
-    variant?: IconVariants;
+    variant?: IconVariants$3;
     selected?: boolean;
 };
 declare function OpportunityCircleIcon({ variant, selected, size, altText, style, ...props }: OpportunityCircleIconProps): JSX.Element;
 
-declare type IconVariants$1 = 'primary' | 'cta';
+declare type IconVariants$2 = 'primary' | 'cta';
 declare type PresentationCircleIconProps = SVGIconProps & {
-    variant?: IconVariants$1;
+    variant?: IconVariants$2;
     selected?: boolean;
 };
 declare function PresentationCircleIcon({ variant, selected, size, altText, style, ...props }: PresentationCircleIconProps): JSX.Element;
 
-declare type IconVariants$2 = 'primary' | 'cta';
+declare type IconVariants$1 = 'primary' | 'cta';
 declare type EstimateCircleIconProps = SVGIconProps & {
-    variant?: IconVariants$2;
+    variant?: IconVariants$1;
     selected?: boolean;
 };
 declare function EstimateCircleIcon({ variant, selected, size, altText, style, ...props }: EstimateCircleIconProps): JSX.Element;
 
-declare type IconVariants$3 = 'primary' | 'cta';
+declare type IconVariants = 'primary' | 'cta';
 declare type SalesOrderCircleIconProps = SVGIconProps & {
-    variant?: IconVariants$3;
+    variant?: IconVariants;
     selected?: boolean;
 };
 declare function SalesOrderCircleIcon({ variant, selected, size, altText, style, ...props }: SalesOrderCircleIconProps): JSX.Element;
@@ -3256,9 +3263,9 @@ declare function TilesIcon({ color, size, filled, altText, ...props }: TilesIcon
 declare type UserIconProps = SVGIconProps;
 declare function UserIcon({ color, size, altText, ...props }: UserIconProps): JSX.Element;
 
-declare type ArrowIconDirection = 'up' | 'right' | 'down' | 'left';
+declare type ArrowIconDirection$1 = 'up' | 'right' | 'down' | 'left';
 declare type ArrowIconProps = SVGIconProps & {
-    direction?: ArrowIconDirection;
+    direction?: ArrowIconDirection$1;
 };
 declare function ArrowIcon({ color, direction, altText, size, ...props }: ArrowIconProps): JSX.Element;
 
@@ -3277,8 +3284,8 @@ declare function FilledChevronIcon({ color, direction, altText, size, ...props }
 declare type CheckmarkIconProps = SVGIconProps;
 declare function CheckmarkIcon({ color, size, altText, ...props }: CheckmarkIconProps): JSX.Element;
 
-declare type AddIconProps$1 = SVGIconProps;
-declare function AddIcon({ color, size, altText, ...props }: AddIconProps$1): JSX.Element;
+declare type AddIconProps = SVGIconProps;
+declare function AddIcon({ color, size, altText, ...props }: AddIconProps): JSX.Element;
 
 declare type SubtractIconProps = SVGIconProps;
 declare function SubtractIcon({ color, size, altText, ...props }: SubtractIconProps): JSX.Element;
@@ -3395,16 +3402,22 @@ declare function HelpIcon({ color, size, altText, ...props }: HelpIconProps): JS
 declare type FileUploadIconProps = SVGIconProps;
 declare function FileUploadIcon({ color, size, altText, ...props }: FileUploadIconProps): JSX.Element;
 
-declare type ArrowIconDirection$1 = 'left' | 'right' | 'down' | 'up';
+declare type ArrowIconDirection = 'left' | 'right' | 'down' | 'up';
 declare type DoubleArrowIconProps = SVGIconProps & {
-    direction?: ArrowIconDirection$1;
+    direction?: ArrowIconDirection;
 };
 declare function DoubleArrowIcon({ color, direction, size, altText, ...props }: DoubleArrowIconProps): JSX.Element;
 
 declare type ImageIcon = SVGIconProps;
 declare function ImageIcon(props: ImageIcon): JSX.Element;
 
-declare const datepickerStyles = "\n.commonsku-styles-datepicker {\n  &.react-datepicker-wrapper {\n    width: 100%;\n  }\n\n  .react-datepicker__input-container {\n    display: block;\n    width: 100%;\n  }\n\n  .react-datepicker {\n    border: 1px solid var(--color-primary1-60);\n    outline: none;\n    box-shadow: 1px  1px 0px var(--color-primary1-60),\n              -1px -1px 0px var(--color-primary1-60),\n              1px -1px 0px var(--color-primary1-60),\n              -1px  1px 0px var(--color-primary1-60);\n  }\n\n  .react-datepicker__current-month,\n  .react-datepicker-time__header,\n  .react-datepicker-year-header,\n  .react-datepicker__header {\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .react-datepicker__header,\n  .react-datepicker__today-button {\n    background: var(--color-neutrals-20);\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .react-datepicker__header {\n    border-bottom: none;\n  }\n\n  .react-datepicker__today-button {\n    border-top: none;\n  }\n\n  .react-datepicker__day {\n    outline: none;\n  }\n\n  .react-datepicker__day :not(\n    .react-datepicker__day--outside-month,\n    .react-datepicker__day--selected\n  ) {\n    color: var(--color-neutrals-90);\n  }\n\n  .react-datepicker__day:hover :not(.react-datepicker__day--selected),\n  .react-datepicker__month-text:hover,\n  .react-datepicker__quarter-text:hover,\n  .react-datepicker__year-text:hover {\n    background-color: var(--color-neutrals-20);\n  }\n\n  .react-datepicker__day--outside-month {\n    color: var(--color-neutrals-70);\n  }\n\n  .react-datepicker__day--weekend {\n    color: var(--color-errors-main);\n  }\n\n  .react-datepicker__day--selected,\n  .react-datepicker__day--keyboard-selected,\n  .react-datepicker__month-text--keyboard-selected,\n  .react-datepicker__quarter-text--keyboard-selected,\n  .react-datepicker__year-text--keyboard-selected\n   {\n    background-color: var(--color-primary1-60);\n    color: #fff;\n  }\n\n  .react-datepicker__triangle {\n    border-bottom-color: var(--color-neutrals-20) !important;\n  }\n\n  .react-datepicker__triangle::before {\n    border-bottom-color: var(--color-primary1-60) !important;\n    border-top-color: var(--color-primary1-60) !important;\n  }\n\n  .react-datepicker__month-select,\n  .react-datepicker__year-select {\n    height: 30px;\n    border: 2px solid var(--color-primary1-60);\n    padding: 3px;\n    border-radius: 5px;\n    outline: none;\n  }\n\n  .react-datepicker__navigation {\n    border: 0.45rem solid transparent;\n\n    &.react-datepicker__navigation--next {\n      border-left: 7px solid var(--color-primary1-60);\n      margin-top: 8px;\n    }\n  \n    &.react-datepicker__navigation--previous {\n      border-right: 7px solid var(--color-primary1-60);\n      margin-top: 8px;\n    }\n  }\n}\n";
+declare type StarLightIconProps = SVGIconProps;
+declare function StarLightIcon({ color, size, altText, ...props }: StarLightIconProps): JSX.Element;
+
+declare type StarDarkIconProps = SVGIconProps;
+declare function StarDarkIcon({ color, size, altText, ...props }: StarDarkIconProps): JSX.Element;
+
+declare const datepickerStyles = "\n.commonsku-styles-datepicker {\n  &.react-datepicker-wrapper {\n    width: 100%;\n  }\n\n  .react-datepicker__input-container {\n    display: block;\n    width: 100%;\n  }\n\n  .react-datepicker {\n    border: 1px solid var(--color-primary1-60);\n    outline: none;\n    box-shadow: 1px  1px 0px var(--color-primary1-60),\n              -1px -1px 0px var(--color-primary1-60),\n              1px -1px 0px var(--color-primary1-60),\n              -1px  1px 0px var(--color-primary1-60);\n  }\n\n  .react-datepicker__current-month,\n  .react-datepicker-time__header,\n  .react-datepicker-year-header,\n  .react-datepicker__header {\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .react-datepicker__header,\n  .react-datepicker__today-button {\n    background: var(--color-neutrals-20);\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .react-datepicker__header {\n    border-bottom: none;\n  }\n\n  .react-datepicker__today-button {\n    border-top: none;\n  }\n\n  .react-datepicker__day {\n    outline: none;\n  }\n\n  .react-datepicker__day :not(\n    .react-datepicker__day--outside-month,\n    .react-datepicker__day--selected\n  ) {\n    color: var(--color-neutrals-90);\n  }\n\n  .react-datepicker__day:hover :not(.react-datepicker__day--selected),\n  .react-datepicker__month-text:hover,\n  .react-datepicker__quarter-text:hover,\n  .react-datepicker__year-text:hover {\n    background-color: var(--color-neutrals-20);\n  }\n\n  .react-datepicker__day--outside-month {\n    color: var(--color-neutrals-70);\n  }\n\n  .react-datepicker__day--weekend {\n    color: var(--color-errors-main);\n  }\n\n  .react-datepicker__day--selected,\n  .react-datepicker__day--keyboard-selected,\n  .react-datepicker__month-text--keyboard-selected,\n  .react-datepicker__quarter-text--keyboard-selected,\n  .react-datepicker__year-text--keyboard-selected\n   {\n    background-color: var(--color-primary1-60);\n    color: #fff;\n  }\n\n  .react-datepicker__triangle {\n    border-bottom-color: var(--color-neutrals-20) !important;\n  }\n\n  .react-datepicker__triangle::before {\n    border-bottom-color: var(--color-primary1-60) !important;\n    border-top-color: var(--color-primary1-60) !important;\n  }\n\n  .react-datepicker__month-select,\n  .react-datepicker__year-select {\n    height: 30px;\n    border: 2px solid var(--color-primary1-60);\n    padding: 3px;\n    border-radius: 5px;\n    outline: none;\n  }\n\n  .react-datepicker__navigation {\n    border: 0.45rem solid transparent;\n\n    &.react-datepicker__navigation--next {\n      border-left: 7px solid var(--color-primary1-60);\n      margin-top: 8px;\n    }\n  \n    &.react-datepicker__navigation--previous {\n      border-right: 7px solid var(--color-primary1-60);\n      margin-top: 8px;\n    }\n  }\n\n  .react-datepicker__aria-live {\n    display: none;\n  }\n}\n";
 //# sourceMappingURL=datepickerStyles.d.ts.map
 
 declare type ConfirmPopupProps = {
@@ -3415,22 +3428,22 @@ declare type ConfirmPopupProps = {
 };
 declare const ConfirmPopup: (props: ConfirmPopupProps) => JSX.Element;
 
-declare type ConfirmAlertPopupProps = React$1.PropsWithChildren<{
+declare type ConfirmAlertPopupProps = React__default.PropsWithChildren<{
     padding?: string;
     maxWidth: string | number;
-    title?: React$1.ReactNode;
+    title?: React__default.ReactNode;
     disableActionButton?: boolean;
-    cancelButtonContent?: React$1.ReactNode;
-    actionButtonContent?: React$1.ReactNode;
+    cancelButtonContent?: React__default.ReactNode;
+    actionButtonContent?: React__default.ReactNode;
     onAction?: () => void;
     onClose?: () => void;
 }>;
 declare const ConfirmAlertPopup: (props: ConfirmAlertPopupProps) => JSX.Element;
 
-declare type CalendarDayBodyProps = React$1.PropsWithChildren<{
+declare type CalendarDayBodyProps = React__default.PropsWithChildren<{
     day: Date;
     selectedDate: Date;
-    onClick: React$1.MouseEventHandler<HTMLDivElement>;
+    onClick: React__default.MouseEventHandler<HTMLDivElement>;
     weekend?: boolean;
 }>;
 declare const CalendarDayBody: ({ day, selectedDate, onClick, children, weekend, ...props }: CalendarDayBodyProps) => JSX.Element;
@@ -3449,12 +3462,12 @@ declare type CalendarDaysBodyProps = {
     };
     weekend?: boolean;
     components?: {
-        DayBody?: (props: React$1.PropsWithChildren<{
+        DayBody?: (props: React__default.PropsWithChildren<{
             day: Date;
             selectedDate: Date;
-            onClick: React$1.MouseEventHandler;
+            onClick: React__default.MouseEventHandler;
             [key: string]: any;
-        }>) => React$1.ReactElement;
+        }>) => React__default.ReactElement;
     };
 };
 declare const CalendarDaysBody: ({ days, currentMonth, selectedDate, onClickDay, components, dayBodyProps, weekend, ...props }: CalendarDaysBodyProps) => JSX.Element;
@@ -3468,13 +3481,13 @@ declare const CalendarDaysHeader: ({ currentMonth, selectedDate, weekend }: {
 }) => JSX.Element;
 //# sourceMappingURL=CalendarDaysHeader.d.ts.map
 
-declare const CalendarWrapper: StyledComponent<"div", any, {}, never>;
+declare const CalendarWrapper: styled_components.StyledComponent<"div", any, {}, never>;
 //# sourceMappingURL=CalendarWrapper.d.ts.map
 
-declare const DaysBodyWrapper: StyledComponent<"div", any, {}, never>;
+declare const DaysBodyWrapper: styled_components.StyledComponent<"div", any, {}, never>;
 //# sourceMappingURL=DaysBodyWrapper.d.ts.map
 
-declare const DaysHeaderWrapper: StyledComponent<"div", any, {
+declare const DaysHeaderWrapper: styled_components.StyledComponent<"div", any, {
     justify?: string | undefined;
     wrap?: string | undefined;
     align?: string | undefined;
@@ -3491,13 +3504,13 @@ declare const DefaultCalendarFooter: ({ currentWeek }: {
 //# sourceMappingURL=DefaultCalendarFooter.d.ts.map
 
 declare const DefaultCalendarHeader: ({ onPrevWeek, onNextWeek, currentMonth, }: {
-    onPrevWeek: React$1.MouseEventHandler;
-    onNextWeek: React$1.MouseEventHandler;
+    onPrevWeek: React__default.MouseEventHandler;
+    onNextWeek: React__default.MouseEventHandler;
     currentMonth: Date;
 }) => JSX.Element;
 //# sourceMappingURL=DefaultCalendarHeader.d.ts.map
 
-declare const HeaderWrapper: StyledComponent<"div", any, {
+declare const HeaderWrapper: styled_components.StyledComponent<"div", any, {
     justify?: string | undefined;
     wrap?: string | undefined;
     align?: string | undefined;
@@ -3508,7 +3521,7 @@ declare const HeaderWrapper: StyledComponent<"div", any, {
 } & SharedStyleTypes, never>;
 //# sourceMappingURL=HeaderWrapper.d.ts.map
 
-declare const StyledDayBody: StyledComponent<"div", any, SizerTypes & SharedStyleTypes & {
+declare const StyledDayBody: styled_components.StyledComponent<"div", any, SizerTypes & SharedStyleTypes & {
     selected?: boolean | undefined;
     today?: boolean | undefined;
     row?: boolean | undefined;
@@ -3516,7 +3529,7 @@ declare const StyledDayBody: StyledComponent<"div", any, SizerTypes & SharedStyl
 }, never>;
 //# sourceMappingURL=StyledDayBody.d.ts.map
 
-declare const StyledDayText: StyledComponent<"span", any, {
+declare const StyledDayText: styled_components.StyledComponent<"span", any, {
     color?: "input" | "select" | "text" | "transparent" | "primary1" | "secondary1" | "secondary2" | "secondary3" | "secondary4" | "teal" | "pink" | "yellow" | "green" | "navy" | "neutrals" | "errors" | "orders" | "notes" | "calls" | "meetings" | "left_nav" | "white" | "black" | "primary" | "cta" | "primary0" | "primary10" | "primary100" | "disabledButton" | "disabledButtonBorder" | "texttitle" | "textlabel" | "textbody" | "textplaceholder" | "bggray" | "bgblue" | "inputBorder" | "special1" | "special2" | "special3" | "primaryBg" | "special2Bg" | "error" | "primary2" | "primary20" | "primary200" | "tableHeaderBg" | "tableBorder" | undefined;
     bold?: boolean | undefined;
 } & SharedStyleTypes & {
@@ -3572,9 +3585,9 @@ declare const useCalendar: ({ onChangeWeek, onChangeMonth, }: useCalendarProps)
     currentMonth: Date;
     currentWeek: number;
     selectedDate: Date;
-    setSelectedDate: Dispatch<SetStateAction<Date>>;
-    setCurrentWeek: Dispatch<SetStateAction<number>>;
-    setCurrentMonth: Dispatch<SetStateAction<Date>>;
+    setSelectedDate: React$1.Dispatch<React$1.SetStateAction<Date>>;
+    setCurrentWeek: React$1.Dispatch<React$1.SetStateAction<number>>;
+    setCurrentMonth: React$1.Dispatch<React$1.SetStateAction<Date>>;
     onClickDay: (day: Date) => void;
     onNextWeek: () => void;
     onPrevWeek: () => void;
@@ -3604,7 +3617,7 @@ declare type TasksCalendarHeaderProps = {
     views?: TCalendarView[];
     onClickView?: onClickViewFunc;
 };
-declare const TasksCalendarHeader: ({ onPrevWeek, onNextWeek, currentMonth, currentWeek, changeDate, onResetDate, selectedDate, tabs, views, weekendsCheckbox, showAddTaskBtn, onClickAddTask, onClickView, }: React$1.PropsWithChildren<TasksCalendarHeaderProps>) => JSX.Element;
+declare const TasksCalendarHeader: ({ onPrevWeek, onNextWeek, currentMonth, currentWeek, changeDate, onResetDate, selectedDate, tabs, views, weekendsCheckbox, showAddTaskBtn, onClickAddTask, onClickView, }: React__default.PropsWithChildren<TasksCalendarHeaderProps>) => JSX.Element;
 
 declare type TasksCalendarFooterProps = {
     onNextWeek: VoidFunction;
@@ -3616,7 +3629,7 @@ declare type TasksCalendarFooterProps = {
     selectedDate: Date;
     [key: string]: any;
 };
-declare const TasksCalendarFooter: ({ currentWeek, tasks, }: React$1.PropsWithChildren<TasksCalendarFooterProps>) => JSX.Element;
+declare const TasksCalendarFooter: ({ currentWeek, tasks, }: React__default.PropsWithChildren<TasksCalendarFooterProps>) => JSX.Element;
 
 declare type CalendarHeaderComponentProps = {
     onNextWeek: VoidFunction;
@@ -3630,11 +3643,11 @@ declare type CalendarHeaderComponentProps = {
 };
 declare type CalendarProps = {
     components?: {
-        Header?: (props: React$1.PropsWithChildren<CalendarHeaderComponentProps>) => React$1.ReactElement;
-        Footer?: (props: React$1.PropsWithChildren<CalendarHeaderComponentProps>) => React$1.ReactElement;
-        DayBody?: (props: React$1.PropsWithChildren<{
+        Header?: (props: React__default.PropsWithChildren<CalendarHeaderComponentProps>) => React__default.ReactElement;
+        Footer?: (props: React__default.PropsWithChildren<CalendarHeaderComponentProps>) => React__default.ReactElement;
+        DayBody?: (props: React__default.PropsWithChildren<{
             [key: string]: any;
-        }>) => React$1.ReactElement;
+        }>) => React__default.ReactElement;
     };
     showHeader?: boolean;
     showFooter?: boolean;
@@ -3657,12 +3670,12 @@ declare type TasksCalendarProps = CalendarProps & {
     headerTabs?: Array<TTab>;
     footerTasks?: Array<CalendarTaskProps>;
     components?: {
-        Header?: (props: React$1.PropsWithChildren<{
+        Header?: (props: React__default.PropsWithChildren<{
             [key: string]: any;
-        }>) => React$1.ReactElement;
-        Footer?: (props: React$1.PropsWithChildren<{
+        }>) => React__default.ReactElement;
+        Footer?: (props: React__default.PropsWithChildren<{
             [key: string]: any;
-        }>) => React$1.ReactElement;
+        }>) => React__default.ReactElement;
     };
 };
 declare const TasksCalendar: ({ tasks, headerTabs, footerTasks, components, ...props }: TasksCalendarProps) => JSX.Element;
@@ -3675,12 +3688,12 @@ declare type DraggableTasksCalendarProps = CalendarProps & {
     footerTasks?: Array<CalendarTaskProps>;
     weekend?: boolean;
     components?: {
-        Header?: (props: React$1.PropsWithChildren<{
+        Header?: (props: React__default.PropsWithChildren<{
             [key: string]: any;
-        }>) => React$1.ReactElement;
-        Footer?: (props: React$1.PropsWithChildren<{
+        }>) => React__default.ReactElement;
+        Footer?: (props: React__default.PropsWithChildren<{
             [key: string]: any;
-        }>) => React$1.ReactElement;
+        }>) => React__default.ReactElement;
     };
     onToggleWeekend?: (weekend: boolean) => void;
     showAddTaskBtn?: boolean;
@@ -3692,7 +3705,7 @@ declare type DraggableTasksCalendarProps = CalendarProps & {
 } & useCalendarProps;
 declare const DraggableTasksCalendar: ({ views, tasks, onUpdateTask, onClickTask, headerTabs, footerTasks, components, weekend, onChangeWeek, onChangeMonth, onToggleWeekend, showAddTaskBtn, onClickAddTask, onClickView, loading, showFooterTasks, ...props }: DraggableTasksCalendarProps) => JSX.Element;
 
-declare const SimpleWindowedTableStyles: StyledComponent<"div", any, {
+declare const SimpleWindowedTableStyles: styled_components.StyledComponent<"div", any, {
     bordered?: string | boolean | undefined;
     rowClickable?: boolean | undefined;
     hoverRowBg?: string | boolean | undefined;
@@ -3713,20 +3726,20 @@ declare type SimpleWindowedTableProps = {
     useTableProps?: object;
     tableHeaderProps?: {
         className?: string;
-        style?: React$1.CSSProperties;
+        style?: React__default.CSSProperties;
     };
     tableFooterProps?: {
         className?: string;
-        style?: React$1.CSSProperties;
+        style?: React__default.CSSProperties;
     };
-    headerGroupStyle?: React$1.CSSProperties;
-    TableFooter?: React$1.ReactNode;
+    headerGroupStyle?: React__default.CSSProperties;
+    TableFooter?: React__default.ReactNode;
     className?: string;
     hideFooter?: boolean;
     clearRowFullWidth?: boolean;
-    NoRowsFound?: (props: React$1.PropsWithChildren<{
+    NoRowsFound?: (props: React__default.PropsWithChildren<{
         [key: string]: any;
-    }>) => React$1.ReactElement;
+    }>) => React__default.ReactElement;
 };
 declare function SimpleWindowedTable({ columns, data, itemSize, height, minWidth, maxWidth, defaultSort, onClickRow, onScroll, onUpdateData, useTableProps, tableHeaderProps, tableFooterProps, headerGroupStyle, hideFooter, clearRowFullWidth, className, NoRowsFound, }: SimpleWindowedTableProps): JSX.Element;
 
@@ -3759,7 +3772,7 @@ declare const useClickOutside: <T extends HTMLElement = HTMLElement>(props: {
 declare const useFallbackRef: <T>(forwardedRef: ForwardedRef<T>) => MutableRefObject<T | null>;
 //# sourceMappingURL=useFallbackRef.d.ts.map
 
-declare const toggleSizes$1: {
+declare const toggleSizes: {
     small: {
         'font-family': string;
         'font-size': string;
@@ -3785,22 +3798,22 @@ declare const toggleSizes$1: {
         height: string;
     };
 };
-declare type ToggleSize$1 = keyof typeof toggleSizes$1;
+declare type ToggleSize = keyof typeof toggleSizes;
 declare type CommonProps = {
     selected?: boolean;
     stretch?: boolean;
-    size?: ToggleSize$1;
+    size?: ToggleSize;
 };
 declare type ToggleSwitchProps = {
-    onClick?: React$1.MouseEventHandler<HTMLDivElement>;
-    style?: React$1.CSSProperties;
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
+    style?: React__default.CSSProperties;
 } & CommonProps & Omit<Omit<Omit<BaseCskuProps, 'hidden'>, 'color'>, 'style'>;
 declare type ToggleSwitchStatedProps = {
     initialSelected?: boolean;
-    style?: React$1.CSSProperties;
+    style?: React__default.CSSProperties;
     onClick?: (value: boolean) => void;
 } & Omit<CommonProps, 'selected'> & Omit<BaseCskuProps, 'style'>;
 declare const ToggleSwitchStyled: ({ onClick, size, selected, stretch, style, ...props }: ToggleSwitchProps) => JSX.Element;
 declare const ToggleSwitch: ({ size, initialSelected, stretch, onClick, ...props }: ToggleSwitchStatedProps) => JSX.Element;
 
-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, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps, Collapsible$1 as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentIcon, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, Datepicker, DatepickerPorps, DaysBodyWrapper, DaysHeaderWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, DropzoneSimpleProps, DropzoneTypes, Dropzoned, DropzonedPreviews, DropzonedSimple, EPOIcon, EditIcon, EllipsisIcon, 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, HeaderWrapper, 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, MailIcon, MarketingStatusIcon, MenuIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, ResponsiveTable, Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, Sparkles, Spinner, StarIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDayBody, StyledDayText, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize$1 as TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TasksCalendarHeader, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, TrashIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, 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, CommentIcon, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, Datepicker, DatepickerPorps, DaysBodyWrapper, DaysHeaderWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, DropzoneSimpleProps, DropzoneTypes, Dropzoned, DropzonedPreviews, DropzonedSimple, EPOIcon, EditIcon, EllipsisIcon, 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, HeaderWrapper, 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, MailIcon, MarketingStatusIcon, MenuIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDayBody, StyledDayText, 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, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TasksCalendarHeader, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, TrashIcon, 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 };