@7shifts/sous-chef 3.30.0 → 3.30.1

package/dist/empty_states/EmptyStateContainer/EmptyStateContainerStack/EmptyStateContainerStack.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { EmptyStateProps } from '../types';
-declare const EmptyStateContainerStack: ({ header, title, children, mediaUrl, actions, caption, isPaywall, testId }: EmptyStateProps) => React.JSX.Element;
-export default EmptyStateContainerStack;
+import React from 'react';
+import { EmptyStateProps } from '../types';
+declare const EmptyStateContainerStack: ({ header, title, children, mediaUrl, actions, caption, isPaywall, testId }: EmptyStateProps) => React.JSX.Element;
+export default EmptyStateContainerStack;

package/dist/empty_states/EmptyStateContainer/EmptyStateContainerStack/index.d.ts

@@ -1 +1 @@
-export { default } from './EmptyStateContainerStack';
+export { default } from './EmptyStateContainerStack';

package/dist/empty_states/EmptyStateContainer/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const EMPTY_STATE_SIZE: {
-    SMALL: "small";
-    MEDIUM: "medium";
-    LARGE: "large";
-};
+export declare const EMPTY_STATE_SIZE: {
+    SMALL: "small";
+    MEDIUM: "medium";
+    LARGE: "large";
+};

package/dist/empty_states/EmptyStateContainer/index.d.ts

@@ -1 +1 @@
-export { default } from './EmptyStateContainer';
+export { default } from './EmptyStateContainer';

package/dist/empty_states/EmptyStateContainer/types.d.ts

@@ -1,24 +1,24 @@
-import { ReactNode } from 'react';
-export declare type EmptyStateSize = 'small' | 'medium' | 'large';
-export declare type EmptyStateProps = {
-    /** The name of the highlighted feature or add-on */
-    header?: ReactNode;
-    /** Sets the title element */
-    title: ReactNode;
-    /** Sets the body text */
-    children?: ReactNode;
-    /** Path to the image/gif to display */
-    mediaUrl: string;
-    /** Caption that appears below the CTAs */
-    actions?: {
-        primary?: React.ReactElement;
-        secondary?: React.ReactElement;
-    };
-    /** Controls the size and appearance of the component */
-    size?: EmptyStateSize;
-    /** Caption that appears below the cta options */
-    caption?: ReactNode;
-    isPaywall?: Boolean;
-    /** This is used for setting a data-testid on the component*/
-    testId?: string;
-};
+import { ReactNode } from 'react';
+export type EmptyStateSize = 'small' | 'medium' | 'large';
+export type EmptyStateProps = {
+    /** The name of the highlighted feature or add-on */
+    header?: ReactNode;
+    /** Sets the title element */
+    title: ReactNode;
+    /** Sets the body text */
+    children?: ReactNode;
+    /** Path to the image/gif to display */
+    mediaUrl: string;
+    /** Caption that appears below the CTAs */
+    actions?: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+    };
+    /** Controls the size and appearance of the component */
+    size?: EmptyStateSize;
+    /** Caption that appears below the cta options */
+    caption?: ReactNode;
+    isPaywall?: Boolean;
+    /** This is used for setting a data-testid on the component*/
+    testId?: string;
+};

package/dist/empty_states/Paywall/Paywall.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { EmptyStateProps } from '../EmptyStateContainer/types';
-declare const Paywall: ({ header, title, children, mediaUrl, actions, size, caption, testId }: Omit<EmptyStateProps, 'isPaywall'>) => React.JSX.Element;
-export default Paywall;
+import React from 'react';
+import { EmptyStateProps } from '../EmptyStateContainer/types';
+declare const Paywall: ({ header, title, children, mediaUrl, actions, size, caption, testId }: Omit<EmptyStateProps, 'isPaywall'>) => React.JSX.Element;
+export default Paywall;

package/dist/empty_states/Paywall/index.d.ts

@@ -1 +1 @@
-export { default } from './Paywall';
+export { default } from './Paywall';

package/dist/empty_states/index.d.ts

