@ozen-ui/kit 0.71.1 → 0.72.1

package/__inner__/esm/components/FileUploader/modules/FileUploaderListItem/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { FileBaseProps } from '../../../FileNext';
+import type { FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG } from './constants';
+export type FileUploaderListItemBaseProps = Omit<FileBaseProps, 'size'>;
+export type FileUploaderListItemProps<As extends ElementType = typeof FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderListItemBaseProps, As>;
+export type FileUploaderListItemRef<As extends ElementType = typeof FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/esm/components/FileUploader/modules/FileUploaderListItem/types.js

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

package/__inner__/esm/components/FileUploader/modules/FileUploaderLoader/FileUploaderLoader.css

@@ -0,0 +1,12 @@
+.FileUploaderLoader {
+  --file-uploader-loader-color: var(--color-content-disabled);
+  display: flex;
+}
+
+  .FileUploaderLoader-Loader {
+    color: var(--file-uploader-loader-color)
+  }
+
+  .FileUploaderLoader-Text {
+    color: var(--file-uploader-loader-color);
+  }

package/__inner__/esm/components/FileUploader/modules/FileUploaderLoader/FileUploaderLoader.d.ts

@@ -0,0 +1,3 @@
+import type { FileUploaderLoaderBaseProps } from './types';
+export declare const cnFileUploaderLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileUploaderLoader: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileUploaderLoaderBaseProps, "div", "as">;

package/__inner__/esm/components/FileUploader/modules/FileUploaderLoader/FileUploaderLoader.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Loader } from '../../../Loader';
+import { Stack } from '../../../Stack';
+import { useFileUploaderContext } from '../../context';
+import { FILE_UPLOADER_LOADER_DEFAULT_TAG, FILE_UPLOADER_SIZE_TO_LOADER_SIZE, } from './constants';
+export var cnFileUploaderLoader = cn('FileUploaderLoader');
+export var FileUploaderLoader = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'FileUploaderLoader',
+    });
+    var text = props.text, _a = props.as, as = _a === void 0 ? FILE_UPLOADER_LOADER_DEFAULT_TAG : _a, className = props.className, other = __rest(props, ["text", "as", "className"]);
+    var size = useFileUploaderContext().size;
+    return (React.createElement(Stack, __assign({}, other, { as: as, ref: ref, className: cnFileUploaderLoader({ size: size }, [className]), direction: "column", justify: "center", align: "center", gap: "s" }),
+        React.createElement(Loader, { className: cnFileUploaderLoader('Loader'), size: FILE_UPLOADER_SIZE_TO_LOADER_SIZE[size] }),
+        React.createElement("div", { className: cnFileUploaderLoader('Text') }, text)));
+});
+FileUploaderLoader.displayName = 'FileUploaderLoader';

package/__inner__/esm/components/FileUploader/modules/FileUploaderLoader/constants.d.ts

@@ -0,0 +1,4 @@
+import type { LoaderSizeVariant } from '../../../Loader';
+import type { FileUploaderSizeVariant } from '../../entities';
+export declare const FILE_UPLOADER_LOADER_DEFAULT_TAG = "div";
+export declare const FILE_UPLOADER_SIZE_TO_LOADER_SIZE: Readonly<Record<FileUploaderSizeVariant, LoaderSizeVariant>>;

package/__inner__/esm/components/FileUploader/modules/FileUploaderLoader/constants.js

@@ -0,0 +1,7 @@
+import { STACK_DEFAULT_TAG } from '../../../Stack';
+export var FILE_UPLOADER_LOADER_DEFAULT_TAG = STACK_DEFAULT_TAG;
+export var FILE_UPLOADER_SIZE_TO_LOADER_SIZE = {
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/esm/components/FileUploader/modules/FileUploaderLoader/index.d.ts

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

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

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

package/__inner__/esm/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__/esm/components/FileUploader/modules/FileUploaderLoader/types.js

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

package/__inner__/esm/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__/esm/components/FileUploader/modules/FileUploaderUploadButton/FileUploaderUploadButton.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Button } from '../../../ButtonNext';
+import { useFileUploaderContext } from '../../context';
+import { FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE, FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN, FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG, } from './constants';
+export var FileUploaderUploadButton = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'FileUploaderUploadButton',
+    });
+    var children = props.children, _a = props.as, as = _a === void 0 ? FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG : _a, onClick = props.onClick, disabled = props.disabled, _b = props.disableOpen, disableOpen = _b === void 0 ? FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN : _b, other = __rest(props, ["children", "as", "onClick", "disabled", "disableOpen"]);
+    var _c = useFileUploaderContext(), openUploader = _c.openUploader, size = _c.size, status = _c.status;
+    return (React.createElement(Button, __assign({}, other, { ref: ref, size: 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));
+});
+FileUploaderUploadButton.displayName = 'FileUploaderUploadButton';

