@7shifts/sous-chef 3.30.0 → 3.30.1

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

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

package/dist/forms/PhoneField/types.d.ts

@@ -1,7 +1,7 @@
-import { CountryCode } from 'libphonenumber-js';
-export declare type PhoneFieldCountryCode = CountryCode;
-export declare type PhoneFieldValue = {
-    country: PhoneFieldCountryCode;
-    phone: string;
-    internationalPhone: string;
-};
+import { CountryCode } from 'libphonenumber-js';
+export type PhoneFieldCountryCode = CountryCode;
+export type PhoneFieldValue = {
+    country: PhoneFieldCountryCode;
+    phone: string;
+    internationalPhone: string;
+};

package/dist/forms/PhoneField/usePhoneField.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { RefType } from '../../utils/types';
-import type { Props } from './PhoneField';
-declare type UseTextFieldProps = Props & {
-    ref: RefType<HTMLInputElement>;
-};
-export declare const usePhoneField: ({ autoFocus, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, placeholder, value, ref, testId }: UseTextFieldProps) => {
-    inputProps: {
-        'aria-describedby': string;
-        'aria-invalid': boolean;
-        autoFocus: boolean | undefined;
-        className: string;
-        'data-testid': string | undefined;
-        disabled: boolean | undefined;
-        id: string;
-        maxLength: number | undefined;
-        name: string;
-        onBlur: (e: import("./types").PhoneFieldValue) => void;
-        onChange: (e: import("./types").PhoneFieldValue) => void;
-        placeholder: string | undefined;
-        ref: RefType<HTMLInputElement>;
-        size: number;
-        type: string;
-        value: string | undefined;
-    };
-    fieldProps: {
-        caption: import("react").ReactNode;
-        error: import("react").ReactNode;
-        label: import("react").ReactNode;
-        id: string;
-        name: string;
-    };
-    fieldValue: import("./types").PhoneFieldValue | undefined;
-};
-export {};
+/// <reference types="react" />
+import { RefType } from '../../utils/types';
+import type { Props } from './PhoneField';
+type UseTextFieldProps = Props & {
+    ref: RefType<HTMLInputElement>;
+};
+export declare const usePhoneField: ({ autoFocus, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, placeholder, value, ref, testId }: UseTextFieldProps) => {
+    inputProps: {
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+        autoFocus: boolean | undefined;
+        className: string;
+        'data-testid': string | undefined;
+        disabled: boolean | undefined;
+        id: string;
+        maxLength: number | undefined;
+        name: string;
+        onBlur: (e: import("./types").PhoneFieldValue) => void;
+        onChange: (e: import("./types").PhoneFieldValue) => void;
+        placeholder: string | undefined;
+        ref: RefType<HTMLInputElement>;
+        size: number;
+        type: string;
+        value: string | undefined;
+    };
+    fieldProps: {
+        caption: import("react").ReactNode;
+        error: import("react").ReactNode;
+        label: import("react").ReactNode;
+        id: string;
+        name: string;
+    };
+    fieldValue: import("./types").PhoneFieldValue | undefined;
+};
+export {};

package/dist/forms/PillSelectField/PillSelectField.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import type { SelectOption } from '../SelectField/types';
-declare type Props<T> = {
-    name: string;
-    /** If not provided it will generate a random id so the label links properly with the pill select input */
-    id?: string;
-    value?: SelectOption<T>[];
-    options: SelectOption<T>[];
-    onChange?: (e: SelectOption<T>[]) => void;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    error?: React.ReactNode;
-    disabled?: boolean;
-    /** This is used for setting the data-testid */
-    testId?: string;
-};
-/** PillSelectField form element. */
-declare const PillSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, label, caption, error, disabled, testId }: Props<T>) => React.JSX.Element;
-export default PillSelectField;
+import React from 'react';
+import type { SelectOption } from '../SelectField/types';
+type Props<T> = {
+    name: string;
+    /** If not provided it will generate a random id so the label links properly with the pill select input */
+    id?: string;
+    value?: SelectOption<T>[];
+    options: SelectOption<T>[];
+    onChange?: (e: SelectOption<T>[]) => void;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    error?: React.ReactNode;
+    disabled?: boolean;
+    /** This is used for setting the data-testid */
+    testId?: string;
+};
+/** PillSelectField form element. */
+declare const PillSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, label, caption, error, disabled, testId }: Props<T>) => React.JSX.Element;
+export default PillSelectField;

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

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

