@ozen-ui/kit 0.0.1

package/__inner__/esm/components/Drawer/Drawer.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { CloseIcon } from '@ozen-ui/icons';
+import { cn } from '../../utils/classname';
+import { IconButton } from '../IconButton';
+import { Modal } from '../Modal';
+import './Drawer.css';
+export var cnDrawer = cn('Drawer');
+export var drawerVariant = ['little', 'medium', 'large'];
+export var drawerSizeVariant = ['s', 'l'];
+export var drawerPlacementVariant = ['left', 'right'];
+var iconButtonSizeMapper = {
+    l: 'm',
+    s: 's'
+};
+export var Drawer = forwardRef(function (_a, ref) {
+    var open = _a.open, _b = _a.variant, variant = _b === void 0 ? 'medium' : _b, _c = _a.size, size = _c === void 0 ? 'l' : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, _e = _a.hideCloseButton, hideCloseButton = _e === void 0 ? false : _e, onClose = _a.onClose, children = _a.children, className = _a.className, transitionProps = _a.transitionProps, closeButtonProps = _a.closeButtonProps, other = __rest(_a, ["open", "variant", "size", "placement", "hideCloseButton", "onClose", "children", "className", "transitionProps", "closeButtonProps"]);
+    var _f = closeButtonProps || {}, closeButtonClassName = _f.className, closeButtonRestProps = __rest(_f, ["className"]);
+    return (React.createElement(Modal, __assign({}, other, { open: open, onClose: onClose, className: cnDrawer({ variant: variant, size: size, placement: placement, hasCloseButton: !hideCloseButton }, [className]), transitionProps: __assign({ classNames: cnDrawer({ animation: true }) }, transitionProps), ref: ref }),
+        !hideCloseButton && (React.createElement(IconButton, __assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close", "aria-label": "\u0437\u0430\u043A\u0440\u044B\u0442\u044C" }, closeButtonRestProps, { className: cnDrawer('CloseButton', [closeButtonClassName]), onClick: onClose, icon: CloseIcon, compressed: true }))),
+        React.createElement("div", { className: cnDrawer('InnerContainer') }, children)));
+});
+Drawer.displayName = 'Drawer';

package/__inner__/esm/components/Drawer/components/DrawerBody.d.ts

@@ -0,0 +1,9 @@
+import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
+import '../Drawer.css';
+export type DrawerBodyProps = {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+    'data-testid'?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const DrawerBody: FC<DrawerBodyProps>;

package/__inner__/esm/components/Drawer/components/DrawerBody.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { cnDrawer } from '../Drawer';
+import '../Drawer.css';
+export var DrawerBody = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Body', [className]) }, restProps), children));
+});
+DrawerBody.displayName = 'DrawerBody';

package/__inner__/esm/components/Drawer/components/DrawerFooter.d.ts

@@ -0,0 +1,9 @@
+import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
+import '../Drawer.css';
+export type DrawerFooterProps = {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+    'data-testid'?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const DrawerFooter: FC<DrawerFooterProps>;

package/__inner__/esm/components/Drawer/components/DrawerFooter.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { cnDrawer } from '../Drawer';
+import '../Drawer.css';
+export var DrawerFooter = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Footer', [className]) }, restProps), children));
+});
+DrawerFooter.displayName = 'DrawerFooter';

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

@@ -0,0 +1,9 @@
+import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
+import '../Drawer.css';
+export type DrawerHeaderProps = {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+    'data-testid'?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const DrawerHeader: FC<DrawerHeaderProps>;

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

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { cnDrawer } from '../Drawer';
+import '../Drawer.css';
+export var DrawerHeader = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Header', [className]) }, restProps), children));
+});
+DrawerHeader.displayName = 'DrawerHeader';

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

@@ -0,0 +1,9 @@
+import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
+import '../Drawer.css';
+export type DrawerSubtitleProps = {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+    'data-testid'?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const DrawerSubtitle: FC<DrawerSubtitleProps>;

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

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { cnDrawer } from '../Drawer';
+import '../Drawer.css';
+export var DrawerSubtitle = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Subtitle', [className]) }, restProps), children));
+});
+DrawerSubtitle.displayName = 'DrawerSubtitle';

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

@@ -0,0 +1,9 @@
+import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
+import '../Drawer.css';
+export type DrawerTitleProps = {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLHeadingElement>;
+    'data-testid'?: string;
+} & HTMLAttributes<HTMLHeadingElement>;
+export declare const DrawerTitle: FC<DrawerTitleProps>;

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

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { cnDrawer } from '../Drawer';
+import '../Drawer.css';
+export var DrawerTitle = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
+    return (React.createElement("h2", __assign({ ref: ref, className: cnDrawer('Title', [className]) }, restProps), children));
+});
+DrawerTitle.displayName = 'DrawerTitle';

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

