@ozen-ui/kit 0.63.1 → 0.65.0

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

@@ -0,0 +1,101 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { FIELD_CONTROL_DEFAULT_TAG, FieldControlBaseProps } from '../FieldControl';
+import type { FieldInputProps } from '../FieldInput';
+import type { INPUT_OTP_DEFAULT_TAG } from './constants';
+export declare const inputOTPAutoCompleteMode: readonly ["firstOnly", "all"];
+export type InputOTPAutoCompleteMode = (typeof inputOTPAutoCompleteMode)[number];
+export declare const inputOTPSizeVariant: readonly ["s", "m"];
+export type InputOTPSizeVariant = (typeof inputOTPSizeVariant)[number];
+export type InputOTPValidate = (value: string) => boolean;
+export type InputOTPRawValue = string[];
+export type InputOTPValue = InputOTPRawValue | string;
+export type InputOTPOnChange = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;
+export type InputOTPOnFinish = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;
+export type InputOTPInputs = HTMLInputElement[];
+export type InputOTPInputProps = FieldInputProps;
+export type InputOTPCalculatedInput = {
+    /** Значение input */
+    value: string;
+    /** Необработанное input */
+    rawValue: string;
+    /** Флаг: это предыдущий input */
+    isPrevious: boolean;
+    /** Флаг: это следующий input */
+    isNext: boolean;
+    /** Флаг: это текущий input */
+    isCurrentInput: boolean;
+    /** Флаг: это последний input */
+    isLast: boolean;
+    /** Флаг: input отключен */
+    isDisabled: boolean;
+};
+export type InputOTPMask = string | ((value: string, index: number) => string);
+export type InputOTPFinishBehaviorContext = {
+    /** Флаг: Поле полностью заполнено */
+    isFullFilled: boolean;
+    /** Значение */
+    value: string;
+    /** Необработанное значение */
+    rawValue: InputOTPRawValue;
+    /** Значение с маской */
+    maskedValue: string;
+    /** Необработанное значение с маской */
+    maskedRawValue: InputOTPRawValue;
+    /** Флаг: Это изменение на последнем input'е */
+    isChangeOnLastInput: boolean;
+    /** index input'а, на котором произошло изменение */
+    inputIndex: number;
+    /** Флаг: Был нажат enter */
+    isEnter: boolean;
+};
+export type InputOTPFinishBehavior = (context: InputOTPFinishBehaviorContext) => boolean;
+export type InputOTPDynamicInputParameter<Parameter> = Parameter | ((calculatedInput: InputOTPCalculatedInput, index: number) => Parameter);
+export type InputOTPBaseProps = {
+    /** Длина кода */
+    length: number;
+    /** Значение */
+    value?: InputOTPValue;
+    /** Значение по умолчанию */
+    defaultValue?: InputOTPValue;
+    /** Обработчик события на изменение значения поля */
+    onChange?: InputOTPOnChange;
+    /** Обработчик события на завершение ввода */
+    onFinish?: InputOTPOnFinish;
+    /** Маска значения */
+    mask?: InputOTPMask;
+    /** autoComplete */
+    autoComplete?: InputOTPInputProps['autoComplete'];
+    /**
+     * Мод autoComplete.
+     * В зависимости от режима, autoComplete будет устанавливаться разным input
+     */
+    autoCompleteMode?: InputOTPAutoCompleteMode;
+    /** Если `true` переводит поле в состояние ошибки */
+    error?: boolean;
+    /** Если `true` делает элемент неактивным */
+    disabled?: boolean;
+    /** Функция-валидатор */
+    validate?: InputOTPValidate;
+    /** Размер */
+    size?: InputOTPSizeVariant;
+    /** Лейбл */
+    ariaLabel?: string;
+    /** Если `true` отключает обводку */
+    disableStroke?: boolean;
+    /** Подсказка. Отображается, когда значение не введено */
+    placeholder?: InputOTPDynamicInputParameter<string>;
+    /** Свойства Field */
+    fieldProps?: InputOTPDynamicInputParameter<PolymorphicComponentPropsWithRef<FieldControlBaseProps, typeof FIELD_CONTROL_DEFAULT_TAG>>;
+    /** Свойства Input */
+    inputProps?: InputOTPDynamicInputParameter<FieldInputProps>;
+    /** Свойства InputContainer */
+    inputContainerProps?: InputOTPDynamicInputParameter<ComponentPropsWithRef<'div'> & {
+        'data-testid'?: string;
+    }>;
+    /** Функция, которая определяет поведение финиша */
+    finishBehavior?: InputOTPFinishBehavior;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};
+export type InputOTPProps<As extends ElementType = typeof INPUT_OTP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<InputOTPBaseProps, As>;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputOTPSizeVariant = exports.inputOTPAutoCompleteMode = void 0;
+// ---- AUTO-COMPLETE MODE ----
+exports.inputOTPAutoCompleteMode = ['firstOnly', 'all'];
+// ---- SIZE ----
+exports.inputOTPSizeVariant = ['s', 'm'];

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

