@ozen-ui/kit 0.59.0 → 0.61.0

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css

@@ -4,31 +4,31 @@
   --color-content-tertiary: #7e8194;
   --color-content-disabled: #9a9eb5;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
-  --color-content-action: #0b0;
-  --color-content-action-hover: #039904;
-  --color-content-action-pressed: #067607;
-  --color-content-action-dark: #0a540b;
+  --color-content-action: #039904;
+  --color-content-action-hover: #067607;
+  --color-content-action-pressed: #0a540b;
+  --color-content-action-dark: #0d310e;
   --color-content-action-secondary: #2c2c33;
   --color-content-action-secondary-hover: #1e1d22;
   --color-content-action-secondary-pressed: #17161a;
   --color-content-action-secondary-dark: #17161a;
   --color-content-action-on: #fff;
-  --color-content-error: #ff5959;
-  --color-content-error-hover: #cf4a4b;
-  --color-content-error-pressed: #9f3b3d;
-  --color-content-error-dark: #702d2e;
-  --color-content-warning: #ffac30;
-  --color-content-warning-hover: #cf8d2a;
-  --color-content-warning-pressed: #9f6d24;
-  --color-content-warning-dark: #704e1e;
-  --color-content-success: #0b0;
-  --color-content-success-hover: #039904;
-  --color-content-success-pressed: #067607;
-  --color-content-success-dark: #0a540b;
-  --color-content-info: #023dff;
-  --color-content-info-hover: #0534d0;
-  --color-content-info-pressed: #082ba0;
-  --color-content-info-dark: #0a2171;
+  --color-content-error: #cf4a4b;
+  --color-content-error-hover: #9f3b3d;
+  --color-content-error-pressed: #702d2e;
+  --color-content-error-dark: #401e20;
+  --color-content-warning: #cf8d2a;
+  --color-content-warning-hover: #9f6d24;
+  --color-content-warning-pressed: #704e1e;
+  --color-content-warning-dark: #402e18;
+  --color-content-success: #039904;
+  --color-content-success-hover: #067607;
+  --color-content-success-pressed: #0a540b;
+  --color-content-success-dark: #0d310e;
+  --color-content-info: #0534d0;
+  --color-content-info-hover: #082ba0;
+  --color-content-info-pressed: #0a2171;
+  --color-content-info-dark: #0d1841;
   --color-content-primary-inverse: #fff;
   --color-content-accent-secondary: #989aa5;
   --color-accent-main: #14151b;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDark.css

@@ -53,9 +53,9 @@
   --color-background-action-hover: #d4aa6b;
   --color-background-action-pressed: #db8;
   --color-background-action-active-disabled: #5f4d36;
-  --color-background-action-light: #2d261f;
-  --color-background-action-light-hover: #372e24;
-  --color-background-action-light-pressed: #5f4d36;
+  --color-background-action-light: #372e24;
+  --color-background-action-light-hover: #5f4d36;
+  --color-background-action-light-pressed: #866c47;
   --color-background-accent-action-light: #5f4d36;
   --color-background-accent-action-light-hover: #866c47;
   --color-background-accent-action-light-pressed: #ad8b59;
@@ -72,36 +72,36 @@
   --color-background-error: #c85390;
   --color-background-error-hover: #f664af;
   --color-background-error-pressed: #f883bf;
-  --color-background-error-light: #321c2a;
-  --color-background-error-light-hover: #3e2031;
-  --color-background-error-light-pressed: #6c3151;
+  --color-background-error-light: #3e2031;
+  --color-background-error-light-hover: #6c3151;
+  --color-background-error-light-pressed: #9a4270;
   --color-background-accent-error-light: #6c3151;
   --color-background-accent-error-light-hover: #9a4270;
   --color-background-accent-error-light-pressed: #c85390;
   --color-background-warning: #cf6944;
   --color-background-warning-hover: #ff7f50;
   --color-background-warning-pressed: #ff9973;
-  --color-background-warning-light: #34201b;
-  --color-background-warning-light-hover: #40251e;
-  --color-background-warning-light-pressed: #703c2b;
+  --color-background-warning-light: #40251e;
+  --color-background-warning-light-hover: #703c2b;
+  --color-background-warning-light-pressed: #9f5237;
   --color-background-accent-warning-light: #703c2b;
   --color-background-accent-warning-light-hover: #9f5237;
   --color-background-accent-warning-light-pressed: #cf6944;
   --color-background-success: #039904;
   --color-background-success-hover: #0b0;
   --color-background-success-pressed: #33c933;
