@ozen-ui/kit 0.8.0 → 0.9.1

package/__inner__/esm/components/Textarea/Textarea.css

@@ -1,39 +1,13 @@
 .Textarea {
-  --textfield-color: var(--color-content-primary);
-  --textfield-background-color: var(--color-background-primary);
-  --textfield-border-width: var(--border-width-s);
-  --textfield-border-color: var(--color-border-main);
   --textfield-scroll-size: 12px;
-  min-block-size: var(--textfield-input-block-size);
-  display: inline-flex;
-  vertical-align: top;
-  flex-direction: column;
+  min-block-size: var(--textfield-input-height);
   position: relative;
-  cursor: text;
 }
 
-  .Textarea > * {
-    cursor: text;
-  }
-
   .Textarea-Label {
     padding: 0 var(--textfield-gutter-x);
   }
 
-  .Textarea-Fieldset {
-    position: absolute;
-    inset-block-end: 0;
-    inset-inline-end: 0;
-    inset-block-start: 0;
-    inset-inline-start: 0;
-    margin: 0;
-    padding: 0;
-    pointer-events: none;
-    border-radius: var(--border-radius-xs);
-    border: var(--textfield-border-width) solid var(--textfield-border-color);
-    transition: border var(--transition-default);
-  }
-
   .Textarea-Body,
   .Textarea-Field {
     transition: background-color var(--transition-slow);
@@ -50,10 +24,9 @@
     transition: background-color var(--transition-slow);
     color: var(--textfield-color);
     border-radius: var(--border-radius-xs);
-    padding-block-start: 16px;
-    padding-block-end: 16px;
     min-block-size: inherit;
     block-size: inherit;
+    padding: var(--textfield-input-padding);
   }
 
   .Textarea-Field {
@@ -95,7 +68,7 @@
     border: none;
     display: flex;
     outline: none;
-    font: var(--textfield-input-font);
+    font: inherit;
     background-color: var(--textfield-background-color);
     color: var(--textfield-color);
     padding: 0 var(--textfield-gutter-x);
@@ -126,80 +99,3 @@
         resize: vertical;
         overflow: hidden;
       }
-
-  .Textarea_hasLabel .Textarea-Field::placeholder {
-        opacity: 0;
-      }
-
-  .Textarea_hasLabel .Textarea-Field:focus::placeholder {
-        opacity: 1;
-      }
-
-  .Textarea_hasLabel .Textarea-Body {
-      padding: var(--textfield-input-padding);
-    }
-
-  .Textarea_fullWidth {
-    inline-size: 100%;
-  }
-
-  .Textarea_size_2xs {
-      --textfield-gutter-x: 12px;
-      --textfield-input-block-size: 32px;
-      --textfield-input-font: var(--typography-text-2xs-font);
-      --textfield-input-padding: 8px 0 8px;
-    }
-
-  .Textarea_size_xs {
-      --textfield-gutter-x: 12px;
-      --textfield-input-block-size: 40px;
-      --textfield-input-font: var(--typography-text-xs-font);
-      --textfield-input-padding: 19px 0 4px;
-    }
-
-  .Textarea_size_s {
-      --textfield-gutter-x: 16px;
-      --textfield-input-block-size: 48px;
-      --textfield-input-font: var(--typography-text-s-font);
-      --textfield-input-padding: 21px 0 6px;
-    }
-
-  .Textarea_size_m {
-      --textfield-gutter-x: 20px;
-      --textfield-input-block-size: 56px;
-      --textfield-input-font: var(--typography-text-m-font);
-      --textfield-input-padding: 24px 0 6px;
-    }
-
-  .Textarea_size_l {
-      --textfield-gutter-x: 24px;
-      --textfield-input-block-size: 64px;
-      --textfield-input-font: var(--typography-text-l-font);
-      --textfield-input-padding: 26px 0 6px;
-    }
-
-  .Textarea:hover {
-    --textfield-border-color: var(--color-border-main-hover);
-  }
-
-  .Textarea_focused,
-  .Textarea_focused:hover {
-    --textfield-border-width: var(--border-width-m);
-    --textfield-background-color: var(--color-background-main);
-    --textfield-border-color: var(--color-border-action);
-  }
-
-  .Textarea_error,
-  .Textarea_error.Textarea:hover,
-  .Textarea_error.Textarea_focused,
-  .Textarea_error.Textarea_focused:hover {
-    --textfield-border-color: var(--color-border-error);
-  }
-
-  .Textarea_disabled {
-    --textfield-border-color: var(--color-border-disabled);
-    --textfield-background-color: var(--color-background-disabled);
-    --textfield-color: var(--color-content-secondary);
-    pointer-events: none;
-    cursor: default;
-  }

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