package/__inner__/esm/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__/esm/components/FileUploader/modules/FileUploaderUploadButton/constants.js

@@ -0,0 +1,8 @@
+import { BUTTON_DEFAULT_TAG } from '../../../ButtonNext';
+export var FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG = BUTTON_DEFAULT_TAG;
+export var FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN = false;
+export var FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE = {
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

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

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

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

package/__inner__/esm/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__/esm/components/FileUploader/modules/FileUploaderUploadButton/types.js

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

package/__inner__/esm/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__/esm/components/FileUploader/modules/index.js

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

package/__inner__/esm/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__/esm/components/FileUploader/types.js

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

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

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

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

@@ -0,0 +1,3 @@
+export var getFileKey = function (file) {
+    return file.name + file.size + file.lastModified;
+};

package/__inner__/esm/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__/esm/components/FileUploader/utils/getNewFiles.js

@@ -0,0 +1,11 @@
+import { getFileKey } from './getFileKey';
+export var getNewFiles = function (previousFiles, files) {
+    var existing = new Map(previousFiles.map(function (file) { return [getFileKey(file), file]; }));
+    var newFiles = new Set();
+    files.forEach(function (file) {
+        if (!existing.has(getFileKey(file))) {
+            newFiles.add(file);
+        }
+    });
+    return Array.from(newFiles.values());
+};

package/__inner__/esm/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__/esm/components/FileUploader/utils/index.js

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

package/__inner__/esm/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__/esm/components/FileUploader/utils/isObjectAllowInfo.js

@@ -0,0 +1,4 @@
+import { isPlainObject } from '../../../utils/object';
+export var isObjectAllowInfo = function (value) {
+    return isPlainObject(value) && 'isAllow' in value && 'message' in value;
+};

package/__inner__/esm/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__/esm/components/FileUploader/utils/isObjectValidateInfo.js

@@ -0,0 +1,4 @@
+import { isPlainObject } from '../../../utils/object';
+export var isObjectValidateInfo = function (value) {
+    return isPlainObject(value) && 'isValid' in value && 'message' in value;
+};

package/__inner__/esm/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__/esm/components/FileUploader/utils/mergeFiles.js

@@ -0,0 +1,8 @@
+import { getFileKey } from './getFileKey';
+export var mergeFiles = function (previousFiles, files) {
+    var existing = new Map(previousFiles.map(function (file) { return [getFileKey(file), file]; }));
+    files.forEach(function (file) {
+        existing.set(getFileKey(file), file);
+    });
+    return Array.from(existing.values());
+};

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

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

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

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

package/__inner__/esm/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__/esm/components/Loader/Loader.js

@@ -3,7 +3,7 @@ import './Loader.css';
 import React, { forwardRef } from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-var cnLoader = cn('Loader');
+export var cnLoader = cn('Loader');
 export var loaderSizeVariant = ['s', 'm', 'l', 'xl'];
 export var Loader = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Loader' });

package/__inner__/esm/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__/esm/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__/esm/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__/esm/components/ProgressBar/ProgressBar.js

@@ -1,12 +1,16 @@
 import { __assign, __rest } from "tslib";
 import './ProgressBar.css';
 import React from 'react';
+import { useThemeTokens } from '../../hooks/useThemeTokens';
 import { cn } from '../../utils/classname';
+import { generateCSSVariables } from '../../utils/css';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
-import { PROGRESSBAR_DEFAULT_TAG } from './constants';
+import { PROGRESSBAR_CSS_VARIABLE, PROGRESSBAR_DEFAULT_STROKE_COLOR, PROGRESSBAR_DEFAULT_TAG, PROGRESSBAR_DEFAULT_TRAIL_COLOR, } from './constants';
 export var cnProgressBar = cn('ProgressBar');
 export var ProgressBar = polymorphicComponentWithRef(function (_a, ref) {
-    var className = _a.className, _b = _a.as, Tag = _b === void 0 ? PROGRESSBAR_DEFAULT_TAG : _b, value = _a.value, other = __rest(_a, ["className", "as", "value"]);
+    var _b;
+    var className = _a.className, _c = _a.as, Tag = _c === void 0 ? PROGRESSBAR_DEFAULT_TAG : _c, value = _a.value, _d = _a.strokeColor, strokeColor = _d === void 0 ? PROGRESSBAR_DEFAULT_STROKE_COLOR : _d, _e = _a.trailColor, trailColor = _e === void 0 ? PROGRESSBAR_DEFAULT_TRAIL_COLOR : _e, style = _a.style, other = __rest(_a, ["className", "as", "value", "strokeColor", "trailColor", "style"]);
+    var colorToken = useThemeTokens().color;
     var isValueSet = value || value === 0;
     var isFilled = value === 100;
     var setProgressLineStyles = function () {
@@ -21,9 +25,10 @@ export var ProgressBar = polymorphicComponentWithRef(function (_a, ref) {
         'aria-valuemin': 0,
         'aria-valuemax': 100,
         'aria-valuenow': value,
-    }), { className: cnProgressBar({ filled: isFilled, indefinite: !isValueSet }, [
-            className,
-        ]), role: "progressbar" }, other, { ref: ref }),
+    }), { className: cnProgressBar({ filled: isFilled, indefinite: !isValueSet }, [className]), role: "progressbar" }, other, { style: __assign(__assign({}, style), generateCSSVariables((_b = {},
+            _b[PROGRESSBAR_CSS_VARIABLE.TRAIL_COLOR] = "var(".concat(colorToken.toCSSProperty(trailColor), ")"),
+            _b[PROGRESSBAR_CSS_VARIABLE.STROKE_COLOR] = "var(".concat(colorToken.toCSSProperty(strokeColor), ")"),
+            _b))), ref: ref }),
         React.createElement("span", { className: cnProgressBar('ProgressLine'), style: setProgressLineStyles() })));
 });
 ProgressBar.displayName = 'ProgressBar';

