@skbkontur/react-ui 6.1.4-ff219.0 → 6.2.0-beta.0

package/components/MaskedInputV2/MaskedInputV2.js

@@ -1,234 +0,0 @@
-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, { useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { Input } from '../Input/index.js';
-import { extractRaw, findNearestRawLeft } from './internal/helpers.js';
-import { MaskedCore } from './internal/MaskedCore.js';
-import { useMaskEngine } from './internal/useMaskEngine.js';
-import { getDefinitions, getMaskChar } from './MaskedInputV2.helpers.js';
-import { getStyles, globalClasses } from './MaskedInputV2.styles.js';
-var EMPTY_IMASK_PROPS = {};
-export var getSafeMaskInputType = function (type) {
-    if (!type) {
-        return type;
-    }
-    switch (type) {
-        case 'number':
-        case 'date':
-        case 'time':
-        case 'password':
-            return 'text';
-        default:
-            return type;
-    }
-};
-/** Поле ввода, которое ограничивает формат вводимого значения по заданной маске. Такое поле облегчает пользователю ввод и снижает количество ошибок.
- */
-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, inputProps = __rest(props, ["mask", "maskChar", "formatChars", "alwaysShowMask", "colored", "imaskProps", "unmask", "onValueChange", "onUnexpectedInput", "onBeforePasteValue", "element", "className", "maxLength", "showClearIcon"]);
-    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 prevMaskRef = useRef(props.mask);
-    var pendingCursorRestoreRef = useRef(null);
-    var historyRef = useRef([]);
-    var historyIndexRef = useRef(-1);
-    // Сохраняем позицию курсора перед сменой маски (render-phase read of stable ref).
-    // При коммите DOM браузер сбросит курсор в конец из-за изменения value,
-    // поэтому восстанавливаем его синхронно в useLayoutEffect ниже.
-    if (prevMaskRef.current !== props.mask && coreInputRef.current) {
-        pendingCursorRestoreRef.current = coreInputRef.current.selectionStart;
-        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 _f = useState(function () { var _a; return extractRaw(((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue), engine); }), raw = _f[0], setRaw = _f[1];
-    // MaskState вычисляется синхронно из raw — оба визуальных слоя читают из него
-    var maskState = useMemo(function () { return engine.compute(raw, focused); }, [raw, focused, engine]);
-    // Контролируемый режим: синхронизировать raw при изменении props.value
-    useEffect(function () {
-        if (props.value !== undefined) {
-            setRaw(extractRaw(props.value, engine));
-        }
-    }, [props.value]);
-    // Вызывать 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;
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                // pendingCursorRef в MaskedCore может перекрыть setSelectionRange,
-                // поэтому откладываем установку selection за один tick
-                setTimeout(function () {
-                    var _a;
-                    (_a = coreInputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(0, maskState.typedLength);
-                }, 0);
-            },
-        });
-    }, [maskState.typedLength]);
-    useLayoutEffect(function () {
-        if (pendingCursorRestoreRef.current !== null && coreInputRef.current) {
-            coreInputRef.current.setSelectionRange(pendingCursorRestoreRef.current, pendingCursorRestoreRef.current);
-            pendingCursorRestoreRef.current = null;
-        }
-    });
-    return (React.createElement(Input, __assign({ ref: inputRef }, inputProps, { onFocus: handleFocus, onBlur: handleBlur, 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 }) })));
-    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 transformed = onBeforePasteValue ? onBeforePasteValue(pasted) : pasted;
-        var result = engine.applyPaste(raw, rawCursorPos, transformed);
-        if (result.overflow) {
-            // IF-1157: paste с overflow → onUnexpectedInput
-            triggerUnexpectedInput();
-        }
-        if (result.raw !== raw) {
-            var postPasteMaskState = engine.compute(result.raw, true);
-            pushHistory(result.raw, cursorPos !== null && cursorPos !== void 0 ? cursorPos : postPasteMaskState.typedLength);
-        }
-        setRaw(result.raw);
-        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);
-        if (props.selectAllOnFocus) {
-            // Даём React время перерендериться с focused=true (обновится typedLength)
-            setTimeout(function () {
-                var _a;
-                (_a = coreInputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(0, maskState.typedLength);
-            }, 0);
-        }
-    }
-    function handleBlur(e) {
-        var _a;
-        setFocused(false);
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    }
-});
-// Вспомогательные функции для совместимости (используются в стори и тестах)
-export { getDefinitions, getMaskChar };
-//# sourceMappingURL=MaskedInputV2.js.map

