@ozen-ui/kit 0.77.0 → 0.79.0

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

@@ -0,0 +1,5 @@
+export * from './entities';
+export * from './modules';
+export * from './constants';
+export * from './ImageBase';
+export * from './types';

package/__inner__/esm/components/ImageBase/modules/ImageBaseLoader/ImageBaseLoader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ImageBaseLoaderProps } from './types';
+export declare const cnImageBaseLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const ImageBaseLoader: ({ className, ...other }: ImageBaseLoaderProps) => React.JSX.Element;

package/__inner__/esm/components/ImageBase/modules/ImageBaseLoader/ImageBaseLoader.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { cn } from '../../../../utils';
+import { Skeleton } from '../../../Skeleton';
+export var cnImageBaseLoader = cn('ImageBaseLoader');
+export var ImageBaseLoader = function (_a) {
+    var className = _a.className, other = __rest(_a, ["className"]);
+    return (React.createElement(Skeleton, __assign({ variant: "rectangular", className: cnImageBaseLoader('', className), height: "100%" }, other)));
+};

package/__inner__/esm/components/ImageBase/modules/ImageBaseLoader/index.d.ts

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

package/__inner__/esm/components/ImageBase/modules/ImageBaseLoader/index.js

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

package/__inner__/esm/components/ImageBase/modules/ImageBaseLoader/types.d.ts

@@ -0,0 +1,2 @@
+import type { SkeletonRectangularProps } from '../../../Skeleton';
+export type ImageBaseLoaderProps = SkeletonRectangularProps;

package/__inner__/esm/components/ImageBase/modules/ImageBaseLoader/types.js

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

package/__inner__/esm/components/ImageBase/modules/index.d.ts

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

package/__inner__/esm/components/ImageBase/modules/index.js

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

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

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithRef, ComponentRef, ElementType, ForwardedRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types';
+import type { PolymorphicComponentPropsWithRef } from '../../utils';
+import type { ImageBasePictureRef } from './components';
+import type { IMAGE_BASE_DEFAULT_ELEMENT } from './constants';
+import type { ImageBaseAspectRatio, ImageBaseImageRef, ImageBaseSources } from './entities';
+export type ImageBaseBaseProps = ExtendableComponentPropsWithRef<{
+    /** Путь к картинке */
+    src: string;
+    /** Компонент, который отображается при ошибке загрузки изображения */
+    placeholder?: ReactNode;
+    /** Компонент, который отображается при загрузке изображения */
+    loader?: ReactNode;
+    /** Соотношения сторон изображения */
+    aspectRatio?: ImageBaseAspectRatio | null;
+    /** HTML-sources */
+    sources?: ImageBaseSources;
+    /** Ref изображения */
+    imgRef?: ForwardedRef<ImageBaseImageRef>;
+    /** Ref picture-элемента */
+    pictureRef?: ForwardedRef<ImageBasePictureRef>;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+} & Pick<ComponentPropsWithRef<'img'>, 'alt' | 'loading' | 'decoding'>, 'div'>;
+export type ImageBaseRef<As extends ElementType = typeof IMAGE_BASE_DEFAULT_ELEMENT> = ComponentRef<As>;
+export type ImageBaseProps<As extends ElementType = typeof IMAGE_BASE_DEFAULT_ELEMENT> = PolymorphicComponentPropsWithRef<ImageBaseBaseProps, As>;

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

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

package/__inner__/esm/components/Input/Input.js

@@ -18,7 +18,7 @@ export var Input = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'Input',
     });
