@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/esm/components/Table/index.js

@@ -1,2 +1,3 @@
 export * from './Table';
 export * from './components';
+export * from './types';

package/__inner__/esm/components/Table/types.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+export declare const tableSizeVariant: readonly ["xs", "s", "m", "l"];
+export declare const tableDividerVariant: readonly ["row", "column", "all"];
+export type TableSizeVariant = (typeof tableSizeVariant)[number];
+export type TableDividerVariant = (typeof tableDividerVariant)[number];
+export type TableRef = ComponentRef<'table'>;
+export type TableProps = ExtendableComponentPropsWithRef<{
+    /** Устанавливает размер типографики и отступов в таблице */
+    size?: TableSizeVariant;
+    /** Признак, по которому таблица растет по всей ширине своего контейнера */
+    fullWidth?: boolean;
+    /** Тип разделителей в таблице */
+    divider?: TableDividerVariant;
+    /** Признак фиксированного заголовка в таблице */
+    stickyHeader?: boolean;
+    /** Признак сжатой таблицы */
+    compressed?: boolean;
+    /** Признак таблицы с зеброй */
+    striped?: boolean;
+    /** Содержимое таблицы */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+}, 'table'>;

package/__inner__/esm/components/Table/types.js

@@ -0,0 +1,2 @@
+export var tableSizeVariant = ['xs', 's', 'm', 'l'];
+export var tableDividerVariant = ['row', 'column', 'all'];

package/__inner__/esm/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import './Tabs.css';
 import React from 'react';
-import type { TabsProps } from './types';
+import type { TabsProps } from './index';
 export declare const cnTabs: import("@bem-react/classname").ClassNameFormatter;
-export declare const Tabs: React.FC<TabsProps>;
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Tabs/Tabs.js

@@ -1,15 +1,15 @@
 import { __assign, __read, __rest } from "tslib";
 import './Tabs.css';
-import React, { useState, useCallback, useMemo, useEffect, useRef, } from 'react';
+import React, { useState, useCallback, useMemo, useEffect, forwardRef, useRef, } from 'react';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useEventListener } from '../../hooks/useEventListener';
 import { animateProperty } from '../../utils/animateProperty';
 import { cn } from '../../utils/classname';
-import { TabsIndicator, ScrollButton, Tab } from './components';
+import { TabsIndicator, TabsScrollButton, Tab, } from './components';
 import { TabsContext } from './TabsContext';
 import { ControlKeys } from './types';
 export var cnTabs = cn('Tabs');