@@ -1,3 +1,3 @@
-import Paywall from './Paywall';
-import EmptyState from './EmptyState';
-export { Paywall, EmptyState };
+import Paywall from './Paywall';
+import EmptyState from './EmptyState';
+export { Paywall, EmptyState };

package/dist/feedback/CircularProgress/CircularProgress.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare type Props = {
-    progress: number;
-    maxValue?: number;
-    children?: React.ReactNode;
-    testId?: string;
-};
-declare const CircularProgress: ({ progress, maxValue, children, testId }: Props) => React.JSX.Element;
-export default CircularProgress;
+import React from 'react';
+type Props = {
+    progress: number;
+    maxValue?: number;
+    children?: React.ReactNode;
+    testId?: string;
+};
+declare const CircularProgress: ({ progress, maxValue, children, testId }: Props) => React.JSX.Element;
+export default CircularProgress;

package/dist/feedback/CircularProgress/index.d.ts

@@ -1 +1 @@
-export { default } from './CircularProgress';
+export { default } from './CircularProgress';

package/dist/feedback/InlineBanner/ButtonCTA/ButtonCTA.d.ts

@@ -1,10 +1,10 @@
-import { InlineBannerTheme } from '../types';
-import React from 'react';
-declare type ButtonCTAProps = {
-    button: React.ReactElement;
-    bannerTheme: InlineBannerTheme;
-    primaryCTA?: boolean;
-};
-/** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
-declare const ButtonCTA: ({ button, bannerTheme, primaryCTA }: ButtonCTAProps) => React.ReactElement<any, string | ((props: any, deprecatedLegacyContext?: any) => React.ReactElement<any, any> | null) | (new (props: any, deprecatedLegacyContext?: any) => React.Component<any, any, any>)>;
-export default ButtonCTA;
+import { InlineBannerTheme } from '../types';
+import React from 'react';
+type ButtonCTAProps = {
+    button: React.ReactElement;
+    bannerTheme: InlineBannerTheme;
+    primaryCTA?: boolean;
+};
+/** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
+declare const ButtonCTA: ({ button, bannerTheme, primaryCTA }: ButtonCTAProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default ButtonCTA;

package/dist/feedback/InlineBanner/ButtonCTA/index.d.ts

@@ -1 +1 @@
-export { default } from './ButtonCTA';
+export { default } from './ButtonCTA';

package/dist/feedback/InlineBanner/InlineBanner.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { InlineBannerTheme } from './types';
-import { PositionStyles } from '../../foundation/types';
-declare type Props = {
-    children: React.ReactNode;
-    theme?: InlineBannerTheme;
-    title?: string;
-    onClose?: () => void;
-    caption?: string;
-    primaryButton?: React.ReactElement;
-    secondaryButton?: React.ReactElement;
-    testId?: string;
-} & PositionStyles;
-declare const InlineBanner: React.FC<Props>;
-export default InlineBanner;
+import React from 'react';
+import { InlineBannerTheme } from './types';
+import { PositionStyles } from '../../foundation/types';
+type Props = {
+    children: React.ReactNode;
+    theme?: InlineBannerTheme;
+    title?: string;
+    onClose?: () => void;
+    caption?: string;
+    primaryButton?: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    testId?: string;
+} & PositionStyles;
+declare const InlineBanner: React.FC<Props>;
+export default InlineBanner;

package/dist/feedback/InlineBanner/InlineBannerCTA/InlineBannerCTA.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { InlineBannerTheme } from '../types';
-declare type Props = {
-    primaryButton: React.ReactElement;
-    secondaryButton?: React.ReactElement;
-    caption?: string;
-    multiLine: boolean;
-    bannerTheme: InlineBannerTheme;
-};
-declare const InlineBannerCTA: ({ primaryButton, secondaryButton, caption, multiLine, bannerTheme }: Props) => React.JSX.Element;
-export default InlineBannerCTA;
+import React from 'react';
+import { InlineBannerTheme } from '../types';
+type Props = {
+    primaryButton: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    caption?: string;
+    multiLine: boolean;
+    bannerTheme: InlineBannerTheme;
+};
+declare const InlineBannerCTA: ({ primaryButton, secondaryButton, caption, multiLine, bannerTheme }: Props) => React.JSX.Element;
+export default InlineBannerCTA;

package/dist/feedback/InlineBanner/InlineBannerCTA/index.d.ts

@@ -1 +1 @@
-export { default } from './InlineBannerCTA';
+export { default } from './InlineBannerCTA';

package/dist/feedback/InlineBanner/InlineBannerIcon/InlineBannerIcon.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InlineBannerTheme } from '../types';
-declare type BannerIconProps = {
-    theme: InlineBannerTheme;
-};
-declare const InlineBannerIcon: ({ theme }: BannerIconProps) => React.JSX.Element;
-export default InlineBannerIcon;
+import React from 'react';
+import { InlineBannerTheme } from '../types';
+type BannerIconProps = {
+    theme: InlineBannerTheme;
+};
+declare const InlineBannerIcon: ({ theme }: BannerIconProps) => React.JSX.Element;
+export default InlineBannerIcon;

package/dist/feedback/InlineBanner/InlineBannerIcon/index.d.ts

@@ -1 +1 @@
-export { default } from './InlineBannerIcon';
+export { default } from './InlineBannerIcon';

package/dist/feedback/InlineBanner/constants.d.ts

@@ -1,11 +1,11 @@
-export declare const BANNER_THEME: {
-    INFO: "info";
-    WARNING: "warning";
-    SUCCESS: "success";
-    DANGER: "danger";
-    UPSELL: "upsell";
-};
-export declare const BUTTON_THEME: {
-    HOLLOW: "hollow";
-    UPSELL: "upsell";
-};
+export declare const BANNER_THEME: {
+    INFO: "info";
+    WARNING: "warning";
+    SUCCESS: "success";
+    DANGER: "danger";
+    UPSELL: "upsell";
+};
+export declare const BUTTON_THEME: {
+    HOLLOW: "hollow";
+    UPSELL: "upsell";
+};

package/dist/feedback/InlineBanner/index.d.ts

@@ -1 +1 @@
-export { default } from './InlineBanner';
+export { default } from './InlineBanner';

package/dist/feedback/InlineBanner/types.d.ts

@@ -1 +1 @@
-export declare type InlineBannerTheme = 'info' | 'warning' | 'success' | 'danger' | 'upsell';
+export type InlineBannerTheme = 'info' | 'warning' | 'success' | 'danger' | 'upsell';

package/dist/feedback/PersistentBanner/PersistentBanner.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { Theme } from './types';
-declare type Props = {
-    theme?: Theme;
-    primaryButton?: React.ReactElement;
-    secondaryButton?: React.ReactElement;
-    onDismiss?: () => void;
-    onLoad?: () => void;
-    testId?: string;
-    children: React.ReactNode;
-};
-declare const PersistentBanner: ({ theme, children, primaryButton, secondaryButton, onDismiss, onLoad, testId }: Props) => React.JSX.Element;
-export default PersistentBanner;
+import React from 'react';
+import { Theme } from './types';
+type Props = {
+    theme?: Theme;
+    primaryButton?: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    onDismiss?: () => void;
+    onLoad?: () => void;
+    testId?: string;
+    children: React.ReactNode;
+};
+declare const PersistentBanner: ({ theme, children, primaryButton, secondaryButton, onDismiss, onLoad, testId }: Props) => React.JSX.Element;
+export default PersistentBanner;

package/dist/feedback/PersistentBanner/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const PERSISTENT_BANNER_THEME: {
-    UPSELL: "upsell";
-    INFO: "info";
-    DANGER: "danger";
-};
+export declare const PERSISTENT_BANNER_THEME: {
+    UPSELL: "upsell";
+    INFO: "info";
+    DANGER: "danger";
+};

package/dist/feedback/PersistentBanner/index.d.ts

@@ -1 +1 @@
-export { default } from './PersistentBanner';
+export { default } from './PersistentBanner';

package/dist/feedback/PersistentBanner/types.d.ts

@@ -1 +1 @@
-export declare type Theme = 'danger' | 'info' | 'upsell';
+export type Theme = 'danger' | 'info' | 'upsell';

package/dist/feedback/Progress/domain.d.ts

@@ -1,11 +1,11 @@
-export declare const getProgressMetric: (progress: number, maxValue: number) => {
-    progress: number;
-    maxValue: number;
-};
-/**
- * This function calculates the progress bar so it can align in the center of each step
- */
-export declare const getProgressMetricWithSteps: (progress: number, amountOfSteps: number) => {
-    progress: number;
-    maxValue: number;
-};
+export declare const getProgressMetric: (progress: number, maxValue: number) => {
+    progress: number;
+    maxValue: number;
+};
+/**
+ * This function calculates the progress bar so it can align in the center of each step
+ */
+export declare const getProgressMetricWithSteps: (progress: number, amountOfSteps: number) => {
+    progress: number;
+    maxValue: number;
+};

