@ozen-ui/kit 0.65.0 → 0.67.0

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

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

package/__inner__/cjs/types/css/variable.d.ts

@@ -0,0 +1,4 @@
+export type CSSVariableValue = string | number | null;
+export type CSSVariablePriority = 'important' | '' | undefined;
+export type CSSVariablesObject = Record<string, CSSVariableValue>;
+export type CSSVariablesObjectKey<Variables extends CSSVariablesObject> = string & keyof Variables;

package/__inner__/cjs/types/css/variable.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

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

package/__inner__/cjs/utils/animateProperty.d.ts

@@ -8,7 +8,10 @@ export type TimingFunction = keyof typeof timingFunctions;
 export interface AnimatePropertyOptions {
     timingFunction?: TimingFunction;
     duration?: number;
+    onFinish?: () => void;
 }
+/** Анимирует число, вызывая onAnimate при каждом кадре анимации */
+export declare const animateNumberValue: (onAnimate: (value: number, previousValue: number) => void, from: number | undefined, to: number, options?: AnimatePropertyOptions) => () => void;
 /** Анимирует числовое свойство элемента */
 export declare const animateProperty: (property: "scrollLeft", element: HTMLElement | null, to: number, options?: AnimatePropertyOptions) => (() => void);
 export {};

package/__inner__/cjs/utils/animateProperty.js

@@ -1,24 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.animateProperty = void 0;
+exports.animateProperty = exports.animateNumberValue = void 0;
 var timingFunctions = {
     linear: function (time) { return time; },
     'ease-in': function (time) { return Math.pow(time, 1.675); },
     'ease-out': function (time) { return 1 - Math.pow((1 - time), 1.675); },
     'ease-in-out': function (time) { return 0.5 * (Math.sin((time - 0.5) * Math.PI) + 1); },
 };
