@broxus/react-uikit 0.1.0 → 0.1.1

package/dist/esm/components/Control/Checkbox/types.d.ts

@@ -1,73 +0,0 @@
-import * as React from 'react';
-import type { SizeType } from '../types';
-export declare type CheckboxValueType = string | number | boolean;
-export interface AbstractCheckboxProps<T> {
-    autoFocus?: boolean;
-    block?: boolean;
-    checked?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    direction?: string;
-    id?: string;
-    name?: string;
-    prefixCls?: string;
-    size?: SizeType;
-    skipGroup?: boolean;
-    style?: React.CSSProperties;
-    tabIndex?: number;
-    type?: string;
-    value?: any;
-    onChange?: (event: T) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-}
-export interface CheckboxProps extends AbstractCheckboxProps<CheckboxChangeEvent> {
-    indeterminate?: boolean;
-}
-export interface CheckboxChangeEventTarget extends CheckboxProps {
-    checked: boolean;
-}
-export interface CheckboxChangeEvent {
-    nativeEvent: MouseEvent;
-    target: CheckboxChangeEventTarget;
-    preventDefault(): void;
-    stopPropagation(): void;
-}
-export interface CheckboxGroupConsumerProps {
-    disabled?: boolean;
-    name?: string;
-    value?: any;
-    cancelValue: (value: string) => void;
-    registerValue: (value: string) => void;
-    toggleOption?: (option: CheckboxOptionType) => void;
-}
-export interface AbstractCheckboxGroupProps {
-    block?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    direction?: string;
-    disabled?: boolean;
-    id?: string;
-    name?: string;
-    options?: CheckboxOptionType[] | string[];
-    size?: SizeType;
-    stack?: boolean;
-    style?: React.CSSProperties;
-}
-export interface CheckboxGroupProps extends AbstractCheckboxGroupProps {
-    defaultValue?: CheckboxValueType[];
-    value?: CheckboxValueType[];
-    onChange?: (checkedValue: CheckboxValueType[]) => void;
-}
-export interface CheckboxOptionType {
-    disabled?: boolean;
-    label: React.ReactNode;
-    value: CheckboxValueType;
-    style?: React.CSSProperties;
-    onChange?: (event: CheckboxChangeEvent) => void;
-}

package/dist/esm/components/Control/Checkbox/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/Control/Input/Input.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { InputProps, InputRef } from './types';
-export declare const Input: React.ForwardRefExoticComponent<InputProps<import("..").ValueType> & React.RefAttributes<InputRef>>;

package/dist/esm/components/Control/Input/Input.js

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-import omit from 'rc-util/lib/omit';
-import { Icon } from '../../Icon';
-import { useInput } from './useInput';
-export const Input = React.forwardRef((props, ref) => {
-    const { allowClear, inputRef, prefix, suffix, wrapperClasses, onClear, ...restProps } = useInput({
-        type: 'text',
-        ...props,
-    });
-    React.useImperativeHandle(ref, () => ({
-        blur() {
-            inputRef.current?.blur();
-        },
-        focus() {
-            inputRef.current?.focus();
-        },
-        getInputRef() {
-            return inputRef;
-        },
-    }));
-    const inputProps = omit({
-        ...restProps,
-        className: classNames('uk-input', {
-            'uk-empty': !restProps.value,
-        }),
-    }, ['dir', 'size']);
-    return (React.createElement("label", { className: wrapperClasses, htmlFor: restProps.id },
-        prefix && (React.createElement("span", { key: "prefix", className: "uk-control-prefix" }, prefix)),
-        React.createElement("span", { key: "input", className: "uk-control-input" },
-            React.createElement("input", { ref: inputRef, ...inputProps, type: restProps.type })),
-        (allowClear && restProps.value) && (React.createElement(Icon, { key: "clearfix-icon", icon: "close", className: "uk-control-clearfix", onClick: onClear })),
-        suffix && (React.createElement("span", { key: "suffix", className: "uk-control-suffix" }, suffix))));
-});

package/dist/esm/components/Control/Input/Number/index.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { InputNumberProps, InputRef } from '../types';
-import './index.scss';
-export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps<import("../..").ValueType> & React.RefAttributes<InputRef>>;