@@ -5,7 +5,7 @@ import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphi
 import type { RenderContentType } from '../../utils/renderContent';
 import type { TAG_DEFAULT_TAG } from './constants';
 export declare const tagVariant: readonly ["primary", "secondary"];
-export declare const tagColorVariant: readonly ["neutral", "action", "error", "warning", "success", "info"];
+export declare const tagColorVariant: readonly ["neutral", "action", "error", "warning", "success", "info", "uncolored"];
 export type TagVariant = (typeof tagVariant)[number];
 export type TagColor = (typeof tagColorVariant)[number];
 export type TagIcon = RenderContentType<IconProps>['content'];

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

@@ -9,4 +9,5 @@ exports.tagColorVariant = [
     'warning',
     'success',
     'info',
+    'uncolored',
 ];

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

@@ -16,7 +16,8 @@ import type { CardProps } from '../Card';
 import type { CheckboxProps } from '../Checkbox';
 import type { CheckboxGroupProps } from '../CheckboxGroup';
 import type { ChipProps } from '../Chip';
-import type { ChipProps as ChiPropsNext } from '../ChipNext';
+import type { ChipGroupProps } from '../ChipGroup';
+import type { ChipProps as ChipNextProps } from '../ChipNext';
 import type { CollapseProps } from '../Collapse';
 import type { ContainerProps } from '../Container';
 import type { DataListProps } from '../DataList';
@@ -56,6 +57,7 @@ import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps
 import type { TagProps } from '../Tag';
 import type { TagProps as TagPropsNext } from '../TagNext';
 import type { TextareaProps } from '../Textarea';
+import type { TitleProps } from '../Title';
 import type { ToggleProps } from '../Toggle';
 import type { TooltipProps } from '../Tooltip';
 import type { TypographyProps } from '../Typography';
