@ozen-ui/kit 0.78.0 → 0.79.0

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

@@ -1,46 +1,9 @@
-import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types';
 import type { WithDisplayName } from '../../types/react';
-import type { DataListBaseProps, DataListOptionProps, DataListSelected } from '../DataList';
+import type { DataListBaseProps } from '../DataList';
 import type { SelectInputProps, SelectInputRef } from './components';
-import type { SelectOnClear, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout } from './entities';
-export declare const selectSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
-export type SelectPropSize = (typeof selectSizeVariant)[number];
-export type SelectLabel<MULTIPLE extends boolean = false> = (MULTIPLE extends true ? DataListOptionProps['label'][] : DataListOptionProps['label']) | undefined;
-export type SelectPropValue<MULTIPLE extends boolean = false> = DataListSelected<MULTIPLE>;
-export type SelectPropOnChange<MULTIPLE extends boolean = false> = (value: SelectPropValue<MULTIPLE>, e: SyntheticEvent | KeyboardEvent | MouseEvent) => void;
-export type SelectedOption<MULTIPLE extends boolean = false> = {
-    label?: SelectLabel<MULTIPLE>;
-    value?: SelectPropValue<MULTIPLE>;
-};
-export type SelectPropRenderValue<MULTIPLE extends boolean = false> = (option: SelectedOption<MULTIPLE>) => ReactNode | null;
-/**
- * @deprecated
- * Use the `SelectRenderValueProp` type to replace it.
- * */
-export type SelectRenderValue<MULTIPLE extends boolean = false> = SelectPropRenderValue<MULTIPLE>;
-/**
- * @deprecated
- * Use the `SelectLabel` type to replace it.
- * */
-export type SelectPropLabel<MULTIPLE extends boolean = false> = SelectLabel<MULTIPLE>;
-/**
- * @deprecated
- * Use the `SelectSizeProp` type to replace it.
- * */
-export type SelectSizeVariant = SelectPropSize;
-/**
- * @deprecated
- * Use the `SelectedPropOption` type to replace it.
- * */
-export type SelectedOptionProp<MULTIPLE extends boolean = false> = SelectedOption<MULTIPLE>;
-type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
-    /**
-     * Свойства компонента Menu
-     * @deprecated Используйте `dataListProps`
-     * */
-    menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
-};
+import type { SelectOnClear, SelectPropOnChange, SelectPropRenderValue, SelectPropSize, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout, SelectPropValue, SelectPropsDeprecated, SelectBackgroundVariant } from './entities';
 export type SelectRef = SelectInputRef;
 export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
     /** Если `true` устанавливает автофокус */
@@ -93,8 +56,9 @@ export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentP
     onOpen?(): void;
     /** Если `true` из списка можно выбрать несколько вариантов */
     multiple?: MULTIPLE;
+    /** Задний фон */
+    background?: SelectBackgroundVariant;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 } & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disableStroke' | 'hint' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE>, 'div'>;
 export type SelectComponent = WithDisplayName<(<MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null)>;
-export {};

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

@@ -1,5 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectSizeVariant = void 0;
-var types_1 = require("../../types");
-exports.selectSizeVariant = types_1.formElementSizeVariant;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js

@@ -9,4 +9,5 @@ exports.STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT = {
     awaiting: icons_1.ClockFilledIcon,
     inProcessing: icons_1.ClockFilledIcon,
     success: icons_1.CheckCircleFilledIcon,
+    action: icons_1.CircleFillIcon,
 };

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css