package/dist/forms/RadioGroupBoxOption/RadioGroupBoxOption.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-declare type Props = {
-    value: string | number;
-    id?: string;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    children?: React.ReactNode;
-    testId?: string;
-    disabled?: boolean;
-};
-declare const RadioGroupBoxOption: ({ value, id: inputId, label, caption, testId, children, disabled }: Props) => React.JSX.Element;
-export default RadioGroupBoxOption;
+import React from 'react';
+type Props = {
+    value: string | number;
+    id?: string;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    children?: React.ReactNode;
+    testId?: string;
+    disabled?: boolean;
+};
+declare const RadioGroupBoxOption: ({ value, id: inputId, label, caption, testId, children, disabled }: Props) => React.JSX.Element;
+export default RadioGroupBoxOption;

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

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

package/dist/forms/RadioGroupField/BoxOptions/BoxOptions.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-    columns?: 2 | 3 | 4;
-    testId?: string;
-};
-declare const BoxOptions: ({ children, columns, testId }: Props) => React.JSX.Element;
-export default BoxOptions;
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    columns?: 2 | 3 | 4;
+    testId?: string;
+};
+declare const BoxOptions: ({ children, columns, testId }: Props) => React.JSX.Element;
+export default BoxOptions;

package/dist/forms/RadioGroupField/BoxOptions/index.d.ts

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

package/dist/forms/RadioGroupField/RadioGroupField.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-import RadioGroupOption from '../RadioGroupOption';
-import RadioGroupBoxOption from '../RadioGroupBoxOption';
-declare type Props = {
-    name: string;
-    value?: string | number;
-    onChange?: (e: string | number) => void;
-    label?: React.ReactNode;
-    error?: React.ReactNode;
-    /**
-     * **DEPRECATED** *Use the `columns` prop instead.*<br/><br/>When true it will place the options on the same line up to 4 options per line. It only applies when using `RadioGroupOption` as children
-     *
-     * @deprecated use the `columns` prop to tell how many inline columns you want. This will signal you want inline radio options
-     */
-    inline?: boolean;
-    disabled?: boolean;
-    children: React.ReactElement<typeof RadioGroupOption> | React.ReactElement<typeof RadioGroupOption>[] | React.ReactElement<typeof RadioGroupBoxOption> | React.ReactElement<typeof RadioGroupBoxOption>[];
-    /** This is used for setting the data-testid */
-    testId?: string;
-    /** It states the radio options will be inline and defines how many columns it will have */
-    columns?: 2 | 3 | 4;
-};
-/** RadioGroupField form element. */
-declare const RadioGroupField: ({ name, value, onChange, label, error, inline, disabled, children, testId, columns }: Props) => React.JSX.Element;
-export default RadioGroupField;
+import React from 'react';
+import RadioGroupOption from '../RadioGroupOption';
+import RadioGroupBoxOption from '../RadioGroupBoxOption';
+type Props = {
+    name: string;
+    value?: string | number;
+    onChange?: (e: string | number) => void;
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    /**
+     * **DEPRECATED** *Use the `columns` prop instead.*<br/><br/>When true it will place the options on the same line up to 4 options per line. It only applies when using `RadioGroupOption` as children
+     *
+     * @deprecated use the `columns` prop to tell how many inline columns you want. This will signal you want inline radio options
+     */
+    inline?: boolean;
+    disabled?: boolean;
+    children: React.ReactElement<typeof RadioGroupOption> | React.ReactElement<typeof RadioGroupOption>[] | React.ReactElement<typeof RadioGroupBoxOption> | React.ReactElement<typeof RadioGroupBoxOption>[];
+    /** This is used for setting the data-testid */
+    testId?: string;
+    /** It states the radio options will be inline and defines how many columns it will have */
+    columns?: 2 | 3 | 4;
+};
+/** RadioGroupField form element. */
+declare const RadioGroupField: ({ name, value, onChange, label, error, inline, disabled, children, testId, columns }: Props) => React.JSX.Element;
+export default RadioGroupField;

