@ozen-ui/kit 0.53.0 → 0.54.0

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

@@ -0,0 +1,33 @@
+import './Tag.css';
+import type { ElementType } from 'react';
+import type { IconProps, IconSize } from '@ozen-ui/icons';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import { type RenderContentType } from '../../utils/renderContent';
+export declare const tagVariant: readonly ["primary", "secondary"];
+export declare const tagColorVariant: readonly ["neutral", "action", "error", "warning", "success", "info"];
+export type TagVariant = (typeof tagVariant)[number];
+export type TagColor = (typeof tagColorVariant)[number];
+export type TagIcon = RenderContentType<IconProps & {
+    size?: IconSize;
+}>['content'];
+export declare const cnTag: import("@bem-react/classname").ClassNameFormatter;
+type TagBaseProps = {
+    /** Текст лейбла внутри тега */
+    label: string;
+    /** Размер */
+    size?: FormElementSizeVariant;
+    /** Вариант компонента */
+    variant?: TagVariant;
+    /** Цвет компонента */
+    color?: TagColor;
+    /** Если {true} делает компонент интерактивным */
+    interactive?: boolean;
+    /** Иконка слева */
+    iconLeft?: TagIcon;
+    /** Иконка справа */
+    iconRight?: TagIcon;
+};
+export type TagProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<TagBaseProps, As>;
+export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div">;
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tag = exports.cnTag = exports.tagColorVariant = exports.tagVariant = void 0;
+var tslib_1 = require("tslib");
+require("./Tag.css");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+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 constants_1 = require("./constants");
+exports.tagVariant = ['primary', 'secondary'];
+exports.tagColorVariant = [
+    'neutral',
+    'action',
+    'error',
+    'warning',
+    'success',
+    'info',
+];
+exports.cnTag = (0, classname_1.cn)('TagNext');
+exports.Tag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'TagNext' });
+    var _a = props.variant, variant = _a === void 0 ? constants_1.TAG_DEFAULT_VARIANT : _a, _b = props.size, size = _b === void 0 ? constants_1.TAG_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? constants_1.TAG_DEFAULT_AS : _c, _d = props.color, color = _d === void 0 ? constants_1.TAG_DEFAULT_COLOR : _d, interactive = props.interactive, iconLeft = props.iconLeft, iconRight = props.iconRight, label = props.label, className = props.className, other = tslib_1.__rest(props, ["variant", "size", "as", "color", "interactive", "iconLeft", "iconRight", "label", "className"]);
+    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.cnTag)({ variant: variant, color: color, size: size, interactive: interactive }, [className]) }, other, { ref: ref }),
+        renderIcon(iconLeft),
+        react_1.default.createElement("span", { className: (0, exports.cnTag)('Label') }, label),
+        renderIcon(iconRight)));
+});
+exports.Tag.displayName = 'Tag';

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

@@ -0,0 +1,4 @@
+export declare const TAG_DEFAULT_AS = "div";
+export declare const TAG_DEFAULT_VARIANT = "secondary";
+export declare const TAG_DEFAULT_COLOR = "action";
+export declare const TAG_DEFAULT_SIZE = "m";

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TAG_DEFAULT_SIZE = exports.TAG_DEFAULT_COLOR = exports.TAG_DEFAULT_VARIANT = exports.TAG_DEFAULT_AS = void 0;
+exports.TAG_DEFAULT_AS = 'div';
+exports.TAG_DEFAULT_VARIANT = 'secondary';
+exports.TAG_DEFAULT_COLOR = 'action';
+exports.TAG_DEFAULT_SIZE = 'm';

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

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

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

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

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

@@ -42,6 +42,8 @@ export type TextareaProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFA
     disabled?: boolean;
     /** Если {true} делает элемент обязательным к заполнению */
     required?: boolean;
+    /** Если {true} отключает обводку */
+    disableStroke?: boolean;
     /** Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. */
     maxLength?: number;
     /** Количество колонок */

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDark.css

