@ozen-ui/kit 0.71.1 → 0.72.0

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

@@ -0,0 +1,17 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { WithPartial } from '../../types/object';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { FILE_UPLOADER_DEFAULT_TAG } from './constants';
+import type { FileUploaderProviderProps } from './context';
+export type FileUploaderBaseProps = WithPartial<FileUploaderProviderProps, 'children'> & {
+    /** Компонент для загрузки и дропа файлов */
+    drop: ReactNode;
+    /** Инпут */
+    input?: ReactNode;
+    /** Подсказка */
+    hint?: ReactNode;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};
+export type FileUploaderProps<As extends ElementType = typeof FILE_UPLOADER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderBaseProps, As>;
+export type FileUploaderRef<As extends ElementType = typeof FILE_UPLOADER_DEFAULT_TAG> = ComponentRef<As>;

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

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

package/__inner__/cjs/components/FileUploader/utils/getFileKey.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderRawFile } from '../entities';
+export declare const getFileKey: (file: FileUploaderRawFile) => string;

package/__inner__/cjs/components/FileUploader/utils/getFileKey.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileKey = void 0;
+var getFileKey = function (file) {
+    return file.name + file.size + file.lastModified;
+};
+exports.getFileKey = getFileKey;

package/__inner__/cjs/components/FileUploader/utils/getNewFiles.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderRawFile } from '../entities';
+export declare const getNewFiles: (previousFiles: FileUploaderRawFile[], files: FileUploaderRawFile[]) => File[];

package/__inner__/cjs/components/FileUploader/utils/getNewFiles.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNewFiles = void 0;
+var getFileKey_1 = require("./getFileKey");
+var getNewFiles = function (previousFiles, files) {
+    var existing = new Map(previousFiles.map(function (file) { return [(0, getFileKey_1.getFileKey)(file), file]; }));
+    var newFiles = new Set();
+    files.forEach(function (file) {
+        if (!existing.has((0, getFileKey_1.getFileKey)(file))) {
+            newFiles.add(file);
+        }
+    });
+    return Array.from(newFiles.values());
+};
+exports.getNewFiles = getNewFiles;

package/__inner__/cjs/components/FileUploader/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './getFileKey';
+export * from './getNewFiles';
+export * from './isObjectAllowInfo';
+export * from './isObjectValidateInfo';
+export * from './mergeFiles';

package/__inner__/cjs/components/FileUploader/utils/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./getFileKey"), exports);
+tslib_1.__exportStar(require("./getNewFiles"), exports);
+tslib_1.__exportStar(require("./isObjectAllowInfo"), exports);
+tslib_1.__exportStar(require("./isObjectValidateInfo"), exports);
+tslib_1.__exportStar(require("./mergeFiles"), exports);

package/__inner__/cjs/components/FileUploader/utils/isObjectAllowInfo.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderAllowInfoObject } from '../entities';
+export declare const isObjectAllowInfo: (value: unknown) => value is FileUploaderAllowInfoObject;

package/__inner__/cjs/components/FileUploader/utils/isObjectAllowInfo.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObjectAllowInfo = void 0;
+var object_1 = require("../../../utils/object");
+var isObjectAllowInfo = function (value) {
+    return (0, object_1.isPlainObject)(value) && 'isAllow' in value && 'message' in value;
+};
+exports.isObjectAllowInfo = isObjectAllowInfo;

package/__inner__/cjs/components/FileUploader/utils/isObjectValidateInfo.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderValidateInfoObject } from '../entities';
+export declare const isObjectValidateInfo: (value: unknown) => value is FileUploaderValidateInfoObject;

package/__inner__/cjs/components/FileUploader/utils/isObjectValidateInfo.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isObjectValidateInfo = void 0;
+var object_1 = require("../../../utils/object");
+var isObjectValidateInfo = function (value) {
+    return (0, object_1.isPlainObject)(value) && 'isValid' in value && 'message' in value;
+};
+exports.isObjectValidateInfo = isObjectValidateInfo;

package/__inner__/cjs/components/FileUploader/utils/mergeFiles.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderRawFile } from '../entities';
+export declare const mergeFiles: (previousFiles: FileUploaderRawFile[], files: FileUploaderRawFile[]) => File[];