package/dist/forms/RadioGroupField/RadioGroupFieldContext.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export declare type RadioGroupFieldContextType = {
-    name: string;
-    value?: string | number;
-    disabled: boolean;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-};
-declare const RadioGroupFieldContext: React.Context<RadioGroupFieldContextType | null>;
-export declare const useRadioGroupFieldContext: () => RadioGroupFieldContextType;
-export default RadioGroupFieldContext;
+import React from 'react';
+export type RadioGroupFieldContextType = {
+    name: string;
+    value?: string | number;
+    disabled: boolean;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare const RadioGroupFieldContext: React.Context<RadioGroupFieldContextType | null>;
+export declare const useRadioGroupFieldContext: () => RadioGroupFieldContextType;
+export default RadioGroupFieldContext;

package/dist/forms/RadioGroupField/RadioOptions/RadioOptions.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-    inline: boolean;
-    columns?: 2 | 3 | 4;
-    testId?: string;
-};
-declare const RadioOptions: ({ children, inline, columns, testId }: Props) => React.JSX.Element;
-export default RadioOptions;
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    inline: boolean;
+    columns?: 2 | 3 | 4;
+    testId?: string;
+};
+declare const RadioOptions: ({ children, inline, columns, testId }: Props) => React.JSX.Element;
+export default RadioOptions;

package/dist/forms/RadioGroupField/RadioOptions/index.d.ts

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

package/dist/forms/RadioGroupField/domain.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare const OPTION_TYPES: {
-    BOX: "BOX";
-    RADIO: "RADIO";
-};
-export declare const getOptionsType: (children: React.ReactNode) => keyof typeof OPTION_TYPES;
+import React from 'react';
+export declare const OPTION_TYPES: {
+    BOX: "BOX";
+    RADIO: "RADIO";
+};
+export declare const getOptionsType: (children: React.ReactNode) => keyof typeof OPTION_TYPES;

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

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

package/dist/forms/RadioGroupOption/RadioGroupOption.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-declare type Props = {
-    value: string | number;
-    id?: string;
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    testId?: string;
-    disabled?: boolean;
-};
-/** RadioGroupField form element. */
-declare const RadioGroupOption: React.FC<Props>;
-export default RadioGroupOption;
+import React from 'react';
+type Props = {
+    value: string | number;
+    id?: string;
+    label?: React.ReactNode;
+    caption?: React.ReactNode;
+    testId?: string;
+    disabled?: boolean;
+};
+/** RadioGroupField form element. */
+declare const RadioGroupOption: React.FC<Props>;
+export default RadioGroupOption;

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

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

package/dist/forms/SelectField/CustomContainer/CustomContainer.d.ts

@@ -1,2 +1,2 @@
-declare const _default: typeof import("react-select/src/components/containers").SelectContainer;
-export default _default;
+declare const _default: typeof import("react-select/src/components/containers").SelectContainer;
+export default _default;

package/dist/forms/SelectField/CustomContainer/index.d.ts

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

package/dist/forms/SelectField/CustomControl/CustomControl.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentProps } from 'react';
-import { components } from 'react-select';
-declare type Props = ComponentProps<typeof components.Control>;
-declare function CustomControl({ children, ...props }: Props): React.JSX.Element;
-export default CustomControl;
+import React, { ComponentProps } from 'react';
+import { components } from 'react-select';
+type Props = ComponentProps<typeof components.Control>;
+declare function CustomControl({ children, ...props }: Props): React.JSX.Element;
+export default CustomControl;

package/dist/forms/SelectField/CustomControl/index.d.ts

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

package/dist/forms/SelectField/CustomMenu/CustomMenu.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentProps } from 'react';
-import { components } from 'react-select';
-declare type Props = ComponentProps<typeof components.Menu>;
-declare function CustomMenu({ children, ...props }: Props): React.JSX.Element;
-export default CustomMenu;
+import React, { ComponentProps } from 'react';
+import { components } from 'react-select';
+type Props = ComponentProps<typeof components.Menu>;
+declare function CustomMenu({ children, ...props }: Props): React.JSX.Element;
+export default CustomMenu;

package/dist/forms/SelectField/CustomMenu/index.d.ts

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

package/dist/forms/SelectField/CustomOption/CustomOption.d.ts

@@ -1,2 +1,2 @@
-declare const _default: typeof import("react-select/src/components/Option").default;
-export default _default;
+declare const _default: typeof import("react-select/src/components/Option").default;
+export default _default;

