infinity-forge 3.2.7 → 3.3.0

package/dist/ui/components/form/input-mask/lib/mask/InputMask.js

@@ -0,0 +1,44 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var core_1 = require("../core/index.js");
+var useMask_1 = __importDefault(require("./useMask.js"));
+function ForwardedInputMask(_a, forwardedInputRef) {
+    var Component = _a.component, mask = _a.mask, replacement = _a.replacement, showMask = _a.showMask, separate = _a.separate, track = _a.track, modify = _a.modify, onMask = _a.onMask, props = __rest(_a, ["component", "mask", "replacement", "showMask", "separate", "track", "modify", "onMask"]);
+    var inputRef = (0, useMask_1.default)({ mask: mask, replacement: replacement, showMask: showMask, separate: separate, track: track, modify: modify, onMask: onMask });
+    var connectedInputRef = (0, core_1.useConnectedInputRef)(inputRef, forwardedInputRef);
+    if (Component) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return (0, jsx_runtime_1.jsx)(Component, __assign({ ref: connectedInputRef }, props));
+    }
+    return (0, jsx_runtime_1.jsx)("input", __assign({ ref: connectedInputRef }, props));
+}
+var InputMask = (0, react_1.forwardRef)(ForwardedInputMask);
+exports.default = InputMask;
+//# sourceMappingURL=InputMask.js.map

package/dist/ui/components/form/input-mask/lib/mask/index.d.ts

@@ -0,0 +1,5 @@
+export { default as InputMask } from './InputMask.js';
+export { default as useMask } from './useMask.js';
+export * from './utils.js';
+export type { InputMaskProps } from './InputMask.js';
+export type { MaskProps, Replacement, TrackParam, Track, ModifiedData, Modify, MaskEvent, MaskEventDetail, MaskEventHandler, } from './types.js';