package/__inner__/cjs/components/FileUploader/utils/mergeFiles.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeFiles = void 0;
+var getFileKey_1 = require("./getFileKey");
+var mergeFiles = function (previousFiles, files) {
+    var existing = new Map(previousFiles.map(function (file) { return [(0, getFileKey_1.getFileKey)(file), file]; }));
+    files.forEach(function (file) {
+        existing.set((0, getFileKey_1.getFileKey)(file), file);
+    });
+    return Array.from(existing.values());
+};
+exports.mergeFiles = mergeFiles;

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

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './IconButton';
 export * from './types';

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./IconButton"), exports);
 tslib_1.__exportStar(require("./types"), exports);

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

@@ -2,6 +2,7 @@ import './Loader.css';
 import React from 'react';
 import type { CSSProperties, ComponentRef } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
 export declare const loaderSizeVariant: readonly ["s", "m", "l", "xl"];
 export type LoaderSizeVariant = (typeof loaderSizeVariant)[number];
 export type LoaderPropsRef = ComponentRef<'div'>;

package/__inner__/cjs/components/Loader/Loader.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = exports.loaderSizeVariant = void 0;
+exports.Loader = exports.loaderSizeVariant = exports.cnLoader = void 0;
 var tslib_1 = require("tslib");
 require("./Loader.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
-var cnLoader = (0, classname_1.cn)('Loader');
+exports.cnLoader = (0, classname_1.cn)('Loader');
 exports.loaderSizeVariant = ['s', 'm', 'l', 'xl'];
 exports.Loader = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Loader' });
     var _a = props.size, size = _a === void 0 ? 'm' : _a, className = props.className, color = props.color, ariaLabel = props["aria-label"], styleProp = props.style, other = tslib_1.__rest(props, ["size", "className", "color", 'aria-label', "style"]);
     var style = tslib_1.__assign(tslib_1.__assign({}, styleProp), { '--loader-color': color });
-    return (react_1.default.createElement("div", tslib_1.__assign({ role: "progressbar", "aria-label": ariaLabel, className: cnLoader({ size: size }, [className]), style: style }, other, { ref: ref })));
+    return (react_1.default.createElement("div", tslib_1.__assign({ role: "progressbar", "aria-label": ariaLabel, className: (0, exports.cnLoader)({ size: size }, [className]), style: style }, other, { ref: ref })));
 });
 exports.Loader.displayName = 'Loader';

package/__inner__/cjs/components/OzenProvider/providers/theme/entities/defaultProps.d.ts

@@ -33,7 +33,10 @@ import type { DrawerProps } from '../../../../Drawer';
 import type { DrawerProps as DrawerNextProps } from '../../../../DrawerNext';
 import type { FieldControlProps } from '../../../../FieldControl';
 import type { FileProps } from '../../../../File';
+import type { FileIconProps } from '../../../../FileIcon';
+import type { FileIconButtonProps, FileProps as FileNextProps } from '../../../../FileNext';
 import type { FilePickerProps } from '../../../../FilePicker';
+import type { FileUploaderUploadButtonProps, FileUploaderProps, FileUploaderListItemProps, FileUploaderDropProps, FileUploaderInputProps, FileUploaderListProps, FileUploaderLoaderProps } from '../../../../FileUploader';
 import type { FormGroupProps } from '../../../../FormGroup';
 import type { FormTitleProps } from '../../../../FormTitle';
 import type { GridProps, GridItemProps } from '../../../../Grid';