-  --color-background-success-light: #0e290f;
-  --color-background-success-light-hover: #0d310e;
-  --color-background-success-light-pressed: #0a540b;
+  --color-background-success-light: #0d310e;
+  --color-background-success-light-hover: #0a540b;
+  --color-background-success-light-pressed: #067607;
   --color-background-accent-success-light: #0a540b;
   --color-background-accent-success-light-hover: #067607;
   --color-background-accent-success-light-pressed: #039904;
   --color-background-info: #0534d0;
   --color-background-info-hover: #023dff;
   --color-background-info-pressed: #3564ff;
-  --color-background-info-light: #0e1636;
-  --color-background-info-light-hover: #0d1841;
-  --color-background-info-light-pressed: #0a2171;
+  --color-background-info-light: #0d1841;
+  --color-background-info-light-hover: #0a2171;
+  --color-background-info-light-pressed: #082ba0;
   --color-background-accent-info-light: #0a2171;
   --color-background-accent-info-light-hover: #082ba0;
   --color-background-accent-info-light-pressed: #0534d0;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css

@@ -4,31 +4,31 @@
   --color-content-tertiary: #7e8194;
   --color-content-disabled: #9a9eb5;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
-  --color-content-action: #d4aa6b;
-  --color-content-action-hover: #ad8b59;
-  --color-content-action-pressed: #866c47;
-  --color-content-action-dark: #5f4d36;
+  --color-content-action: #ad8b59;
+  --color-content-action-hover: #866c47;
+  --color-content-action-pressed: #5f4d36;
+  --color-content-action-dark: #372e24;
   --color-content-action-secondary: #2c2c33;
   --color-content-action-secondary-hover: #1e1d22;
   --color-content-action-secondary-pressed: #17161a;
   --color-content-action-secondary-dark: #17161a;
   --color-content-action-on: #fff;
-  --color-content-error: #f664af;
-  --color-content-error-hover: #c85390;
-  --color-content-error-pressed: #9a4270;
-  --color-content-error-dark: #6c3151;
-  --color-content-warning: #ff7f50;
-  --color-content-warning-hover: #cf6944;
-  --color-content-warning-pressed: #9f5237;
-  --color-content-warning-dark: #703c2b;
-  --color-content-success: #0b0;
-  --color-content-success-hover: #039904;
-  --color-content-success-pressed: #067607;
-  --color-content-success-dark: #0a540b;
-  --color-content-info: #023dff;
-  --color-content-info-hover: #0534d0;
-  --color-content-info-pressed: #082ba0;
-  --color-content-info-dark: #0a2171;
+  --color-content-error: #c85390;
+  --color-content-error-hover: #9a4270;
+  --color-content-error-pressed: #6c3151;
+  --color-content-error-dark: #3e2031;
+  --color-content-warning: #cf6944;
+  --color-content-warning-hover: #9f5237;
+  --color-content-warning-pressed: #703c2b;
+  --color-content-warning-dark: #40251e;
+  --color-content-success: #039904;
+  --color-content-success-hover: #067607;
+  --color-content-success-pressed: #0a540b;
+  --color-content-success-dark: #0d310e;
+  --color-content-info: #0534d0;
+  --color-content-info-hover: #082ba0;
+  --color-content-info-pressed: #0a2171;
+  --color-content-info-dark: #0d1841;
   --color-content-primary-inverse: #fff;
   --color-content-accent-secondary: #989aa5;
   --color-accent-main: #14151b;

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

@@ -3,6 +3,8 @@ export * from './themes/themeOzenDark';
 export * from './themes/themeOzenDefault';
 export * from './themes/themeBBusinessDefault';
 export * from './themes/themeBBusinessDark';
+export * from './themes/themeVipDefault';
+export * from './themes/themeVipDark';
 export * as themeHelper from './themes/helper';
 export { useTheme } from './ThemeProviderContext';
 export * from './utils';

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

@@ -7,6 +7,8 @@ tslib_1.__exportStar(require("./themes/themeOzenDark"), exports);
 tslib_1.__exportStar(require("./themes/themeOzenDefault"), exports);
 tslib_1.__exportStar(require("./themes/themeBBusinessDefault"), exports);
 tslib_1.__exportStar(require("./themes/themeBBusinessDark"), exports);
