@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/cjs/components/Drawer/components/DrawerHeader.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Drawer.css';
-export type DrawerHeaderProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DrawerHeaderRef = ComponentRef<'div'>;
+export type DrawerHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DrawerHeader: FC<DrawerHeaderProps>;
+}, 'div'>;
+export declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<DrawerHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Drawer/components/DrawerHeader.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerHeader = void 0;
 var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
 require("../Drawer.css");
-exports.DrawerHeader = React.forwardRef(function (_a, ref) {
+var react_1 = tslib_1.__importStar(require("react"));
+var Drawer_1 = require("../Drawer");
+exports.DrawerHeader = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
-    return (React.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Header', [className]) }, restProps), children));
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Header', [className]) }, restProps), children));
 });
 exports.DrawerHeader.displayName = 'DrawerHeader';

package/__inner__/cjs/components/Drawer/components/DrawerSubtitle.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Drawer.css';
-export type DrawerSubtitleProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DrawerSubtitleRef = ComponentRef<'div'>;
+export type DrawerSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DrawerSubtitle: FC<DrawerSubtitleProps>;
+}, 'div'>;
+export declare const DrawerSubtitle: React.ForwardRefExoticComponent<Omit<DrawerSubtitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Drawer/components/DrawerSubtitle.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerSubtitle = void 0;
 var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
 require("../Drawer.css");
-exports.DrawerSubtitle = React.forwardRef(function (_a, ref) {
+var react_1 = tslib_1.__importStar(require("react"));
+var Drawer_1 = require("../Drawer");
+exports.DrawerSubtitle = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
-    return (React.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Subtitle', [className]) }, restProps), children));
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Subtitle', [className]) }, restProps), children));
 });
 exports.DrawerSubtitle.displayName = 'DrawerSubtitle';

package/__inner__/cjs/components/Drawer/components/DrawerTitle.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Drawer.css';
-export type DrawerTitleProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DrawerTitleRef = ComponentRef<'h2'>;
+export type DrawerTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLHeadingElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLHeadingElement>;
-export declare const DrawerTitle: FC<DrawerTitleProps>;
+}, 'h2'>;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/__inner__/cjs/components/Drawer/components/DrawerTitle.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerTitle = void 0;
 var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
 require("../Drawer.css");