-    var _a = props.size, size = _a === void 0 ? INPUT_DEFAULT_SIZE : _a, label = props.label, error = props.error, autoFocus = props.autoFocus, placeholder = props.placeholder, id = props.id, name = props.name, type = props.type, renderLeft = props.renderLeft, renderRight = props.renderRight, fullWidth = props.fullWidth, disabled = props.disabled, hint = props.hint, required = props.required, className = props.className, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, inputProps = props.inputProps, bodyProps = props.bodyProps, labelProps = props.labelProps, hintProps = props.hintProps, maxLength = props.maxLength, minLength = props.minLength, inputRef = props.inputRef, labelRef = props.labelRef, other = __rest(props, ["size", "label", "error", "autoFocus", "placeholder", "id", "name", "type", "renderLeft", "renderRight", "fullWidth", "disabled", "hint", "required", "className", "value", "defaultValue", "onChange", "inputProps", "bodyProps", "labelProps", "hintProps", "maxLength", "minLength", "inputRef", "labelRef"]);
+    var _a = props.size, size = _a === void 0 ? INPUT_DEFAULT_SIZE : _a, label = props.label, error = props.error, autoFocus = props.autoFocus, placeholder = props.placeholder, id = props.id, name = props.name, type = props.type, renderLeft = props.renderLeft, renderRight = props.renderRight, fullWidth = props.fullWidth, disabled = props.disabled, hint = props.hint, required = props.required, className = props.className, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, inputProps = props.inputProps, bodyProps = props.bodyProps, labelProps = props.labelProps, hintProps = props.hintProps, maxLength = props.maxLength, minLength = props.minLength, inputRef = props.inputRef, labelRef = props.labelRef, background = props.background, other = __rest(props, ["size", "label", "error", "autoFocus", "placeholder", "id", "name", "type", "renderLeft", "renderRight", "fullWidth", "disabled", "hint", "required", "className", "value", "defaultValue", "onChange", "inputProps", "bodyProps", "labelProps", "hintProps", "maxLength", "minLength", "inputRef", "labelRef", "background"]);
     var bodyInnerRef = useRef(null);
     var fieldInnerRef = useRef(null);
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
@@ -37,7 +37,7 @@ export var Input = forwardRef(function (inProps, ref) {
             }
         },
     });
-    return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: cnInput({}, [className]) }),
+    return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: cnInput({}, [className]), background: background }),
         React.createElement("label", __assign({}, bodyProps, { className: cnInput('Body', [bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.className]), ref: useMultiRef([bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref, bodyInnerRef]) }),
             React.createElement(FieldIcon, { icon: renderLeft }),
             React.createElement("div", { className: cnInput('FieldContainer') },

package/__inner__/esm/components/Input/entities/background.d.ts

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

package/__inner__/esm/components/Input/entities/background.js

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

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

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

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

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

package/__inner__/esm/components/Input/entities/size.d.ts

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

package/__inner__/esm/components/Input/entities/size.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types';
+export var inputSizeVariant = formElementSizeVariant;

package/__inner__/esm/components/Input/entities/type.d.ts

@@ -0,0 +1,2 @@
+export declare const inputTypeVariant: readonly ["number", "date", "datetime-local", "time", "text", "tel", "password", "email"];
+export type InputTypeVariant = (typeof inputTypeVariant)[number];

package/__inner__/esm/components/Input/entities/type.js

@@ -0,0 +1,10 @@
+export var inputTypeVariant = [
+    'number',
+    'date',
+    'datetime-local',
+    'time',
+    'text',
+    'tel',
+    'password',
+    'email',
+];

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

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

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

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

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

@@ -1,14 +1,11 @@
 import type { ComponentPropsWithRef, ComponentRef, 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 { FieldIconProps } from '../FieldIcon';
 import type { FieldInputProps } from '../FieldInput';
 import type { FieldLabelProps } from '../FieldLabel';
-export declare const inputTypeVariant: readonly ["number", "date", "datetime-local", "time", "text", "tel", "password", "email"];
-export type InputTypeVariant = (typeof inputTypeVariant)[number];
-export type InputSizeVariant = FormElementSizeVariant;
+import type { InputBackgroundVariant, InputSizeVariant, InputTypeVariant } from './entities';
 type InputPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
@@ -73,6 +70,8 @@ export type InputProps = ExtendableComponentPropsWithRef<{
     bodyProps?: ComponentPropsWithRef<'label'>;
     /** Cвойства FieldHint */
     hintProps?: Omit<FieldHintProps, 'children'>;
+    /** Задний фон */
+    background?: InputBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 } & InputPropsDeprecated, typeof FIELD_CONTROL_DEFAULT_TAG>;

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

@@ -1,10 +1 @@
-export var inputTypeVariant = [
-    'number',
-    'date',
-    'datetime-local',
-    'time',
-    'text',
-    'tel',
-    'password',
-    'email',
-];
+export {};

package/__inner__/esm/components/InputNumber/InputNumber.js

@@ -24,7 +24,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'InputNumber',
     });
-    var _a = props.size, size = _a === void 0 ? INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, bodyProps = props.bodyProps, hintProps = props.hintProps, incrementButtonText = props.incrementButtonText, decrementButtonText = props.decrementButtonText, other = __rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps", "bodyProps", "hintProps", "incrementButtonText", "decrementButtonText"]);
+    var _a = props.size, size = _a === void 0 ? INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, bodyProps = props.bodyProps, hintProps = props.hintProps, incrementButtonText = props.incrementButtonText, decrementButtonText = props.decrementButtonText, background = props.background, other = __rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps", "bodyProps", "hintProps", "incrementButtonText", "decrementButtonText", "background"]);
     var _l = __read(useBoolean(false), 2), focused = _l[0], _m = _l[1], onFocus = _m.on, offFocus = _m.off;
     var _o = __read(useState(null), 2), timeoutId = _o[0], setTimeoutId = _o[1];
     var _p = __read(useState(null), 2), countDirection = _p[0], setCountDirection = _p[1];
@@ -126,7 +126,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
             onChange === null || onChange === void 0 ? void 0 : onChange(null, { id: id, name: name, value: value });
         }
     }, countDirection ? 100 : null);