-/** Анимирует числовое свойство элемента */
-var animateProperty = function (property, element, to, options) {
+/** Анимирует число, вызывая onAnimate при каждом кадре анимации */
+var animateNumberValue = function (onAnimate, from, to, options) {
     if (options === void 0) { options = {}; }
-    var from = element === null || element === void 0 ? void 0 : element[property];
-    var _a = options.timingFunction, timingFunction = _a === void 0 ? 'ease-in-out' : _a, _b = options.duration, duration = _b === void 0 ? 300 : _b;
+    var _a = options.timingFunction, timingFunction = _a === void 0 ? 'ease-in-out' : _a, _b = options.duration, duration = _b === void 0 ? 300 : _b, onFinish = options.onFinish;
     var cancelled = false;
     var start = null;
     var cancel = function () {
         cancelled = true;
     };
-    if (!element || (!from && from !== 0))
+    if (!from && from !== 0) {
+        onFinish === null || onFinish === void 0 ? void 0 : onFinish();
         return cancel;
+    }
+    var previousValue = from;
     var step = function (timestamp) {
         if (cancelled)
             return;
@@ -27,15 +29,33 @@ var animateProperty = function (property, element, to, options) {
         }
         var time = Math.min(1, (timestamp - start) / duration);
         var selectedTimingFunction = timingFunctions[timingFunction];
-        // eslint-disable-next-line no-param-reassign
-        element[property] = selectedTimingFunction(time) * (to - from) + from;
-        if (time >= 1)
+        var newValue = selectedTimingFunction(time) * (to - from) + from;
+        onAnimate(newValue, previousValue);
+        previousValue = newValue;
+        if (time >= 1) {
+            onFinish === null || onFinish === void 0 ? void 0 : onFinish();
             return;
+        }
         requestAnimationFrame(step);
     };
-    if (from === to)
+    if (from === to) {
+        onFinish === null || onFinish === void 0 ? void 0 : onFinish();
         return cancel;
+    }
     requestAnimationFrame(step);
     return cancel;
 };
+exports.animateNumberValue = animateNumberValue;
+/** Анимирует числовое свойство элемента */
+var animateProperty = function (property, element, to, options) {
+    if (options === void 0) { options = {}; }
+    var from = element === null || element === void 0 ? void 0 : element[property];
+    return (0, exports.animateNumberValue)(function (value) {
+        if (!element) {
+            return;
+        }
+        // eslint-disable-next-line no-param-reassign
+        element[property] = value;
+    }, from, to, options);
+};
 exports.animateProperty = animateProperty;

package/__inner__/cjs/utils/array/{create-empty → createEmpty}/createEmptyArray.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createEmptyArray = void 0;
-var create_filled_1 = require("../create-filled");
+var createFilled_1 = require("../createFilled");
 var createEmptyArray = function (length) {
-    return (0, create_filled_1.createFilledArray)(length, null);
+    return (0, createFilled_1.createFilledArray)(length, null);
 };
 exports.createEmptyArray = createEmptyArray;

package/__inner__/cjs/utils/array/index.d.ts

@@ -1,2 +1,3 @@
-export * from './create-empty';
-export * from './create-filled';
+export * from './createEmpty';
+export * from './createFilled';
+export * from './isArray';

package/__inner__/cjs/utils/array/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./create-empty"), exports);
-tslib_1.__exportStar(require("./create-filled"), exports);
+tslib_1.__exportStar(require("./createEmpty"), exports);
+tslib_1.__exportStar(require("./createFilled"), exports);
+tslib_1.__exportStar(require("./isArray"), exports);

package/__inner__/cjs/utils/array/isArray/index.d.ts

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

package/__inner__/cjs/utils/array/isArray/index.js

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

package/__inner__/cjs/utils/array/isArray/isArray.d.ts

@@ -0,0 +1 @@
+export declare const isArray: (value: any) => value is any[];

package/__inner__/cjs/utils/array/isArray/isArray.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isArray = void 0;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var isArray = function (value) { return Array.isArray(value); };
+exports.isArray = isArray;

package/__inner__/cjs/utils/css/generateCSSVariableName/generateCSSVariableName.d.ts

@@ -0,0 +1 @@
+export declare const generateCSSVariableName: (variable: string) => string;

package/__inner__/cjs/utils/css/generateCSSVariableName/generateCSSVariableName.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateCSSVariableName = void 0;
+var isCSSVariableName_1 = require("../isCSSVariableName");
+var generateCSSVariableName = function (variable) {
+    if ((0, isCSSVariableName_1.isCSSVariableName)(variable)) {
+        return variable;
+    }
+    return "--".concat(variable);
+};
+exports.generateCSSVariableName = generateCSSVariableName;

package/__inner__/cjs/utils/css/generateCSSVariableName/index.d.ts

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

package/__inner__/cjs/utils/css/generateCSSVariableName/index.js

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

package/__inner__/cjs/utils/css/generateCSSVariables/generateCSSVariables.d.ts

@@ -0,0 +1,2 @@
+import type { CSSProperties } from 'react';
+export declare const generateCSSVariables: (variables: Record<string, string | number>) => CSSProperties;

package/__inner__/cjs/utils/css/generateCSSVariables/generateCSSVariables.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateCSSVariables = void 0;
+var tslib_1 = require("tslib");
+var generateCSSVariableName_1 = require("../generateCSSVariableName");
+var generateCSSVariables = function (variables) {
+    var formattedVariables = {};
+    Object.entries(variables).forEach(function (_a) {
+        var _b = tslib_1.__read(_a, 2), variableName = _b[0], value = _b[1];
+        formattedVariables[(0, generateCSSVariableName_1.generateCSSVariableName)(variableName)] = value;
+    });
+    return formattedVariables;
+};
+exports.generateCSSVariables = generateCSSVariables;

package/__inner__/cjs/utils/css/generateCSSVariables/index.d.ts

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

package/__inner__/cjs/utils/css/generateCSSVariables/index.js

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

package/__inner__/cjs/utils/css/index.d.ts

@@ -0,0 +1,4 @@
+export * from './generateCSSVariableName';
+export * from './generateCSSVariables';
+export * from './isCSSVariableName';
+export * from './setCSSProperty';

package/__inner__/cjs/utils/css/index.js

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

package/__inner__/cjs/utils/css/isCSSVariableName/index.d.ts

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

package/__inner__/cjs/utils/css/isCSSVariableName/index.js

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

package/__inner__/cjs/utils/css/isCSSVariableName/isCSSVariableName.d.ts

@@ -0,0 +1 @@
+export declare const isCSSVariableName: (value: string) => boolean;

package/__inner__/cjs/utils/css/isCSSVariableName/isCSSVariableName.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCSSVariableName = void 0;
+var isCSSVariableName = function (value) { return value.slice(0, 2) === '--'; };
+exports.isCSSVariableName = isCSSVariableName;

package/__inner__/cjs/utils/css/setCSSProperty/index.d.ts

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

package/__inner__/cjs/utils/css/setCSSProperty/index.js

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

package/__inner__/cjs/utils/css/setCSSProperty/setCSSProperty.d.ts

@@ -0,0 +1,3 @@
+import type { CSSVariablesObject, CSSVariablesObjectKey } from '../../../types/css';
+import type { SetCSSPropertyArguments } from './types';
+export declare const setCSSProperty: <Variables extends CSSVariablesObject, VariableName extends CSSVariablesObjectKey<Variables>>({ element, variableName, value, priority, }: SetCSSPropertyArguments<Variables, VariableName>) => void;

package/__inner__/cjs/utils/css/setCSSProperty/setCSSProperty.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setCSSProperty = void 0;
+var number_1 = require("../../number");
+var generateCSSVariableName_1 = require("../generateCSSVariableName");
+var setCSSProperty = function (_a) {
+    var element = _a.element, variableName = _a.variableName, value = _a.value, priority = _a.priority;
+    if (!element) {
+        return;
+    }
+    element.style.setProperty((0, generateCSSVariableName_1.generateCSSVariableName)(variableName), (0, number_1.isNumber)(value) ? value.toString() : value, priority);
+};
+exports.setCSSProperty = setCSSProperty;

package/__inner__/cjs/utils/css/setCSSProperty/types.d.ts

@@ -0,0 +1,7 @@
+import type { CSSVariablePriority, CSSVariablesObject, CSSVariablesObjectKey } from '../../../types/css';
+export type SetCSSPropertyArguments<Variables extends CSSVariablesObject, VariableName extends CSSVariablesObjectKey<Variables>> = {
+    element: HTMLElement | null;
+    variableName: VariableName;
+    value: Variables[VariableName];
+    priority?: CSSVariablePriority;
+};

package/__inner__/cjs/utils/css/setCSSProperty/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/utils/math/clamp/clamp.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (number: number, lower: number, upper: number) => number;

package/__inner__/cjs/utils/math/clamp/clamp.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clamp = void 0;
+var number_1 = require("../../number");
+var clamp = function (number, lower, upper) {
+    if ((0, number_1.isNaN)(number)) {
+        return number;
+    }
+    var numberResult = number;
+    var safeUpper = (0, number_1.isNaN)(upper) ? 0 : upper;
+    var safeLower = (0, number_1.isNaN)(lower) ? 0 : lower;
+    numberResult = numberResult > safeUpper ? safeUpper : numberResult;
+    numberResult = numberResult < safeLower ? safeLower : numberResult;
+    return numberResult;
+};
+exports.clamp = clamp;

package/__inner__/cjs/utils/math/clamp/index.d.ts

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

package/__inner__/cjs/utils/math/clamp/index.js

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

package/__inner__/cjs/utils/math/index.d.ts

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

package/__inner__/cjs/utils/math/index.js

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

package/__inner__/cjs/utils/number/index.d.ts

@@ -0,0 +1,2 @@
+export * from './isNaN';
+export * from './isNumber';

package/__inner__/cjs/utils/number/index.js

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

package/__inner__/cjs/utils/number/isNaN.d.ts

@@ -0,0 +1 @@
+export declare const isNaN: (value: any) => boolean;

package/__inner__/cjs/utils/number/isNaN.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNaN = void 0;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var isNaN = function (value) { return Number.isNaN(value); };
+exports.isNaN = isNaN;

package/__inner__/esm/components/Autocomplete/components/AutocompleteLoading/AutocompleteLoading.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
-import { isNumber } from '../../../../utils/isNumber';
 import { isString } from '../../../../utils/isString';
+import { isNumber } from '../../../../utils/number';
 import { ListItem, ListItemIcon, ListItemText } from '../../../List';
 import { Loader } from '../../../Loader';
 import { AUTOCOMPLETE_DEFAULT_SIZE } from '../../constants';

package/__inner__/esm/components/Autocomplete/components/AutocompleteNoOptions/AutocompleteNoOptions.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { isNumber } from '../../../../utils/isNumber';
 import { isString } from '../../../../utils/isString';
+import { isNumber } from '../../../../utils/number';
 import { ListItem, ListItemText } from '../../../List';
 export var AutocompleteNoOptions = function (_a) {
     var showNoOptions = _a.showNoOptions, noOptionsText = _a.noOptionsText;

package/__inner__/esm/components/AutocompleteNext/Autocomplete.css

@@ -30,6 +30,7 @@
   .AutocompleteNext-RenderRight {
     display: flex;
     gap: var(--spacing-2xs);
+    align-items: center;
   }
 
   .AutocompleteNext-ClearButton {

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

@@ -9,7 +9,7 @@ import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { isKeys } from '../../utils/isKeys';
 import { AutocompleteDropdown, AutocompleteInput } from './components';
-import { AUTOCOMPLETE_DEFAULT_SIZE, AUTOCOMPLETE_DEFAULT_DISABLED, AUTOCOMPLETE_DEFAULT_REQUIRED, AUTOCOMPLETE_DEFAULT_AUTOFOCUS, AUTOCOMPLETE_DEFAULT_FULLWIDTH, AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE, AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON, AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON, AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT, AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST, } from './constants';
+import { AUTOCOMPLETE_DEFAULT_SIZE, AUTOCOMPLETE_DEFAULT_DISABLED, AUTOCOMPLETE_DEFAULT_REQUIRED, AUTOCOMPLETE_DEFAULT_AUTOFOCUS, AUTOCOMPLETE_DEFAULT_FULLWIDTH, AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE, AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON, AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON, AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT, AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST, AUTOCOMPLETE_DEFAULT_RENDER_RIGHT_POSITION, } from './constants';
 import { withDefaultGetters, isMultipleParams, isNotMultipleParams, } from './helpers';
 export var cnAutocomplete = cn('AutocompleteNext');
 function AutocompleteRender(inProps, ref) {
@@ -17,30 +17,30 @@ function AutocompleteRender(inProps, ref) {
         props: inProps,
         name: 'AutocompleteNext',
     });
-    var _a = withDefaultGetters(props), _b = _a.disabled, disabled = _b === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLED : _b, _c = _a.required, required = _c === void 0 ? AUTOCOMPLETE_DEFAULT_REQUIRED : _c, _d = _a.autoFocus, autoFocus = _d === void 0 ? AUTOCOMPLETE_DEFAULT_AUTOFOCUS : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? AUTOCOMPLETE_DEFAULT_FULLWIDTH : _e, _f = _a.size, size = _f === void 0 ? AUTOCOMPLETE_DEFAULT_SIZE : _f, _g = _a.allowCustomValue, allowCustomValue = _g === void 0 ? AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE : _g, _h = _a.disableShowChevron, disableShowChevron = _h === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON : _h, _j = _a.disableClearButton, disableClearButton = _j === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON : _j, _k = _a.disableCloseOnSelect, disableCloseOnSelect = _k === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT : _k, _l = _a.disableShowEmptyOptionsList, disableShowEmptyOptionsList = _l === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST : _l, limitTags = _a.limitTags, renderInput = _a.renderInput, multiple = _a.multiple, searchFunctionProp = _a.searchFunction, inputValueProp = _a.inputValue, valueProp = _a.value, options = _a.options, defaultValue = _a.defaultValue, onInputChange = _a.onInputChange, getOptionKey = _a.getOptionKey, getOptionLabel = _a.getOptionLabel, getOptionDisabled = _a.getOptionDisabled, onCloseProp = _a.onClose, onOpenProp = _a.onOpen, openProp = _a.open, defaultOpen = _a.defaultOpen, loading = _a.loading, inputProps = _a.inputProps, bodyProps = _a.bodyProps, onKeyDown = _a.onKeyDown, noOptionsText = _a.noOptionsText, clearText = _a.clearText, openText = _a.openText, renderOption = _a.renderOption, loadingText = _a.loadingText, closeText = _a.closeText, listProps = _a.listProps, popoverProps = _a.popoverProps, onChangeProp = _a.onChange, other = __rest(_a, ["disabled", "required", "autoFocus", "fullWidth", "size", "allowCustomValue", "disableShowChevron", "disableClearButton", "disableCloseOnSelect", "disableShowEmptyOptionsList", "limitTags", "renderInput", "multiple", "searchFunction", "inputValue", "value", "options", "defaultValue", "onInputChange", "getOptionKey", "getOptionLabel", "getOptionDisabled", "onClose", "onOpen", "open", "defaultOpen", "loading", "inputProps", "bodyProps", "onKeyDown", "noOptionsText", "clearText", "openText", "renderOption", "loadingText", "closeText", "listProps", "popoverProps", "onChange"]);
-    var _m = useElementSize(), inputRef = _m.ref, height = _m.height;
+    var _a = withDefaultGetters(props), _b = _a.disabled, disabled = _b === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLED : _b, _c = _a.required, required = _c === void 0 ? AUTOCOMPLETE_DEFAULT_REQUIRED : _c, _d = _a.autoFocus, autoFocus = _d === void 0 ? AUTOCOMPLETE_DEFAULT_AUTOFOCUS : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? AUTOCOMPLETE_DEFAULT_FULLWIDTH : _e, _f = _a.size, size = _f === void 0 ? AUTOCOMPLETE_DEFAULT_SIZE : _f, _g = _a.allowCustomValue, allowCustomValue = _g === void 0 ? AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE : _g, _h = _a.disableShowChevron, disableShowChevron = _h === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON : _h, _j = _a.disableClearButton, disableClearButton = _j === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON : _j, _k = _a.disableCloseOnSelect, disableCloseOnSelect = _k === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT : _k, _l = _a.disableShowEmptyOptionsList, disableShowEmptyOptionsList = _l === void 0 ? AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST : _l, _m = _a.renderRightPosition, renderRightPosition = _m === void 0 ? AUTOCOMPLETE_DEFAULT_RENDER_RIGHT_POSITION : _m, limitTags = _a.limitTags, renderInput = _a.renderInput, multiple = _a.multiple, searchFunctionProp = _a.searchFunction, inputValueProp = _a.inputValue, valueProp = _a.value, options = _a.options, defaultValue = _a.defaultValue, onInputChange = _a.onInputChange, getOptionKey = _a.getOptionKey, getOptionLabel = _a.getOptionLabel, getOptionDisabled = _a.getOptionDisabled, onCloseProp = _a.onClose, onOpenProp = _a.onOpen, openProp = _a.open, defaultOpen = _a.defaultOpen, loading = _a.loading, inputProps = _a.inputProps, bodyProps = _a.bodyProps, onKeyDown = _a.onKeyDown, noOptionsText = _a.noOptionsText, clearText = _a.clearText, openText = _a.openText, renderOption = _a.renderOption, loadingText = _a.loadingText, closeText = _a.closeText, listProps = _a.listProps, popoverProps = _a.popoverProps, onChangeProp = _a.onChange, other = __rest(_a, ["disabled", "required", "autoFocus", "fullWidth", "size", "allowCustomValue", "disableShowChevron", "disableClearButton", "disableCloseOnSelect", "disableShowEmptyOptionsList", "renderRightPosition", "limitTags", "renderInput", "multiple", "searchFunction", "inputValue", "value", "options", "defaultValue", "onInputChange", "getOptionKey", "getOptionLabel", "getOptionDisabled", "onClose", "onOpen", "open", "defaultOpen", "loading", "inputProps", "bodyProps", "onKeyDown", "noOptionsText", "clearText", "openText", "renderOption", "loadingText", "closeText", "listProps", "popoverProps", "onChange"]);
+    var _o = useElementSize(), inputRef = _o.ref, height = _o.height;
     var lastInputValue = useRef('');
     var anchorRef = useRef(null);
     var inputBodyRef = useMultiRef([anchorRef, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref]);
     var rootRef = useMultiRef([ref, inputRef]);
-    var _o = __read(useControlled({
+    var _p = __read(useControlled({
         value: inputValueProp,
         defaultValue: '',
         name: 'AutocompleteNext',
         state: 'inputValue',
-    }), 2), inputValue = _o[0], setInputValue = _o[1];
-    var _p = __read(useControlled({
+    }), 2), inputValue = _p[0], setInputValue = _p[1];
+    var _q = __read(useControlled({
         value: valueProp,
         defaultValue: defaultValue,
         name: 'AutocompleteNext',
         state: 'value',
-    }), 2), valueState = _p[0], setValueState = _p[1];
-    var _q = __read(useControlled({
+    }), 2), valueState = _q[0], setValueState = _q[1];
+    var _r = __read(useControlled({
         value: openProp,
         defaultValue: defaultOpen,
         name: 'AutocompleteNext',
         state: 'open',
-    }), 2), open = _q[0], setOpen = _q[1];
+    }), 2), open = _r[0], setOpen = _r[1];
     var searchFunctionDefault = function (options, searchValue) {
         return options === null || options === void 0 ? void 0 : options.filter(function (option) {
             return getOptionLabel(option).toLowerCase().includes(searchValue.toLowerCase());
@@ -48,10 +48,10 @@ function AutocompleteRender(inProps, ref) {
     };
     var savedOnInputChange = useMutableRef(onInputChange);
     var savedGetOptionLabel = useMutableRef(getOptionLabel);
-    var _r = __read(useState(__spreadArray([], __read(options), false)), 2), filteredOptions = _r[0], setFilteredOptions = _r[1];
+    var _s = __read(useState(__spreadArray([], __read(options), false)), 2), filteredOptions = _s[0], setFilteredOptions = _s[1];
     var searchFunction = searchFunctionProp || searchFunctionDefault;
     var hasOptions = !!(filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length);
-    var _s = __read(useState(undefined), 2), search = _s[0], setSearch = _s[1];
+    var _t = __read(useState(undefined), 2), search = _t[0], setSearch = _t[1];
     var changeInputValue = function (e, value) {
         var _a;
         setInputValue(value);
@@ -195,7 +195,7 @@ function AutocompleteRender(inProps, ref) {
         if (!disableCloseOnSelect)
             handleClose();
     };
-    var autocompleteInputProps = __assign({ open: open, size: size, limitTags: limitTags, disabled: disabled, multiple: multiple, required: required, fullWidth: fullWidth, clearText: clearText, closeText: closeText, openText: openText, inputProps: __assign(__assign({}, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput }), bodyProps: __assign(__assign({}, bodyProps), { ref: inputBodyRef }), renderInput: renderInput, getOptionKey: getOptionKey, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, value: inputValue, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton, onClear: handleClear, onOpen: handleToggle, onRemoveTag: callOnChange, onKeyDown: handleKeyDown, onChange: handleChangeInput, selectedOptions: valueState }, other);
+    var autocompleteInputProps = __assign({ open: open, size: size, limitTags: limitTags, disabled: disabled, multiple: multiple, required: required, fullWidth: fullWidth, clearText: clearText, closeText: closeText, openText: openText, inputProps: __assign(__assign({}, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput }), bodyProps: __assign(__assign({}, bodyProps), { ref: inputBodyRef }), renderInput: renderInput, renderRightPosition: renderRightPosition, getOptionKey: getOptionKey, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, value: inputValue, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton, onClear: handleClear, onOpen: handleToggle, onRemoveTag: callOnChange, onKeyDown: handleKeyDown, onChange: handleChangeInput, selectedOptions: valueState }, other);
     var update = useRef();
     var setUpdate = function (func) {
         if (func) {

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/components/AutocompleteDropdownLoading/AutocompleteDropdownLoading.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getIconSizeToFormElement } from '../../../../../../utils/getIconSizeToFormElement';
-import { isNumber } from '../../../../../../utils/isNumber';
 import { isString } from '../../../../../../utils/isString';
+import { isNumber } from '../../../../../../utils/number';
 import { ListItem, ListItemIcon, ListItemText } from '../../../../../List';
 import { Loader } from '../../../../../Loader';
 import { AUTOCOMPLETE_DEFAULT_SIZE } from '../../../../constants';

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/components/AutocompleteDropdownNoOptions/AutocompleteDropdownNoOptions.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { isNumber } from '../../../../../../utils/isNumber';
 import { isString } from '../../../../../../utils/isString';
+import { isNumber } from '../../../../../../utils/number';
 import { ListItem, ListItemText } from '../../../../../List';
 export var AutocompleteDropdownNoOptions = function (_a) {
     var showNoOptions = _a.showNoOptions, noOptionsText = _a.noOptionsText;

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

@@ -8,7 +8,7 @@ import { AutocompleteInputMultiple } from './components';
 import { isNotMultipleParams, isMultipleParams } from './helpers';
 var AutocompleteInputRender = function (inProps, ref) {
     var _a, _b;
-    var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, label = inProps.label, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = __rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "label", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
+    var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, label = inProps.label, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, renderRightPosition = inProps.renderRightPosition, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = __rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "label", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "renderRightPosition", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
     var hasValue = isMultipleParams(inProps)
         ? !!((_a = inProps.selectedOptions) === null || _a === void 0 ? void 0 : _a.length)
         : isNotNil(selectedOptions);
@@ -28,7 +28,7 @@ var AutocompleteInputRender = function (inProps, ref) {
         }
         return null;
     };
-    return renderInput(__assign({ size: size, disabled: disabled, label: label, value: value || '', placeholder: placeholder, renderRight: (React.createElement(AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
+    return renderInput(__assign({ size: size, disabled: disabled, label: label, value: value || '', placeholder: placeholder, renderRight: (React.createElement(AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, renderRightPosition: renderRightPosition, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
             shrink: !!selectedOptionsLength,
         }, inputProps: __assign(__assign({ autoComplete: 'off' }, inputProps), { renderComponent: renderComponent }), bodyProps: __assign({ 'aria-expanded': open }, bodyProps), className: cnAutocomplete({ size: size, multiple: multiple, hasChevron: !disableShowChevron }, [className]) }, other), ref);
 };

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

@@ -3,7 +3,7 @@ import React, { forwardRef, useState } from 'react';
 import { CrossSmallIcon } from '@ozen-ui/icons';
 import { useElementSize } from '../../../../../hooks/useElementSize';
 import { useIsomorphicEffect } from '../../../../../hooks/useIsomorphicEffect';
-import { isNumber } from '../../../../../utils/isNumber';
+import { isNumber } from '../../../../../utils/number';
 import { Tag } from '../../../../TagNext';
 import { cnAutocomplete, } from '../../../index';
 import { calcElementSize, calcElementsSize, createMap, getAutocompleteSizeToTag, } from './helpers';

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

@@ -1,10 +1,11 @@
 import type { ReactElement, Ref } from 'react';
 import type { InputProps, InputRef } from '../../../Input';
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled } from '../../index';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompleteRenderRightPosition } from '../../index';
 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'> & {
+    renderRightPosition: AutocompleteRenderRightPosition;
     open?: boolean;
     openText?: string;
     closeText?: string;

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

@@ -1,8 +1,9 @@
 import type { FC, MouseEvent } from 'react';
-import type { AutocompleteProps } from '../../index';
+import type { AutocompleteProps, AutocompleteRenderRightPosition } from '../../types';
 export type AutocompleteRenderRightProps = {
     hasValue: boolean;
     onOpen: () => void;
     onClear: (e: MouseEvent<HTMLElement>) => void;
+    renderRightPosition: AutocompleteRenderRightPosition;
 } & Pick<AutocompleteProps, 'size' | 'open' | 'disabled' | 'openText' | 'clearText' | 'closeText' | 'renderRight' | 'disableClearButton' | 'disableShowChevron'>;
 export declare const AutocompleteRenderRight: FC<AutocompleteRenderRightProps>;

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

@@ -6,19 +6,24 @@ import { FieldIcon } from '../../../FieldIcon';
 import { IconButton } from '../../../IconButtonNext';
 import { cnAutocomplete } from '../../index';
 export var AutocompleteRenderRight = function (_a) {
-    var open = _a.open, size = _a.size, onOpen = _a.onOpen, onClear = _a.onClear, openText = _a.openText, disabled = _a.disabled, hasValue = _a.hasValue, clearText = _a.clearText, closeText = _a.closeText, renderRight = _a.renderRight, disableClearButton = _a.disableClearButton, disableShowChevron = _a.disableShowChevron;
+    var open = _a.open, size = _a.size, onOpen = _a.onOpen, onClear = _a.onClear, openText = _a.openText, disabled = _a.disabled, hasValue = _a.hasValue, clearText = _a.clearText, closeText = _a.closeText, renderRight = _a.renderRight, renderRightPosition = _a.renderRightPosition, disableClearButton = _a.disableClearButton, disableShowChevron = _a.disableShowChevron;
     var _b = __read(useFieldControl(), 1), _c = _b[0], focused = _c.focused, hovered = _c.hovered;
     var isVisibleClearButton = !!(hovered || open || focused) && hasValue;
+    var renderedIcon = React.createElement(FieldIcon, { icon: renderRight });
+    var clearButton = (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, icon: CrossIcon, variant: "function", title: clearText, "aria-label": clearText, onClick: function (e) {
+            e.preventDefault();
+            onClear === null || onClear === void 0 ? void 0 : onClear(e);
+        }, className: cnAutocomplete('ClearButton', {
+            visibility: isVisibleClearButton,
+        }), compressed: true }));
     return (React.createElement("div", { className: cnAutocomplete('RenderRight') },
-        !disableClearButton && (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, icon: CrossIcon, variant: "function", title: clearText, "aria-label": clearText, onClick: function (e) {
-                e.preventDefault();
-                onClear === null || onClear === void 0 ? void 0 : onClear(e);
-            }, className: cnAutocomplete('ClearButton', {
-                visibility: isVisibleClearButton,
-            }), compressed: true })),
-        React.createElement(FieldIcon, { icon: renderRight }),
+        !disableClearButton && !isVisibleClearButton && clearButton,
+        renderRightPosition === 'before' && renderedIcon,
+        !disableClearButton && isVisibleClearButton && clearButton,
+        renderRightPosition === 'between' && renderedIcon,
         !disableShowChevron && (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? ChevronUpIcon : ChevronDownIcon, onClick: function (e) {
                 e.preventDefault();
                 onOpen();
-            }, compressed: true }))));
+            }, compressed: true })),
+        renderRightPosition === 'after' && renderedIcon));
 };

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

@@ -8,3 +8,4 @@ export declare const AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST = fals
 export declare const AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT = false;
 export declare const AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON = false;
 export declare const AUTOCOMPLETE_DEFAULT_SIZE = "m";
+export declare const AUTOCOMPLETE_DEFAULT_RENDER_RIGHT_POSITION = "between";

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

@@ -8,3 +8,4 @@ export var AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST = false;
 export var AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT = false;
 export var AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON = false;
 export var AUTOCOMPLETE_DEFAULT_SIZE = 'm';
+export var AUTOCOMPLETE_DEFAULT_RENDER_RIGHT_POSITION = 'between';