@@ -117,6 +120,16 @@ export type ThemeDefaultProps = {
     FieldControl?: Partial<FieldControlProps>;
     File?: Partial<FileProps>;
     FilePicker?: Partial<FilePickerProps>;
+    FileUploaderInput?: Partial<FileUploaderInputProps>;
+    FileUploaderList?: Partial<FileUploaderListProps>;
+    FileUploaderListItem?: Partial<FileUploaderListItemProps>;
+    FileUploaderUploadButton?: Partial<FileUploaderUploadButtonProps>;
+    FileIcon?: Partial<FileIconProps>;
+    FileNext?: Partial<FileNextProps>;
+    FileIconButton?: Partial<FileIconButtonProps>;
+    FileUploader?: Partial<FileUploaderProps>;
+    FileUploaderDrop?: Partial<FileUploaderDropProps>;
+    FileUploaderLoader?: Partial<FileUploaderLoaderProps>;
     FormGroup?: Partial<FormGroupProps>;
     FormTitle?: Partial<FormTitleProps>;
     Grid?: Partial<GridProps>;

package/__inner__/cjs/components/ProgressBar/ProgressBar.css

@@ -1,6 +1,6 @@
 .ProgressBar {
   --progressbar-translate-x: translateX(0%);
-  background-color: var(--color-background-action-light);
+  background-color: var(--progress-bar-trail-color);
   position: relative;
   block-size: 4px;
   display: block;
@@ -8,7 +8,7 @@
 }
 
   .ProgressBar-ProgressLine {
-    background-color: var(--color-content-action);
+    background-color: var(--progress-bar-stroke-color);
     border-radius: 3px;
     inline-size: 100%;
     display: block;

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

@@ -1,11 +1,4 @@
 import './ProgressBar.css';
-import type { ElementType } from 'react';
-import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import { PROGRESSBAR_DEFAULT_TAG } from './constants';
+import type { ProgressBarBaseProps } from './types';
 export declare const cnProgressBar: import("@bem-react/classname").ClassNameFormatter;
-export type ProgressBarBaseProps = {
-    /** Значение заполненной части 0-100 */
-    value?: number;
-};
-export type ProgressBarProps<As extends ElementType = typeof PROGRESSBAR_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ProgressBarBaseProps, As>;
 export declare const ProgressBar: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ProgressBarBaseProps, "span", "as">;

package/__inner__/cjs/components/ProgressBar/ProgressBar.js

@@ -4,12 +4,16 @@ exports.ProgressBar = exports.cnProgressBar = void 0;
 var tslib_1 = require("tslib");
 require("./ProgressBar.css");
 var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeTokens_1 = require("../../hooks/useThemeTokens");
 var classname_1 = require("../../utils/classname");
+var css_1 = require("../../utils/css");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var constants_1 = require("./constants");
 exports.cnProgressBar = (0, classname_1.cn)('ProgressBar');
 exports.ProgressBar = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
-    var className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.PROGRESSBAR_DEFAULT_TAG : _b, value = _a.value, other = tslib_1.__rest(_a, ["className", "as", "value"]);
+    var _b;
+    var className = _a.className, _c = _a.as, Tag = _c === void 0 ? constants_1.PROGRESSBAR_DEFAULT_TAG : _c, value = _a.value, _d = _a.strokeColor, strokeColor = _d === void 0 ? constants_1.PROGRESSBAR_DEFAULT_STROKE_COLOR : _d, _e = _a.trailColor, trailColor = _e === void 0 ? constants_1.PROGRESSBAR_DEFAULT_TRAIL_COLOR : _e, style = _a.style, other = tslib_1.__rest(_a, ["className", "as", "value", "strokeColor", "trailColor", "style"]);
+    var colorToken = (0, useThemeTokens_1.useThemeTokens)().color;
     var isValueSet = value || value === 0;
     var isFilled = value === 100;
     var setProgressLineStyles = function () {
@@ -24,9 +28,10 @@ exports.ProgressBar = (0, polymorphicComponentWithRef_1.polymorphicComponentWith
         'aria-valuemin': 0,
         'aria-valuemax': 100,
         'aria-valuenow': value,
-    }), { className: (0, exports.cnProgressBar)({ filled: isFilled, indefinite: !isValueSet }, [
-            className,
-        ]), role: "progressbar" }, other, { ref: ref }),
+    }), { className: (0, exports.cnProgressBar)({ filled: isFilled, indefinite: !isValueSet }, [className]), role: "progressbar" }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), (0, css_1.generateCSSVariables)((_b = {},
+            _b[constants_1.PROGRESSBAR_CSS_VARIABLE.TRAIL_COLOR] = "var(".concat(colorToken.toCSSProperty(trailColor), ")"),
+            _b[constants_1.PROGRESSBAR_CSS_VARIABLE.STROKE_COLOR] = "var(".concat(colorToken.toCSSProperty(strokeColor), ")"),
+            _b))), ref: ref }),
         react_1.default.createElement("span", { className: (0, exports.cnProgressBar)('ProgressLine'), style: setProgressLineStyles() })));
 });
 exports.ProgressBar.displayName = 'ProgressBar';

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

@@ -1 +1,7 @@
 export declare const PROGRESSBAR_DEFAULT_TAG = "span";
+export declare const PROGRESSBAR_DEFAULT_TRAIL_COLOR = "background-action-light";
+export declare const PROGRESSBAR_DEFAULT_STROKE_COLOR = "content-action";
+export declare const PROGRESSBAR_CSS_VARIABLE: {
+    readonly TRAIL_COLOR: "progress-bar-trail-color";
+    readonly STROKE_COLOR: "progress-bar-stroke-color";
+};

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

