@ozen-ui/kit 0.78.0 → 0.79.0

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

@@ -0,0 +1,2 @@
+import type { ReactNode } from 'react';
+export type FilePickerRenderValue = (value: File[]) => ReactNode | null;

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

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

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

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

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

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

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

@@ -1,25 +1,11 @@
-import type { ChangeEventHandler, ComponentPropsWithRef, ComponentRef, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
+import type { ChangeEventHandler, ComponentPropsWithRef, ComponentRef, KeyboardEvent, 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';
-export type FilePickerSizeVariant = FormElementSizeVariant;
-export type FilePickerRenderValue = (value: File[]) => ReactNode | null;
+import type { FilePickerRenderValue, FilePickerSizeVariant, FilePickerPropsDeprecated, FilePickerBackgroundVariant } from './entities';
 type InputElement = ComponentPropsWithRef<'input'>;
 export type FilePickerRef = ComponentRef<'div'>;
-export type FilePickerPropsDeprecated = {
-    /**
-     * Ссылка на FieldLabel
-     * @deprecated Используйте `labelProps.ref`
-     * */
-    labelRef?: FieldLabelProps['ref'];
-    /**
-     * Ссылка на элемент input
-     * @deprecated Используйте `inputProps.ref`
-     * */
-    inputRef?: Ref<HTMLInputElement>;
-};
 export type FilePickerProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
@@ -77,6 +63,8 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
     }) => void;
     /** Дополнительные css-классы */
     className?: string;
+    /** Задний фон */
+    background?: FilePickerBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 } & FilePickerPropsDeprecated, 'div'>;

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;
 };

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

@@ -3,54 +3,7 @@ import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicCo
 import type { FIELD_CONTROL_DEFAULT_TAG, FieldControlBaseProps } from '../FieldControl';
 import type { FieldInputProps } from '../FieldInput';
 import type { INPUT_OTP_DEFAULT_TAG } from './constants';
-export declare const inputOTPAutoCompleteMode: readonly ["firstOnly", "all"];
-export type InputOTPAutoCompleteMode = (typeof inputOTPAutoCompleteMode)[number];
-export declare const inputOTPSizeVariant: readonly ["s", "m"];
-export type InputOTPSizeVariant = (typeof inputOTPSizeVariant)[number];
-export type InputOTPValidate = (value: string) => boolean;
-export type InputOTPRawValue = string[];
-export type InputOTPValue = InputOTPRawValue | string;
-export type InputOTPOnChange = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;
-export type InputOTPOnFinish = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;
-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;
-};
-export type InputOTPMask = string | ((value: string, index: number) => string);
-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;
-export type InputOTPDynamicInputParameter<Parameter> = Parameter | ((calculatedInput: InputOTPCalculatedInput, index: number) => Parameter);
+import type { InputOTPAutoCompleteMode, InputOTPSizeVariant, InputOTPValidate, InputOTPValue, InputOTPOnChange, InputOTPOnFinish, InputOTPInputProps, InputOTPFinishBehavior, InputOTPMask, InputOTPDynamicInputParameter, InputOTPBackgroundVariant } from './entities';
 export type InputOTPBaseProps = {
     /** Длина кода */
     length: number;
@@ -97,6 +50,8 @@ export type InputOTPBaseProps = {
     }>;
     /** Функция, которая определяет поведение финиша */
     finishBehavior?: InputOTPFinishBehavior;
+    /** Задний фон */
+    background?: InputOTPBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 };

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

@@ -1,4 +1 @@
-// ---- AUTO-COMPLETE MODE ----
-export var inputOTPAutoCompleteMode = ['firstOnly', 'all'];
-// ---- SIZE ----
-export var inputOTPSizeVariant = ['s', 'm'];
+export {};