indicator-ui 0.0.155 → 0.0.157

package/dist/index.js

@@ -2961,6 +2961,42 @@ var SvgXClose = function SvgXClose(props) {
 
 /***/ }),
 
+/***/ "./src/ui/UserPick/assets/placeholder.svg":
+/*!************************************************!*\
+  !*** ./src/ui/UserPick/assets/placeholder.svg ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+var _path, _path2, _path3;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+var SvgPlaceholder = function SvgPlaceholder(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 160 160"
+  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fill: "#98A2B3",
+    d: "M145.074 160q.013-.605.018-1.21c0-2.538-.143-5.076-.287-7.615l-.08-1.428c-.126-2.164-.182-4.344-.238-6.525-.128-5.003-.255-10.007-1.243-14.832-1.76-8.517-6.001-11.262-14.255-12.031a22.7 22.7 0 0 1-7.533-1.719c-4.358-2.026-8.626-4.257-12.914-6.499-1.766-.923-3.536-1.849-5.317-2.762 0 0 4.216 6.336 4.659 21.806.172 7.896-1.094 20.363-2.733 32.815z"
+  })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fill: "#98A2B3",
+    d: "m101.643 160-1.368-22.297a1.3 1.3 0 0 0-.228-.642l-7.026-10.069 1.507-11.441a1.22 1.22 0 0 0-.71-1.297 1.25 1.25 0 0 0-.506-.114H90.78l10.926-6.94c-.06-.049-.159-1.4-.277-3.004-.157-2.138-.347-4.725-.521-5.282a134 134 0 0 0 7.9-20.407c.243-.78.688-.967 1.231-1.195 1.243-.523 2.994-1.26 3.973-9.824.177-1.488.152-3.489-1.266-4.348 1.658-3.604 5.14-16.521 1.683-25.23-1.266-3.092-2.392-3.848-5.444-5.375-.227-.115.152-1.603.532-1.77a6.03 6.03 0 0 1-4.152-1.95l1.443-.218c-.399-.319-.713-.49-1.068-.681-.287-.156-.601-.326-1.008-.601q-.094-.064-.181-.115c-.203-.121-.371-.222-.44-.501a4.8 4.8 0 0 0-1.392-2.04c-.196-.164-.412-.3-.628-.435-.443-.277-.889-.557-1.17-1.091a8.5 8.5 0 0 0-1.924-2.36 25.7 25.7 0 0 0-11.61-5.4c-.74-.166-1.327.037-1.368-.042-.025-.05.162-.209.66-.638-2.875 1.039-3.318-.32-3.318-.795-1.532 1.552-6.33-.565-6.33-.565s.836 1.578-.797 1.924a33.4 33.4 0 0 0-6.622 2.207s1.532 1.103-1.089 2.078c-.202.076-1.266.269-1.266.269s2.71.385.671.86a20.5 20.5 0 0 0-6.558 2.95c-3.671 2.424-2.405 3.206-2.405 3.206s-3.368 4.515-5.267 6.606c-1.544 1.719-2.772 6.157-2.772 6.157s.747-.821 1.329-.244c-.02.411-.149.999-.32 1.775-.618 2.81-1.78 8.085-.212 16.337.279 1.398.962 4.335.962 4.335s-3.899.654-2.278 7.004c.291 1.47.87 2.868 1.7 4.11a11.2 11.2 0 0 0 3.136 3.124c1.405.847 2.823 6.413 3 7.119a57 57 0 0 1 1.684 9.98l-1.177 7.234 23.155 13.776h-4.254a1.268 1.268 0 0 0-1.017.604 1.3 1.3 0 0 0-.084 1.192l5.647 11.441-4.153 10.787c-.088.229-.11.478-.063.719L82.698 160z"
+  })), _path3 || (_path3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fill: "#98A2B3",
+    d: "M78.174 160H.001v-26.606c1.07-2.036 2.881-3.499 5.664-4.337a115.8 115.8 0 0 0 27.853-12.826 77.9 77.9 0 0 0 16.825-14.225c1.95-2.194 7.28-5.131 7.28-5.131s-3.355 14.353-.823 19.894c3.324 7.136 12.464 25.484 21.374 43.231"
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgPlaceholder);
+
+/***/ }),
+
 /***/ "./src/styles/colors/css-variables/index.css":
 /*!***************************************************!*\
   !*** ./src/styles/colors/css-variables/index.css ***!
@@ -3134,6 +3170,22 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/DropdownItem/styles/DropdownItem.module.scss":
+/*!*************************************************************!*\
+  !*** ./src/ui/DropdownItem/styles/DropdownItem.module.scss ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"dropdownItem":"DropdownItem-module__dropdownItem___N8ZNV","showIcon":"DropdownItem-module__showIcon___Dg7F4","main":"DropdownItem-module__main___Lhu3D","text":"DropdownItem-module__text___ASNww","supportText":"DropdownItem-module__supportText___UEw04","check":"DropdownItem-module__check___e4EmQ","selected":"DropdownItem-module__selected___gw70Z","userIcon":"DropdownItem-module__userIcon___MATjB","small":"DropdownItem-module__small___IbHXt","medium":"DropdownItem-module__medium___bm3mg","widthFill":"DropdownItem-module__widthFill___m3eb0","widthHug":"DropdownItem-module__widthHug___HJMle"});
+
+/***/ }),
+
 /***/ "./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss":
 /*!***************************************************************************!*\
   !*** ./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss ***!
@@ -3178,7 +3230,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"FlexField-module__flexField___bQEfy","inputField":"FlexField-module__inputField___ckUI1","placeholder":"FlexField-module__placeholder___LYS5Z","icon":"FlexField-module__icon___pHmKh","textSupport":"FlexField-module__textSupport___WGMzj","userPic":"FlexField-module__userPic___cJENJ","help":"FlexField-module__help___ORoT_","dropdown":"FlexField-module__dropdown___BqdfG","dropdownReverse":"FlexField-module__dropdownReverse___FNjEK","button":"FlexField-module__button___TjLHK","red":"FlexField-module__red___BY7NK","gray":"FlexField-module__gray___sjpVp","pointer":"FlexField-module__pointer___dOJ4b","focus":"FlexField-module__focus___pkwN6","isError":"FlexField-module__isError___VljDQ","disabled":"FlexField-module__disabled___lN8Vv"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"FlexField-module__flexField___bQEfy","inputField":"FlexField-module__inputField___ckUI1","placeholder":"FlexField-module__placeholder___LYS5Z","icon":"FlexField-module__icon___pHmKh","textSupport":"FlexField-module__textSupport___WGMzj","help":"FlexField-module__help___ORoT_","dropdown":"FlexField-module__dropdown___BqdfG","dropdownReverse":"FlexField-module__dropdownReverse___FNjEK","button":"FlexField-module__button___TjLHK","red":"FlexField-module__red___BY7NK","gray":"FlexField-module__gray___sjpVp","pointer":"FlexField-module__pointer___dOJ4b","focus":"FlexField-module__focus___pkwN6","isError":"FlexField-module__isError___VljDQ","disabled":"FlexField-module__disabled___lN8Vv","userPick":"FlexField-module__userPick___GeaoI"});
 
 /***/ }),
 