@@ -1,4 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PROGRESSBAR_DEFAULT_TAG = void 0;
+exports.PROGRESSBAR_CSS_VARIABLE = exports.PROGRESSBAR_DEFAULT_STROKE_COLOR = exports.PROGRESSBAR_DEFAULT_TRAIL_COLOR = exports.PROGRESSBAR_DEFAULT_TAG = void 0;
 exports.PROGRESSBAR_DEFAULT_TAG = 'span';
+exports.PROGRESSBAR_DEFAULT_TRAIL_COLOR = 'background-action-light';
+exports.PROGRESSBAR_DEFAULT_STROKE_COLOR = 'content-action';
+exports.PROGRESSBAR_CSS_VARIABLE = {
+    TRAIL_COLOR: 'progress-bar-trail-color',
+    STROKE_COLOR: 'progress-bar-stroke-color',
+};

package/__inner__/cjs/components/ProgressBar/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './strokeColor';
+export * from './trailColor';

package/__inner__/cjs/components/ProgressBar/entities/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./strokeColor"), exports);
+tslib_1.__exportStar(require("./trailColor"), exports);

package/__inner__/cjs/components/ProgressBar/entities/strokeColor.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeColorTokenVariable } from '../../OzenProvider';
+export type ProgressBarStrokeColor = ThemeColorTokenVariable;

package/__inner__/cjs/components/ProgressBar/entities/strokeColor.js

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

package/__inner__/cjs/components/ProgressBar/entities/trailColor.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeColorTokenVariable } from '../../OzenProvider';
+export type ProgressBarTrailColor = ThemeColorTokenVariable;

package/__inner__/cjs/components/ProgressBar/entities/trailColor.js

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

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

@@ -1 +1,3 @@
+export * from './entities';
 export * from './ProgressBar';
+export * from './types';

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

@@ -1,4 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
 tslib_1.__exportStar(require("./ProgressBar"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,15 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { PROGRESSBAR_DEFAULT_TAG } from './constants';
+import type { ProgressBarStrokeColor, ProgressBarTrailColor } from './entities';
+export type ProgressBarBaseProps = {
+    /** Значение заполненной части 0-100 */
+    value?: number;
+    /** Цвет незаполненной части */
+    trailColor?: ProgressBarTrailColor;
+    /** Цвет заполненной части */
+    strokeColor?: ProgressBarStrokeColor;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};
+export type ProgressBarProps<As extends ElementType = typeof PROGRESSBAR_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ProgressBarBaseProps, As>;

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

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

package/__inner__/cjs/components/Tabs/components/Tab/Tab.js

@@ -7,10 +7,11 @@ var react_1 = tslib_1.__importStar(require("react"));
 var classname_1 = require("../../../../utils/classname");
 var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
 var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var renderContent_1 = require("../../../../utils/renderContent");
 var TabsContext_1 = require("../../TabsContext");
 exports.cnTab = (0, classname_1.cn)('Tab');
 exports.TabComponent = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
-    var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, IconLeft = _a.iconLeft, IconRight = _a.iconRight, value = _a.value, onClick = _a.onClick, _b = _a.as, Tag = _b === void 0 ? 'button' : _b, other = tslib_1.__rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "onClick", "as"]);
+    var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, iconLeft = _a.iconLeft, iconRight = _a.iconRight, value = _a.value, onClick = _a.onClick, _b = _a.as, Tag = _b === void 0 ? 'button' : _b, other = tslib_1.__rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "onClick", "as"]);
     var _c = (0, react_1.useContext)(TabsContext_1.TabsContext), _d = _c.size, size = _d === void 0 ? 'm' : _d, currentValue = _c.currentValue, onChange = _c.onChange;
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
     var isActive = value === currentValue;
@@ -37,9 +38,9 @@ exports.TabComponent = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
         onClick: handleClick,
     };
     return (react_1.default.createElement(Tag, tslib_1.__assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
-        IconLeft && react_1.default.createElement(IconLeft, { size: iconSize }),
+        (0, renderContent_1.renderContent)({ content: iconLeft, props: { size: iconSize } }),
         !!label && react_1.default.createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
-        IconRight && react_1.default.createElement(IconRight, { size: iconSize })));
+        (0, renderContent_1.renderContent)({ content: iconRight, props: { size: iconSize } })));
 });
 exports.TabComponent.displayName = 'Tab';
 exports.Tab = react_1.default.memo(exports.TabComponent);

