@skbkontur/react-ui 5.0.12-MobilePicker-fix.0 → 5.0.12-fix-imask.2

package/cjs/components/Calendar/CalendarDay.d.ts

@@ -1,12 +1,19 @@
-import React from 'react';
-export interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {
-    isToday?: boolean;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    isWeekend?: boolean;
-    date: string;
-}
-/**
- * @visibleName Calendar.Day
- */
-export declare const CalendarDay: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;
+import React from 'react';
+export interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /** Устанавливает, является ли день текущим. */
+    isToday?: boolean;
+    /** Устанавливает, является ли день выбранным. */
+    isSelected?: boolean;
+    /** Устанавливает, является ли день недоступным. */
+    isDisabled?: boolean;
+    /** Устанавливает, является ли день выходным. */
+    isWeekend?: boolean;
+    /** Задает день. */
+    date: string;
+}
+/**
+ * Компонент дня `CalendarDay` из Calendar.
+ *
+ * @visibleName Calendar.Day
+ */
+export declare const CalendarDay: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;

package/cjs/components/Calendar/CalendarDay.js

@@ -20,7 +20,18 @@ var _Calendar = require("./Calendar");var _excluded = ["isToday", "isSelected",
 
 
 
+
+
+
+
+
+
+
+
+
 /**
+ * Компонент дня `CalendarDay` из Calendar.
+ *
  * @visibleName Calendar.Day
  */
 var CalendarDay = exports.CalendarDay = /*#__PURE__*/(0, _react.memo)(

package/cjs/components/Calendar/CalendarDay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useLocaleForControl","_ThemeContext","_Emotion","_locale","_InternalDate","_locale2","_getVisualStateDataAttributes","_forwardRefAndName","_DayCellView","_Calendar","_excluded","CalendarDay","exports","memo","forwardRefAndName","_ref","ref","_cx","_cx2","isToday","isSelected","isDisabled","isWeekend","date","children","className","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useContext","LocaleContext","langCode","internalDate","InternalDate","value","locale","useLocaleForControl","DatePickerLocaleHelper","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends2","CalendarDataTids","dayCell","tabIndex","disabled","cx","styles","selected","weekend","getVisualStateDataAttributes","todayCaption"],"sources":["CalendarDay.tsx"],"sourcesContent":["import React, { PropsWithChildren, useContext, memo } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { LocaleContext } from '../../lib/locale';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarDataTids } from './Calendar';\n\nexport interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {\n  isToday?: boolean;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  isWeekend?: boolean;\n  date: string;\n}\n\n/**\n * @visibleName Calendar.Day\n */\nexport const CalendarDay = memo(\n  forwardRefAndName(\n    'CalendarDay',\n    function CalendarDay(\n      {\n        isToday,\n        isSelected,\n        isDisabled,\n        isWeekend,\n        date,\n        children,\n        className,\n        ...rest\n      }: PropsWithChildren<CalendarDayProps>,\n      ref: React.Ref<HTMLButtonElement>,\n    ) {\n      const theme = useContext(ThemeContext);\n\n      const { langCode } = useContext(LocaleContext);\n      const internalDate = new InternalDate({ langCode, value: date });\n\n      const locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);\n      const ariaLabel = `${locale.dayCellChooseDateAriaLabel}: ${internalDate.toA11YFormat()}`;\n\n      const { date: day } = internalDate.getComponentsLikeNumber();\n      const caption = children ?? day;\n\n      return (\n        <button\n          ref={ref}\n          data-tid={CalendarDataTids.dayCell}\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          disabled={isDisabled}\n          className={cx(\n            {\n              [styles.day(theme)]: true,\n              [styles.selected(theme)]: isSelected,\n              [styles.weekend(theme)]: isWeekend,\n            },\n            className,\n          )}\n          {...getVisualStateDataAttributes({ selected: isSelected })}\n          {...rest}\n        >\n          <span className={cx({ [styles.todayCaption(theme)]: isToday })}>{caption}</span>\n        </button>\n      );\n    },\n  ),\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useLocaleForControl","_ThemeContext","_Emotion","_locale","_InternalDate","_locale2","_getVisualStateDataAttributes","_forwardRefAndName","_DayCellView","_Calendar","_excluded","CalendarDay","exports","memo","forwardRefAndName","_ref","ref","_cx","_cx2","isToday","isSelected","isDisabled","isWeekend","date","children","className","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useContext","LocaleContext","langCode","internalDate","InternalDate","value","locale","useLocaleForControl","DatePickerLocaleHelper","ariaLabel","dayCellChooseDateAriaLabel","toA11YFormat","_internalDate$getComp","getComponentsLikeNumber","day","caption","createElement","_extends2","CalendarDataTids","dayCell","tabIndex","disabled","cx","styles","selected","weekend","getVisualStateDataAttributes","todayCaption"],"sources":["CalendarDay.tsx"],"sourcesContent":["import React, { PropsWithChildren, useContext, memo } from 'react';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { LocaleContext } from '../../lib/locale';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './DayCellView.styles';\nimport { CalendarDataTids } from './Calendar';\n\nexport interface CalendarDayProps extends React.HTMLAttributes<HTMLButtonElement> {\n  /** Устанавливает, является ли день текущим. */\n  isToday?: boolean;\n\n  /** Устанавливает, является ли день выбранным. */\n  isSelected?: boolean;\n\n  /** Устанавливает, является ли день недоступным. */\n  isDisabled?: boolean;\n\n  /** Устанавливает, является ли день выходным. */\n  isWeekend?: boolean;\n\n  /** Задает день. */\n  date: string;\n}\n\n/**\n * Компонент дня `CalendarDay` из Calendar.\n *\n * @visibleName Calendar.Day\n */\nexport const CalendarDay = memo(\n  forwardRefAndName(\n    'CalendarDay',\n    function CalendarDay(\n      {\n        isToday,\n        isSelected,\n        isDisabled,\n        isWeekend,\n        date,\n        children,\n        className,\n        ...rest\n      }: PropsWithChildren<CalendarDayProps>,\n      ref: React.Ref<HTMLButtonElement>,\n    ) {\n      const theme = useContext(ThemeContext);\n\n      const { langCode } = useContext(LocaleContext);\n      const internalDate = new InternalDate({ langCode, value: date });\n\n      const locale = useLocaleForControl('Calendar', DatePickerLocaleHelper);\n      const ariaLabel = `${locale.dayCellChooseDateAriaLabel}: ${internalDate.toA11YFormat()}`;\n\n      const { date: day } = internalDate.getComponentsLikeNumber();\n      const caption = children ?? day;\n\n      return (\n        <button\n          ref={ref}\n          data-tid={CalendarDataTids.dayCell}\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          disabled={isDisabled}\n          className={cx(\n            {\n              [styles.day(theme)]: true,\n              [styles.selected(theme)]: isSelected,\n              [styles.weekend(theme)]: isWeekend,\n            },\n            className,\n          )}\n          {...getVisualStateDataAttributes({ selected: isSelected })}\n          {...rest}\n        >\n          <span className={cx({ [styles.todayCaption(theme)]: isToday })}>{caption}</span>\n        </button>\n      );\n    },\n  ),\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Calendar/CalendarDay.md

@@ -1,58 +1,58 @@
 Компонент для отрисовки дня в Calendar. Полезен при использовании вместе с его пропом `renderDay`.
 
+### Базовый пример
 ```jsx harmony
-import { Calendar, Gapped } from '@skbkontur/react-ui';
+import { CalendarDay, Gapped } from '@skbkontur/react-ui';
 
 const date = '20.05.2024';
 const style = { width: 32, height: 32 };
 
 <Gapped>
-  <Calendar.Day style={style} date={date} />
-  <Calendar.Day style={style} date={date} isToday={true} />
-  <Calendar.Day style={style} date={date} isSelected={true} />
-  <Calendar.Day style={style} date={date} isDisabled={true} />
-  <Calendar.Day style={style} date={date} isWeekend={true} />
-  <Calendar.Day style={style}><b>20</b></Calendar.Day>
+  <CalendarDay style={style} date={date} />
+  <CalendarDay style={style} date={date} isToday={true} />
+  <CalendarDay style={style} date={date} isSelected={true} />
+  <CalendarDay style={style} date={date} isDisabled={true} />
+  <CalendarDay style={style} date={date} isWeekend={true} />
+  <CalendarDay style={style}><b>20</b></CalendarDay>
 </Gapped>
 ```
 
-Набор функций для сравнения строковых дат.
+### Функции для сравнения строковых дат
 
 ```jsx harmony
-import { isBetween, isEqual, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '@skbkontur/react-ui/lib/date/comparison';
+const { isBetween, isEqual, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } = require('@skbkontur/react-ui/lib/date/comparison');
 
 const date_a = '10.03.2017';
 const date_b = '11.03.2017';
-const date_c = '12.03.2017';
 
 const Table = ({ children }) => (
-    <table>
-        <thead>
-            <tr>
-                <td>Функция</td>
-                <td>Результат</td>
-            </tr>
-        </thead>
-        <tbody>
-            { children }
-        </tbody>
-    </table>
+  <table>
+    <thead>
+      <tr>
+        <td>Функция</td>
+        <td>Результат</td>
+      </tr>
+    </thead>
+    <tbody>
+      { children }
+    </tbody>
+  </table>
 )
 
 const Row = ({ code }) => (
-    <tr>
-        <td><code>{code}</code></td>
-        <td><code>{JSON.stringify(eval(code), null, 2)}</code></td>
-    </tr>
+  <tr>
+    <td><code>{code}</code></td>
+    <td><code>{JSON.stringify(eval(code), null, 2)}</code></td>
+  </tr>
 );
 
 <Table>
-    <Row code={`isEqual("${date_a}", "${date_a}")`} />
-    <Row code={`isLess("${date_a}", "${date_b}")`} />
-    <Row code={`isLessOrEqual("${date_a}", "${date_b}")`} />
-    <Row code={`isGreater("${date_b}", "${date_a}")`} />
-    <Row code={`isGreaterOrEqual("${date_b}", "${date_a}")`} />
-    <Row code={`isBetween("${date_b}", "${date_a}", "${date_b}")`} />
+  <Row code={`isEqual("${date_a}", "${date_a}")`} />
+  <Row code={`isLess("${date_a}", "${date_b}")`} />
+  <Row code={`isLessOrEqual("${date_a}", "${date_b}")`} />
+  <Row code={`isGreater("${date_b}", "${date_a}")`} />
+  <Row code={`isGreaterOrEqual("${date_b}", "${date_a}")`} />
+  <Row code={`isBetween("${date_b}", "${date_a}", "${date_b}")`} />
 </Table>
 
 ```
@@ -67,4 +67,4 @@ export function isBetween(
   date: string,
   left?: string,
   right?: string,
-): boolean;
+): boolean;

package/cjs/components/Calendar/CalendarScrollEvents.d.ts

@@ -1,4 +1,4 @@
-export declare function addListener(callback: () => void): {
-    remove(): void;
-};
-export declare function emit(): void;
+export declare function addListener(callback: () => void): {
+    remove(): void;
+};
+export declare function emit(): void;

package/cjs/components/Calendar/CalendarUtils.d.ts

@@ -1,37 +1,37 @@
-import { Nullable } from '../../typings/utility-types';
-import { Theme } from '../../lib/theming/Theme';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarState } from './Calendar';
-import { CalendarDateShape } from './CalendarDateShape';
-export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-};
-export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: {
-    minDate: CalendarDateShape;
-    maxDate: CalendarDateShape;
-}) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-} | {
-    scrollPosition: number;
-    scrollDirection: number;
-};
-export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
-export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
-export declare const getMonths: (month: number, year: number) => MonthViewModel[];
-export declare const getMonthInNativeFormat: (month: number) => number;
-export declare const getMonthInHumanFormat: (month: number) => number;
-export declare const getInitialDate: ({ today, date, minDate, maxDate, }: {
-    today: CalendarDateShape;
-    date?: Nullable<CalendarDateShape>;
-    minDate?: Nullable<CalendarDateShape>;
-    maxDate?: Nullable<CalendarDateShape>;
-}) => CalendarDateShape;
-export declare const getTodayDate: () => {
-    date: number;
-    month: number;
-    year: number;
-};
+import { Nullable } from '../../typings/utility-types';
+import { Theme } from '../../lib/theming/Theme';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarState } from './Calendar';
+import { CalendarDateShape } from './CalendarDateShape';
+export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+};
+export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: {
+    minDate: CalendarDateShape;
+    maxDate: CalendarDateShape;
+}) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+} | {
+    scrollPosition: number;
+    scrollDirection: number;
+};
+export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
+export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
+export declare const getMonths: (month: number, year: number) => MonthViewModel[];
+export declare const getMonthInNativeFormat: (month: number) => number;
+export declare const getMonthInHumanFormat: (month: number) => number;
+export declare const getInitialDate: ({ today, date, minDate, maxDate, }: {
+    today: CalendarDateShape;
+    date?: Nullable<CalendarDateShape>;
+    minDate?: Nullable<CalendarDateShape>;
+    maxDate?: Nullable<CalendarDateShape>;
+}) => CalendarDateShape;
+export declare const getTodayDate: () => {
+    date: number;
+    month: number;
+    year: number;
+};

