@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/esm/components/Radio/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 RadioSizeVariant = FormElementSizeVariant;
+export type RadioRef = ComponentRef<'label'>;
+export type RadioProps = ExtendableComponentPropsWithRef<{
+    /** Размер */
+    size?: RadioSizeVariant;
+    /** Если {true} делает элемент неактивным */
+    disabled?: boolean;
+    /** Если {true} делает элемент выбранным */
+    checked?: boolean;
+    /** Расположение лейбла */
+    align?: FormControlLabelProps['align'];
+    /** Лейбл */
+    label?: ReactNode;
+    /** Позиция лейбла */
+    labelPlacement?: FormControlLabelProps['labelPlacement'];
+    /** Свойства лейбла */
+    labelProps?: FormControlLabelProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    children?: never;
+}, 'input'>;

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

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

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

@@ -1,27 +1,4 @@
 import './RadioGroup.css';
-import React from 'react';
-import type { ElementType, ReactNode } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import { type FormGroupProps } from '../FormGroup';
-export type RadioGroupBaseProps = {
-    /** Имя группы радиокнопок (передается всем вложенным радиокнопкам) */
-    name: string;
-    /** Значение по умолчанию (неконтролируемое состояние) */
-    defaultValue?: string;
-    /** Текущее значение */
-    value?: string;
-    /** Заголовок группы */
-    title?: string;
-    /** Размер */
-    size?: FormElementSizeVariant;
-    /** Содержимое компонента */
-    children?: ReactNode;
-    /** Направление */
-    direction?: FormGroupProps['direction'];
-    /** Событие изменения состояния */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
-export type RadioGroupProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<RadioGroupBaseProps, As>;
+import type { RadioGroupBaseProps } from './index';
 export declare const cnRadioGroup: import("@bem-react/classname").ClassNameFormatter;
 export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div">;

package/__inner__/esm/components/RadioGroup/RadioGroup.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useControlled } from '../../hooks/useControlled';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { FormGroup } from '../FormGroup';
 import { FormTitle } from '../FormTitle';
 import { RADIO_GROUP_DEFAULT_DIRECTION, RADIO_GROUP_DEFAULT_SIZE, RADIO_GROUP_DEFAULT_AS, } from './constants';

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

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

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

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

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