package/__inner__/cjs/components/Tabs/components/Tab/types.d.ts

@@ -1,7 +1,8 @@
-import type { ElementType, FC } from 'react';
+import type { ElementType } from 'react';
 import type { IconProps } from '@ozen-ui/icons';
 import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
-export type TabIconComponent = FC<IconProps>;
+import type { RenderContentType } from '../../../../utils/renderContent';
+export type TabIconComponent = RenderContentType<IconProps>['content'];
 export type TabBaseProps = {
     children?: never;
     /** Название таба, также является контентом */

package/__inner__/cjs/locale/locale.js

@@ -43,6 +43,9 @@ exports.ruRU = {
                 'aria-label': 'Закрыть',
             },
         },
+        FileUploaderLoader: {
+            text: 'Загрузка…',
+        },
         Loader: {
             'aria-label': 'Загрузка',
         },
@@ -132,6 +135,9 @@ exports.kkKZ = {
                 'aria-label': 'Жабу',
             },
         },
+        FileUploaderLoader: {
+            text: 'Жүктеу…',
+        },
         Loader: {
             'aria-label': 'Жүктеу',
         },
@@ -221,6 +227,9 @@ exports.enUS = {
                 'aria-label': 'Close',
             },
         },
+        FileUploaderLoader: {
+            text: 'Loading…',
+        },
         Loader: {
             'aria-label': 'Loading',
         },

package/__inner__/esm/components/ButtonNext/index.d.ts

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Button';
 export * from './types';

package/__inner__/esm/components/ButtonNext/index.js

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Button';
 export * from './types';

package/__inner__/esm/components/FileIcon/FileIcon.css

@@ -0,0 +1,45 @@
+/* stylelint-disable */
+.FileIcon {
+  font: var(--typography-text-s_1-font);
+  letter-spacing: var(--typography-text-s_1-letter_spacing, 0);
+  text-transform: var(--typography-text-s_1-text_transform, none);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  inline-size: var(--file-icon-size);
+  block-size: var(--file-icon-size);
+  background-color: var(--file-icon-background-color);
+  transition: background-color var(--transition-default), color var(--transition-default);
+  color: var(--file-icon-content-color);
+  border-radius: var(--file-icon-border-radius);
+  overflow: hidden;
+}
+.FileIcon_size_xs {
+    --file-icon-size: var(--control-height-xs);
+    --file-icon-border-radius: var(--border-radius-m);
+  }
+.FileIcon_size_m {
+    --file-icon-size: var(--control-height-m);
+    --file-icon-border-radius: var(--border-radius-l);
+  }
+.FileIcon_color_main {
+    --file-icon-background-color: var(--color-background-primary);
+    --file-icon-content-color: var(--color-content-primary);
+  }
+.FileIcon_color_primary {
+    --file-icon-background-color: var(--color-background-secondary);
+    --file-icon-content-color: var(--color-content-primary);
+  }
+.FileIcon_status_error {
+    --file-icon-background-color: var(--color-background-error-light);
+    --file-icon-content-color: var(--color-content-error)
+  }
+.FileIcon_status_loading {
+    --file-icon-background-color: var(--color-background-disabled);
+    --file-icon-content-color: var(--color-content-disabled);
+  }
+.FileIcon_status_unknown {
+    --file-icon-background-color: var(--color-background-success-light);
+    --file-icon-content-color: var(--color-content-success);
+  }

package/__inner__/esm/components/FileIcon/FileIcon.d.ts

@@ -0,0 +1,4 @@
+import './FileIcon.css';
+import type { FileIconBaseProps } from './types';
+export declare const cnFileIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileIcon: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileIconBaseProps, "div", "as">;

package/__inner__/esm/components/FileIcon/FileIcon.js

