@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/cjs/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = exports.cnBadge = exports.badgeVerticalOriginVariant = exports.badgeHorizontalOriginVariant = exports.badgeAsVariant = exports.badgeSizeVariant = exports.badgeVariant = exports.badgeColorVariant = void 0;
+exports.Badge = exports.cnBadge = void 0;
 var tslib_1 = require("tslib");
 require("./Badge.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -9,20 +9,6 @@ var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var constants_1 = require("./constants");
-exports.badgeColorVariant = [
-    'neutralDark',
-    'neutralLight',
-    'actionDark',
-    'actionLight',
-    'errorDark',
-    'errorLight',
-    'disabled',
-];
-exports.badgeVariant = ['dot', 'standard'];
-exports.badgeSizeVariant = ['xs', 's'];
-exports.badgeAsVariant = ['div', 'span'];
-exports.badgeHorizontalOriginVariant = ['left', 'right'];
-exports.badgeVerticalOriginVariant = ['top', 'bottom'];
 exports.cnBadge = (0, classname_1.cn)('Badge');
 exports.Badge = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Badge' });

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

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

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

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Badge"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,37 @@
+import type { ElementType, HTMLAttributes, ReactElement } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+export declare const badgeColorVariant: readonly ["neutralDark", "neutralLight", "actionDark", "actionLight", "errorDark", "errorLight", "disabled"];
+export declare const badgeVariant: readonly ["dot", "standard"];
+export declare const badgeSizeVariant: readonly ["xs", "s"];
+export declare const badgeAsVariant: readonly ["div", "span"];
+export declare const badgeHorizontalOriginVariant: readonly ["left", "right"];
+export declare const badgeVerticalOriginVariant: readonly ["top", "bottom"];
+export type BadgeColorVariant = (typeof badgeColorVariant)[number];
+export type BadgeVariant = (typeof badgeVariant)[number];
+export type BadgeSizeVariant = (typeof badgeSizeVariant)[number];
+export type BadgeAsVariant = (typeof badgeAsVariant)[number];
+export type BadgeHorizontalOriginVariant = (typeof badgeHorizontalOriginVariant)[number];
+export type BadgeVerticalOriginVariant = (typeof badgeVerticalOriginVariant)[number];
+export type BadgeBaseProps = {
+    /** Размер */
+    size?: BadgeSizeVariant;
+    /** Вариант представления */
+    variant?: BadgeVariant;
+    /** Цвет */
+    color?: BadgeColorVariant;
+    /** Отображаемое значение */
+    content?: ReactElement | string | number | null;
+    /** HTML-атрибуты элемента отображающего content баджа */
+    contentProps?: HTMLAttributes<HTMLSpanElement>;
+    /** Максимальное число для отображаемого значения */
+    max?: number;
+    /** Расположение по горизонтали */
+    horizontalOrigin?: BadgeHorizontalOriginVariant;
+    /** Расположение по вертикали */
+    verticalOrigin?: BadgeVerticalOriginVariant;
+    /** Если {true} отображает нулевое значение */
+    showZero?: boolean;
+    /** Если {true} компонент будет скрыт */
+    invisible?: boolean;
+};
+export type BadgeProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<BadgeBaseProps, As>;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeVerticalOriginVariant = exports.badgeHorizontalOriginVariant = exports.badgeAsVariant = exports.badgeSizeVariant = exports.badgeVariant = exports.badgeColorVariant = void 0;
+exports.badgeColorVariant = [
+    'neutralDark',
+    'neutralLight',
+    'actionDark',
+    'actionLight',
+    'errorDark',
+    'errorLight',
+    'disabled',
+];
+exports.badgeVariant = ['dot', 'standard'];
+exports.badgeSizeVariant = ['xs', 's'];
+exports.badgeAsVariant = ['div', 'span'];
+exports.badgeHorizontalOriginVariant = ['left', 'right'];
+exports.badgeVerticalOriginVariant = ['top', 'bottom'];

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

@@ -1,7 +1,5 @@
 import './Breadcrumbs.css';
 import React from 'react';
+import type { BreadcrumbsProps } from './index';
 export declare const cnBreadcrumbs: import("@bem-react/classname").ClassNameFormatter;
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "onClick"> & {
-    separator?: import("./types").BreadcrumbsSeparatorComponent | undefined;
-    size?: "s" | "xs" | undefined;
-} & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/__inner__/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -6,12 +6,14 @@ require("./Breadcrumbs.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var icons_1 = require("@ozen-ui/icons");
 var react_is_1 = require("react-is");
+var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var BreadcrumbsContext_1 = require("./BreadcrumbsContext");
 var constants_1 = require("./constants");
 exports.cnBreadcrumbs = (0, classname_1.cn)('Breadcrumbs');
-exports.Breadcrumbs = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? constants_1.BREADCRUMBS_DEFAULT_SIZE : _b, _c = _a.separator, Separator = _c === void 0 ? icons_1.ChevronRightSmallIcon : _c, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["size", "separator", "children", "className"]);
+exports.Breadcrumbs = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Breadcrumbs' });
+    var _a = props.size, size = _a === void 0 ? constants_1.BREADCRUMBS_DEFAULT_SIZE : _a, _b = props.separator, Separator = _b === void 0 ? icons_1.ChevronRightSmallIcon : _b, children = props.children, className = props.className, other = tslib_1.__rest(props, ["size", "separator", "children", "className"]);
     var resolvedChildren = (0, react_is_1.isFragment)(children)
         ? children.props.children
         : children;
@@ -20,7 +22,7 @@ exports.Breadcrumbs = (0, react_1.forwardRef)(function (_a, ref) {
     react_1.default.createElement(BreadcrumbsContext_1.BreadcrumbsContext.Provider, { value: { size: size } },
         react_1.default.createElement("nav", tslib_1.__assign({ className: (0, exports.cnBreadcrumbs)({
                 size: size,
-            }, [className]), "aria-label": "\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F" }, other, { ref: ref }),
+            }, [className]) }, other, { ref: ref }),
             react_1.default.createElement("ol", { className: (0, exports.cnBreadcrumbs)('List') }, react_1.Children.toArray(resolvedChildren).map(function (child, index, arr) {
                 if (!(0, react_1.isValidElement)(child))
                     return null;

package/__inner__/cjs/components/Breadcrumbs/components/BreadcrumbItem.d.ts

@@ -1,9 +1,3 @@
-import type { ElementType } from 'react';
-import type { PolymorphicComponentPropsWithoutRef } from '../../../utils/polymorphicComponentWithRef';
-import type { ButtonProps } from '../../ButtonNext';
-import { BREADCRUMB_ITEM_DEFAULT_TAG } from '../constants';
+import type { BreadcrumbItemBaseProps } from './index';
 export declare const cnBreadcrumbItem: import("@bem-react/classname").ClassNameFormatter;
-type BreadcrumbItemBaseProps = Pick<ButtonProps, 'disabled' | 'iconLeft' | 'iconRight'>;
-export type BreadcrumbItemProps<As extends ElementType = typeof BREADCRUMB_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<BreadcrumbItemBaseProps, As>;
 export declare const BreadcrumbItem: import("../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BreadcrumbItemBaseProps, "a">;
-export {};

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

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

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

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./BreadcrumbItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../utils/polymorphicComponentWithRef';
+import type { ButtonProps } from '../../ButtonNext';
+import type { BREADCRUMB_ITEM_DEFAULT_TAG } from '../constants';
+export type BreadcrumbItemBaseProps = Pick<ButtonProps, 'disabled' | 'iconLeft' | 'iconRight'>;
+export type BreadcrumbItemProps<As extends ElementType = typeof BREADCRUMB_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<BreadcrumbItemBaseProps, As>;

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

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

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

@@ -1,5 +1,6 @@
-import type { HTMLAttributes, FC } from 'react';
+import type { ComponentRef, FC } from 'react';
 import type { IconProps } from '@ozen-ui/icons';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 export declare const breadcrumbsSizeVariant: readonly ["xs", "s"];
 export type BreadcrumbsSizeVariant = (typeof breadcrumbsSizeVariant)[number];
 export type BreadcrumbsSeparatorComponent = FC<IconProps>;
@@ -7,9 +8,10 @@ export type BreadcrumbsContextValue = {
     /** Размер */
     size: BreadcrumbsSizeVariant;
 };
-export type BreadcrumbsProps = Omit<HTMLAttributes<HTMLElement>, 'onClick'> & {
+export type BreadcrumbsRef = ComponentRef<'nav'>;
+export type BreadcrumbsProps = ExtendableComponentPropsWithRef<{
     /** Разделитель */
     separator?: BreadcrumbsSeparatorComponent;
     /** Размер */
     size?: BreadcrumbsSizeVariant;
-};
+}, 'nav'>;

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

@@ -1,6 +1,6 @@
 import './Button.css';
 import type { ReactNode, ElementType, ComponentPropsWithRef } from 'react';
-import type { IconProps, IconSize } from '@ozen-ui/icons';
+import type { IconProps } from '@ozen-ui/icons';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import type { RenderContentType } from '../../utils/renderContent';
@@ -9,9 +9,7 @@ export declare const buttonVariant: readonly ["contained", "outlined", "ghost",
 export declare const buttonColorVariant: readonly ["primary", "secondary", "warning", "error"];
 export type ButtonVariant = (typeof buttonVariant)[number];
 export type ButtonColorVariant = (typeof buttonColorVariant)[number];
-export type ButtonIcon = RenderContentType<IconProps & {
-    size?: IconSize;
-}>['content'];
+export type ButtonIcon = RenderContentType<IconProps>['content'];
 type ButtonBaseProps = {
     /**
      * Вариант отображения кнопки

package/__inner__/cjs/components/Button/Button.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = exports.cnButton = exports.buttonColorVariant = exports.buttonVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Button.css");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var logger_1 = require("@ozen-ui/logger");
 var react_transition_group_1 = require("react-transition-group");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
@@ -34,6 +34,7 @@ exports.Button = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(
         props: inProps,
         name: 'Button',
     });
+    var loaderRef = (0, react_1.useRef)(null);
     if (process.env.NODE_ENV !== 'production') {
         (0, logger_1.deprecate)('Компонент «Button» устарел. Для замены используйте компонент «ButtonNext».');
     }
@@ -58,8 +59,8 @@ exports.Button = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(
             renderIcon(iconLeft),
             react_1.default.createElement("span", tslib_1.__assign({}, labelProps, { className: (0, exports.cnButton)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref }), children),
             renderIcon(iconRight)),
-        react_1.default.createElement(react_transition_group_1.CSSTransition, { in: loading, timeout: 120, classNames: (0, exports.cnButton)('Loader', { animation: true }), unmountOnExit: true },
-            react_1.default.createElement(Loader_1.Loader, { size: iconSize, className: (0, exports.cnButton)('Loader') }))));
+        react_1.default.createElement(react_transition_group_1.CSSTransition, { nodeRef: loaderRef, in: loading, timeout: 120, classNames: (0, exports.cnButton)('Loader', { animation: true }), unmountOnExit: true },
+            react_1.default.createElement(Loader_1.Loader, { size: iconSize, className: (0, exports.cnButton)('Loader'), ref: loaderRef }))));
     return (react_1.default.createElement(Tag, tslib_1.__assign({ disabled: isInteractionPrevented, onClick: handleClick, type: "button", className: (0, exports.cnButton)({
             variant: variant,
             size: size,

package/__inner__/cjs/components/ButtonNext/Button.d.ts

@@ -1,51 +1,4 @@
 import './Button.css';
-import type { ReactNode, ElementType, ComponentPropsWithRef } 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';
-import { BUTTON_DEFAULT_TAG } from './constants';
-export declare const buttonVariant: readonly ["contained", "contained-additional", "ghost", "function"];
-export declare const buttonColorVariant: readonly ["primary", "secondary", "tertiary", "error"];
-export type ButtonVariant = (typeof buttonVariant)[number];
-export type ButtonColorVariant = (typeof buttonColorVariant)[number];
-export type ButtonIcon = RenderContentType<IconProps & {
-    size?: IconSize;
-}>['content'];
-type ButtonBaseProps = {
-    /**
-     * Вариант отображения кнопки
-     * @default contained
-     * */
-    variant?: ButtonVariant;
-    /**
-     * Размер
-     * @default m
-     * */
-    size?: FormElementSizeVariant;
-    /**
-     * Цвет
-     * @default primary
-     * */
-    color?: ButtonColorVariant;
-    /** Содержимое кнопки */
-    children?: ReactNode;
-    /** Если {true} делает кнопку заблокированной */
-    disabled?: boolean;
-    /** Если {true} переводит кнопку в состояние загрузки  */
-    loading?: boolean;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** Иконка слева */
-    iconLeft?: ButtonIcon;
-    /** Иконка справа */
-    iconRight?: ButtonIcon;
-    /** Если {true} растягивает кнопку на всю ширину родительского контейнера */
-    fullWidth?: boolean;
-    /** Свойства лейбла кнопки */
-    labelProps?: ComponentPropsWithRef<'span'>;
-};
-export type ButtonProps<As extends ElementType = typeof BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseProps, As>;
+import type { ButtonBaseProps } from './index';
 export declare const cnButton: import("@bem-react/classname").ClassNameFormatter;
 export declare const Button: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ButtonBaseProps, "button">;
-export {};

package/__inner__/cjs/components/ButtonNext/Button.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.cnButton = exports.buttonColorVariant = exports.buttonVariant = void 0;
+exports.Button = exports.cnButton = void 0;
 var tslib_1 = require("tslib");
 require("./Button.css");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var react_transition_group_1 = require("react-transition-group");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
@@ -13,24 +13,13 @@ var renderContent_1 = require("../../utils/renderContent");
 var ButtonBase_1 = require("../ButtonBase");
 var Loader_1 = require("../Loader");
 var constants_1 = require("./constants");
-exports.buttonVariant = [
-    'contained',
-    'contained-additional',
-    'ghost',
-    'function',
-];
-exports.buttonColorVariant = [
-    'primary',
-    'secondary',
-    'tertiary',
-    'error',
-];
 exports.cnButton = (0, classname_1.cn)('ButtonNext');
 exports.Button = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'ButtonNext',
     });
+    var loaderRef = (0, react_1.useRef)(null);
     var _a = props.as, Tag = _a === void 0 ? constants_1.BUTTON_DEFAULT_TAG : _a, _b = props.variant, variant = _b === void 0 ? constants_1.BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.BUTTON_DEFAULT_COLOR : _c, _d = props.size, size = _d === void 0 ? constants_1.BUTTON_DEFAULT_SIZE : _d, iconLeft = props.iconLeft, iconRight = props.iconRight, loading = props.loading, children = props.children, disabled = props.disabled, className = props.className, fullWidth = props.fullWidth, labelProps = props.labelProps, onClick = props.onClick, other = tslib_1.__rest(props, ["as", "variant", "color", "size", "iconLeft", "iconRight", "loading", "children", "disabled", "className", "fullWidth", "labelProps", "onClick"]);
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
     var renderIcon = function (content) {
@@ -46,8 +35,8 @@ exports.Button = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(
             renderIcon(iconLeft),
             react_1.default.createElement("span", tslib_1.__assign({}, labelProps, { className: (0, exports.cnButton)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref }), children),
             renderIcon(iconRight)),
-        react_1.default.createElement(react_transition_group_1.CSSTransition, { in: loading, timeout: 120, classNames: (0, exports.cnButton)('Loader', { animation: true }), unmountOnExit: true },
-            react_1.default.createElement(Loader_1.Loader, { size: iconSize, className: (0, exports.cnButton)('Loader') }))));
+        react_1.default.createElement(react_transition_group_1.CSSTransition, { nodeRef: loaderRef, in: loading, timeout: 120, classNames: (0, exports.cnButton)('Loader', { animation: true }), unmountOnExit: true },
+            react_1.default.createElement(Loader_1.Loader, { size: iconSize, className: (0, exports.cnButton)('Loader'), ref: loaderRef }))));
     return (react_1.default.createElement(ButtonBase_1.ButtonBase, tslib_1.__assign({ as: Tag, disabled: disabled, loading: loading, onClick: onClick, className: (0, exports.cnButton)({
             variant: variant,
             size: size,

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

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

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

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Button"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,45 @@
+import type { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { RenderContentType } from '../../utils/renderContent';
+import type { BUTTON_DEFAULT_TAG } from './constants';
+export declare const buttonVariant: readonly ["contained", "contained-additional", "ghost", "function"];
+export declare const buttonColorVariant: readonly ["primary", "secondary", "tertiary", "error"];
+export type ButtonVariant = (typeof buttonVariant)[number];
+export type ButtonColorVariant = (typeof buttonColorVariant)[number];
+export type ButtonIcon = RenderContentType<IconProps>['content'];
+export type ButtonBaseProps = {
+    /**
+     * Вариант отображения кнопки
+     * @default contained
+     * */
+    variant?: ButtonVariant;
+    /**
+     * Размер
+     * @default m
+     * */
+    size?: FormElementSizeVariant;
+    /**
+     * Цвет
+     * @default primary
+     * */
+    color?: ButtonColorVariant;
+    /** Содержимое кнопки */
+    children?: ReactNode;
+    /** Если {true} делает кнопку заблокированной */
+    disabled?: boolean;
+    /** Если {true} переводит кнопку в состояние загрузки  */
+    loading?: boolean;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Иконка слева */
+    iconLeft?: ButtonIcon;
+    /** Иконка справа */
+    iconRight?: ButtonIcon;
+    /** Если {true} растягивает кнопку на всю ширину родительского контейнера */
+    fullWidth?: boolean;
+    /** Свойства лейбла кнопки */
+    labelProps?: ComponentPropsWithRef<'span'>;
+};
+export type ButtonProps<As extends ElementType = typeof BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseProps, As>;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonColorVariant = exports.buttonVariant = void 0;
+exports.buttonVariant = [
+    'contained',
+    'contained-additional',
+    'ghost',
+    'function',
+];
+exports.buttonColorVariant = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'error',
+];

package/__inner__/cjs/components/Calendar/components/CalendarGrid/CalendarGrid.d.ts

@@ -1,11 +1,9 @@
 import './CalendarGrid.css';
-import type { ComponentPropsWithRef } from 'react';
 import React from 'react';
 export declare const cnCalendarGrid: import("@bem-react/classname").ClassNameFormatter;
 export declare const cnCalendarDays: import("@bem-react/classname").ClassNameFormatter;
 export declare const cnCalendarMoths: import("@bem-react/classname").ClassNameFormatter;
 export declare const cnCalendarYears: import("@bem-react/classname").ClassNameFormatter;
-export type CalendarGridProps = ComponentPropsWithRef<'div'>;
 export declare const CalendarGrid: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & React.RefAttributes<HTMLElement>>;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/__inner__/cjs/components/Calendar/components/CalendarGrid/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CalendarGrid"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Calendar/components/CalendarGrid/types.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+export type CalendarGridRef = ComponentRef<'div'>;
+export type CalendarGridProps = ComponentPropsWithRef<'div'>;

package/__inner__/cjs/components/Calendar/components/CalendarGrid/types.js

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

package/__inner__/cjs/components/Calendar/components/CalendarGridItem/CalendarGridItem.d.ts

@@ -1,15 +1,5 @@
 import './CalendarGridItem.css';
-import type { ComponentPropsWithRef } from 'react';
 import React from 'react';
-import type { DPDayRange } from '@rehookify/datepicker/dist/types/day';
-import type { CALENDAR_ITEM_DEFAULT_TAG } from '../../constants';
-import type { CalendarSizeVariant } from '../../index';
+import type { CalendarGridItemProps } from './index';
 export declare const cnCalendarGridItem: import("@bem-react/classname").ClassNameFormatter;
-export type CalendarItemProps = Omit<ComponentPropsWithRef<typeof CALENDAR_ITEM_DEFAULT_TAG>, 'size'> & {
-    current?: boolean;
-    selected?: boolean;
-    disabled?: boolean;
-    range?: DPDayRange;
-    size?: CalendarSizeVariant;
-};
-export declare const CalendarGridItem: React.ForwardRefExoticComponent<Omit<CalendarItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CalendarGridItem: React.ForwardRefExoticComponent<Omit<CalendarGridItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

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

package/__inner__/cjs/components/Calendar/components/CalendarGridItem/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CalendarGridItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Calendar/components/CalendarGridItem/types.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentRef } from 'react';
+import type { DPDayRange } from '@rehookify/datepicker/dist/types/day';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { CalendarSizeVariant } from '../../index';
+export type CalendarGridItemRef = ComponentRef<'button'>;
+export type CalendarGridItemProps = ExtendableComponentPropsWithRef<{
+    current?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    range?: DPDayRange;
+    size?: CalendarSizeVariant;
+}, 'button'>;

package/__inner__/cjs/components/Calendar/components/CalendarGridItem/types.js

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

package/__inner__/cjs/components/Calendar/components/CalendarItem/CalendarItem.d.ts

@@ -1,11 +1,3 @@
 import React from 'react';
-import type { DPCalendar } from '@rehookify/datepicker';
-import type { CalendarSwitcherProps } from '../index';
-export type CalendarItemProp = {
-    calendar: DPCalendar;
-    type?: 'first' | 'last' | 'single';
-} & Pick<CalendarSwitcherProps, 'nextButton' | 'prevButton'>;
-export declare const CalendarItem: React.ForwardRefExoticComponent<{
-    calendar: DPCalendar;
-    type?: "first" | "last" | "single" | undefined;
-} & Pick<CalendarSwitcherProps, "prevButton" | "nextButton"> & React.RefAttributes<HTMLDivElement>>;
+import type { CalendarItemProp } from '../index';
+export declare const CalendarItem: React.ForwardRefExoticComponent<Omit<CalendarItemProp, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/__inner__/cjs/components/Calendar/components/CalendarItem/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CalendarItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Calendar/components/CalendarItem/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef } from 'react';
+import type { DPCalendar } from '@rehookify/datepicker';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { CalendarSwitcherProps } from '../index';
+export type CalendarItemProp = ExtendableComponentPropsWithRef<{
+    calendar: DPCalendar;
+    type?: 'first' | 'last' | 'single';
+} & Pick<CalendarSwitcherProps, 'nextButton' | 'prevButton'>, 'div'>;
+export type CalendarItemRef = ComponentRef<'div'>;

package/__inner__/cjs/components/Calendar/components/CalendarItem/types.js

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

package/__inner__/cjs/components/Calendar/components/CalendarSwitcher/CalendarSwitcher.d.ts

@@ -1,10 +1,5 @@
 import './CalendarSwitcher.css';
-import type { ComponentPropsWithRef, ComponentRef, ReactNode } from 'react';
 import React from 'react';
+import type { CalendarSwitcherProps } from './index';
 export declare const cnCalendarSwitcher: import("@bem-react/classname").ClassNameFormatter;
-export type CalendarSwitcherProps = {
-    prevButton?: ReactNode;
-    nextButton?: ReactNode;
-} & ComponentPropsWithRef<'div'>;
-export type CalendarSwitcherRef = ComponentRef<'div'>;
 export declare const CalendarSwitcher: React.ForwardRefExoticComponent<Omit<CalendarSwitcherProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/__inner__/cjs/components/Calendar/components/CalendarSwitcher/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CalendarSwitcher"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Calendar/components/CalendarSwitcher/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type CalendarSwitcherProps = ExtendableComponentPropsWithRef<{
+    prevButton?: ReactNode;
+    nextButton?: ReactNode;
+}, 'div'>;
+export type CalendarSwitcherRef = ComponentRef<'div'>;

package/__inner__/cjs/components/Calendar/components/CalendarSwitcher/types.js

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

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

@@ -21,7 +21,7 @@ export type CalendarProps<MODE extends CalendarModeVariant = typeof CALENDAR_DEF
     value?: CalendarValue<MODE>;
     /** Выбранная дата по умолчанию (неконтролируемое состояние) */
     defaultValue?: CalendarValue<MODE>;
-    /** Смещение календаря – на какой странице показать календарь */
+    /** Смещение календаря — на какой странице показать календарь */
     offsetDate?: Date;
     /** Смещение календаря по умолчанию */
     defaultOffsetDate?: Date;
@@ -47,7 +47,7 @@ export type CalendarProps<MODE extends CalendarModeVariant = typeof CALENDAR_DEF
     onDayClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
     /** Обработчик нажатия на кнопку года */
     onYearClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
-    /** Дополнительные контролы – рендер функция */
+    /** Дополнительные контролы — рендер функция */
     renderAdditionalControls?: CalendarRenderAdditionalControls<MODE>;
     /** Функция форматирования атрибута aria-label для кнопок переключения периодов */
     getPeriodSwitchAriaLabel?: (step: CalendarStepVariant) => [string, string];