package/components/MaskedInputV2/MaskedInputV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaskedInputV2.js","sourceRoot":"","sources":["MaskedInputV2.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport type { Ref } from 'react';\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 } from '../Input/index.js';\nimport { extractRaw, findNearestRawLeft } from './internal/helpers.js';\nimport { MaskedCore } from './internal/MaskedCore.js';\nimport { useMaskEngine } from './internal/useMaskEngine.js';\nimport { getDefinitions, getMaskChar } from './MaskedInputV2.helpers.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   * @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): MaskInputType | undefined => {\n  if (!type) {\n    return type;\n  }\n\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n    case 'password':\n      return 'text';\n    default:\n      return type;\n  }\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\n/** Поле ввода, которое ограничивает формат вводимого значения по заданной маске. Такое поле облегчает пользователю ввод и снижает количество ошибок.\n */\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      ...inputProps\n    } = props;\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\n    const prevMaskRef = useRef(props.mask);\n    const pendingCursorRestoreRef = useRef<number | null>(null);\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 && coreInputRef.current) {\n      pendingCursorRestoreRef.current = coreInputRef.current.selectionStart;\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    // Контролируемый режим: синхронизировать raw при изменении props.value\n    useEffect(() => {\n      if (props.value !== undefined) {\n        setRaw(extractRaw(props.value, engine));\n      }\n    }, [props.value]);\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          inputRef.current?.focus();\n          // pendingCursorRef в MaskedCore может перекрыть setSelectionRange,\n          // поэтому откладываем установку selection за один tick\n          setTimeout(() => {\n            coreInputRef.current?.setSelectionRange(0, maskState.typedLength);\n          }, 0);\n        },\n      });\n    }, [maskState.typedLength]);\n\n    useLayoutEffect(() => {\n      if (pendingCursorRestoreRef.current !== null && coreInputRef.current) {\n        coreInputRef.current.setSelectionRange(pendingCursorRestoreRef.current, pendingCursorRestoreRef.current);\n        pendingCursorRestoreRef.current = null;\n      }\n    });\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\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          />\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 transformed = onBeforePasteValue ? onBeforePasteValue(pasted) : pasted;\n      const result = engine.applyPaste(raw, rawCursorPos, transformed);\n\n      if (result.overflow) {\n        // IF-1157: paste с overflow → onUnexpectedInput\n        triggerUnexpectedInput();\n      }\n\n      if (result.raw !== raw) {\n        const postPasteMaskState = engine.compute(result.raw, true);\n        pushHistory(result.raw, cursorPos ?? postPasteMaskState.typedLength);\n      }\n\n      setRaw(result.raw);\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      if (props.selectAllOnFocus) {\n        // Даём React время перерендериться с focused=true (обновится typedLength)\n        setTimeout(() => {\n          coreInputRef.current?.setSelectionRange(0, maskState.typedLength);\n        }, 0);\n      }\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n  },\n);\n\n// Вспомогательные функции для совместимости (используются в стори и тестах)\nexport { getDefinitions, getMaskChar };\n"]}

package/components/MaskedInputV2/MaskedInputV2.styles.js

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/components/MaskedInputV2/index.js

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

package/components/MaskedInputV2/index.js.map

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

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

@@ -1,19 +0,0 @@
-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) рендерится здесь с раскраской.
- * Так textAlign input'а и overlay совпадают идеально.
- */
-export declare function MaskOverlay({ typedValue, displayValue, selectionStart, selectionEnd, disabled, textAlign, containerRef, colored, }: MaskOverlayProps): React.JSX.Element | null;
-export {};

package/components/MaskedInputV2/internal/MaskOverlay.js

@@ -1,54 +0,0 @@
-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) рендерится здесь с раскраской.
- * Так textAlign input'а и overlay совпадают идеально.
- */
-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