@@ -91,7 +93,8 @@ export type Theme = {
         Checkbox?: Partial<CheckboxProps>;
         CheckboxGroup?: Partial<CheckboxGroupProps>;
         Chip?: Partial<ChipProps>;
-        ChipNext?: Partial<ChiPropsNext>;
+        ChipNext?: Partial<ChipNextProps>;
+        ChipGroup?: Partial<ChipGroupProps>;
         Collapse?: Partial<CollapseProps>;
         Container?: Partial<ContainerProps>;
         DataList?: Partial<DataListProps>;
@@ -111,6 +114,7 @@ export type Theme = {
         Indicator?: Partial<IndicatorProps>;
         Input?: Partial<InputProps>;
         InputNumber?: Partial<InputNumberProps>;
+        InputOTP?: Partial<InputProps>;
         Link?: Partial<LinkProps>;
         List?: Partial<ListProps>;
         ListItem?: Partial<ListItemProps>;
@@ -139,6 +143,7 @@ export type Theme = {
         Tag?: Partial<TagProps>;
         TagNext?: Partial<TagPropsNext>;
         Textarea?: Partial<TextareaProps>;
+        Title?: Partial<TitleProps>;
         Toggle?: Partial<ToggleProps>;
         Tooltip?: Partial<TooltipProps>;
         Typography?: Partial<TypographyProps>;

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

@@ -0,0 +1,4 @@
+import './modules/tag/TitleTag.css';
+import type { TitleBaseProps } from './types';
+export declare const cnTitle: import("@bem-react/classname").ClassNameFormatter;
+export declare const Title: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleBaseProps, "div">;

package/__inner__/cjs/components/Title/Title.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = exports.cnTitle = void 0;
+var tslib_1 = require("tslib");
+require("./modules/tag/TitleTag.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var TitleContext_1 = require("./TitleContext");
+exports.cnTitle = (0, classname_1.cn)('Title');
+exports.Title = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'Title',
+    });
+    var _a = props.size, size = _a === void 0 ? constants_1.TITLE_DEFAULT_SIZE : _a, classNameProp = props.className, _b = props.as, as = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, _c = props.variant, variant = _c === void 0 ? constants_1.TITLE_DEFAULT_VARIANT : _c, other = tslib_1.__rest(props, ["size", "className", "as", "variant"]);
+    var className = (0, exports.cnTitle)('', [classNameProp]);
+    return (react_1.default.createElement(TitleContext_1.TitleContext.Provider, { value: {
+            size: size,
+            variant: variant,
+        } },
+        react_1.default.createElement(components_1.TitleVariant, tslib_1.__assign({}, other, { ref: ref, as: as, className: className, size: size, variant: variant }))));
+});
+exports.Title.displayName = 'Title';

package/__inner__/cjs/components/Title/TitleContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TitleVariant, TitleSizeVariant } from './entities';
+export type TitleContextValue = {
+    variant: TitleVariant;
+    size: TitleSizeVariant;
+};
+export declare const TitleContext: React.Context<TitleContextValue>;
+export declare const useTitleContext: () => TitleContextValue;

package/__inner__/cjs/components/Title/TitleContext.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTitleContext = exports.TitleContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var environment_1 = require("../../constants/environment");
+var constants_1 = require("./constants");
+exports.TitleContext = react_1.default.createContext({
+    variant: constants_1.TITLE_DEFAULT_VARIANT,
+    size: constants_1.TITLE_DEFAULT_SIZE,
+});
+var useTitleContext = function () { return (0, react_1.useContext)(exports.TitleContext); };
+exports.useTitleContext = useTitleContext;
+// Именованный провайдер
+if (environment_1.IS_DEV) {
+    exports.TitleContext.displayName = 'TitleContext';
+}

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

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

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

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

package/__inner__/cjs/components/Title/components/variant/TitleVariant.d.ts

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

package/__inner__/cjs/components/Title/components/variant/TitleVariant.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleVariant = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var logger_1 = require("@ozen-ui/logger");
+var environment_1 = require("../../../../constants/environment");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var entities_1 = require("../../entities");
+var main_1 = require("./main");
+var secondary_1 = require("./secondary");
+exports.TitleVariant = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var variant = _a.variant, as = _a.as, other = tslib_1.__rest(_a, ["variant", "as"]);
+    if (variant === 'main') {
+        return react_1.default.createElement(main_1.TitleMain, tslib_1.__assign({}, other, { as: as, ref: ref }));
+    }
+    if (variant === 'secondary') {
+        return react_1.default.createElement(secondary_1.TitleSecondary, tslib_1.__assign({}, other, { as: as, ref: ref }));
+    }
+    if (environment_1.IS_DEV) {
+        logger_1.logger.error("\u0423 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 'Title' \u043D\u0435\u0442 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u0430 '".concat(variant, "'. \u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B: [").concat(entities_1.titleVariant.join(', '), "]'"));
+    }
+    return null;
+});