@@ -63,6 +63,13 @@
   }
 
   .StepperVerticalStep_variant_success {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-success-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-success);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-success-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_action {
     --stepper-vertical-indicator-color-non-current: var(--color-background-action-light);
     --stepper-vertical-indicator-color-current: var(--color-background-action);
     --stepper-vertical-indicator-text-color-non-current: var(--color-content-action-dark);

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts

@@ -1,2 +1,2 @@
-export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success"];
+export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success", "action"];
 export type StepperVerticalStepVariant = (typeof stepperVerticalStepVariant)[number];

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js

@@ -8,4 +8,5 @@ exports.stepperVerticalStepVariant = [
     'awaiting',
     'inProcessing',
     'success',
+    'action',
 ];

package/__inner__/cjs/components/Textarea/entities/background.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaBackgroundVariant: readonly ["main", "primary"];
+export type TextareaBackgroundVariant = (typeof textareaBackgroundVariant)[number];

package/__inner__/cjs/components/Textarea/entities/background.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textareaBackgroundVariant = void 0;
+var FieldControl_1 = require("../../FieldControl");
+exports.textareaBackgroundVariant = FieldControl_1.fieldControlBackgroundVariant;

package/__inner__/cjs/components/Textarea/entities/expand.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
+export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];

package/__inner__/cjs/components/Textarea/entities/expand.js

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

package/__inner__/cjs/components/Textarea/entities/index.d.ts

@@ -0,0 +1,3 @@
+export * from './background';
+export * from './expand';
+export * from './size';

package/__inner__/cjs/components/Textarea/entities/index.js

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

package/__inner__/cjs/components/Textarea/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type TextareaSizeVariant = (typeof textareaSizeVariant)[number];

package/__inner__/cjs/components/Textarea/entities/size.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textareaSizeVariant = void 0;
+var types_1 = require("../../../types");
+exports.textareaSizeVariant = types_1.formElementSizeVariant;

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

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

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

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

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

@@ -1,12 +1,9 @@
 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';
 import type { FieldLabelProps } from '../FieldLabel';
-export type TextareaSizeVariant = FormElementSizeVariant;
-export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
-export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];
+import type { TextareaBackgroundVariant, TextareaExpandVariant, TextareaSizeVariant } from './entities';
 type TextareaPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
@@ -67,6 +64,8 @@ type TextareaBaseProps = {
     labelProps?: FieldLabelProps;
     /** Cвойства FieldHint */
     hintProps?: Omit<FieldHintProps, 'children'>;
+    /** Задний фон */
+    background?: TextareaBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 };

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

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

package/__inner__/cjs/types/form/background.d.ts

@@ -0,0 +1,2 @@
+export declare const formElementBackgroundVariant: readonly ["main", "primary"];
+export type FormElementBackgroundVariant = (typeof formElementBackgroundVariant)[number];

package/__inner__/cjs/types/form/background.js

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

package/__inner__/cjs/types/form/index.d.ts

@@ -0,0 +1 @@
+export * from './background';

package/__inner__/cjs/types/form/index.js

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

package/__inner__/cjs/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './css';
+export * from './form';
 export * from './function';
 export * from './object';
 export * from './react';

package/__inner__/cjs/types/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./css"), exports);
+tslib_1.__exportStar(require("./form"), exports);
 tslib_1.__exportStar(require("./function"), exports);
 tslib_1.__exportStar(require("./object"), exports);
 tslib_1.__exportStar(require("./react"), exports);

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/background.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteBaseInputBackground: readonly ["main", "primary"];
+export type AutocompleteBaseInputBackground = (typeof autocompleteBaseInputBackground)[number];

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/background.js

@@ -0,0 +1,2 @@
+import { inputBackgroundVariant } from '../../../../Input';
+export var autocompleteBaseInputBackground = inputBackgroundVariant;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/index.d.ts

@@ -1,3 +1,4 @@
+export * from './background';
 export * from './renderMoreTag';
 export * from './renderTag';
 export * from './suffixPosition';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/index.js

@@ -1,3 +1,4 @@
+export * from './background';
 export * from './renderMoreTag';
 export * from './renderTag';
 export * from './suffixPosition';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/types.d.ts

@@ -1,7 +1,7 @@
 import type { ReactElement, ReactNode, Ref } from 'react';
 import type { InputProps, InputRef } from '../../../Input';
 import type { AutocompleteBaseDefaultOption } from '../../entities';