package/dist/esm/components/Control/Input/Number/index.js

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import RcInputNumber from 'rc-input-number';
-import omit from 'rc-util/lib/omit';
-import { Icon } from '../../../Icon';
-import { useInput } from '../useInput';
-import './index.scss';
-export const InputNumber = React.forwardRef((props, ref) => {
-    // Hooks
-    const { inputRef, wrapperClasses, ...restProps } = useInput({
-        ...props,
-        type: 'number',
-    });
-    // External component API
-    React.useImperativeHandle(ref, () => ({
-        blur() {
-            inputRef.current?.blur();
-        },
-        focus() {
-            inputRef.current?.focus();
-        },
-        getInputRef() {
-            return inputRef;
-        },
-    }));
-    // Pre-render logic
-    const upIcon = React.useMemo(() => (React.createElement(Icon, { icon: "keyboard_arrow_up", className: "uk-number-handler-up-inner" })), []);
-    const downIcon = React.useMemo(() => (React.createElement(Icon, { icon: "keyboard_arrow_down", className: "uk-number-handler-down-inner" })), []);
-    const inputProps = omit({
-        ...restProps,
-        className: 'uk-number-wrapper',
-    }, ['allowClear', 'prefix', 'size', 'suffix', 'onClear']);
-    // Render
-    return (React.createElement("label", { className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement("div", { className: "uk-control-input" },
-            React.createElement(RcInputNumber, { ...inputProps, downHandler: downIcon, prefixCls: "uk-number", ref: inputRef, upHandler: upIcon }))));
-});
-InputNumber.displayName = 'Input.Number';

package/dist/esm/components/Control/Input/Password/index.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { InputRef, PasswordProps } from '../types';
-import './index.scss';
-export declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<InputRef>>;

package/dist/esm/components/Control/Input/Password/index.js

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import { preventEvent } from '@broxus/js-utils';
-import { Icon } from '../../../Icon';
-import { Input } from '../Input';
-import './index.scss';
-export const Password = React.forwardRef((props, ref) => {
-    const { onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;
-    const inputRef = React.useRef(null);
-    const removePasswordTimeout = React.useRef(null);
-    const [visible, toggleVisible] = React.useState(false);
-    const removePasswordValueAttribute = () => {
-        removePasswordTimeout.current = setTimeout(() => {
-            if (inputRef?.current?.getInputRef()?.current?.getAttribute('type') === 'password'
-                && inputRef?.current?.getInputRef()?.current?.hasAttribute('value')) {
-                inputRef?.current?.getInputRef()?.current?.removeAttribute('value');
-            }
-        });
-    };
-    const onChange = event => {
-        removePasswordValueAttribute();
-        onChangeCallback?.(event);
-    };
-    const onBlur = event => {
-        removePasswordValueAttribute();
-        onBlurCallback?.(event);
-    };
-    const onFocus = event => {
-        removePasswordValueAttribute();
-        restProps.onFocus?.(event);
-    };
-    const onClickIcon = React.useCallback(() => {
-        toggleVisible(!visible);
-        restProps.onVisibilityChange?.(!visible);
-    }, [visible]);
-    React.useImperativeHandle(ref, () => ({
-        blur() {
-            inputRef.current?.blur();
-        },
-        focus() {
-            inputRef.current?.focus();
-        },
-        getInputRef() {
-            return inputRef.current
-                ? inputRef.current.getInputRef()
-                : null;
-        },
-    }));
-    React.useEffect(() => {
-        removePasswordValueAttribute();
-        return () => {
-            if (removePasswordTimeout.current) {
-                clearTimeout(removePasswordTimeout.current);
-            }
-        };
-    }, []);
-    const suffix = React.useMemo(() => (React.createElement(React.Fragment, null,
-        React.createElement(Icon, { key: "toggle_visibility_icon", icon: visible
-                ? (restProps.iconVisibility ?? 'visibility')
-                : (restProps.iconVisibilityOff ?? 'visibility_off'), className: "uk-control-password-icon", onClick: onClickIcon, onMouseDown: preventEvent, onMouseUp: preventEvent }),
-        restProps.suffix)), [restProps.iconVisibility, restProps.iconVisibilityOff, visible]);
-    return (React.createElement(Input, { ...restProps, suffix: suffix, type: visible ? 'text' : 'password', ref: inputRef, onChange: onChange, onBlur: onBlur, onFocus: onFocus }));
-});
-Password.displayName = 'Input.Password';

package/dist/esm/components/Control/Input/index.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { InputNumber } from './Number';
-import { Password } from './Password';
-import type { InputProps, InputRef } from './types';
-export * from './types';
-export * from './useInput';
-export interface CompoundedInput extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> {
-    Number: typeof InputNumber;
-    Password: typeof Password;
-}
-export declare const Input: CompoundedInput;

package/dist/esm/components/Control/Input/index.js

@@ -1,8 +0,0 @@
-import { Input as InternalInput } from './Input';
-import { InputNumber } from './Number';
-import { Password } from './Password';
-export * from './types';
-export * from './useInput';
-export const Input = InternalInput;
-Input.Number = InputNumber;
-Input.Password = Password;

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

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import type { InputNumberProps as RcInputNumberProps } from 'rc-input-number';
-import type { ControlProps, ValueType } from '../types';
-export interface InputFocusOptions extends FocusOptions {
-    cursor?: 'start' | 'end' | 'all';
-}
-export interface InputRef {
-    blur(): void;
-    focus(): void;
-    getInputRef(): React.RefObject<HTMLInputElement> | null;
-}
-export declare type OmittedNativeInput = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'max' | 'min'>;
-export interface InputProps<T extends ValueType = ValueType> extends OmittedNativeInput, ControlProps<T> {
-    useInternalValueState?: boolean;
-    onClear?(event: React.MouseEvent<HTMLElement>): void;
-}
-export interface PasswordProps extends InputProps {
-    iconVisibility?: string;
-    iconVisibilityOff?: string;
-    onVisibilityChange?(visible: boolean): void;
-}
-export interface InputNumberProps<T extends ValueType = ValueType> extends Omit<RcInputNumberProps<T>, 'prefix' | 'size'>, ControlProps<T> {
-    useInternalValueState?: boolean;
-    onClear?(event: React.MouseEvent<HTMLElement>): void;
-}

package/dist/esm/components/Control/Input/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/Control/Input/useInput.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { ValueType } from '../types';
-import type { InputNumberProps, InputProps } from './types';
-interface HookConsumedProps {
-    inputRef: React.RefObject<HTMLInputElement>;
-    wrapperClasses: string;
-}
-declare type Props<T, U extends ValueType = ValueType> = T extends InputNumberProps<U> ? T : T extends InputProps<U> ? T : any;
-export declare function fixControlledValue<T>(value: T): T | string;
-export declare function useInput<T, U extends ValueType = ValueType>({ className, direction, size, state, useInternalValueState, onPressEnter, ...props }: Props<T, U>): T & HookConsumedProps;
-export {};

package/dist/esm/components/Control/Input/useInput.js

@@ -1,88 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-export function fixControlledValue(value) {
-    if (value == null) {
-        return '';
-    }
-    return value;
-}
-export function useInput({ className, direction, size, state, useInternalValueState = true, onPressEnter, ...props }) {
-    // Refs
-    const inputRef = React.useRef(null);
-    // States
-    const [focused, setFocused] = React.useState(false);
-    const [internalValue, setInternalValue] = React.useState(useInternalValueState ? (props.value || props.defaultValue) : undefined);
-    // Methods
-    const onChange = (event) => {
-        if (useInternalValueState) {
-            if (typeof event === 'string' || typeof event === 'number') {
-                setInternalValue(event);
-            }
-            else {
-                setInternalValue(event.target.value);
-            }
-        }
-        props.onChange?.(event);
-    };
-    const onClear = event => {
-        if (inputRef.current) {
-            inputRef.current.value = '';
-        }
-        onChange(event);
-    };
-    const onBlur = event => {
-        setFocused(false);
-        props.onBlur?.(event);
-    };
-    const onFocus = event => {
-        setFocused(true);
-        props.onFocus?.(event);
-    };
-    const onKeyDown = event => {
-        if (onPressEnter && event.keyCode === 13) {
-            onPressEnter(event);
-        }
-        props.onKeyDown?.(event);
-    };
-    // Effects
-    React.useEffect(() => {
-        if (useInternalValueState) {
-            setInternalValue(props.value);
-        }
-    }, [props.value]);
-    // Pre-render logic
-    const inputProps = React.useMemo(() => ({
-        ...props,
-        value: fixControlledValue(internalValue || props.value),
-        // eslint-disable-next-line sort-keys
-        onBlur,
-        onChange,
-        onClear,
-        onFocus,
-        onKeyDown,
-    }), [props, internalValue]);
-    const wrapperClasses = React.useMemo(() => classNames('uk-control', {
-        [`uk-control-${props.type}`]: props.type,
-        [`uk-control-${size}`]: size,
-        [`uk-control-${state}`]: state,
-        'uk-control-rtl': direction === 'rtl',
-        'uk-disabled': props.disabled,
-        'uk-focused': focused,
-        'uk-readonly': props.readOnly,
-    }, className), [
-        className,
-        direction,
-        focused,
-        size,
-        state,
-        props.disabled,
-        props.readOnly,
-        props.type,
-    ]);
-    // Return consumed props
-    return {
-        ...inputProps,
-        inputRef,
-        wrapperClasses,
-    };
-}

package/dist/esm/components/Control/Radio/Context.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { RadioGroupConsumerProps } from './types';
-export declare const Context: React.Context<RadioGroupConsumerProps | null>;
-export declare function useRadioGroup(): RadioGroupConsumerProps | null;

package/dist/esm/components/Control/Radio/Context.js

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export const Context = React.createContext(null);
-export function useRadioGroup() {
-    return React.useContext(Context);
-}

package/dist/esm/components/Control/Radio/Group.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { RadioGroupProps } from './types';
-export declare const Group: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Control/Radio/Group.js

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import { Radio } from './Radio';
-import { Context } from './Context';
-export const Group = React.forwardRef((props, ref) => {
-    const { block, children, className, defaultValue, direction, disabled, id, options, size, stack, style, onMouseEnter, onMouseLeave, ...restProps } = props;
-    const [value, setValue] = useMergedState(defaultValue, {
-        value: restProps.value,
-    });
-    const onRadioChange = (event) => {
-        const lastValue = value;
-        const val = event.target.value;
-        if (!('value' in restProps)) {
-            setValue(val);
-        }
-        if (val !== lastValue) {
-            restProps.onChange?.(event);
-        }
-    };
-    const context = React.useMemo(() => ({
-        disabled,
-        name: restProps.name,
-        value,
-        // eslint-disable-next-line sort-keys
-        onChange: onRadioChange,
-    }), [disabled, value, restProps]);
-    const renderGroup = () => {
-        let childrenToRender = children;
-        if (options && options.length > 0) {
-            childrenToRender = options.map((option) => {
-                if (typeof option === 'string') {
-                    return (React.createElement(Radio, { key: option, block: block, checked: value === option, direction: direction, disabled: disabled, size: size, value: option, className: "uk-radio-group-item" }, option));
-                }
-                return (React.createElement(Radio, { key: `radio-group-value-options-${option.value}`, block: block, checked: value === option.value, direction: direction, disabled: option.disabled || disabled, size: size, value: option.value, style: option.style, className: "uk-radio-group-item" }, option.label));
-            });
-        }
-        return (React.createElement("div", { ref: ref, className: classNames('uk-radio-group', {
-                'uk-radio-group-rtl': direction === 'rtl',
-                'uk-radio-group-stack': stack,
-            }, className), id: id, style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, childrenToRender));
-    };
-    return (React.createElement(Context.Provider, { value: context }, renderGroup()));
-});
-Group.displayName = 'Radio.Group';

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { RadioProps } from './types';
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Control/Radio/Radio.js

@@ -1,56 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-import RcCheckbox from 'rc-checkbox';
-import { composeRef } from 'rc-util/lib/ref';
-import { useRadioGroup } from './Context';
-export const Radio = React.forwardRef((props, ref) => {
-    const { block, size, className, children, direction, skipGroup, style, type = 'radio', onMouseEnter, onMouseLeave, ...restProps } = props;
-    const radioGroup = useRadioGroup();
-    const innerRef = React.useRef();
-    const mergedRef = composeRef(ref, innerRef);
-    const [internalChecked, setInternalChecked] = React.useState(restProps.checked
-        ?? restProps.defaultChecked
-        ?? ('value' in restProps && restProps.value === radioGroup?.value));
-    const onChange = (event) => {
-        setInternalChecked(true);
-        restProps.onChange?.(event);
-        radioGroup?.onChange?.(event);
-    };
-    React.useEffect(() => {
-        setInternalChecked(restProps.checked
-            ?? restProps.defaultChecked
-            ?? ('value' in restProps && restProps.value === radioGroup?.value));
-    }, [restProps.checked, restProps.defaultChecked, radioGroup?.value]);
-    const radioProps = React.useMemo(() => ({
-        ...restProps,
-        checked: internalChecked,
-        type,
-        // eslint-disable-next-line sort-keys
-        onChange,
-    }), [restProps, internalChecked]);
-    if (radioGroup && !skipGroup) {
-        radioProps.checked = restProps.value === radioGroup.value;
-        radioProps.disabled = restProps.disabled || radioGroup.disabled;
-        radioProps.name = radioGroup.name;
-        radioProps.onChange = onChange;
-    }
-    const prefixCls = 'uk-radio';
-    const wrapperClasses = React.useMemo(() => classNames({
-        'uk-control': block,
-        'uk-control-radio': block,
-        [`uk-control-${size}`]: block && size,
-        [`${prefixCls}-wrapper`]: true,
-        [`${prefixCls}-rtl`]: direction === 'rtl',
-        // eslint-disable-next-line sort-keys
-        'uk-checked': internalChecked,
-        'uk-disabled': radioProps.disabled,
-    }, className), [radioProps, block, size, direction]);
-    return (React.createElement("label", { className: wrapperClasses, style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
-        React.createElement(RcCheckbox
-        // @ts-ignore
-        , { 
-            // @ts-ignore
-            ref: mergedRef, ...radioProps, prefixCls: prefixCls }),
-        children !== undefined && (React.createElement("span", { className: `${prefixCls}-label` }, children))));
-});
-Radio.displayName = 'Radio';

package/dist/esm/components/Control/Radio/index.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Group } from './Group';
-import type { RadioProps } from './types';
-import './index.scss';
-export * from './types';
-export interface CompoundedRadio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
-    Group: typeof Group;
-}
-export declare const Radio: CompoundedRadio;

package/dist/esm/components/Control/Radio/index.js

@@ -1,6 +0,0 @@
-import { Group } from './Group';
-import { Radio as InternalRadio } from './Radio';
-import './index.scss';
-export * from './types';
-export const Radio = InternalRadio;
-Radio.Group = Group;

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

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import type { AbstractCheckboxGroupProps, AbstractCheckboxProps } from '../Checkbox';
-export declare type RadioProps = AbstractCheckboxProps<RadioChangeEvent>;
-export interface RadioChangeEventTarget extends RadioProps {
-    checked: boolean;
-}
-export interface RadioChangeEvent {
-    nativeEvent: MouseEvent;
-    target: RadioChangeEventTarget;
-    preventDefault(): void;
-    stopPropagation(): void;
-}
-export interface RadioGroupProps extends AbstractCheckboxGroupProps {
-    defaultValue?: any;
-    value?: any;
-    onChange?: (event: RadioChangeEvent) => void;
-    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-}
-export interface RadioGroupConsumerProps {
-    disabled?: boolean;
-    name?: string;
-    value?: any;
-    onChange: (event: RadioChangeEvent) => void;
-}

package/dist/esm/components/Control/Radio/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/Control/Select/index.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { OptGroup, Option } from 'rc-select';
-import type { BaseSelectRef, SelectProps as RcSelectProps } from 'rc-select';
-import type { OptionProps } from 'rc-select/lib/Option';
-import type { BaseOptionType, DefaultOptionType } from 'rc-select/lib/Select';
-import type { ControlProps, SizeType } from '../types';
-import './index.scss';
-export type { OptionProps };
-export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'mode'> {
-    mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
-    size?: SizeType;
-    suffixIcon?: React.ReactNode;
-}
-export interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<ControlProps<ValueType>, 'value' | 'defaultValue'>, Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'mode' | 'getInputElement' | 'backfill'> {
-    mode?: 'multiple' | 'tags';
-}
-declare const ForwardedSelect: <ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
-    ref?: React.Ref<BaseSelectRef> | undefined;
-}) => React.ReactElement;
-declare type InternalSelectType = typeof ForwardedSelect;
-interface Select extends InternalSelectType {
-    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
-    Option: typeof Option;
-    OptGroup: typeof OptGroup;
-}
-export declare const Select: Select;