+tslib_1.__exportStar(require("./themes/themeVipDefault"), exports);
+tslib_1.__exportStar(require("./themes/themeVipDark"), exports);
 exports.themeHelper = tslib_1.__importStar(require("./themes/helper"));
 var ThemeProviderContext_1 = require("./ThemeProviderContext");
 Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeProviderContext_1.useTheme; } });

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

@@ -0,0 +1,14 @@
+import '@ozen-ui/fonts';
+import type { Theme } from '../index';
+import '../_color/Theme_color_vipDark.css';
+import '../_typography/Theme_typography_ozenDefault.css';
+import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
+import '../_space/Theme_space_ozenDefault.css';
+import '../_spacing/Theme_spacing_ozenDefault.css';
+import '../_control/Theme_control_ozenDefault.css';
+import '../_shadow/Theme_shadow_ozenDefault.css';
+import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
+import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
+import '../_zIndex/Theme_zIndex_ozenDefault.css';
+import '../_transition/Theme_transition_ozenDefault.css';
+export declare const themeVipDark: Theme;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeVipDark = void 0;
+var tslib_1 = require("tslib");
+require("@ozen-ui/fonts");
+var locale_1 = require("../../../locale");
+require("../_color/Theme_color_vipDark.css");
+require("../_typography/Theme_typography_ozenDefault.css");
+require("../_borderRadius/Theme_borderRadius_ozenDefault.css");
+require("../_space/Theme_space_ozenDefault.css");
+require("../_spacing/Theme_spacing_ozenDefault.css");
+require("../_control/Theme_control_ozenDefault.css");
+require("../_shadow/Theme_shadow_ozenDefault.css");
+require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
+require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
+require("../_zIndex/Theme_zIndex_ozenDefault.css");
+require("../_transition/Theme_transition_ozenDefault.css");
+exports.themeVipDark = tslib_1.__assign({ tokens: {
+        color: 'vipDark',
+        space: 'ozenDefault',
+        spacing: 'ozenDefault',
+        control: 'ozenDefault',
+        typography: 'ozenDefault',
+        borderRadius: 'ozenDefault',
+        borderWidth: 'ozenDefault',
+        shadow: 'ozenDefault',
+        breakpoint: 'ozenDefault',
+        zIndex: 'ozenDefault',
+        transition: 'ozenDefault',
+    } }, locale_1.ruRU);

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

@@ -0,0 +1,14 @@
+import '@ozen-ui/fonts';
+import type { Theme } from '../index';
+import '../_color/Theme_color_vipDefault.css';
+import '../_typography/Theme_typography_ozenDefault.css';
+import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
+import '../_space/Theme_space_ozenDefault.css';
+import '../_spacing/Theme_spacing_ozenDefault.css';
+import '../_control/Theme_control_ozenDefault.css';
+import '../_shadow/Theme_shadow_ozenDefault.css';
+import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
+import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
+import '../_zIndex/Theme_zIndex_ozenDefault.css';
+import '../_transition/Theme_transition_ozenDefault.css';
+export declare const themeVipDefault: Theme;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeVipDefault = void 0;
+var tslib_1 = require("tslib");
+require("@ozen-ui/fonts");
+var locale_1 = require("../../../locale");
+require("../_color/Theme_color_vipDefault.css");
+require("../_typography/Theme_typography_ozenDefault.css");
+require("../_borderRadius/Theme_borderRadius_ozenDefault.css");
+require("../_space/Theme_space_ozenDefault.css");
+require("../_spacing/Theme_spacing_ozenDefault.css");
+require("../_control/Theme_control_ozenDefault.css");
+require("../_shadow/Theme_shadow_ozenDefault.css");
+require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
+require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
+require("../_zIndex/Theme_zIndex_ozenDefault.css");
+require("../_transition/Theme_transition_ozenDefault.css");
+exports.themeVipDefault = tslib_1.__assign({ tokens: {
+        color: 'vipDefault',
+        space: 'ozenDefault',
+        spacing: 'ozenDefault',
+        control: 'ozenDefault',
+        typography: 'ozenDefault',
+        borderRadius: 'ozenDefault',
+        borderWidth: 'ozenDefault',
+        shadow: 'ozenDefault',
+        breakpoint: 'ozenDefault',
+        zIndex: 'ozenDefault',
+        transition: 'ozenDefault',
+    } }, locale_1.ruRU);

package/__inner__/esm/components/Autocomplete/helper.d.ts

@@ -2,76 +2,13 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
 export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
 export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
 export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