package/dist/forms/SelectField/CustomOption/index.d.ts

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

package/dist/forms/SelectField/SelectField.d.ts

@@ -1,41 +1,41 @@
-import React from 'react';
-import type { SelectOption, SelectOptions } from './types';
-declare type NoOptionsMessageFunction = (input: {
-    inputValue: string;
-}) => string | null;
-export declare type Props<T> = {
-    /**
-     * @deprecated `asToolbarFilter` prop has been replaced with the `ToolbarSelect` component.
-     */
-    asToolbarFilter?: boolean;
-    caption?: React.ReactNode;
-    disabled?: boolean;
-    error?: React.ReactNode;
-    /** If not provided it will generate a random id so the l¡abel links properly with the text input */
-    id?: string;
-    isClearable?: boolean;
-    label?: React.ReactNode;
-    /** When the user opens the menu, if this prop is `true`, it will scroll the page into to the menu view (if its content falls under a scroll). It is recommended to disable this behaviour when using the `SelectField` inside a modal. */
-    menuShouldScrollIntoView?: boolean;
-    name: string;
-    noOptionsMessage?: string | NoOptionsMessageFunction;
-    onChange?: (e: SelectOption<T>) => void;
-    onBlur?: (e: SelectOption<T>) => void;
-    options: SelectOptions<T>;
-    placeholder?: string;
-    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
-    prefix?: React.ReactNode;
-    value?: SelectOption<T>;
-    defaultValue?: SelectOption<T>;
-    CustomOption?: React.ElementType;
-    SelectedOptionPrefix?: React.ElementType;
-    /** This is used for setting the data-testid */
-    testId?: string;
-    creatableButton?: React.ReactNode;
-    onCreate?: (option: string) => void;
-    /** This is to allow disable the seach functionality. Use it just in some edge-cases, for example in touch devices when the user clicks on the field it opens a virtual keyboard to search, sometimes that virtual keyboard taks much space then passing `isSearchable={false}` prevents opening it. */
-    isSearchable?: boolean;
-};
-/** Component to make possible choose from a predefined options. */
-declare const SelectField: <T extends unknown>(props: Props<T>) => React.JSX.Element;
-export default SelectField;
+import React from 'react';
+import type { SelectOption, SelectOptions } from './types';
+type NoOptionsMessageFunction = (input: {
+    inputValue: string;
+}) => string | null;
+export type Props<T> = {
+    /**
+     * @deprecated `asToolbarFilter` prop has been replaced with the `ToolbarSelect` component.
+     */
+    asToolbarFilter?: boolean;
+    caption?: React.ReactNode;
+    disabled?: boolean;
+    error?: React.ReactNode;
+    /** If not provided it will generate a random id so the l¡abel links properly with the text input */
+    id?: string;
+    isClearable?: boolean;
+    label?: React.ReactNode;
+    /** When the user opens the menu, if this prop is `true`, it will scroll the page into to the menu view (if its content falls under a scroll). It is recommended to disable this behaviour when using the `SelectField` inside a modal. */
+    menuShouldScrollIntoView?: boolean;
+    name: string;
+    noOptionsMessage?: string | NoOptionsMessageFunction;
+    onChange?: (e: SelectOption<T>) => void;
+    onBlur?: (e: SelectOption<T>) => void;
+    options: SelectOptions<T>;
+    placeholder?: string;
+    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
+    prefix?: React.ReactNode;
+    value?: SelectOption<T>;
+    defaultValue?: SelectOption<T>;
+    CustomOption?: React.ElementType;
+    SelectedOptionPrefix?: React.ElementType;
+    /** This is used for setting the data-testid */
+    testId?: string;
+    creatableButton?: React.ReactNode;
+    onCreate?: (option: string) => void;
+    /** This is to allow disable the seach functionality. Use it just in some edge-cases, for example in touch devices when the user clicks on the field it opens a virtual keyboard to search, sometimes that virtual keyboard taks much space then passing `isSearchable={false}` prevents opening it. */
+    isSearchable?: boolean;
+};
+/** Component to make possible choose from a predefined options. */
+declare const SelectField: <T extends unknown>(props: Props<T>) => React.JSX.Element;
+export default SelectField;

package/dist/forms/SelectField/SelectField.styles.d.ts

