@ozen-ui/kit 0.71.0 → 0.72.0

package/__inner__/esm/components/FileUploader/modules/FileUploaderList/entities/renderItem.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { FileUploaderFileInfo } from '../../../entities';
+export type FileUploaderListRenderItem = (fileInfo: FileUploaderFileInfo) => ReactNode;

package/__inner__/esm/components/FileUploader/modules/FileUploaderList/entities/renderItem.js

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { FILE_UPLOADER_LIST_DEFAULT_TAG } from './constants';
+import type { FileUploaderListRenderItem } from './entities';
+export type FileUploaderListBaseProps = {
+    /** Функция для рендера элемента списка */
+    renderItem?: FileUploaderListRenderItem;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type FileUploaderListProps<As extends ElementType = typeof FILE_UPLOADER_LIST_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderListBaseProps, As>;
+export type FileUploaderListRef<As extends ElementType = typeof FILE_UPLOADER_LIST_DEFAULT_TAG> = ComponentRef<As>;

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

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

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

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

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

@@ -0,0 +1,19 @@
+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 { File } from '../../../FileNext';
+import { useFileUploaderContext } from '../../context';
+import { FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG, FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE, } from './constants';
+export var cnFileUploaderListItem = cn('FileUploaderListItem');
+export var FileUploaderListItem = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'FileUploaderListItem',
+    });
+    var _a = props.as, as = _a === void 0 ? FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG : _a, className = props.className, children = props.children, other = __rest(props, ["as", "className", "children"]);
+    var size = useFileUploaderContext().size;
+    return (React.createElement(File, __assign({}, other, { as: as, ref: ref, className: cnFileUploaderListItem('', [className]), size: FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE[size] }), children));
+});
+FileUploaderListItem.displayName = 'FileUploaderListItem';

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

@@ -0,0 +1,4 @@
+import type { FileSizeVariant } from '../../../FileNext';
+import type { FileUploaderSizeVariant } from '../../entities';
+export declare const FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG = "li";
+export declare const FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE: Readonly<Record<FileUploaderSizeVariant, FileSizeVariant>>;

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

@@ -0,0 +1,6 @@
+export var FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG = 'li';
+export var FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE = {
+    s: 'm',
+    m: 'm',
+    l: 'l',
+};

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

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

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

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

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

@@ -20,7 +20,7 @@ export var PortalBase = polymorphicComponentWithRef(function (_a, ref) {
         return null;
     }
     if (!isUseNewProvider) {
-        return (React.createElement(ThemeProvider, __assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children));
+        return createPortal(React.createElement(ThemeProvider, __assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children), container);
     }
     return createPortal(React.createElement(OzenProvider, __assign({ theme: theme, as: Tag, ssr: ssr.config }, other, { ref: ref }), children), container);
 });

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 {};