@skbkontur/react-ui 6.1.5 → 6.1.6-2ffa7.0

package/components/MaskedInputV2/MaskedInputV2.js

@@ -0,0 +1,293 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import warning from 'warning';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { Input, selectionAllowedTypes } from '../Input/index.js';
+import { extractRaw, findNearestRawLeft, computePasteMaskedCursor } from './internal/helpers.js';
+import { MaskedCore } from './internal/MaskedCore.js';
+import { setMaskInputSelectionRange } from './internal/setMaskInputSelectionRange.js';
+import { useMaskEngine } from './internal/useMaskEngine.js';
+import { getDefinitions, getMaskChar } from './MaskedInputV2.helpers.js';
+import { normalizeRussianPhonePaste } from './MaskedInputV2.phone.js';
+import { getStyles, globalClasses } from './MaskedInputV2.styles.js';
+var EMPTY_IMASK_PROPS = {};
+export var getSafeMaskInputType = function (type) {
+    if (!type) {
+        return undefined;
+    }
+    var normalizedType = type.trim();
+    if (normalizedType === 'password' || !selectionAllowedTypes.includes(normalizedType)) {
+        return 'text';
+    }
+    return normalizedType;
+};
+function getMaskInputMode(type, inputMode) {
+    if (inputMode) {
+        return inputMode;
+    }
+    if ((type === null || type === void 0 ? void 0 : type.trim()) === 'email') {
+        return 'email';
+    }
+    return undefined;
+}
+/** @deprecated Используйте {@link MaskedInput}. Для legacy-поведения включите фичафлаг `maskedInputUseLegacyBehavior` в {@link ReactUIFeatureFlagsContext}. */
+export var MaskedInputV2 = forwardRefAndName('MaskedInputV2', function MaskedInputV2(props, ref) {
+    var mask = props.mask, maskChar = props.maskChar, formatChars = props.formatChars, _a = props.alwaysShowMask, alwaysShowMask = _a === void 0 ? false : _a, _b = props.colored, colored = _b === void 0 ? true : _b, _c = props.imaskProps, customIMaskProps = _c === void 0 ? EMPTY_IMASK_PROPS : _c, _d = props.unmask, unmask = _d === void 0 ? false : _d, onValueChange = props.onValueChange, onUnexpectedInput = props.onUnexpectedInput, onBeforePasteValue = props.onBeforePasteValue, _element = props.element, className = props.className, 
+    // @ts-expect-error: могут передавать игнорируя ошибку
+    maxLength = props.maxLength, 
+    // @ts-expect-error: могут передавать игнорируя ошибку
+    _showClearIcon = props.showClearIcon, selectAllOnFocus = props.selectAllOnFocus, type = props.type, __fromMaskedInputFacade = props.__fromMaskedInputFacade, inputProps = __rest(props, ["mask", "maskChar", "formatChars", "alwaysShowMask", "colored", "imaskProps", "unmask", "onValueChange", "onUnexpectedInput", "onBeforePasteValue", "element", "className", "maxLength", "showClearIcon", "selectAllOnFocus", "type", "__fromMaskedInputFacade"]);
+    useEffect(function () {
+        if (!__fromMaskedInputFacade) {
+            warning(false, '[MaskedInputV2]: This component is for internal use only. Please use MaskedInput instead.');
+        }
+    }, [__fromMaskedInputFacade]);
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var inputRef = useRef(null);
+    var coreInputRef = useRef(null);
+    var _e = useState(false), focused = _e[0], setFocused = _e[1];
+    var _f = useState(null), selectionIntent = _f[0], setSelectionIntent = _f[1];
+    var prevMaskRef = useRef(props.mask);
+    var pendingCursorRestoreRef = useRef(null);
+    var lastCaretRef = useRef(0);
+    var requestSelectionIntent = useCallback(function (intent) {
+        setSelectionIntent(function (current) { return (current === 'select-all' && intent === 'caret-end' ? current : intent); });
+    }, []);
+    var historyRef = useRef([]);
+    var historyIndexRef = useRef(-1);
+    // Сохраняем позицию курсора перед сменой маски (render-phase read of stable ref).
+    // При коммите DOM браузер сбросит курсор в конец из-за изменения value,
+    // поэтому восстанавливаем его синхронно в useLayoutEffect ниже.
+    if (prevMaskRef.current !== props.mask) {
+        pendingCursorRestoreRef.current = lastCaretRef.current;
+        prevMaskRef.current = props.mask;
+        historyRef.current = [];
+        historyIndexRef.current = -1;
+    }
+    // Движок: IMask как чистый калькулятор, не привязанный к DOM
+    var engine = useMaskEngine({
+        mask: mask,
+        maskChar: maskChar,
+        formatChars: formatChars,
+        unmask: unmask,
+        alwaysShowMask: alwaysShowMask,
+        imaskProps: customIMaskProps,
+    });
+    // Единственный источник истины — raw (только то, что ввёл пользователь, без маски)
+    var _g = useState(function () { var _a; return extractRaw(((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue), engine); }), raw = _g[0], setRaw = _g[1];
+    // MaskState вычисляется синхронно из raw — оба визуальных слоя читают из него
+    var maskState = useMemo(function () { return engine.compute(raw, focused); }, [raw, focused, engine]);
+    var syncedImaskRef = useRef(engine.imask);
+    var prevSyncedValueRef = useRef(props.value);
+    // Синхронизировать raw при изменении props.value или правил маски
+    useEffect(function () {
+        var engineChanged = syncedImaskRef.current !== engine.imask;
+        var valueChanged = prevSyncedValueRef.current !== props.value;
+        syncedImaskRef.current = engine.imask;
+        prevSyncedValueRef.current = props.value;
+        if (props.value !== undefined) {
+            if (valueChanged || engineChanged) {
+                setRaw(extractRaw(props.value, engine));
+            }
+            return;
+        }
+        if (engineChanged) {
+            setRaw(function (prev) {
+                engine.imask.unmaskedValue = prev;
+                return engine.imask.rawInputValue;
+            });
+        }
+    }, [props.value, engine]);
+    // Вызывать onValueChange только при реальном изменении outputValue,
+    // и НЕ при первом рендере (воспроизводит нативное поведение onChange)
+    var isFirstRender = useRef(true);
+    var prevOutputValue = useRef(maskState.outputValue);
+    useEffect(function () {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            prevOutputValue.current = maskState.outputValue;
+            return;
+        }
+        if (maskState.outputValue !== prevOutputValue.current) {
+            prevOutputValue.current = maskState.outputValue;
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(maskState.outputValue);
+        }
+    }, [maskState.outputValue]);
+    useImperativeHandle(ref, function () {
+        if (!inputRef.current) {
+            return null;
+        }
+        return Object.assign(inputRef.current, {
+            selectAll: function () {
+                var _a;
+                requestSelectionIntent('select-all');
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                var el = coreInputRef.current;
+                if (el && el.ownerDocument.activeElement !== el) {
+                    requestSelectionIntent(null);
+                }
+            },
+        });
+    }, [requestSelectionIntent]);
+    useLayoutEffect(function () {
+        if (pendingCursorRestoreRef.current !== null && coreInputRef.current) {
+            setMaskInputSelectionRange(coreInputRef.current, pendingCursorRestoreRef.current);
+            lastCaretRef.current = pendingCursorRestoreRef.current;
+            pendingCursorRestoreRef.current = null;
+        }
+    });
+    useEffect(function () {
+        if (!focused) {
+            return;
+        }
+        var el = coreInputRef.current;
+        if (!el) {
+            return;
+        }
+        var syncCaret = function () {
+            var _a;
+            if (document.activeElement === el) {
+                lastCaretRef.current = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+            }
+        };
+        document.addEventListener('selectionchange', syncCaret);
+        return function () { return document.removeEventListener('selectionchange', syncCaret); };
+    }, [focused]);
+    return (React.createElement(Input, __assign({ ref: inputRef }, inputProps, { type: getSafeMaskInputType(type), inputMode: getMaskInputMode(type, inputProps.inputMode), onFocus: handleFocus, onBlur: handleBlur, onSelect: handleSelect, className: cx(globalClasses.root, className, styles.root(theme)), element: React.createElement(MaskedCore, { maskState: maskState, slotMap: engine.slotMap, engine: engine, focused: focused, currentRaw: raw, onRawChange: handleRawChange, onUnexpectedInput: triggerUnexpectedInput, onUndo: handleUndo, onRedo: handleRedo, coreInputRef: coreInputRef, colored: colored, selectAllOnFocus: selectAllOnFocus, selectionIntent: selectionIntent, onSelectionIntentChange: requestSelectionIntent }) })));
+    function handleRawChange(input, source, cursorPos) {
+        if (source === 'paste') {
+            handlePasteChange(input, cursorPos);
+        }
+        else {
+            if (input !== raw && cursorPos !== undefined) {
+                pushHistory(input, cursorPos);
+            }
+            setRaw(input);
+        }
+    }
+    function handlePasteChange(pasted, _cursorPos) {
+        var _a;
+        var el = coreInputRef.current;
+        var selectionStart = (_a = el === null || el === void 0 ? void 0 : el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        // Находим rawPos по maskedPos курсора
+        var rawCursorPos = engine.slotMap.maskedToRaw[selectionStart] !== null && engine.slotMap.maskedToRaw[selectionStart] !== undefined
+            ? engine.slotMap.maskedToRaw[selectionStart]
+            : findNearestRawLeft(selectionStart, engine.slotMap);
+        var rawBefore = raw.slice(0, rawCursorPos);
+        var rawAfter = raw.slice(rawCursorPos);
+        var transformed = pasted;
+        if (onBeforePasteValue) {
+            transformed = onBeforePasteValue(pasted);
+        }
+        else if (getSafeMaskInputType(type) === 'tel') {
+            transformed = normalizeRussianPhonePaste(pasted);
+        }
+        var result = engine.applyPaste(raw, rawCursorPos, transformed);
+        if (result.overflow) {
+            // IF-1157: paste с overflow → onUnexpectedInput
+            triggerUnexpectedInput();
+        }
+        var postPasteMaskState = engine.compute(result.raw, true);
+        var maskedCursorPos = computePasteMaskedCursor(rawBefore, rawAfter, result.raw, rawCursorPos, engine.slotMap, postPasteMaskState.typedLength);
+        if (result.raw !== raw) {
+            pushHistory(result.raw, maskedCursorPos);
+        }
+        setRaw(result.raw);
+        pendingCursorRestoreRef.current = maskedCursorPos;
+        if (onBeforePasteValue && onValueChange) {
+            // Legacy-контракт: при кастомной вставке наружу уходит результат onBeforePasteValue,
+            // а не masked/unmasked outputValue (нужно для ComboBox и совместимости с IMaskInput).
+            prevOutputValue.current = engine.compute(result.raw, focused).outputValue;
+            onValueChange(transformed);
+        }
+    }
+    function pushHistory(newRaw, cursorPos) {
+        var MAX_HISTORY_LENGTH = 100;
+        if (historyRef.current.length === 0) {
+            historyRef.current.push({ raw: raw, cursorPos: 0 });
+            historyIndexRef.current = 0;
+        }
+        if (historyIndexRef.current < historyRef.current.length - 1) {
+            historyRef.current = historyRef.current.slice(0, historyIndexRef.current + 1);
+        }
+        historyRef.current.push({ raw: newRaw, cursorPos: cursorPos });
+        if (historyRef.current.length > MAX_HISTORY_LENGTH) {
+            historyRef.current.shift();
+        }
+        historyIndexRef.current = historyRef.current.length - 1;
+    }
+    function handleUndo() {
+        if (historyRef.current.length === 0) {
+            return;
+        }
+        var nextIndex = Math.max(0, historyIndexRef.current - 1);
+        if (nextIndex !== historyIndexRef.current) {
+            historyIndexRef.current = nextIndex;
+            var state = historyRef.current[nextIndex];
+            setRaw(state.raw);
+            pendingCursorRestoreRef.current = state.cursorPos;
+        }
+    }
+    function handleRedo() {
+        if (historyRef.current.length === 0) {
+            return;
+        }
+        var nextIndex = Math.min(historyRef.current.length - 1, historyIndexRef.current + 1);
+        if (nextIndex !== historyIndexRef.current) {
+            historyIndexRef.current = nextIndex;
+            var state = historyRef.current[nextIndex];
+            setRaw(state.raw);
+            pendingCursorRestoreRef.current = state.cursorPos;
+        }
+    }
+    function triggerUnexpectedInput() {
+        var _a, _b;
+        var blink = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blink.bind(inputRef.current)) !== null && _b !== void 0 ? _b : (function () { return undefined; });
+        onUnexpectedInput ? onUnexpectedInput(maskState.outputValue, blink) : blink();
+    }
+    function handleFocus(e) {
+        var _a;
+        setFocused(true);
+        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }
+    function handleBlur(e) {
+        var _a;
+        setFocused(false);
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }
+    function handleSelect(e) {
+        var _a, _b;
+        if (coreInputRef.current) {
+            lastCaretRef.current = (_a = coreInputRef.current.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        }
+        (_b = inputProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(inputProps, e);
+    }
+});
+// Вспомогательные функции для совместимости (используются в стори и тестах)
+export { getDefinitions, getMaskChar };
+//# sourceMappingURL=MaskedInputV2.js.map

package/components/MaskedInputV2/MaskedInputV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInputV2.js","sourceRoot":"","sources":["MaskedInputV2.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { Ref } from 'react';\nimport warning from 'warning';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { InputProps, InputType } from '../Input/index.js';\nimport { Input, selectionAllowedTypes } from '../Input/index.js';\nimport { extractRaw, findNearestRawLeft, computePasteMaskedCursor } from './internal/helpers.js';\nimport { MaskedCore } from './internal/MaskedCore.js';\nimport type { MaskedSelectionIntent } from './internal/MaskedCore.types.js';\nimport { setMaskInputSelectionRange } from './internal/setMaskInputSelectionRange.js';\nimport { useMaskEngine } from './internal/useMaskEngine.js';\nimport { getDefinitions, getMaskChar } from './MaskedInputV2.helpers.js';\nimport { normalizeRussianPhonePaste } from './MaskedInputV2.phone.js';\nimport { getStyles, globalClasses } from './MaskedInputV2.styles.js';\nimport type { IMaskInputProps } from './react-imask/mixin.js';\n\nexport type MaskedInputV2OnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedInputV2MaskedProps {\n  /** Шаблон ввода, определяющий допустимые символы. */\n  mask: string;\n\n  /** Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.\n   * @default _ */\n  maskChar?: string;\n\n  /** Словарь правил для настройки маски, где:\n   * ключ — символ для использования в маске;\n   * значение — регулярка-правило.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Всегда показывать символы маски, независимо от фокуса в поле.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Событие некорректного ввода.\n   * Вторым аргументом передаётся метод вспыхивания рамки поля.\n   *\n   * Если обработчик не задан, то при событии рамка всегда вспыхивает.\n   *\n   * @param value значение поля\n   * @param blink метод вспыхивания рамки поля\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /**\n   * Событие перед вставкой текста в поле.\n   * Вызывается с аргументом value — текст из буфера.\n   *\n   * Обработчик должен вернуть текст — он попадёт в поле.\n   *\n   * При `type=\"tel\"` и отсутствии обработчика применяется\n   * {@link normalizeRussianPhonePaste}.\n   *\n   * @param value значение вставки.\n   */\n  onBeforePasteValue?: MaskedInputV2OnBeforePasteValue;\n\n  /** Убирает из value символы маски, которые пользователь не вводил.\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропсы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nconst EMPTY_IMASK_PROPS = {};\n\nexport const getSafeMaskInputType = (type?: InputType | string): MaskInputType | undefined => {\n  if (!type) {\n    return undefined;\n  }\n\n  const normalizedType = type.trim() as InputType;\n\n  if (normalizedType === 'password' || !selectionAllowedTypes.includes(normalizedType)) {\n    return 'text';\n  }\n\n  return normalizedType as MaskInputType;\n};\n\nfunction getMaskInputMode(\n  type: InputType | string | undefined,\n  inputMode: React.InputHTMLAttributes<HTMLInputElement>['inputMode'],\n): React.InputHTMLAttributes<HTMLInputElement>['inputMode'] {\n  if (inputMode) {\n    return inputMode;\n  }\n\n  if (type?.trim() === 'email') {\n    return 'email';\n  }\n\n  return undefined;\n}\n\nexport interface MaskedInputV2Props\n  extends\n    MaskedInputV2MaskedProps,\n    Omit<\n      InputProps,\n      'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'\n    > {\n  type?: MaskInputType;\n\n  /** @ignore */\n  __fromMaskedInputFacade?: boolean;\n}\n\n/** @deprecated Используйте {@link MaskedInput}. Для legacy-поведения включите фичафлаг `maskedInputUseLegacyBehavior` в {@link ReactUIFeatureFlagsContext}. */\nexport const MaskedInputV2 = forwardRefAndName(\n  'MaskedInputV2',\n  function MaskedInputV2(props: MaskedInputV2Props, ref: Ref<Input | null>) {\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = EMPTY_IMASK_PROPS,\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onBeforePasteValue,\n      element: _element,\n      className,\n      // @ts-expect-error: могут передавать игнорируя ошибку\n      maxLength,\n      // @ts-expect-error: могут передавать игнорируя ошибку\n      showClearIcon: _showClearIcon,\n      selectAllOnFocus,\n      type,\n      __fromMaskedInputFacade,\n      ...inputProps\n    } = props;\n\n    useEffect(() => {\n      if (!__fromMaskedInputFacade) {\n        warning(false, '[MaskedInputV2]: This component is for internal use only. Please use MaskedInput instead.');\n      }\n    }, [__fromMaskedInputFacade]);\n\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    const inputRef = useRef<Input>(null);\n    const coreInputRef = useRef<HTMLInputElement>(null);\n\n    const [focused, setFocused] = useState(false);\n    const [selectionIntent, setSelectionIntent] = useState<MaskedSelectionIntent>(null);\n\n    const prevMaskRef = useRef(props.mask);\n    const pendingCursorRestoreRef = useRef<number | null>(null);\n    const lastCaretRef = useRef(0);\n\n    const requestSelectionIntent = useCallback((intent: MaskedSelectionIntent) => {\n      setSelectionIntent((current) => (current === 'select-all' && intent === 'caret-end' ? current : intent));\n    }, []);\n\n    const historyRef = useRef<Array<{ raw: string; cursorPos: number }>>([]);\n    const historyIndexRef = useRef(-1);\n\n    // Сохраняем позицию курсора перед сменой маски (render-phase read of stable ref).\n    // При коммите DOM браузер сбросит курсор в конец из-за изменения value,\n    // поэтому восстанавливаем его синхронно в useLayoutEffect ниже.\n    if (prevMaskRef.current !== props.mask) {\n      pendingCursorRestoreRef.current = lastCaretRef.current;\n      prevMaskRef.current = props.mask;\n      historyRef.current = [];\n      historyIndexRef.current = -1;\n    }\n\n    // Движок: IMask как чистый калькулятор, не привязанный к DOM\n    const engine = useMaskEngine({\n      mask,\n      maskChar,\n      formatChars,\n      unmask,\n      alwaysShowMask,\n      imaskProps: customIMaskProps,\n    });\n\n    // Единственный источник истины — raw (только то, что ввёл пользователь, без маски)\n    const [raw, setRaw] = useState<string>(() =>\n      extractRaw((props.value ?? props.defaultValue) as string | number | undefined, engine),\n    );\n\n    // MaskState вычисляется синхронно из raw — оба визуальных слоя читают из него\n    const maskState = useMemo(() => engine.compute(raw, focused), [raw, focused, engine]);\n\n    const syncedImaskRef = useRef(engine.imask);\n    const prevSyncedValueRef = useRef(props.value);\n\n    // Синхронизировать raw при изменении props.value или правил маски\n    useEffect(() => {\n      const engineChanged = syncedImaskRef.current !== engine.imask;\n      const valueChanged = prevSyncedValueRef.current !== props.value;\n      syncedImaskRef.current = engine.imask;\n      prevSyncedValueRef.current = props.value;\n\n      if (props.value !== undefined) {\n        if (valueChanged || engineChanged) {\n          setRaw(extractRaw(props.value, engine));\n        }\n        return;\n      }\n\n      if (engineChanged) {\n        setRaw((prev) => {\n          engine.imask.unmaskedValue = prev;\n          return engine.imask.rawInputValue;\n        });\n      }\n    }, [props.value, engine]);\n\n    // Вызывать onValueChange только при реальном изменении outputValue,\n    // и НЕ при первом рендере (воспроизводит нативное поведение onChange)\n    const isFirstRender = useRef(true);\n    const prevOutputValue = useRef<string>(maskState.outputValue);\n    useEffect(() => {\n      if (isFirstRender.current) {\n        isFirstRender.current = false;\n        prevOutputValue.current = maskState.outputValue;\n        return;\n      }\n      if (maskState.outputValue !== prevOutputValue.current) {\n        prevOutputValue.current = maskState.outputValue;\n        onValueChange?.(maskState.outputValue);\n      }\n    }, [maskState.outputValue]);\n\n    useImperativeHandle<Input | null, (Input & { selectAll: () => void }) | null>(ref, () => {\n      if (!inputRef.current) {\n        return null;\n      }\n      return Object.assign(inputRef.current, {\n        selectAll: () => {\n          requestSelectionIntent('select-all');\n          inputRef.current?.focus();\n          const el = coreInputRef.current;\n          if (el && el.ownerDocument.activeElement !== el) {\n            requestSelectionIntent(null);\n          }\n        },\n      });\n    }, [requestSelectionIntent]);\n\n    useLayoutEffect(() => {\n      if (pendingCursorRestoreRef.current !== null && coreInputRef.current) {\n        setMaskInputSelectionRange(coreInputRef.current, pendingCursorRestoreRef.current);\n        lastCaretRef.current = pendingCursorRestoreRef.current;\n        pendingCursorRestoreRef.current = null;\n      }\n    });\n\n    useEffect(() => {\n      if (!focused) {\n        return;\n      }\n\n      const el = coreInputRef.current;\n      if (!el) {\n        return;\n      }\n\n      const syncCaret = () => {\n        if (document.activeElement === el) {\n          lastCaretRef.current = el.selectionStart ?? 0;\n        }\n      };\n\n      document.addEventListener('selectionchange', syncCaret);\n      return () => document.removeEventListener('selectionchange', syncCaret);\n    }, [focused]);\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        type={getSafeMaskInputType(type)}\n        inputMode={getMaskInputMode(type, inputProps.inputMode)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onSelect={handleSelect}\n        className={cx(globalClasses.root, className, styles.root(theme))}\n        element={\n          <MaskedCore\n            maskState={maskState}\n            slotMap={engine.slotMap}\n            engine={engine}\n            focused={focused}\n            currentRaw={raw}\n            onRawChange={handleRawChange}\n            onUnexpectedInput={triggerUnexpectedInput}\n            onUndo={handleUndo}\n            onRedo={handleRedo}\n            coreInputRef={coreInputRef}\n            colored={colored}\n            selectAllOnFocus={selectAllOnFocus}\n            selectionIntent={selectionIntent}\n            onSelectionIntentChange={requestSelectionIntent}\n          />\n        }\n      />\n    );\n\n    function handleRawChange(input: string, source: 'input' | 'paste', cursorPos?: number) {\n      if (source === 'paste') {\n        handlePasteChange(input, cursorPos);\n      } else {\n        if (input !== raw && cursorPos !== undefined) {\n          pushHistory(input, cursorPos);\n        }\n        setRaw(input);\n      }\n    }\n\n    function handlePasteChange(pasted: string, _cursorPos?: number) {\n      const el = coreInputRef.current;\n      const selectionStart = el?.selectionStart ?? 0;\n\n      // Находим rawPos по maskedPos курсора\n      const rawCursorPos =\n        engine.slotMap.maskedToRaw[selectionStart] !== null && engine.slotMap.maskedToRaw[selectionStart] !== undefined\n          ? (engine.slotMap.maskedToRaw[selectionStart] as number)\n          : findNearestRawLeft(selectionStart, engine.slotMap);\n\n      const rawBefore = raw.slice(0, rawCursorPos);\n      const rawAfter = raw.slice(rawCursorPos);\n\n      let transformed = pasted;\n      if (onBeforePasteValue) {\n        transformed = onBeforePasteValue(pasted);\n      } else if (getSafeMaskInputType(type) === 'tel') {\n        transformed = normalizeRussianPhonePaste(pasted);\n      }\n\n      const result = engine.applyPaste(raw, rawCursorPos, transformed);\n      if (result.overflow) {\n        // IF-1157: paste с overflow → onUnexpectedInput\n        triggerUnexpectedInput();\n      }\n\n      const postPasteMaskState = engine.compute(result.raw, true);\n      const maskedCursorPos = computePasteMaskedCursor(\n        rawBefore,\n        rawAfter,\n        result.raw,\n        rawCursorPos,\n        engine.slotMap,\n        postPasteMaskState.typedLength,\n      );\n\n      if (result.raw !== raw) {\n        pushHistory(result.raw, maskedCursorPos);\n      }\n\n      setRaw(result.raw);\n      pendingCursorRestoreRef.current = maskedCursorPos;\n\n      if (onBeforePasteValue && onValueChange) {\n        // Legacy-контракт: при кастомной вставке наружу уходит результат onBeforePasteValue,\n        // а не masked/unmasked outputValue (нужно для ComboBox и совместимости с IMaskInput).\n        prevOutputValue.current = engine.compute(result.raw, focused).outputValue;\n        onValueChange(transformed);\n      }\n    }\n\n    function pushHistory(newRaw: string, cursorPos: number) {\n      const MAX_HISTORY_LENGTH = 100;\n\n      if (historyRef.current.length === 0) {\n        historyRef.current.push({ raw, cursorPos: 0 });\n        historyIndexRef.current = 0;\n      }\n\n      if (historyIndexRef.current < historyRef.current.length - 1) {\n        historyRef.current = historyRef.current.slice(0, historyIndexRef.current + 1);\n      }\n\n      historyRef.current.push({ raw: newRaw, cursorPos });\n      if (historyRef.current.length > MAX_HISTORY_LENGTH) {\n        historyRef.current.shift();\n      }\n      historyIndexRef.current = historyRef.current.length - 1;\n    }\n\n    function handleUndo() {\n      if (historyRef.current.length === 0) {\n        return;\n      }\n      const nextIndex = Math.max(0, historyIndexRef.current - 1);\n      if (nextIndex !== historyIndexRef.current) {\n        historyIndexRef.current = nextIndex;\n        const state = historyRef.current[nextIndex];\n        setRaw(state.raw);\n        pendingCursorRestoreRef.current = state.cursorPos;\n      }\n    }\n\n    function handleRedo() {\n      if (historyRef.current.length === 0) {\n        return;\n      }\n      const nextIndex = Math.min(historyRef.current.length - 1, historyIndexRef.current + 1);\n      if (nextIndex !== historyIndexRef.current) {\n        historyIndexRef.current = nextIndex;\n        const state = historyRef.current[nextIndex];\n        setRaw(state.raw);\n        pendingCursorRestoreRef.current = state.cursorPos;\n      }\n    }\n\n    function triggerUnexpectedInput() {\n      const blink = inputRef.current?.blink.bind(inputRef.current) ?? (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(maskState.outputValue, blink) : blink();\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleSelect(e: React.SyntheticEvent<HTMLInputElement>) {\n      if (coreInputRef.current) {\n        lastCaretRef.current = coreInputRef.current.selectionStart ?? 0;\n      }\n      inputProps.onSelect?.(e);\n    }\n  },\n);\n\n// Вспомогательные функции для совместимости (используются в стори и тестах)\nexport { getDefinitions, getMaskChar };\n"]}

package/components/MaskedInputV2/MaskedInputV2.phone.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Пресеты часто используемых масок для {@link MaskedInputV2} / {@link MaskedInput}.
+ *
+ * Российский телефон по [гайду](https://guides.kontur.ru/components/input-fields/phone/):
+ * префикс `+7` всегда виден и не стирается, остальные символы маски — только в фокусе.
+ *
+ * @example
+ * ```tsx
+ * <MaskedInput
+ *   type="tel"
+ *   mask={MaskedInputMasks.PhoneRU}
+ *   placeholder="+7"
+ * />
+ * ```
+ */
+export declare const MaskedInputMasks: {
+    readonly PhoneRU: "+7 999 999-99-99";
+};
+/**
+ * Нормализует вставку российского номера телефона:
+ * убирает нецифровые символы и отрезает код страны `7`/`8` у 11+ значных номеров.
+ *
+ * Используется по умолчанию при `type="tel"`, если не задан `onBeforePasteValue`.
+ */
+export declare function normalizeRussianPhonePaste(value: string): string;

package/components/MaskedInputV2/MaskedInputV2.phone.js

@@ -0,0 +1,35 @@
+/**
+ * Пресеты часто используемых масок для {@link MaskedInputV2} / {@link MaskedInput}.
+ *
+ * Российский телефон по [гайду](https://guides.kontur.ru/components/input-fields/phone/):
+ * префикс `+7` всегда виден и не стирается, остальные символы маски — только в фокусе.
+ *
+ * @example
+ * ```tsx
+ * <MaskedInput
+ *   type="tel"
+ *   mask={MaskedInputMasks.PhoneRU}
+ *   placeholder="+7"
+ * />
+ * ```
+ */
+export var MaskedInputMasks = {
+    PhoneRU: '+7 999 999-99-99',
+};
+/**
+ * Нормализует вставку российского номера телефона:
+ * убирает нецифровые символы и отрезает код страны `7`/`8` у 11+ значных номеров.
+ *
+ * Используется по умолчанию при `type="tel"`, если не задан `onBeforePasteValue`.
+ */
+export function normalizeRussianPhonePaste(value) {
+    var digits = value.replace(/\D/g, '');
+    if (!digits) {
+        return value;
+    }
+    if (digits.length >= 11 && (digits[0] === '7' || digits[0] === '8')) {
+        return digits.slice(1);
+    }
+    return digits;
+}
+//# sourceMappingURL=MaskedInputV2.phone.js.map

package/components/MaskedInputV2/MaskedInputV2.phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInputV2.phone.js","sourceRoot":"","sources":["MaskedInputV2.phone.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,kBAAkB;CACnB,CAAC;AAEX;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B,CAAC,KAAa;IACtD,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;QACpE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/**\n * Пресеты часто используемых масок для {@link MaskedInputV2} / {@link MaskedInput}.\n *\n * Российский телефон по [гайду](https://guides.kontur.ru/components/input-fields/phone/):\n * префикс `+7` всегда виден и не стирается, остальные символы маски — только в фокусе.\n *\n * @example\n * ```tsx\n * <MaskedInput\n *   type=\"tel\"\n *   mask={MaskedInputMasks.PhoneRU}\n *   placeholder=\"+7\"\n * />\n * ```\n */\nexport const MaskedInputMasks = {\n  PhoneRU: '+7 999 999-99-99',\n} as const;\n\n/**\n * Нормализует вставку российского номера телефона:\n * убирает нецифровые символы и отрезает код страны `7`/`8` у 11+ значных номеров.\n *\n * Используется по умолчанию при `type=\"tel\"`, если не задан `onBeforePasteValue`.\n */\nexport function normalizeRussianPhonePaste(value: string): string {\n  const digits = value.replace(/\\D/g, '');\n\n  if (!digits) {\n    return value;\n  }\n\n  if (digits.length >= 11 && (digits[0] === '7' || digits[0] === '8')) {\n    return digits.slice(1);\n  }\n\n  return digits;\n}\n"]}

package/components/MaskedInputV2/MaskedInputV2.styles.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const globalClasses: {
+    root: string;
+};
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(t: Theme): string;
+}>;

package/components/MaskedInputV2/MaskedInputV2.styles.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { UI_FONT_NAME, injectGlobalFont } from '../../lib/styles/UiFont.js';
+import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
+export var globalClasses = prefix('masked-input-v2')({
+    root: 'root',
+});
+export var getStyles = memoizeGetStyles(function (emotion) {
+    injectGlobalFont(emotion);
+    return {
+        root: function (t) {
+            return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        font-family: ", ", ", ";\n        font-variant-numeric: tabular-nums;\n      "], ["\n        font-family: ", ", ", ";\n        font-variant-numeric: tabular-nums;\n      "])), UI_FONT_NAME, t.baseFontFamily);
+        },
+    };
+});
+var templateObject_1;
+//# sourceMappingURL=MaskedInputV2.styles.js.map

package/components/MaskedInputV2/MaskedInputV2.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInputV2.styles.js","sourceRoot":"","sources":["MaskedInputV2.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGxE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrD,IAAI,EAAE,MAAM;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,OAAgB;IACzD,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1B,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,4JAAA,yBACD,EAAY,IAAK,EAAgB,wDAEjD,KAFgB,YAAY,EAAK,CAAC,CAAC,cAAc,EAEhD;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { UI_FONT_NAME, injectGlobalFont } from '../../lib/styles/UiFont.js';\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('masked-input-v2')({\n  root: 'root',\n});\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n  injectGlobalFont(emotion);\n  return {\n    root(t: Theme) {\n      return emotion.css`\n        font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n        font-variant-numeric: tabular-nums;\n      `;\n    },\n  };\n});\n"]}

package/components/MaskedInputV2/index.d.ts

@@ -0,0 +1,2 @@
+export { MaskedInputV2, getSafeMaskInputType, type MaskedInputV2Props, type MaskedInputV2OnBeforePasteValue, type MaskInputType, } from './MaskedInputV2.js';
+export { MaskedInputMasks, normalizeRussianPhonePaste } from './MaskedInputV2.phone.js';

package/components/MaskedInputV2/index.js

@@ -0,0 +1,3 @@
+export { MaskedInputV2, getSafeMaskInputType, } from './MaskedInputV2.js';
+export { MaskedInputMasks, normalizeRussianPhonePaste } from './MaskedInputV2.phone.js';
+//# sourceMappingURL=index.js.map

package/components/MaskedInputV2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,GAIrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export {\n  MaskedInputV2,\n  getSafeMaskInputType,\n  type MaskedInputV2Props,\n  type MaskedInputV2OnBeforePasteValue,\n  type MaskInputType,\n} from './MaskedInputV2.js';\nexport { MaskedInputMasks, normalizeRussianPhonePaste } from './MaskedInputV2.phone.js';\n"]}

package/components/MaskedInputV2/internal/MaskOverlay.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface MaskOverlayProps {
+    typedValue: string;
+    displayValue: string;
+    selectionStart: number;
+    selectionEnd: number;
+    disabled?: boolean;
+    textAlign?: React.CSSProperties['textAlign'];
+    containerRef?: React.RefObject<HTMLSpanElement | null>;
+    colored?: boolean;
+}
+/**
+ * Абсолютно позиционированный слой над <input>.
+ * Input делается прозрачным (color: transparent), а весь текст
+ * (typedValue + maskPart) рендерится здесь с раскраской.
+ * При center/right align overlay выравнивает маску, а input смещается paddingLeft.
+ */
+export declare function MaskOverlay({ typedValue, displayValue, selectionStart, selectionEnd, disabled, textAlign, containerRef, colored, }: MaskOverlayProps): React.JSX.Element | null;
+export {};

package/components/MaskedInputV2/internal/MaskOverlay.js

@@ -0,0 +1,54 @@
+import { cx } from '@emotion/css';
+import React, { useContext } from 'react';
+import { useStyles } from '../../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
+import { getStyles, globalClasses } from './MaskedInternal.styles.js';
+function splitTextBySelection(text, textStartOffset, selectionStart, selectionEnd) {
+    if (selectionStart === selectionEnd) {
+        return [text, '', ''];
+    }
+    var localStart = Math.max(0, selectionStart - textStartOffset);
+    var localEnd = Math.min(text.length, selectionEnd - textStartOffset);
+    if (localEnd <= localStart) {
+        return [text, '', ''];
+    }
+    return [text.slice(0, localStart), text.slice(localStart, localEnd), text.slice(localEnd)];
+}
+/**
+ * Абсолютно позиционированный слой над <input>.
+ * Input делается прозрачным (color: transparent), а весь текст
+ * (typedValue + maskPart) рендерится здесь с раскраской.
+ * При center/right align overlay выравнивает маску, а input смещается paddingLeft.
+ */
+export function MaskOverlay(_a) {
+    var typedValue = _a.typedValue, displayValue = _a.displayValue, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd, disabled = _a.disabled, textAlign = _a.textAlign, containerRef = _a.containerRef, _b = _a.colored, colored = _b === void 0 ? true : _b;
+    var theme = useContext(ThemeContext);
+    var styles = useStyles(getStyles);
+    var maskPart = displayValue.slice(typedValue.length);
+    var disabledClass = disabled && globalClasses.disabled;
+    var coloredClass = colored && globalClasses.colored;
+    var selectedSegmentClass = styles.selectedSegment();
+    if (!typedValue && !maskPart) {
+        return null;
+    }
+    function renderSegment(text, offset, segmentClassName) {
+        var _a = splitTextBySelection(text, offset, selectionStart, selectionEnd), before = _a[0], selected = _a[1], after = _a[2];
+        return (React.createElement(React.Fragment, null,
+            before ? React.createElement("span", { className: segmentClassName }, before) : null,
+            selected ? React.createElement("span", { className: selectedSegmentClass }, selected) : null,
+            after ? React.createElement("span", { className: segmentClassName }, after) : null));
+    }
+    return (React.createElement("span", { ref: containerRef, "aria-hidden": "true", className: styles.overlay() },
+        React.createElement("span", { "data-tid": "masked-input-overlay", style: {
+                display: 'inline-block',
+                width: '100%',
+                whiteSpace: 'nowrap',
+                textAlign: textAlign,
+                lineHeight: 'inherit',
+            } },
+            typedValue ? renderSegment(typedValue, 0, cx(styles.typed(theme), disabledClass, coloredClass)) : null,
+            maskPart
+                ? renderSegment(maskPart, typedValue.length, cx(styles.mask(theme), disabledClass, coloredClass))
+                : null)));
+}
+//# sourceMappingURL=MaskOverlay.js.map

package/components/MaskedInputV2/internal/MaskOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskOverlay.js","sourceRoot":"","sources":["MaskOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cx } from '@emotion/css';\nimport React, { useContext } from 'react';\n\nimport { useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { getStyles, globalClasses } from './MaskedInternal.styles.js';\n\ninterface MaskOverlayProps {\n  typedValue: string;\n  displayValue: string;\n  selectionStart: number;\n  selectionEnd: number;\n  disabled?: boolean;\n  textAlign?: React.CSSProperties['textAlign'];\n  containerRef?: React.RefObject<HTMLSpanElement | null>;\n  colored?: boolean;\n}\n\nfunction splitTextBySelection(\n  text: string,\n  textStartOffset: number,\n  selectionStart: number,\n  selectionEnd: number,\n): [string, string, string] {\n  if (selectionStart === selectionEnd) {\n    return [text, '', ''];\n  }\n\n  const localStart = Math.max(0, selectionStart - textStartOffset);\n  const localEnd = Math.min(text.length, selectionEnd - textStartOffset);\n\n  if (localEnd <= localStart) {\n    return [text, '', ''];\n  }\n\n  return [text.slice(0, localStart), text.slice(localStart, localEnd), text.slice(localEnd)];\n}\n\n/**\n * Абсолютно позиционированный слой над <input>.\n * Input делается прозрачным (color: transparent), а весь текст\n * (typedValue + maskPart) рендерится здесь с раскраской.\n * При center/right align overlay выравнивает маску, а input смещается paddingLeft.\n */\nexport function MaskOverlay({\n  typedValue,\n  displayValue,\n  selectionStart,\n  selectionEnd,\n  disabled,\n  textAlign,\n  containerRef,\n  colored = true,\n}: MaskOverlayProps) {\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n  const maskPart = displayValue.slice(typedValue.length);\n\n  const disabledClass = disabled && globalClasses.disabled;\n  const coloredClass = colored && globalClasses.colored;\n  const selectedSegmentClass = styles.selectedSegment();\n\n  if (!typedValue && !maskPart) {\n    return null;\n  }\n\n  function renderSegment(text: string, offset: number, segmentClassName: string) {\n    const [before, selected, after] = splitTextBySelection(text, offset, selectionStart, selectionEnd);\n\n    return (\n      <>\n        {before ? <span className={segmentClassName}>{before}</span> : null}\n        {selected ? <span className={selectedSegmentClass}>{selected}</span> : null}\n        {after ? <span className={segmentClassName}>{after}</span> : null}\n      </>\n    );\n  }\n\n  return (\n    <span ref={containerRef} aria-hidden=\"true\" className={styles.overlay()}>\n      <span\n        data-tid=\"masked-input-overlay\"\n        style={{\n          display: 'inline-block',\n          width: '100%',\n          whiteSpace: 'nowrap',\n          textAlign,\n          lineHeight: 'inherit',\n        }}\n      >\n        {typedValue ? renderSegment(typedValue, 0, cx(styles.typed(theme), disabledClass, coloredClass)) : null}\n        {maskPart\n          ? renderSegment(maskPart, typedValue.length, cx(styles.mask(theme), disabledClass, coloredClass))\n          : null}\n      </span>\n    </span>\n  );\n}\n"]}

package/components/MaskedInputV2/internal/MaskedCore.d.ts

@@ -0,0 +1,8 @@
+import type { InputElement } from '../../Input/Input.typings.js';
+import type { MaskedCoreProps } from './MaskedCore.types.js';
+export type { MaskedCoreProps } from './MaskedCore.types.js';
+/**
+ * Headless-слой MaskedInputV2: прозрачный `<input>` для ввода и {@link MaskOverlay} для отображения маски.
+ * Управляется через {@link useMaskedCoreHandlers}.
+ */
+export declare const MaskedCore: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<InputElement | null, MaskedCoreProps> & Record<never, never>;