@@ -1 +0,0 @@
-{"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 * Так textAlign input'а и overlay совпадают идеально.\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

@@ -1,8 +0,0 @@
-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>;

package/components/MaskedInputV2/internal/MaskedCore.js

@@ -1,101 +0,0 @@
-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 { cx } from '@emotion/css';
-import React, { useContext, useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';
-import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
-import { useStyles } from '../../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
-import { getStyles, globalClasses } from './MaskedInternal.styles.js';
-import { MaskOverlay } from './MaskOverlay.js';
-import { useMaskedCoreHandlers } from './useMaskedCoreHandlers.js';
-/**
- * Headless-слой MaskedInputV2: прозрачный `<input>` для ввода и {@link MaskOverlay} для отображения маски.
- * Управляется через {@link useMaskedCoreHandlers}.
- */
-export var MaskedCore = forwardRefAndName('MaskedCore', function MaskedCore(props, ref) {
-    var _a;
-    var maskState = props.maskState, slotMap = props.slotMap, engine = props.engine, focused = props.focused, currentRaw = props.currentRaw, onRawChange = props.onRawChange, onUnexpectedInput = props.onUnexpectedInput, onUndo = props.onUndo, onRedo = props.onRedo, coreInputRef = props.coreInputRef, _b = props.colored, colored = _b === void 0 ? true : _b, onKeyDown = props.onKeyDown, onMouseUp = props.onMouseUp, onInput = props.onInput, onSelect = props.onSelect, onFocus = props.onFocus, onPaste = props.onPaste, onBlur = props.onBlur, placeholder = props.placeholder, className = props.className, disabled = props.disabled, rest = __rest(props, ["maskState", "slotMap", "engine", "focused", "currentRaw", "onRawChange", "onUnexpectedInput", "onUndo", "onRedo", "coreInputRef", "colored", "onKeyDown", "onMouseUp", "onInput", "onSelect", "onFocus", "onPaste", "onBlur", "placeholder", "className", "disabled"]);
-    var styles = useStyles(getStyles);
-    var overlayRef = useRef(null);
-    var theme = useContext(ThemeContext);
-    var _c = useMaskedCoreHandlers({
-        maskState: maskState,
-        slotMap: slotMap,
-        engine: engine,
-        currentRaw: currentRaw,
-        onRawChange: onRawChange,
-        onUnexpectedInput: onUnexpectedInput,
-        onUndo: onUndo,
-        onRedo: onRedo,
-        coreInputRef: coreInputRef,
-        onKeyDown: onKeyDown,
-        onMouseUp: onMouseUp,
-        onInput: onInput,
-        onSelect: onSelect,
-        onFocus: onFocus,
-        onPaste: onPaste,
-    }), pendingCursorRef = _c.pendingCursorRef, selectionRange = _c.selectionRange, syncSelection = _c.syncSelection, handleChange = _c.handleChange, handleKeyDown = _c.handleKeyDown, handleSelect = _c.handleSelect, handlePaste = _c.handlePaste, handleCopy = _c.handleCopy, handleCut = _c.handleCut, handleInput = _c.handleInput, handleMouseUp = _c.handleMouseUp, handleFocus = _c.handleFocus;
-    useImperativeHandle(ref, function () { return ({
-        input: coreInputRef.current,
-        getRootNode: function () { return coreInputRef.current; },
-    }); }, [coreInputRef]);
-    useLayoutEffect(function () {
-        var _a;
-        if (pendingCursorRef.current !== null) {
-            var pos = pendingCursorRef.current;
-            pendingCursorRef.current = null;
-            (_a = coreInputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
-            if (coreInputRef.current) {
-                syncSelection(coreInputRef.current);
-            }
-        }
-        syncOverlayScroll();
-    });
-    useEffect(function () {
-        if (!focused) {
-            return;
-        }
-        var el = coreInputRef.current;
-        if (!el) {
-            return;
-        }
-        var handleSelectionChange = function () {
-            if (document.activeElement === el) {
-                syncSelection(el);
-            }
-        };
-        document.addEventListener('selectionchange', handleSelectionChange);
-        return function () { return document.removeEventListener('selectionchange', handleSelectionChange); };
-    }, [focused, syncSelection]);
-    function syncOverlayScroll() {
-        if (overlayRef.current && coreInputRef.current) {
-            overlayRef.current.style.transform = "translateX(-".concat(coreInputRef.current.scrollLeft, "px)");
-        }
-    }
-    var hasMaskPart = maskState.displayValue.length > maskState.typedValue.length;
-    var showOverlay = hasMaskPart || (focused && maskState.typedValue.length > 0);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", __assign({}, rest, { placeholder: showOverlay ? undefined : placeholder, "aria-disabled": disabled, disabled: disabled, ref: coreInputRef, className: cx(globalClasses.input, styles.input(theme), showOverlay && globalClasses.masked, className), value: maskState.typedValue, onChange: handleChange, onKeyDown: handleKeyDown, onSelect: handleSelect, onPaste: handlePaste, onCopy: handleCopy, onCut: handleCut, onFocus: handleFocus, onBlur: onBlur, onInput: handleInput, onMouseUp: handleMouseUp, onScroll: syncOverlayScroll })),
-        showOverlay && (React.createElement(MaskOverlay, { containerRef: overlayRef, typedValue: maskState.typedValue, displayValue: maskState.displayValue, selectionStart: selectionRange.start, selectionEnd: selectionRange.end, disabled: disabled, textAlign: (_a = rest.style) === null || _a === void 0 ? void 0 : _a.textAlign, colored: colored }))));
-});
-//# sourceMappingURL=MaskedCore.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MaskedCore.js","sourceRoot":"","sources":["MaskedCore.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cx } from '@emotion/css';\nimport React, { useContext, useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { InputElement } from '../../Input/Input.typings.js';\nimport type { MaskedCoreProps } from './MaskedCore.types.js';\nimport { getStyles, globalClasses } from './MaskedInternal.styles.js';\nimport { MaskOverlay } from './MaskOverlay.js';\nimport { useMaskedCoreHandlers } from './useMaskedCoreHandlers.js';\n\nexport type { MaskedCoreProps } from './MaskedCore.types.js';\n\n/**\n * Headless-слой MaskedInputV2: прозрачный `<input>` для ввода и {@link MaskOverlay} для отображения маски.\n * Управляется через {@link useMaskedCoreHandlers}.\n */\nexport const MaskedCore = forwardRefAndName(\n  'MaskedCore',\n  function MaskedCore(props: MaskedCoreProps, ref: React.ForwardedRef<InputElement | null>) {\n    const {\n      maskState,\n      slotMap,\n      engine,\n      focused,\n      currentRaw,\n      onRawChange,\n      onUnexpectedInput,\n      onUndo,\n      onRedo,\n      coreInputRef,\n      colored = true,\n      onKeyDown,\n      onMouseUp,\n      onInput,\n      onSelect,\n      onFocus,\n      onPaste,\n      onBlur,\n      placeholder,\n      className,\n      disabled,\n      ...rest\n    } = props;\n\n    const styles = useStyles(getStyles);\n    const overlayRef = useRef<HTMLSpanElement>(null);\n    const theme = useContext(ThemeContext);\n\n    const {\n      pendingCursorRef,\n      selectionRange,\n      syncSelection,\n      handleChange,\n      handleKeyDown,\n      handleSelect,\n      handlePaste,\n      handleCopy,\n      handleCut,\n      handleInput,\n      handleMouseUp,\n      handleFocus,\n    } = useMaskedCoreHandlers({\n      maskState,\n      slotMap,\n      engine,\n      currentRaw,\n      onRawChange,\n      onUnexpectedInput,\n      onUndo,\n      onRedo,\n      coreInputRef,\n      onKeyDown,\n      onMouseUp,\n      onInput,\n      onSelect,\n      onFocus,\n      onPaste,\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        input: coreInputRef.current,\n        getRootNode: () => coreInputRef.current,\n      }),\n      [coreInputRef],\n    );\n\n    useLayoutEffect(() => {\n      if (pendingCursorRef.current !== null) {\n        const pos = pendingCursorRef.current;\n        pendingCursorRef.current = null;\n        coreInputRef.current?.setSelectionRange(pos, pos);\n        if (coreInputRef.current) {\n          syncSelection(coreInputRef.current);\n        }\n      }\n      syncOverlayScroll();\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 handleSelectionChange = () => {\n        if (document.activeElement === el) {\n          syncSelection(el);\n        }\n      };\n\n      document.addEventListener('selectionchange', handleSelectionChange);\n      return () => document.removeEventListener('selectionchange', handleSelectionChange);\n    }, [focused, syncSelection]);\n\n    function syncOverlayScroll() {\n      if (overlayRef.current && coreInputRef.current) {\n        overlayRef.current.style.transform = `translateX(-${coreInputRef.current.scrollLeft}px)`;\n      }\n    }\n\n    const hasMaskPart = maskState.displayValue.length > maskState.typedValue.length;\n    const showOverlay = hasMaskPart || (focused && maskState.typedValue.length > 0);\n\n    return (\n      <>\n        <input\n          {...rest}\n          placeholder={showOverlay ? undefined : placeholder}\n          aria-disabled={disabled}\n          disabled={disabled}\n          ref={coreInputRef}\n          className={cx(globalClasses.input, styles.input(theme), showOverlay && globalClasses.masked, className)}\n          value={maskState.typedValue}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onSelect={handleSelect}\n          onPaste={handlePaste}\n          onCopy={handleCopy}\n          onCut={handleCut}\n          onFocus={handleFocus}\n          onBlur={onBlur}\n          onInput={handleInput}\n          onMouseUp={handleMouseUp}\n          onScroll={syncOverlayScroll}\n        />\n        {showOverlay && (\n          <MaskOverlay\n            containerRef={overlayRef}\n            typedValue={maskState.typedValue}\n            displayValue={maskState.displayValue}\n            selectionStart={selectionRange.start}\n            selectionEnd={selectionRange.end}\n            disabled={disabled}\n            textAlign={rest.style?.textAlign}\n            colored={colored}\n          />\n        )}\n      </>\n    );\n  },\n);\n"]}

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

@@ -1,30 +0,0 @@
-import type React from 'react';
-import type { InputElement } from '../../Input/Input.typings.js';
-import type { MaskEngine, MaskState, SlotMap } from './types.js';
-/**
- * Пропсы headless-слоя {@link MaskedCore}: прозрачный `<input>` + overlay маски.
- */
-export interface MaskedCoreProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> {
-    /** Вычисленное состояние маски для отображения. */
-    maskState: MaskState;
-    /** Карта слотов для clipboard/delete/navigation. */
-    slotMap: SlotMap;
-    /** Headless IMask-движок. */
-    engine: MaskEngine;
-    /** Поле в фокусе — влияет на lazy-режим displayValue. */
-    focused: boolean;
-    /** Текущее raw-значение (источник истины). */
-    currentRaw: string;
-    /** Колбэк изменения raw от пользовательского ввода или paste. */
-    onRawChange: (newRaw: string, source: 'input' | 'paste', cursorPos?: number) => void;
-    /** Колбэк отклонённого ввода (невалидный символ или граничное удаление). */
-    onUnexpectedInput: () => void;
-    onUndo?: () => void;
-    onRedo?: () => void;
-    /** Ref на нативный `<input>` внутри MaskedCore. */
-    coreInputRef: React.RefObject<HTMLInputElement | null>;
-    /** Раскрашивать ли символы маски в overlay. @default true */
-    colored?: boolean;
-}
-/** Ref, который MaskedCore пробрасывает наружу для совместимости с Input.refInput. */
-export type MaskedCoreRef = InputElement | null;

package/components/MaskedInputV2/internal/MaskedCore.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MaskedCore.types.js.map

package/components/MaskedInputV2/internal/MaskedCore.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaskedCore.types.js","sourceRoot":"","sources":["MaskedCore.types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InputElement } from '../../Input/Input.typings.js';\nimport type { MaskEngine, MaskState, SlotMap } from './types.js';\n\n/**\n * Пропсы headless-слоя {@link MaskedCore}: прозрачный `<input>` + overlay маски.\n */\nexport interface MaskedCoreProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'onChange' | 'defaultValue'\n> {\n  /** Вычисленное состояние маски для отображения. */\n  maskState: MaskState;\n  /** Карта слотов для clipboard/delete/navigation. */\n  slotMap: SlotMap;\n  /** Headless IMask-движок. */\n  engine: MaskEngine;\n  /** Поле в фокусе — влияет на lazy-режим displayValue. */\n  focused: boolean;\n  /** Текущее raw-значение (источник истины). */\n  currentRaw: string;\n  /** Колбэк изменения raw от пользовательского ввода или paste. */\n  onRawChange: (newRaw: string, source: 'input' | 'paste', cursorPos?: number) => void;\n  /** Колбэк отклонённого ввода (невалидный символ или граничное удаление). */\n  onUnexpectedInput: () => void;\n  onUndo?: () => void;\n  onRedo?: () => void;\n  /** Ref на нативный `<input>` внутри MaskedCore. */\n  coreInputRef: React.RefObject<HTMLInputElement | null>;\n  /** Раскрашивать ли символы маски в overlay. @default true */\n  colored?: boolean;\n}\n\n/** Ref, который MaskedCore пробрасывает наружу для совместимости с Input.refInput. */\nexport type MaskedCoreRef = InputElement | null;\n"]}

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

@@ -1,15 +0,0 @@
-import type { Theme } from '../../../lib/theming/Theme.js';
-export declare const globalClasses: {
-    input: string;
-    disabled: string;
-    selected: string;
-    masked: string;
-    colored: string;
-};
-export declare const getStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
-    input(t: Theme): string;
-    overlay(): string;
-    typed(t: Theme): string;
-    mask(t: Theme): string;
-    selectedSegment(): string;
-}>;