infinity-forge 3.4.7 → 3.4.9

package/dist/ui/components/form/input-date-picker/calendar/calendar-header/index.js

@@ -0,0 +1,62 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function CalendarHeader(_a) {
+    var step = _a.step, language = _a.language, setStep = _a.setStep, dateSelected = _a.dateSelected, setDateSelected = _a.setDateSelected, handleToggle = _a.handleToggle;
+    var currentMonth = mock_1.translations[language].months[dateSelected.month];
+    return ((0, jsx_runtime_1.jsxs)(S.CalendarHeader, { className: 'calendar-header', children: [(0, jsx_runtime_1.jsxs)("h4", { children: [step === 2 && ((0, jsx_runtime_1.jsx)("div", { className: 'icon-arrow-left', onClick: function () { setStep(1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowLeft', fill: '#000' }) })), step === 2 && currentMonth.substring(0, 3), " ", dateSelected.year] }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                    if (step === 1) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year > 0 ? state.year - 1 : state.year })); });
+                    }
+                    if (step === 2) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month > 0 ? state.month - 1 : state.month })); });
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowLeft' }) }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                    if (step === 1) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { year: state.year + 1 })); });
+                    }
+                    if (step === 2) {
+                        setDateSelected(function (state) { return (__assign(__assign({}, state), { month: state.month === 12 ? state.month : state.month + 1 })); });
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })] }));
+}
+exports.CalendarHeader = CalendarHeader;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/days/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarComponentProps } from '../index.js';
+export declare function Days({ name, language, date, dateSelected, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/days/index.js

@@ -0,0 +1,87 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Days = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function Days(_a) {
+    var name = _a.name, language = _a.language, date = _a.date, dateSelected = _a.dateSelected, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
+    var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
+    var week = mock_1.translations[language].days;
+    var value = values[name];
+    var currentDate = new Date();
+    function createButton(text, isDisabled, type) {
+        if (isDisabled === void 0) { isDisabled = false; }
+        if (type === void 0) { type = 0; }
+        var comparisonDate = new Date(dateSelected.year, dateSelected.month + type, text);
+        var isDateInRange = (!date.minDate || comparisonDate >= date.minDate) &&
+            (!(date === null || date === void 0 ? void 0 : date.maxDate) || comparisonDate <= (date === null || date === void 0 ? void 0 : date.maxDate));
+        var isSelected = value.getTime() === comparisonDate.getTime();
+        var isToday = currentDate.getDate() === text &&
+            currentDate.getFullYear() === dateSelected.year &&
+            currentDate.getMonth() === dateSelected.month;
+        return ((0, jsx_runtime_1.jsx)("button", { className: "".concat(isToday ? 'today' : '', " ").concat(isSelected ? 'selected' : '', " ").concat(isDateInRange ? '' : 'disabled'), onClick: function () {
+                if (!isDateInRange)
+                    return;
+                setDateSelected(__assign(__assign({}, dateSelected), { day: text }));
+                setFieldValue(name, new Date(comparisonDate));
+                setTimeout(function () { return handleToggle(false); }, 0);
+            }, disabled: !isDateInRange, type: 'button', children: text }, "".concat(type, "-").concat(text)));
+    }
+    function displayDates() {
+        var dates = [];
+        var lastOfPrevMonth = new Date(dateSelected.year, dateSelected.month, 0);
+        for (var i = 0; i <= lastOfPrevMonth.getDay(); i++) {
+            var text = lastOfPrevMonth.getDate() - lastOfPrevMonth.getDay() + i;
+            dates.push(createButton(text, true, -1));
+        }
+        var lastOfMonth = new Date(dateSelected.year, dateSelected.month + 1, 0);
+        for (var i = 1; i <= lastOfMonth.getDate(); i++) {
+            dates.push(createButton(i, false));
+        }
+        var firstOfNextMonth = new Date(dateSelected.year, dateSelected.month + 1, 1);
+        for (var i = firstOfNextMonth.getDay(); i < 7; i++) {
+            var text = firstOfNextMonth.getDate() - firstOfNextMonth.getDay() + i;
+            dates.push(createButton(text, true, 1));
+        }
+        return dates;
+    }
+    return ((0, jsx_runtime_1.jsxs)(S.Days, { className: 'days-box', children: [(0, jsx_runtime_1.jsx)("div", { className: 'week', children: week.map(function (day) { return ((0, jsx_runtime_1.jsx)("p", { children: day }, day)); }) }), (0, jsx_runtime_1.jsx)("div", { className: 'days', children: displayDates() })] }));
+}
+exports.Days = Days;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-picker/calendar/months/index.d.ts

@@ -0,0 +1,2 @@
+import { CalendarComponentProps } from '../index.js';
+export declare function Months({ language, name, mode, date, dateSelected, setStep, handleToggle, setDateSelected, }: CalendarComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-picker/calendar/months/index.js

@@ -0,0 +1,66 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Months = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function Months(_a) {
+    var language = _a.language, name = _a.name, mode = _a.mode, date = _a.date, dateSelected = _a.dateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
+    var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
+    var months = mock_1.translations[language].months;
+    return ((0, jsx_runtime_1.jsx)(S.Months, { className: 'months-box', children: months.map(function (monthName, index) {
+            var monthDate = new Date(dateSelected.year, index, 1);
+            var isMonthInRange = ((date === null || date === void 0 ? void 0 : date.minDate) ? monthDate >= new Date(date === null || date === void 0 ? void 0 : date.minDate.getFullYear(), date === null || date === void 0 ? void 0 : date.minDate.getMonth(), 1) : true) &&
+                ((date === null || date === void 0 ? void 0 : date.maxDate) ? monthDate <= new Date(date === null || date === void 0 ? void 0 : date.maxDate.getFullYear(), date === null || date === void 0 ? void 0 : date.maxDate.getMonth(), 1) : true);
+            var isSelected = values[name].getMonth() === index &&
+                values[name].getMonth() === dateSelected.month &&
+                values[name].getFullYear() === dateSelected.year;
+            return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(isSelected && 'selected', "  ").concat(new Date().getMonth() === index && !isSelected && 'current', " ").concat(!isMonthInRange && 'disabled'), onClick: function () {
+                    if (!isMonthInRange)
+                        return;
+                    setDateSelected(__assign(__assign({}, dateSelected), { month: index }));
+                    if (mode === 'month') {
+                        setFieldValue(name, new Date(dateSelected.year, index, 1));
+                        handleToggle(false);
+                    }
+                    setStep(2);
+                }, disabled: !isMonthInRange, children: monthName.substring(0, 3) }, monthName));
+        }) }));
+}
+exports.Months = Months;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-file/render-files/file-item/button-upload-image-mobile/index.d.ts