@@ -1,63 +1,5 @@
 import './Textarea.css';
 import React from 'react';
-import type { HTMLAttributes, TextareaHTMLAttributes, Ref } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type FieldLabelProps } from '../FieldLabel';
+import type { TextareaProps } from './index';
 export declare const cnTextarea: import("@bem-react/classname").ClassNameFormatter;
-export type TextareaSizeVariant = FormElementSizeVariant;
-export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
-export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];
-type TextareaElement = TextareaHTMLAttributes<HTMLTextAreaElement>;
-export type TextareaProps = {
-    /** Атрибут id для элемента input */
-    id?: string;
-    /** Атрибут name для элемента input */
-    name?: string;
-    /** Лейбл */
-    label?: string;
-    /** Размер компонента */
-    size?: TextareaSizeVariant;
-    /** Подсказка. Отображается, когда вариант не выбран */
-    placeholder?: string;
-    /** Если {true} устанавливает автофокус */
-    autoFocus?: boolean;
-    /** Если {true} переводит поле в состояние ошибки */
-    error?: boolean;
-    /** Если {true} растягивает поле на всю ширину */
-    fullWidth?: boolean;
-    /** Дополнительное описание к полю */
-    hint?: string | null | undefined;
-    /** Если {true} делает элемент неактивным */
-    disabled?: boolean;
-    /** Если {true} делает элемент обязательным к заполнению */
-    required?: boolean;
-    /** Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. */
-    maxLength?: number;
-    /** Количество колонок */
-    cols?: number;
-    /** Количество строк */
-    rows?: number;
-    /** Расширяемость поля */
-    expand?: TextareaExpandVariant;
-    /** Выбранное значение */
-    value?: string;
-    /** Значение по умолчанию (неконтролируемый компонент) */
-    defaultValue?: string;
-    /** Обработчик события на изменение значения поля */
-    onChange?: TextareaElement['onChange'];
-    /** Ссылка на элемент textarea */
-    textareaRef?: Ref<HTMLTextAreaElement>;
-    /** Свойства элемента textarea */
-    textareaProps?: TextareaElement & {
-        'data-testid'?: string;
-    };
-    /** Ссылка на FieldLabel */
-    labelRef?: FieldLabelProps['ref'];
-    /** Свойства FieldLabel */
-    labelProps?: FieldLabelProps;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLDivElement>;
-    'data-testid'?: string;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>;
 export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/__inner__/esm/components/Textarea/Textarea.js

@@ -1,75 +1,21 @@
-import { __assign, __read, __rest } from "tslib";
+import { __assign, __rest } from "tslib";
 import './Textarea.css';
-import React, { useMemo, useCallback, useState, useEffect, useRef, forwardRef, } from 'react';
-import { useMultiRef } from '../../hooks/useMultiRef';
+import React, { forwardRef } from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { FieldHint } from '../FieldHint';
-import { FieldLabel } from '../FieldLabel';
+import { FieldControl } from '../FieldControl';
+import { TextareaConsumer } from './components';
+import { TEXTAREA_DEFAULT_SIZE } from './constants';
 export var cnTextarea = cn('Textarea');
-export var textareaExpandVariant = ['autoSize', 'verticalResize'];
 export var Textarea = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
         name: 'Textarea'
     });
