@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/cjs/components/Tabs/components/TabsIndicator/index.d.ts

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

package/__inner__/cjs/components/Tabs/components/TabsIndicator/index.js

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

package/__inner__/cjs/components/Tabs/components/TabsIndicator/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type TabsIndicatorRef = ComponentRef<'div'>;
+export type TabsIndicatorProps = ExtendableComponentPropsWithRef<{
+    indicatorStyles: {
+        translateX: number;
+        width: number;
+    };
+}, 'div'>;

package/__inner__/cjs/components/Tabs/components/TabsIndicator/types.js

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

package/__inner__/cjs/components/Tabs/components/TabsScrollButton/TabsScrollButton.css

@@ -0,0 +1,17 @@
+.IconButtonNext.TabsScrollButton {
+  position: absolute;
+  z-index: calc(var(--z-index-absolute) + 1);
+}
+
+  .IconButtonNext.TabsScrollButton_direction_left {
+    inset-inline-start: 0;
+  }
+
+  .IconButtonNext.TabsScrollButton_direction_right {
+    inset-inline-end: 0;
+  }
+
+  .IconButtonNext.TabsScrollButton_invisible {
+    pointer-events: none;
+    opacity: 0;
+  }

package/__inner__/cjs/components/Tabs/components/TabsScrollButton/TabsScrollButton.d.ts