-    return (React.createElement(FieldControl, __assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: cnInputNumber({ size: size }, [className]) }),
+    return (React.createElement(FieldControl, __assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, background: background, className: cnInputNumber({ size: size }, [className]) }),
         React.createElement("label", __assign({}, bodyProps, { className: cnInputNumber('Body'), ref: useMultiRef([bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref, bodyInnerRef]) }),
             React.createElement(FieldIcon, { icon: renderLeft }),
             React.createElement("div", { className: cnInputNumber('FieldContainer') },

package/__inner__/esm/components/InputNumber/entities/background.d.ts

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

package/__inner__/esm/components/InputNumber/entities/background.js

@@ -0,0 +1,2 @@
+import { fieldControlBackgroundVariant } from '../../FieldControl';
+export var inputNumberBackgroundVariant = fieldControlBackgroundVariant;

package/__inner__/esm/components/InputNumber/entities/direction.d.ts

@@ -0,0 +1 @@
+export type InputNumberCountDirection = 'increment' | 'decrement';

package/__inner__/esm/components/InputNumber/entities/direction.js

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

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

@@ -0,0 +1,4 @@
+export * from './background';
+export * from './direction';
+export * from './size';
+export * from './value';

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

@@ -0,0 +1,4 @@
+export * from './background';
+export * from './direction';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/InputNumber/entities/size.d.ts

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

package/__inner__/esm/components/InputNumber/entities/size.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types';
+export var inputNumberSizeVariant = formElementSizeVariant;

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

@@ -0,0 +1,2 @@
+export type InputNumberEmptyValue = '';
+export type InputNumberValue = number | InputNumberEmptyValue;

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 import type { ChangeEvent, ComponentPropsWithRef, ComponentRef, MouseEvent } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldIconProps } from '../FieldIcon';
 import type { FieldLabelProps } from '../FieldLabel';
+import type { InputNumberSizeVariant, InputNumberValue, InputNumberBackgroundVariant } from './entities';
 type InputNumberPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
@@ -11,11 +11,7 @@ type InputNumberPropsDeprecated = {
      * */
     labelRef?: FieldLabelProps['ref'];
 };
-export type InputNumberSizeVariant = FormElementSizeVariant;
 export type InputElement = ComponentPropsWithRef<'input'>;
-export type InputNumberEmptyValue = '';
-export type InputNumberValue = number | InputNumberEmptyValue;
-export type InputNumberCountDirection = 'increment' | 'decrement';
 export type InputNumberRef = ComponentRef<'div'>;
 export type InputNumberProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
@@ -78,5 +74,7 @@ export type InputNumberProps = ExtendableComponentPropsWithRef<{
     incrementButtonText?: string;
     /** Текст для кнопки уменьшения числового значения */
     decrementButtonText?: string;
+    /** Задний фон */
+    background?: InputNumberBackgroundVariant;
 } & InputNumberPropsDeprecated, 'div'>;
 export {};

package/__inner__/esm/components/InputNumber/utils.d.ts

@@ -1,5 +1,5 @@
 import type { KeyboardEvent } from 'react';
-import type { InputNumberValue, InputNumberCountDirection } from './types';
+import type { InputNumberValue, InputNumberCountDirection } from './entities';
 export declare const isValidValue: (value?: InputNumberValue) => boolean;
 export declare const isInputInvalid: (event: KeyboardEvent<HTMLInputElement>) => boolean;
 export declare const getValue: ({ value, step, min, max, countDirection, }: {

package/__inner__/esm/components/InputOTP/InputOTP.js

@@ -24,7 +24,7 @@ export var InputOTP = polymorphicComponentWithRef(function (inProps, ref) {
         props: inProps,
         name: 'InputOTP',
     });
-    var _a = props.as, as = _a === void 0 ? INPUT_OTP_DEFAULT_TAG : _a, className = props.className, length = props.length, autoComplete = props.autoComplete, _b = props.autoCompleteMode, autoCompleteMode = _b === void 0 ? INPUT_OTP_DEFAULT_AUTO_COMPLETE_MODE : _b, placeholder = props.placeholder, disabled = props.disabled, error = props.error, onChangeFromProps = props.onChange, ariaLabel = props.ariaLabel, value = props.value, defaultValue = props.defaultValue, mask = props.mask, autoFocus = props.autoFocus, onFinish = props.onFinish, onPasteFromProps = props.onPaste, onKeyDownFromProps = props.onKeyDown, _c = props.disableStroke, disableStroke = _c === void 0 ? INPUT_OTP_DEFAULT_DISABLE_STROKE : _c, validate = props.validate, _d = props.size, size = _d === void 0 ? INPUT_OTP_DEFAULT_SIZE : _d, inputProps = props.inputProps, fieldProps = props.fieldProps, _e = props.finishBehavior, finishBehavior = _e === void 0 ? INPUT_OTP_DEFAULT_FINISH_BEHAVIOR : _e, inputContainerProps = props.inputContainerProps, hint = props.hint, other = __rest(props, ["as", "className", "length", "autoComplete", "autoCompleteMode", "placeholder", "disabled", "error", "onChange", "ariaLabel", "value", "defaultValue", "mask", "autoFocus", "onFinish", "onPaste", "onKeyDown", "disableStroke", "validate", "size", "inputProps", "fieldProps", "finishBehavior", "inputContainerProps", "hint"]);
+    var _a = props.as, as = _a === void 0 ? INPUT_OTP_DEFAULT_TAG : _a, className = props.className, length = props.length, autoComplete = props.autoComplete, _b = props.autoCompleteMode, autoCompleteMode = _b === void 0 ? INPUT_OTP_DEFAULT_AUTO_COMPLETE_MODE : _b, placeholder = props.placeholder, disabled = props.disabled, error = props.error, onChangeFromProps = props.onChange, ariaLabel = props.ariaLabel, value = props.value, defaultValue = props.defaultValue, mask = props.mask, autoFocus = props.autoFocus, onFinish = props.onFinish, onPasteFromProps = props.onPaste, onKeyDownFromProps = props.onKeyDown, _c = props.disableStroke, disableStroke = _c === void 0 ? INPUT_OTP_DEFAULT_DISABLE_STROKE : _c, validate = props.validate, _d = props.size, size = _d === void 0 ? INPUT_OTP_DEFAULT_SIZE : _d, inputProps = props.inputProps, fieldProps = props.fieldProps, _e = props.finishBehavior, finishBehavior = _e === void 0 ? INPUT_OTP_DEFAULT_FINISH_BEHAVIOR : _e, inputContainerProps = props.inputContainerProps, hint = props.hint, background = props.background, other = __rest(props, ["as", "className", "length", "autoComplete", "autoCompleteMode", "placeholder", "disabled", "error", "onChange", "ariaLabel", "value", "defaultValue", "mask", "autoFocus", "onFinish", "onPaste", "onKeyDown", "disableStroke", "validate", "size", "inputProps", "fieldProps", "finishBehavior", "inputContainerProps", "hint", "background"]);
     var _f = __read(useState(null), 2), focusedInputIndex = _f[0], setFocusedInputIndex = _f[1];
     var _g = __read(useControlled({
         value: isString(value) ? valueToArray(value) : value,
@@ -130,7 +130,7 @@ export var InputOTP = polymorphicComponentWithRef(function (inProps, ref) {
                         focusFirstNonFilledInput();
                     }
                 } }),
-                React.createElement(FieldControl, __assign({ size: size, disabled: disabled, error: error, disableStroke: disableStroke }, processedFieldProps, { className: cnInputOTP('Field', {
+                React.createElement(FieldControl, __assign({ size: size, disabled: disabled, error: error, disableStroke: disableStroke, background: background }, processedFieldProps, { className: cnInputOTP('Field', {
                         notAvailable: isInputDisabled,
                     }, [processedFieldProps === null || processedFieldProps === void 0 ? void 0 : processedFieldProps.className]) }),
                     React.createElement(FieldInput, __assign({ inputMode: (_a = processedInputProps === null || processedInputProps === void 0 ? void 0 : processedInputProps.inputMode) !== null && _a !== void 0 ? _a : 'numeric', type: (_b = processedInputProps === null || processedInputProps === void 0 ? void 0 : processedInputProps.type) !== null && _b !== void 0 ? _b : 'text', value: value, autoComplete: processedAutocomplete, "aria-label": ariaLabel && "".concat(ariaLabel, ": ").concat(index + 1, "."), placeholder: processedPlaceholder, disabled: isInputDisabled }, processedInputProps, { onMouseDown: function (event) {

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

@@ -1,8 +1,8 @@
 import type { StackGapVariant } from '../Stack';
-import type { InputOTPSizeVariant } from './types';
+import type { InputOTPSizeVariant } from './entities';
 export declare const INPUT_OTP_DEFAULT_TAG = "div";
 export declare const INPUT_OTP_DEFAULT_AUTO_COMPLETE_MODE = "firstOnly";
 export declare const INPUT_OTP_DEFAULT_DISABLE_STROKE = false;
 export declare const INPUT_OTP_DEFAULT_SIZE = "s";
 export declare const INPUT_OTP_SPACING_BY_SIZE: Readonly<Record<InputOTPSizeVariant, StackGapVariant>>;
-export declare const INPUT_OTP_DEFAULT_FINISH_BEHAVIOR: ({ isFullFilled }: import("./types").InputOTPFinishBehaviorContext) => boolean;
+export declare const INPUT_OTP_DEFAULT_FINISH_BEHAVIOR: ({ isFullFilled }: import("./entities").InputOTPFinishBehaviorContext) => boolean;

package/__inner__/esm/components/InputOTP/entities/background.d.ts

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

package/__inner__/esm/components/InputOTP/entities/background.js

@@ -0,0 +1,2 @@
+import { fieldControlBackgroundVariant } from '../../FieldControl';
+export var inputOTPBackgroundVariant = fieldControlBackgroundVariant;

package/__inner__/esm/components/InputOTP/entities/dynamicParameter.d.ts

@@ -0,0 +1,2 @@
+import type { InputOTPCalculatedInput } from './input';
+export type InputOTPDynamicInputParameter<Parameter> = Parameter | ((calculatedInput: InputOTPCalculatedInput, index: number) => Parameter);

package/__inner__/esm/components/InputOTP/entities/dynamicParameter.js

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

package/__inner__/esm/components/InputOTP/entities/events.d.ts

@@ -0,0 +1,3 @@
+import type { InputOTPRawValue } from './value';
+export type InputOTPOnChange = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;
+export type InputOTPOnFinish = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;

package/__inner__/esm/components/InputOTP/entities/events.js

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

package/__inner__/esm/components/InputOTP/entities/finishBehavior.d.ts

@@ -0,0 +1,20 @@
+import type { InputOTPRawValue } from './value';
+export type InputOTPFinishBehaviorContext = {
+    /** Флаг: Поле полностью заполнено */
+    isFullFilled: boolean;
+    /** Значение */
+    value: string;
+    /** Необработанное значение */
+    rawValue: InputOTPRawValue;
+    /** Значение с примененной маской */
+    maskedValue: string;
+    /** Необработанное значение с примененной маской */
+    maskedRawValue: InputOTPRawValue;
+    /** Если `true` — это изменение на последнем input */
+    isChangeOnLastInput: boolean;
+    /** index input, на котором произошло изменение */
+    inputIndex: number;
+    /** Если `true` — это нажатие Enter */
+    isEnter: boolean;
+};
+export type InputOTPFinishBehavior = (context: InputOTPFinishBehaviorContext) => boolean;

package/__inner__/esm/components/InputOTP/entities/finishBehavior.js

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

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

@@ -0,0 +1,10 @@
+export * from './background';
+export * from './dynamicParameter';
+export * from './events';
+export * from './finishBehavior';
+export * from './input';
+export * from './mask';
+export * from './mode';
+export * from './size';
+export * from './validate';
+export * from './value';

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

@@ -0,0 +1,10 @@
+export * from './background';
+export * from './dynamicParameter';
+export * from './events';
+export * from './finishBehavior';
+export * from './input';
+export * from './mask';
+export * from './mode';
+export * from './size';
+export * from './validate';
+export * from './value';

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

@@ -0,0 +1,19 @@
+import type { FieldInputProps } from '../../FieldInput';
+export type InputOTPInputs = HTMLInputElement[];
+export type InputOTPInputProps = FieldInputProps;
+export type InputOTPCalculatedInput = {
+    /** Значение input */
+    value: string;
+    /** Необработанное input */
+    rawValue: string;
+    /** Флаг: это предыдущий input */
+    isPrevious: boolean;
+    /** Флаг: это следующий input */
+    isNext: boolean;
+    /** Флаг: это текущий input */
+    isCurrentInput: boolean;
+    /** Флаг: это последний input */
+    isLast: boolean;
+    /** Флаг: input отключен */
+    isDisabled: boolean;
+};

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

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

package/__inner__/esm/components/InputOTP/entities/mask.d.ts

@@ -0,0 +1 @@
+export type InputOTPMask = string | ((value: string, index: number) => string);

package/__inner__/esm/components/InputOTP/entities/mask.js

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

package/__inner__/esm/components/InputOTP/entities/mode.d.ts

@@ -0,0 +1,2 @@
+export declare const inputOTPAutoCompleteMode: readonly ["firstOnly", "all"];
+export type InputOTPAutoCompleteMode = (typeof inputOTPAutoCompleteMode)[number];

package/__inner__/esm/components/InputOTP/entities/mode.js

@@ -0,0 +1 @@
+export var inputOTPAutoCompleteMode = ['firstOnly', 'all'];

package/__inner__/esm/components/InputOTP/entities/size.d.ts

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

package/__inner__/esm/components/InputOTP/entities/size.js

@@ -0,0 +1 @@
+export var inputOTPSizeVariant = ['s', 'm'];

package/__inner__/esm/components/InputOTP/entities/validate.d.ts

@@ -0,0 +1 @@
+export type InputOTPValidate = (value: string) => boolean;

package/__inner__/esm/components/InputOTP/entities/validate.js

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

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

@@ -0,0 +1,2 @@
+export type InputOTPRawValue = string[];
+export type InputOTPValue = InputOTPRawValue | string;

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

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

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

@@ -1,4 +1,4 @@
-import type { InputOTPMask, InputOTPRawValue, InputOTPCalculatedInput } from './types';
+import type { InputOTPMask, InputOTPRawValue, InputOTPCalculatedInput } from './entities';
 export declare const maskSymbol: (mask: InputOTPMask | undefined, value: string, index: number) => string;
 export declare const maskValue: (mask: InputOTPMask | undefined, value: InputOTPRawValue | undefined) => string[];
 export declare const calculateInput: ({ valueByIndex, index, mask, length, disabled: isDisabledGlobal, focusedInputIndex, }: {

package/__inner__/esm/components/InputOTP/helper.js

@@ -1,6 +1,4 @@
-import { isFunction } from '../../utils/isFunction';
-import { isString } from '../../utils/isString';
-import { isNumber } from '../../utils/number';
+import { isString, isFunction, isNumber } from '../../utils';
 export var maskSymbol = function (mask, value, index) {
     if (value === '') {
         return '';

package/__inner__/esm/components/InputOTP/hooks/useInputOTPEvents.d.ts

@@ -1,6 +1,6 @@
 import type { ChangeEvent, ClipboardEvent, ClipboardEventHandler, KeyboardEvent, KeyboardEventHandler } from 'react';
 import type { StoredValue } from '../../../hooks/useStoredValue';
-import type { InputOTPRawValue, InputOTPInputs, InputOTPOnFinish, InputOTPValidate, InputOTPMask, InputOTPFinishBehavior } from '../types';
+import type { InputOTPRawValue, InputOTPInputs, InputOTPOnFinish, InputOTPValidate, InputOTPMask, InputOTPFinishBehavior } from '../entities';
 export declare const useInputOTPEvents: ({ inputs, valueByIndex, setValueByIndex, validate: validateFromProps, length, onPaste: onPasteFromProps, onKeyDown: onKeyDownFromProps, onFinish, mask, finishBehavior, }: {
     inputs: StoredValue<InputOTPInputs>;
     valueByIndex: InputOTPRawValue | undefined;

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

@@ -1,3 +1,4 @@
+export * from './entities';
 export * from './presets';
 export * from './InputOTP';
 export * from './types';

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

@@ -1,3 +1,4 @@
+export * from './entities';
 export * from './presets';
 export * from './InputOTP';
 export * from './types';

package/__inner__/esm/components/InputOTP/presets.d.ts

@@ -11,7 +11,7 @@ export declare const INPUT_OTP_MASK_PRESET: {
 };
 export declare const INPUT_OTP_FINISH_BEHAVIOR_PRESET: {
     /** Реагирует на полный ввод на любом из input */
-    FULL_FILLED_NON_LAST_INPUT: ({ isFullFilled }: import("./types").InputOTPFinishBehaviorContext) => boolean;
+    FULL_FILLED_NON_LAST_INPUT: ({ isFullFilled }: import("./entities").InputOTPFinishBehaviorContext) => boolean;
     /** Реагирует на полный ввод только на последнем input, либо на нажатие на Enter при полном заполнении */
-    FULL_FILLED_ON_LAST_INPUT: ({ isFullFilled, isChangeOnLastInput, isEnter, }: import("./types").InputOTPFinishBehaviorContext) => boolean;
+    FULL_FILLED_ON_LAST_INPUT: ({ isFullFilled, isChangeOnLastInput, isEnter, }: import("./entities").InputOTPFinishBehaviorContext) => boolean;
 };