package/dist/feedback/Progress/useProgress.d.ts

@@ -1,18 +1,18 @@
-declare type UseProgress = {
-    elementProps: {
-        'aria-valuemax': number;
-        'aria-valuemin': number;
-        'aria-valuenow': number;
-        role: string;
-    };
-    metric: {
-        percentage: number;
-        maxValue: number;
-        progress: number;
-    };
-};
-export declare const useProgress: (progress: number, maxValue: number, getMetric?: (progress: number, maxValue: number) => {
-    progress: number;
-    maxValue: number;
-}) => UseProgress;
-export {};
+type UseProgress = {
+    elementProps: {
+        'aria-valuemax': number;
+        'aria-valuemin': number;
+        'aria-valuenow': number;
+        role: string;
+    };
+    metric: {
+        percentage: number;
+        maxValue: number;
+        progress: number;
+    };
+};
+export declare const useProgress: (progress: number, maxValue: number, getMetric?: (progress: number, maxValue: number) => {
+    progress: number;
+    maxValue: number;
+}) => UseProgress;
+export {};

package/dist/feedback/ProgressBar/ProgressBar.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare type Props = {
-    progress: number;
-    maxValue?: number;
-    testId?: string;
-    steps?: string[];
-};
-declare const ProgressBar: ({ progress, maxValue, testId, steps }: Props) => React.JSX.Element;
-export default ProgressBar;
+import React from 'react';
+type Props = {
+    progress: number;
+    maxValue?: number;
+    testId?: string;
+    steps?: string[];
+};
+declare const ProgressBar: ({ progress, maxValue, testId, steps }: Props) => React.JSX.Element;
+export default ProgressBar;