@@ -0,0 +1,13 @@
+import './TabsScrollButton.css';
+import React from 'react';
+import type { TabsScrollButtonProps } from './index';
+export declare const cnScrollButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const iconByDirection: {
+    left: React.ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    right: React.ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+export declare const ariaLabelByDirection: {
+    left: string;
+    right: string;
+};
+export declare const TabsScrollButton: React.ForwardRefExoticComponent<Omit<TabsScrollButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/__inner__/cjs/components/Tabs/components/{ScrollButton/ScrollButton.js → TabsScrollButton/TabsScrollButton.js}

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollButton = exports.ariaLabelByDirection = exports.iconByDirection = exports.cnScrollButton = exports.scrollButtonDirectionVariant = void 0;
+exports.TabsScrollButton = exports.ariaLabelByDirection = exports.iconByDirection = exports.cnScrollButton = void 0;
 var tslib_1 = require("tslib");
-require("./ScrollButton.css");
+require("./TabsScrollButton.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var icons_1 = require("@ozen-ui/icons");
 var classname_1 = require("../../../../utils/classname");
 var IconButtonNext_1 = require("../../../IconButtonNext");
-exports.scrollButtonDirectionVariant = ['left', 'right'];
-exports.cnScrollButton = (0, classname_1.cn)('ScrollButton');
+exports.cnScrollButton = (0, classname_1.cn)('TabsScrollButton');
 exports.iconByDirection = {
     left: icons_1.ChevronLeftIcon,
     right: icons_1.ChevronRightIcon,
@@ -17,11 +16,11 @@ exports.ariaLabelByDirection = {
     left: 'Прокрутить вкладки влево',
     right: 'Прокрутить вкладки вправо',
 };
-exports.ScrollButton = react_1.default.forwardRef(function (_a, ref) {
+exports.TabsScrollButton = (0, react_1.forwardRef)(function (_a, ref) {
     var direction = _a.direction, invisible = _a.invisible, className = _a.className, _b = _a.size, size = _b === void 0 ? 'm' : _b, other = tslib_1.__rest(_a, ["direction", "invisible", "className", "size"]);
     var ariaLabel = (0, react_1.useMemo)(function () { return exports.ariaLabelByDirection[direction]; }, [direction]);
     var Icon = (0, react_1.useMemo)(function () { return exports.iconByDirection[direction]; }, [direction]);
     var tabIndex = invisible ? -1 : 0;
     return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ variant: "floating", size: size, icon: react_1.default.createElement(Icon, { size: "s" }), className: (0, exports.cnScrollButton)({ invisible: invisible, direction: direction }, [className]), tabIndex: tabIndex, "aria-label": ariaLabel, compressed: true, ref: ref }, other)));
 });
-exports.ScrollButton.displayName = 'ScrollButton';
+exports.TabsScrollButton.displayName = 'TabsScrollButton';

package/__inner__/cjs/components/Tabs/components/TabsScrollButton/index.d.ts

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

package/__inner__/cjs/components/Tabs/components/TabsScrollButton/index.js

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

package/__inner__/cjs/components/Tabs/components/TabsScrollButton/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentRef, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { IconButtonProps } from '../../../IconButtonNext';
+import type { TabsSizeVariant } from '../../index';
+export declare const tabScrollButtonDirectionVariant: readonly ["left", "right"];
+export type TabsScrollButtonDirectionVariant = (typeof tabScrollButtonDirectionVariant)[number];
+export type TabsScrollButtonRef = ComponentRef<'button'>;
+export type TabsScrollButtonProps = ExtendableComponentPropsWithRef<Partial<IconButtonProps> & {
+    direction: TabsScrollButtonDirectionVariant;
+    invisible: boolean;
+    children?: never;
+    size?: TabsSizeVariant;
+    ref?: Ref<HTMLButtonElement>;
+}, 'button'>;

package/__inner__/cjs/components/Tabs/components/TabsScrollButton/types.js

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

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

@@ -1,3 +1,3 @@
 export * from './TabsIndicator';
-export * from './ScrollButton';
+export * from './TabsScrollButton';
 export * from './Tab';

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

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TabsIndicator"), exports);
-tslib_1.__exportStar(require("./ScrollButton"), exports);
+tslib_1.__exportStar(require("./TabsScrollButton"), exports);
 tslib_1.__exportStar(require("./Tab"), exports);

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

@@ -1,4 +1,5 @@
-import type { Ref, HTMLAttributes, ReactElement, SyntheticEvent } from 'react';
+import type { Ref, ReactElement, SyntheticEvent, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { TabProps } from './components';
 export declare const tabsSizeVariant: readonly ["xs", "s", "m", "l"];
 export declare const tabsVariant: readonly ["default", "scrollable"];
@@ -26,7 +27,8 @@ export interface TabsContextValue {
     /** Размер */
     size: TabsSizeVariant;
 }
-export type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+export type TabsRef = ComponentRef<'div'>;
+export type TabsProps = ExtendableComponentPropsWithRef<{
     children: ReactElement<TabProps>[] | ReactElement<TabProps>;
     /** Текущее значение */
     value: TabsContextValue['currentValue'];
@@ -40,4 +42,4 @@ export type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
     ref?: Ref<HTMLDivElement>;
     /** Размер */
     size?: TabsSizeVariant;
-};
+}, 'div'>;

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

@@ -1,15 +1,13 @@
 import './Tag.css';
 import type { ElementType, FC } from 'react';
-import type { IconProps, IconSize } from '@ozen-ui/icons';
+import type { IconProps } from '@ozen-ui/icons';
 import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import { type RemoveButtonProps } from './components';
 export declare const tagVariant: readonly ["neutral", "action", "error", "warning", "success", "info"];
 export declare const tagSizeVariant: readonly ["2xs", "xs", "s"];
 export type TagVariant = (typeof tagVariant)[number];
 export type TagSizeVariant = (typeof tagSizeVariant)[number];
-export type TagIcon = FC<IconProps & {
-    size?: IconSize;
-}>;
+export type TagIcon = FC<IconProps>;
 export declare const cnTag: import("@bem-react/classname").ClassNameFormatter;
 type TagBaseProps = {
     /** Текст лейбла внутри тега */

package/__inner__/cjs/components/Tag/components/RemoveButton/Remove2xsIcon.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import type { IconProps } from '@ozen-ui/icons';
-export declare const Remove2xsIcon: React.FC<IconProps>;
+export declare const Remove2xsIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

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

@@ -1,9 +1,8 @@
-import type { FC } from 'react';
-import type { IconProps } from '@ozen-ui/icons';
+import React from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export declare const removeButtonSizeVariant: readonly ["s", "xs", "2xs"];
 export type RemoveButtonSizeVariant = (typeof removeButtonSizeVariant)[number];
-export interface RemoveButtonProps extends IconProps {
+export type RemoveButtonProps = ExtendableComponentPropsWithRef<{
     size: RemoveButtonSizeVariant;
-    className?: string;
-}
-export declare const RemoveButton: FC<RemoveButtonProps>;
+}, 'svg'>;
+export declare const RemoveButton: React.ForwardRefExoticComponent<Omit<RemoveButtonProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

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

@@ -12,8 +12,8 @@ var icons = {
     '2xs': Remove2xsIcon_1.Remove2xsIcon,
 };
 exports.RemoveButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var size = _a.size, props = tslib_1.__rest(_a, ["size"]);
+    var size = _a.size, other = tslib_1.__rest(_a, ["size"]);
     var Icon = (0, react_1.useMemo)(function () { return icons[size]; }, [size]);
-    return react_1.default.createElement(Icon, tslib_1.__assign({}, props, { ref: ref }));
+    return react_1.default.createElement(Icon, tslib_1.__assign({}, other, { ref: ref }));
 });
 exports.RemoveButton.displayName = 'RemoveButton';