package/dist/ui/components/form/input-mask/lib/mask/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMask = exports.InputMask = void 0;
+var InputMask_1 = require("./InputMask.js");
+Object.defineProperty(exports, "InputMask", { enumerable: true, get: function () { return __importDefault(InputMask_1).default; } });
+var useMask_1 = require("./useMask.js");
+Object.defineProperty(exports, "useMask", { enumerable: true, get: function () { return __importDefault(useMask_1).default; } });
+__exportStar(require("./utils.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-mask/lib/mask/types.d.ts

@@ -0,0 +1,61 @@
+import type { CustomInputEvent, CustomInputEventHandler } from '../core/index.js';
+export interface MaskPart {
+    type: 'replacement' | 'mask' | 'input';
+    value: string;
+    index: number;
+}
+export interface MaskEventDetail {
+    /** Masked value (same as `event.target.value`). */
+    value: string;
+    /** Value without mask characters. */
+    input: string;
+    /**
+     * Parts of the masked value, where each object contains the character type:
+     * - `replacement` - the replacement character;
+     * - `mask` - the mask character;
+     * - `input` - the character entered by the user.
+     */
+    parts: MaskPart[];
+    /** A regular expression of type `string` that the masked value must match. */
+    pattern: string;
+    /** `true` if the mask is full and matches the pattern value. */
+    isValid: boolean;
+}
+export type MaskEvent = CustomInputEvent<MaskEventDetail>;
+export type MaskEventHandler = CustomInputEventHandler<MaskEvent>;
+export type Replacement = Record<string, RegExp>;
+export type TrackParam = ({
+    inputType: 'insert';
+    data: string;
+} | {
+    inputType: 'deleteBackward' | 'deleteForward';
+    data: null;
+}) & {
+    value: string;
+    selectionStart: number;
+    selectionEnd: number;
+};
+export type Track = (param: TrackParam) => string | boolean | null | undefined;
+export interface ModifiedData {
+    mask?: string;
+    replacement?: string | Replacement;
+    showMask?: boolean;
+    separate?: boolean;
+}
+export type Modify = (input: string) => ModifiedData | undefined;
+export interface MaskProps {
+    /** Input mask, `replacement` is used to replace characters. */
+    mask?: string;
+    /** Sets the characters replaced in the mask, where "key" is the replaced character, "value" is the regular expression to which the input character must match (see «[Replacement](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#replacement)»). It is possible to pass the replacement character as a string, then `replacement="_"` will default to `replacement={{ _: /./ }}`. Keys are ignored as you type. */
+    replacement?: string | Replacement;
+    /** Controls the display of the mask, for example, `+0 (123) ___-__-__` instead of `+0 (123`. */
+    showMask?: boolean;
+    /** Stores the position of the entered characters. By default, input characters are non-breaking, which means that if you remove characters in the middle of the value, the characters are shifted to the left, forming a non-breaking value, which is the behavior of `input`. For example, with `true`, the possible value is `+0 (123) ___-45-__`, with `false` - `+0 (123) 45_-__-__`. */
+    separate?: boolean;
+    /** The function is activated before masking. Allows you to conditionally change the entered value (see «[Track](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#track)»). */
+    track?: Track;
+    /** Function triggered before masking. Allows you conditionally change the properties of the component that affect masking. Valid values for modification are `mask`, `replacement`, `showMask` and `separate`. This is useful when you need conditionally tweak the displayed value to improve UX (see «[Modify](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#modify)»). */
+    modify?: Modify;
+    /** Handler for the custom event `input-mask`. Called asynchronously after the `change` event, accessing the `detail` property containing additional useful information about the value. (see «[Mask event](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#mask-event)»). */
+    onMask?: MaskEventHandler;
+}

package/dist/ui/components/form/input-mask/lib/mask/useMask.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { MaskProps } from './types.js';
+export default function useMask({ mask, replacement, showMask, separate, track, modify, onMask, }?: MaskProps): React.MutableRefObject<HTMLInputElement | null>;

package/dist/ui/components/form/input-mask/lib/mask/useMask.js

@@ -0,0 +1,150 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var core_1 = require("../core/index.js");
+var filter_1 = __importDefault(require("./utils/filter.js"));
+var formatToReplacementObject_1 = __importDefault(require("./utils/formatToReplacementObject.js"));
+var resolveDetail_1 = __importDefault(require("./utils/resolveDetail.js"));
+var resolveSelection_1 = __importDefault(require("./utils/resolveSelection.js"));
+var unformat_1 = __importDefault(require("./utils/unformat.js"));
+var validate_1 = __importDefault(require("./utils/validate.js"));
+function useMask(_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.mask, mask = _c === void 0 ? '' : _c, _d = _b.replacement, replacement = _d === void 0 ? {} : _d, _e = _b.showMask, showMask = _e === void 0 ? false : _e, _f = _b.separate, separate = _f === void 0 ? false : _f, track = _b.track, modify = _b.modify, onMask = _b.onMask;
+    var replacementObject = typeof replacement === 'string' ? (0, formatToReplacementObject_1.default)(replacement) : replacement;
+    var cache = (0, react_1.useRef)(null);
+    var init = function (_a) {
+        var controlled = _a.controlled, initialValue = _a.initialValue;
+        if (process.env.NODE_ENV !== 'production') {
+            (0, validate_1.default)({ initialValue: initialValue, mask: mask, replacement: replacementObject });
+        }
+        initialValue = controlled || initialValue ? initialValue : showMask ? mask : '';
+        var cachedProps = { mask: mask, replacement: replacementObject, showMask: showMask, separate: separate };
+        cache.current = { value: initialValue, props: cachedProps, fallbackProps: cachedProps };
+        return { value: initialValue };
+    };
+    var tracking = function (_a) {
+        var _b;
+        var inputType = _a.inputType, previousValue = _a.previousValue, addedValue = _a.addedValue, changeStart = _a.changeStart, changeEnd = _a.changeEnd;
+        if (cache.current === null) {
+            throw new core_1.SyntheticChangeError('The state has not been initialized.');
+        }
+        if (cache.current.value !== previousValue) {
+            cache.current.props = cache.current.fallbackProps;
+        }
+        else {
+            cache.current.fallbackProps = cache.current.props;
+        }
+        var beforeChangeValue = (0, unformat_1.default)(previousValue, {
+            end: changeStart,
+            mask: cache.current.props.mask,
+            replacement: cache.current.props.replacement,
+            separate: cache.current.props.separate,
+        });
+        var regExp$1 = RegExp("[^".concat(Object.keys(cache.current.props.replacement).join(''), "]"), 'g');
+        var replacementChars = cache.current.props.mask.replace(regExp$1, '');
+        if (beforeChangeValue) {
+            beforeChangeValue = (0, filter_1.default)(beforeChangeValue, {
+                replacementChars: replacementChars,
+                replacement: cache.current.props.replacement,
+                separate: cache.current.props.separate,
+            });
+        }
+        var _addedValue = track === null || track === void 0 ? void 0 : track(__assign(__assign({}, (inputType === 'insert' ? { inputType: inputType, data: addedValue } : { inputType: inputType, data: null })), { value: previousValue, selectionStart: changeStart, selectionEnd: changeEnd }));
+        if (_addedValue === false) {
+            throw new core_1.SyntheticChangeError('Custom trekking stop.');
+        }
+        else if (_addedValue === null) {
+            addedValue = '';
+        }
+        else if (_addedValue !== true && _addedValue !== undefined) {
+            addedValue = _addedValue;
+        }
+        if (addedValue) {
+            addedValue = (0, filter_1.default)(addedValue, {
+                replacementChars: replacementChars.slice(beforeChangeValue.length),
+                replacement: cache.current.props.replacement,
+                separate: false,
+            });
+        }
+        if (inputType === 'insert' && addedValue === '') {
+            throw new core_1.SyntheticChangeError('The character does not match the key value of the `replacement` object.');
+        }
+        var afterChangeValue = (0, unformat_1.default)(previousValue, {
+            start: changeEnd,
+            mask: cache.current.props.mask,
+            replacement: cache.current.props.replacement,
+            separate: cache.current.props.separate,
+        });
+        if (cache.current.props.separate) {
+            var separateChars = cache.current.props.mask.slice(changeStart, changeEnd).replace(regExp$1, '');
+            var countSeparateChars = separateChars.length - addedValue.length;
+            if (countSeparateChars < 0) {
+                afterChangeValue = afterChangeValue.slice(-countSeparateChars);
+            }
+            else if (countSeparateChars > 0) {
+                afterChangeValue = separateChars.slice(-countSeparateChars) + afterChangeValue;
+            }
+        }
+        if (afterChangeValue) {
+            afterChangeValue = (0, filter_1.default)(afterChangeValue, {
+                replacementChars: replacementChars.slice(beforeChangeValue.length + addedValue.length),
+                replacement: cache.current.props.replacement,
+                separate: cache.current.props.separate,
+            });
+        }
+        var input = beforeChangeValue + addedValue + afterChangeValue;
+        var _c = (_b = modify === null || modify === void 0 ? void 0 : modify(input)) !== null && _b !== void 0 ? _b : {}, _d = _c.mask, modifiedMask = _d === void 0 ? mask : _d, _e = _c.replacement, modifiedReplacement = _e === void 0 ? replacementObject : _e, _f = _c.showMask, modifiedShowMask = _f === void 0 ? showMask : _f, _g = _c.separate, modifiedSeparate = _g === void 0 ? separate : _g;
+        if (typeof modifiedReplacement === 'string') {
+            modifiedReplacement = (0, formatToReplacementObject_1.default)(modifiedReplacement);
+        }
+        var detail = (0, resolveDetail_1.default)(input, {
+            mask: modifiedMask,
+            replacement: modifiedReplacement,
+            showMask: modifiedShowMask,
+        });
+        var selection = (0, resolveSelection_1.default)({
+            inputType: inputType,
+            value: detail.value,
+            addedValue: addedValue,
+            beforeChangeValue: beforeChangeValue,
+            parts: detail.parts,
+            replacement: modifiedReplacement,
+            separate: modifiedSeparate,
+        });
+        cache.current.value = detail.value;
+        cache.current.props = {
+            mask: modifiedMask,
+            replacement: modifiedReplacement,
+            showMask: modifiedShowMask,
+            separate: modifiedSeparate,
+        };
+        return {
+            value: detail.value,
+            selectionStart: selection,
+            selectionEnd: selection,
+            __detail: detail,
+        };
+    };
+    return (0, core_1.useInput)({
+        init: init,
+        tracking: tracking,
+        eventType: 'input-mask',
+        eventHandler: onMask,
+    });
+}
+exports.default = useMask;
+//# sourceMappingURL=useMask.js.map

package/dist/ui/components/form/input-mask/lib/mask/utils/filter.d.ts

@@ -1,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface Options {
     replacementChars: string;
     replacement: Replacement;

package/dist/ui/components/form/input-mask/lib/mask/utils/format.d.ts

@@ -1,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface Options {
     mask: string;
     replacement: Replacement;

package/dist/ui/components/form/input-mask/lib/mask/utils/formatToParts.d.ts

@@ -1,4 +1,4 @@
-import type { MaskPart, Replacement } from '../types';
+import type { MaskPart, Replacement } from '../types.js';
 interface Options {
     mask: string;
     replacement: Replacement;

package/dist/ui/components/form/input-mask/lib/mask/utils/formatToReplacementObject.d.ts

@@ -1,2 +1,2 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 export default function formatToReplacementObject(replacement: string): Replacement;

package/dist/ui/components/form/input-mask/lib/mask/utils/resolveDetail.d.ts

@@ -1,4 +1,4 @@
-import type { MaskEventDetail, Replacement } from '../types';
+import type { MaskEventDetail, Replacement } from '../types.js';
 interface Options {
     mask: string;
     replacement: Replacement;

package/dist/ui/components/form/input-mask/lib/mask/utils/resolveDetail.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = require("../utils");
-var format_1 = __importDefault(require("./format"));
-var formatToParts_1 = __importDefault(require("./formatToParts"));
+var utils_1 = require("../utils.js");
+var format_1 = __importDefault(require("./format.js"));
+var formatToParts_1 = __importDefault(require("./formatToParts.js"));
 /**
  * Формирует данные маскированного значения возвращая
  * @param input пользовательские символы без учета символов маски

package/dist/ui/components/form/input-mask/lib/mask/utils/resolveSelection.d.ts

@@ -1,5 +1,5 @@
-import type { MaskPart, Replacement } from '../types';
-import type { InputType } from '../../core';
+import type { MaskPart, Replacement } from '../types.js';
+import type { InputType } from '../../core/index.js';
 interface ResolveSelectionParam {
     inputType: InputType;
     value: string;

package/dist/ui/components/form/input-mask/lib/mask/utils/unformat.d.ts

@@ -1,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface Options {
     start?: number;
     end?: number;

package/dist/ui/components/form/input-mask/lib/mask/utils/validate.d.ts

@@ -1,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface ValidateParam {
     initialValue: string;
     mask: string;

package/dist/ui/components/form/input-mask/lib/mask/utils.d.ts

@@ -0,0 +1,63 @@
+import type { MaskPart, Replacement } from './types.js';
+interface Options {
+    mask: string;
+    replacement: string | Replacement;
+}
+/**
+ * Masks a value using the specified mask (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#format)»).
+ *
+ * The result fully corresponds to the value obtained when entering.
+ * Useful when you need to get a masked value without calling an input event.
+ *
+ * Since the principle of operation of `InputMask` is fully consistent with the operation
+ * of the `input` element, `InputMask` will not change the value outside the input event, so
+ * you may find yourself in a situation where the `input` element will have a value that does not
+ * correspond to the mask, for example when initializing the value of the received from the backend.
+ *
+ * `format('1', { mask: '+__', replacement: { _: /\d/ } })` → "+1"
+ */
+export declare function format(value: string, { mask, replacement }: Options): string;
+/**
+ * Unmasks the value using the specified mask (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#unformat)»).
+ *
+ * Returns all characters entered by the user. Essentially does the opposite of the `format` utility.
+ *
+ * `unformat('+1_', { mask: '+__', replacement: { _: /\d/ } })` → "1"
+ */
+export declare function unformat(formattedValue: string, { mask, replacement }: Options): string;
+/**
+ * Specifies the parts of the masked value (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#formattoparts)»).
+ *
+ * The masked value parts are an array of objects, where each object contains the
+ * necessary information about each character of the value. Parts of the masked value
+ * are used to manipulate a character or group of characters in a point-by-point manner.
+ *
+ * Parts of the masked value, where each object contains the character type:
+ * - `replacement` - the replacement character;
+ * - `mask` - the mask character;
+ * - `input` - the character entered by the user.
+ *
+ * `formatToParts('1', { mask: '+__', replacement: { _: /\d/ } })` →
+ * ```
+ * [
+ *   { index: 0, value: '+', type: 'mask' },
+ *   { index: 1, value: '1', type: 'input' },
+ *   { index: 2, value: '_', type: 'replacement' },
+ * ]
+ * ```
+ */
+export declare function formatToParts(value: string, { mask, replacement }: Options): MaskPart[];
+/**
+ * Generates a regular expression to match a masked value (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#generatepattern)»).
+ *
+ * If `takeReplacementKey: true`, then the regular expression search will not take into account the
+ * `replacement` parameter key, that is, the character at the index of the replacement character in the
+ * value can be any character corresponding to the `replacement` value except the `replacement` key itself.
+ *
+ * So, if `mask: '_'` and `replacement: { _: /\D/ }` then:
+ * - if `takeReplacementKey: false`, the regular expression (pattern) will match `/^(\D)$/` and `RegExp(pattern).test(mask)` will return `true`;
+ * - if `takeReplacementKey: true`, the regular expression (pattern) will match `/^(?!_)(\D)$/` and `RegExp(pattern).test(mask)` will return `false`,
+ * but any a valid character, in addition to the replacement character, will contribute to the return of `true`.
+ */
+export declare function generatePattern({ mask, replacement }: Options, takeReplacementKey?: boolean): string;
+export {};

package/dist/ui/components/form/input-mask/lib/mask/utils.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generatePattern = exports.formatToParts = exports.unformat = exports.format = void 0;
+var filter_1 = __importDefault(require("./utils/filter.js"));
+var format_1 = __importDefault(require("./utils/format.js"));
+var formatToParts_1 = __importDefault(require("./utils/formatToParts.js"));
+var formatToReplacementObject_1 = __importDefault(require("./utils/formatToReplacementObject.js"));
+var unformat_1 = __importDefault(require("./utils/unformat.js"));
+/**
+ * Masks a value using the specified mask (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#format)»).
+ *
+ * The result fully corresponds to the value obtained when entering.
+ * Useful when you need to get a masked value without calling an input event.
+ *
+ * Since the principle of operation of `InputMask` is fully consistent with the operation
+ * of the `input` element, `InputMask` will not change the value outside the input event, so
+ * you may find yourself in a situation where the `input` element will have a value that does not
+ * correspond to the mask, for example when initializing the value of the received from the backend.
+ *
+ * `format('1', { mask: '+__', replacement: { _: /\d/ } })` → "+1"
+ */
+function format(value, _a) {
+    var mask = _a.mask, replacement = _a.replacement;
+    var replacementObject = typeof replacement === 'string' ? (0, formatToReplacementObject_1.default)(replacement) : replacement;
+    var regExp$1 = RegExp("[^".concat(Object.keys(replacementObject).join(''), "]"), 'g');
+    var replacementChars = mask.replace(regExp$1, '');
+    var input = (0, filter_1.default)(value, { replacementChars: replacementChars, replacement: replacementObject, separate: false });
+    return (0, format_1.default)(input, { mask: mask, replacement: replacementObject, showMask: false });
+}
+exports.format = format;
+/**
+ * Unmasks the value using the specified mask (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#unformat)»).
+ *
+ * Returns all characters entered by the user. Essentially does the opposite of the `format` utility.
+ *
+ * `unformat('+1_', { mask: '+__', replacement: { _: /\d/ } })` → "1"
+ */
+function unformat(formattedValue, _a) {
+    var mask = _a.mask, replacement = _a.replacement;
+    var replacementObject = typeof replacement === 'string' ? (0, formatToReplacementObject_1.default)(replacement) : replacement;
+    var value = (0, unformat_1.default)(formattedValue, { mask: mask, replacement: replacementObject, separate: false });
+    var regExp$1 = RegExp("[^".concat(Object.keys(replacementObject).join(''), "]"), 'g');
+    var replacementChars = mask.replace(regExp$1, '');
+    return (0, filter_1.default)(value, { replacementChars: replacementChars, replacement: replacementObject, separate: false });
+}
+exports.unformat = unformat;
+/**
+ * Specifies the parts of the masked value (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#formattoparts)»).
+ *
+ * The masked value parts are an array of objects, where each object contains the
+ * necessary information about each character of the value. Parts of the masked value
+ * are used to manipulate a character or group of characters in a point-by-point manner.
+ *
+ * Parts of the masked value, where each object contains the character type:
+ * - `replacement` - the replacement character;
+ * - `mask` - the mask character;
+ * - `input` - the character entered by the user.
+ *
+ * `formatToParts('1', { mask: '+__', replacement: { _: /\d/ } })` →
+ * ```
+ * [
+ *   { index: 0, value: '+', type: 'mask' },
+ *   { index: 1, value: '1', type: 'input' },
+ *   { index: 2, value: '_', type: 'replacement' },
+ * ]
+ * ```
+ */
+function formatToParts(value, _a) {
+    var mask = _a.mask, replacement = _a.replacement;
+    var replacementObject = typeof replacement === 'string' ? (0, formatToReplacementObject_1.default)(replacement) : replacement;
+    var formattedValue = format(value, { mask: mask, replacement: replacementObject });
+    return (0, formatToParts_1.default)(formattedValue, { mask: mask, replacement: replacementObject });
+}
+exports.formatToParts = formatToParts;
+/**
+ * Generates a regular expression to match a masked value (see «[Utils](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#generatepattern)»).
+ *
+ * If `takeReplacementKey: true`, then the regular expression search will not take into account the
+ * `replacement` parameter key, that is, the character at the index of the replacement character in the
+ * value can be any character corresponding to the `replacement` value except the `replacement` key itself.
+ *
+ * So, if `mask: '_'` and `replacement: { _: /\D/ }` then:
+ * - if `takeReplacementKey: false`, the regular expression (pattern) will match `/^(\D)$/` and `RegExp(pattern).test(mask)` will return `true`;
+ * - if `takeReplacementKey: true`, the regular expression (pattern) will match `/^(?!_)(\D)$/` and `RegExp(pattern).test(mask)` will return `false`,
+ * but any a valid character, in addition to the replacement character, will contribute to the return of `true`.
+ */
+function generatePattern(_a, takeReplacementKey) {
+    var mask = _a.mask, replacement = _a.replacement;
+    if (takeReplacementKey === void 0) { takeReplacementKey = false; }
+    var replacementObject = typeof replacement === 'string' ? (0, formatToReplacementObject_1.default)(replacement) : replacement;
+    var special = ['[', ']', '\\', '/', '^', '$', '.', '|', '?', '*', '+', '(', ')', '{', '}'];
+    var pattern = '';
+    for (var i = 0; i < mask.length; i++) {
+        var isReplacementKey = Object.prototype.hasOwnProperty.call(replacementObject, mask[i]);
+        var lookahead = takeReplacementKey ? "(?!".concat(mask[i], ")") : '';
+        if (i === 0) {
+            pattern += '^';
+        }
+        pattern += isReplacementKey
+            ? "".concat(lookahead, "(").concat(replacementObject[mask[i]].toString().slice(1, -1), ")")
+            : special.includes(mask[i])
+                ? "\\".concat(mask[i])
+                : mask[i];
+        if (i === mask.length - 1) {
+            pattern += '$';
+        }
+    }
+    return pattern;
+}
+exports.generatePattern = generatePattern;
+//# sourceMappingURL=utils.js.map

package/dist/ui/components/form/input-mask/lib/number-format/InputNumberFormat.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { NumberFormatProps } from './types.js';
+import type { InputComponent, InputComponentProps } from '../core/index.js';
+export type InputNumberFormatProps<C extends React.ComponentType | undefined = undefined> = NumberFormatProps & InputComponentProps<C>;
+declare const InputNumberFormat: InputComponent<NumberFormatProps>;
+export default InputNumberFormat;

package/dist/ui/components/form/input-mask/lib/number-format/InputNumberFormat.js

@@ -0,0 +1,58 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var core_1 = require("../core/index.js");
+var useNumberFormat_1 = __importDefault(require("./useNumberFormat.js"));
+function ForwardedInputNumberFormat(_a, forwardedInputRef) {
+    var Component = _a.component, locales = _a.locales, format = _a.format, currency = _a.currency, currencyDisplay = _a.currencyDisplay, unit = _a.unit, unitDisplay = _a.unitDisplay, signDisplay = _a.signDisplay, groupDisplay = _a.groupDisplay, minimumIntegerDigits = _a.minimumIntegerDigits, maximumIntegerDigits = _a.maximumIntegerDigits, minimumFractionDigits = _a.minimumFractionDigits, maximumFractionDigits = _a.maximumFractionDigits, onNumberFormat = _a.onNumberFormat, props = __rest(_a, ["component", "locales", "format", "currency", "currencyDisplay", "unit", "unitDisplay", "signDisplay", "groupDisplay", "minimumIntegerDigits", "maximumIntegerDigits", "minimumFractionDigits", "maximumFractionDigits", "onNumberFormat"]);
+    var inputRef = (0, useNumberFormat_1.default)({
+        locales: locales,
+        format: format,
+        currency: currency,
+        currencyDisplay: currencyDisplay,
+        unit: unit,
+        unitDisplay: unitDisplay,
+        signDisplay: signDisplay,
+        groupDisplay: groupDisplay,
+        minimumIntegerDigits: minimumIntegerDigits,
+        maximumIntegerDigits: maximumIntegerDigits,
+        minimumFractionDigits: minimumFractionDigits,
+        maximumFractionDigits: maximumFractionDigits,
+        onNumberFormat: onNumberFormat,
+    });
+    var connectedInputRef = (0, core_1.useConnectedInputRef)(inputRef, forwardedInputRef);
+    if (Component) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return (0, jsx_runtime_1.jsx)(Component, __assign({ ref: connectedInputRef }, props));
+    }
+    return (0, jsx_runtime_1.jsx)("input", __assign({ ref: connectedInputRef }, props));
+}
+var InputNumberFormat = (0, react_1.forwardRef)(ForwardedInputNumberFormat);
+exports.default = InputNumberFormat;
+//# sourceMappingURL=InputNumberFormat.js.map

package/dist/ui/components/form/input-mask/lib/number-format/index.d.ts

@@ -0,0 +1,4 @@
+export { default as InputNumberFormat } from './InputNumberFormat.js';
+export { default as useNumberFormat } from './useNumberFormat.js';
+export type { InputNumberFormatProps } from './InputNumberFormat.js';
+export type { NumberFormatProps, NumberFormatEvent, NumberFormatEventDetail, NumberFormatEventHandler } from './types.js';

package/dist/ui/components/form/input-mask/lib/number-format/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNumberFormat = exports.InputNumberFormat = void 0;
+var InputNumberFormat_1 = require("./InputNumberFormat.js");
+Object.defineProperty(exports, "InputNumberFormat", { enumerable: true, get: function () { return __importDefault(InputNumberFormat_1).default; } });
+var useNumberFormat_1 = require("./useNumberFormat.js");
+Object.defineProperty(exports, "useNumberFormat", { enumerable: true, get: function () { return __importDefault(useNumberFormat_1).default; } });
+//# sourceMappingURL=index.js.map