@ozen-ui/kit 0.71.0 → 0.72.0

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/index.js

@@ -0,0 +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("./FileUploaderLoader"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,11 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { FILE_UPLOADER_LOADER_DEFAULT_TAG } from './constants';
+export type FileUploaderLoaderBaseProps = {
+    /** Текст */
+    text?: ReactNode;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};
+export type FileUploaderLoaderProps<As extends ElementType = typeof FILE_UPLOADER_LOADER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderLoaderBaseProps, As>;
+export type FileUploaderLoaderRef<As extends ElementType = typeof FILE_UPLOADER_LOADER_DEFAULT_TAG> = ComponentRef<As>;

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

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

package/__inner__/cjs/components/FileUploader/modules/FileUploaderUploadButton/FileUploaderUploadButton.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderUploadButtonBaseProps } from './types';
+export declare const FileUploaderUploadButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileUploaderUploadButtonBaseProps, "button", "as">;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderUploadButton/FileUploaderUploadButton.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderUploadButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var ButtonNext_1 = require("../../../ButtonNext");
+var context_1 = require("../../context");
+var constants_1 = require("./constants");
+exports.FileUploaderUploadButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploaderUploadButton',
+    });
+    var children = props.children, _a = props.as, as = _a === void 0 ? constants_1.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG : _a, onClick = props.onClick, disabled = props.disabled, _b = props.disableOpen, disableOpen = _b === void 0 ? constants_1.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN : _b, other = tslib_1.__rest(props, ["children", "as", "onClick", "disabled", "disableOpen"]);
+    var _c = (0, context_1.useFileUploaderContext)(), openUploader = _c.openUploader, size = _c.size, status = _c.status;
+    return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { ref: ref, size: constants_1.FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE[size], variant: "function", as: as, onClick: function (event) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            if (disableOpen) {
+                return;
+            }
+            event.stopPropagation();
+            openUploader();
+        }, disabled: status === 'disabled' || disabled }), children));
+});
+exports.FileUploaderUploadButton.displayName = 'FileUploaderUploadButton';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderUploadButton/constants.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonSize } from '../../../ButtonNext';
+import type { FileUploaderSizeVariant } from '../../entities';
+export declare const FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG = "button";
+export declare const FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN = false;
+export declare const FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE: Readonly<Record<FileUploaderSizeVariant, ButtonSize>>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderUploadButton/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE = exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN = exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG = void 0;
+var ButtonNext_1 = require("../../../ButtonNext");
+exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG = ButtonNext_1.BUTTON_DEFAULT_TAG;
+exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN = false;
+exports.FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE = {
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/cjs/components/FileUploader/modules/FileUploaderUploadButton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './FileUploaderUploadButton';
+export * from './types';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderUploadButton/index.js

@@ -0,0 +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("./FileUploaderUploadButton"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,10 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { WithPartial } from '../../../../types/object';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { ButtonBaseProps } from '../../../ButtonNext';
+import type { FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG } from './constants';
+export type FileUploaderUploadButtonBaseProps = WithPartial<Omit<ButtonBaseProps, 'size' | 'variant'>, 'children'> & {
+    disableOpen?: boolean;
+};
+export type FileUploaderUploadButtonProps<As extends ElementType = typeof FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseProps, As>;
+export type FileUploaderUploadButtonRef<As extends ElementType = typeof FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG> = ComponentRef<As>;

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

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

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

@@ -0,0 +1,6 @@
+export * from './FileUploaderDrop';
+export * from './FileUploaderInput';
+export * from './FileUploaderList';
+export * from './FileUploaderListItem';
+export * from './FileUploaderLoader';
+export * from './FileUploaderUploadButton';

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FileUploaderDrop"), exports);
+tslib_1.__exportStar(require("./FileUploaderInput"), exports);
+tslib_1.__exportStar(require("./FileUploaderList"), exports);
+tslib_1.__exportStar(require("./FileUploaderListItem"), exports);
+tslib_1.__exportStar(require("./FileUploaderLoader"), exports);
+tslib_1.__exportStar(require("./FileUploaderUploadButton"), exports);

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/PortalBase/PortalBase.js

@@ -23,7 +23,7 @@ exports.PortalBase = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         return null;
     }
     if (!isUseNewProvider) {
-        return (react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children));
+        return (0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children), container);
     }
     return (0, react_dom_1.createPortal)(react_1.default.createElement(OzenProvider_1.OzenProvider, tslib_1.__assign({ theme: theme, as: Tag, ssr: ssr.config }, other, { ref: ref }), children), container);
 });

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);
+  }