@@ -0,0 +1,5 @@
+export * from './DrawerHeader';
+export * from './DrawerTitle';
+export * from './DrawerSubtitle';
+export * from './DrawerBody';
+export * from './DrawerFooter';

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

@@ -0,0 +1,5 @@
+export * from './DrawerHeader';
+export * from './DrawerTitle';
+export * from './DrawerSubtitle';
+export * from './DrawerBody';
+export * from './DrawerFooter';

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

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

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

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

package/__inner__/esm/components/FieldHint/FieldHint.css

@@ -0,0 +1,47 @@
+/* stylelint-disable */
+.FieldHint {
+  color: var(--field-hint-color, var(--color-content-secondary));
+  margin: var(--field-hint-margin);
+  min-block-size: 16px;
+}
+.FieldHint_size_2xs {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+
+      --field-hint-margin: 2px 0 6px;
+    }
+.FieldHint_size_xs {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+
+      --field-hint-margin: 2px 0 6px;
+    }
+.FieldHint_size_s {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+
+      --field-hint-margin: 2px 0 6px;
+    }
+.FieldHint_size_m {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+
+      --field-hint-margin: 4px 0 12px;
+    }
+.FieldHint_size_l {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+
+      --field-hint-margin: 4px 0 12px;
+    }
+.FieldHint_disabled {
+    --field-hint-color: var(--color-content-tertiary);
+  }
+.FieldHint_error {
+    --field-hint-color: var(--color-content-error);
+  }

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

