@ozen-ui/kit 0.78.0 → 0.79.0

package/__inner__/cjs/components/InputNumber/InputNumber.js

@@ -27,7 +27,7 @@ exports.InputNumber = (0, react_1.forwardRef)(function (inProps, ref) {
         props: inProps,
         name: 'InputNumber',
     });
-    var _a = props.size, size = _a === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? constants_1.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 = tslib_1.__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 ? constants_1.INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? constants_1.INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? constants_1.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 = tslib_1.__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 = tslib_1.__read((0, useBoolean_1.useBoolean)(false), 2), focused = _l[0], _m = _l[1], onFocus = _m.on, offFocus = _m.off;
     var _o = tslib_1.__read((0, react_1.useState)(null), 2), timeoutId = _o[0], setTimeoutId = _o[1];
     var _p = tslib_1.__read((0, react_1.useState)(null), 2), countDirection = _p[0], setCountDirection = _p[1];
@@ -129,7 +129,7 @@ exports.InputNumber = (0, react_1.forwardRef)(function (inProps, ref) {
             onChange === null || onChange === void 0 ? void 0 : onChange(null, { id: id, name: name, value: value });
         }
     }, countDirection ? 100 : null);
-    return (react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: (0, exports.cnInputNumber)({ size: size }, [className]) }),
+    return (react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, background: background, className: (0, exports.cnInputNumber)({ size: size }, [className]) }),
         react_1.default.createElement("label", tslib_1.__assign({}, bodyProps, { className: (0, exports.cnInputNumber)('Body'), ref: (0, useMultiRef_1.useMultiRef)([bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref, bodyInnerRef]) }),
             react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderLeft }),
             react_1.default.createElement("div", { className: (0, exports.cnInputNumber)('FieldContainer') },

package/__inner__/cjs/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__/cjs/components/InputNumber/entities/background.js

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

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

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

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

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

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

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

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

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

package/__inner__/cjs/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__/cjs/components/InputNumber/entities/size.js

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

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

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

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

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

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

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

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

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

package/__inner__/cjs/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__/cjs/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__/cjs/components/InputOTP/InputOTP.js

@@ -27,7 +27,7 @@ exports.InputOTP = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef
         props: inProps,
         name: 'InputOTP',
     });
-    var _a = props.as, as = _a === void 0 ? constants_1.INPUT_OTP_DEFAULT_TAG : _a, className = props.className, length = props.length, autoComplete = props.autoComplete, _b = props.autoCompleteMode, autoCompleteMode = _b === void 0 ? constants_1.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 ? constants_1.INPUT_OTP_DEFAULT_DISABLE_STROKE : _c, validate = props.validate, _d = props.size, size = _d === void 0 ? constants_1.INPUT_OTP_DEFAULT_SIZE : _d, inputProps = props.inputProps, fieldProps = props.fieldProps, _e = props.finishBehavior, finishBehavior = _e === void 0 ? constants_1.INPUT_OTP_DEFAULT_FINISH_BEHAVIOR : _e, inputContainerProps = props.inputContainerProps, hint = props.hint, other = tslib_1.__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 ? constants_1.INPUT_OTP_DEFAULT_TAG : _a, className = props.className, length = props.length, autoComplete = props.autoComplete, _b = props.autoCompleteMode, autoCompleteMode = _b === void 0 ? constants_1.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 ? constants_1.INPUT_OTP_DEFAULT_DISABLE_STROKE : _c, validate = props.validate, _d = props.size, size = _d === void 0 ? constants_1.INPUT_OTP_DEFAULT_SIZE : _d, inputProps = props.inputProps, fieldProps = props.fieldProps, _e = props.finishBehavior, finishBehavior = _e === void 0 ? constants_1.INPUT_OTP_DEFAULT_FINISH_BEHAVIOR : _e, inputContainerProps = props.inputContainerProps, hint = props.hint, background = props.background, other = tslib_1.__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 = tslib_1.__read((0, react_1.useState)(null), 2), focusedInputIndex = _f[0], setFocusedInputIndex = _f[1];
     var _g = tslib_1.__read((0, useControlled_1.useControlled)({
         value: (0, isString_1.isString)(value) ? (0, helper_1.valueToArray)(value) : value,
@@ -133,7 +133,7 @@ exports.InputOTP = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef
                         focusFirstNonFilledInput();
                     }
                 } }),