package/__inner__/cjs/components/Tag/components/RemoveButton/RemoveSIcon.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import type { IconProps } from '@ozen-ui/icons';
-export declare const RemoveSIcon: React.FC<IconProps>;
+export declare const RemoveSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

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

@@ -1,33 +1,4 @@
 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'];
+import type { TagBaseProps } from './index';
 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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = exports.cnTag = exports.tagColorVariant = exports.tagVariant = void 0;
+exports.Tag = exports.cnTag = void 0;
 var tslib_1 = require("tslib");
 require("./Tag.css");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -10,19 +10,10 @@ 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 _a = props.color, color = _a === void 0 ? constants_1.TAG_DEFAULT_COLOR : _a, _b = props.variant, variant = _b === void 0 ? constants_1.TAG_DEFAULT_VARIANT : _b, _c = props.size, size = _c === void 0 ? constants_1.TAG_DEFAULT_SIZE : _c, _d = props.as, Tag = _d === void 0 ? constants_1.TAG_DEFAULT_AS : _d, interactive = props.interactive, iconLeft = props.iconLeft, iconRight = props.iconRight, label = props.label, className = props.className, other = tslib_1.__rest(props, ["color", "variant", "size", "as", "interactive", "iconLeft", "iconRight", "label", "className"]);
     var renderIcon = function (content) {
         return (0, renderContent_1.renderContent)({
             content: content,

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

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

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

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

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

@@ -0,0 +1,27 @@
+import type { ElementType } 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';
+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>['content'];
+export 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>;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tagColorVariant = exports.tagVariant = void 0;
+exports.tagVariant = ['primary', 'secondary'];
+exports.tagColorVariant = [
+    'neutral',
+    'action',
+    'error',
+    'warning',
+    'success',
+    'info',
+];

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

@@ -1,4 +1,5 @@
 import type { ComponentPropsWithRef, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { FieldHintProps } from '../FieldHint';
@@ -18,8 +19,10 @@ type TextareaPropsDeprecated = {
      * */
     textareaRef?: Ref<HTMLTextAreaElement>;
 };
-type TextareaElement = ComponentPropsWithRef<'textarea'>;
-export type TextareaProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT_TAG>, 'size' | 'onChange'> & {
+type TextareaElement = ComponentPropsWithRef<'textarea'> & {
+    'data-testid'?: string;
+};
+type TextareaBaseProps = {
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -59,14 +62,13 @@ export type TextareaProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFA
     /** Обработчик события на изменение значения поля */
     onChange?: TextareaElement['onChange'];
     /** Свойства элемента textarea */
-    textareaProps?: TextareaElement & {
-        'data-testid'?: string;
-    };
+    textareaProps?: TextareaElement;
     /** Свойства FieldLabel */
     labelProps?: FieldLabelProps;
     /** Cвойства FieldHint */
     hintProps?: Omit<FieldHintProps, 'children'>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
-} & TextareaPropsDeprecated;
+};
+export type TextareaProps = ExtendableComponentPropsWithRef<TextareaBaseProps & TextareaPropsDeprecated, typeof FIELD_CONTROL_DEFAULT_TAG>;
 export {};

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

@@ -1,16 +1,4 @@
 import './ThemeProvider.css';
-import type { ComponentRef, ElementType } from 'react';
-import React from 'react';
-import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import type { Theme } from './types';
-export declare const THEME_DEFAULT_TAG = "div";
-export type ThemeProviderBaseProps = {
-    /** Содержимое компонента */
-    children: React.ReactNode;
-    /** Тема */
-    theme?: Theme;
-};
+import type { ThemeProviderBaseProps } from './index';
 export declare const cnThemeProvider: import("@bem-react/classname").ClassNameFormatter;
-export type ThemeProviderProps<As extends ElementType = typeof THEME_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ThemeProviderBaseProps, As>;
-export type ThemeProviderRef = ComponentRef<typeof THEME_DEFAULT_TAG>;
 export declare const ThemeProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ThemeProviderBaseProps, "div">;

package/__inner__/cjs/components/ThemeProvider/ThemeProvider.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = exports.cnThemeProvider = exports.THEME_DEFAULT_TAG = void 0;
+exports.ThemeProvider = exports.cnThemeProvider = void 0;
 var tslib_1 = require("tslib");
 require("./ThemeProvider.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");
 var ThemeProviderContext_1 = require("./ThemeProviderContext");
-exports.THEME_DEFAULT_TAG = 'div';
 exports.cnThemeProvider = (0, classname_1.cn)('Theme');
 exports.ThemeProvider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
-    var children = _a.children, theme = _a.theme, className = _a.className, _b = _a.as, Tag = _b === void 0 ? exports.THEME_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "theme", "className", "as"]);
+    var children = _a.children, theme = _a.theme, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.THEME_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "theme", "className", "as"]);
     return (react_1.default.createElement(ThemeProviderContext_1.ThemeProviderContext.Provider, { value: theme },
         react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnThemeProvider)(theme === null || theme === void 0 ? void 0 : theme.tokens, [className]) }, other, { ref: ref }), children)));
 });

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