@@ -0,0 +1,17 @@
+import './FieldHint.css';
+import React from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+export type FieldHintProps = {
+    children?: ReactNode;
+    error?: boolean;
+    disabled?: boolean;
+    size?: FormElementSizeVariant;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+export declare const cnFieldHint: import("@bem-react/classname").ClassNameFormatter;
+export declare const FieldHint: React.ForwardRefExoticComponent<{
+    children?: ReactNode;
+    error?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: "s" | "m" | "l" | "2xs" | "xs" | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/FieldHint/FieldHint.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import './FieldHint.css';
+import React, { forwardRef } from 'react';
+import { cn } from '../../utils/classname';
+export var cnFieldHint = cn('FieldHint');
+export var FieldHint = forwardRef(function (_a, ref) {
+    var children = _a.children, error = _a.error, disabled = _a.disabled, size = _a.size, className = _a.className, other = __rest(_a, ["children", "error", "disabled", "size", "className"]);
+    if (!children) {
+        return null;
+    }
+    return (React.createElement("div", __assign({ className: cnFieldHint({ error: error, disabled: disabled, size: size }, [className]) }, other, { ref: ref }), children));
+});
+FieldHint.displayName = 'FieldHint';

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

@@ -0,0 +1 @@
+export * from './FieldHint';

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

@@ -0,0 +1 @@
+export * from './FieldHint';

package/__inner__/esm/components/FieldIcon/FieldIcon.css

@@ -0,0 +1,26 @@
+.FieldIcon {
+  display: flex;
+  align-items: center;
+  color: var(--color-content-secondary);
+  font: var(--field-icon-input-font);
+}
+
+  .FieldIcon_size_2xs {
+      --field-icon-input-font: var(--typography-text-2xs-font);
+    }
+
+  .FieldIcon_size_xs {
+      --field-icon-input-font: var(--typography-text-xs-font);
+    }
+
+  .FieldIcon_size_s {
+      --field-icon-input-font: var(--typography-text-s-font);
+    }
+
+  .FieldIcon_size_m {
+      --field-icon-input-font: var(--typography-text-m-font);
+    }
+
+  .FieldIcon_size_l {
+      --field-icon-input-font: var(--typography-text-l-font);
+    }

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

@@ -0,0 +1,20 @@
+import './FieldIcon.css';
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+import type { IconProps, IconSize } from '@ozen-ui/icons';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+export type FieldIconProps = {
+    icon?: string | React.FC<IconProps & {
+        size?: IconSize;
+    }> | undefined;
+    size: FormElementSizeVariant;
+    children?: never;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare const cnFieldIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const FieldIcon: React.ForwardRefExoticComponent<{
+    icon?: string | React.FC<IconProps & {
+        size?: IconSize;
+    }> | undefined;
+    size: FormElementSizeVariant;
+    children?: undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/FieldIcon/FieldIcon.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import './FieldIcon.css';
+import React, { forwardRef } from 'react';
+import { isValidElementType } from 'react-is';
+import { cn } from '../../utils/classname';
+import { getIconSizeToFormElement } from '../../utils/getIconSizeToFormElement';
+export var cnFieldIcon = cn('FieldIcon');
+var resolveChildren = function (Content, size) {
+    if (typeof Content === 'string') {
+        return Content;
+    }
+    if (isValidElementType(Content)) {
+        return React.createElement(Content, { size: getIconSizeToFormElement(size) });
+    }
+    return null;
+};
+export var FieldIcon = forwardRef(function (_a, ref) {
+    var icon = _a.icon, className = _a.className, size = _a.size, other = __rest(_a, ["icon", "className", "size"]);
+    if (!icon) {
+        return null;
+    }
+    return (React.createElement("div", __assign({ className: cnFieldIcon({ size: size }, [className]) }, other, { ref: ref }), resolveChildren(icon, size)));
+});
+FieldIcon.displayName = 'FieldIcon';

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

@@ -0,0 +1 @@
+export * from './FieldIcon';

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

@@ -0,0 +1 @@
+export * from './FieldIcon';

package/__inner__/esm/components/FieldLabel/FieldLabel.css

@@ -0,0 +1,78 @@
+.FieldLabel {
+  font: var(--field-label-font);
+  color: var(--color-content-secondary);
+  transition: transform var(--transition-default),
+    font var(--transition-default);
+  position: absolute;
+  box-sizing: border-box;
+  inset-block-start: var(--field-label-top);
+  inline-size: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  z-index: var(--z-index-absolute);
+  pointer-events: none;
+}
+
+  .FieldLabel_filled,
+  .FieldLabel_focused,
+  .FieldLabel_shrink {
+    -webkit-backface-visibility: hidden;
+            backface-visibility: hidden;
+    transform-origin: 0;
+    font: var(--field-label-scaled);
+    transform: translateY(var(--field-label-translate_y)) scale(1);
+  }
+
+  .FieldLabel_filled.FieldLabel_size_2xs,
+  .FieldLabel_focused.FieldLabel_size_2xs {
+    opacity: 0;
+    display: none;
+  }
+
+  .FieldLabel_size_2xs {
+      --field-label-font: var(--typography-text-2xs-font);
+      --field-label-scaled: var(--typography-text-2xs-font);
+      --field-label-top: 8px;
+    }
+
+  .FieldLabel_size_xs {
+      --field-label-font: var(--typography-text-xs-font);
+      --field-label-scaled: var(--typography-text-3xs-font);
+      --field-label-translate_y: -8px;
+      --field-label-top: 12px;
+    }
+
+  .FieldLabel_size_s {
+      --field-label-font: var(--typography-text-s-font);
+      --field-label-scaled: var(--typography-text-3xs-font);
+      --field-label-translate_y: -9px;
+      --field-label-top: 14px;
+    }
+
+  .FieldLabel_size_m {
+      --field-label-font: var(--typography-text-m-font);
+      --field-label-scaled: var(--typography-text-s-font);
+      --field-label-translate_y: -10px;
+      --field-label-top: 15px;
+    }
+
+  .FieldLabel_size_l {
+      --field-label-font: var(--typography-text-l-font);
+      --field-label-scaled: var(--typography-text-s-font);
+      --field-label-translate_y: -9px;
+      --field-label-top: 17px;
+    }
+
+  .FieldLabel_disabled {
+    color: var(--color-content-tertiary);
+  }
+
+  .FieldLabel sup {
+    inset-block-start: -0.5em;
+    color: var(--color-content-error);
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }

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

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, Ref } from 'react';
+import * as React from 'react';
+import './FieldLabel.css';
+export declare const fieldLabelSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type FieldLabelSizeVariant = (typeof fieldLabelSizeVariant)[number];
+export type FieldLabelProps = {
+    /** Если {true} переводит компонент в визуальное состояние заполненный */
+    filled?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние лейбл прижатый к верху */
+    shrink?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние сфокусированный */
+    focused?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние обязательный */
+    required?: boolean;
+    /** Если {true} переводит компонент в визуальное состояние неактивный */
+    disabled?: boolean;
+    /** Размер компонента */
+    size?: FieldLabelSizeVariant;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLSpanElement>;
+    /** Значение компонента */
+    children?: string;
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const cnFieldLabel: import("@bem-react/classname").ClassNameFormatter;
+export declare const FieldLabel: React.ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/__inner__/esm/components/FieldLabel/FieldLabel.js

@@ -0,0 +1,16 @@
+import { forwardRef } from 'react';
+import * as React from 'react';
+import { cn } from '../../utils/classname';
+import './FieldLabel.css';
+export var fieldLabelSizeVariant = ['2xs', 'xs', 's', 'm', 'l'];
+export var cnFieldLabel = cn('FieldLabel');
+export var FieldLabel = forwardRef(function (_a, ref) {
+    var focused = _a.focused, children = _a.children, filled = _a.filled, shrink = _a.shrink, required = _a.required, disabled = _a.disabled, className = _a.className, size = _a.size;
+    return (React.createElement("span", { className: cnFieldLabel({ filled: filled, shrink: shrink, focused: focused, disabled: disabled, size: size }, [
+            className,
+        ]), ref: ref },
+        children,
+        " ",
+        required && React.createElement("sup", null, "*")));
+});
+FieldLabel.displayName = 'FieldLabel';

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

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

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

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

package/__inner__/esm/components/File/File.css

@@ -0,0 +1,26 @@
+/* stylelint-disable */
+.File {
+  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);
+  inline-size: var(--space-3xl);
+  block-size: var(--space-3xl);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--border-radius-xs);
+  overflow: hidden;
+  transition: background-color var(--transition-default);
+}
+.File_color_main {
+      background-color: var(--color-background-primary);
+    }
+.File_color_primary {
+      background-color: var(--color-background-secondary);
+    }
+.File_error {
+    background-color: var(--color-background-error-light);
+  }
+.File_loading {
+    background-color: var(--color-background-disabled);
+  }

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

@@ -0,0 +1,22 @@
+import './File.css';
+import type { ReactNode, ElementType } from 'react';
+import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import { FILE_DEFAULT_TAG } from './constants';
+export declare const cnFile: import("@bem-react/classname").ClassNameFormatter;
+export declare const fileColorVariant: readonly ["main", "primary"];
+export type FileColorVariant = (typeof fileColorVariant)[number];
+export type FileBaseProps = {
+    /** Содержимое */
+    children: ReactNode;
+    /**
+     * Цвет
+     * @default main
+     * */
+    color?: FileColorVariant;
+    /** Если {true} отображает иконку загрузки и изменяет стилизацию */
+    loading?: boolean;
+    /** Если {true} отображает иконку ошибки и изменяет стилизацию */
+    error?: boolean;
+};
+export type FileProps<As extends ElementType = typeof FILE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileBaseProps, As>;
+export declare const File: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileBaseProps, "div">;

package/__inner__/esm/components/File/File.js

@@ -0,0 +1,26 @@
+import { __assign, __rest } from "tslib";
+import './File.css';
+import React, { useMemo } from 'react';
+import { WarningTriangleOutlineIcon } from '@ozen-ui/icons';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
+import { Loader } from '../Loader';
+import { FILE_DEFAULT_COLOR, FILE_DEFAULT_TAG } from './constants';
+export var cnFile = cn('File');
+export var fileColorVariant = ['main', 'primary'];
+export var File = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({ props: inProps, name: 'File' });
+    var _a = props.as, Tag = _a === void 0 ? FILE_DEFAULT_TAG : _a, _b = props.color, color = _b === void 0 ? FILE_DEFAULT_COLOR : _b, error = props.error, loading = props.loading, className = props.className, children = props.children, other = __rest(props, ["as", "color", "error", "loading", "className", "children"]);
+    var resolvedChildren = useMemo(function () {
+        if (loading) {
+            return React.createElement(Loader, { color: "var(--color-content-disabled)", size: "s" });
+        }
+        if (error) {
+            return (React.createElement(WarningTriangleOutlineIcon, { color: "var(--color-content-error)", size: "s" }));
+        }
+        return children;
+    }, [children, loading, error]);
+    return (React.createElement(Tag, __assign({ className: cnFile({ error: error, loading: loading, color: color }, [className]) }, other, { ref: ref }), resolvedChildren));
+});
+File.displayName = 'File';

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

@@ -0,0 +1,2 @@
+export declare const FILE_DEFAULT_COLOR = "main";
+export declare const FILE_DEFAULT_TAG = "div";

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

@@ -0,0 +1,2 @@
+export var FILE_DEFAULT_COLOR = 'main';
+export var FILE_DEFAULT_TAG = 'div';

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

@@ -0,0 +1 @@
+export * from './File';

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

@@ -0,0 +1 @@
+export * from './File';