package/cjs/components/Calendar/DayCellView.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { DayCellViewModel } from './DayCellViewModel';
-export interface DayCellViewProps {
-    date: DayCellViewModel;
-}
-export declare const DayCellView: (props: DayCellViewProps) => React.JSX.Element;
+import React from 'react';
+import { DayCellViewModel } from './DayCellViewModel';
+export interface DayCellViewProps {
+    date: DayCellViewModel;
+}
+export declare const DayCellView: (props: DayCellViewProps) => React.JSX.Element;

package/cjs/components/Calendar/DayCellView.styles.d.ts

@@ -1,8 +1,8 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    cell(t: Theme): string;
-    day(t: Theme): string;
-    selected(t: Theme): string;
-    weekend(t: Theme): string;
-    todayCaption(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    cell(t: Theme): string;
+    day(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    todayCaption(t: Theme): string;
+};

package/cjs/components/Calendar/DayCellViewModel.d.ts

@@ -1,8 +1,8 @@
-export declare class DayCellViewModel {
-    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
-    date: number;
-    month: number;
-    year: number;
-    isWeekend: boolean;
-    constructor(date: number, month: number, year: number, isWeekend: boolean);
-}
+export declare class DayCellViewModel {
+    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
+    date: number;
+    month: number;
+    year: number;
+    isWeekend: boolean;
+    constructor(date: number, month: number, year: number, isWeekend: boolean);
+}

package/cjs/components/Calendar/Month.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { MonthViewModel } from './MonthViewModel';
-interface MonthProps {
-    top: number;
-    month: MonthViewModel;
-    onMonthYearChange: (monthNative: number, year: number) => void;
-}
-export declare class Month extends React.Component<MonthProps> {
-    private theme;
-    private monthSelect;
-    private yearSelect;
-    shouldComponentUpdate(nextProps: MonthProps): boolean;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
-    private renderCells;
-    private closeSelects;
-    private monthRef;
-    private yearRef;
-    private handleMonthSelect;
-    private handleYearSelect;
-}
-export {};
+import React from 'react';
+import { MonthViewModel } from './MonthViewModel';
+interface MonthProps {
+    top: number;
+    month: MonthViewModel;
+    onMonthYearChange: (monthNative: number, year: number) => void;
+}
+export declare class Month extends React.Component<MonthProps> {
+    private theme;
+    private monthSelect;
+    private yearSelect;
+    shouldComponentUpdate(nextProps: MonthProps): boolean;
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element;
+    private renderCells;
+    private closeSelects;
+    private monthRef;
+    private yearRef;
+    private handleMonthSelect;
+    private handleYearSelect;
+}
+export {};

package/cjs/components/Calendar/MonthView.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { Nullable } from '../..//typings/utility-types';
-import { DateSelect } from '../../internal/DateSelect';
-import * as CDS from './CalendarDateShape';
-export declare const getMinMonth: (year: number, minDate: Nullable<CDS.CalendarDateShape>) => number;
-export declare const getMaxMonth: (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => number;
-interface MonthViewProps {
-    children: React.ReactNode;
-    firstDayOffset: number;
-    height: number;
-    isFirstInYear?: boolean;
-    isLastInYear?: boolean;
-    month: number;
-    top: number;
-    year: number;
-    onMonthSelect: (month: number) => void;
-    onYearSelect: (month: number) => void;
-    monthSelectRef: (select: DateSelect | null) => void;
-    yearSelectRef: (select: DateSelect | null) => void;
-}
-export declare function MonthView(props: MonthViewProps): React.JSX.Element;
-export {};
+import React from 'react';
+import { Nullable } from '../..//typings/utility-types';
+import { DateSelect } from '../../internal/DateSelect';
+import * as CDS from './CalendarDateShape';
+export declare const getMinMonth: (year: number, minDate: Nullable<CDS.CalendarDateShape>) => number;
+export declare const getMaxMonth: (year: number, maxDate: Nullable<CDS.CalendarDateShape>) => number;
+interface MonthViewProps {
+    children: React.ReactNode;
+    firstDayOffset: number;
+    height: number;
+    isFirstInYear?: boolean;
+    isLastInYear?: boolean;
+    month: number;
+    top: number;
+    year: number;
+    onMonthSelect: (month: number) => void;
+    onYearSelect: (month: number) => void;
+    monthSelectRef: (select: DateSelect | null) => void;
+    yearSelectRef: (select: DateSelect | null) => void;
+}
+export declare function MonthView(props: MonthViewProps): React.JSX.Element;
+export {};

package/cjs/components/Calendar/MonthView.styles.d.ts

@@ -1,13 +1,13 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    headerMonth(t: Theme): string;
-    headerYear(t: Theme): string;
-    month(t: Theme): string;
-    monthMobile(): string;
-    header(): string;
-    headerSticky(t: Theme): string;
-    monthTitle(t: Theme): string;
-    monthDayGrid(t: Theme): string;
-    monthDayRow(t: Theme): string;
-    nativeSelect(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    headerMonth(t: Theme): string;
+    headerYear(t: Theme): string;
+    month(t: Theme): string;
+    monthMobile(): string;
+    header(): string;
+    headerSticky(t: Theme): string;
+    monthTitle(t: Theme): string;
+    monthDayGrid(t: Theme): string;
+    monthDayRow(t: Theme): string;
+    nativeSelect(): string;
+};

package/cjs/components/Calendar/MonthViewModel.d.ts

@@ -1,14 +1,14 @@
-import { Theme } from '../../lib/theming/Theme';
-import { DayCellViewModel } from './DayCellViewModel';
-export declare class MonthViewModel {
-    static create: (...args: number[]) => any;
-    readonly daysCount: number;
-    readonly offset: number;
-    readonly month: number;
-    readonly year: number;
-    readonly days: DayCellViewModel[];
-    isLastInYear: boolean;
-    isFirstInYear: boolean;
-    getHeight(theme: Theme): number;
-    private constructor();
-}
+import { Theme } from '../../lib/theming/Theme';
+import { DayCellViewModel } from './DayCellViewModel';
+export declare class MonthViewModel {
+    static create: (...args: number[]) => any;
+    readonly daysCount: number;
+    readonly offset: number;
+    readonly month: number;
+    readonly year: number;
+    readonly days: DayCellViewModel[];
+    isLastInYear: boolean;
+    isFirstInYear: boolean;
+    getHeight(theme: Theme): number;
+    private constructor();
+}

package/cjs/components/Calendar/__docs__/Calendar.mdx

@@ -0,0 +1,28 @@
+import * as CalendarStories from './Calendar.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={CalendarStories} />
+
+# Calendar
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/calendar/#_Blok_kalendarya)
+
+[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=200-979&t=DrNoIKKKInwy9gzX-0)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/Calendar/__docs__/CalendarDay.mdx

@@ -0,0 +1,24 @@
+import * as CalendarDayStories from './CalendarDay.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={CalendarDayStories} />
+
+# Calendar
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/Calendar/config.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const themeConfig: (t: Theme) => any;
+import { Theme } from '../../lib/theming/Theme';
+export declare const themeConfig: (t: Theme) => any;

package/cjs/components/Calendar/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Calendar';
-export * from './CalendarDateShape';
-export * from './CalendarDay';
+export * from './Calendar';
+export * from './CalendarDateShape';
+export * from './CalendarDay';

package/cjs/components/Calendar/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { CalendarLocale } from './types';
-export * from './types';
-export declare const CalendarLocaleHelper: LocaleHelper<CalendarLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { CalendarLocale } from './types';
+export * from './types';
+export declare const CalendarLocaleHelper: LocaleHelper<CalendarLocale>;

package/cjs/components/Calendar/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { CalendarLocale } from '../types';
-export declare const componentsLocales: CalendarLocale;
+import { CalendarLocale } from '../types';
+export declare const componentsLocales: CalendarLocale;

package/cjs/components/Calendar/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { CalendarLocale } from '../types';
-export declare const componentsLocales: CalendarLocale;
+import { CalendarLocale } from '../types';
+export declare const componentsLocales: CalendarLocale;

package/cjs/components/Calendar/locale/types.d.ts

@@ -1,7 +1,7 @@
-export interface CalendarLocale {
-    months?: string[];
-    selectMonthAriaLabel?: string;
-    selectYearAriaLabel?: string;
-    selectChosenAriaLabel?: string;
-    dayCellChooseDateAriaLabel?: string;
-}
+export interface CalendarLocale {
+    months?: string[];
+    selectMonthAriaLabel?: string;
+    selectYearAriaLabel?: string;
+    selectChosenAriaLabel?: string;
+    dayCellChooseDateAriaLabel?: string;
+}

package/cjs/components/Center/Center.d.ts

@@ -1,30 +1,28 @@
-import React from 'react';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export type HorizontalAlign = 'left' | 'center' | 'right';
-export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<HTMLDivElement>, {
-    /**
-     * Определяет, как контент будет выровнен по горизонтали.
-     *
-     * **Допустимые значения**: `"left"`, `"center"`, `"right"`.
-     */
-    align?: HorizontalAlign;
-}> {
-}
-export declare const CenterDataTids: {
-    readonly root: "Center__root";
-};
-type DefaultProps = Required<Pick<CenterProps, 'align'>>;
-/**
- * Контейнер, который центрирует элементы внутри себя.
- */
-export declare class Center extends React.Component<CenterProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private setRootNode;
-    render(): React.JSX.Element;
-    private renderMain;
-}
-export {};
+import React from 'react';
+import { Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export type HorizontalAlign = 'left' | 'center' | 'right';
+export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<HTMLDivElement>, {
+    /** Задает выравнивание контента по горизонтали */
+    align?: HorizontalAlign;
+}> {
+}
+export declare const CenterDataTids: {
+    readonly root: "Center__root";
+};
+type DefaultProps = Required<Pick<CenterProps, 'align'>>;
+/**
+ * `Center` — контейнер, который центрирует элементы внутри себя.
+ *
+ * Выравнивание задается пропом `align`.
+ */
+export declare class Center extends React.Component<CenterProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private setRootNode;
+    render(): React.JSX.Element;
+    private renderMain;
+}
+export {};