package/dist/feedback/ProgressBar/index.d.ts

@@ -1 +1 @@
-export { default } from './ProgressBar';
+export { default } from './ProgressBar';

package/dist/feedback/Skeleton/Skeleton.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { SkeletonComponent } from './types';
-import { PositionStyles } from '../../foundation/types';
-declare type Props = {
-    /** Set the skeleton shape to match an existing Sous-Chef component */
-    as?: SkeletonComponent;
-    /** Set a custom height on the Skeleton component */
-    height?: string | number;
-    /** Set a custom width on the Skeleton component */
-    width?: string | number;
-    testId?: string;
-} & PositionStyles;
-declare const Skeleton: ({ as, testId, width, height, ...positionStyles }: Props) => React.JSX.Element;
-export default Skeleton;
+import React from 'react';
+import { SkeletonComponent } from './types';
+import { PositionStyles } from '../../foundation/types';
+type Props = {
+    /** Set the skeleton shape to match an existing Sous-Chef component */
+    as?: SkeletonComponent;
+    /** Set a custom height on the Skeleton component */
+    height?: string | number;
+    /** Set a custom width on the Skeleton component */
+    width?: string | number;
+    testId?: string;
+} & PositionStyles;
+declare const Skeleton: ({ as, testId, width, height, ...positionStyles }: Props) => React.JSX.Element;
+export default Skeleton;