@@ -3290,7 +3342,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"animateDrop":"SlideTransition-module__animateDrop___BsY5g","main":"SlideTransition-module__main___YldeC"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"slideTransition":"SlideTransition-module__slideTransition___m3BDg","hide":"SlideTransition-module__hide___vf9oz","show":"SlideTransition-module__show___ELTuM","enterUp":"SlideTransition-module__enterUp___gSh3s","enterAnimation":"SlideTransition-module__enterAnimation___WGsZW","exitUp":"SlideTransition-module__exitUp___RNqLK","exitAnimation":"SlideTransition-module__exitAnimation___eRssU","enterDown":"SlideTransition-module__enterDown___yTFKI","exitDown":"SlideTransition-module__exitDown___OfTtR"});
 
 /***/ }),
 
@@ -3406,6 +3458,22 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/UserPick/styles/UserPick.module.scss":
+/*!*****************************************************!*\
+  !*** ./src/ui/UserPick/styles/UserPick.module.scss ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"userPick":"UserPick-module__userPick___KBWm3","userPickPlaceholder":"UserPick-module__userPickPlaceholder___NrdUD"});
+
+/***/ }),
+
 /***/ "./node_modules/object-assign/index.js":
 /*!*********************************************!*\
   !*** ./node_modules/object-assign/index.js ***!
@@ -8393,6 +8461,127 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/DropdownItem/index.ts":
+/*!**************************************!*\
+  !*** ./src/ui/DropdownItem/index.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownItem: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.DropdownItem)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/DropdownItem/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/DropdownItem/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownItem/styles/index.ts":
+/*!*********************************************!*\
+  !*** ./src/ui/DropdownItem/styles/index.ts ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownItemStyle: () => (/* reexport safe */ _DropdownItem_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _DropdownItem_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DropdownItem.module.scss */ "./src/ui/DropdownItem/styles/DropdownItem.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownItem/types/DropdownItemTypes.ts":
+/*!********************************************************!*\
+  !*** ./src/ui/DropdownItem/types/DropdownItemTypes.ts ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownItem/types/index.ts":
+/*!********************************************!*\
+  !*** ./src/ui/DropdownItem/types/index.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _DropdownItemTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DropdownItemTypes */ "./src/ui/DropdownItem/types/DropdownItemTypes.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownItem/ui/DropdownItem.tsx":
+/*!*************************************************!*\
+  !*** ./src/ui/DropdownItem/ui/DropdownItem.tsx ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownItem: () => (/* binding */ DropdownItem)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/DropdownItem/styles/index.ts");
+
+
+
+
+
+function DropdownItem({ size = 'small', selected = false, disabled = false, supportingText, showIcon, user, text, additionStyles, onClick, width = 'fill', }) {
+    const getSupportingText = () => {
+        if (supportingText === false || supportingText == null)
+            return undefined;
+        if (supportingText === true)
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.supportText, children: "\u041D\u043E\u0432\u043E\u0435" });
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.supportText, children: supportingText });
+    };
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", { onClick: onClick, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.dropdownItem, additionStyles, {
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.selected]: selected,
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.widthFill]: width === 'fill',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.widthHug]: width === 'hug',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.small]: size === 'small',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.medium]: size === 'medium',
+        }), children: [showIcon != null ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.showIcon, children: showIcon }) : undefined, user !== false ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.UserPick, { url: user, size: '20' }) : undefined, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.main, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.text, children: text }), getSupportingText()] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.DropdownItemStyle.check, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.CheckSVG, {}) })] }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownItem/ui/index.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/DropdownItem/ui/index.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownItem: () => (/* reexport safe */ _DropdownItem__WEBPACK_IMPORTED_MODULE_0__.DropdownItem)
+/* harmony export */ });
+/* harmony import */ var _DropdownItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DropdownItem */ "./src/ui/DropdownItem/ui/DropdownItem.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/FormBuilder/consts/index.ts":
@@ -9737,6 +9926,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/FlexField/styles/index.ts");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
 'use client';
 
 