-                react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, disabled: disabled, error: error, disableStroke: disableStroke }, processedFieldProps, { className: (0, exports.cnInputOTP)('Field', {
+                react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, disabled: disabled, error: error, disableStroke: disableStroke, background: background }, processedFieldProps, { className: (0, exports.cnInputOTP)('Field', {
                         notAvailable: isInputDisabled,
                     }, [processedFieldProps === null || processedFieldProps === void 0 ? void 0 : processedFieldProps.className]) }),
                     react_1.default.createElement(FieldInput_1.FieldInput, tslib_1.__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__/cjs/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__/cjs/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__/cjs/components/InputOTP/entities/background.js

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

package/__inner__/cjs/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__/cjs/components/InputOTP/entities/dynamicParameter.js

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

package/__inner__/cjs/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__/cjs/components/InputOTP/entities/events.js

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

package/__inner__/cjs/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__/cjs/components/InputOTP/entities/finishBehavior.js

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

package/__inner__/cjs/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__/cjs/components/InputOTP/entities/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./background"), exports);
+tslib_1.__exportStar(require("./dynamicParameter"), exports);
+tslib_1.__exportStar(require("./events"), exports);
+tslib_1.__exportStar(require("./finishBehavior"), exports);
+tslib_1.__exportStar(require("./input"), exports);
+tslib_1.__exportStar(require("./mask"), exports);
+tslib_1.__exportStar(require("./mode"), exports);
+tslib_1.__exportStar(require("./size"), exports);
+tslib_1.__exportStar(require("./validate"), exports);
+tslib_1.__exportStar(require("./value"), exports);

package/__inner__/cjs/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__/cjs/components/InputOTP/entities/input.js

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

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

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

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

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

package/__inner__/cjs/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__/cjs/components/InputOTP/entities/mode.js

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

package/__inner__/cjs/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__/cjs/components/InputOTP/entities/size.js

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

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

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

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

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

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

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

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

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

package/__inner__/cjs/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__/cjs/components/InputOTP/helper.js

@@ -1,17 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.valueToArray = exports.valueToString = exports.calculateInput = exports.maskValue = exports.maskSymbol = void 0;
-var isFunction_1 = require("../../utils/isFunction");
-var isString_1 = require("../../utils/isString");
-var number_1 = require("../../utils/number");
+var utils_1 = require("../../utils");
 var maskSymbol = function (mask, value, index) {
     if (value === '') {
         return '';
     }
-    if ((0, isString_1.isString)(mask)) {
+    if ((0, utils_1.isString)(mask)) {
         return mask;
     }
-    if ((0, isFunction_1.isFunction)(mask)) {
+    if ((0, utils_1.isFunction)(mask)) {
         return mask(value, index);
     }
     return value;
@@ -31,7 +29,7 @@ var calculateInput = function (_a) {
     var isNext = index === lastFilledInputIndex + 2;
     var isCurrentInput = index === lastFilledInputIndex + 1;
     var isLast = index === length - 1;
-    var isPreviousByFocusedInput = (0, number_1.isNumber)(focusedInputIndex) && index < focusedInputIndex;
+    var isPreviousByFocusedInput = (0, utils_1.isNumber)(focusedInputIndex) && index < focusedInputIndex;
     var isFocusedInput = index === focusedInputIndex;
     var isDisabled = (function () {
         if (isDisabledGlobal) {

package/__inner__/cjs/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__/cjs/components/InputOTP/index.d.ts

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

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

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

package/__inner__/cjs/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__/cjs/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__/cjs/components/InputOTP/types.js

@@ -1,7 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.inputOTPSizeVariant = exports.inputOTPAutoCompleteMode = void 0;
-// ---- AUTO-COMPLETE MODE ----
-exports.inputOTPAutoCompleteMode = ['firstOnly', 'all'];
-// ---- SIZE ----
-exports.inputOTPSizeVariant = ['s', 'm'];

package/__inner__/cjs/components/ListCard/ListCardContext.d.ts

@@ -1,11 +1,13 @@
-import type { ListCardItemBackgroundColorScheme, ListCardItemBorderColorScheme, ListCardItemSizeVariant, ListCardItemVariant } from '../ListCardItem';
+import type { ListCardItemAlign, ListCardItemBackgroundColorScheme, ListCardItemBorderColorScheme, ListCardItemPadding, ListCardItemSizeVariant, ListCardItemVariant } from '../ListCardItem';
 export type ListCardContextValue = {
     size: ListCardItemSizeVariant;
     variant: ListCardItemVariant;
     contentTrailingRatio: number;
+    align: ListCardItemAlign;
     backgroundColorScheme: ListCardItemBackgroundColorScheme;
     borderColorScheme: ListCardItemBorderColorScheme | undefined;
     interactive: boolean;
+    padding: ListCardItemPadding | undefined;
 };
 export declare const ListCardContext: import("react").Context<ListCardContextValue | undefined>;
 export declare const useListCardContext: () => ListCardContextValue | undefined;

package/__inner__/cjs/components/ListCard/PageListCard/PageListCard.js

@@ -15,7 +15,7 @@ exports.PageListCard = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
         props: inProps,
         name: 'PageListCard',
     });
-    var _a = props.as, Tag = _a === void 0 ? constants_1.LIST_CARD_DEFAULT_TAG : _a, children = props.children, borderColorScheme = props.borderColorScheme, _b = props.size, size = _b === void 0 ? constants_1.LIST_CARD_DEFAULT_SIZE : _b, _c = props.contentTrailingRatio, contentTrailingRatio = _c === void 0 ? constants_1.LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _c, _d = props.interactive, interactive = _d === void 0 ? constants_1.LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.backgroundColorScheme, backgroundColorScheme = _e === void 0 ? constants_1.LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _e, className = props.className, other = tslib_1.__rest(props, ["as", "children", "borderColorScheme", "size", "contentTrailingRatio", "interactive", "backgroundColorScheme", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? constants_1.LIST_CARD_DEFAULT_TAG : _a, children = props.children, borderColorScheme = props.borderColorScheme, _b = props.size, size = _b === void 0 ? constants_1.LIST_CARD_DEFAULT_SIZE : _b, _c = props.contentTrailingRatio, contentTrailingRatio = _c === void 0 ? constants_1.LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _c, _d = props.interactive, interactive = _d === void 0 ? constants_1.LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.backgroundColorScheme, backgroundColorScheme = _e === void 0 ? constants_1.LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _e, _f = props.align, align = _f === void 0 ? constants_1.LIST_CARD_DEFAULT_ALIGN : _f, className = props.className, padding = props.padding, other = tslib_1.__rest(props, ["as", "children", "borderColorScheme", "size", "contentTrailingRatio", "interactive", "backgroundColorScheme", "align", "className", "padding"]);
     return (react_1.default.createElement(ListCardContext_1.ListCardContext.Provider, { value: {
             variant: 'onPage',
             size: size,
@@ -23,6 +23,8 @@ exports.PageListCard = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
             backgroundColorScheme: backgroundColorScheme,
             interactive: interactive,
             contentTrailingRatio: contentTrailingRatio,
+            align: align,
+            padding: padding,
         } },
         react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnPageListCard)({
                 size: size,

package/__inner__/cjs/components/ListCard/PageListCard/types.d.ts

@@ -1,10 +1,12 @@
 import type { ComponentRef, ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../../utils/polymorphicComponentWithRef';
+import type { ListCardItemAlign } from '../../ListCardItem';
 import type { ListCardBaseProps } from '../types';
 import type { PAGE_LIST_CARD_DEFAULT_TAG } from './constants';
 export type PageListCardBaseProps = ListCardBaseProps & {
     /** Контент */
     children: ReactNode;
+    align?: ListCardItemAlign;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };

package/__inner__/cjs/components/ListCard/constants.d.ts

@@ -7,3 +7,4 @@ export declare const LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME: {
 export declare const LIST_CARD_DEFAULT_SIZE = "m";
 export declare const LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = 0.85;
 export declare const LIST_CARD_DEFAULT_INTERACTIVE = true;
+export declare const LIST_CARD_DEFAULT_ALIGN = "start";

package/__inner__/cjs/components/ListCard/constants.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LIST_CARD_DEFAULT_INTERACTIVE = exports.LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = exports.LIST_CARD_DEFAULT_SIZE = exports.LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME = exports.LIST_CARD_DEFAULT_TAG = void 0;
+exports.LIST_CARD_DEFAULT_ALIGN = exports.LIST_CARD_DEFAULT_INTERACTIVE = exports.LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = exports.LIST_CARD_DEFAULT_SIZE = exports.LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME = exports.LIST_CARD_DEFAULT_TAG = void 0;
+var ListCardItem_1 = require("../ListCardItem");
 var constants_1 = require("../ListCardItem/constants");
 exports.LIST_CARD_DEFAULT_TAG = 'div';
 exports.LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME = constants_1.LIST_CARD_ITEM_DEFAULT_BACKGROUND_COLOR_SCHEME;
 exports.LIST_CARD_DEFAULT_SIZE = constants_1.LIST_CARD_ITEM_DEFAULT_SIZE;
 exports.LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO = constants_1.LIST_CARD_ITEM_DEFAULT_CONTENT_TRAILING_RATIO;
 exports.LIST_CARD_DEFAULT_INTERACTIVE = constants_1.LIST_CARD_ITEM_DEFAULT_INTERACTIVE;
+exports.LIST_CARD_DEFAULT_ALIGN = ListCardItem_1.LIST_CARD_ITEM_DEFAULT_ALIGN;

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

@@ -1,4 +1,4 @@
-import type { ListCardItemBackgroundColorScheme, ListCardItemBorderColorScheme, ListCardItemSizeVariant } from '../ListCardItem';
+import type { ListCardItemAlign, ListCardItemBackgroundColorScheme, ListCardItemBorderColorScheme, ListCardItemPadding, ListCardItemSizeVariant } from '../ListCardItem';
 export type ListCardBaseProps = {
     /** Размер */
     size?: ListCardItemSizeVariant;
@@ -10,4 +10,8 @@ export type ListCardBaseProps = {
     borderColorScheme?: ListCardItemBorderColorScheme;
     /** Если `true`, то компонент интерактивен */
     interactive?: boolean;
+    /** Выравнивание */
+    align?: ListCardItemAlign;
+    /** Отступ */
+    padding?: ListCardItemPadding;
 };

package/__inner__/cjs/components/ListCardItem/ListCardItem.css

@@ -6,7 +6,7 @@
   background-color: var(--list-card-item-background-color);
   transition: background-color var(--transition-default), border-color var(--transition-default);
   padding-inline: var(--list-card-item-inline-padding);
-  padding-block: var(--list-card-item-inline-padding);
+  padding-block: var(--list-card-item-block-padding);
 }
 
   .ListCardItem_interactive:not(.ListCardItem_ignoreHover):hover {