@@ -0,0 +1,24 @@
+import type { ReactNode, ElementType } from 'react';
+import type React from 'react';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FormGroupProps } from '../FormGroup';
+export type RadioGroupBaseProps = {
+    /** Имя группы радиокнопок (передается всем вложенным радиокнопкам) */
+    name: string;
+    /** Значение по умолчанию (неконтролируемое состояние) */
+    defaultValue?: string;
+    /** Текущее значение */
+    value?: string;
+    /** Заголовок группы */
+    title?: string;
+    /** Размер */
+    size?: FormElementSizeVariant;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Направление */
+    direction?: FormGroupProps['direction'];
+    /** Событие изменения состояния */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export type RadioGroupProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<RadioGroupBaseProps, As>;

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

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

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

@@ -1,37 +1,5 @@
 import './SectionMessage.css';
 import React from 'react';
-import type { HTMLAttributes, ReactElement } from 'react';
-import type { ButtonProps } from '../ButtonNext';
+import type { SectionMessageProps } from './index';
 export declare const cnSectionMessage: import("@bem-react/classname").ClassNameFormatter;
-export declare const sectionMessageStatusVariant: readonly ["success", "error", "warning", "info", "neutral"];
-export type SectionMessageStatusVariant = (typeof sectionMessageStatusVariant)[number];
-export declare const sectionMessageSizeVariant: readonly ["xs", "s", "m", "l"];
-export type SectionMessageSizeVariant = (typeof sectionMessageSizeVariant)[number];
-type SectionMessageBaseProps = {
-    /**
-     * Статус сообщения
-     * @default info
-     */
-    status?: SectionMessageStatusVariant;
-    /**
-     * Если {true} отображает иконку со статусом
-     * @default true
-     */
-    showIcon?: boolean;
-    /**
-     * Размер
-     * @default m
-     */
-    size?: SectionMessageSizeVariant;
-    /** Заголовок сообщения */
-    title?: React.ReactNode;
-    /** Основное содержимое элемента */
-    children?: React.ReactNode;
-    /** Действие: кнопка или ссылка. Свойство принимает React-элемент или рендер-функцию */
-    action?: ReactElement<ButtonProps> | (({ size, variant, className, }: Pick<ButtonProps, 'size' | 'variant' | 'className'>) => ReactElement);
-    /** Дополнительные CSS-классы */
-    className?: string;
-};
-export type SectionMessageProps = SectionMessageBaseProps & Omit<HTMLAttributes<HTMLElement>, 'title'>;
-export declare const SectionMessage: React.ForwardRefExoticComponent<SectionMessageBaseProps & Omit<React.HTMLAttributes<HTMLElement>, "title"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const SectionMessage: React.ForwardRefExoticComponent<Omit<SectionMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/SectionMessage/SectionMessage.js

@@ -6,14 +6,6 @@ import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { SECTION_MESSAGE_DEFAULT_SIZE, SECTION_MESSAGE_DEFAULT_STATUS, } from './constants';
 export var cnSectionMessage = cn('SectionMessage');
-export var sectionMessageStatusVariant = [
-    'success',
-    'error',
-    'warning',
-    'info',
-    'neutral',
-];
-export var sectionMessageSizeVariant = ['xs', 's', 'm', 'l'];
 var matchVariantToIcon = {
     neutral: {
         m: React.createElement(InfoCircleOutlineIcon, { size: "m" }),
@@ -61,7 +53,7 @@ export var SectionMessage = forwardRef(function (inProps, ref) {
         showIcon && (React.createElement("div", { className: cnSectionMessage('Icon') }, matchVariantToIcon[status][iconSize])),
         React.createElement("div", { className: cnSectionMessage('Content') },
             title && React.createElement("div", { className: cnSectionMessage('Title') }, title),
-            children && (React.createElement("div", { className: cnSectionMessage('Body') }, children)),
+            children && React.createElement("div", { className: cnSectionMessage('Body') }, children),
             action && (React.createElement("div", { className: cnSectionMessage('Action') }, resolveAction(action))))));
 });
 SectionMessage.displayName = 'SectionMessage';

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

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

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

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

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

@@ -0,0 +1,33 @@
+import type { ComponentRef, ReactElement, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { ButtonProps } from '../ButtonNext';
+export declare const sectionMessageStatusVariant: readonly ["success", "error", "warning", "info", "neutral"];
+export type SectionMessageStatusVariant = (typeof sectionMessageStatusVariant)[number];
+export declare const sectionMessageSizeVariant: readonly ["xs", "s", "m", "l"];
+export type SectionMessageSizeVariant = (typeof sectionMessageSizeVariant)[number];
+export type SectionMessageRef = ComponentRef<'div'>;
+export type SectionMessageProps = ExtendableComponentPropsWithRef<{
+    /**
+     * Статус сообщения
+     * @default info
+     */
+    status?: SectionMessageStatusVariant;
+    /**
+     * Если {true} отображает иконку со статусом
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Размер
+     * @default m
+     */
+    size?: SectionMessageSizeVariant;
+    /** Заголовок сообщения */
+    title?: ReactNode;
+    /** Основное содержимое элемента */
+    children?: ReactNode;
+    /** Действие: кнопка или ссылка. Свойство принимает React-элемент или рендер-функцию */
+    action?: ReactElement<ButtonProps> | (({ size, variant, className, }: Pick<ButtonProps, 'size' | 'variant' | 'className'>) => ReactElement);
+    /** Дополнительные CSS-классы */
+    className?: string;
+}, 'div'>;

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

@@ -0,0 +1,8 @@
+export var sectionMessageStatusVariant = [
+    'success',
+    'error',
+    'warning',
+    'info',
+    'neutral',
+];
+export var sectionMessageSizeVariant = ['xs', 's', 'm', 'l'];

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

@@ -1,38 +1,5 @@
 import './Segment.css';
 import React from 'react';
-import type { ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
-import type { ExtendableProps } from '../../types/ExtendableProps';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { SegmentProps } from './index';
 export declare const cnSegment: import("@bem-react/classname").ClassNameFormatter;
-export declare const segmentVariant: readonly ["primary", "secondary"];
-export declare const segmentSelectedVariant: readonly ["main", "action"];
-export type SegmentSizeVariant = FormElementSizeVariant;
-export type SegmentVariant = (typeof segmentVariant)[number];
-export type SegmentSelectedVariant = (typeof segmentSelectedVariant)[number];
-export type SegmentValueProp = string | number;
-export type SegmentBaseProps = {
-    /** Свойство отвечающее за размер отступов и типографики компонента */
-    size?: FormElementSizeVariant;
-    /** Свойство отвечающее за отображение приоритетности компонента */
-    variant?: SegmentVariant;
-    /** Свойство определяющее цвет выбранной опции */
-    selectedColor?: SegmentSelectedVariant;
-    /** Имя компонента */
-    name?: string;
-    /** Если {true} отключает взаимодействие с компонентом */
-    disabled?: boolean;
-    /** Если {true} растягивает компонент на всю ширину родительского контейнера */
-    fullWidth?: boolean;
-    /** Значение компонента */
-    value?: SegmentValueProp;
-    /** Значение компонента по умолчанию (неконтролируемое состояние) */
-    defaultValue?: SegmentValueProp;
-    /** Функция обратного вызова, которая вызывается при изменении значения компонента */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    /** Дополнительные CSS-классы */
-    className?: string;
-    /** Содержимое компонента */
-    children: ReactNode;
-};
-export type SegmentProps = ExtendableProps<HTMLAttributes<HTMLFieldSetElement>, SegmentBaseProps>;
-export declare const Segment: React.ForwardRefExoticComponent<SegmentBaseProps & Omit<React.HTMLAttributes<HTMLFieldSetElement>, keyof SegmentBaseProps> & React.RefAttributes<HTMLFieldSetElement>>;
+export declare const Segment: React.ForwardRefExoticComponent<Omit<SegmentProps, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;

package/__inner__/esm/components/Segment/Segment.js

@@ -8,8 +8,6 @@ import { getIconSizeToFormElement } from '../../utils/getIconSizeToFormElement';
 import { SEGMENT_DEFAULT_SELECTED_COLOR, SEGMENT_DEFAULT_SIZE, SEGMENT_DEFAULT_VARIANT, SEGMENT_DEFAULT_FULL_WIDTH, SEGMENT_DEFAULT_DISABLED, } from './constants';
 import { SegmentContext } from './SegmentContext';
 export var cnSegment = cn('Segment');
-export var segmentVariant = ['primary', 'secondary'];
-export var segmentSelectedVariant = ['main', 'action'];
 export var Segment = forwardRef(function (inProps, ref) {
     var _a = useThemeProps({ name: 'Segment', props: inProps }), _b = _a.size, size = _b === void 0 ? SEGMENT_DEFAULT_SIZE : _b, _c = _a.variant, variant = _c === void 0 ? SEGMENT_DEFAULT_VARIANT : _c, _d = _a.selectedColor, selectedColor = _d === void 0 ? SEGMENT_DEFAULT_SELECTED_COLOR : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? SEGMENT_DEFAULT_FULL_WIDTH : _e, _f = _a.disabled, disabled = _f === void 0 ? SEGMENT_DEFAULT_DISABLED : _f, valueProp = _a.value, name = _a.name, defaultValue = _a.defaultValue, onChange = _a.onChange, className = _a.className, children = _a.children, other = __rest(_a, ["size", "variant", "selectedColor", "fullWidth", "disabled", "value", "name", "defaultValue", "onChange", "className", "children"]);
     var _g = __read(useControlled({

package/__inner__/esm/components/Segment/SegmentContext.d.ts

@@ -1,6 +1,6 @@
 import type { ChangeEvent } from 'react';
 import type { IconSize } from '@ozen-ui/icons';
-import type { SegmentSelectedVariant, SegmentValueProp } from './Segment';
+import type { SegmentSelectedVariant, SegmentValueProp } from './index';
 export type SegmentContextState = {
     name?: string;
     iconSize?: IconSize;

package/__inner__/esm/components/Segment/components/SegmentItem/SegmentItem.d.ts

@@ -0,0 +1,5 @@
+import './SegmentItem.css';
+import React from 'react';
+import type { SegmentItemProps } from './index';
+export declare const cnSegmentItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const SegmentItem: React.ForwardRefExoticComponent<Omit<SegmentItemProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/__inner__/esm/components/Segment/components/{SegmentItem.js → SegmentItem/SegmentItem.js}

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
 import './SegmentItem.css';
 import React, { forwardRef } from 'react';
-import { cn } from '../../../utils/classname';
-import { useSegmentContext } from '../SegmentContext';
+import { cn } from '../../../../utils/classname';
+import { useSegmentContext } from '../../SegmentContext';
 export var cnSegmentItem = cn('SegmentItem');
 export var SegmentItem = forwardRef(function (_a, ref) {
     var Icon = _a.icon, dataTestId = _a["data-testid"], iconRef = _a.iconRef, inputRef = _a.inputRef, children = _a.children, className = _a.className, value = _a.value, labelProps = _a.labelProps, inputTestId = _a.inputTestId, nameProp = _a.name, onChangeProp = _a.onChange, other = __rest(_a, ["icon", 'data-testid', "iconRef", "inputRef", "children", "className", "value", "labelProps", "inputTestId", "name", "onChange"]);
@@ -15,7 +15,7 @@ export var SegmentItem = forwardRef(function (_a, ref) {
     return (React.createElement("label", __assign({ ref: ref, className: cnSegmentItem('', __assign({ disabled: disabled, selected: selected }, (selected && { selectedColor: selectedColor })), [className]), "data-testid": dataTestId }, labelProps),
         Icon && (React.createElement(Icon, { className: cnSegmentItem('Icon'), ref: iconRef, size: iconSize })),
         children,
-        React.createElement("input", __assign({ disabled: disabled, type: "radio", name: nameProp || name, ref: inputRef, className: cnSegmentItem('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other)),
+        React.createElement("input", __assign({ disabled: disabled, type: "radio", name: nameProp || name, className: cnSegmentItem('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other, { ref: inputRef })),
         React.createElement("span", { className: cnSegmentItem('Box') })));
 });
 SegmentItem.displayName = 'SegmentItem';

package/__inner__/esm/components/Segment/components/SegmentItem/index.d.ts

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

package/__inner__/esm/components/Segment/components/SegmentItem/index.js

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

package/__inner__/esm/components/Segment/components/SegmentItem/types.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentRef, FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { SegmentValueProp } from '../../index';
+export type SegmentItemRef = ComponentRef<'label'>;
+export type SegmentItemProps = ExtendableComponentPropsWithRef<{
+    /** Значение элемента */
+    value?: SegmentValueProp;
+    /** Компонент иконки */
+    icon?: FC<IconProps>;
+    /** Имя элемента */
+    name?: string;
+    /** Если {true} отображает компонент как выбранный */
+    selected?: boolean;
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Ссылка на элемент SVG-иконки в компоненте */
+    iconRef?: Ref<SVGSVGElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** HTML-аттрибуты label-элемента в компоненте */
+    labelProps?: HTMLAttributes<HTMLLabelElement>;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    inputTestId?: string;
+    'data-testid'?: string;
+}, 'input'>;

package/__inner__/esm/components/Segment/components/SegmentItem/types.js

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import type { ChangeEventHandler, ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+export declare const segmentVariant: readonly ["primary", "secondary"];
+export declare const segmentSelectedVariant: readonly ["main", "action"];
+export type SegmentSizeVariant = FormElementSizeVariant;
+export type SegmentVariant = (typeof segmentVariant)[number];
+export type SegmentSelectedVariant = (typeof segmentSelectedVariant)[number];
+export type SegmentValueProp = string | number;
+export type SegmentRef = ComponentRef<'fieldset'>;
+export type SegmentProps = ExtendableComponentPropsWithRef<{
+    /** Свойство отвечающее за размер отступов и типографики компонента */
+    size?: FormElementSizeVariant;
+    /** Свойство отвечающее за отображение приоритетности компонента */
+    variant?: SegmentVariant;
+    /** Свойство определяющее цвет выбранной опции */
+    selectedColor?: SegmentSelectedVariant;
+    /** Имя компонента */
+    name?: string;
+    /** Если {true} отключает взаимодействие с компонентом */
+    disabled?: boolean;
+    /** Если {true} растягивает компонент на всю ширину родительского контейнера */
+    fullWidth?: boolean;
+    /** Значение компонента */
+    value?: SegmentValueProp;
+    /** Значение компонента по умолчанию (неконтролируемое состояние) */
+    defaultValue?: SegmentValueProp;
+    /** Функция обратного вызова, которая вызывается при изменении значения компонента */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Содержимое компонента */
+    children: ReactNode;
+}, 'fieldset'>;

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

@@ -0,0 +1,2 @@
+export var segmentVariant = ['primary', 'secondary'];
+export var segmentSelectedVariant = ['main', 'action'];

package/__inner__/esm/components/Select/Select.js

@@ -145,7 +145,7 @@ var SelectRender = function (inProps, ref) {
     useEffect(function () {
         var _a;
         /** Устанавливает фокус на элементе контроля
-         * если компонент по умолчанию открыт – defaultOpen={true}
+         * если компонент по умолчанию открыт — defaultOpen={true}
          * и является неконтролируемым */
         if (defaultOpen && !isOpenControlled) {
             (_a = bodyInnerRef.current) === null || _a === void 0 ? void 0 : _a.focus();

package/__inner__/esm/components/Select/components/SelectInput/types.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentPropsWithRef, ReactNode, Ref } from 'react';
+import type { ComponentPropsWithRef, ComponentRef, ReactNode, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../../../types/FormElementSizeVariant';
 import type { FieldHintProps } from '../../../FieldHint';
 import type { FieldIconProps } from '../../../FieldIcon';
@@ -37,7 +38,8 @@ type SelectInputPropsDeprecated = {
      * */
     bodyRef?: Ref<HTMLDivElement>;
 };
-export type SelectInputProps = Omit<ComponentPropsWithRef<'div'>, 'value' | 'defaultValue' | 'onChange'> & {
+export type SelectInputRef = ComponentRef<'div'>;
+export type SelectInputProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -91,5 +93,5 @@ export type SelectInputProps = Omit<ComponentPropsWithRef<'div'>, 'value' | 'def
     'data-testid'?: string;
     /** Содержимое компонента */
     children?: never;
-} & SelectInputPropsDeprecated;
+} & SelectInputPropsDeprecated, 'div'>;
 export {};

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

@@ -1,4 +1,5 @@
-import type { ComponentPropsWithRef, ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { DataListBaseProps, DataListSelected } from '../DataList';
 import type { SelectInputProps } from './components';
@@ -46,7 +47,7 @@ type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
      * */
     menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
 };
-export type SelectProps<MULTIPLE extends boolean = false> = {
+export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
     /** Если {true} устанавливает автофокус */
     autoFocus?: boolean;
     /** Размер компонента */
@@ -65,6 +66,6 @@ export type SelectProps<MULTIPLE extends boolean = false> = {
     multiple?: MULTIPLE;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
-} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'> & SelectPropsDeprecated<MULTIPLE> & (SelectControlledProps<MULTIPLE> | SelectUncontrolledProps<MULTIPLE>) & (SelectOpenControlledProps | SelectOpenUncontrolledProps);
+} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE> & (SelectControlledProps<MULTIPLE> | SelectUncontrolledProps<MULTIPLE>) & (SelectOpenControlledProps | SelectOpenUncontrolledProps), 'div'>;
 export type SelectComponent = <MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null;
 export {};

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

@@ -1,18 +1,3 @@
-import React from 'react';
 import './Skeleton.css';
-import { type SkeletonCircularProps } from './SkeletonCircular';
-import { type SkeletonRectangularProps } from './SkeletonRectangular';
-import { type SkeletonTypographyProps } from './SkeletonTypography';
-export type SkeletonProps = (({
-    variant: 'rectangular';
-} & SkeletonRectangularProps) | ({
-    variant: 'circular';
-} & SkeletonCircularProps) | ({
-    variant: 'typography';
-} & SkeletonTypographyProps)) & {
-    /** Цвет волны */
-    waveColor?: string;
-    /** Цвет фона */
-    bgColor?: string;
-};
-export declare const Skeleton: React.FC<SkeletonProps>;
+import type { SkeletonComponent } from './index';
+export declare const Skeleton: SkeletonComponent;

package/__inner__/esm/components/Skeleton/Skeleton.js

@@ -1,9 +1,8 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import './Skeleton.css';
-import { SkeletonCircular, } from './SkeletonCircular';
-import { SkeletonRectangular, } from './SkeletonRectangular';
-import { SkeletonTypography, } from './SkeletonTypography';
+import { SkeletonCircular, SkeletonRectangular, SkeletonTypography, } from './components';
+// eslint-disable-next-line react/display-name
 export var Skeleton = forwardRef(function (props, ref) {
     var variant = props.variant, children = props.children, waveColor = props.waveColor, bgColor = props.bgColor, styleProp = props.style, other = __rest(props, ["variant", "children", "waveColor", "bgColor", "style"]);
     var style = __assign({ '--skeleton-wave-color': waveColor, '--skeleton-bg-color': bgColor }, styleProp);
@@ -16,4 +15,3 @@ export var Skeleton = forwardRef(function (props, ref) {
     }
     return React.createElement(SkeletonRectangular, __assign({}, commonProps), children);
 });
-Skeleton.displayName = 'Skeleton';

package/__inner__/esm/components/Skeleton/components/SkeletonCircular/SkeletonCircular.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './SkeletonCircular.css';
+import type { SkeletonCircularProps } from './index';
+export declare const cnSkeletonCircular: import("@bem-react/classname").ClassNameFormatter;
+export declare const SkeletonCircular: React.ForwardRefExoticComponent<Omit<SkeletonCircularProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/__inner__/esm/components/Skeleton/{SkeletonCircular → components/SkeletonCircular}/SkeletonCircular.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { cn } from '../../../utils/classname';
+import { cn } from '../../../../utils/classname';
 import { SkeletonRectangular } from '../SkeletonRectangular';
 import './SkeletonCircular.css';
 export var cnSkeletonCircular = cn('SkeletonCircular');

package/__inner__/esm/components/Skeleton/{SkeletonCircular → components/SkeletonCircular}/index.d.ts

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

package/__inner__/esm/components/Skeleton/{SkeletonCircular → components/SkeletonCircular}/index.js

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

package/__inner__/esm/components/Skeleton/components/SkeletonCircular/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, CSSProperties, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type SkeletonCircularRef = ComponentRef<'span'>;
+export type SkeletonCircularProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Размер */
+    size?: CSSProperties['width'] & CSSProperties['height'];
+}, 'span'>;

package/__inner__/esm/components/Skeleton/components/SkeletonCircular/types.js

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

package/__inner__/esm/components/Skeleton/components/SkeletonRectangular/SkeletonRectangular.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import '../../Skeleton.css';
+import type { SkeletonRectangularProps } from './index';
+export declare const cnSkeleton: import("@bem-react/classname").ClassNameFormatter;
+export declare const SkeletonRectangular: React.ForwardRefExoticComponent<Omit<SkeletonRectangularProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/__inner__/esm/components/Skeleton/{SkeletonRectangular → components/SkeletonRectangular}/SkeletonRectangular.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { cn } from '../../../utils/classname';
-import '../Skeleton.css';
+import { cn } from '../../../../utils/classname';
+import '../../Skeleton.css';
 export var cnSkeleton = cn('Skeleton');
 export var SkeletonRectangular = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.width, width = _b === void 0 ? '100%' : _b, height = _a.height, style = _a.style, className = _a.className, other = __rest(_a, ["children", "width", "height", "style", "className"]);

package/__inner__/{cjs/components/Skeleton → esm/components/Skeleton/components}/SkeletonRectangular/index.d.ts

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

package/__inner__/esm/components/Skeleton/{SkeletonRectangular → components/SkeletonRectangular}/index.js

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

package/__inner__/esm/components/Skeleton/components/SkeletonRectangular/types.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentRef, CSSProperties, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type SkeletonRectangularRef = ComponentRef<'span'>;
+export type SkeletonRectangularProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое компонента */
+    children?: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Ширина */
+    width?: CSSProperties['width'];
+    /** Высота */
+    height?: CSSProperties['height'];
+}, 'span'>;

package/__inner__/esm/components/Skeleton/components/SkeletonRectangular/types.js

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

package/__inner__/esm/components/Skeleton/components/SkeletonTypography/SkeletonTypography.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './SkeletonTypography.css';
+import type { SkeletonTypographyProps } from './index';
+export declare const cnSkeletonTypography: import("@bem-react/classname").ClassNameFormatter;
+export declare const SkeletonTypography: React.ForwardRefExoticComponent<Omit<SkeletonTypographyProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;