@@ -0,0 +1 @@
+export declare const THEME_DEFAULT_TAG = "div";

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

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

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

@@ -1,9 +1,13 @@
+import type { ComponentRef, ElementType } from 'react';
+import type React from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import type { AccordionProps, AccordionSummaryProps } from '../Accordion';
 import type { AlertProps } from '../Alert';
 import type { AutocompleteProps } from '../Autocomplete';
 import type { AvatarProps } from '../Avatar';
 import type { BackdropProps } from '../Backdrop';
 import type { BadgeProps } from '../Badge';
+import type { BreadcrumbsProps } from '../Breadcrumbs';
 import type { ButtonProps } from '../Button';
 import type { ButtonProps as ButtonPropsNext } from '../ButtonNext';
 import type { CalendarProps } from '../Calendar';
@@ -54,6 +58,7 @@ import type { TextareaProps } from '../Textarea';
 import type { ToggleProps } from '../Toggle';
 import type { TooltipProps } from '../Tooltip';
 import type { TypographyProps } from '../Typography';
+import type { THEME_DEFAULT_TAG } from './constants';
 export type Theme = {
     tokens: {
         color: string;
@@ -76,6 +81,7 @@ export type Theme = {
         Avatar?: Partial<AvatarProps>;
         Backdrop?: Partial<BackdropProps>;
         Badge?: Partial<BadgeProps>;
+        Breadcrumbs?: Partial<BreadcrumbsProps>;
         Button?: Partial<ButtonProps>;
         ButtonNext?: Partial<ButtonPropsNext>;
         Calendar?: Partial<CalendarProps>;
@@ -136,3 +142,11 @@ export type Theme = {
         Typography?: Partial<TypographyProps>;
     };
 };
+export type ThemeProviderBaseProps = {
+    /** Содержимое компонента */
+    children: React.ReactNode;
+    /** Тема */
+    theme?: Theme;
+};
+export type ThemeProviderProps<As extends ElementType = typeof THEME_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ThemeProviderBaseProps, As>;
+export type ThemeProviderRef = ComponentRef<typeof THEME_DEFAULT_TAG>;

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

@@ -1,31 +1,5 @@
 import './Toggle.css';
 import React from 'react';
-import type { InputHTMLAttributes, Ref } from 'react';
-import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const toggleSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
-export type ToggleSizeVariant = (typeof toggleSizeVariant)[number];
-export type ToggleProps = {
-    /** Размер */
-    size?: ToggleSizeVariant;
-    /** Если {true} делает элемент неактивным */
-    disabled?: boolean;
-    /** Если {true} делает элемент выбранным */
-    checked?: boolean;
-    /** Расположение лейбла */
-    align?: FormControlLabelProps['align'];
-    /** Лейбл */
-    label?: React.ReactNode;
-    /** Позиция лейбла */
-    labelPlacement?: FormControlLabelProps['labelPlacement'];
-    /** Свойства лейбла */
-    labelProps?: FormControlLabelProps;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLLabelElement>;
-    /** Ссылка на input-элемент в компоненте */
-    inputRef?: Ref<HTMLInputElement>;
-    /** Кастомный класс */
-    className?: string;
-    children?: never;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+import type { ToggleProps } from './index';
 export declare const cnToggle: import("@bem-react/classname").ClassNameFormatter;
 export declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/__inner__/cjs/components/Toggle/Toggle.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = exports.cnToggle = exports.toggleSizeVariant = void 0;
+exports.Toggle = exports.cnToggle = void 0;
 var tslib_1 = require("tslib");
 require("./Toggle.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var FormControlLabel_1 = require("../FormControlLabel");
-exports.toggleSizeVariant = ['2xs', 'xs', 's', 'm', 'l'];
 exports.cnToggle = (0, classname_1.cn)('Toggle');
-// TODO: Switch (без тега label) как самостоятельный компонент
 exports.Toggle = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,

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

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

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

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

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

@@ -0,0 +1,29 @@
+import type { ComponentRef, Ref, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { FormControlLabelProps } from '../FormControlLabel';
+export type ToggleSizeVariant = FormElementSizeVariant;
+export type ToggleRef = ComponentRef<'label'>;
+export type ToggleProps = ExtendableComponentPropsWithRef<{
+    /** Размер */
+    size?: ToggleSizeVariant;
+    /** Если {true} делает элемент неактивным */
+    disabled?: boolean;
+    /** Если {true} делает элемент выбранным */
+    checked?: boolean;
+    /** Расположение лейбла */
+    align?: FormControlLabelProps['align'];
+    /** Лейбл */
+    label?: ReactNode;
+    /** Позиция лейбла */
+    labelPlacement?: FormControlLabelProps['labelPlacement'];
+    /** Свойства лейбла */
+    labelProps?: FormControlLabelProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Кастомный класс */
+    className?: string;
+    children?: never;
+}, 'input'>;

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

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

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

@@ -1,34 +1,4 @@
 import './Typography.css';
-import type { ElementType, ReactNode } from 'react';
-import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-export declare const typographyVariant: readonly ["heading-4xl", "heading-3xl", "heading-2xl", "heading-xl", "heading-l", "text-4xl", "text-4xl_1", "text-3xl", "text-3xl_1", "text-2xl", "text-2xl_1", "text-xl", "text-xl_1", "text-l", "text-l_1", "text-m", "text-m_1", "text-s", "text-s_1", "text-xs", "text-xs_1", "text-2xs", "text-2xs_1", "text-3xs", "text-3xs_1", "caption-3xs", "caption-3xs_1", "inherit"];
-export type TypographyVariant = (typeof typographyVariant)[number];
-export declare const typographyDisplayVariant: readonly ["block", "inline", "inlineBlock"];
-export type TypographyDisplayVariant = (typeof typographyDisplayVariant)[number];
-export declare const typographyAlignVariant: readonly ["left", "center", "right", "initial", "inherit"];
-export type TypographyAlignVariant = (typeof typographyAlignVariant)[number];
-export declare const typographyColorVariant: readonly ["primary", "secondary", "tertiary", "disabled", "ghostDisabled", "action", "actionPressed", "actionHover", "actionDark", "actionOn", "error", "errorHover", "errorPressed", "errorDark", "warning", "warningHover", "warningPressed", "warningDark", "success", "successHover", "successDark", "successPressed", "info", "infoHover", "infoPressed", "infoDark", "primaryInverse", "accentPrimary", "accentSecondary", "accentDisabled", "inherit"];
-export type TypographyColorVariant = (typeof typographyColorVariant)[number];
-export type TypographyBaseProps = {
-    /** Вариант типографики */
-    variant?: TypographyVariant;
-    /** Цвет текста */
-    color?: TypographyColorVariant;
-    /** Если {true} добавляет отступы */
-    defaultMargin?: boolean;
-    /** Выравнивание */
-    align?: TypographyAlignVariant;
-    /** Если {true} сокращает длинный текст */
-    noWrap?: boolean;
-    /** Задает поведение контейнера с типографикой в документе */
-    display?: TypographyDisplayVariant;
-    /** Содержимое компонента */
-    children?: ReactNode;
-    /** Дополнительные СSS-классы */
-    className?: string;
-    /** Идентификатор компонента для тестов */
-    'data-testid'?: string;
-};
-export type TypographyProps<As extends ElementType = 'p'> = PolymorphicComponentPropsWithoutRef<TypographyBaseProps, As>;
+import type { TypographyBaseProps } from './index';
 export declare const cnTypography: import("@bem-react/classname").ClassNameFormatter;
 export declare const Typography: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TypographyBaseProps, "div">;