@broxus/react-uikit 0.2.2 → 0.3.1

package/dist/esm/components/Container/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 const defaultElement = 'div';
 export const Container = React.memo((props) => {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type AbstractCheckboxProps } from '../../Control/Checkbox/types';
+import { type AbstractCheckboxProps } from '../../../components/Control/Checkbox/types';
 export interface CheckboxProps extends AbstractCheckboxProps {
     indeterminate?: boolean;
     onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { retrieveGlobalAttributes } from '@broxus/js-utils';
 import classNames from 'classnames';
-import { useConfig } from '../../ConfrigProvider';
-import { useCheckboxGroup } from '../../Control/Checkbox/CheckboxGroupContext';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { useCheckboxGroup } from '../../../components/Control/Checkbox/CheckboxGroupContext';
 const ForwardedCheckbox = React.forwardRef((props, ref) => {
     const config = useConfig();
     const checkboxGroup = useCheckboxGroup();

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SizeType } from '../../Control/types';
+import { type SizeType } from '../../../components/Control/types';
 export interface AbstractCheckboxGroupProps<T = any> {
     block?: boolean;
     children?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type AbstractCheckboxGroupProps } from '../../Control/Checkbox/CheckboxGroupContext';
+import { type AbstractCheckboxGroupProps } from '../../../components/Control/Checkbox/CheckboxGroupContext';
 export interface CheckboxGroupProps<T = any> extends AbstractCheckboxGroupProps<T> {
     defaultValue?: T[];
     value?: T[];

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../../ConfrigProvider';
-import { Checkbox } from '../../Control/Checkbox/Checkbox';
-import { CheckboxGroupContext, } from '../../Control/Checkbox/CheckboxGroupContext';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { Checkbox } from '../../../components/Control/Checkbox/Checkbox';
+import { CheckboxGroupContext, } from '../../../components/Control/Checkbox/CheckboxGroupContext';
 const ForwardedGroup = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { block, children, className, defaultValue, direction = config.direction, options = [], prefixCls = config.prefixCls, size, stack, style, onChange, ...restProps } = props;

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

@@ -1,10 +1,10 @@
 import type * as React from 'react';
-import { type CheckboxProps } from '../../Control/Checkbox/Checkbox';
-import { type AbstractCheckboxGroupProps, type CheckboxGroupConsumerProps } from '../../Control/Checkbox/CheckboxGroupContext';
-import { type CheckboxGroupProps, type CheckboxOptionType, Group } from '../../Control/Checkbox/Group';
+import { type CheckboxProps } from '../../../components/Control/Checkbox/Checkbox';
+import { type AbstractCheckboxGroupProps, type CheckboxGroupConsumerProps } from '../../../components/Control/Checkbox/CheckboxGroupContext';
+import { type CheckboxGroupProps, type CheckboxOptionType, Group } from '../../../components/Control/Checkbox/Group';
 import './index.scss';
 export type { AbstractCheckboxGroupProps, CheckboxGroupConsumerProps, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
-export * from '../../Control/Checkbox/types';
+export * from '../../../components/Control/Checkbox/types';
 export interface Checkbox extends React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>> {
     Group: typeof Group;
 }

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

@@ -1,6 +1,6 @@
-import { Checkbox as InternalCheckbox } from '../../Control/Checkbox/Checkbox';
-import { Group } from '../../Control/Checkbox/Group';
+import { Checkbox as InternalCheckbox } from '../../../components/Control/Checkbox/Checkbox';
+import { Group } from '../../../components/Control/Checkbox/Group';
 import './index.scss';
-export * from '../../Control/Checkbox/types';
+export * from '../../../components/Control/Checkbox/types';
 export const Checkbox = InternalCheckbox;
 Checkbox.Group = Group;

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

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import { type SizeType } from '../../Control/types';
+import { type SizeType } from '../../../components/Control/types';
 export interface AbstractCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onMouseEnter' | 'onMouseLeave'> {
     block?: boolean;
     direction?: string;

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

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

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import omit from 'rc-util/lib/omit';
-import { useConfig } from '../../ConfrigProvider';
-import { useInput } from '../../Control/Input/useInput';
-import { Icon } from '../../Icon';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { useInput } from '../../../components/Control/Input/useInput';
+import { Icon } from '../../../components/Icon';
 const ForwardedInput = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { allowClear, inputRef, prefix, prefixCls = config.prefixCls, suffix, wrapperClasses, onClear, ...restProps } = useInput({

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

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

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import RcInputNumber from 'rc-input-number';
 import omit from 'rc-util/lib/omit';
-import { useConfig } from '../../../ConfrigProvider';
-import { useInput } from '../../../Control/Input/useInput';
-import { Icon } from '../../../Icon';
+import { useConfig } from '../../../../components/ConfrigProvider';
+import { useInput } from '../../../../components/Control/Input/useInput';
+import { Icon } from '../../../../components/Icon';
 import './index.scss';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 const ForwardedInputNumber = React.forwardRef((props, ref) => {

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

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

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { preventEvent } from '@broxus/js-utils';
-import { useConfig } from '../../../ConfrigProvider';
-import { Input } from '../../../Control/Input/Input';
-import { Icon } from '../../../Icon';
+import { useConfig } from '../../../../components/ConfrigProvider';
+import { Input } from '../../../../components/Control/Input/Input';
+import { Icon } from '../../../../components/Icon';
 import './index.scss';
 const ForwardedPassword = React.forwardRef((props, ref) => {
     const config = useConfig();

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

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

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

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

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

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import { type InputNumberProps as RcInputNumberProps } from 'rc-input-number';
-import { type ControlProps, type ValueType } from '../../Control/types';
+import { type ControlProps, type ValueType } from '../../../components/Control/types';
 export interface InputFocusOptions extends FocusOptions {
     cursor?: 'start' | 'end' | 'all';
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ValueType } from '../../Control/types';
-import { type InputNumberProps, type InputProps } from '../../Control/Input/types';
+import { type ValueType } from '../../../components/Control/types';
+import { type InputNumberProps, type InputProps } from '../../../components/Control/Input/types';
 interface HookConsumedProps {
     inputRef: React.RefObject<HTMLInputElement>;
     prefixCls?: string;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../../ConfrigProvider';
+import { useConfig } from '../../../components/ConfrigProvider';
 export function fixControlledValue(value) {
     if (value == null) {
         return '';

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type AbstractCheckboxGroupProps } from '../../Control/Checkbox';
+import { type AbstractCheckboxGroupProps } from '../../../components/Control/Checkbox';
 export interface RadioGroupProps<T = any> extends AbstractCheckboxGroupProps<T> {
     defaultValue?: T;
     value?: T;

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import { useConfig } from '../../ConfrigProvider';
-import { Radio } from '../../Control/Radio/Radio';
-import { RadioGroupContext } from '../../Control/Radio/RadioGroupContext';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { Radio } from '../../../components/Control/Radio/Radio';
+import { RadioGroupContext } from '../../../components/Control/Radio/RadioGroupContext';
 const ForwardedGroup = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { block, children, className, defaultValue, direction = config.direction, disabled, id, options, prefixCls = config.prefixCls, size, stack, style, ...restProps } = props;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type AbstractCheckboxProps } from '../../Control/Checkbox';
+import { type AbstractCheckboxProps } from '../../../components/Control/Checkbox';
 export interface RadioProps extends AbstractCheckboxProps {
     onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { retrieveGlobalAttributes } from '@broxus/js-utils';
 import classNames from 'classnames';
-import { useConfig } from '../../ConfrigProvider';
-import { useRadioGroup } from '../../Control/Radio/RadioGroupContext';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { useRadioGroup } from '../../../components/Control/Radio/RadioGroupContext';
 const ForwardedRadio = React.forwardRef((props, ref) => {
     const config = useConfig();
     const radioGroup = useRadioGroup();
     const { block, size, className, children, direction = config.direction, disabled, id, prefixCls = config.prefixCls, skipGroup, style, onMouseEnter, onMouseLeave, ...restProps } = props;
-    const [internalChecked, setInternalChecked] = React.useState(restProps.checked ??
-        restProps.defaultChecked ??
-        ('value' in restProps && restProps.value === radioGroup?.value));
+    const [internalChecked, setInternalChecked] = React.useState(restProps.checked
+        ?? restProps.defaultChecked
+        ?? ('value' in restProps && restProps.value === radioGroup?.value));
     const onChange = React.useCallback(event => {
         setInternalChecked(true);
         restProps.onChange?.(event);
@@ -56,9 +56,9 @@ const ForwardedRadio = React.forwardRef((props, ref) => {
     }), [rootCls, internalChecked, disabled]);
     const globalAttributes = React.useMemo(() => retrieveGlobalAttributes(restProps), [restProps]);
     React.useEffect(() => {
-        setInternalChecked(restProps.checked ??
-            restProps.defaultChecked ??
-            ('value' in restProps && restProps.value === radioGroup?.value));
+        setInternalChecked(restProps.checked
+            ?? restProps.defaultChecked
+            ?? ('value' in restProps && restProps.value === radioGroup?.value));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [restProps.checked, restProps.defaultChecked, radioGroup?.value]);
     return (React.createElement("label", { className: wrapperClasses, htmlFor: id, style: style, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },

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

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { Group, type RadioGroupProps } from '../../Control/Radio/Group';
-import { type RadioProps } from '../../Control/Radio/Radio';
+import { Group, type RadioGroupProps } from '../../../components/Control/Radio/Group';
+import { type RadioProps } from '../../../components/Control/Radio/Radio';
 import './index.scss';
 export type { RadioGroupProps, RadioProps };
 export interface Radio extends React.MemoExoticComponent<React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>> {

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

@@ -1,5 +1,5 @@
-import { Group } from '../../Control/Radio/Group';
-import { Radio as InternalRadio } from '../../Control/Radio/Radio';
+import { Group } from '../../../components/Control/Radio/Group';
+import { Radio as InternalRadio } from '../../../components/Control/Radio/Radio';
 import './index.scss';
 export const Radio = InternalRadio;
 Radio.Group = Group;

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type BaseSelectRef, OptGroup, Option, type SelectProps as RcSelectProps } from 'rc-select';
 import { type OptionProps } from 'rc-select/lib/Option';
 import { type BaseOptionType, type DefaultOptionType } from 'rc-select/lib/Select';
-import { type ControlProps, type SizeType } from '../../Control/types';
+import { type ControlProps, type SizeType } from '../../../components/Control/types';
 import './index.scss';
 export type { BaseSelectRef, OptionProps };
 export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'mode'> {

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import RcSelect, { OptGroup, Option, } from 'rc-select';
-import { useConfig } from '../../ConfrigProvider';
-import { Icon } from '../../Icon';
-import { Spinner } from '../../Spinner';
+import RcSelect, { OptGroup, Option } from 'rc-select';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { Icon } from '../../../components/Icon';
+import { Spinner } from '../../../components/Spinner';
 import './index.scss';
 const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 /* eslint-disable jsx-a11y/label-has-associated-control */

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from 'rc-textarea';
-import { type SizeType, type StateType } from '../../Control/types';
+import { type SizeType, type StateType } from '../../../components/Control/types';
 import './index.scss';
 interface ShowCountProps {
     formatter: (args: {

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

@@ -2,8 +2,8 @@ import * as React from 'react';
 import classNames from 'classnames';
 import RcTextArea from 'rc-textarea';
 import omit from 'rc-util/lib/omit';
-import { useConfig } from '../../ConfrigProvider';
-import { fixControlledValue } from '../../Control/Input';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { fixControlledValue } from '../../../components/Control/Input';
 import './index.scss';
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');

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

@@ -1,7 +1,7 @@
 import './index.scss';
-export * from '../Control/Checkbox';
-export * from '../Control/Input';
-export * from '../Control/Radio';
-export * from '../Control/Select';
-export * from '../Control/TextArea';
-export * from '../Control/types';
+export * from '../../components/Control/Checkbox';
+export * from '../../components/Control/Input';
+export * from '../../components/Control/Radio';
+export * from '../../components/Control/Select';
+export * from '../../components/Control/TextArea';
+export * from '../../components/Control/types';

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

@@ -1,7 +1,7 @@
 import './index.scss';
-export * from '../Control/Checkbox';
-export * from '../Control/Input';
-export * from '../Control/Radio';
-export * from '../Control/Select';
-export * from '../Control/TextArea';
-export * from '../Control/types';
+export * from '../../components/Control/Checkbox';
+export * from '../../components/Control/Input';
+export * from '../../components/Control/Radio';
+export * from '../../components/Control/Select';
+export * from '../../components/Control/TextArea';
+export * from '../../components/Control/types';

package/dist/esm/components/Cover/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { debounce, Dimensions } from '@broxus/js-utils';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 export const Cover = React.memo((props) => {
     const config = useConfig();
@@ -15,14 +15,14 @@ export const Cover = React.memo((props) => {
         const { current: el } = coveringElement;
         const { current: wrapper } = container;
         const { height: h, width: w } = Dimensions.cover({
-            height: height ||
-                el.naturalHeight ||
-                el.videoHeight ||
-                el.clientHeight,
-            width: width ||
-                el.naturalWidth ||
-                el.videoWidth ||
-                el.clientWidth,
+            height: height
+                || el.naturalHeight
+                || el.videoHeight
+                || el.clientHeight,
+            width: width
+                || el.naturalWidth
+                || el.videoWidth
+                || el.clientWidth,
         }, {
             height: wrapper.offsetHeight + (wrapper.offsetHeight % 2 ? 1 : 0),
             width: wrapper.offsetWidth + (wrapper.offsetWidth % 2 ? 1 : 0),
@@ -48,7 +48,6 @@ export const Cover = React.memo((props) => {
                 onLoad: () => {
                     if (automute) {
                         try {
-                            ;
                             coveringElement.current?.contentWindow?.postMessage('{"event": "command", "method": "setVolume", "value": 0}', '*');
                         }
                         catch (e) { }

package/dist/esm/components/DescriptionList/DescriptionList.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const DescriptionList = React.memo((props) => {
     const config = useConfig();
     const { className, divided, prefixCls = config.prefixCls, ...restProps } = props;

package/dist/esm/components/DescriptionList/index.d.ts

@@ -1,7 +1,7 @@
 import type * as React from 'react';
-import { Description } from '../DescriptionList/Description';
-import { type DescriptionListProps } from '../DescriptionList/DescriptionList';
-import { Term } from '../DescriptionList/Term';
+import { Description } from '../../components/DescriptionList/Description';
+import { type DescriptionListProps } from '../../components/DescriptionList/DescriptionList';
+import { Term } from '../../components/DescriptionList/Term';
 import './index.scss';
 export type { DescriptionListProps };
 export interface DescriptionList extends React.MemoExoticComponent<React.FunctionComponent<DescriptionListProps>> {

package/dist/esm/components/DescriptionList/index.js

@@ -1,6 +1,6 @@
-import { Description } from '../DescriptionList/Description';
-import { DescriptionList as InnerDescriptionList, } from '../DescriptionList/DescriptionList';
-import { Term } from '../DescriptionList/Term';
+import { Description } from '../../components/DescriptionList/Description';
+import { DescriptionList as InnerDescriptionList, } from '../../components/DescriptionList/DescriptionList';
+import { Term } from '../../components/DescriptionList/Term';
 import './index.scss';
 export const DescriptionList = InnerDescriptionList;
 DescriptionList.Description = Description;

package/dist/esm/components/Divider/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 export const Divider = React.memo((props) => {
     const config = useConfig();

package/dist/esm/components/Dotnav/Dotnav.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Dotnav = React.memo((props) => {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;

package/dist/esm/components/Dotnav/Item.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Button } from '../Button';
-import { useConfig } from '../ConfrigProvider';
+import { Button } from '../../components/Button';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Item = React.memo((props) => {
     const config = useConfig();
     const { className, isActive, onClick, ...restProps } = props;

package/dist/esm/components/Dotnav/index.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type DotnavProps } from '../Dotnav/Dotnav';
-import { Item } from '../Dotnav/Item';
+import { type DotnavProps } from '../../components/Dotnav/Dotnav';
+import { Item } from '../../components/Dotnav/Item';
 import './index.scss';
 export type { DotnavProps };
 export interface Dotnav extends React.MemoExoticComponent<React.FunctionComponent<DotnavProps>> {

package/dist/esm/components/Dotnav/index.js

@@ -1,5 +1,5 @@
-import { Dotnav as InnerDotnav } from '../Dotnav/Dotnav';
-import { Item } from '../Dotnav/Item';
+import { Dotnav as InnerDotnav } from '../../components/Dotnav/Dotnav';
+import { Item } from '../../components/Dotnav/Item';
 import './index.scss';
 export const Dotnav = InnerDotnav;
 Dotnav.Item = Item;

package/dist/esm/components/Drawer/index.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { addClass, removeClass } from '@broxus/js-utils';
 import classNames from 'classnames';
 import RcDrawer from 'rc-drawer';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 import { addModalMode, getMotionName, removeModalMode } from '../../utils';
 import './index.scss';
 const SizeTypes = ['default', 'large'];

package/dist/esm/components/Drop/index.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import Trigger from 'rc-trigger';
-import { useConfig } from '../ConfrigProvider';
-import Placements from '../Drop/placements';
+import { useConfig } from '../../components/ConfrigProvider';
+import Placements from '../../components/Drop/placements';
 import { getMotionName } from '../../utils';
 import './index.scss';
 export const Drop = React.forwardRef((props, ref) => {

package/dist/esm/components/Dropdown/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type DropProps, type DropRef } from '../Drop';
+import { type DropProps, type DropRef } from '../../components/Drop';
 import './index.scss';
 export type DropdownProps = DropProps;
 export declare const Dropdown: React.ForwardRefExoticComponent<DropProps & React.RefAttributes<DropRef>>;

package/dist/esm/components/Dropdown/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useConfig } from '../ConfrigProvider';
-import { Drop } from '../Drop';
+import { useConfig } from '../../components/ConfrigProvider';
+import { Drop } from '../../components/Drop';
 import './index.scss';
 export const Dropdown = React.forwardRef((props, ref) => {
     const config = useConfig();

package/dist/esm/components/Flex/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 import { type BreakpointsConfig } from '../../types';
 import './index.scss';
 export type FlexAlignContent = 'stretch' | 'between' | 'around' | 'top' | 'middle' | 'bottom';
@@ -17,9 +17,9 @@ export type FlexBreakpoint = {
     justifyContent?: FlexJustifyContent;
 };
 export type FlexBreakpointsConfig = BreakpointsConfig<FlexBreakpoint>;
-export type FlexOwnProps = {
+export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
     inline?: boolean;
     prefixCls?: string;
-} & FlexBreakpoint & FlexBreakpointsConfig;
+}
 export type FlexProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FlexOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FlexOwnProps>;
 export declare const Flex: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: FlexProps<E>) => JSX.Element)>;

package/dist/esm/components/Flex/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 const defaultElement = 'div';
 export const Flex = React.memo((props) => {
@@ -17,5 +17,5 @@ export const Flex = React.memo((props) => {
             [`${rootCls}-wrap-${alignContent}`]: flexWrap !== undefined && alignContent !== undefined,
             [`${rootCls}-${justifyContent}`]: justifyContent !== undefined,
             [`${rootCls}-${itemDimensions}`]: itemDimensions !== undefined,
-        }, className), ...restProps }));
+        }, className), component: defaultElement, ...restProps }));
 });

package/dist/esm/components/Form/Controls.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useComponentContext } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Controls = React.memo((props) => {
     const config = useConfig();
     const { getRootCls } = useComponentContext();