@@ -9744,7 +9934,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, name, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, unmask, blocks, pattern, onDropdownClick, buttonState = 'gray', onButtonClick, additionStyles,
+
+const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, name, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic = false, textSupport, dropdownState = false, offFocus = false, button, unmask, blocks, pattern, onDropdownClick, buttonState = 'gray', onButtonClick, additionStyles,
 // className = FlexFieldStyle,
  }, ref) => {
     const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
@@ -9783,8 +9974,10 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
         }
     };
     const getUserPic = () => {
-        if (typeof userPic === "string") {
-            return userPic && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: userPic, className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.userPic });
+        if (userPic === false)
+            return undefined;
+        if (typeof userPic === "string" || typeof userPic === "undefined") {
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_6__.UserPick, { url: userPic, size: '24', additionStyles: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.userPick });
         }
         return userPic;
     };
@@ -11449,10 +11642,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./src/ui/SlideTransition/types/AnimateDropTypes.ts":
-/*!**********************************************************!*\
-  !*** ./src/ui/SlideTransition/types/AnimateDropTypes.ts ***!
-  \**********************************************************/
+/***/ "./src/ui/SlideTransition/types/SlideTransitionTypes.ts":
+/*!**************************************************************!*\
+  !*** ./src/ui/SlideTransition/types/SlideTransitionTypes.ts ***!
+  \**************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -11470,7 +11663,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _AnimateDropTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AnimateDropTypes */ "./src/ui/SlideTransition/types/AnimateDropTypes.ts");
+/* harmony import */ var _SlideTransitionTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SlideTransitionTypes */ "./src/ui/SlideTransition/types/SlideTransitionTypes.ts");
 
 
 
@@ -11488,11 +11681,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SlideTransition: () => (/* binding */ SlideTransition)
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/SlideTransition/styles/index.ts");
-/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
-
 
 
 
@@ -11514,110 +11704,18 @@ __webpack_require__.r(__webpack_exports__);
  * ```'show'``` - изначально показывает элемент.
  *
  * ---
- * Учтите, что анимации **"снизу"** сужают компонент, поэтому он будет деформироваться.
- * При высокой (автор проводил тесты на 300ms) скорости анимации это незаметно (если вы не Флеш).
+ * Учтите, что анимации сужают компонент, поэтому он будет деформироваться.
+ * При высокой (автор проводил тесты на 300ms) скорости анимации ощущается нормально (если вы не Флеш).
  * */
