profinansy-ui-lib 3.3.61 → 3.3.62

package/dist/components/uikit/HiddenText/HiddenText.js

@@ -0,0 +1,32 @@
+"use strict";
+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 });
+exports.HiddenText = void 0;
+const react_1 = __importDefault(require("react"));
+const Ellipsis_1 = require("./components/Ellipsis");
+const CutText_1 = require("./components/CutText");
+const HiddenText = (_a) => {
+    var { children, mode = 'ellipsis' } = _a, props = __rest(_a, ["children", "mode"]);
+    if (mode === 'ellipsis')
+        return react_1.default.createElement(Ellipsis_1.Ellipsis, null, children);
+    if (mode === 'multiline') {
+        const { lines } = props;
+        return react_1.default.createElement(CutText_1.CutText, { lines: lines }, children);
+    }
+    return null;
+};
+exports.HiddenText = HiddenText;
+//# sourceMappingURL=HiddenText.js.map

package/dist/components/uikit/HiddenText/HiddenText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/HiddenText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,oDAAgD;AAChD,kDAA8C;AAE9C,MAAM,UAAU,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAE,QAAQ,EAAE,IAAI,GAAG,UAAU,OAAyB,EAApB,KAAK,cAAvC,oBAAyC,CAAF;IACzD,IAAI,IAAI,KAAK,UAAU;QAAE,OAAO,8BAAC,mBAAQ,QAAE,QAAQ,CAAY,CAAA;IAC/D,IAAI,IAAI,KAAK,WAAW,EAAE;QACxB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAsB,CAAA;QACxC,OAAO,8BAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAW,CAAA;KACnD;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/components/uikit/HiddenText/HiddenText.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HiddenText = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const HiddenText_1 = require("./HiddenText");
+const Typography_1 = require("../Typography");
+exports.default = {
+    title: 'Components/HiddenText',
+    component: HiddenText_1.HiddenText,
+    tags: ['autodocs']
+};
+const HiddenText = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "HiddenText"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F, \u043A\u043E\u0433\u0434\u0430 \u0442\u0435\u043A\u0441\u0442 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u043D\u0435 \u0432\u043C\u0435\u0449\u0430\u0435\u0442\u0441\u044F \u0438 \u043D\u0443\u0436\u043D\u043E \u0432\u044B\u043D\u0435\u0441\u0442\u0438 \u043F\u043E\u043B\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u0432 \u0442\u0443\u043B\u0442\u0438\u043F. \u0418\u043C\u0435\u0435\u0442 \u0434\u0432\u0430\n      <b>mode</b>: <b>ellipsis</b> \u0438 <b>multiline</b>. \u041F\u0440\u0438\u043C\u0435\u0440 \u043D\u0438\u0436\u0435 <b>ellipsis</b>:" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(HiddenText_1.HiddenText, null,
+                    react_1.default.createElement(Typography_1.Typography, { variant: "description-Regular" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum and test.")))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 <b>multiline</b>:" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(HiddenText_1.HiddenText, { mode: "multiline", lines: 4 },
+                    react_1.default.createElement(Typography_1.Typography, { variant: "description-Regular" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum and test.")))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0423\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E\u044F\u0432\u043B\u0435\u043D\u0438\u044F \u0442\u0443\u043B\u0442\u0438\u043F\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0442\u0435\u043A\u0441\u0442 \u0432\u043B\u0435\u0437\u0430\u0435\u0442 \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440, \u0442\u043E \u0442\u0443\u043B\u0442\u0438\u043F \u043D\u0435 \u0431\u0443\u0434\u0435\u0442 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(HiddenText_1.HiddenText, null,
+                react_1.default.createElement(Typography_1.Typography, { variant: "description-Regular" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))));
+};
+exports.HiddenText = HiddenText;
+//# sourceMappingURL=HiddenText.stories.js.map

package/dist/components/uikit/HiddenText/HiddenText.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/HiddenText.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,6CAAsD;AACtD,8CAA0C;AAE1C,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,iBAAyB;QAChD,8BAAC,mCAAgB,IACf,IAAI,EAAC,2oBACuE,GAC5E;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC5B,8BAAC,uBAAS;oBACR,8BAAC,uBAAU,IAAC,OAAO,EAAC,qBAAqB,6cAS5B,CACH,CACR,CACO;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,wDAA0B,GAAG;QACpD,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC5B,8BAAC,uBAAS,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,CAAC;oBAClC,8BAAC,uBAAU,IAAC,OAAO,EAAC,qBAAqB,6cAS5B,CACH,CACR,CACO;QACf,8BAAC,uBAAU,uJAAuC;QAClD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,mZAA8E,GAAG;QACxG,8BAAC,2BAAY;YACX,8BAAC,uBAAS;gBACR,8BAAC,uBAAU,IAAC,OAAO,EAAC,qBAAqB,kIAG5B,CACH,CACC,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,UAAU,cAqDtB"}

package/dist/components/uikit/HiddenText/HiddenText.styled.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiLine = exports.Text = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Text = styled_components_1.default.div `
+  overflow: hidden;
+  & > * {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+exports.MultiLine = styled_components_1.default.div `
+  overflow: hidden;
+  & > * {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: ${(props) => props.lines};
+    white-space: normal;
+    text-overflow: ellipsis;
+  }
+`;
+//# sourceMappingURL=HiddenText.styled.js.map

package/dist/components/uikit/HiddenText/HiddenText.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/HiddenText.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ7B,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAmB;;;;;;0BAM5B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK;;;;CAI/C,CAAA"}

package/dist/components/uikit/HiddenText/HiddenText.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=HiddenText.typed.js.map

package/dist/components/uikit/HiddenText/HiddenText.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/HiddenText.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/HiddenText/components/CutText.js

@@ -0,0 +1,56 @@
+"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 __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.CutText = void 0;
+const react_1 = __importStar(require("react"));
+const HiddenText_styled_1 = require("../HiddenText.styled");
+const Tooltip_1 = require("../../Tooltip");
+const Typography_1 = require("../../Typography");
+const zIndex_1 = require("../../../../constants/zIndex");
+const CutText = ({ children, lines }) => {
+    const [withTooltip, setWithTooltip] = (0, react_1.useState)(false);
+    const childRef = (0, react_1.useRef)(null);
+    const childWithRefAndStyles = (0, react_1.useMemo)(() => {
+        if (react_1.default.isValidElement(children)) {
+            return react_1.default.cloneElement(children, {
+                ref: childRef
+            });
+        }
+        return children;
+    }, [children]);
+    (0, react_1.useEffect)(() => {
+        if (childRef.current) {
+            // 5 это просто костыль для более точного определения, потому что иногда текст вмещается, но пишет, что clientHeight у него меньше.
+            // это относится к таблице
+            setWithTooltip(childRef.current.scrollHeight > childRef.current.clientHeight + 5);
+        }
+    }, [children, childRef]);
+    if (withTooltip)
+        return (react_1.default.createElement(Tooltip_1.Tooltip, { zIndex: zIndex_1.zIndex.zIndex8, padding: "8px 10px", isHover: true, showArrow: false, placement: "bottom-start", styleContainer: { overflow: 'hidden' }, targetElement: react_1.default.createElement(HiddenText_styled_1.MultiLine, { lines: lines }, childWithRefAndStyles) },
+            react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: "description-Regular", colorName: "primary" }, children.props.children)));
+    return react_1.default.createElement(HiddenText_styled_1.MultiLine, { lines: lines }, childWithRefAndStyles);
+};
+exports.CutText = CutText;
+//# sourceMappingURL=CutText.js.map

package/dist/components/uikit/HiddenText/components/CutText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CutText.js","sourceRoot":"","sources":["../../../../../src/components/uikit/HiddenText/components/CutText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+E;AAE/E,4DAAgD;AAChD,2CAAuC;AACvC,iDAA6C;AAC7C,yDAAqD;AAErD,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAiB,EAAE,EAAE;IACrD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACrD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE7C,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,IAAI,eAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;YAClC,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAClC,GAAG,EAAE,QAAQ;aACmB,CAAC,CAAA;SACpC;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,mIAAmI;YACnI,0BAA0B;YAC1B,cAAc,CACZ,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,CAClE,CAAA;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAExB,IAAI,WAAW;QACb,OAAO,CACL,8BAAC,iBAAO,IACN,MAAM,EAAE,eAAM,CAAC,OAAO,EACtB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,cAAc,EACxB,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACtC,aAAa,EACX,8BAAC,6BAAS,IAAC,KAAK,EAAE,KAAe,IAAG,qBAAqB,CAAa;YAGxE,8BAAC,uBAAU,IACT,GAAG,EAAC,MAAM,EACV,OAAO,EAAC,qBAAqB,EAC7B,SAAS,EAAC,SAAS,IAElB,QAAQ,CAAC,KAAK,CAAC,QAAQ,CACb,CACL,CACX,CAAA;IAEH,OAAO,8BAAC,6BAAS,IAAC,KAAK,EAAE,KAAe,IAAG,qBAAqB,CAAa,CAAA;AAC/E,CAAC,CAAA;AAEQ,0BAAO"}

package/dist/components/uikit/HiddenText/components/Ellipsis.js

@@ -0,0 +1,54 @@
+"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 __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.Ellipsis = void 0;
+const react_1 = __importStar(require("react"));
+const Tooltip_1 = require("../../Tooltip");
+const Styled = __importStar(require("../HiddenText.styled"));
+const Typography_1 = require("../../Typography");
+const zIndex_1 = require("../../../../constants/zIndex");
+const Ellipsis = ({ children }) => {
+    const [withTooltip, setWithTooltip] = (0, react_1.useState)(false);
+    const childRef = (0, react_1.useRef)(null);
+    const childWithRefAndStyles = (0, react_1.useMemo)(() => {
+        if (react_1.default.isValidElement(children)) {
+            return react_1.default.cloneElement(children, {
+                ref: childRef
+            });
+        }
+        return children;
+    }, [children]);
+    (0, react_1.useEffect)(() => {
+        if (childRef.current) {
+            setWithTooltip(childRef.current.scrollWidth > childRef.current.clientWidth);
+        }
+    }, [children, childRef]);
+    if (withTooltip)
+        return (react_1.default.createElement(Tooltip_1.Tooltip, { zIndex: zIndex_1.zIndex.zIndex8, padding: "8px 10px", isHover: true, showArrow: false, placement: "bottom-start", styleContainer: { overflow: 'hidden' }, targetElement: react_1.default.createElement(Styled.Text, null, childWithRefAndStyles) },
+            react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: "description-Regular", colorName: "primary" }, children.props.children)));
+    return react_1.default.createElement(Styled.Text, null, childWithRefAndStyles);
+};
+exports.Ellipsis = Ellipsis;
+//# sourceMappingURL=Ellipsis.js.map

package/dist/components/uikit/HiddenText/components/Ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsis.js","sourceRoot":"","sources":["../../../../../src/components/uikit/HiddenText/components/Ellipsis.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+E;AAC/E,2CAAuC;AACvC,6DAA8C;AAC9C,iDAA6C;AAE7C,yDAAqD;AAErD,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAe,EAAE,EAAE;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACrD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE7C,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,IAAI,eAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;YAClC,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAClC,GAAG,EAAE,QAAQ;aACmB,CAAC,CAAA;SACpC;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,cAAc,CACZ,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAC5D,CAAA;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAExB,IAAI,WAAW;QACb,OAAO,CACL,8BAAC,iBAAO,IACN,MAAM,EAAE,eAAM,CAAC,OAAO,EACtB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,cAAc,EACxB,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACtC,aAAa,EAAE,8BAAC,MAAM,CAAC,IAAI,QAAE,qBAAqB,CAAe;YAEjE,8BAAC,uBAAU,IACT,GAAG,EAAC,MAAM,EACV,OAAO,EAAC,qBAAqB,EAC7B,SAAS,EAAC,SAAS,IAElB,QAAQ,CAAC,KAAK,CAAC,QAAQ,CACb,CACL,CACX,CAAA;IAEH,OAAO,8BAAC,MAAM,CAAC,IAAI,QAAE,qBAAqB,CAAe,CAAA;AAC3D,CAAC,CAAA;AAEQ,4BAAQ"}

package/dist/components/uikit/HiddenText/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HiddenText = void 0;
+var HiddenText_1 = require("./HiddenText");
+Object.defineProperty(exports, "HiddenText", { enumerable: true, get: function () { return HiddenText_1.HiddenText; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/HiddenText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

package/dist/components/uikit/Hint/Hint.d.ts

@@ -25,9 +25,9 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
         floating: HTMLElement;
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
-        placement: Placement;
         x: number;
         y: number;
+        placement: Placement;
         strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;

package/dist/components/uikit/Hint/Hint.js

@@ -0,0 +1,138 @@
+"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 __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;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hint = exports.useHint = void 0;
+const react_1 = __importStar(require("react"));
+const react_2 = require("@floating-ui/react");
+const Styled = __importStar(require("./Hint.styled"));
+const Typography_1 = require("../Typography");
+const zIndex_1 = require("../../../constants/zIndex");
+const useGetDevice_1 = require("../../../hooks/useGetDevice");
+function useHint({ placement = 'bottom', isClickMobile = false } = {}) {
+    const [open, setOpen] = react_1.default.useState(false);
+    const arrowRef = (0, react_1.useRef)(null);
+    const data = (0, react_2.useFloating)({
+        placement,
+        open,
+        onOpenChange: setOpen,
+        whileElementsMounted: react_2.autoUpdate,
+        middleware: [
+            (0, react_2.arrow)({
+                element: arrowRef
+            }),
+            (0, react_2.offset)(10),
+            (0, react_2.flip)({
+                crossAxis: placement.includes('-'),
+                fallbackAxisSideDirection: 'start',
+                padding: 5
+            }),
+            (0, react_2.shift)({ padding: 5 })
+        ]
+    });
+    (0, react_1.useEffect)(() => {
+        if (data.middlewareData.arrow &&
+            data.middlewareData.shift &&
+            arrowRef.current) {
+            const { x, y } = data.middlewareData.arrow;
+            Object.assign(arrowRef.current.style, {
+                left: `${x - data.middlewareData.shift.x}px`,
+                top: `${y - data.middlewareData.shift.y}px`
+            });
+        }
+    }, [data]);
+    const context = data.context;
+    const { device } = (0, useGetDevice_1.useGetDevice)();
+    const hover = (0, react_2.useHover)(context, {
+        enabled: device === 'desktop',
+        move: false,
+        mouseOnly: true,
+        delay: {
+            open: 300,
+            close: 0
+        }
+    });
+    const focus = (0, react_2.useFocus)(context);
+    const dismiss = (0, react_2.useDismiss)(context);
+    const role = (0, react_2.useRole)(context, { role: 'tooltip' });
+    const click = (0, react_2.useClick)(context, {
+        enabled: device === 'mobile' && isClickMobile
+    });
+    const interactions = (0, react_2.useInteractions)([hover, click, focus, dismiss, role]);
+    return react_1.default.useMemo(() => (Object.assign(Object.assign({ arrowRef,
+        open,
+        setOpen }, interactions), data)), [open, setOpen, interactions, data, arrowRef]);
+}
+exports.useHint = useHint;
+const HintContext = react_1.default.createContext(null);
+const Hint = (_a) => {
+    var { text, children } = _a, options = __rest(_a, ["text", "children"]);
+    const tooltip = useHint(options);
+    return (react_1.default.createElement(HintContext.Provider, { value: tooltip },
+        react_1.default.createElement(HintTrigger, null, children),
+        react_1.default.createElement(HintContent, null, text)));
+};
+exports.Hint = Hint;
+const HintTrigger = react_1.default.forwardRef(function HintTrigger(_a, propRef) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const context = react_1.default.useContext(HintContext);
+    const ref = (0, react_2.useMergeRefs)([context.refs.setReference, propRef]);
+    if (react_1.default.isValidElement(children)) {
+        return react_1.default.cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({ ref }, props), children.props), { 'data-state': context.open ? 'open' : 'closed' })));
+    }
+});
+const HintContent = react_1.default.forwardRef(function HintContent(props, propRef) {
+    const context = react_1.default.useContext(HintContext);
+    const ref = (0, react_2.useMergeRefs)([context.refs.setFloating, propRef]);
+    const { styles: transitionStyles } = (0, react_2.useTransitionStyles)(context.context, {
+        duration: {
+            open: 100,
+            close: 100
+        },
+        initial: {
+            opacity: 0,
+            transform: 'scale(0.8)'
+        }
+    });
+    const position = context === null || context === void 0 ? void 0 : context.placement.split('-')[0];
+    if (!context.open)
+        return null;
+    return (react_1.default.createElement(react_2.FloatingPortal, null,
+        react_1.default.createElement("div", Object.assign({ ref: ref, style: Object.assign({ zIndex: zIndex_1.zIndex.zIndex8 }, context.floatingStyles) }, context.getFloatingProps(props)),
+            react_1.default.createElement(Styled.Tooltip, { style: transitionStyles, position: position },
+                react_1.default.createElement(react_2.FloatingArrow, { ref: context.arrowRef, context: context.context, tipRadius: 2, fill: "#444" }),
+                react_1.default.createElement(Typography_1.Typography, { variant: "description-Regular", tag: "span" }, props.children)))));
+});
+//# sourceMappingURL=Hint.js.map

package/dist/components/uikit/Hint/Hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/Hint.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Hint/Hint.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hint = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Hint_1 = require("./Hint");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const Button_1 = require("../Button");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+exports.default = {
+    title: 'Components/Hint',
+    component: Hint_1.Hint,
+    tags: ['autodocs']
+};
+const Hint = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Hint"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0425\u0438\u043D\u0442 \u2014 \u044D\u0442\u043E \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430, \u043F\u043E\u044F\u0432\u043B\u044F\u044E\u0449\u0430\u044F\u0441\u044F \u043F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u043D\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442.\n\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043D\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430\u0445, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043D\u0435 \u0432\u043C\u0435\u0449\u0430\u044E\u0442 \u043F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0438\u043B\u0438 \u0442\u0440\u0435\u0431\u0443\u044E\u0442 \u043D\u0435\u0431\u043E\u043B\u044C\u0448\u043E\u0433\u043E \u043F\u043E\u044F\u0441\u043D\u0435\u043D\u0438\u044F.\n\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440: \u043F\u0430\u043D\u0435\u043B\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439, \u0438\u043A\u043E\u043D\u043A\u0438 \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430, \u0441\u043E\u043A\u0440\u0430\u0449\u0435\u043D\u043D\u044B\u0435 \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0434\u043B\u0438\u043D\u043D\u044B\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0435." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Hint_1.Hint, { text: " \u041F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438", isClickMobile: true },
+                react_1.default.createElement(Button_1.Button, { onClick: () => console.log('click'), text: "My trigger" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>placement</b>, \u0447\u0442\u043E\u0431\u044B \u0443\u043A\u0430\u0437\u0430\u0442\u044C \u0434\u0432\u0435\u043B\u0442\u043D\u043E\u0435 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u0438.\n      \u041F\u0440\u0438 \u044D\u0442\u043E\u043C \u0435\u0441\u043B\u0438 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0435 \u043D\u0435 \u0431\u0443\u0434\u0435\u0442 \u0445\u0432\u0430\u0442\u0430\u0442\u044C \u043C\u0435\u0441\u0442\u0430, \u0442\u043E \u043E\u043D\u0430 \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438 \u0432\u044B\u0431\u0435\u0440\u0435\u0442 \u0434\u0440\u0443\u0433\u043E\u0435 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '16px' } },
+                react_1.default.createElement(Hint_1.Hint, { placement: "top", text: " \u041F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" })),
+                react_1.default.createElement(Hint_1.Hint, { placement: "right", text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0445\u0438\u043D\u0442 \u043D\u0430\u0445\u043E\u0434\u0438\u0442\u0441\u044F \u0441\u0432\u0435\u0440\u0445\u0443 \u0438\u043B\u0438 \u0441\u043D\u0438\u0437\u0443 \u043E\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430, \u0442\u043E \u0442\u0435\u043A\u0441\u0442 \u0432 \u043D\u0435\u043C \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u0446\u0435\u043D\u0442\u0440\u0443. \u0415\u0441\u043B\u0438 \u0441\u043F\u0440\u0430\u0432\u0430 \u0438\u043B\u0438 \u0441\u043B\u0435\u0432\u0430 \u2014 \u0442\u043E \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435 \u043F\u043E \u043B\u0435\u0432\u043E\u043C\u0443 \u043A\u0440\u0430\u044E." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '16px' } },
+                react_1.default.createElement(Hint_1.Hint, { placement: "top", text: "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0437\u0430\u043D\u0438\u043C\u0430\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" })),
+                react_1.default.createElement(Hint_1.Hint, { placement: "right", text: "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0437\u0430\u043D\u0438\u043C\u0430\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" }))))));
+};
+exports.Hint = Hint;
+//# sourceMappingURL=Hint.stories.js.map

package/dist/components/uikit/Hint/Hint.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/Hint.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,mEAA+D;AAE/D,iCAA0C;AAC1C,qFAAiF;AACjF,sCAAkC;AAClC,yEAAqE;AAErE,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,EAAE;IACvB,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,WAAmB;QAC1C,8BAAC,mCAAgB,IACf,IAAI,EAAC,wxCAEiF,GACtF;QACF,8BAAC,2BAAY;YACX,8BAAC,WAAS,IAAC,IAAI,EAAC,8FAAmB,EAAC,aAAa,EAAE,IAAI;gBACrD,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACvD,CACC;QACf,8BAAC,uBAAU,mFAA0B;QACrC,8BAAC,mCAAgB,IACf,IAAI,EAAC,28BAC2F,GAChG;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,WAAS,IAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,8FAAmB;oBACjD,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD;gBACZ,8BAAC,WAAS,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,6FAAkB;oBAClD,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD,CACR,CACO;QACf,8BAAC,uBAAU,wHAAiC;QAC5C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,iuBAAmJ,GAAG;QAC7K,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,WAAS,IACR,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,8NAA0C;oBAE/C,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD;gBACZ,8BAAC,WAAS,IACR,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,8NAA0C;oBAE/C,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD,CACR,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,IAAI,QAiDhB"}

package/dist/components/uikit/Hint/Hint.styled.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Tooltip = styled_components_1.default.div `
+  text-align: ${(props) => props.position === 'bottom' || props.position === 'top'
+    ? 'center'
+    : 'left'};
+  background-color: #444;
+  color: white;
+  border-radius: 8px;
+  box-sizing: border-box;
+  width: max-content;
+  max-width: 200px;
+  padding: 4px 8px;
+  word-break: break-word;
+  overflow-wrap: break-word;
+`;
+//# sourceMappingURL=Hint.styled.js.map

package/dist/components/uikit/Hint/Hint.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/Hint.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAsB;gBACvC,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK;IACrD,CAAC,CAAC,QAAQ;IACV,CAAC,CAAC,MAAM;;;;;;;;;;CAUb,CAAA"}

package/dist/components/uikit/Hint/Hint.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Hint.typed.js.map

package/dist/components/uikit/Hint/Hint.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/Hint.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Hint/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hint = void 0;
+var Hint_1 = require("./Hint");
+Object.defineProperty(exports, "Hint", { enumerable: true, get: function () { return Hint_1.Hint; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Hint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/dist/components/uikit/Input/Input.const.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegexPattern = void 0;
+exports.RegexPattern = {
+    NUMBER: /[^0-9]/gi,
+    FLOAT_NUMBER: /[^0-9бБ,]/gi,
+    FLOAT_NEGATIVE_NUMBER: /[^-0-9.,]+/
+};
+//# sourceMappingURL=Input.const.js.map

package/dist/components/uikit/Input/Input.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.const.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.const.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE,aAAa;IAC3B,qBAAqB,EAAE,YAAY;CACpC,CAAA"}