package/__inner__/cjs/components/Title/components/variant/index.d.ts

@@ -0,0 +1,4 @@
+export * from './main';
+export * from './secondary';
+export * from './TitleVariant';
+export * from './types';

package/__inner__/cjs/components/Title/components/variant/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./main"), exports);
+tslib_1.__exportStar(require("./secondary"), exports);
+tslib_1.__exportStar(require("./TitleVariant"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.css

@@ -0,0 +1,38 @@
+/* stylelint-disable */
+.TitleMain {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--space-xs);
+}
+.TitleMain_defaultMargin {
+    margin-block: var(--title-main-default-margin-block);
+  }
+.TitleMain_defaultMargin .TitleMain-Label {
+      block-size: 1em;
+    }
+.TitleMain_size_s {
+      --title-main-default-margin-block: 12px 16px;
+    }
+.TitleMain_size_s .TitleMain-Content {
+        font: var(--typography-heading-xl-font);
+        letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+        text-transform: var(--typography-heading-xl-text_transform, none);
+      }
+.TitleMain_size_m {
+      --title-main-default-margin-block: 16px 24px;
+    }
+.TitleMain_size_m .TitleMain-Content {
+        font: var(--typography-heading-2xl-font);
+        letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+        text-transform: var(--typography-heading-2xl-text_transform, none);
+      }
+.TitleMain-ContentContainer {
+    color: var(--color-content-tertiary);
+  }
+.TitleMain-Content {
+    color: var(--color-content-primary);
+  }
+.TitleMain-Label {
+    cursor: default;
+  }

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.d.ts

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

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleMain = exports.cnTitleMain = void 0;
+var tslib_1 = require("tslib");
+require("./TitleMain.css");
+var react_1 = tslib_1.__importDefault(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 Breadcrumbs_1 = require("../../../../Breadcrumbs");
+var Stack_1 = require("../../../../Stack");
+var constants_1 = require("../../../constants");
+var config_1 = require("./config");
+exports.cnTitleMain = (0, classname_1.cn)('TitleMain');
+exports.TitleMain = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, renderLeft = _a.renderLeft, renderRight = _a.renderRight, label = _a.label, defaultMarginProp = _a.defaultMargin, other = tslib_1.__rest(_a, ["size", "className", "as", "children", "renderLeft", "renderRight", "label", "defaultMargin"]);
+    var defaultMargin = defaultMarginProp === undefined ? !!label : defaultMarginProp;
+    var renderIcon = function (content) {
+        return (0, renderContent_1.renderContent)({
+            content: content,
+            props: {
+                size: (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size),
+            },
+        });
+    };
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleMain)({ size: size, defaultMargin: defaultMargin }, [className]) }, other, { ref: ref }),
+        (label || defaultMargin) && (react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { size: config_1.TITLE_MAIN_LABEL_SIZE_MAP[size], className: (0, exports.cnTitleMain)('LabelContainer') },
+            react_1.default.createElement(Breadcrumbs_1.BreadcrumbItem, { as: "span", className: (0, exports.cnTitleMain)('Label') }, label))),
+        react_1.default.createElement(Stack_1.Stack, { gap: "s", align: "center", className: (0, exports.cnTitleMain)('ContentContainer') },
+            renderIcon(renderLeft),
+            react_1.default.createElement("span", { className: (0, exports.cnTitleMain)('Content') }, children),
+            renderIcon(renderRight))));
+});
+exports.TitleMain.displayName = 'TitleMain';

package/__inner__/cjs/components/Title/components/variant/main/config.d.ts

@@ -0,0 +1,3 @@
+import type { BreadcrumbsSizeVariant } from '../../../../Breadcrumbs';
+import type { TitleSizeVariant } from '../../../entities';
+export declare const TITLE_MAIN_LABEL_SIZE_MAP: Readonly<Record<TitleSizeVariant, BreadcrumbsSizeVariant>>;

