@broxus/react-uikit 0.2.1 → 0.3.0

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();

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

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

package/dist/esm/components/Form/Fieldset.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 Fieldset = React.memo((props) => {
     const config = useConfig();
     const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;

package/dist/esm/components/Form/Form.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export interface FormOwnProps {
     layout?: 'stacked' | 'horizontal';
     prefixCls?: string;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
-import { ComponentProvider } from '../ComponentProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
+import { ComponentProvider } from '../../components/ComponentProvider';
 const defaultElement = 'form';
 export const Form = React.memo((props) => {
     const config = useConfig();

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 export const Label = React.memo((props) => {
     const config = useConfig();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { className, prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form-label'), [config, prefixCls]);
     return React.createElement("label", { className: classNames(rootCls, className), ...restProps });
 });

package/dist/esm/components/Form/Legend.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 Legend = React.memo((props) => {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,10 +1,10 @@
 import type * as React from 'react';
-import { Controls } from '../Form/Controls';
-import { ControlsText } from '../Form/ControlsText';
-import { Fieldset } from '../Form/Fieldset';
-import { type FormProps } from '../Form/Form';
-import { Label } from '../Form/Label';
-import { Legend } from '../Form/Legend';
+import { Controls } from '../../components/Form/Controls';
+import { ControlsText } from '../../components/Form/ControlsText';
+import { Fieldset } from '../../components/Form/Fieldset';
+import { type FormProps } from '../../components/Form/Form';
+import { Label } from '../../components/Form/Label';
+import { Legend } from '../../components/Form/Legend';
 import './index.scss';
 export type { FormProps };
 export interface Form extends React.MemoExoticComponent<React.ForwardRefExoticComponent<FormProps>> {

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

@@ -1,9 +1,9 @@
-import { Controls } from '../Form/Controls';
-import { ControlsText } from '../Form/ControlsText';
-import { Fieldset } from '../Form/Fieldset';
-import { Form as InternalForm } from '../Form/Form';
-import { Label } from '../Form/Label';
-import { Legend } from '../Form/Legend';
+import { Controls } from '../../components/Form/Controls';
+import { ControlsText } from '../../components/Form/ControlsText';
+import { Fieldset } from '../../components/Form/Fieldset';
+import { Form as InternalForm } from '../../components/Form/Form';
+import { Label } from '../../components/Form/Label';
+import { Legend } from '../../components/Form/Legend';
 import './index.scss';
 export const Form = InternalForm;
 Form.Controls = Controls;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
-import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../Width';
+import { type PolymorphicProps } from '../../components/Component';
+import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../../components/Width';
 import './index.scss';
 export type GridGap = 'collapse' | 'xsmall' | 'small' | 'medium' | 'large';
 export type GridOwnProps = {

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 import './index.scss';
 export type HeadingOwnProps = {
     decoration?: 'bullet' | 'divider' | 'line';

package/dist/esm/components/Heading/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 Heading = React.memo((props) => {

package/dist/esm/components/Icon/Button.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { type IconProps } from '../Icon/Icon';
+import { type IconProps } from '../../components/Icon/Icon';
 export declare const Button: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;

package/dist/esm/components/Icon/Button.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Icon } from '../Icon/Icon';
+import { Icon } from '../../components/Icon/Icon';
 export const Button = React.memo((props) => (React.createElement(Icon, { ...props, component: "button", role: "button", type: "button" })));
 if (process.env.NODE_ENV !== 'production') {
     Button.displayName = 'Icon.Button';

package/dist/esm/components/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type IconOwnProps = {
     icon: string;
     material?: boolean;

package/dist/esm/components/Icon/Icon.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';
 const defaultElement = 'span';
 export const Icon = React.memo((props) => {
     const config = useConfig();

package/dist/esm/components/Icon/Link.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { type IconProps } from '../Icon/Icon';
+import { type IconProps } from '../../components/Icon/Icon';
 export declare const Link: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;

package/dist/esm/components/Icon/Link.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Icon } from '../Icon/Icon';
+import { Icon } from '../../components/Icon/Icon';
 export const Link = React.memo((props) => (React.createElement(Icon, { ...props, component: "a", role: "button", type: "link" })));
 if (process.env.NODE_ENV !== 'production') {
     Link.displayName = 'Icon.Link';

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

@@ -1,10 +1,10 @@
 import type * as React from 'react';
-import { Button } from '../Icon/Button';
-import { type IconOwnProps, type IconProps } from '../Icon/Icon';
-import { Link } from '../Icon/Link';
+import { Button } from '../../components/Icon/Button';
+import { type IconOwnProps, type IconProps } from '../../components/Icon/Icon';
+import { Link } from '../../components/Icon/Link';
 import './index.scss';
-export * from '../Icon/default-svg-props';
-export * from '../Icon/get-size';
+export * from '../../components/Icon/default-svg-props';
+export * from '../../components/Icon/get-size';
 export type { IconProps, IconOwnProps };
 export interface Icon extends React.MemoExoticComponent<React.FunctionComponent<IconProps>> {
     Button: typeof Button;