@skbkontur/react-ui 6.1.4 → 6.1.6-00fed.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskedCoreInputChange.js","sourceRoot":"","sources":["maskedCoreInputChange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AA6B/D,IAAM,YAAY,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAW,CAAC;AAEzD;;;;;;;;GAQG;AACH,MAAM,UAAU,sBAAsB,CAAC,MAA+B;IAC5D,IAAA,YAAY,GAA8D,MAAM,aAApE,EAAE,SAAS,GAAmD,MAAM,UAAzD,EAAE,UAAU,GAAuC,MAAM,WAA7C,EAAE,UAAU,GAA2B,MAAM,WAAjC,EAAE,YAAY,GAAa,MAAM,aAAnB,EAAE,MAAM,GAAK,MAAM,OAAX,CAAY;IACjF,IAAA,KAAK,GAAK,MAAM,MAAX,CAAY;IAEzB,IAAM,OAAO,GAAG,IAAI,aAAa,CAAC;QAChC,KAAK,EAAE,YAAY;QACnB,SAAS,WAAA;QACT,QAAQ,EAAE,UAAU;QACpB,YAAY,cAAA;KACb,CAAC,CAAC;IAEH,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;IAC/B,IAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;IACxC,IAAI,WAAW,GAAG,OAAO,CAAC,cAAc,CAAC;IAEzC,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,CAC7B,WAAW,EACX,OAAO,CAAC,OAAO,CAAC,MAAM,EACtB,OAAO,CAAC,QAAQ,EAChB,OAAO,CAAC,eAAe,EACvB,YAAY,CACb,CAAC;IAEF,IAAI,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;IAEjC,kFAAkF;IAClF,sEAAsE;IACtE,IAAI,MAAM,KAAK,UAAU,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3F,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;QACzB,IAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;QAChF,IAAI,QAAQ,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC;YACxC,WAAW,GAAG,QAAQ,CAAC;YACvB,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;YAClG,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,IAAM,eAAe,GAAG,WAAW,KAAK,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IAEvG,IAAI,YAAY,GAAG,KAAK,CAAC,eAAe,CAAC,WAAW,GAAG,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC7F,IAAI,eAAe,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;QACvC,YAAY,GAAG,KAAK,CAAC,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrE,CAAC;IAED,OAAO;QACL,MAAM,QAAA;QACN,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,MAAM,KAAK,UAAU;KAChC,CAAC;AACJ,CAAC","sourcesContent":["import { ActionDetails } from '../react-imask/imask/core/action-details.js';\nimport { DIRECTION } from '../react-imask/imask/core/utils.js';\nimport type { MaskEngine } from './types.js';\n\n/** Параметры обработки нативного `change` от `<input>`. */\nexport interface MaskedInputChangeParams {\n  /** Черновик value, который браузер записал в input. */\n  browserDraft: string;\n  /** Позиция курсора после изменения. */\n  cursorPos: number;\n  /** Текущее typedValue из MaskState. */\n  typedValue: string;\n  /** Текущее raw-значение (источник истины). */\n  currentRaw: string;\n  /** Предыдущее выделение до изменения. */\n  oldSelection: { start: number; end: number };\n  /** IMask-движок. */\n  engine: Pick<MaskEngine, 'imask'>;\n}\n\n/** Результат применения пользовательского ввода через IMask. */\nexport interface MaskedInputChangeResult {\n  /** Новое raw после splice. */\n  newRaw: string;\n  /** Позиция курсора, которую нужно установить. */\n  cursorPos: number;\n  /** `true`, если символ не был принят (raw не изменился). */\n  rejected: boolean;\n}\n\nconst SPLICE_FLAGS = { input: true, raw: true } as const;\n\n/**\n * Применяет пользовательский ввод к IMask через `splice` и вычисляет новый raw с позицией курсора.\n *\n * Если вставка совпала с литералом маски (`7` в `7 999`) и raw не изменился,\n * повторяет splice в ближайшем input-слоте справа.\n *\n * @param params — состояние input до/после изменения.\n * @returns новое raw, позицию курсора и флаг отклонённого ввода.\n */\nexport function applyMaskedInputChange(params: MaskedInputChangeParams): MaskedInputChangeResult {\n  const { browserDraft, cursorPos, typedValue, currentRaw, oldSelection, engine } = params;\n  const { imask } = engine;\n\n  const details = new ActionDetails({\n    value: browserDraft,\n    cursorPos,\n    oldValue: typedValue,\n    oldSelection,\n  });\n\n  const savedState = imask.state;\n  const oldRawValue = imask.unmaskedValue;\n  let spliceStart = details.startChangePos;\n\n  let spliceResult = imask.splice(\n    spliceStart,\n    details.removed.length,\n    details.inserted,\n    details.removeDirection,\n    SPLICE_FLAGS,\n  );\n\n  let newRaw = imask.rawInputValue;\n\n  // Литерал вроде ведущей `7` в `7 999` может поглотить кейстрек без изменения raw.\n  // Тогда пробуем вставить тот же символ в ближайший input-слот справа.\n  if (newRaw === currentRaw && details.inserted.length === 1 && details.removed.length === 0) {\n    imask.state = savedState;\n    const inputPos = imask.nearestInputPos(details.startChangePos, DIRECTION.RIGHT);\n    if (inputPos !== details.startChangePos) {\n      spliceStart = inputPos;\n      spliceResult = imask.splice(inputPos, 0, details.inserted, details.removeDirection, SPLICE_FLAGS);\n      newRaw = imask.rawInputValue;\n    }\n  }\n\n  const removeDirection = oldRawValue === imask.unmaskedValue ? details.removeDirection : DIRECTION.NONE;\n\n  let newCursorPos = imask.nearestInputPos(spliceStart + spliceResult.offset, removeDirection);\n  if (removeDirection !== DIRECTION.NONE) {\n    newCursorPos = imask.nearestInputPos(newCursorPos, DIRECTION.NONE);\n  }\n\n  return {\n    newRaw,\n    cursorPos: newCursorPos,\n    rejected: newRaw === currentRaw,\n  };\n}\n"]}

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

@@ -0,0 +1,13 @@
+import type React from 'react';
+type SelectionDirection = 'forward' | 'backward' | 'none';
+/**
+ * Вычисляет новое выделение при навигации стрелками, Home/End и Ctrl/Alt+стрелками.
+ * Логика перенесена из FixedIMaskInput v1.
+ *
+ * @param e — keyboard event.
+ * @param maxPos — максимальная позиция курсора (typedLength).
+ * @param el — DOM input с текущим selection.
+ * @returns кортеж `[start, end, direction]` для `setSelectionRange`.
+ */
+export declare function calcNavigationSelection(e: React.KeyboardEvent<HTMLInputElement>, maxPos: number, el: HTMLInputElement | null): [number, number, SelectionDirection];
+export {};

package/components/MaskedInputV2/internal/maskedCoreNavigation.js

@@ -0,0 +1,79 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { isKeyArrowHorizontal, isKeyArrowLeft, isKeyArrowUp, isKeyHome, isModShift, isShortcutJumpCaret, someKeys, } from '../../../lib/events/keyboard/identifiers.js';
+/**
+ * Вычисляет новое выделение при навигации стрелками, Home/End и Ctrl/Alt+стрелками.
+ * Логика перенесена из FixedIMaskInput v1.
+ *
+ * @param e — keyboard event.
+ * @param maxPos — максимальная позиция курсора (typedLength).
+ * @param el — DOM input с текущим selection.
+ * @returns кортеж `[start, end, direction]` для `setSelectionRange`.
+ */
+export function calcNavigationSelection(e, maxPos, el) {
+    var _a, _b, _c;
+    if (!el) {
+        return [0, 0, 'none'];
+    }
+    var start = (_a = el.selectionStart) !== null && _a !== void 0 ? _a : 0;
+    var end = (_b = el.selectionEnd) !== null && _b !== void 0 ? _b : 0;
+    var direction = ((_c = el.selectionDirection) !== null && _c !== void 0 ? _c : 'none');
+    var isSelectionMode = isModShift()(e);
+    var tail = start !== end && direction === 'backward' ? end : start;
+    var head = start !== end && direction === 'backward' ? start : end;
+    var headDirection = someKeys(isKeyArrowLeft, isKeyArrowUp, isKeyHome)(e) ? 'left' : 'right';
+    var step = isKeyArrowHorizontal(e) ? 1 : Infinity;
+    var increment = headDirection === 'left' ? -step : step;
+    var normalized = function (v) { return Math.min(maxPos, Math.max(0, v)); };
+    if (isShortcutJumpCaret(e)) {
+        head = jumpCaret(head, headDirection, el.value, maxPos);
+    }
+    else if (head !== tail && !isSelectionMode && isKeyArrowHorizontal(e)) {
+        head = headDirection === 'right' ? Math.max(tail, head) : Math.min(tail, head);
+    }
+    else {
+        head = head + increment;
+    }
+    if (isSelectionMode) {
+        var s = Math.min(tail, head);
+        var e2 = Math.max(tail, head);
+        return [normalized(s), normalized(e2), e2 === head ? 'forward' : 'backward'];
+    }
+    tail = head;
+    return [normalized(tail), normalized(head), 'none'];
+}
+/**
+ * Перемещает курсор к началу/концу следующего «слова» при Ctrl/Alt+стрелка.
+ *
+ * @param prev — текущая позиция курсора.
+ * @param headDirection — направление прыжка.
+ * @param value — текущее value input.
+ * @param maxPos — верхняя граница позиции курсора.
+ */
+function jumpCaret(prev, headDirection, value, maxPos) {
+    var _a;
+    // CODE-1 fix: используем .source вместо .valueOf() — иначе "/" попадает в символы слова
+    var word = /а-яa-z0-9_/.source;
+    var wordRegExp = new RegExp("([".concat(word, "])+[\\s]*|([^").concat(word, "])+"), 'gi');
+    var normalized = function (v) { return Math.min(maxPos, Math.max(0, v)); };
+    var next = headDirection === 'right' ? prev : 0;
+    (_a = value.match(wordRegExp)) === null || _a === void 0 ? void 0 : _a.reduce(function (s, a) {
+        var pos = a.length + (s.slice(-1)[0] || 0);
+        if (headDirection === 'right' && next === prev && next < pos) {
+            next = normalized(pos);
+        }
+        else if (headDirection === 'left' && prev > pos) {
+            next = normalized(pos);
+        }
+        return __spreadArray(__spreadArray([], s, true), [pos], false);
+    }, []);
+    return next;
+}
+//# sourceMappingURL=maskedCoreNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskedCoreNavigation.js","sourceRoot":"","sources":["maskedCoreNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\n\nimport {\n  isKeyArrowHorizontal,\n  isKeyArrowLeft,\n  isKeyArrowUp,\n  isKeyHome,\n  isModShift,\n  isShortcutJumpCaret,\n  someKeys,\n} from '../../../lib/events/keyboard/identifiers.js';\n\ntype HeadDirection = 'left' | 'right';\ntype SelectionDirection = 'forward' | 'backward' | 'none';\n\n/**\n * Вычисляет новое выделение при навигации стрелками, Home/End и Ctrl/Alt+стрелками.\n * Логика перенесена из FixedIMaskInput v1.\n *\n * @param e — keyboard event.\n * @param maxPos — максимальная позиция курсора (typedLength).\n * @param el — DOM input с текущим selection.\n * @returns кортеж `[start, end, direction]` для `setSelectionRange`.\n */\nexport function calcNavigationSelection(\n  e: React.KeyboardEvent<HTMLInputElement>,\n  maxPos: number,\n  el: HTMLInputElement | null,\n): [number, number, SelectionDirection] {\n  if (!el) {\n    return [0, 0, 'none'];\n  }\n\n  const start = el.selectionStart ?? 0;\n  const end = el.selectionEnd ?? 0;\n  const direction = (el.selectionDirection ?? 'none') as SelectionDirection;\n\n  const isSelectionMode = isModShift()(e);\n  let tail = start !== end && direction === 'backward' ? end : start;\n  let head = start !== end && direction === 'backward' ? start : end;\n\n  const headDirection: HeadDirection = someKeys(isKeyArrowLeft, isKeyArrowUp, isKeyHome)(e) ? 'left' : 'right';\n  const step = isKeyArrowHorizontal(e) ? 1 : Infinity;\n  const increment = headDirection === 'left' ? -step : step;\n\n  const normalized = (v: number) => Math.min(maxPos, Math.max(0, v));\n\n  if (isShortcutJumpCaret(e)) {\n    head = jumpCaret(head, headDirection, el.value, maxPos);\n  } else if (head !== tail && !isSelectionMode && isKeyArrowHorizontal(e)) {\n    head = headDirection === 'right' ? Math.max(tail, head) : Math.min(tail, head);\n  } else {\n    head = head + increment;\n  }\n\n  if (isSelectionMode) {\n    const s = Math.min(tail, head);\n    const e2 = Math.max(tail, head);\n    return [normalized(s), normalized(e2), e2 === head ? 'forward' : 'backward'];\n  }\n\n  tail = head;\n  return [normalized(tail), normalized(head), 'none'];\n}\n\n/**\n * Перемещает курсор к началу/концу следующего «слова» при Ctrl/Alt+стрелка.\n *\n * @param prev — текущая позиция курсора.\n * @param headDirection — направление прыжка.\n * @param value — текущее value input.\n * @param maxPos — верхняя граница позиции курсора.\n */\nfunction jumpCaret(prev: number, headDirection: HeadDirection, value: string, maxPos: number): number {\n  // CODE-1 fix: используем .source вместо .valueOf() — иначе \"/\" попадает в символы слова\n  const word = /а-яa-z0-9_/.source;\n  const wordRegExp = new RegExp(`([${word}])+[\\\\s]*|([^${word}])+`, 'gi');\n  const normalized = (v: number) => Math.min(maxPos, Math.max(0, v));\n\n  let next = headDirection === 'right' ? prev : 0;\n  value.match(wordRegExp)?.reduce<number[]>((s, a) => {\n    const pos = a.length + (s.slice(-1)[0] || 0);\n    if (headDirection === 'right' && next === prev && next < pos) {\n      next = normalized(pos);\n    } else if (headDirection === 'left' && prev > pos) {\n      next = normalized(pos);\n    }\n    return [...s, pos];\n  }, []);\n\n  return next;\n}\n"]}

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

@@ -0,0 +1,2 @@
+/** Ширина текста в стиле input (для overflow и center/right align). */
+export declare function measureInputTextWidth(input: HTMLInputElement, text: string): number;

package/components/MaskedInputV2/internal/measureInputTextWidth.js

@@ -0,0 +1,30 @@
+import { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';
+/** Ширина текста в стиле input (для overflow и center/right align). */
+export function measureInputTextWidth(input, text) {
+    if (!text) {
+        return 0;
+    }
+    var globalObject = getOwnerGlobalObject(input);
+    if (!isBrowser(globalObject)) {
+        return 0;
+    }
+    var style = globalObject.getComputedStyle(input);
+    var probe = globalObject.document.createElement('span');
+    probe.textContent = text;
+    probe.style.cssText = [
+        'position:absolute',
+        'visibility:hidden',
+        'white-space:pre',
+        'pointer-events:none',
+        "font:".concat(style.font),
+        "letter-spacing:".concat(style.letterSpacing),
+        "text-transform:".concat(style.textTransform),
+        "font-variant-numeric:".concat(style.fontVariantNumeric),
+        "font-feature-settings:".concat(style.fontFeatureSettings),
+    ].join(';');
+    globalObject.document.body.appendChild(probe);
+    var width = probe.getBoundingClientRect().width;
+    probe.remove();
+    return width;
+}
+//# sourceMappingURL=measureInputTextWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"measureInputTextWidth.js","sourceRoot":"","sources":["measureInputTextWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAE/E,uEAAuE;AACvE,MAAM,UAAU,qBAAqB,CAAC,KAAuB,EAAE,IAAY;IACzE,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAM,KAAK,GAAG,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACnD,IAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1D,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG;QACpB,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,qBAAqB;QACrB,eAAQ,KAAK,CAAC,IAAI,CAAE;QACpB,yBAAkB,KAAK,CAAC,aAAa,CAAE;QACvC,yBAAkB,KAAK,CAAC,aAAa,CAAE;QACvC,+BAAwB,KAAK,CAAC,kBAAkB,CAAE;QAClD,gCAAyB,KAAK,CAAC,mBAAmB,CAAE;KACrD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE9C,IAAM,KAAK,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IAClD,KAAK,CAAC,MAAM,EAAE,CAAC;IAEf,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';\n\n/** Ширина текста в стиле input (для overflow и center/right align). */\nexport function measureInputTextWidth(input: HTMLInputElement, text: string): number {\n  if (!text) {\n    return 0;\n  }\n\n  const globalObject = getOwnerGlobalObject(input);\n  if (!isBrowser(globalObject)) {\n    return 0;\n  }\n\n  const style = globalObject.getComputedStyle(input);\n  const probe = globalObject.document.createElement('span');\n  probe.textContent = text;\n  probe.style.cssText = [\n    'position:absolute',\n    'visibility:hidden',\n    'white-space:pre',\n    'pointer-events:none',\n    `font:${style.font}`,\n    `letter-spacing:${style.letterSpacing}`,\n    `text-transform:${style.textTransform}`,\n    `font-variant-numeric:${style.fontVariantNumeric}`,\n    `font-feature-settings:${style.fontFeatureSettings}`,\n  ].join(';');\n  globalObject.document.body.appendChild(probe);\n\n  const width = probe.getBoundingClientRect().width;\n  probe.remove();\n\n  return width;\n}\n"]}

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

@@ -0,0 +1,2 @@
+export declare function isMaskInputSelectionAllowed(input: HTMLInputElement): boolean;
+export declare function setMaskInputSelectionRange(input: HTMLInputElement | null | undefined, start: number, end?: number, direction?: 'forward' | 'backward' | 'none'): void;

package/components/MaskedInputV2/internal/setMaskInputSelectionRange.js

@@ -0,0 +1,25 @@
+import { selectionAllowedTypes } from '../../Input/Input.js';
+function normalizeInputType(type) {
+    return type.trim();
+}
+export function isMaskInputSelectionAllowed(input) {
+    return selectionAllowedTypes.includes(normalizeInputType(input.type || 'text'));
+}
+export function setMaskInputSelectionRange(input, start, end, direction) {
+    if (end === void 0) { end = start; }
+    if (!input || !isMaskInputSelectionAllowed(input)) {
+        return;
+    }
+    try {
+        if (direction) {
+            input.setSelectionRange(start, end, direction);
+        }
+        else {
+            input.setSelectionRange(start, end);
+        }
+    }
+    catch (_a) {
+        // InvalidStateError для input-типов без selection API
+    }
+}
+//# sourceMappingURL=setMaskInputSelectionRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"setMaskInputSelectionRange.js","sourceRoot":"","sources":["setMaskInputSelectionRange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAkB,MAAM,sBAAsB,CAAC;AAE7E,SAAS,kBAAkB,CAAC,IAAY;IACtC,OAAO,IAAI,CAAC,IAAI,EAAe,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,KAAuB;IACjE,OAAO,qBAAqB,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC;AAClF,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,KAA0C,EAC1C,KAAa,EACb,GAAmB,EACnB,SAA2C;IAD3C,oBAAA,EAAA,WAAmB;IAGnB,IAAI,CAAC,KAAK,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,OAAO;IACT,CAAC;IAED,IAAI,CAAC;QACH,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAAC,WAAM,CAAC;QACP,sDAAsD;IACxD,CAAC;AACH,CAAC","sourcesContent":["import { selectionAllowedTypes, type InputType } from '../../Input/Input.js';\n\nfunction normalizeInputType(type: string): InputType {\n  return type.trim() as InputType;\n}\n\nexport function isMaskInputSelectionAllowed(input: HTMLInputElement): boolean {\n  return selectionAllowedTypes.includes(normalizeInputType(input.type || 'text'));\n}\n\nexport function setMaskInputSelectionRange(\n  input: HTMLInputElement | null | undefined,\n  start: number,\n  end: number = start,\n  direction?: 'forward' | 'backward' | 'none',\n): void {\n  if (!input || !isMaskInputSelectionAllowed(input)) {\n    return;\n  }\n\n  try {\n    if (direction) {\n      input.setSelectionRange(start, end, direction);\n    } else {\n      input.setSelectionRange(start, end);\n    }\n  } catch {\n    // InvalidStateError для input-типов без selection API\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import type { MaskState } from './types.js';
+export declare function hasMaskPart(maskState: MaskState): boolean;
+export declare function getShowOverlay(maskState: MaskState, focused: boolean, overflows?: boolean): boolean;

package/components/MaskedInputV2/internal/showOverlay.js

@@ -0,0 +1,16 @@
+export function hasMaskPart(maskState) {
+    return maskState.displayValue.length > maskState.typedValue.length;
+}
+export function getShowOverlay(maskState, focused, overflows) {
+    if (overflows === void 0) { overflows = false; }
+    if (overflows) {
+        // При переполнении скрываем overlay только для полностью введённого значения:
+        // иначе overlay не совпадает с прокруткой input. Декоративная часть маски
+        // (плейсхолдеры) всегда рисуется через overlay, а не через value input.
+        return hasMaskPart(maskState);
+    }
+    // Полностью введённое значение (без декоративной части маски) рисуем нативным
+    // текстом input — иначе overlay с overflow:hidden обрезает конец при горизонтальном скролле.
+    return hasMaskPart(maskState);
+}
+//# sourceMappingURL=showOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"showOverlay.js","sourceRoot":"","sources":["showOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,WAAW,CAAC,SAAoB;IAC9C,OAAO,SAAS,CAAC,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,SAAoB,EAAE,OAAgB,EAAE,SAAiB;IAAjB,0BAAA,EAAA,iBAAiB;IACtF,IAAI,SAAS,EAAE,CAAC;QACd,8EAA8E;QAC9E,0EAA0E;QAC1E,wEAAwE;QACxE,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,8EAA8E;IAC9E,6FAA6F;IAC7F,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;AAChC,CAAC","sourcesContent":["import type { MaskState } from './types.js';\n\nexport function hasMaskPart(maskState: MaskState): boolean {\n  return maskState.displayValue.length > maskState.typedValue.length;\n}\n\nexport function getShowOverlay(maskState: MaskState, focused: boolean, overflows = false): boolean {\n  if (overflows) {\n    // При переполнении скрываем overlay только для полностью введённого значения:\n    // иначе overlay не совпадает с прокруткой input. Декоративная часть маски\n    // (плейсхолдеры) всегда рисуется через overlay, а не через value input.\n    return hasMaskPart(maskState);\n  }\n\n  // Полностью введённое значение (без декоративной части маски) рисуем нативным\n  // текстом input — иначе overlay с overflow:hidden обрезает конец при горизонтальном скролле.\n  return hasMaskPart(maskState);\n}\n"]}

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

@@ -0,0 +1,11 @@
+import type { SlotMap } from './types.js';
+/**
+ * Из выделенного диапазона displayValue убирает фиксированные символы маски,
+ * оставляя только пользовательские символы.
+ *
+ * @param selected — подстрока displayValue.
+ * @param slotMap — карта соответствия позиций маски и raw-слотов.
+ * @param startOffset — позиция начала выделения в displayValue.
+ * @returns строка без литералов маски.
+ */
+export declare function stripMaskChars(selected: string, slotMap: SlotMap, startOffset: number): string;

package/components/MaskedInputV2/internal/stripMaskChars.js

@@ -0,0 +1,20 @@
+/**
+ * Из выделенного диапазона displayValue убирает фиксированные символы маски,
+ * оставляя только пользовательские символы.
+ *
+ * @param selected — подстрока displayValue.
+ * @param slotMap — карта соответствия позиций маски и raw-слотов.
+ * @param startOffset — позиция начала выделения в displayValue.
+ * @returns строка без литералов маски.
+ */
+export function stripMaskChars(selected, slotMap, startOffset) {
+    var result = '';
+    for (var i = 0; i < selected.length; i++) {
+        var maskedPos = startOffset + i;
+        if (slotMap.maskedToRaw[maskedPos] !== null && slotMap.maskedToRaw[maskedPos] !== undefined) {
+            result += selected[i];
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=stripMaskChars.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stripMaskChars.js","sourceRoot":"","sources":["stripMaskChars.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,QAAgB,EAAE,OAAgB,EAAE,WAAmB;IACpF,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,CAAC;QAClC,IAAI,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,SAAS,EAAE,CAAC;YAC5F,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import type { SlotMap } from './types.js';\n\n/**\n * Из выделенного диапазона displayValue убирает фиксированные символы маски,\n * оставляя только пользовательские символы.\n *\n * @param selected — подстрока displayValue.\n * @param slotMap — карта соответствия позиций маски и raw-слотов.\n * @param startOffset — позиция начала выделения в displayValue.\n * @returns строка без литералов маски.\n */\nexport function stripMaskChars(selected: string, slotMap: SlotMap, startOffset: number): string {\n  let result = '';\n  for (let i = 0; i < selected.length; i++) {\n    const maskedPos = startOffset + i;\n    if (slotMap.maskedToRaw[maskedPos] !== null && slotMap.maskedToRaw[maskedPos] !== undefined) {\n      result += selected[i];\n    }\n  }\n  return result;\n}\n"]}

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

@@ -0,0 +1,74 @@
+import type { MaskedPattern } from '../react-imask/imask/index.js';
+export interface MaskEngine {
+    compute(raw: string, focused: boolean): MaskState;
+    applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;
+    slotMap: SlotMap;
+    imask: MaskedPattern;
+}
+export interface PasteResult {
+    raw: string;
+    overflow: boolean;
+}
+export interface MaskState {
+    /**
+     * Значение для <input value=...>.
+     * focused=true, alwaysShowMask=false: "12__" (с плейсхолдерами)
+     * focused=false, alwaysShowMask=false: "12"  (lazy, без плейсхолдеров)
+     * alwaysShowMask=true: "12__" всегда
+     */
+    displayValue: string;
+    /**
+     * Подстрока displayValue от начала до конца последнего введённого символа
+     * (включая разделители маски внутри введённой части).
+     *
+     * mask="99.99", typed="12": displayValue="12.34" (нет — мы в данном примере typed="1234")
+     * mask="99.99", typed="12": displayValue="12.__", typedValue="12."                                                        ^^^
+     */
+    typedValue: string;
+    /**
+     * Длина typedValue в символах.
+     * typedValue="12." → typedLength=3
+     */
+    typedLength: number;
+    /**
+     * Значение для onValueChange.
+     * unmask=false: imask.value ("12.")
+     * unmask=true:  imask.unmaskedValue ("12")
+     */
+    outputValue: string;
+    /**
+     * Маска заполнена полностью.
+     */
+    isComplete: boolean;
+    /**
+     * Количество принятых IMask пользовательских символов.
+     * raw="12345" для mask="999" → acceptedLength=3 ("123").
+     */
+    acceptedLength: number;
+}
+export interface HistoryState {
+    raw: string;
+    cursorPos: number;
+}
+export interface SlotMap {
+    /**
+     * Позиции пользовательских слотов в displayValue (при lazy=false, все плейсхолдеры видны).
+     * mask="99.99" → userSlots=[0, 1, 3, 4]
+     *               displayValue="_._._" (пустое поле, alwaysShowMask)
+     */
+    userSlots: number[];
+    /**
+     * maskedToRaw[maskedPos] → rawPos | null
+     * null означает: позиция принадлежит фиксированному символу маски.
+     *
+     * mask="99.99": displayValue="_._._"
+     * maskedToRaw = [0, 1, null, 2, 3]
+     */
+    maskedToRaw: Array<number | null>;
+    /**
+     * rawToMasked[rawPos] → maskedPos
+     * Обратный maskedToRaw, только для пользовательских позиций.
+     * mask="99.99": rawToMasked = [0, 1, 3, 4]
+     */
+    rawToMasked: number[];
+}

package/components/MaskedInputV2/internal/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MaskedPattern } from '../react-imask/imask/index.js';\n\nexport interface MaskEngine {\n  compute(raw: string, focused: boolean): MaskState;\n  applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;\n  slotMap: SlotMap;\n  imask: MaskedPattern;\n}\n\nexport interface PasteResult {\n  raw: string;\n  overflow: boolean;\n}\n\nexport interface MaskState {\n  /**\n   * Значение для <input value=...>.\n   * focused=true, alwaysShowMask=false: \"12__\" (с плейсхолдерами)\n   * focused=false, alwaysShowMask=false: \"12\"  (lazy, без плейсхолдеров)\n   * alwaysShowMask=true: \"12__\" всегда\n   */\n  displayValue: string;\n\n  /**\n   * Подстрока displayValue от начала до конца последнего введённого символа\n   * (включая разделители маски внутри введённой части).\n   *\n   * mask=\"99.99\", typed=\"12\": displayValue=\"12.34\" (нет — мы в данном примере typed=\"1234\")\n   * mask=\"99.99\", typed=\"12\": displayValue=\"12.__\", typedValue=\"12.\"                                                        ^^^\n   */\n  typedValue: string;\n\n  /**\n   * Длина typedValue в символах.\n   * typedValue=\"12.\" → typedLength=3\n   */\n  typedLength: number;\n\n  /**\n   * Значение для onValueChange.\n   * unmask=false: imask.value (\"12.\")\n   * unmask=true:  imask.unmaskedValue (\"12\")\n   */\n  outputValue: string;\n\n  /**\n   * Маска заполнена полностью.\n   */\n  isComplete: boolean;\n\n  /**\n   * Количество принятых IMask пользовательских символов.\n   * raw=\"12345\" для mask=\"999\" → acceptedLength=3 (\"123\").\n   */\n  acceptedLength: number;\n}\n\nexport interface HistoryState {\n  raw: string;\n  cursorPos: number;\n}\n\nexport interface SlotMap {\n  /**\n   * Позиции пользовательских слотов в displayValue (при lazy=false, все плейсхолдеры видны).\n   * mask=\"99.99\" → userSlots=[0, 1, 3, 4]\n   *               displayValue=\"_._._\" (пустое поле, alwaysShowMask)\n   */\n  userSlots: number[];\n\n  /**\n   * maskedToRaw[maskedPos] → rawPos | null\n   * null означает: позиция принадлежит фиксированному символу маски.\n   *\n   * mask=\"99.99\": displayValue=\"_._._\"\n   * maskedToRaw = [0, 1, null, 2, 3]\n   */\n  maskedToRaw: Array<number | null>;\n\n  /**\n   * rawToMasked[rawPos] → maskedPos\n   * Обратный maskedToRaw, только для пользовательских позиций.\n   * mask=\"99.99\": rawToMasked = [0, 1, 3, 4]\n   */\n  rawToMasked: number[];\n}\n"]}

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

@@ -0,0 +1,4 @@
+import type React from 'react';
+export declare function isInputTextOverflowing(input: HTMLInputElement, displayValue: string): boolean;
+/** Горизонтальное переполнение текста внутри input. */
+export declare function useInputOverflow(inputRef: React.RefObject<HTMLInputElement | null>, displayValue: string, remeasureKey: unknown): boolean;

package/components/MaskedInputV2/internal/useInputOverflow.js

@@ -0,0 +1,34 @@
+import { useLayoutEffect, useState } from 'react';
+import { measureInputTextWidth } from './measureInputTextWidth.js';
+export function isInputTextOverflowing(input, displayValue) {
+    if (input.scrollWidth > input.clientWidth) {
+        return true;
+    }
+    var text = input.value || displayValue;
+    return measureInputTextWidth(input, text) > input.clientWidth;
+}
+/** Горизонтальное переполнение текста внутри input. */
+export function useInputOverflow(inputRef, displayValue, remeasureKey) {
+    var _a = useState(false), overflow = _a[0], setOverflow = _a[1];
+    useLayoutEffect(function () {
+        var input = inputRef.current;
+        if (!input) {
+            return;
+        }
+        var measure = function () {
+            setOverflow(function (prev) {
+                var next = isInputTextOverflowing(input, displayValue);
+                return prev === next ? prev : next;
+            });
+        };
+        measure();
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        var observer = new ResizeObserver(measure);
+        observer.observe(input);
+        return function () { return observer.disconnect(); };
+    }, [displayValue, inputRef, remeasureKey]);
+    return overflow;
+}
+//# sourceMappingURL=useInputOverflow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInputOverflow.js","sourceRoot":"","sources":["useInputOverflow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,UAAU,sBAAsB,CAAC,KAAuB,EAAE,YAAoB;IAClF,IAAI,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC;IACzC,OAAO,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC;AAChE,CAAC;AAED,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAC9B,QAAkD,EAClD,YAAoB,EACpB,YAAqB;IAEf,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,eAAe,CAAC;QACd,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAM,OAAO,GAAG;YACd,WAAW,CAAC,UAAC,IAAI;gBACf,IAAM,IAAI,GAAG,sBAAsB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBACzD,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,EAAE,CAAC;QAEV,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["import type React from 'react';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { measureInputTextWidth } from './measureInputTextWidth.js';\n\nexport function isInputTextOverflowing(input: HTMLInputElement, displayValue: string): boolean {\n  if (input.scrollWidth > input.clientWidth) {\n    return true;\n  }\n\n  const text = input.value || displayValue;\n  return measureInputTextWidth(input, text) > input.clientWidth;\n}\n\n/** Горизонтальное переполнение текста внутри input. */\nexport function useInputOverflow(\n  inputRef: React.RefObject<HTMLInputElement | null>,\n  displayValue: string,\n  remeasureKey: unknown,\n): boolean {\n  const [overflow, setOverflow] = useState(false);\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (!input) {\n      return;\n    }\n\n    const measure = () => {\n      setOverflow((prev) => {\n        const next = isInputTextOverflowing(input, displayValue);\n        return prev === next ? prev : next;\n      });\n    };\n\n    measure();\n\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(input);\n\n    return () => observer.disconnect();\n  }, [displayValue, inputRef, remeasureKey]);\n\n  return overflow;\n}\n"]}

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

@@ -0,0 +1,2 @@
+import type React from 'react';
+export declare function useMaskAlignPadding(inputRef: React.RefObject<HTMLInputElement | null>, overlayRef: React.RefObject<HTMLElement | null>, displayValue: string, textAlign: React.CSSProperties['textAlign'] | undefined, enabled: boolean): number;

package/components/MaskedInputV2/internal/useMaskAlignPadding.js

@@ -0,0 +1,33 @@
+import { useLayoutEffect, useState } from 'react';
+import { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';
+export function useMaskAlignPadding(inputRef, overlayRef, displayValue, textAlign, enabled) {
+    var _a = useState(0), paddingLeft = _a[0], setPaddingLeft = _a[1];
+    useLayoutEffect(function () {
+        if (!enabled || !needsMaskAlignPadding(textAlign)) {
+            setPaddingLeft(0);
+            return;
+        }
+        var input = inputRef.current;
+        if (!input) {
+            return;
+        }
+        var update = function () {
+            setPaddingLeft(function (prev) {
+                var next = computeMaskAlignPadding(input, displayValue, textAlign, overlayRef.current);
+                return prev === next ? prev : next;
+            });
+        };
+        update();
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        var observer = new ResizeObserver(update);
+        observer.observe(input);
+        if (overlayRef.current) {
+            observer.observe(overlayRef.current);
+        }
+        return function () { return observer.disconnect(); };
+    }, [displayValue, enabled, inputRef, overlayRef, textAlign]);
+    return paddingLeft;
+}
+//# sourceMappingURL=useMaskAlignPadding.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMaskAlignPadding.js","sourceRoot":"","sources":["useMaskAlignPadding.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAE9F,MAAM,UAAU,mBAAmB,CACjC,QAAkD,EAClD,UAA+C,EAC/C,YAAoB,EACpB,SAAuD,EACvD,OAAgB;IAEV,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAElD,eAAe,CAAC;QACd,IAAI,CAAC,OAAO,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;YAClD,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAM,MAAM,GAAG;YACb,cAAc,CAAC,UAAC,IAAI;gBAClB,IAAM,IAAI,GAAG,uBAAuB,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;gBACzF,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["import type React from 'react';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { computeMaskAlignPadding, needsMaskAlignPadding } from './computeMaskAlignPadding.js';\n\nexport function useMaskAlignPadding(\n  inputRef: React.RefObject<HTMLInputElement | null>,\n  overlayRef: React.RefObject<HTMLElement | null>,\n  displayValue: string,\n  textAlign: React.CSSProperties['textAlign'] | undefined,\n  enabled: boolean,\n): number {\n  const [paddingLeft, setPaddingLeft] = useState(0);\n\n  useLayoutEffect(() => {\n    if (!enabled || !needsMaskAlignPadding(textAlign)) {\n      setPaddingLeft(0);\n      return;\n    }\n\n    const input = inputRef.current;\n    if (!input) {\n      return;\n    }\n\n    const update = () => {\n      setPaddingLeft((prev) => {\n        const next = computeMaskAlignPadding(input, displayValue, textAlign, overlayRef.current);\n        return prev === next ? prev : next;\n      });\n    };\n\n    update();\n\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observer = new ResizeObserver(update);\n    observer.observe(input);\n    if (overlayRef.current) {\n      observer.observe(overlayRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, [displayValue, enabled, inputRef, overlayRef, textAlign]);\n\n  return paddingLeft;\n}\n"]}

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

@@ -0,0 +1,42 @@
+import type { MaskedPattern, MaskedPatternOptions } from '../react-imask/imask/index.js';
+import type { IMaskInputProps } from '../react-imask/index.js';
+import type { MaskState, SlotMap } from './types.js';
+export interface MaskEngine {
+    /**
+     * Применить raw-ввод, получить MaskState.
+     * Чистая функция (без побочных эффектов на внешний стейт).
+     */
+    compute(raw: string, focused: boolean): MaskState;
+    /**
+     * Применить вставку с учётом текущего курсора.
+     * Возвращает новый raw и флаг переполнения.
+     */
+    applyPaste(currentRaw: string, rawCursorPos: number, pasted: string): PasteResult;
+    /** Карта слотов. Пересчитывается только при смене маски. */
+    slotMap: SlotMap;
+    /** Доступ к IMask-инстансу для edge cases (imaskProps escape hatch). */
+    imask: MaskedPattern;
+}
+interface PasteResult {
+    raw: string;
+    overflow: boolean;
+}
+export type MaskEager = NonNullable<MaskedPatternOptions['eager']>;
+/** Пропсы хука {@link useMaskEngine}. */
+interface UseMaskEngineProps {
+    mask: string;
+    maskChar?: string;
+    formatChars?: Record<string, string>;
+    unmask: boolean;
+    alwaysShowMask: boolean;
+    imaskProps?: IMaskInputProps<HTMLInputElement>;
+}
+/**
+ * Создаёт headless IMask-движок для MaskedInputV2.
+ * IMask используется как калькулятор состояния, без привязки к DOM.
+ *
+ * @param props — настройки маски и поведения отображения.
+ * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.
+ */
+export declare function useMaskEngine(props: UseMaskEngineProps): MaskEngine;
+export {};

package/components/MaskedInputV2/internal/useMaskEngine.js

@@ -0,0 +1,128 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useMemo } from 'react';
+import { getDefinitions, getMaskChar } from '../MaskedInputV2.helpers.js';
+import { createMask } from '../react-imask/imask/masked/create.js';
+import { buildSlotMap, extractRaw } from './helpers.js';
+var IMASK_DEFAULT_PATTERN_TOKENS = new Set(['a', '*']);
+/**
+ * В IMask `a`, `*` и `0` имеют встроенные определения. В API MaskedInput
+ * `formatChars` — полный словарь токенов, поэтому незаданные в нём встроенные
+ * токены должны оставаться литералами маски.
+ *
+ * Кастомные definitions из imaskProps — escape hatch, поэтому они также
+ * сохраняют символ токеном.
+ *
+ * `0` всегда был литералом в MaskedInput и обрабатывается отдельно ниже.
+ */
+function normalizeMask(mask, formatChars, imaskDefinitions) {
+    var _a;
+    if (!formatChars) {
+        return mask.replace(/0/g, '{\\0}');
+    }
+    var definitionTokens = new Set(__spreadArray(__spreadArray([], Object.keys(formatChars), true), Object.keys(imaskDefinitions !== null && imaskDefinitions !== void 0 ? imaskDefinitions : {}), true));
+    var normalizedMask = '';
+    for (var index = 0; index < mask.length; index++) {
+        var char = mask[index];
+        // Не экранируем символ, уже экранированный пользователем.
+        if (char === '\\') {
+            normalizedMask += char + ((_a = mask[index + 1]) !== null && _a !== void 0 ? _a : '');
+            index++;
+            continue;
+        }
+        if (IMASK_DEFAULT_PATTERN_TOKENS.has(char) && !definitionTokens.has(char)) {
+            normalizedMask += "\\".concat(char);
+            continue;
+        }
+        normalizedMask += char;
+    }
+    return normalizedMask.replace(/0/g, '{\\0}');
+}
+/**
+ * Создаёт headless IMask-движок для MaskedInputV2.
+ * IMask используется как калькулятор состояния, без привязки к DOM.
+ *
+ * @param props — настройки маски и поведения отображения.
+ * @returns объект {@link MaskEngine} с методами `compute`, `applyPaste`, `slotMap` и `imask`.
+ */
+export function useMaskEngine(props) {
+    var _a, _b;
+    var mask = (_a = props.mask) !== null && _a !== void 0 ? _a : '';
+    var _c = (_b = props.imaskProps) !== null && _b !== void 0 ? _b : {}, imaskDefinitions = _c.definitions, eager = _c.eager;
+    var normalizedMask = normalizeMask(mask, props.formatChars, imaskDefinitions);
+    var imask = useMemo(function () {
+        return createMask(__assign({ mask: normalizedMask, placeholderChar: getMaskChar(props.maskChar), definitions: getDefinitions(props.formatChars), eager: eager !== null && eager !== void 0 ? eager : 'append', overwrite: 'shift', lazy: true }, props.imaskProps));
+    }, [normalizedMask, props.imaskProps, props.maskChar, eager, JSON.stringify(props.formatChars)]);
+    // SlotMap пересчитывается при смене маски
+    var slotMap = useMemo(function () { return buildSlotMap(imask); }, [imask]);
+    function compute(raw, focused) {
+        var lazy = !props.alwaysShowMask && !focused;
+        var eagerAppend = imask.eager === 'append' || imask.eager === true;
+        // raw — только пользовательские слоты. resolve({ input: true }) съел бы цифру,
+        // совпадающую с литералом маски (`7` в `7 999` / первая `7` после `+7`).
+        imask.updateOptions({ lazy: true });
+        imask.rawInputValue = raw;
+        // raw-флаг не триггерит eager trailing (это делал flags.input) — добираем вручную.
+        if (eagerAppend && raw) {
+            imask._appendEager();
+        }
+        if (focused && !raw && eagerAppend) {
+            imask._appendEager();
+        }
+        var lazyValue = imask.value;
+        var displayValue = lazyValue;
+        var typedValue = lazyValue;
+        if (!lazy) {
+            imask.updateOptions({ lazy: false });
+            imask.rawInputValue = raw;
+            if (eagerAppend && raw) {
+                imask._appendEager();
+            }
+            displayValue = imask.displayValue;
+        }
+        var unmaskedValue = raw === '' ? '' : imask.unmaskedValue;
+        var maskedValue = raw === '' ? '' : lazyValue;
+        return {
+            displayValue: displayValue,
+            typedValue: typedValue,
+            typedLength: typedValue.length,
+            outputValue: props.unmask ? unmaskedValue : maskedValue,
+            isComplete: imask.isComplete,
+            acceptedLength: imask.unmaskedValue.length,
+        };
+    }
+    function applyPaste(currentRaw, rawCursorPos, pasted) {
+        var before = currentRaw.slice(0, rawCursorPos);
+        var after = currentRaw.slice(rawCursorPos);
+        // Уже «сырые» цифры (в т.ч. после normalizeRussianPhonePaste) нельзя прогонять через
+        // extractRaw/.value (input:true): ведущая 7 съестся литералом `+7` / `7 …`.
+        var pastedRaw = /^\d+$/.test(pasted) ? pasted : extractRaw(pasted, { imask: imask });
+        var candidate = before + pastedRaw + after;
+        imask.rawInputValue = candidate;
+        var accepted = imask.rawInputValue;
+        return {
+            raw: accepted,
+            overflow: accepted.length < candidate.length,
+        };
+    }
+    return { compute: compute, applyPaste: applyPaste, slotMap: slotMap, imask: imask };
+}
+//# sourceMappingURL=useMaskEngine.js.map