package/dist/feedback/Skeleton/constants.d.ts

@@ -1,9 +1,9 @@
-export declare const SKELETON_COMPONENT: {
-    readonly AVATAR: "avatar";
-    readonly AVATAR_SMALL: "avatar--small";
-    readonly AVATAR_MEDIUM: "avatar--medium";
-    readonly AVATAR_LARGE: "avatar--large";
-    readonly AVATAR_XLARGE: "avatar--xlarge";
-    readonly BUTTON: "button";
-    readonly PILL: "pill";
-};
+export declare const SKELETON_COMPONENT: {
+    readonly AVATAR: "avatar";
+    readonly AVATAR_SMALL: "avatar--small";
+    readonly AVATAR_MEDIUM: "avatar--medium";
+    readonly AVATAR_LARGE: "avatar--large";
+    readonly AVATAR_XLARGE: "avatar--xlarge";
+    readonly BUTTON: "button";
+    readonly PILL: "pill";
+};

package/dist/feedback/Skeleton/index.d.ts

@@ -1 +1 @@
-export { default } from './Skeleton';
+export { default } from './Skeleton';

package/dist/feedback/Skeleton/types.d.ts

@@ -1 +1 @@
-export declare type SkeletonComponent = 'avatar' | 'avatar--small' | 'avatar--medium' | 'avatar--large' | 'avatar--xlarge' | 'button' | 'pill';
+export type SkeletonComponent = 'avatar' | 'avatar--small' | 'avatar--medium' | 'avatar--large' | 'avatar--xlarge' | 'button' | 'pill';

package/dist/feedback/Spinner/Spinner.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare type Props = {
-    size?: number;
-    theme?: 'mint' | 'disabled' | 'contrast' | 'pride';
-    block?: boolean;
-    testId?: string;
-};
-declare const Spinner: React.FC<Props>;
-export default Spinner;
+import React from 'react';
+type Props = {
+    size?: number;
+    theme?: 'mint' | 'disabled' | 'contrast' | 'pride';
+    block?: boolean;
+    testId?: string;
+};
+declare const Spinner: React.FC<Props>;
+export default Spinner;

package/dist/feedback/Spinner/constants.d.ts

@@ -1,6 +1,6 @@
-export declare const SPINNER_THEMES: {
-    MINT: "mint";
-    DISABLED: "disabled";
-    CONTRAST: "contrast";
-    PRIDE: "pride";
-};
+export declare const SPINNER_THEMES: {
+    MINT: "mint";
+    DISABLED: "disabled";
+    CONTRAST: "contrast";
+    PRIDE: "pride";
+};

package/dist/feedback/Spinner/index.d.ts

@@ -1 +1 @@
-export { default } from './Spinner';
+export { default } from './Spinner';

package/dist/feedback/Toast/Toast.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ToastOptions } from 'react-toastify';
-import type { Theme } from './types';
-import 'react-toastify/dist/ReactToastify.css';
-export declare const toast: (text: string, theme?: Theme, options?: ToastOptions) => void;
-declare type Props = {
-    containerId?: string;
-};
-export declare const ToastContainer: ({ containerId }: Props) => React.JSX.Element;
-export {};
+import React from 'react';
+import { ToastOptions } from 'react-toastify';
+import type { Theme } from './types';
+import 'react-toastify/dist/ReactToastify.css';
+export declare const toast: (text: string, theme?: Theme, options?: ToastOptions) => void;
+type Props = {
+    containerId?: string;
+};
+export declare const ToastContainer: ({ containerId }: Props) => React.JSX.Element;
+export {};

package/dist/feedback/Toast/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const TOAST_THEME: {
-    DEFAULT: "default";
-    DANGER: "danger";
-};
-export declare const TOAST_CONTAINER_ID = "sous-chef-toast";
+export declare const TOAST_THEME: {
+    DEFAULT: "default";
+    DANGER: "danger";
+};
+export declare const TOAST_CONTAINER_ID = "sous-chef-toast";