-import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag } from './entities';
+import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag, AutocompleteBaseInputBackground } from './entities';
 export type AutocompleteInputRef = InputRef;
 export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> = Omit<InputProps, 'value' | 'onChange' | 'size' | 'disabled' | 'renderRight' | 'renderLeft' | 'error'> & {
     /** Текст для кнопки открытия выпадающего списка */
@@ -27,5 +27,7 @@ export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> =
     before?: ReactNode;
     /** Положение компонента справа */
     suffixPosition?: AutocompleteBaseSuffixPosition;
+    /** Задний фон */
+    background?: AutocompleteBaseInputBackground;
 };
 export type AutocompleteBaseInputComponent = <Option = AutocompleteBaseDefaultOption>(props: AutocompleteBaseInputProps<Option>) => ReactElement | null;

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

@@ -2,7 +2,7 @@ import type { ReactNode, ReactElement, SyntheticEvent } from 'react';
 import type { FormElementSizeVariant } from '../../../../types/FormElementSizeVariant';
 import type { ListProps } from '../../../List';
 import type { PopoverProps, PopoverRef } from '../../../Popover';
-import type { AutocompletePropValue, AutocompletePropRenderOption, AutocompletePropGetOptionKey, AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionLabel } from '../../index';
+import type { AutocompletePropValue, AutocompletePropRenderOption, AutocompletePropGetOptionKey, AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionLabel } from '../../entities';
 export type AutocompleteDropdownRef = PopoverRef;
 export type AutocompleteDropdownOnChange<OPTION> = (e: SyntheticEvent | KeyboardEvent, value: OPTION | null) => void;
 export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/components/AutocompleteInputMultiple.js

@@ -5,7 +5,7 @@ import { useElementSize } from '../../../../../hooks/useElementSize';
 import { useIsomorphicEffect } from '../../../../../hooks/useIsomorphicEffect';
 import { isNumber } from '../../../../../utils/number';
 import { Tag } from '../../../../TagNext';
-import { cnAutocomplete, } from '../../../index';
+import { cnAutocomplete } from '../../../index';
 import { calcElementSize, calcElementsSize, createMap, getAutocompleteSizeToTag, } from './helpers';
 var AutocompleteInputMultipleRender = function (inProps, ref) {
     var _a = inProps.size, size = _a === void 0 ? 'm' : _a, label = inProps.label, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = __rest(inProps, ["size", "label", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);

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

@@ -1,6 +1,6 @@
 import type { ReactElement, Ref } from 'react';
 import type { InputProps } from '../../../../Input';
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderMoreTag, AutocompletePropRenderTag, AutocompletePropValue } from '../../../index';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderMoreTag, AutocompletePropRenderTag, AutocompletePropValue } from '../../../entities';
 import type { AutocompleteDropdownOnChange } from '../../index';
 export type AutocompleteInputMultipleRef = HTMLInputElement;
 export type AutocompleteInputMultipleProps<OPTION = AutocompleteDefaultOption> = Pick<InputProps, 'size' | 'value' | 'placeholder' | 'label'> & {

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

@@ -1,10 +1,10 @@
 import type { ReactElement, Ref } from 'react';
 import type { InputProps, InputRef } from '../../../Input';
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompleteRenderRightPosition } from '../../index';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompleteRenderRightPosition } from '../../entities';
 import type { AutocompleteDropdownOnChange } from '../AutocompleteDropdown';
 import type { AutocompleteRenderRightProps } from '../AutocompleteRenderRight';
 export type AutocompleteInputRef = InputRef;
-export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
+export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label' | 'background'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
     renderRightPosition: AutocompleteRenderRightPosition;
     open?: boolean;
     openText?: string;

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

@@ -1,5 +1,6 @@
 import type { FC, MouseEvent } from 'react';