-function SlideTransition({ children, animation, additionStyles, additionStylesContent, animationOptions = { duration: 300, easing: 'ease-in-out', fill: 'forwards' } }) {
-    const mainRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-    const animateDropWrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-    const lastClientHeight = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(undefined);
-    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
-        lastClientHeight.current = mainRef.current.clientHeight;
-        if (animation === 'hide') {
-            animateDropWrapperRef.current.style.display = 'none';
-        }
-        else if (animation === 'show') {
-            animateDropWrapperRef.current.style.display = 'block';
-        }
-    }, []);
-    const getConfig = (type) => {
-        if (type in animationOptions) {
-            return animationOptions[type];
-        }
-        return animationOptions;
-    };
-    const animateExitDown = () => {
-        const animateConfig = getConfig('exit-down');
-        if (animateDropWrapperRef.current && mainRef.current) {
-            animateDropWrapperRef.current.style.display = 'block';
-            const animateDropWrapper = animateDropWrapperRef.current.animate([
-                { transform: 'scaleY(1)', transformOrigin: 'bottom' },
-                { transform: 'scaleY(0)', transformOrigin: 'bottom' },
-            ], animateConfig);
-            mainRef.current.animate([
-                { transform: 'translateY(0)' },
-                { transform: 'translateY(100%)' },
-            ], animateConfig);
-            animateDropWrapper.finished.then(() => {
-                animateDropWrapperRef.current.style.display = `none`;
-            });
-        }
-    };
-    const animateExitUp = () => {
-        const animateConfig = getConfig('exit-up');
-        if (animateDropWrapperRef.current && mainRef.current) {
-            const mainHeight = mainRef.current.clientHeight;
-            animateDropWrapperRef.current.style.display = 'block';
-            lastClientHeight.current = mainHeight;
-            const animateDropWrapper = animateDropWrapperRef.current.animate([
-                { height: `${mainHeight}px` },
-                { height: `0` },
-            ], animateConfig);
-            mainRef.current.animate([
-                { transform: 'translateY(0)' },
-                { transform: 'translateY(-100%)' },
-            ], animateConfig);
-            animateDropWrapper.finished.then(() => {
-                animateDropWrapperRef.current.style.display = `none`;
-            });
-        }
-    };
-    const animateEnterDown = () => {
-        const animateConfig = getConfig('enter-down');
-        if (animateDropWrapperRef.current && mainRef.current) {
-            animateDropWrapperRef.current.style.display = 'block';
-            animateDropWrapperRef.current.animate([
-                { transform: 'scaleY(0)', transformOrigin: 'bottom', display: 'block' },
-                { transform: 'scaleY(1)', transformOrigin: 'bottom' },
-            ], animateConfig);
-            mainRef.current.animate([
-                { transform: 'translateY(100%)' },
-                { transform: 'translateY(0)' },
-            ], animateConfig);
-        }
-    };
-    const animateEnterUp = () => {
-        const animateConfig = getConfig('enter-up');
-        if (animateDropWrapperRef.current && mainRef.current) {
-            animateDropWrapperRef.current.style.display = 'block';
-            const mainHeight = mainRef.current.clientHeight || lastClientHeight.current;
-            animateDropWrapperRef.current.animate([
-                { height: `0` },
-                { height: `${mainHeight}px` },
-            ], animateConfig);
-            mainRef.current.animate([
-                { transform: 'translateY(-100%)' },
-                { transform: 'translateY(0)' },
-            ], animateConfig);
-        }
-    };
-    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
-        switch (animation) {
-            case 'exit-down':
-                animateExitDown();
-                break;
-            case "exit-up":
-                animateExitUp();
-                break;
-            case "enter-down":
-                animateEnterDown();
-                break;
-            case "enter-up":
-                animateEnterUp();
-                break;
-        }
-    }, [animation]);
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: animateDropWrapperRef, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.animateDrop, additionStyles || []), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: mainRef, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.main, additionStylesContent || []), children: children }) }));
+function SlideTransition({ children, animation, additionStyles, }) {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.slideTransition, additionStyles, {
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.enterDown]: animation === 'enter-down',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.exitDown]: animation === 'exit-down',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.exitUp]: animation === 'exit-up',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.enterUp]: animation === 'enter-up',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.hide]: animation === 'hide',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.SlideTransitionStyle.show]: animation === 'show',
+        }), children: children }));
 }
 
 