@@ -1,4 +1,4 @@
-import { RenderFileProps } from '../../../../../../../ui';
+import { RenderFileProps } from '../../../../../../../ui/index.js';
 export type ButtonUploadImageMobileProps = {
     mobile?: {
         id: string;

package/dist/ui/components/form/input-file/render-files/file-item/button-upload-image-mobile/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonUploadImageMobile = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../../../ui");
+var ui_1 = require("../../../../../../../ui/index.js");
 function ButtonUploadImageMobile(props) {
     var _a, _b;
     var _c = (0, ui_1.useFile)(props.mobile), InputFile = _c.InputFile, LabelFileArea = _c.LabelFileArea;

package/dist/ui/components/form/input-file/render-files/file-item/index.d.ts

@@ -0,0 +1,3 @@
+import { ButtonUploadImageMobileProps } from './button-upload-image-mobile/index.js';
+import { RenderFileProps } from '../interfaces.js';
+export declare function FileItem(props: RenderFileProps & ButtonUploadImageMobileProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-file/render-files/file-item/index.js

@@ -0,0 +1,49 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var button_upload_image_mobile_1 = require("./button-upload-image-mobile/index.js");
+var S = __importStar(require("./styles.js"));
+function FileItem(props) {
+    var _a;
+    var _b = (0, ui_1.useFile)(props), loading = _b.loading, InputFile = _b.InputFile;
+    var _c = (0, ui_1.useRenderedFile)(props), Image = _c.Image, fileName = _c.fileName, ShowDetailFileButton = _c.ShowDetailFileButton, DeleteFileButton = _c.DeleteFileButton, DownloadButton = _c.DownloadButton;
+    return ((0, jsx_runtime_1.jsxs)(S.FileItem, { children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(InputFile, {}) }), (0, jsx_runtime_1.jsx)("div", { className: 'image', children: loading ? (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 30, color: '#000' }) : (0, jsx_runtime_1.jsx)(Image, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: 'text', children: [(0, jsx_runtime_1.jsxs)("h3", { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'left', children: [props.enableMobileImage && ((0, jsx_runtime_1.jsx)("span", { className: 'font-13-regular type_size_file', children: props.isMobile ? 'Mobile' : 'Desktop' })), fileName && (0, jsx_runtime_1.jsx)("span", { className: 'font-13-regular file-name', children: fileName })] }), (props.sizeImageFile || props.sizeImageFileMobile) && ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular size', children: [!props.isMobile && ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconComputer' }), " ", props.sizeImageFile] })), !((_a = props === null || props === void 0 ? void 0 : props.mobile) === null || _a === void 0 ? void 0 : _a.mobileFilesAlredyExist) && props.enableMobileImage && ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconMobile' }), props.sizeImageFileMobile] }))] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(ShowDetailFileButton, {}), (0, jsx_runtime_1.jsx)(DeleteFileButton, {}), (0, jsx_runtime_1.jsx)(DownloadButton, {}), (0, jsx_runtime_1.jsx)(button_upload_image_mobile_1.ButtonUploadImageMobile, __assign({}, props))] })] })] }));
+}
+exports.FileItem = FileItem;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-mask/lib/core/errors/SyntheticChangeError.d.ts

@@ -1,4 +1,4 @@
-import type { InputAttributes } from '../types';
+import type { InputAttributes } from '../types.js';
 interface SyntheticChangeError {
     cause?: {
         __attributes?: Partial<InputAttributes>;

package/dist/ui/components/form/input-mask/lib/core/hooks/useInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CustomInputEvent, CustomInputEventHandler, Init, Tracking } from '../types';
+import type { CustomInputEvent, CustomInputEventHandler, Init, Tracking } from '../types.js';
 interface UseInputParam<D> {
     init: Init;
     tracking: Tracking<D>;

package/dist/ui/components/form/input-mask/lib/core/hooks/useInput.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var react_dom_1 = require("react-dom");
-var SyntheticChangeError_1 = __importDefault(require("../errors/SyntheticChangeError"));
-var setInputAttributes_1 = __importDefault(require("../utils/setInputAttributes"));
+var SyntheticChangeError_1 = __importDefault(require("../errors/SyntheticChangeError.js"));
+var setInputAttributes_1 = __importDefault(require("../utils/setInputAttributes.js"));
 var TYPES = ['text', 'email', 'tel', 'search', 'url'];
 function proxy(inputRef, init, _a) {
     var onFocus = _a.onFocus, onBlur = _a.onBlur, onInput = _a.onInput;

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

@@ -0,0 +1,5 @@
+export { default as SyntheticChangeError } from './errors/SyntheticChangeError.js';
+export { default as useConnectedInputRef } from './hooks/useConnectedInputRef.js';
+export { default as useInput } from './hooks/useInput.js';
+export { default as setInputAttributes } from './utils/setInputAttributes.js';
+export type * from './types.js';

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setInputAttributes = exports.useInput = exports.useConnectedInputRef = exports.SyntheticChangeError = void 0;
+var SyntheticChangeError_1 = require("./errors/SyntheticChangeError.js");
+Object.defineProperty(exports, "SyntheticChangeError", { enumerable: true, get: function () { return __importDefault(SyntheticChangeError_1).default; } });
+var useConnectedInputRef_1 = require("./hooks/useConnectedInputRef.js");
+Object.defineProperty(exports, "useConnectedInputRef", { enumerable: true, get: function () { return __importDefault(useConnectedInputRef_1).default; } });
+var useInput_1 = require("./hooks/useInput.js");
+Object.defineProperty(exports, "useInput", { enumerable: true, get: function () { return __importDefault(useInput_1).default; } });
+var setInputAttributes_1 = require("./utils/setInputAttributes.js");
+Object.defineProperty(exports, "setInputAttributes", { enumerable: true, get: function () { return __importDefault(setInputAttributes_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-import type { InputAttributes } from '../types';
+import type { InputAttributes } from '../types.js';
 export default function setInputAttributes(inputElement: HTMLInputElement, { value, selectionStart, selectionEnd }: Partial<InputAttributes>): void;

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

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

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>;