-import type { AutocompleteProps, AutocompleteRenderRightPosition } from '../../types';
+import type { AutocompleteRenderRightPosition } from '../../entities';
+import type { AutocompleteProps } from '../../types';
 export type AutocompleteRenderRightProps = {
     hasValue: boolean;
     onOpen: () => void;

package/__inner__/esm/components/AutocompleteNext/entities/index.d.ts

@@ -0,0 +1,7 @@
+export * from './input';
+export * from './onChange';
+export * from './option';
+export * from './right';
+export * from './search';
+export * from './tag';
+export * from './value';

package/__inner__/esm/components/AutocompleteNext/entities/index.js

@@ -0,0 +1,7 @@
+export * from './input';
+export * from './onChange';
+export * from './option';
+export * from './right';
+export * from './search';
+export * from './tag';
+export * from './value';

package/__inner__/esm/components/AutocompleteNext/entities/input.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode, Ref } from 'react';
+import type { InputProps, InputRef } from '../../Input';
+export type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke' | 'background'>;
+export type AutocompletePropRenderInput = (props: InputProps, ref?: Ref<InputRef>) => ReactNode;

package/__inner__/esm/components/AutocompleteNext/entities/input.js

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

package/__inner__/esm/components/AutocompleteNext/entities/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { ChangeEvent, SyntheticEvent } from 'react';
+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;

package/__inner__/esm/components/AutocompleteNext/entities/onChange.js

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

package/__inner__/esm/components/AutocompleteNext/entities/option.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactElement } from 'react';
+export type AutocompleteRenderOptionState = {
+    key?: string | number;
+    selected?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+};
+export type AutocompleteRenderOptionProps<OPTION> = {
+    option: OPTION;
+    state: AutocompleteRenderOptionState;
+    props: HTMLAttributes<HTMLElement> & {
+        key?: string | number;
+    };
+};
+export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
+export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
+export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
+export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
+export type AutocompleteDefaultOption = {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+};

package/__inner__/esm/components/AutocompleteNext/entities/option.js

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

package/__inner__/esm/components/AutocompleteNext/entities/right.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
+export type AutocompleteRenderRightPosition = (typeof autocompleteRenderRightPosition)[number];

package/__inner__/esm/components/AutocompleteNext/entities/right.js

@@ -0,0 +1,5 @@
+export var autocompleteRenderRightPosition = [
+    'before',
+    'between',
+    'after',
+];

package/__inner__/esm/components/AutocompleteNext/entities/search.d.ts

@@ -0,0 +1 @@
+export type AutocompletePropSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];

package/__inner__/esm/components/AutocompleteNext/entities/search.js

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

package/__inner__/esm/components/AutocompleteNext/entities/tag.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode, Ref } from 'react';
+import type { TagProps, TagRef } from '../../TagNext';
+import type { AutocompletePropValue } from './value';
+export type AutocompletePropRenderTag = (props: TagProps, ref?: Ref<TagRef>) => ReactNode;
+export type AutocompleteRenderMoreTagProps<OPTION> = {
+    props: TagProps;
+    omittedValues?: AutocompletePropValue<OPTION, true>;
+};
+export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;

package/__inner__/esm/components/AutocompleteNext/entities/tag.js

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

package/__inner__/esm/components/AutocompleteNext/entities/value.d.ts

@@ -0,0 +1 @@
+export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;

package/__inner__/esm/components/AutocompleteNext/entities/value.js

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

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