@@ -12387,6 +12485,133 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/UserPick/assets/index.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/UserPick/assets/index.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PlaceholderSVG: () => (/* reexport safe */ _placeholder_svg__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _placeholder_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./placeholder.svg */ "./src/ui/UserPick/assets/placeholder.svg");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/UserPick/index.ts":
+/*!**********************************!*\
+  !*** ./src/ui/UserPick/index.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UserPick: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.UserPick)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/UserPick/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/UserPick/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/UserPick/styles/index.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/UserPick/styles/index.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UserPickStyle: () => (/* reexport safe */ _UserPick_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _UserPick_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserPick.module.scss */ "./src/ui/UserPick/styles/UserPick.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/UserPick/types/UserPickTypes.ts":
+/*!************************************************!*\
+  !*** ./src/ui/UserPick/types/UserPickTypes.ts ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/UserPick/types/index.ts":
+/*!****************************************!*\
+  !*** ./src/ui/UserPick/types/index.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _UserPickTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserPickTypes */ "./src/ui/UserPick/types/UserPickTypes.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/UserPick/ui/UserPick.tsx":
+/*!*****************************************!*\
+  !*** ./src/ui/UserPick/ui/UserPick.tsx ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UserPick: () => (/* binding */ UserPick)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/UserPick/styles/index.ts");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../assets */ "./src/ui/UserPick/assets/index.ts");
+
+
+
+
+function UserPick({ size = '20', url, additionStyles }) {
+    const style = { width: `${size}px`, height: `${size}px` };
+    if (url == null) {
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.UserPickStyle.userPickPlaceholder, additionStyles), style: style, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.PlaceholderSVG, {}) });
+    }
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: url, alt: '', className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.UserPickStyle.userPick, additionStyles), style: style });
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/UserPick/ui/index.ts":
+/*!*************************************!*\
+  !*** ./src/ui/UserPick/ui/index.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UserPick: () => (/* reexport safe */ _UserPick__WEBPACK_IMPORTED_MODULE_0__.UserPick)
+/* harmony export */ });
+/* harmony import */ var _UserPick__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserPick */ "./src/ui/UserPick/ui/UserPick.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/index.ts":
@@ -12412,6 +12637,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DatePickerMain: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.DatePickerMain),
 /* harmony export */   DateTimeField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.DateTimeField),
 /* harmony export */   DateTimeRangeField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.DateTimeRangeField),
+/* harmony export */   DropdownItem: () => (/* reexport safe */ _DropdownItem__WEBPACK_IMPORTED_MODULE_19__.DropdownItem),
 /* harmony export */   FlexField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.FlexField),
 /* harmony export */   FormBuilder: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.FormBuilder),
 /* harmony export */   INIT_FIELDS_NAME: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.INIT_FIELDS_NAME),
@@ -12438,6 +12664,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TextareaField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.TextareaField),
 /* harmony export */   Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_8__.Toggle),
 /* harmony export */   ToggleBase: () => (/* reexport safe */ _ToggleBase__WEBPACK_IMPORTED_MODULE_7__.ToggleBase),
+/* harmony export */   UserPick: () => (/* reexport safe */ _UserPick__WEBPACK_IMPORTED_MODULE_18__.UserPick),
 /* harmony export */   arrayFieldComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.arrayFieldComponent),
 /* harmony export */   blockWrapperComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.blockWrapperComponent),
 /* harmony export */   formBuilder: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.formBuilder),
@@ -12463,6 +12690,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TabButtons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./TabButtons */ "./src/ui/TabButtons/index.ts");
 /* harmony import */ var _PaginationBar__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./PaginationBar */ "./src/ui/PaginationBar/index.ts");
 /* harmony import */ var _ScrollProvider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ScrollProvider */ "./src/ui/ScrollProvider/index.ts");
+/* harmony import */ var _UserPick__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./UserPick */ "./src/ui/UserPick/index.ts");
+/* harmony import */ var _DropdownItem__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./DropdownItem */ "./src/ui/DropdownItem/index.ts");
+
+
 
 
 
@@ -28345,6 +28576,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DatePickerMain: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DatePickerMain),
 /* harmony export */   DateTimeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimeField),
 /* harmony export */   DateTimeRangeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimeRangeField),
+/* harmony export */   DropdownItem: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DropdownItem),
 /* harmony export */   FlexField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FlexField),
 /* harmony export */   FormBuilder: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormBuilder),
 /* harmony export */   INIT_FIELDS_NAME: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.INIT_FIELDS_NAME),
@@ -28371,6 +28603,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TextareaField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TextareaField),
 /* harmony export */   Toggle: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Toggle),
 /* harmony export */   ToggleBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ToggleBase),
+/* harmony export */   UserPick: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.UserPick),
 /* harmony export */   arrayFieldComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.arrayFieldComponent),
 /* harmony export */   blockWrapperComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.blockWrapperComponent),
 /* harmony export */   clearDeepValue: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.clearDeepValue),