-    var _a = props.size, size = _a === void 0 ? 'm' : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, textareaRef = props.textareaRef, disabled = props.disabled, textareaProps = props.textareaProps, labelRef = props.labelRef, labelProps = props.labelProps, other = __rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "textareaRef", "disabled", "textareaProps", "labelRef", "labelProps"]);
-    var fieldRef = useRef(null);
-    var isControlled = typeof valueProp !== 'undefined';
-    var _b = __read(useState(), 2), focused = _b[0], setFocused = _b[1];
-    var _c = __read(useState(defaultValue), 2), valueState = _c[0], setValueState = _c[1];
-    var filled = isControlled ? !!valueProp : !!valueState;
-    // autoSize
-    useEffect(function () {
-        if (fieldRef.current && expand === 'autoSize') {
-            fieldRef.current.style.blockSize = '0px';
-            var scrollHeight = fieldRef.current.scrollHeight;
-            fieldRef.current.style.blockSize = "".concat(scrollHeight, "px");
-        }
-    }, [valueProp, valueState]);
-    // maxLength
-    var counter = useMemo(function () {
-        var _a;
-        var value = valueProp || valueState;
-        return maxLength ? "".concat((_a = value === null || value === void 0 ? void 0 : value.length) !== null && _a !== void 0 ? _a : 0, " / ").concat(maxLength) : undefined;
-    }, [maxLength, valueProp, valueState]);
-    var handleFocus = useCallback(function (e) {
-        var _a;
-        setFocused(true);
-        (_a = textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(textareaProps, e);
-    }, [textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.onFocus]);
-    var handleBlur = useCallback(function (e) {
-        var _a;
-        setFocused(false);
-        (_a = textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(textareaProps, e);
-    }, [textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.onBlur]);
-    var handleChange = useCallback(function (e) {
-        if (disabled)
-            return;
-        var value = e.target.value;
-        if (!isControlled || maxLength || expand === 'autoSize') {
-            setValueState(value);
-        }
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [onChange, isControlled, disabled, maxLength, expand]);
-    return (React.createElement("div", __assign({}, other, { className: cnTextarea({
-            size: size,
-            required: required,
-            fullWidth: fullWidth,
-            error: error,
-            disabled: disabled,
-            hasLabel: !!label,
-            expand: expand,
-            focused: focused
+    var _a = props.size, size = _a === void 0 ? TEXTAREA_DEFAULT_SIZE : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, textareaRef = props.textareaRef, disabled = props.disabled, textareaProps = props.textareaProps, labelRef = props.labelRef, labelProps = props.labelProps, other = __rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "textareaRef", "disabled", "textareaProps", "labelRef", "labelProps"]);
+    return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { className: cnTextarea({
+            expand: expand
         }, [className]), ref: ref }),
-        React.createElement("label", { className: cnTextarea('Body') },
-            label && (React.createElement(FieldLabel, __assign({ filled: filled, focused: focused, required: required, disabled: disabled, size: size }, labelProps, { className: cnTextarea('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef }), label)),
-            React.createElement("textarea", __assign({ id: id, name: name, cols: cols, rows: rows, disabled: disabled, value: valueProp, required: required, defaultValue: defaultValue, maxLength: maxLength, placeholder: placeholder, autoFocus: autoFocus }, textareaProps, { className: cnTextarea('Field', { filled: filled }, [
-                    textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.className,
-                ]), onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, ref: useMultiRef([textareaRef, fieldRef]) })),
-            React.createElement("fieldset", { className: cnTextarea('Fieldset') })),
-        (hint || maxLength) && (React.createElement(FieldHint, { size: size, error: error, disabled: disabled },
-            hint,
-            maxLength && (React.createElement("span", { className: cnTextarea('Counter', { disabled: disabled }) }, counter))))));
+        React.createElement(TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps })));
 });
 Textarea.displayName = 'Textarea';

package/__inner__/esm/components/Textarea/components/TextareaConsumer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TextareaProps } from '../../Textarea';
+export declare const TextareaConsumer: React.FC<TextareaProps>;

package/__inner__/esm/components/Textarea/components/TextareaConsumer.js

@@ -0,0 +1,32 @@
+import { __assign, __read } from "tslib";
+import React, { useContext, useEffect, useRef } from 'react';
+import { useMultiRef } from '../../../hooks/useMultiRef';
+import { FieldControlContext } from '../../FieldControl';
+import { FieldHint } from '../../FieldHint';
+import { FieldInput } from '../../FieldInput';
+import { FieldLabel } from '../../FieldLabel';
+import { Fieldset } from '../../Fieldset';
+import { cnTextarea } from '../../Textarea';
+import { TextareaCounter } from './index';
+export var TextareaConsumer = function (_a) {
+    var labelProps = _a.labelProps, labelRef = _a.labelRef, maxLength = _a.maxLength, label = _a.label, id = _a.id, name = _a.name, cols = _a.cols, rows = _a.rows, disabled = _a.disabled, valueProp = _a.value, required = _a.required, defaultValue = _a.defaultValue, placeholder = _a.placeholder, autoFocus = _a.autoFocus, textareaProps = _a.textareaProps, onChange = _a.onChange, textareaRef = _a.textareaRef, expand = _a.expand, hint = _a.hint;
+    var fieldRef = useRef(null);
+    var context = useContext(FieldControlContext);
+    var _b = __read(context, 1), value = _b[0].value;
+    // autoSize
+    useEffect(function () {
+        if (fieldRef.current && expand === 'autoSize') {
+            fieldRef.current.style.blockSize = '0px';
+            var scrollHeight = fieldRef.current.scrollHeight;
+            fieldRef.current.style.blockSize = "".concat(scrollHeight, "px");
+        }
+    }, [value]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("label", { className: cnTextarea('Body') },
+            React.createElement(FieldLabel, __assign({}, labelProps, { className: cnTextarea('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref) }), label),
+            React.createElement(FieldInput, __assign({ as: "textarea", id: id, name: name, cols: cols, rows: rows, disabled: disabled, value: valueProp, required: required, defaultValue: defaultValue, maxLength: maxLength, placeholder: placeholder, autoFocus: autoFocus, onChange: onChange }, textareaProps, { className: cnTextarea('Field', {}, [textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.className]), ref: useMultiRef([textareaRef || (textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.ref), fieldRef]) })),
+            React.createElement(Fieldset, null)),
+        React.createElement(FieldHint, null,
+            hint,
+            maxLength && React.createElement(TextareaCounter, { maxLength: maxLength }))));
+};

package/__inner__/esm/components/Textarea/components/TextareaCounter.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithRef, FC } from 'react';
+import type { TextareaProps } from '../index';
+export type TextareaCounter = ComponentPropsWithRef<'span'> & {
+    maxLength: TextareaProps['maxLength'];
+    disabled?: TextareaProps['disabled'];
+};
+export declare const TextareaCounter: FC<TextareaCounter>;

package/__inner__/esm/components/Textarea/components/TextareaCounter.js

@@ -0,0 +1,21 @@
+import { __read } from "tslib";
+import React, { useContext } from 'react';
+import { FieldControlContext } from '../../FieldControl';
+import { cnTextarea } from '../index';
+export var TextareaCounter = function (_a) {
+    var _b, _c, _d;
+    var maxLength = _a.maxLength, disabledProp = _a.disabled;
+    var context = useContext(FieldControlContext);
+    var _e = __read(context, 1), fieldControl = _e[0];
+    var disabled = disabledProp;
+    // maxLength
+    var counter = maxLength
+        ? "".concat((_d = (_c = (_b = fieldControl.value) === null || _b === void 0 ? void 0 : _b.toString()) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0, " / ").concat(maxLength)
+        : undefined;
+    if (fieldControl) {
+        if (disabled === undefined && fieldControl.disabled) {
+            disabled = fieldControl.disabled;
+        }
+    }
+    return React.createElement("span", { className: cnTextarea('Counter', { disabled: disabled }) }, counter);
+};

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

@@ -0,0 +1,2 @@
+export * from './TextareaCounter';
+export * from './TextareaConsumer';

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

@@ -0,0 +1,2 @@
+export * from './TextareaCounter';
+export * from './TextareaConsumer';

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

@@ -0,0 +1 @@
+export declare const TEXTAREA_DEFAULT_SIZE = "m";

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

@@ -0,0 +1 @@
+export var TEXTAREA_DEFAULT_SIZE = 'm';

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

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

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

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

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

@@ -0,0 +1,69 @@
+import type { Ref, ComponentPropsWithRef, ComponentRef } from 'react';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
+import type { FieldLabelProps } from '../FieldLabel';
+export type TextareaSizeVariant = FormElementSizeVariant;
+export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
+export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];
+type TextareaPropsDeprecated = {
+    /**
+     * deprecated
+     * Ссылка на FieldLabel
+     * */
+    labelRef?: FieldLabelProps['ref'];
+    /**
+     * deprecated
+     * Ссылка на элемент textarea
+     * */
+    textareaRef?: Ref<HTMLTextAreaElement>;
+};
+type TextareaElement = ComponentPropsWithRef<'textarea'>;
+export type TextareaProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT_TAG>, 'size' | 'onChange'> & {
+    /** Атрибут id для элемента input */
+    id?: string;
+    /** Атрибут name для элемента input */
+    name?: string;
+    /** Лейбл */
+    label?: string;
+    /** Размер компонента */
+    size?: TextareaSizeVariant;
+    /** Подсказка. Отображается, когда вариант не выбран */
+    placeholder?: string;
+    /** Если {true} устанавливает автофокус */
+    autoFocus?: boolean;
+    /** Если {true} переводит поле в состояние ошибки */
+    error?: boolean;
+    /** Если {true} растягивает поле на всю ширину */
+    fullWidth?: boolean;
+    /** Дополнительное описание к полю */
+    hint?: string | null | undefined;
+    /** Если {true} делает элемент неактивным */
+    disabled?: boolean;
+    /** Если {true} делает элемент обязательным к заполнению */
+    required?: boolean;
+    /** Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. */
+    maxLength?: number;
+    /** Количество колонок */
+    cols?: number;
+    /** Количество строк */
+    rows?: number;
+    /** Расширяемость поля */
+    expand?: TextareaExpandVariant;
+    /** Выбранное значение */
+    value?: string;
+    /** Значение по умолчанию (неконтролируемый компонент) */
+    defaultValue?: string;
+    /** Обработчик события на изменение значения поля */
+    onChange?: TextareaElement['onChange'];
+    /** Свойства элемента textarea */
+    textareaProps?: TextareaElement & {
+        'data-testid'?: string;
+    };
+    /** Свойства FieldLabel */
+    labelProps?: FieldLabelProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+} & TextareaPropsDeprecated;
+export {};

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

@@ -0,0 +1 @@
+export var textareaExpandVariant = ['autoSize', 'verticalResize'];

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

@@ -1,5 +1,6 @@
 import './ThemeProvider.css';
-import React, { ComponentRef, ElementType } from 'react';
+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";

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

@@ -12,6 +12,7 @@ import type { CollapseProps } from '../Collapse';
 import type { ContainerProps } from '../Container';
 import type { DataListProps } from '../DataList';
 import type { DividerProps } from '../Divider';
+import type { FieldControlProps } from '../FieldControl';
 import type { FileProps } from '../File';
 import type { FilePickerProps } from '../FilePicker';
 import type { FormGroupProps } from '../FormGroup';
@@ -72,6 +73,7 @@ export type Theme = {
         Container?: Partial<ContainerProps>;
         DataList?: Partial<DataListProps>;
         Divider?: Partial<DividerProps>;
+        FieldControl?: Partial<FieldControlProps>;
         File?: Partial<FileProps>;
         FilePicker?: Partial<FilePickerProps>;
         FormGroup?: Partial<FormGroupProps>;

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import { __assign, __read, __rest } from "tslib";
 import './Tooltip.css';
-import React, { forwardRef, useRef, useMemo, useState, useEffect, } from 'react';
+import React, { forwardRef, useRef, useMemo, useState, useEffect } from 'react';
 import { useControlled } from '../../hooks/useControlled';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useMultiRef } from '../../hooks/useMultiRef';

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

@@ -1,6 +1,6 @@
 import type { Ref, ReactNode, ReactElement, ComponentPropsWithRef } from 'react';
 import type { PopoverBaseProps } from '../Popover';
-import { TOOLTIP_DEFAULT_TAG } from './constants';
+import type { TOOLTIP_DEFAULT_TAG } from './constants';
 export declare const tooltipSizeVariant: readonly ["xs", "s"];
 export type TooltipSizeVariant = (typeof tooltipSizeVariant)[number];
 export declare const tooltipVariant: readonly ["light", "dark"];

package/__inner__/esm/hooks/useMultiRef/useMultiRef.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import type { Dispatch, SetStateAction, RefCallback } from 'react';
-type Ref<T> = React.Ref<T> | Dispatch<SetStateAction<T | undefined>> | null;
+import type { Dispatch, SetStateAction, RefCallback, Ref as ReactRef } from 'react';
+type Ref<T> = ReactRef<T> | Dispatch<SetStateAction<T | undefined>> | null;
 /** Создает несколько ссылок (ref) на один DOM-элемент. */
 export declare function useMultiRef<T>(refs: Array<Ref<T> | undefined>): RefCallback<T> | null;
 export {};

package/__inner__/esm/types/ResponsiveValue.d.ts

@@ -1,4 +1,4 @@
-import { BreakpointVariant } from './Breakpoints';
+import type { BreakpointVariant } from './Breakpoints';
 export type ResponsiveValue<T> = T | {
     [key in BreakpointVariant]?: T;
 };

package/__inner__/esm/utils/isKey.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
 import type { KeyCode } from '../types/KeyCode';
-export declare const isKey: (event: KeyboardEvent | React.KeyboardEvent, key: KeyCode) => boolean;
+export declare const isKey: (event: KeyboardEvent | ReactKeyboardEvent, key: KeyCode) => boolean;

package/__inner__/esm/utils/polymorphicComponentWithRef.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ComponentPropsWithRef, ElementType, ComponentPropsWithoutRef } from 'react';
 declare const defaultElement = "div";
 export type PolymorphicComponentPropsWithRef<Props, As extends ElementType> = Props & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "description": "React component library",
   "files": [
     "*"