-export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): ({
+export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): {
     options: OPTION[];
     size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
     value?: import("./types").AutocompletePropValue<OPTION>;
     defaultValue?: import("./types").AutocompletePropValue<OPTION>;
-    onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
-    inputValue?: string;
-    onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
-    renderInput?: import("./types").AutocompleteRenderInput;
-    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-    disableCloseOnSelect?: boolean;
-    allowCustomValue?: boolean;
-    loading?: boolean;
-    noOptionsText?: import("react").ReactNode;
-    clearText?: string;
-    openText?: string;
-    closeText?: string;
-    loadingText?: import("react").ReactNode;
-    onClose?: () => void;
-    onOpen?: () => void;
-    disableClearButton?: boolean;
-    searchFunction?: import("./types").AutocompleteSearchFunction<OPTION> | undefined;
-    disableShowEmptyOptionsList?: boolean;
-    disableShowChevron?: boolean;
-    dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
-} & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    className?: string | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    autoFocus?: boolean | undefined;
-    disabled?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    disableStroke?: boolean | undefined;
-    hint?: string | null | undefined;
-    renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
-    renderRight?: import("../FieldIcon").FieldIconProps["icon"];
-    inputProps?: import("../FieldInput").FieldInputProps | undefined;
-    bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
     open?: boolean;
-    defaultOpen?: never;
-} & (OPTION extends {
-    label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-}) & (OPTION extends {
-    id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-}) & (OPTION extends {
-    disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-}) & {
-    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
-    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
-    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-}) | ({
-    options: OPTION[];
-    size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
-    value?: import("./types").AutocompletePropValue<OPTION>;
-    defaultValue?: import("./types").AutocompletePropValue<OPTION>;
+    defaultOpen?: boolean;
     onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
     inputValue?: string;
     onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
@@ -95,6 +32,7 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     disableShowEmptyOptionsList?: boolean;
     disableShowChevron?: boolean;
     dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
+    ref?: import("react").Ref<HTMLDivElement>;
 } & {
     error?: boolean | undefined;
     label?: string | undefined;
@@ -113,23 +51,20 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     inputProps?: import("../FieldInput").FieldInputProps | undefined;
     bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
     hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
-    open?: never;
-    defaultOpen?: boolean;
 } & (OPTION extends {
     label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
 }) & {
     getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
     getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
     getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-});
+};

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

@@ -1,4 +1,4 @@
-import type { ChangeEvent, ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ChangeEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { DataListProps } from '../DataList';
 import type { InputProps } from '../Input';
@@ -18,18 +18,6 @@ export type AutocompleteDefaultOption = {
 };
 export type AutocompleteSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
 export type AutocompleteRenderInput = (props: InputProps) => ReactNode;
-type AutocompleteOpenControlledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: boolean;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: never;
-};
-type AutocompleteOpenUncontrolledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: never;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: boolean;
-};
 type AutocompleteInputProps = Pick<InputProps, 'placeholder' | 'autoFocus' | 'fullWidth' | 'disabled' | 'label' | 'required' | 'disableStroke' | 'style' | 'error' | 'hint' | 'renderLeft' | 'renderRight' | 'className' | 'inputProps' | 'hintProps' | 'bodyProps' | 'onKeyDown'>;
 type AutocompleteDataListProps = Partial<Omit<DataListProps, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
 export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
@@ -41,6 +29,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
     value?: AutocompletePropValue<OPTION>;
     /** Выбранное значение опции по умолчанию */
     defaultValue?: AutocompletePropValue<OPTION>;
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
     /** Функция обратного вызова, которая будет вызвана при выборе значения */
     onChange?: (e: SyntheticEvent | KeyboardEvent, value: OPTION | null) => void;
     /** Введённое значение в текстовом поле */
@@ -87,17 +79,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
     disableShowChevron?: boolean;
     /** Свойства компонента DataList */
     dataListProps?: AutocompleteDataListProps;