-export var Tabs = React.forwardRef(function (_a, ref) {
+export var Tabs = forwardRef(function (_a, ref) {
     var _b, _c;
     var children = _a.children, value = _a.value, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? 'm' : _d, className = _a.className, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, disableScrollButtons = _a.disableScrollButtons, other = __rest(_a, ["children", "value", "onChange", "size", "className", "variant", "disableScrollButtons"]);
     var tabsListRef = useRef(null);
@@ -235,12 +235,12 @@ export var Tabs = React.forwardRef(function (_a, ref) {
         element: scrollBoxRef,
     });
     return (React.createElement("div", __assign({ className: cnTabs({}, [className]), ref: ref }, other),
-        isScrollButtonsActive && (React.createElement(ScrollButton, { size: size, className: cnTabs('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
+        isScrollButtonsActive && (React.createElement(TabsScrollButton, { size: size, className: cnTabs('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
         React.createElement("div", { ref: scrollBoxRef, onScroll: updateScrollButtonsActivity, className: cnTabs('ScrollBox') },
             React.createElement("div", { className: cnTabs('IndicatorContainer') },
                 React.createElement("div", { className: cnTabs('List'), role: "tablist", ref: tabsListRef },
                     React.createElement(TabsContext.Provider, { value: context }, onlyTabsChildren)),
                 isMounted && (React.createElement(TabsIndicator, { ref: indicatorRef, indicatorStyles: indicatorStyles, className: cnTabs('Indicator') })))),
-        isScrollButtonsActive && (React.createElement(ScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: cnTabs('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
+        isScrollButtonsActive && (React.createElement(TabsScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: cnTabs('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
 });
 Tabs.displayName = 'Tabs';

package/__inner__/esm/components/Tabs/components/Tab/Tab.d.ts

@@ -1,37 +1,6 @@
 import './Tab.css';
 import React from 'react';
-import type { ButtonHTMLAttributes, AnchorHTMLAttributes, Ref } from 'react';
-import type { IconProps, IconSize } from '@ozen-ui/icons';
-export type TabIconComponent = React.FC<IconProps & {
-    size?: IconSize;
-}>;
-type TabBaseProps = {
-    children?: never;
-    /** Название таба, также является контентом */
-    label?: string;
-    /** Значение для переключения */
-    value?: string | number;
-    /** Многострочный лейбл */
-    multiline?: boolean;
-    /** Неактивный */
-    disabled?: boolean;
-    /** Иконка слева от лейбла */
-    iconLeft?: TabIconComponent;
-    /** Иконка справа от лейбла */
-    iconRight?: TabIconComponent;
-    /** Ссылка на HTML элемент */
-    ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
-};
-type LinkElProps = AnchorHTMLAttributes<HTMLAnchorElement>;
-type ButtonElProps = ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = {
-    href?: never;
-} & ButtonElProps;
-type LinkProps = {
-    href: string;
-} & LinkElProps;
-export type TabProps = TabBaseProps & (ButtonProps | LinkProps);
+import type { TabBaseProps } from './index';
 export declare const cnTab: import("@bem-react/classname").ClassNameFormatter;
-export declare const TabComponent: React.FC<TabProps>;
-export declare const Tab: React.NamedExoticComponent<TabProps>;
-export {};
+export declare const TabComponent: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">;
+export declare const Tab: React.MemoExoticComponent<import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">>;

package/__inner__/esm/components/Tabs/components/Tab/Tab.js

@@ -3,11 +3,12 @@ import './Tab.css';
 import React, { useContext } from 'react';
 import { cn } from '../../../../utils/classname';
 import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
 import { TabsContext } from '../../TabsContext';
 export var cnTab = cn('Tab');
-export var TabComponent = React.forwardRef(function (_a, ref) {
-    var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, IconLeft = _a.iconLeft, IconRight = _a.iconRight, value = _a.value, href = _a.href, onClick = _a.onClick, other = __rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "href", "onClick"]);
-    var _b = useContext(TabsContext), _c = _b.size, size = _c === void 0 ? 'm' : _c, currentValue = _b.currentValue, onChange = _b.onChange;
+export var TabComponent = polymorphicComponentWithRef(function (_a, ref) {
+    var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, IconLeft = _a.iconLeft, IconRight = _a.iconRight, value = _a.value, onClick = _a.onClick, _b = _a.as, Tag = _b === void 0 ? 'button' : _b, other = __rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "onClick", "as"]);
+    var _c = useContext(TabsContext), _d = _c.size, size = _d === void 0 ? 'm' : _d, currentValue = _c.currentValue, onChange = _c.onChange;
     var iconSize = getIconSizeToFormElement(size);
     var isActive = value === currentValue;
     var isValidValue = !!value || value === 0;
@@ -32,13 +33,7 @@ export var TabComponent = React.forwardRef(function (_a, ref) {
         'aria-selected': isActive,
         onClick: handleClick,
     };
-    if (href) {
-        return (React.createElement("a", __assign({}, commonProps, other, { href: href, ref: ref }),
-            IconLeft && React.createElement(IconLeft, { size: iconSize }),
-            !!label && React.createElement("span", { className: cnTab('Label', { size: size }) }, label),
-            IconRight && React.createElement(IconRight, { size: iconSize })));
-    }
-    return (React.createElement("button", __assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
+    return (React.createElement(Tag, __assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
         IconLeft && React.createElement(IconLeft, { size: iconSize }),
         !!label && React.createElement("span", { className: cnTab('Label', { size: size }) }, label),
         IconRight && React.createElement(IconRight, { size: iconSize })));

package/__inner__/esm/components/Tabs/components/Tab/index.d.ts

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

package/__inner__/esm/components/Tabs/components/Tab/index.js

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

package/__inner__/esm/components/Tabs/components/Tab/types.d.ts

@@ -0,0 +1,20 @@
+import type { ElementType, FC } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+export type TabIconComponent = FC<IconProps>;
+export type TabBaseProps = {
+    children?: never;
+    /** Название таба, также является контентом */
+    label?: string;
+    /** Значение для переключения */
+    value?: string | number;
+    /** Многострочный лейбл */
+    multiline?: boolean;
+    /** Неактивный */
+    disabled?: boolean;
+    /** Иконка слева от лейбла */
+    iconLeft?: TabIconComponent;
+    /** Иконка справа от лейбла */
+    iconRight?: TabIconComponent;
+};
+export type TabProps<As extends ElementType = 'button'> = PolymorphicComponentPropsWithRef<TabBaseProps, As>;

package/__inner__/esm/components/Tabs/components/Tab/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/Tabs/components/TabsIndicator/TabsIndicator.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-import type { HTMLAttributes, Ref } from 'react';
-export interface TabsIndicatorProps extends HTMLAttributes<HTMLDivElement> {
-    indicatorStyles: {
-        translateX: number;
-        width: number;
-    };
-    ref?: Ref<HTMLDivElement>;
-}
+import type { TabsIndicatorProps } from './index';
 export declare const TabsIndicator: React.ForwardRefExoticComponent<Omit<TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

package/__inner__/esm/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__/esm/components/Tabs/components/TabsIndicator/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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__/esm/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__/esm/components/Tabs/components/{ScrollButton/ScrollButton.js → TabsScrollButton/TabsScrollButton.js}

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

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

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

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

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

package/__inner__/esm/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__/esm/components/Tabs/components/TabsScrollButton/types.js

@@ -0,0 +1 @@
+export var tabScrollButtonDirectionVariant = ['left', 'right'];

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

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

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

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

package/__inner__/esm/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__/esm/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__/esm/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__/esm/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__/esm/components/Tag/components/RemoveButton/RemoveButton.js

@@ -9,8 +9,8 @@ var icons = {
     '2xs': Remove2xsIcon,
 };
 export var RemoveButton = forwardRef(function (_a, ref) {
-    var size = _a.size, props = __rest(_a, ["size"]);
+    var size = _a.size, other = __rest(_a, ["size"]);
     var Icon = useMemo(function () { return icons[size]; }, [size]);
-    return React.createElement(Icon, __assign({}, props, { ref: ref }));
+    return React.createElement(Icon, __assign({}, other, { ref: ref }));
 });
 RemoveButton.displayName = 'RemoveButton';

package/__inner__/esm/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__/esm/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__/esm/components/TagNext/Tag.js

@@ -4,22 +4,13 @@ import React from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { getIconSizeToFormElement } from '../../utils/getIconSizeToFormElement';
-import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
-import { renderContent, } from '../../utils/renderContent';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { renderContent } from '../../utils/renderContent';
 import { TAG_DEFAULT_AS, TAG_DEFAULT_COLOR, TAG_DEFAULT_SIZE, TAG_DEFAULT_VARIANT, } from './constants';
-export var tagVariant = ['primary', 'secondary'];
-export var tagColorVariant = [
-    'neutral',
-    'action',
-    'error',
-    'warning',
-    'success',
-    'info',
-];
 export var cnTag = cn('TagNext');
 export var Tag = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'TagNext' });
-    var _a = props.variant, variant = _a === void 0 ? TAG_DEFAULT_VARIANT : _a, _b = props.size, size = _b === void 0 ? TAG_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? TAG_DEFAULT_AS : _c, _d = props.color, color = _d === void 0 ? TAG_DEFAULT_COLOR : _d, interactive = props.interactive, iconLeft = props.iconLeft, iconRight = props.iconRight, label = props.label, className = props.className, other = __rest(props, ["variant", "size", "as", "color", "interactive", "iconLeft", "iconRight", "label", "className"]);
+    var _a = props.color, color = _a === void 0 ? TAG_DEFAULT_COLOR : _a, _b = props.variant, variant = _b === void 0 ? TAG_DEFAULT_VARIANT : _b, _c = props.size, size = _c === void 0 ? TAG_DEFAULT_SIZE : _c, _d = props.as, Tag = _d === void 0 ? TAG_DEFAULT_AS : _d, interactive = props.interactive, iconLeft = props.iconLeft, iconRight = props.iconRight, label = props.label, className = props.className, other = __rest(props, ["color", "variant", "size", "as", "interactive", "iconLeft", "iconRight", "label", "className"]);
     var renderIcon = function (content) {
         return renderContent({
             content: content,

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

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

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

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

package/__inner__/esm/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__/esm/components/TagNext/types.js

@@ -0,0 +1,9 @@
+export var tagVariant = ['primary', 'secondary'];
+export var tagColorVariant = [
+    'neutral',
+    'action',
+    'error',
+    'warning',
+    'success',
+    'info',
+];

package/__inner__/esm/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__/esm/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__/esm/components/ThemeProvider/ThemeProvider.js

@@ -2,9 +2,9 @@ import { __assign, __rest } from "tslib";
 import './ThemeProvider.css';
 import React from 'react';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { THEME_DEFAULT_TAG } from './constants';
 import { ThemeProviderContext } from './ThemeProviderContext';
-export var THEME_DEFAULT_TAG = 'div';
 export var cnThemeProvider = cn('Theme');
 export var ThemeProvider = polymorphicComponentWithRef(function (_a, ref) {
     var children = _a.children, theme = _a.theme, className = _a.className, _b = _a.as, Tag = _b === void 0 ? THEME_DEFAULT_TAG : _b, other = __rest(_a, ["children", "theme", "className", "as"]);

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

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

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

@@ -0,0 +1 @@
+export var THEME_DEFAULT_TAG = 'div';