@@ -0,0 +1,172 @@
+.Theme_color_vipDark {
+  --color-content-action-on: #fff;
+  --color-content-secondary: #aeb1c4;
+  --color-content-primary: #fff;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #636574;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #d4aa6b;
+  --color-content-action-hover: #ad8b59;
+  --color-content-action-pressed: #866c47;
+  --color-content-action-dark: #eeddc4;
+  --color-content-action-secondary: #9a9eb5;
+  --color-content-action-secondary-hover: #7e8194;
+  --color-content-action-secondary-pressed: #636574;
+  --color-content-action-secondary-dark: #d7d8e1;
+  --color-background-main: #1e1d22;
+  --color-content-error: #f664af;
+  --color-content-error-hover: #c85390;
+  --color-content-error-pressed: #9a4270;
+  --color-content-error-dark: #fbc1df;
+  --color-content-warning: #ff7f50;
+  --color-content-warning-hover: #cf6944;
+  --color-content-warning-pressed: #9f5237;
+  --color-content-warning-dark: #ffccb9;
+  --color-content-success: #0b0;
+  --color-content-success-hover: #039904;
+  --color-content-success-pressed: #067607;
+  --color-content-success-dark: #99e499;
+  --color-content-info: #023dff;
+  --color-content-info-hover: #0534d0;
+  --color-content-info-pressed: #082ba0;
+  --color-content-info-dark: #9ab1ff;
+  --color-content-primary-inverse: #1e1d22;
+  --color-background-main-inverse: #d9dade;
+  --color-content-accent-secondary: #989aa5;
+  --color-accent-main: #14151b;
+  --color-content-accent-primary: #c7c8ce;
+  --color-accent-primary: #1b1c24;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-background-main-hover: #2c2c33;
+  --color-background-main-pressed: #474853;
+  --color-background-primary: #17161a;
+  --color-background-primary-hover: #1e1d22;
+  --color-background-primary-pressed: #2c2c33;
+  --color-background-secondary: #2c2c33;
+  --color-background-secondary-hover: #474853;
+  --color-background-secondary-pressed: #636574;
+  --color-background-tertiary: #474853;
+  --color-background-tertiary-hover: #636574;
+  --color-background-tertiary-pressed: #7e8194;
+  --color-background-disabled: #2c2c33;
+  --color-background-action: #ad8b59;
+  --color-background-action-hover: #d4aa6b;
+  --color-background-action-pressed: #db8;
+  --color-background-action-active-disabled: #5f4d36;
+  --color-background-action-light: #2d261f;
+  --color-background-action-light-hover: #372e24;
+  --color-background-action-light-pressed: #5f4d36;
+  --color-background-accent-action-light: #5f4d36;
+  --color-background-accent-action-light-hover: #866c47;
+  --color-background-accent-action-light-pressed: #ad8b59;
+  --color-background-action-secondary: #7e8194;
+  --color-background-action-secondary-hover: #9a9eb5;
+  --color-background-action-secondary-pressed: #aeb1c4;
+  --color-background-action-secondary-active-disabled: #636574;
+  --color-background-action-secondary-light: #2c2c33;
+  --color-background-action-secondary-light-hover: #474853;
+  --color-background-action-secondary-light-pressed: #636574;
+  --color-background-accent-action-secondary-light: #2c2c33;
+  --color-background-accent-action-secondary-light-hover: #474853;
+  --color-background-accent-action-secondary-light-pressed: #636574;
+  --color-background-error: #c85390;
+  --color-background-error-hover: #f664af;
+  --color-background-error-pressed: #f883bf;
+  --color-background-error-light: #321c2a;
+  --color-background-error-light-hover: #3e2031;
+  --color-background-error-light-pressed: #6c3151;
+  --color-background-accent-error-light: #6c3151;
+  --color-background-accent-error-light-hover: #9a4270;
+  --color-background-accent-error-light-pressed: #c85390;
+  --color-background-warning: #cf6944;
+  --color-background-warning-hover: #ff7f50;
+  --color-background-warning-pressed: #ff9973;
+  --color-background-warning-light: #34201b;
+  --color-background-warning-light-hover: #40251e;
+  --color-background-warning-light-pressed: #703c2b;
+  --color-background-accent-warning-light: #703c2b;
+  --color-background-accent-warning-light-hover: #9f5237;
+  --color-background-accent-warning-light-pressed: #cf6944;
+  --color-background-success: #039904;
+  --color-background-success-hover: #0b0;
+  --color-background-success-pressed: #33c933;
+  --color-background-success-light: #0e290f;
+  --color-background-success-light-hover: #0d310e;
+  --color-background-success-light-pressed: #0a540b;
+  --color-background-accent-success-light: #0a540b;
+  --color-background-accent-success-light-hover: #067607;
+  --color-background-accent-success-light-pressed: #039904;
+  --color-background-info: #0534d0;
+  --color-background-info-hover: #023dff;
+  --color-background-info-pressed: #3564ff;
+  --color-background-info-light: #0e1636;
+  --color-background-info-light-hover: #0d1841;
+  --color-background-info-light-pressed: #0a2171;
+  --color-background-accent-info-light: #0a2171;
+  --color-background-accent-info-light-hover: #082ba0;
+  --color-background-accent-info-light-pressed: #0534d0;
+  --color-background-overlay: rgb(0 0 0 / 60%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #474853;
+  --color-border-main-hover: #636574;
+  --color-border-main-pressed: #7e8194;
+  --color-border-secondary: #2c2c33;
+  --color-border-secondary-hover: #474853;
+  --color-border-secondary-pressed: #636574;
+  --color-border-disabled: #474853;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #372e24;
+  --color-border-action: #ad8b59;
+  --color-border-action-hover: #866c47;
+  --color-border-action-pressed: #5f4d36;
+  --color-border-action-secondary: #d7d8e1;
+  --color-border-action-secondary-hover: #c2c5d3;
+  --color-border-action-secondary-pressed: #aeb1c4;
+  --color-border-error: #c85390;
+  --color-border-warning: #cf6944;
+  --color-border-success: #039904;
+  --color-border-info: #0534d0;
+  --color-border-main-on: #fff;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #372e24;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #c7c8ce;
+  --color-additional-a1: #067607;
+  --color-additional-a2: #0b0;
+  --color-additional-a3: #99e499;
+  --color-additional-b1: #763986;
+  --color-additional-b2: #ba55d3;
+  --color-additional-b3: #e3bbed;
+  --color-additional-c1: #638125;
+  --color-additional-c2: #9acd32;
+  --color-additional-c3: #d7ebad;
+  --color-additional-d1: #23867f;
+  --color-additional-d2: #30d5c8;
+  --color-additional-d3: #aceee9;
+  --color-additional-e1: #9f6d24;
+  --color-additional-e2: #ffac30;
+  --color-additional-e3: #ffdeac;
+  --color-additional-f1: #1966a0;
+  --color-additional-f2: #1fa1ff;
+  --color-additional-f3: #a5d9ff;
+  --color-additional-g1: #9f3b3d;
+  --color-additional-g2: #ff5959;
+  --color-additional-g3: #ffbdbd;
+  --color-additional-h1: #9f891a;
+  --color-additional-h2: #ffda1f;
+  --color-additional-h3: #fff0a5;
+}

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css

@@ -0,0 +1,172 @@
+.Theme_color_vipDefault {
+  --color-content-primary: #17161a;
+  --color-content-secondary: #636574;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #9a9eb5;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #d4aa6b;
+  --color-content-action-hover: #ad8b59;
+  --color-content-action-pressed: #866c47;
+  --color-content-action-dark: #5f4d36;
+  --color-content-action-secondary: #2c2c33;
+  --color-content-action-secondary-hover: #1e1d22;
+  --color-content-action-secondary-pressed: #17161a;
+  --color-content-action-secondary-dark: #17161a;
+  --color-content-action-on: #fff;
+  --color-content-error: #f664af;
+  --color-content-error-hover: #c85390;
+  --color-content-error-pressed: #9a4270;
+  --color-content-error-dark: #6c3151;
+  --color-content-warning: #ff7f50;
+  --color-content-warning-hover: #cf6944;
+  --color-content-warning-pressed: #9f5237;
+  --color-content-warning-dark: #703c2b;
+  --color-content-success: #0b0;
+  --color-content-success-hover: #039904;
+  --color-content-success-pressed: #067607;
+  --color-content-success-dark: #0a540b;
+  --color-content-info: #023dff;
+  --color-content-info-hover: #0534d0;
+  --color-content-info-pressed: #082ba0;
+  --color-content-info-dark: #0a2171;
+  --color-content-primary-inverse: #fff;
+  --color-content-accent-secondary: #989aa5;
+  --color-accent-main: #14151b;
+  --color-content-accent-primary: #c7c8ce;
+  --color-accent-primary: #1b1c24;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-background-main: #fff;
+  --color-background-main-hover: #f5f5f8;
+  --color-background-main-pressed: #ebecf0;
+  --color-background-primary: #f5f5f8;
+  --color-background-primary-hover: #ebecf0;
+  --color-background-primary-pressed: #d7d8e1;
+  --color-background-secondary: #ebecf0;
+  --color-background-secondary-hover: #d7d8e1;
+  --color-background-secondary-pressed: #c2c5d3;
+  --color-background-tertiary: #d7d8e1;
+  --color-background-tertiary-hover: #c2c5d3;
+  --color-background-tertiary-pressed: #aeb1c4;
+  --color-background-disabled: #ebecf0;
+  --color-background-action: #d4aa6b;
+  --color-background-action-hover: #ad8b59;
+  --color-background-action-pressed: #866c47;
+  --color-background-action-active-disabled: #eeddc4;
+  --color-background-action-light: #f9f3e9;
+  --color-background-action-light-hover: #f6eee1;
+  --color-background-action-light-pressed: #eeddc4;
+  --color-background-accent-action-light: #866c47;
+  --color-background-accent-action-light-hover: #5f4d36;
+  --color-background-accent-action-light-pressed: #372e24;
+  --color-background-action-secondary: #2c2c33;
+  --color-background-action-secondary-hover: #1e1d22;
+  --color-background-action-secondary-pressed: #17161a;
+  --color-background-action-secondary-active-disabled: #c2c5d3;
+  --color-background-action-secondary-light: #ebecf0;
+  --color-background-action-secondary-light-hover: #d7d8e1;
+  --color-background-action-secondary-light-pressed: #c2c5d3;
+  --color-background-accent-action-secondary-light: #636574;
+  --color-background-accent-action-secondary-light-hover: #474853;
+  --color-background-accent-action-secondary-light-pressed: #2c2c33;
+  --color-background-error: #f664af;
+  --color-background-error-hover: #c85390;
+  --color-background-error-pressed: #9a4270;
+  --color-background-error-light: #fee8f3;
+  --color-background-error-light-hover: #fde0ef;
+  --color-background-error-light-pressed: #fbc1df;
+  --color-background-accent-error-light: #9a4270;
+  --color-background-accent-error-light-hover: #6c3151;
+  --color-background-accent-error-light-pressed: #3e2031;
+  --color-background-warning: #ff7f50;
+  --color-background-warning-hover: #cf6944;
+  --color-background-warning-pressed: #9f5237;
+  --color-background-warning-light: #ffece5;
+  --color-background-warning-light-hover: #ffe5dc;
+  --color-background-warning-light-pressed: #ffccb9;
+  --color-background-accent-warning-light: #9f5237;
+  --color-background-accent-warning-light-hover: #703c2b;
+  --color-background-accent-warning-light-pressed: #40251e;
+  --color-background-success: #0b0;
+  --color-background-success-hover: #039904;
+  --color-background-success-pressed: #067607;
+  --color-background-success-light: #d9f5d9;
+  --color-background-success-light-hover: #ccf1cc;
+  --color-background-success-light-pressed: #99e499;
+  --color-background-accent-success-light: #067607;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
+  --color-background-info: #023dff;
+  --color-background-info-hover: #0534d0;
+  --color-background-info-pressed: #082ba0;
+  --color-background-info-light: #d9e2ff;
+  --color-background-info-light-hover: #ccd8ff;
+  --color-background-info-light-pressed: #9ab1ff;
+  --color-background-accent-info-light: #082ba0;
+  --color-background-accent-info-light-hover: #0a2171;
+  --color-background-accent-info-light-pressed: #0d1841;
+  --color-background-main-inverse: #0d0e12;
+  --color-background-overlay: rgb(0 0 0 / 50%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #c2c5d3;
+  --color-border-main-hover: #aeb1c4;
+  --color-border-main-pressed: #9a9eb5;
+  --color-border-secondary: #d7d8e1;
+  --color-border-secondary-hover: #c2c5d3;
+  --color-border-secondary-pressed: #aeb1c4;
+  --color-border-disabled: #c2c5d3;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #eeddc4;
+  --color-border-action: #d4aa6b;
+  --color-border-action-hover: #ad8b59;
+  --color-border-action-pressed: #866c47;
+  --color-border-action-secondary: #2c2c33;
+  --color-border-action-secondary-hover: #1e1d22;
+  --color-border-action-secondary-pressed: #17161a;
+  --color-border-error: #f664af;
+  --color-border-warning: #ff7f50;
+  --color-border-success: #0b0;
+  --color-border-info: #023dff;
+  --color-border-main-on: #fff;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #2d261f;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #c7c8ce;
+  --color-additional-a1: #067607;
+  --color-additional-a2: #0b0;
+  --color-additional-a3: #99e499;
+  --color-additional-b1: #763986;
+  --color-additional-b2: #ba55d3;
+  --color-additional-b3: #e3bbed;
+  --color-additional-c1: #638125;
+  --color-additional-c2: #9acd32;
+  --color-additional-c3: #d7ebad;
+  --color-additional-d1: #23867f;
+  --color-additional-d2: #30d5c8;
+  --color-additional-d3: #aceee9;
+  --color-additional-e1: #9f6d24;
+  --color-additional-e2: #ffac30;
+  --color-additional-e3: #ffdeac;
+  --color-additional-f1: #1966a0;
+  --color-additional-f2: #1fa1ff;
+  --color-additional-f3: #a5d9ff;
+  --color-additional-g1: #9f3b3d;
+  --color-additional-g2: #ff5959;
+  --color-additional-g3: #ffbdbd;
+  --color-additional-h1: #9f891a;
+  --color-additional-h2: #ffda1f;
+  --color-additional-h3: #fff0a5;
+}

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

@@ -49,6 +49,7 @@ import type { SnackbarProviderProps } from '../Snackbar';
 import type { StackProps } from '../Stack';
 import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps } from '../Table';
 import type { TagProps } from '../Tag';
+import type { TagProps as TagPropsNext } from '../TagNext';
 import type { TextareaProps } from '../Textarea';
 import type { ToggleProps } from '../Toggle';
 import type { TooltipProps } from '../Tooltip';
@@ -128,6 +129,7 @@ export type Theme = {
         TableCell?: Partial<TableCellProps>;
         TableContainer?: Partial<TableContainerProps>;
         Tag?: Partial<TagProps>;
+        TagNext?: Partial<TagPropsNext>;
         Textarea?: Partial<TextareaProps>;
         Toggle?: Partial<ToggleProps>;
         Tooltip?: Partial<TooltipProps>;

package/__inner__/cjs/locale/locale.js

@@ -56,16 +56,14 @@ exports.ruRU = {
         },
         Calendar: {
             locale: 'ru-RU',
-            calendarSwitcherProps: {
-                getPeriodSwitchAriaLabel: function (step) {
-                    if (step === 'days') {
-                        return ['Предыдущий месяц', 'Следующий месяц'];
-                    }
-                    if (step === 'months') {
-                        return ['Предыдущий год', 'Следующий год'];
-                    }
-                    return ['Предыдущий период', 'Следующий период'];
-                },
+            getPeriodSwitchAriaLabel: function (step) {
+                if (step === 'days') {
+                    return ['Предыдущий месяц', 'Следующий месяц'];
+                }
+                if (step === 'months') {
+                    return ['Предыдущий год', 'Следующий год'];
+                }
+                return ['Предыдущий период', 'Следующий период'];
             },
         },
         DatePicker: {
@@ -128,16 +126,14 @@ exports.kkKZ = {
         },
         Calendar: {
             locale: 'kk-KZ',
-            calendarSwitcherProps: {
-                getPeriodSwitchAriaLabel: function (step) {
-                    if (step === 'days') {
-                        return ['Алдыңғы ай', 'Келесі ай'];
-                    }
-                    if (step === 'months') {
-                        return ['Өткен жыл', 'Келесі жыл'];
-                    }
-                    return ['Алдыңғы кезең', 'Келесі кезең'];
-                },
+            getPeriodSwitchAriaLabel: function (step) {
+                if (step === 'days') {
+                    return ['Алдыңғы ай', 'Келесі ай'];
+                }
+                if (step === 'months') {
+                    return ['Өткен жыл', 'Келесі жыл'];
+                }
+                return ['Алдыңғы кезең', 'Келесі кезең'];
             },
         },
         DatePicker: {
@@ -201,16 +197,14 @@ exports.enUS = {
         Calendar: {
             locale: 'en-US',
             startDay: 0,
-            calendarSwitcherProps: {
-                getPeriodSwitchAriaLabel: function (step) {
-                    if (step === 'days') {
-                        return ['Previous month', 'Next month'];
-                    }
-                    if (step === 'months') {
-                        return ['Previous year', 'Next year'];
-                    }
-                    return ['Previous period', 'Next period'];
-                },
+            getPeriodSwitchAriaLabel: function (step) {
+                if (step === 'days') {
+                    return ['Previous month', 'Next month'];
+                }
+                if (step === 'months') {
+                    return ['Previous year', 'Next year'];
+                }
+                return ['Previous period', 'Next period'];
             },
         },
         DatePicker: {

package/__inner__/cjs/utils/date/index.d.ts

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

package/__inner__/cjs/utils/date/index.js

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

package/__inner__/cjs/utils/date/monthDiff/index.d.ts

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

package/__inner__/cjs/utils/date/monthDiff/index.js

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

package/__inner__/cjs/utils/date/monthDiff/monthDiff.d.ts

@@ -0,0 +1 @@
+export declare const monthDiff: (d1: Date, d2: Date) => number;

package/__inner__/cjs/utils/date/monthDiff/monthDiff.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.monthDiff = void 0;
+var monthDiff = function (d1, d2) {
+    var months;
+    months = (d2.getFullYear() - d1.getFullYear()) * 12;
+    months -= d1.getMonth();
+    months += d2.getMonth();
+    return months <= 0 ? 0 : months;
+};
+exports.monthDiff = monthDiff;

package/__inner__/cjs/utils/getByMap/getByMap.d.ts

@@ -0,0 +1 @@
+export declare function getByMap<KEY extends string | number, VALUE>(map: Record<KEY, VALUE>, key: KEY): VALUE;

package/__inner__/cjs/utils/getByMap/getByMap.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getByMap = void 0;
+function getByMap(map, key) {
+    return map[key];
+}
+exports.getByMap = getByMap;

package/__inner__/cjs/utils/getByMap/index.d.ts

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

package/__inner__/cjs/utils/getByMap/index.js

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

package/__inner__/cjs/utils/getIconSizeToFormElement.js

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIconSizeToFormElement = void 0;
-var matchIconSizeToFormElement = {
-    '2xs': 's',
-    xs: 's',
+var getByMap_1 = require("./getByMap");
+var typeMap = {
     s: 's',
     m: 'm',
     l: 'm',
+    xs: 's',
+    '2xs': 's',
+};
+var getIconSizeToFormElement = function (size) {
+    return (0, getByMap_1.getByMap)(typeMap, size);
 };
-var getIconSizeToFormElement = function (size) { return matchIconSizeToFormElement === null || matchIconSizeToFormElement === void 0 ? void 0 : matchIconSizeToFormElement[size]; };
 exports.getIconSizeToFormElement = getIconSizeToFormElement;

package/__inner__/cjs/utils/getPaperSizeToFormElement.d.ts

@@ -1,3 +1,2 @@
-import type { PaperProps } from '../components/Paper';
 import type { FormElementSizeVariant } from '../types/FormElementSizeVariant';
-export declare const getPaperSizeToFormElement: (size: FormElementSizeVariant) => PaperProps['radius'];
+export declare const getPaperSizeToFormElement: (size: FormElementSizeVariant) => "s" | "l" | "xl" | "xs" | "2xl";

package/__inner__/cjs/utils/getPaperSizeToFormElement.js

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPaperSizeToFormElement = void 0;
-var matchPaperSizeToFormElement = {
-    '2xs': 's',
-    xs: 's',
+var getByMap_1 = require("./getByMap");
+var typeMap = {
     s: 'l',
     m: 'l',
     l: 'l',
+    xs: 's',
+    '2xs': 's',
+};
+var getPaperSizeToFormElement = function (size) {
+    return (0, getByMap_1.getByMap)(typeMap, size);
 };
-var getPaperSizeToFormElement = function (size) { return matchPaperSizeToFormElement === null || matchPaperSizeToFormElement === void 0 ? void 0 : matchPaperSizeToFormElement[size]; };
 exports.getPaperSizeToFormElement = getPaperSizeToFormElement;