@@ -1,24 +1,25 @@
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompleteProps } from './types';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel } from './entities';
+import type { AutocompleteProps } from './types';
 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>): {
     multiple?: MULTIPLE | undefined;
     limitTags?: number | "responsive";
-    renderTag?: import("./types").AutocompletePropRenderTag;
-    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
+    renderTag?: import("./entities").AutocompletePropRenderTag;
+    renderMoreTag?: import("./entities").AutocompletePropRenderMoreTag<OPTION> | undefined;
     options: OPTION[];
     size?: import("./types").AutocompletePropSize;
-    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
-    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    value?: import("./entities").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultValue?: import("./entities").AutocompletePropValue<OPTION, MULTIPLE>;
     open?: boolean;
     defaultOpen?: boolean;
-    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
-    renderRightPosition?: import("./types").AutocompleteRenderRightPosition;
+    onChange?: import("./entities").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
+    renderRightPosition?: import("./entities").AutocompleteRenderRightPosition;
     inputValue?: string;
-    onInputChange?: import("./types").AutocompleteOnInputChange;
-    renderInput?: import("./types").AutocompletePropRenderInput;
-    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
+    onInputChange?: import("./entities").AutocompleteOnInputChange;
+    renderInput?: import("./entities").AutocompletePropRenderInput;
+    renderOption?: import("./entities").AutocompletePropRenderOption<OPTION> | undefined;
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
     getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
@@ -33,31 +34,13 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     onClose?(): void;
     onOpen?(): void;
     disableClearButton?: boolean;
-    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
+    searchFunction?: import("./entities").AutocompletePropSearchFunction<OPTION> | undefined;
     disableShowEmptyOptionsList?: boolean;
     disableShowChevron?: boolean;
     popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
     listProps?: import("./components").AutocompleteDropdownProps["listProps"];
     ref?: import("react").Ref<HTMLDivElement>;
-} & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    disabled?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    hint?: string | null | undefined | undefined;
-    disableStroke?: boolean | undefined;
-    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
-    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
-    inputProps?: import("../FieldInput").FieldInputProps | undefined;
-    bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & (OPTION extends {
+} & import("./entities").AutocompleteInputProps & (OPTION extends {
     label: AutocompleteDefaultOption["label"];
 } ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;

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

@@ -1,2 +1,3 @@
 export * from './types';
+export * from './entities';
 export * from './Autocomplete';

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

@@ -1,2 +1,3 @@
 export * from './types';
+export * from './entities';
 export * from './Autocomplete';

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

@@ -1,45 +1,9 @@
-import type { ChangeEvent, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
-import type { TagProps, TagRef } from '../../components/TagNext';
+import type { ReactElement, ReactNode, Ref } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { WithDisplayName } from '../../types/react';
-import type { InputProps, InputRef } from '../Input';
+import type { InputRef } from '../Input';
 import type { AutocompleteDropdownProps } from './components';
-export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
-export type AutocompleteRenderRightPosition = (typeof autocompleteRenderRightPosition)[number];
-export type AutocompleteRenderOptionState = {
-    key?: string | number;
-    selected?: boolean;
-    disabled?: boolean;
-    focused?: boolean;
-};
-export type AutocompleteRenderOptionProps<OPTION> = {
-    option: OPTION;
-    state: AutocompleteRenderOptionState;
-    props: HTMLAttributes<HTMLElement> & {
-        key?: string | number;
-    };
-};
-export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;
-export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
-export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
-export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
-export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
-export type AutocompleteDefaultOption = {
-    id: string | number;
-    label: string;
-    disabled?: boolean;
-};
-export type AutocompletePropSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
-export type AutocompletePropRenderInput = (props: InputProps, ref?: Ref<InputRef>) => ReactNode;
-export type AutocompletePropRenderTag = (props: TagProps, ref?: Ref<TagRef>) => ReactNode;
-export type AutocompleteRenderMoreTagProps<OPTION> = {
-    props: TagProps;
-    omittedValues?: AutocompletePropValue<OPTION, true>;
-};
-export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
-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;
+import type { AutocompleteInputProps, AutocompletePropValue, AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderInput, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompletePropRenderOption, AutocompletePropRenderTag, AutocompleteRenderRightPosition, AutocompletePropSearchFunction, AutocompleteOnInputChange, AutocompleteOnChange } from './entities';
 export type AutocompleteRef = InputRef;
 export type AutocompletePropSize = FormElementSizeVariant;
 export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {
@@ -129,4 +93,3 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
 export type AutocompleteComponent = WithDisplayName<(<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null)>;
-export {};

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

@@ -1,5 +1 @@
-export var autocompleteRenderRightPosition = [
-    'before',
-    'between',
-    'after',
-];
+export {};