-} & AutocompleteInputProps & (AutocompleteOpenControlledProps | AutocompleteOpenUncontrolledProps) & (OPTION extends {
+    /** Ссылка на HTML элемент */
+    ref?: Ref<HTMLDivElement>;
+} & AutocompleteInputProps & (OPTION extends {
     label: AutocompleteDefaultOption['label'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption['id'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption['disabled'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
 export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption>(props: AutocompleteProps<OPTION>) => ReactElement | null;

package/__inner__/esm/components/AutocompleteNext/helpers.d.ts

@@ -2,7 +2,7 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
 export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
 export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
 export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
-export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): ({
+export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): {
     multiple?: MULTIPLE | undefined;
     limitTags?: number | "responsive";
     renderTag?: import("./types").AutocompletePropRenderTag;
@@ -11,76 +11,8 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     size?: import("./types").AutocompletePropSize;
     value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
     defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
-    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
-    inputValue?: string;
-    onInputChange?: import("./types").AutocompleteOnInputChange;
-    renderInput?: import("./types").AutocompletePropRenderInput;
-    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-    disableCloseOnSelect?: boolean;
-    allowCustomValue?: boolean;
-    loading?: boolean;
-    noOptionsText?: import("react").ReactNode;
-    clearText?: string;
-    openText?: string;
-    closeText?: string;
-    loadingText?: import("react").ReactNode;
-    onClose?(): void;
-    onOpen?(): void;
-    disableClearButton?: boolean;
-    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
-    disableShowEmptyOptionsList?: boolean;
-    disableShowChevron?: boolean;
-    popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
-    listProps?: import("./components").AutocompleteDropdownProps["listProps"];
-} & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    className?: string | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    autoFocus?: boolean | undefined;
-    disabled?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    disableStroke?: boolean | undefined;
-    hint?: string | null | undefined;
-    renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
-    renderRight?: import("../FieldIcon").FieldIconProps["icon"];
-    inputProps?: import("../FieldInput").FieldInputProps | undefined;
-    bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
     open?: boolean;
-    defaultOpen?: never;
-} & (OPTION extends {
-    label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
-    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
-}) & (OPTION extends {
-    id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
-    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
-}) & (OPTION extends {
-    disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
-    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
-}) & {
-    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
-    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
-    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-}) | ({
-    multiple?: MULTIPLE | undefined;
-    limitTags?: number | "responsive";
-    renderTag?: import("./types").AutocompletePropRenderTag;
-    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
-    options: OPTION[];
-    size?: import("./types").AutocompletePropSize;
-    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
-    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultOpen?: boolean;
     onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
     inputValue?: string;
     onInputChange?: import("./types").AutocompleteOnInputChange;
@@ -105,6 +37,7 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     disableShowChevron?: boolean;
     popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
     listProps?: import("./components").AutocompleteDropdownProps["listProps"];
+    ref?: import("react").Ref<HTMLDivElement>;
 } & {
     error?: boolean | undefined;
     label?: string | undefined;
@@ -123,25 +56,22 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     inputProps?: import("../FieldInput").FieldInputProps | undefined;
     bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
     hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & {
-    open?: never;
-    defaultOpen?: boolean;
 } & (OPTION extends {
     label: AutocompleteDefaultOption["label"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption["id"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption["disabled"];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
 }) & {
     getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
     getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
     getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
-});
+};
 export declare const isMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, true>;
 export declare const isNotMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, false>;

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

@@ -33,18 +33,6 @@ export type AutocompleteRenderMoreTagProps<OPTION> = {
     omittedValues?: AutocompletePropValue<OPTION, true>;
 };
 export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
-type AutocompleteOpenControlledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: boolean;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: never;
-};
-type AutocompleteOpenUncontrolledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: never;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: boolean;
-};
 type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke'>;
 export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
 export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
@@ -67,6 +55,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
     value?: AutocompletePropValue<OPTION, MULTIPLE>;
     /** Выбранное значение опции по умолчанию */
     defaultValue?: AutocompletePropValue<OPTION, MULTIPLE>;
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
     /** Функция обратного вызова, которая будет вызвана при выборе значения */
     onChange?: AutocompleteOnChange<OPTION, MULTIPLE>;
     /** Введённое значение в текстовом поле */
@@ -115,17 +107,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
     popoverProps?: AutocompleteDropdownProps['popoverProps'];
     /** Свойства компонента List */
     listProps?: AutocompleteDropdownProps['listProps'];
-} & AutocompleteInputProps & (AutocompleteOpenControlledProps | AutocompleteOpenUncontrolledProps) & (OPTION extends {
+    /** Ссылка на HTML элемент */
+    ref?: Ref<HTMLDivElement>;
+} & AutocompleteInputProps & (OPTION extends {
     label: AutocompleteDefaultOption['label'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
 }) & (OPTION extends {
     id: AutocompleteDefaultOption['id'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
 }) & (OPTION extends {
     disabled: AutocompleteDefaultOption['disabled'];
-} ? Record<string, unknown> : {
+} ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
 export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null;