package/__inner__/esm/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__/esm/components/ProgressBar/constants.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/__inner__/esm/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__/esm/components/ProgressBar/types.js

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

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

@@ -4,10 +4,11 @@ import React, { useContext } from 'react';
 import { cn } from '../../../../utils/classname';
 import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
 import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { renderContent } from '../../../../utils/renderContent';
 import { TabsContext } from '../../TabsContext';
 export var cnTab = cn('Tab');
 export var TabComponent = 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 = __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 = __rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "onClick", "as"]);
     var _c = useContext(TabsContext), _d = _c.size, size = _d === void 0 ? 'm' : _d, currentValue = _c.currentValue, onChange = _c.onChange;
     var iconSize = getIconSizeToFormElement(size);
     var isActive = value === currentValue;
@@ -34,9 +35,9 @@ export var TabComponent = polymorphicComponentWithRef(function (_a, ref) {
         onClick: handleClick,
     };
     return (React.createElement(Tag, __assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
-        IconLeft && React.createElement(IconLeft, { size: iconSize }),
+        renderContent({ content: iconLeft, props: { size: iconSize } }),
         !!label && React.createElement("span", { className: cnTab('Label', { size: size }) }, label),
-        IconRight && React.createElement(IconRight, { size: iconSize })));
+        renderContent({ content: iconRight, props: { size: iconSize } })));
 });
 TabComponent.displayName = 'Tab';
 export var Tab = React.memo(TabComponent);

package/__inner__/esm/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__/esm/locale/locale.js

@@ -40,6 +40,9 @@ export var ruRU = {
                 'aria-label': 'Закрыть',
             },
         },
+        FileUploaderLoader: {
+            text: 'Загрузка…',
+        },
         Loader: {
             'aria-label': 'Загрузка',
         },
@@ -129,6 +132,9 @@ export var kkKZ = {
                 'aria-label': 'Жабу',
             },
         },
+        FileUploaderLoader: {
+            text: 'Жүктеу…',
+        },
         Loader: {
             'aria-label': 'Жүктеу',
         },
@@ -218,6 +224,9 @@ export var enUS = {
                 'aria-label': 'Close',
             },
         },
+        FileUploaderLoader: {
+            text: 'Loading…',
+        },
         Loader: {
             'aria-label': 'Loading',
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.71.1",
+  "version": "0.72.1",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.71.1",
-    "@ozen-ui/icons": "0.71.1",
-    "@ozen-ui/logger": "0.71.1"
+    "@ozen-ui/fonts": "0.72.1",
+    "@ozen-ui/icons": "0.72.1",
+    "@ozen-ui/logger": "0.72.1"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"