@@ -1,7 +1,7 @@
-declare type GetSelectStylesControls = {
-    isInvalid: boolean;
-    asToolbarFilter?: boolean;
-    wrapToNextLine?: boolean;
-};
-export declare const getSelectStyles: ({ isInvalid, asToolbarFilter, wrapToNextLine }: GetSelectStylesControls) => Object;
-export {};
+type GetSelectStylesControls = {
+    isInvalid: boolean;
+    asToolbarFilter?: boolean;
+    wrapToNextLine?: boolean;
+};
+export declare const getSelectStyles: ({ isInvalid, asToolbarFilter, wrapToNextLine }: GetSelectStylesControls) => Object;
+export {};

package/dist/forms/SelectField/domain.d.ts

@@ -1,5 +1,5 @@
-/**
- * This helper method helps to check if the user is scrolling inside the select options so,
- * it does not close the menu when using the prop menuShouldScrollIntoView
- **/
-export declare const isScrollingTheSelectMenu: (element: HTMLElement) => boolean;
+/**
+ * This helper method helps to check if the user is scrolling inside the select options so,
+ * it does not close the menu when using the prop menuShouldScrollIntoView
+ **/
+export declare const isScrollingTheSelectMenu: (element: HTMLElement) => boolean;

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

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

package/dist/forms/SelectField/types.d.ts

@@ -1,21 +1,21 @@
-import { ControlProps } from 'react-select';
-export declare type GroupOption<T> = {
-    label: string;
-    options: SelectOption<T>[];
-};
-export declare type SelectOption<T> = {
-    isDisabled?: boolean;
-    value: T;
-    label: string;
-};
-export declare type SelectOptions<T> = Array<SelectOption<T> | GroupOption<T>>;
-export declare type CustomOptionProps<T> = {
-    value: T;
-    label: string;
-    isSelected: boolean;
-    isDisabled: boolean;
-    isFocused: boolean;
-};
-export interface SelectedOptionPrefixProps<T> extends ControlProps<T, false> {
-    selectedOption: SelectOption<T>;
-}
+import { ControlProps } from 'react-select';
+export type GroupOption<T> = {
+    label: string;
+    options: SelectOption<T>[];
+};
+export type SelectOption<T> = {
+    isDisabled?: boolean;
+    value: T;
+    label: string;
+};
+export type SelectOptions<T> = Array<SelectOption<T> | GroupOption<T>>;
+export type CustomOptionProps<T> = {
+    value: T;
+    label: string;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isFocused: boolean;
+};
+export interface SelectedOptionPrefixProps<T> extends ControlProps<T, false> {
+    selectedOption: SelectOption<T>;
+}

package/dist/forms/SelectField/useSelectField.d.ts

@@ -1,12 +1,15 @@
-/// <reference types="react" />
-import type { Props } from './SelectField';
-export declare const useSelectField: <T extends unknown>({ asToolbarFilter, caption, disabled, error, id, isClearable, label, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, name, noOptionsMessage, options, onBlur, onChange, placeholder, value, defaultValue, CustomOption: UserCustomOption, SelectedOptionPrefix, testId, creatableButton, onCreate, isSearchable }: Props<T>) => {
-    selectProps: Pick<import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>, string | number> & import("react-select/src/stateManager").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>> & import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>;
-    fieldProps: {
-        caption: import("react").ReactNode;
-        error: import("react").ReactNode;
-        id: string;
-        label: import("react").ReactNode;
-        name: string;
-    };
-};
+/// <reference types="react" />
+import type { Props } from './SelectField';
+export declare const useSelectField: <T extends unknown>({ asToolbarFilter, caption, disabled, error, id, isClearable, label, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, name, noOptionsMessage, options, onBlur, onChange, placeholder, value, defaultValue, CustomOption: UserCustomOption, SelectedOptionPrefix, testId, creatableButton, onCreate, isSearchable }: Props<T>) => {
+    selectProps: {
+        [x: string]: any;
+        [x: number]: any;
+    } & import("react-select/src/stateManager").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<import("react-select").OptionTypeBase>> & import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<import("react-select").OptionTypeBase>>;
+    fieldProps: {
+        caption: import("react").ReactNode;
+        error: import("react").ReactNode;
+        id: string;
+        label: import("react").ReactNode;
+        name: string;
+    };
+};