@@ -0,0 +1,37 @@
+import { __assign, __rest } from "tslib";
+import './FileIcon.css';
+import React from 'react';
+import { QuestionCircleOutlineIcon, WarningTriangleOutlineIcon, } from '@ozen-ui/icons';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { renderContent } from '../../utils/renderContent';
+import { Loader } from '../Loader';
+import { FILE_ICON_DEFAULT_COLOR, FILE_ICON_DEFAULT_SIZE, FILE_ICON_DEFAULT_STATUS, FILE_ICON_DEFAULT_TAG, } from './constants';
+export var cnFileIcon = cn('FileIcon');
+export var FileIcon = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'FileIcon',
+    });
+    var _a = props.as, Tag = _a === void 0 ? FILE_ICON_DEFAULT_TAG : _a, className = props.className, _b = props.status, status = _b === void 0 ? FILE_ICON_DEFAULT_STATUS : _b, children = props.children, _c = props.color, color = _c === void 0 ? FILE_ICON_DEFAULT_COLOR : _c, _d = props.size, size = _d === void 0 ? FILE_ICON_DEFAULT_SIZE : _d, other = __rest(props, ["as", "className", "status", "children", "color", "size"]);
+    var iconSize = 's';
+    var content = (function () {
+        if (status === 'loading') {
+            return React.createElement(Loader, { color: "currentcolor", size: iconSize });
+        }
+        if (status === 'error') {
+            return React.createElement(WarningTriangleOutlineIcon, { size: iconSize });
+        }
+        if (status === 'unknown') {
+            return React.createElement(QuestionCircleOutlineIcon, { size: iconSize });
+        }
+        return renderContent({ content: children, props: { size: iconSize } });
+    })();
+    return (React.createElement(Tag, __assign({}, other, { ref: ref, className: cnFileIcon({
+            status: status,
+            color: color,
+            size: size,
+        }, [className]) }), content));
+});
+FileIcon.displayName = 'FileIcon';

package/__inner__/esm/components/FileIcon/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const FILE_ICON_DEFAULT_TAG = "div";
+export declare const FILE_ICON_DEFAULT_STATUS = "default";
+export declare const FILE_ICON_DEFAULT_COLOR = "main";
+export declare const FILE_ICON_DEFAULT_SIZE = "xs";

package/__inner__/esm/components/FileIcon/constants.js

@@ -0,0 +1,4 @@
+export var FILE_ICON_DEFAULT_TAG = 'div';
+export var FILE_ICON_DEFAULT_STATUS = 'default';
+export var FILE_ICON_DEFAULT_COLOR = 'main';
+export var FILE_ICON_DEFAULT_SIZE = 'xs';

package/__inner__/esm/components/FileIcon/entities/color.d.ts

@@ -0,0 +1,2 @@
+export declare const fileIconColorVariant: readonly ["main", "primary"];
+export type FileIconColorVariant = (typeof fileIconColorVariant)[number];

package/__inner__/esm/components/FileIcon/entities/color.js

@@ -0,0 +1 @@
+export var fileIconColorVariant = ['main', 'primary'];

package/__inner__/esm/components/FileIcon/entities/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color';
+export * from './size';
+export * from './status';

package/__inner__/esm/components/FileIcon/entities/index.js

@@ -0,0 +1,3 @@
+export * from './color';
+export * from './size';
+export * from './status';

package/__inner__/esm/components/FileIcon/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const fileIconSizeVariant: readonly ["xs", "m"];
+export type FileIconSizeVariant = (typeof fileIconSizeVariant)[number];

package/__inner__/esm/components/FileIcon/entities/size.js

@@ -0,0 +1 @@
+export var fileIconSizeVariant = ['xs', 'm'];

package/__inner__/esm/components/FileIcon/entities/status.d.ts

@@ -0,0 +1,2 @@
+export declare const fileIconStatusVariant: readonly ["default", "error", "loading", "unknown"];
+export type FileIconStatusVariant = (typeof fileIconStatusVariant)[number];

package/__inner__/esm/components/FileIcon/entities/status.js

@@ -0,0 +1,6 @@
+export var fileIconStatusVariant = [
+    'default',
+    'error',
+    'loading',
+    'unknown',
+];

package/__inner__/esm/components/FileIcon/index.d.ts

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './constants';
+export * from './FileIcon';
+export * from './types';

package/__inner__/esm/components/FileIcon/index.js

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './constants';
+export * from './FileIcon';
+export * from './types';

package/__inner__/esm/components/FileIcon/types.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FILE_ICON_DEFAULT_TAG } from './constants';
+import type { FileIconColorVariant, FileIconSizeVariant, FileIconStatusVariant } from './entities';
+export type FileIconBaseProps = {
+    /** Статус иконки */
+    status?: FileIconStatusVariant;
+    /** Цвет иконки */
+    color?: FileIconColorVariant;
+    /** Размер иконки */
+    size?: FileIconSizeVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type FileIconProps<As extends ElementType = typeof FILE_ICON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileIconBaseProps, As>;
+export type FileIconRef<As extends ElementType = typeof FILE_ICON_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/esm/components/FileIcon/types.js

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