x-ui-design 0.2.67 → 0.2.69

package/dist/esm/types/components/Input/Textarea/Textarea.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './style.css';
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & import("../../../types").DefaultProps & {
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & import("../../..").DefaultProps & {
     value?: string;
     className?: string;
     style?: React.CSSProperties;

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import './style.css';
-declare const Radio: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
+declare const Radio: React.ForwardRefExoticComponent<import("../..").DefaultProps & {
     defaultChecked?: boolean;
     checked?: boolean;
     disabled?: boolean;
     title?: string;
-    onChange?: (e: import("../../types").SyntheticBaseEvent) => void;
+    onChange?: (e: import("../..").SyntheticBaseEvent) => void;
     onClick?: React.MouseEventHandler<HTMLElement>;
     onMouseEnter?: React.MouseEventHandler<HTMLElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLElement>;
@@ -13,7 +13,7 @@ declare const Radio: React.ForwardRefExoticComponent<import("../../types").Defau
     onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    value?: import("../../types").RuleType;
+    value?: import("../..").RuleType;
     tabIndex?: number;
     name?: string;
     children?: React.ReactNode;

package/dist/esm/types/index.d.ts

@@ -21,10 +21,10 @@ declare const Checkbox: import("react").ComponentType<import("@/types").DefaultP
     checked?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>;
 declare const Empty: import("react").ComponentType<import("./types/empty").EmptyContentProps>;
-declare const Upload: import("react").ComponentType<import("./types/upload").UploadProps>;
-declare const DatePicker: import("react").ComponentType<import("./types/datepicker").TDatePickerProps>;
-declare const RangePicker: import("react").ComponentType<import("./types/datepicker").TRangePickerProps>;
-declare const TimePicker: import("react").ComponentType<import("./types/datepicker").TimePickerProps>;
+declare const Upload: import("react").ComponentType<import("@/types/upload").UploadProps>;
+declare const DatePicker: import("react").ComponentType<import("@/types/datepicker").TDatePickerProps>;
+declare const RangePicker: import("react").ComponentType<import("@/types/datepicker").TRangePickerProps>;
+declare const TimePicker: import("react").ComponentType<import("@/types/datepicker").TimePickerProps>;
 declare const Form: import("react").ComponentType<import("@/types/form").FormProps>;
 declare const FormItem: import("react").ComponentType<import("@/types/form").FormItemProps>;
 declare const Input: import("react").ComponentType<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("@/types").DefaultProps & {
@@ -97,18 +97,18 @@ declare const Radio: import("react").ComponentType<import("@/types").DefaultProp
     button?: boolean;
     error?: boolean;
 } & import("react").RefAttributes<HTMLLabelElement>>;
-declare const RadioButton: import("react").ComponentType<import("./types/radio").RadioButtonProps>;
-declare const RadioGroup: import("react").ComponentType<import("./types/radio").RadioGroupProps>;
+declare const RadioButton: import("react").ComponentType<import("@/types/radio").RadioButtonProps>;
+declare const RadioGroup: import("react").ComponentType<import("@/types/radio").RadioGroupProps>;
 declare const Select: import("react").ComponentType<import("@/types").DefaultProps & {
     id?: string;
     searchValue?: string;
     onSearch?: (value: string) => void;
     autoClearSearchValue?: boolean;
-    onSelect?: (value: import("@/types").RuleTypes, option?: import("./types/select").OptionType) => void;
-    onDeselect?: (value: string, option?: import("./types/select").OptionType) => void;
-    filterOption?: boolean | ((input: string, option: import("./types/select").OptionType) => boolean);
+    onSelect?: (value: import("@/types").RuleTypes, option?: import("@/types/select").OptionType) => void;
+    onDeselect?: (value: string, option?: import("@/types/select").OptionType) => void;
+    filterOption?: boolean | ((input: string, option: import("@/types/select").OptionType) => boolean);
     optionFilterProp?: string;
-    options?: import("./types/select").OptionType[];
+    options?: import("@/types/select").OptionType[];
     children?: import("react").ReactNode;
     defaultActiveFirstOption?: boolean;
     listHeight?: number;
@@ -117,7 +117,7 @@ declare const Select: import("react").ComponentType<import("@/types").DefaultPro
     value?: import("@/types").RuleTypes;
     defaultValue?: import("@/types").RuleTypes;
     maxCount?: number;
-    onChange?: (e: import("@/types").RuleTypes, option?: import("./types/select").OptionType) => void;
+    onChange?: (e: import("@/types").RuleTypes, option?: import("@/types/select").OptionType) => void;
     disabled?: boolean;
     loading?: boolean;
     placeholder?: string;
@@ -128,8 +128,8 @@ declare const Select: import("react").ComponentType<import("@/types").DefaultPro
     onClear?: () => void;
     error?: boolean;
     showSearch?: boolean;
-    tagRender?: ((props: import("./types/select").CustomTagProps) => import("react").ReactElement) | undefined;
-    maxTagPlaceholder?: import("react").ReactNode | ((omittedValues: import("./types/select").DisplayValueType[]) => import("react").ReactNode);
+    tagRender?: ((props: import("@/types/select").CustomTagProps) => import("react").ReactElement) | undefined;
+    maxTagPlaceholder?: import("react").ReactNode | ((omittedValues: import("@/types/select").DisplayValueType[]) => import("react").ReactNode);
     dropdownClassName?: string;
     showArrow?: boolean;
     onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
@@ -144,8 +144,8 @@ declare const Select: import("react").ComponentType<import("@/types").DefaultPro
     placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
     removeIcon?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
-declare const Option: import("react").ComponentType<import("./types/select").OptionProps>;
-declare const Tag: import("react").ComponentType<import("./types/select").CustomTagProps>;
+declare const Option: import("react").ComponentType<import("@/types/select").OptionProps>;
+declare const Tag: import("react").ComponentType<import("@/types/select").CustomTagProps>;
 declare const Skeleton: import("react").ComponentType<import("./types/skeleton").SkeletonProps>;
 declare const SkeletonAvatar: import("react").ComponentType<import("./types/skeleton").SkeletonAvatarProps>;
 declare const SkeletonButton: import("react").ComponentType<import("./types/skeleton").SkeletonButtonProps>;
@@ -155,7 +155,13 @@ export { Button, Checkbox, Empty, DatePicker, RangePicker, TimePicker, Form, For
 export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon, } from '@/components/Icons';
 export { useForm } from '@/hooks/useForm';
 export { useWatch } from '@/hooks/useWatch';
-export type { RuleTypes } from '@/types';
-export type { FormInstance } from '@/types/form';
-export type { ButtonProps } from '@/types/button';
+export type { FormInstance, RuleObject, RuleRender, FieldData, FieldInstancesInputRef, FieldError, FormProps, FormItemChildComponentProps } from '@/types/form';
+export type { DefaultProps, TargetProps, RuleTypes, RuleType, MouseEventHandlerSelect, SyntheticBaseEvent } from '@/types';
+export type { CheckboxProps } from '@/types/checkbox';
+export type { InputProps, TextareaProps } from '@/types/input';
+export type { ButtonProps, BaseButtonProps } from '@/types/button';
+export type { RadioProps, RadioGroupProps, RadioButtonProps } from '@/types/radio';
+export type { TDatePickerProps, TRangePickerProps, TimePickerProps } from '@/types/datepicker';
+export type { SelectProps, OptionType, OptionProps, CustomTagProps, TagProps, DisplayValueType } from '@/types/select';
+export type { RcFile, UploadFile, UploadProps, UploadChangeParam } from '@/types/upload';
 export { clsx, createArray, parseValue } from '@/helpers';

package/dist/index.d.ts

@@ -1,38 +1,32 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode, MouseEventHandler, MouseEvent, ReactEventHandler, Key, FocusEventHandler, KeyboardEventHandler, FocusEvent } from 'react';
+import { CSSProperties, ReactNode } from 'react';
+import * as __types_select from '@/types/select';
+export { CustomTagProps, DisplayValueType, OptionProps, OptionType, SelectProps, TagProps } from '@/types/select';
+import * as __types_radio from '@/types/radio';
+export { RadioButtonProps, RadioGroupProps, RadioProps } from '@/types/radio';
 import * as __types_form from '@/types/form';
-export { FormInstance } from '@/types/form';
+export { FieldData, FieldError, FieldInstancesInputRef, FormInstance, FormItemChildComponentProps, FormProps, RuleObject, RuleRender } from '@/types/form';
+import * as __types_datepicker from '@/types/datepicker';
+export { TDatePickerProps, TRangePickerProps, TimePickerProps } from '@/types/datepicker';
+import * as __types_upload from '@/types/upload';
+export { RcFile, UploadChangeParam, UploadFile, UploadProps } from '@/types/upload';
 import * as __types from '@/types';
-export { RuleTypes } from '@/types';
+export { DefaultProps, MouseEventHandlerSelect, RuleType, RuleTypes, SyntheticBaseEvent, TargetProps } from '@/types';
 import * as __types_button from '@/types/button';
-export { ButtonProps } from '@/types/button';
+export { BaseButtonProps, ButtonProps } from '@/types/button';
 export { ArrowIcon, CalendarIcon, CheckIcon, ClearIcon, DateDistanceIcon, ErrorIcon, LoadingIcon, SearchIcon, SpinerIcon, StampleIcon, SuccessIcon, TimeIcon, TrashIcon } from '@/components/Icons';
 export { useForm } from '@/hooks/useForm';
 export { useWatch } from '@/hooks/useWatch';
+export { CheckboxProps } from '@/types/checkbox';
+export { InputProps, TextareaProps } from '@/types/input';
 export { clsx, createArray, parseValue } from '@/helpers';
 
-type RuleType = any;
-type SizeType = 'small' | 'middle' | 'large';
 interface DefaultProps {
     prefixCls?: string;
     className?: string;
     style?: CSSProperties;
     noStyle?: boolean;
 }
-type TargetProps = {
-    target: {
-        value: RuleType;
-    };
-};
-type SyntheticBaseEvent = {
-    target: EventTarget & {
-        value: RuleType;
-    };
-    nativeEvent?: Event & {
-        data?: string | null;
-    };
-    currentTarget: EventTarget;
-};
 
 declare type widthUnit = number | string;
 interface SkeletonElementProps {
@@ -82,272 +76,6 @@ type SkeletonButtonProps = Omit<SkeletonElementProps, 'size'> & DefaultProps & {
     applyElementStyle?: boolean;
 };
 
-interface OptionType {
-    value: RuleType;
-    disabled?: boolean;
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    render?: (label: string) => ReactNode;
-    prefixCls?: string;
-    label?: RuleType;
-}
-type CustomTagProps = DefaultProps & {
-    label?: ReactNode;
-    value: string;
-    onClose: (e: MouseEvent<HTMLSpanElement> & TargetProps) => void;
-    onMouseDown?: MouseEventHandler | undefined;
-    onLoadCapture?: ReactEventHandler | undefined;
-    closable?: boolean;
-    isMaxTag?: boolean;
-    color?: string;
-    icon?: ReactNode;
-};
-interface DisplayValueType {
-    key?: Key;
-    value?: RuleType;
-    label?: ReactNode;
-    title?: string | number;
-    disabled?: boolean;
-}
-interface OptionProps {
-    value: RuleType;
-    disabled?: boolean;
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    render?: (label: string) => ReactNode;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    prefixCls?: string;
-    selected?: boolean;
-    title?: string;
-}
-
-interface RadioGroupProps {
-    defaultValue?: RuleType;
-    value?: RuleType;
-    onChange?: (e: SyntheticBaseEvent) => void;
-    size?: SizeType;
-    disabled?: boolean;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-    name?: string;
-    children?: ReactNode;
-    id?: string;
-    optionType?: 'default' | 'button';
-    buttonStyle?: 'outline' | 'solid';
-    onFocus?: FocusEventHandler<HTMLDivElement>;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    block?: boolean;
-    prefixCls?: string;
-    className?: string;
-    options?: Array<{
-        label: ReactNode;
-        value: RuleType;
-        disabled?: boolean;
-    }> | string[] | number[];
-    style?: CSSProperties;
-}
-type RadioProps = DefaultProps & {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    title?: string;
-    onChange?: (e: SyntheticBaseEvent) => void;
-    onClick?: MouseEventHandler<HTMLElement>;
-    onMouseEnter?: MouseEventHandler<HTMLElement>;
-    onMouseLeave?: MouseEventHandler<HTMLElement>;
-    onKeyPress?: KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    value?: RuleType;
-    tabIndex?: number;
-    name?: string;
-    children?: ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    button?: boolean;
-    error?: boolean;
-};
-type RadioButtonProps = RadioProps & {
-    children?: ReactNode;
-    size?: SizeType;
-};
-
-interface BaseInfo {
-    range?: 'start' | 'end';
-    source?: string;
-}
-type CustomFormat<RuleType> = (value: RuleType) => string;
-type FormatType<DateType = RuleType> = string | CustomFormat<DateType>;
-type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
-type TDatePickerProps = DefaultProps & {
-    value?: Date;
-    disabled?: boolean;
-    placeholder?: string;
-    error?: boolean;
-    feedbackIcons?: boolean;
-    locale?: Locale;
-    placement?: string;
-    defaultOpen?: boolean;
-    allowClear?: boolean | {
-        clearIcon?: ReactNode;
-    };
-    defaultValue?: Date;
-    disabledDate?: (date: RuleType, info: {
-        to: RuleType;
-        from?: RuleType;
-    }) => boolean;
-    suffixIcon?: ReactNode;
-    prefix?: ReactNode;
-    size?: SizeType;
-    format?: FormatType<RuleType> | FormatType<RuleType>[] | {
-        format: string;
-        type?: 'mask';
-    };
-    onChange?: (date: RuleType | RuleType[], dateString: string | string[]) => void;
-    onCalendarChange?: (date: RuleType | RuleType[], dateString: string | string[], info: BaseInfo) => void;
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
-    showToday?: boolean;
-    inputReadOnly?: boolean;
-    picker?: PanelMode;
-    bordered?: boolean;
-};
-type TRangePickerProps = Omit<TDatePickerProps, 'placeholder' | 'value' | 'defaultValue'> & {
-    placeholder?: string[];
-    value?: Date[];
-    defaultValue?: Date[];
-    separator?: ReactNode;
-};
-type Locale = {
-    locale: string;
-    dateFormat?: string;
-    dateTimeFormat?: string;
-    fieldDateTimeFormat?: string;
-    fieldDateFormat?: string;
-    fieldTimeFormat?: string;
-    fieldMonthFormat?: string;
-    fieldYearFormat?: string;
-    fieldWeekFormat?: string;
-    fieldQuarterFormat?: string;
-    monthBeforeYear?: boolean;
-    yearFormat?: string;
-    monthFormat?: string;
-    cellYearFormat?: string;
-    cellQuarterFormat?: string;
-    dayFormat?: string;
-    cellDateFormat?: string;
-    cellMeridiemFormat?: string;
-    today: string;
-    now: string;
-    backToToday: string;
-    ok: string;
-    timeSelect: string;
-    dateSelect: string;
-    weekSelect?: string;
-    clear: string;
-    week: string;
-    month: string;
-    year: string;
-    previousMonth: string;
-    nextMonth: string;
-    monthSelect: string;
-    yearSelect: string;
-    decadeSelect: string;
-    previousYear: string;
-    nextYear: string;
-    previousDecade: string;
-    nextDecade: string;
-    previousCentury: string;
-    nextCentury: string;
-    shortWeekDays?: string[];
-    shortMonths?: string[];
-};
-interface DisabledTimes {
-    disabledHours?: () => number[];
-    disabledMinutes?: (hour: number) => number[];
-    disabledSeconds?: (hour: number, minute: number) => number[];
-}
-type PickerFocusEventHandler = (e: FocusEvent<HTMLElement>, info: BaseInfo) => void;
-type TimePickerProps = DefaultProps & {
-    disabledTime?: (date: RuleType) => DisabledTimes;
-    inputReadOnly?: boolean;
-    format?: FormatType<RuleType> | FormatType<RuleType>[] | {
-        format: string;
-        type?: 'mask';
-    };
-    defaultValue?: RuleType | null;
-    value?: RuleType | null;
-    onChange?: (date: RuleType, dateString: string | string[]) => void;
-    onBlur?: PickerFocusEventHandler;
-    onSelect?: ((value: Date | null) => void) | undefined;
-    showNow?: boolean;
-    clearIcon?: ReactNode;
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
-    suffixIcon?: ReactNode;
-    placeholder?: string;
-};
-
-interface RcFile extends File {
-    uid: string;
-    lastModifiedDate: Date;
-    webkitRelativePath: string;
-}
-type UploadFile<RcFile> = {
-    originFileObj: RcFile;
-    uid: string;
-    name: string;
-    status?: 'uploading' | 'done' | 'error' | 'removed';
-    percent?: number;
-    url?: string;
-    file?: RcFile;
-};
-type UploadChangeParam = {
-    file: UploadFile<RuleType>;
-    fileList: UploadFile<RuleType>[];
-};
-type UploadProps = DefaultProps & {
-    type?: string;
-    name?: string;
-    defaultFileList?: UploadFile<RuleType>[];
-    fileList?: UploadFile<RuleType>[];
-    action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
-    directory?: boolean;
-    data?: Record<string, unknown> | ((file: UploadFile<RuleType>) => Record<string, unknown> | Promise<Record<string, unknown>>);
-    method?: 'POST' | 'PUT' | 'PATCH';
-    headers?: Record<string, string>;
-    showUploadList?: boolean;
-    multiple?: boolean;
-    accept?: string;
-    beforeUpload?: (file: RcFile, fileList: File[]) => boolean | Promise<boolean>;
-    onChange?: (info: UploadChangeParam) => void;
-    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
-    listType?: string;
-    className?: string;
-    rootClassName?: string;
-    onPreview?: (file: UploadFile<RuleType>) => void;
-    onDownload?: (file: UploadFile<RuleType>) => void;
-    onRemove?: (file: UploadFile<RuleType>) => void | boolean | Promise<void | boolean>;
-    disabled?: boolean;
-    style?: React.CSSProperties;
-    customRequest?: (options: {
-        file: RcFile;
-        onSuccess: (response: RuleType) => void;
-        onError: (error: RuleType) => void;
-        onProgress: (event: ProgressEvent) => void;
-    }) => void;
-    withCredentials?: boolean;
-    openFileDialogOnClick?: boolean;
-    maxCount?: number;
-    children?: React.ReactNode;
-};
-
 type EmptyContentProps = DefaultProps & {
     title?: string;
     description?: string;
@@ -376,10 +104,10 @@ declare const Checkbox: react.ComponentType<__types.DefaultProps & {
     checked?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 declare const Empty: react.ComponentType<EmptyContentProps>;
-declare const Upload: react.ComponentType<UploadProps>;
-declare const DatePicker: react.ComponentType<TDatePickerProps>;
-declare const RangePicker: react.ComponentType<TRangePickerProps>;
-declare const TimePicker: react.ComponentType<TimePickerProps>;
+declare const Upload: react.ComponentType<__types_upload.UploadProps>;
+declare const DatePicker: react.ComponentType<__types_datepicker.TDatePickerProps>;
+declare const RangePicker: react.ComponentType<__types_datepicker.TRangePickerProps>;
+declare const TimePicker: react.ComponentType<__types_datepicker.TimePickerProps>;
 declare const Form: react.ComponentType<__types_form.FormProps>;
 declare const FormItem: react.ComponentType<__types_form.FormItemProps>;
 declare const Input: react.ComponentType<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & __types.DefaultProps & {
@@ -452,18 +180,18 @@ declare const Radio: react.ComponentType<__types.DefaultProps & {
     button?: boolean;
     error?: boolean;
 } & react.RefAttributes<HTMLLabelElement>>;
-declare const RadioButton: react.ComponentType<RadioButtonProps>;
-declare const RadioGroup: react.ComponentType<RadioGroupProps>;
+declare const RadioButton: react.ComponentType<__types_radio.RadioButtonProps>;
+declare const RadioGroup: react.ComponentType<__types_radio.RadioGroupProps>;
 declare const Select: react.ComponentType<__types.DefaultProps & {
     id?: string;
     searchValue?: string;
     onSearch?: (value: string) => void;
     autoClearSearchValue?: boolean;
-    onSelect?: (value: __types.RuleTypes, option?: OptionType) => void;
-    onDeselect?: (value: string, option?: OptionType) => void;
-    filterOption?: boolean | ((input: string, option: OptionType) => boolean);
+    onSelect?: (value: __types.RuleTypes, option?: __types_select.OptionType) => void;
+    onDeselect?: (value: string, option?: __types_select.OptionType) => void;
+    filterOption?: boolean | ((input: string, option: __types_select.OptionType) => boolean);
     optionFilterProp?: string;
-    options?: OptionType[];
+    options?: __types_select.OptionType[];
     children?: react.ReactNode;
     defaultActiveFirstOption?: boolean;
     listHeight?: number;
@@ -472,7 +200,7 @@ declare const Select: react.ComponentType<__types.DefaultProps & {
     value?: __types.RuleTypes;
     defaultValue?: __types.RuleTypes;
     maxCount?: number;
-    onChange?: (e: __types.RuleTypes, option?: OptionType) => void;
+    onChange?: (e: __types.RuleTypes, option?: __types_select.OptionType) => void;
     disabled?: boolean;
     loading?: boolean;
     placeholder?: string;
@@ -483,8 +211,8 @@ declare const Select: react.ComponentType<__types.DefaultProps & {
     onClear?: () => void;
     error?: boolean;
     showSearch?: boolean;
-    tagRender?: ((props: CustomTagProps) => react.ReactElement) | undefined;
-    maxTagPlaceholder?: react.ReactNode | ((omittedValues: DisplayValueType[]) => react.ReactNode);
+    tagRender?: ((props: __types_select.CustomTagProps) => react.ReactElement) | undefined;
+    maxTagPlaceholder?: react.ReactNode | ((omittedValues: __types_select.DisplayValueType[]) => react.ReactNode);
     dropdownClassName?: string;
     showArrow?: boolean;
     onBlur?: react.FocusEventHandler<HTMLElement> | undefined;
@@ -499,8 +227,8 @@ declare const Select: react.ComponentType<__types.DefaultProps & {
     placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
     removeIcon?: react.ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
-declare const Option: react.ComponentType<OptionProps>;
-declare const Tag: react.ComponentType<CustomTagProps>;
+declare const Option: react.ComponentType<__types_select.OptionProps>;
+declare const Tag: react.ComponentType<__types_select.CustomTagProps>;
 declare const Skeleton: react.ComponentType<SkeletonProps>;
 declare const SkeletonAvatar: react.ComponentType<SkeletonAvatarProps>;
 declare const SkeletonButton: react.ComponentType<SkeletonButtonProps>;