package/__inner__/cjs/components/Title/components/variant/main/config.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TITLE_MAIN_LABEL_SIZE_MAP = void 0;
+exports.TITLE_MAIN_LABEL_SIZE_MAP = {
+    s: 'xs',
+    m: 's',
+};

package/__inner__/cjs/components/Title/components/variant/main/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TitleMain';
+export * from './types';

package/__inner__/cjs/components/Title/components/variant/main/index.js

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

package/__inner__/cjs/components/Title/components/variant/main/types.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/polymorphicComponentWithRef';
+import type { TITLE_DEFAULT_TAG } from '../../../constants';
+import type { TitleIcon, TitleSizeVariant } from '../../../entities';
+export type TitleMainBaseProps = {
+    size: TitleSizeVariant;
+    label?: string;
+    renderLeft?: TitleIcon;
+    renderRight?: TitleIcon;
+    defaultMargin?: boolean;
+    'data-testid'?: string;
+};
+export type TitleMainProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleMainBaseProps, As>;

package/__inner__/cjs/components/Title/components/variant/main/types.js

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

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.css

@@ -0,0 +1,26 @@
+/* stylelint-disable */
+.TitleSecondary {
+  display: inline-block;
+  color: var(--color-content-secondary);
+}
+.TitleSecondary_size_s {
+      --title-secondary-default-margin-block: 24px 12px;
+
+      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);
+    }
+.TitleSecondary_size_m {
+      --title-secondary-default-margin-block: 32px 16px;
+
+      font: var(--typography-text-m_1-font);
+
+      letter-spacing: var(--typography-text-m_1-letter_spacing, 0);
+
+      text-transform: var(--typography-text-m_1-text_transform, none);
+    }
+.TitleSecondary_defaultMargin {
+    margin-block: var(--title-secondary-default-margin-block);
+  }

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.d.ts

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

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleSecondary = exports.cnTitleSecondary = void 0;
+var tslib_1 = require("tslib");
+require("./TitleSecondary.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../../utils/polymorphicComponentWithRef");
+var constants_1 = require("../../../constants");
+exports.cnTitleSecondary = (0, classname_1.cn)('TitleSecondary');
+exports.TitleSecondary = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var size = _a.size, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.TITLE_DEFAULT_TAG : _b, children = _a.children, defaultMargin = _a.defaultMargin, other = tslib_1.__rest(_a, ["size", "className", "as", "children", "defaultMargin"]);
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTitleSecondary)({ size: size, defaultMargin: defaultMargin }, [className]) }, other, { ref: ref }), children));
+});
+exports.TitleSecondary.displayName = 'TitleSecondary';

package/__inner__/cjs/components/Title/components/variant/secondary/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TitleSecondary';
+export * from './types';

package/__inner__/cjs/components/Title/components/variant/secondary/index.js

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

package/__inner__/cjs/components/Title/components/variant/secondary/types.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../../utils/polymorphicComponentWithRef';
+import type { TITLE_DEFAULT_TAG } from '../../../constants';
+import type { TitleSizeVariant } from '../../../entities';
+export type TitleSecondaryBaseProps = {
+    size: TitleSizeVariant;
+    defaultMargin?: boolean;
+    'data-testid'?: string;
+};
+export type TitleSecondaryProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleSecondaryBaseProps, As>;

package/__inner__/cjs/components/Title/components/variant/secondary/types.js

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

package/__inner__/cjs/components/Title/components/variant/types.d.ts

@@ -0,0 +1,8 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { TITLE_DEFAULT_TAG } from '../../constants';
+import type { TitleVariantValue } from '../../entities';
+import type { TitleMainBaseProps } from '../variant/main';
+import type { TitleSecondaryBaseProps } from '../variant/secondary';
+export type TitleVariantBaseProps = TitleVariantValue<'main', TitleMainBaseProps> | TitleVariantValue<'secondary', TitleSecondaryBaseProps> | TitleVariantValue<undefined, TitleMainBaseProps>;
+export type TitleVariantProps<As extends ElementType = typeof TITLE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TitleVariantBaseProps, As>;