-exports.DrawerTitle = React.forwardRef(function (_a, ref) {
+var react_1 = tslib_1.__importStar(require("react"));
+var Drawer_1 = require("../Drawer");
+exports.DrawerTitle = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
-    return (React.createElement("h2", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Title', [className]) }, restProps), children));
+    return (react_1.default.createElement("h2", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Title', [className]) }, restProps), children));
 });
 exports.DrawerTitle.displayName = 'DrawerTitle';

package/__inner__/cjs/components/Drawer/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Drawer';
 export * from './components';
+export * from './types';

package/__inner__/cjs/components/Drawer/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Drawer"), exports);
 tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Drawer/types.d.ts

@@ -0,0 +1,23 @@
+import type { IconButtonProps } from '../IconButtonNext';
+import type { ModalProps, ModalRef } from '../Modal';
+export declare const drawerVariant: readonly ["little", "medium", "large"];
+export declare const drawerSizeVariant: readonly ["s", "l"];
+export declare const drawerPlacementVariant: readonly ["left", "right"];
+export type DrawerVariant = (typeof drawerVariant)[number];
+export type DrawerSizeVariant = (typeof drawerSizeVariant)[number];
+export type DrawerPlacementVariant = (typeof drawerPlacementVariant)[number];
+export type DrawerRef = ModalRef;
+export type DrawerProps = {
+    /** Вариант представления шторки */
+    variant?: DrawerVariant;
+    /** Устанавливает размер типографики и отступов в шторке */
+    size?: DrawerSizeVariant;
+    /** Расположение шторки */
+    placement?: DrawerPlacementVariant;
+    /** Признак по которому кнопка закрытия шторки будет скрыта */
+    hideCloseButton?: boolean;
+    /** Свойства кнопки закрытия шторки */
+    closeButtonProps?: Omit<IconButtonProps, 'icon'> & {
+        'data-testid'?: string;
+    };
+} & ModalProps;

package/__inner__/cjs/components/Drawer/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawerPlacementVariant = exports.drawerSizeVariant = exports.drawerVariant = void 0;
+exports.drawerVariant = ['little', 'medium', 'large'];
+exports.drawerSizeVariant = ['s', 'l'];
+exports.drawerPlacementVariant = ['left', 'right'];

package/__inner__/cjs/components/Drawer/utils.d.ts

@@ -0,0 +1,5 @@
+import type { IconButtonProps } from '../IconButtonNext';
+import type { DrawerSizeVariant } from './index';
+export declare const iconButtonSizeMapper: {
+    [key in DrawerSizeVariant]: IconButtonProps['size'];
+};

package/__inner__/cjs/components/Drawer/utils.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconButtonSizeMapper = void 0;
+exports.iconButtonSizeMapper = {
+    l: 'm',
+    s: 's',
+};

package/__inner__/cjs/components/FieldControl/FieldControl.d.ts

@@ -8,6 +8,6 @@ export type FieldControlBaseProps = Omit<FieldControlContextValue, 'label'> & {
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 };
-export type FieldControlProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<FieldControlBaseProps, As>;
+export type FieldControlProps<As extends ElementType = typeof FIELD_CONTROL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FieldControlBaseProps, As>;
 export declare const cnFieldControl: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldControl: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FieldControlBaseProps, "div">;

package/__inner__/cjs/components/FieldHint/FieldHint.d.ts

@@ -1,14 +1,15 @@
 import './FieldHint.css';
 import React from 'react';
-import type { ReactNode, ComponentPropsWithRef, ComponentRef } from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 export declare const FIELD_HINT_DEFAULT_TAG = "div";
 export type FieldHintRef = ComponentRef<typeof FIELD_HINT_DEFAULT_TAG>;
-export type FieldHintProps = ComponentPropsWithRef<typeof FIELD_HINT_DEFAULT_TAG> & {
+export type FieldHintProps = ExtendableComponentPropsWithRef<{
     children?: ReactNode;
     error?: boolean;
     disabled?: boolean;
     size?: FormElementSizeVariant;
-};
+}, typeof FIELD_HINT_DEFAULT_TAG>;
 export declare const cnFieldHint: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldHint: React.ForwardRefExoticComponent<Omit<FieldHintProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/FieldIcon/FieldIcon.d.ts

@@ -1,17 +1,16 @@
 import './FieldIcon.css';
-import type { ComponentPropsWithRef, ComponentRef } from 'react';
+import type { ComponentRef } from 'react';
 import React from 'react';
-import type { IconProps, IconSize } from '@ozen-ui/icons';
+import type { IconProps } from '@ozen-ui/icons';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { RenderContentType } from '../../utils/renderContent';
 export declare const FIELD_ICON_DEFAULT_TAG = "div";
 export type FieldIconRef = ComponentRef<typeof FIELD_ICON_DEFAULT_TAG>;
-export type FieldIconProps = ComponentPropsWithRef<typeof FIELD_ICON_DEFAULT_TAG> & {
-    icon?: RenderContentType<IconProps & {
-        size?: IconSize;
-    }>['content'];
+export type FieldIconProps = ExtendableComponentPropsWithRef<{
+    icon?: RenderContentType<IconProps>['content'];
     size?: FormElementSizeVariant;
     children?: never;
-};
+}, typeof FIELD_ICON_DEFAULT_TAG>;
 export declare const cnFieldIcon: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldIcon: React.ForwardRefExoticComponent<Omit<FieldIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/FieldInput/FieldInput.js

@@ -20,7 +20,7 @@ exports.FieldInput = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         name: 'FieldInput',
         state: 'value',
         defaultValue: defaultValue,
-    }), 2), valueState = _e[0], setValueState = _e[1];
+    }), 3), valueState = _e[0], setValueState = _e[1], isControlled = _e[2];
     var filled = !!valueState || valueState === 0;
     var required = requiredProp;
     var disabled = disabledProp;