package/dist/feedback/Toast/index.d.ts

@@ -1 +1 @@
-export { ToastContainer, toast } from './Toast';
+export { ToastContainer, toast } from './Toast';

package/dist/feedback/Toast/types.d.ts

@@ -1 +1 @@
-export declare type Theme = 'default' | 'danger';
+export type Theme = 'default' | 'danger';

package/dist/feedback/index.d.ts

@@ -1,8 +1,8 @@
-import Spinner from './Spinner';
-import InlineBanner from './InlineBanner';
-import PersistentBanner from './PersistentBanner';
-import CircularProgress from './CircularProgress';
-import ProgressBar from './ProgressBar';
-import { toast } from './Toast';
-import Skeleton from './Skeleton';
-export { Spinner, InlineBanner, PersistentBanner, CircularProgress, ProgressBar, toast, Skeleton };
+import Spinner from './Spinner';
+import InlineBanner from './InlineBanner';
+import PersistentBanner from './PersistentBanner';
+import CircularProgress from './CircularProgress';
+import ProgressBar from './ProgressBar';
+import { toast } from './Toast';
+import Skeleton from './Skeleton';
+export { Spinner, InlineBanner, PersistentBanner, CircularProgress, ProgressBar, toast, Skeleton };

package/dist/forms/AffixContainer/AffixContainer.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare type Props = {
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    children: React.ReactElement;
-    testId?: string;
-};
-declare const AffixContainer: React.FC<Props>;
-export default AffixContainer;
+import React from 'react';
+type Props = {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    children: React.ReactElement;
+    testId?: string;
+};
+declare const AffixContainer: React.FC<Props>;
+export default AffixContainer;

package/dist/forms/AffixContainer/index.d.ts

@@ -1 +1 @@
-export { default } from './AffixContainer';
+export { default } from './AffixContainer';

package/dist/forms/AsyncSelectField/AsyncSelectField.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import type { Props as SelectProps } from '../SelectField/SelectField';
-import { AsyncSelectOptions } from './types';
-declare type Props<T> = {
-    /** It is a function that takes the input search as parameter and returns a Promise with all the options and if there are more options to load. If it brings all the options on the first load, it won't call the `loadOptions` to perform the search. */
-    loadOptions: (inputValue: string) => Promise<AsyncSelectOptions<T>>;
-    /** It fires `loadOptions` again if this key value changes. Used when it depends on other fields to load its options */
-    key?: string | number;
-} & Omit<SelectProps<T>, 'options'>;
-/**
- * Component to make possible choose from async options. It looks exactly as the [SelectField](./?path=/docs/forms-selectfield--default) but, this one handles asynchronous options.
- * Instead of passing a `options` props, this component requires a `loadOptions` prop.
- * */
-declare const AsyncSelectField: <T extends unknown>({ loadOptions, ...props }: Props<T>) => React.JSX.Element;
-export default AsyncSelectField;
+import React from 'react';
+import type { Props as SelectProps } from '../SelectField/SelectField';
+import { AsyncSelectOptions } from './types';
+type Props<T> = {
+    /** It is a function that takes the input search as parameter and returns a Promise with all the options and if there are more options to load. If it brings all the options on the first load, it won't call the `loadOptions` to perform the search. */
+    loadOptions: (inputValue: string) => Promise<AsyncSelectOptions<T>>;
+    /** It fires `loadOptions` again if this key value changes. Used when it depends on other fields to load its options */
+    key?: string | number;
+} & Omit<SelectProps<T>, 'options'>;
+/**
+ * Component to make possible choose from async options. It looks exactly as the [SelectField](./?path=/docs/forms-selectfield--default) but, this one handles asynchronous options.
+ * Instead of passing a `options` props, this component requires a `loadOptions` prop.
+ * */
+declare const AsyncSelectField: <T extends unknown>({ loadOptions, ...props }: Props<T>) => React.JSX.Element;
+export default AsyncSelectField;