package/__inner__/cjs/components/Title/components/variant/types.js

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

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

@@ -0,0 +1,4 @@
+import type { TitleSizeVariant, TitleVariant } from './entities';
+export declare const TITLE_DEFAULT_SIZE: TitleSizeVariant;
+export declare const TITLE_DEFAULT_VARIANT: TitleVariant;
+export declare const TITLE_DEFAULT_TAG = "div";

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TITLE_DEFAULT_TAG = exports.TITLE_DEFAULT_VARIANT = exports.TITLE_DEFAULT_SIZE = void 0;
+exports.TITLE_DEFAULT_SIZE = 'm';
+exports.TITLE_DEFAULT_VARIANT = 'main';
+exports.TITLE_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/Title/entities/icon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '@ozen-ui/icons';
+import type { RenderContentType } from '../../../utils/renderContent';
+export type TitleIcon = RenderContentType<IconProps>['content'];

package/__inner__/cjs/components/Title/entities/icon.js

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

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

@@ -0,0 +1,3 @@
+export * from './icon';
+export * from './variant';
+export * from './size';

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

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

package/__inner__/cjs/components/Title/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const titleSizeVariant: readonly ["s", "m"];
+export type TitleSizeVariant = (typeof titleSizeVariant)[number];

package/__inner__/cjs/components/Title/entities/size.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.titleSizeVariant = void 0;
+exports.titleSizeVariant = ['s', 'm'];

package/__inner__/cjs/components/Title/entities/variant.d.ts

@@ -0,0 +1,7 @@
+export declare const titleVariant: readonly ["main", "secondary"];
+export type TitleVariant = (typeof titleVariant)[number];
+export type TitleVariantValue<Variant extends TitleVariant | undefined, Value> = (Variant extends undefined ? {
+    variant?: undefined;
+} : {
+    variant: Variant;
+}) & Value;

package/__inner__/cjs/components/Title/entities/variant.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.titleVariant = void 0;
+exports.titleVariant = ['main', 'secondary'];

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

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

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

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

package/__inner__/cjs/components/Title/modules/icon-button/TitleIconButton.d.ts

@@ -0,0 +1,3 @@
+import type { TitleIconButtonBaseProps } from './types';
+export declare const cnTitleIconButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const TitleIconButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleIconButtonBaseProps, "button">;

package/__inner__/cjs/components/Title/modules/icon-button/TitleIconButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleIconButton = exports.cnTitleIconButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var IconButtonNext_1 = require("../../../IconButtonNext");
+var TitleContext_1 = require("../../TitleContext");
+var constants_1 = require("./constants");
+exports.cnTitleIconButton = (0, classname_1.cn)('TitleIconButton');
+exports.TitleIconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (props, ref) {
+    var size = (0, TitleContext_1.useTitleContext)().size;
+    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ compressed: true, as: constants_1.TITLE_ICON_BUTTON_DEFAULT_TAG }, props, { ref: ref, size: size, className: (0, exports.cnTitleIconButton)('', [props.className]) })));
+});
+exports.TitleIconButton.displayName = 'TitleIconButton';

package/__inner__/cjs/components/Title/modules/icon-button/constants.d.ts

@@ -0,0 +1 @@
+export declare const TITLE_ICON_BUTTON_DEFAULT_TAG = "button";

package/__inner__/cjs/components/Title/modules/icon-button/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TITLE_ICON_BUTTON_DEFAULT_TAG = void 0;
+exports.TITLE_ICON_BUTTON_DEFAULT_TAG = 'button';

package/__inner__/cjs/components/Title/modules/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TitleIconButton';
+export * from './types';