@@ -50,6 +50,6 @@ exports.FieldInput = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         setFocused(false);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }, [onBlur]);
-    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldInput)({}, [className]), required: required, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, value: valueState }, other, { ref: ref }), children));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnFieldInput)({}, [className]), required: required, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, (isControlled ? { value: valueState } : { defaultValue: defaultValue }), other, { ref: ref }), children));
 });
 exports.FieldInput.displayName = 'FieldInput';

package/__inner__/cjs/components/FieldLabel/FieldLabel.d.ts

@@ -1,27 +1,5 @@
 import './FieldLabel.css';
-import type { Ref, ComponentRef, ComponentPropsWithRef } from 'react';
 import React from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-export type FieldLabelSizeVariant = FormElementSizeVariant;
-export declare const FIELD_LABEL_DEFAULT_TAG = "span";
-export type FieldLabelRef = ComponentRef<typeof FIELD_LABEL_DEFAULT_TAG>;
-export type FieldLabelProps = {
-    /** Если {true} переводит компонент в визуальное состояние заполненный */
-    filled?: boolean;
-    /** Если {true} переводит компонент в визуальное состояние лейбл прижатый к верху */
-    shrink?: boolean;
-    /** Если {true} переводит компонент в визуальное состояние сфокусированный */
-    focused?: boolean;
-    /** Если {true} переводит компонент в визуальное состояние обязательный */
-    required?: boolean;
-    /** Если {true} переводит компонент в визуальное состояние неактивный */
-    disabled?: boolean;
-    /** Размер компонента */
-    size?: FieldLabelSizeVariant;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLSpanElement>;
-    /** Значение компонента */
-    children?: string;
-} & ComponentPropsWithRef<typeof FIELD_LABEL_DEFAULT_TAG>;
+import type { FieldLabelProps } from './index';
 export declare const cnFieldLabel: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldLabel: React.ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/__inner__/cjs/components/FieldLabel/FieldLabel.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldLabel = exports.cnFieldLabel = exports.FIELD_LABEL_DEFAULT_TAG = void 0;
+exports.FieldLabel = exports.cnFieldLabel = void 0;
 var tslib_1 = require("tslib");
 require("./FieldLabel.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useIsomorphicEffect_1 = require("../../hooks/useIsomorphicEffect");
 var classname_1 = require("../../utils/classname");
 var FieldControl_1 = require("../FieldControl");
-exports.FIELD_LABEL_DEFAULT_TAG = 'span';
+var constants_1 = require("./constants");
 exports.cnFieldLabel = (0, classname_1.cn)('FieldLabel');
 exports.FieldLabel = (0, react_1.forwardRef)(function (_a, ref) {
     var focusedProp = _a.focused, children = _a.children, filledProp = _a.filled, shrink = _a.shrink, requiredProp = _a.required, disabledProp = _a.disabled, className = _a.className, sizeProp = _a.size;
     var context = (0, FieldControl_1.useFieldControl)();
     var _b = tslib_1.__read(context, 2), fieldControl = _b[0], setFieldControl = _b[1];
-    var Tag = exports.FIELD_LABEL_DEFAULT_TAG;
+    var Tag = constants_1.FIELD_LABEL_DEFAULT_TAG;
     var size = sizeProp;
     var required = requiredProp;
     var disabled = disabledProp;

package/__inner__/cjs/components/FieldLabel/constants.d.ts

@@ -0,0 +1 @@
+export declare const FIELD_LABEL_DEFAULT_TAG = "span";

package/__inner__/cjs/components/FieldLabel/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIELD_LABEL_DEFAULT_TAG = void 0;
+exports.FIELD_LABEL_DEFAULT_TAG = 'span';

package/__inner__/cjs/components/FieldLabel/index.d.ts

@@ -1 +1,2 @@
 export * from './FieldLabel';
+export * from './types';

package/__inner__/cjs/components/FieldLabel/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FieldLabel"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FieldLabel/types.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { FIELD_LABEL_DEFAULT_TAG } from './constants';
+export type FieldLabelSizeVariant = FormElementSizeVariant;
+export type FieldLabelRef = ComponentRef<typeof FIELD_LABEL_DEFAULT_TAG>;
+export type FieldLabelProps = ExtendableComponentPropsWithRef<{
+    /** Если {true} переводит компонент в визуальное состояние заполненный */
+    filled?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние лейбл прижатый к верху */
+    shrink?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние сфокусированный */
+    focused?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние обязательный */
+    required?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние неактивный */
+    disabled?: boolean;
+    /** Размер компонента */
+    size?: FieldLabelSizeVariant;
+    /** Значение компонента */
+    children?: string;
+}, typeof FIELD_LABEL_DEFAULT_TAG>;

package/__inner__/cjs/components/FieldLabel/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FilePicker/FilePicker.d.ts

@@ -1,75 +1,5 @@
 import './FilePicker.css';
-import type { KeyboardEvent, MouseEvent } from 'react';
 import React from 'react';
+import type { FilePickerProps } from './types';
 export declare const cnFilePicker: import("@bem-react/classname").ClassNameFormatter;
-export declare const FilePicker: React.ForwardRefExoticComponent<{
-    id?: string | undefined;
-    name?: string | undefined;
-    size?: "s" | "m" | "l" | "2xs" | "xs" | undefined;
-    label?: string | undefined;
-    accept?: string | undefined;
-    placeholder?: string | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    multiple?: boolean | undefined;
-    fileList?: File[] | undefined;
-    fullWidth?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    inputProps?: (Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-        ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
-    } & {
-        'data-testid'?: string | undefined;
-    }) | undefined;
-    disableTruncate?: boolean | undefined;
-    required?: boolean | undefined;
-    disableStroke?: boolean | undefined;
-    renderLeft?: string | number | React.FC<React.SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: React.Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }> | React.ReactElement<React.SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: React.Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | React.JSXElementConstructor<any>> | (() => React.ReactElement<React.SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: React.Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | React.JSXElementConstructor<any>>) | undefined;
-    renderRight?: string | number | React.FC<React.SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: React.Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }> | React.ReactElement<React.SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: React.Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | React.JSXElementConstructor<any>> | (() => React.ReactElement<React.SVGProps<SVGSVGElement> & {
-        color?: string | undefined;
-        ref?: React.Ref<SVGSVGElement> | undefined;
-    } & {
-        size?: import("@ozen-ui/icons").IconSize | undefined;
-    }, string | React.JSXElementConstructor<any>>) | undefined;
-    hint?: string | null | undefined;
-    error?: boolean | undefined;
-    disabled?: boolean | undefined;
-    labelProps?: import("../FieldLabel").FieldLabelProps | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-    renderValue?: import("./types").FilePickerRenderValue | undefined;
-    clearText?: string | undefined;
-    onClear?: ((e: KeyboardEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, payload: {
-        name?: string | undefined;
-    }) => void) | undefined;
-    className?: string | undefined;
-    'data-testid'?: string | undefined;
-} & {
-    labelRef?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-    inputRef?: React.Ref<HTMLInputElement> | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "name" | "error" | "label" | "className" | "id" | "onChange" | "autoFocus" | "disabled" | "accept" | "multiple" | "placeholder" | "required" | "size" | "fullWidth" | "labelProps" | "data-testid" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "onClear" | "fileList" | "disableTruncate" | "renderValue" | keyof {
-    labelRef?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-    inputRef?: React.Ref<HTMLInputElement> | undefined;
-}> & React.RefAttributes<HTMLDivElement>>;
+export declare const FilePicker: React.ForwardRefExoticComponent<Omit<FilePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/FilePicker/types.d.ts

@@ -1,5 +1,5 @@
-import type { ChangeEventHandler, ComponentPropsWithRef, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
-import type { ExtendableProps } from '../../types/ExtendableProps';
+import type { ChangeEventHandler, ComponentPropsWithRef, ComponentRef, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldIconProps } from '../FieldIcon';
@@ -7,7 +7,8 @@ import type { FieldLabelProps } from '../FieldLabel';
 export type FilePickerSizeVariant = FormElementSizeVariant;
 export type FilePickerRenderValue = (value: File[]) => ReactNode | null;
 type InputElement = ComponentPropsWithRef<'input'>;
-type FilePickerPropsDeprecated = {
+export type FilePickerRef = ComponentRef<'div'>;
+export type FilePickerPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
      * @deprecated Используйте labelProps.ref
@@ -19,7 +20,7 @@ type FilePickerPropsDeprecated = {
      * */
     inputRef?: Ref<HTMLInputElement>;
 };
-export type FilePickerBaseProps = {
+export type FilePickerProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -78,6 +79,5 @@ export type FilePickerBaseProps = {
     className?: string;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
-} & FilePickerPropsDeprecated;
-export type FilePickerProps = ExtendableProps<HTMLAttributes<HTMLDivElement>, FilePickerBaseProps>;
+} & FilePickerPropsDeprecated, 'div'>;
 export {};

package/__inner__/cjs/components/FormControlLabel/FormControlLabel.d.ts

@@ -1,28 +1,4 @@
 import './FormControlLabel.css';
-import type { ReactNode, ElementType } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-export type FormControlLabelSizeVariant = FormElementSizeVariant;
-export declare const formControlLabelAlignVariant: readonly ["top", "bottom", "center"];
-export type FormControlLabelAlignVariant = (typeof formControlLabelAlignVariant)[number];
-export declare const formControlLabelLabelPlacementVariant: readonly ["left", "right"];
-export type FormControlLabelLabelPlacementVariant = (typeof formControlLabelLabelPlacementVariant)[number];
-export type FormControlLabelBaseProps = {
-    /** Лейбл */
-    label?: ReactNode;
-    /** Содержимое компонента */
-    children?: ReactNode;
-    /** Расположение лейбла относительно содержимого компонента */
-    labelPlacement?: FormControlLabelLabelPlacementVariant;
-    /** Вертикальное выравнивание лейбла относительно содержимого компонента */
-    align?: FormControlLabelAlignVariant;
-    /** Размер (влияет на шрифт лейбла и отступ между лейблом и содержимым компонента) */
-    size?: FormControlLabelSizeVariant;
-    /** Если {true} визуализирует компонент как заблокированный */
-    disabled?: boolean;
-    /** Дополнительные CSS-классы */
-    className?: string;
-};
-export type FormControlLabelProps<As extends ElementType = 'label'> = PolymorphicComponentPropsWithoutRef<FormControlLabelBaseProps, As>;
+import type { FormControlLabelBaseProps } from './index';
 export declare const cnFormControlLabel: import("@bem-react/classname").ClassNameFormatter;
 export declare const FormControlLabel: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormControlLabelBaseProps, "label">;

package/__inner__/cjs/components/FormControlLabel/FormControlLabel.js

@@ -1,18 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormControlLabel = exports.cnFormControlLabel = exports.formControlLabelLabelPlacementVariant = exports.formControlLabelAlignVariant = void 0;
+exports.FormControlLabel = exports.cnFormControlLabel = void 0;
 var tslib_1 = require("tslib");
 require("./FormControlLabel.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var constants_1 = require("./constants");
-exports.formControlLabelAlignVariant = [
-    'top',
-    'bottom',
-    'center',
-];
-exports.formControlLabelLabelPlacementVariant = ['left', 'right'];
 exports.cnFormControlLabel = (0, classname_1.cn)('FormControlLabel');
 exports.FormControlLabel = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? constants_1.FORM_CONTROL_DEFAULT_SIZE : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.FORM_CONTROL_DEFAULT_AS : _c, _d = _a.labelPlacement, labelPlacement = _d === void 0 ? constants_1.FORM_CONTROL_DEFAULT_LABEL_PLACEMENT : _d, children = _a.children, label = _a.label, align = _a.align, disabled = _a.disabled, className = _a.className, other = tslib_1.__rest(_a, ["size", "as", "labelPlacement", "children", "label", "align", "disabled", "className"]);

package/__inner__/cjs/components/FormControlLabel/index.d.ts

@@ -1 +1,2 @@
 export * from './FormControlLabel';
+export * from './types';

package/__inner__/cjs/components/FormControlLabel/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./FormControlLabel"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FormControlLabel/types.d.ts

@@ -0,0 +1,26 @@
+import type { ElementType, ReactNode } from 'react';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FORM_CONTROL_DEFAULT_AS } from './constants';
+export type FormControlLabelSizeVariant = FormElementSizeVariant;
+export declare const formControlLabelAlignVariant: readonly ["top", "bottom", "center"];
+export type FormControlLabelAlignVariant = (typeof formControlLabelAlignVariant)[number];
+export declare const formControlLabelLabelPlacementVariant: readonly ["left", "right"];
+export type FormControlLabelLabelPlacementVariant = (typeof formControlLabelLabelPlacementVariant)[number];
+export type FormControlLabelBaseProps = {
+    /** Лейбл */
+    label?: ReactNode;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Расположение лейбла относительно содержимого компонента */
+    labelPlacement?: FormControlLabelLabelPlacementVariant;
+    /** Вертикальное выравнивание лейбла относительно содержимого компонента */
+    align?: FormControlLabelAlignVariant;
+    /** Размер (влияет на шрифт лейбла и отступ между лейблом и содержимым компонента) */
+    size?: FormControlLabelSizeVariant;
+    /** Если {true} визуализирует компонент как заблокированный */
+    disabled?: boolean;
+    /** Дополнительные CSS-классы */
+    className?: string;
+};
+export type FormControlLabelProps<As extends ElementType = typeof FORM_CONTROL_DEFAULT_AS> = PolymorphicComponentPropsWithoutRef<FormControlLabelBaseProps, As>;

package/__inner__/cjs/components/FormControlLabel/types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formControlLabelLabelPlacementVariant = exports.formControlLabelAlignVariant = void 0;
+exports.formControlLabelAlignVariant = [
+    'top',
+    'bottom',
+    'center',
+];
+exports.formControlLabelLabelPlacementVariant = ['left', 'right'];

package/__inner__/cjs/components/FormGroup/types.d.ts

@@ -5,7 +5,7 @@ export declare const formGroupDirectionVariant: readonly ["row", "column", "rowR
 export type FormGroupDirectionVariant = (typeof formGroupDirectionVariant)[number];
 export type FormGroupSizeVariant = FormElementSizeVariant;
 export type FormGroupBaseProps = {
-    /** Размер – влияет на расстояние между элементами группы */
+    /** Размер — влияет на расстояние между элементами группы */
     size?: FormGroupSizeVariant;
     /** Дополнительные СSS-классы */
     className?: string;

package/__inner__/cjs/components/FormTitle/FormTitle.d.ts

@@ -3,7 +3,7 @@ import type { ElementType } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 export type FormTitleBaseProps = {
-    /** Размер – влияет на размер шрифта и отступы заголовка */
+    /** Размер — влияет на размер шрифта и отступы заголовка */
     size?: FormElementSizeVariant;
 };
 export type FormTitleProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<FormTitleBaseProps, As>;

package/__inner__/cjs/components/Grid/Grid.d.ts

@@ -1,6 +1,7 @@
 import './Grid.css';
-import type { ReactNode } from 'react';
+import type { ReactNode, ElementType } from 'react';
 import type { ResponsiveValue } from '../../types/ResponsiveValue';
+import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const gridColsVariant: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 export type GridColsVariant = (typeof gridColsVariant)[number];
 export declare const gridGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
@@ -10,7 +11,7 @@ export declare const gridJustifyVariant: readonly ["start", "end", "center"];
 export type GridAlignVariant = (typeof gridAlignVariant)[number];
 export type GridJustifyVariant = (typeof gridJustifyVariant)[number];
 export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
-export type GridProps = {
+export type GridBaseProps = {
     /** Количество колонок в сетке */
     cols?: ResponsiveValue<GridColsVariant>;
     /** Отступы между элементами */
@@ -28,4 +29,5 @@ export type GridProps = {
     /** Дополнительные СSS-классы */
     className?: string;
 };
-export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridProps, "div">;
+export type GridProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridBaseProps, As>;
+export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridBaseProps, "div">;