indicator-ui 0.0.52 → 0.0.54

package/dist/index.js

@@ -3278,6 +3278,38 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/TabButtons/styles/TabButtons.module.scss":
+/*!*********************************************************!*\
+  !*** ./src/ui/TabButtons/styles/TabButtons.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__ = ({"tabButtons":"TabButtons-module__tabButtons___vSLsZ","rightIcon":"TabButtons-module__rightIcon___Vllb5","leftIcon":"TabButtons-module__leftIcon___yDOkS","text":"TabButtons-module__text___EbNMB","active":"TabButtons-module__active___ShP43","disabled":"TabButtons-module__disabled___MlvE9","widthHug":"TabButtons-module__widthHug___Choqd","heightHug":"TabButtons-module__heightHug___jeoXZ","widthFill":"TabButtons-module__widthFill___MwxIJ","heightFill":"TabButtons-module__heightFill____mxL8"});
+
+/***/ }),
+
+/***/ "./src/ui/TabFrame/styles/TabFrame.module.scss":
+/*!*****************************************************!*\
+  !*** ./src/ui/TabFrame/styles/TabFrame.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__ = ({"tabFrame":"TabFrame-module__tabFrame___Ppzzz","widthFill":"TabFrame-module__widthFill___phhlp","widthHug":"TabFrame-module__widthHug___wokCP"});
+
+/***/ }),
+
 /***/ "./src/ui/Tag/styles/Tag.module.scss":
 /*!*******************************************!*\
   !*** ./src/ui/Tag/styles/Tag.module.scss ***!
@@ -8732,7 +8764,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, buttonState = 'gray', onButtonClick, className = _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle, }, ref) => {
+const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, unmask, buttonState = 'gray', onButtonClick, className = _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle, }, ref) => {
     const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const handleChange = (newValue) => {
         onChange && onChange(newValue);
@@ -8750,7 +8782,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
             return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.inputField, { [className?.placeholder]: !value && placeholder }), children: value || placeholder }));
         }
         let validValue = typeof value === 'string' ? value : '';
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, className: className?.inputField });
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, unmask: unmask, className: className?.inputField });
     };
     const getIcon = () => {
         return icon ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.icon, children: icon }) : undefined;
@@ -9925,12 +9957,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MicroButton: () => (/* binding */ MicroButton)
 /* 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/MicroButton/styles/index.ts");
+/* 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_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/MicroButton/styles/index.ts");
 
 
 
-function MicroButton({ children, icon, size = '14', color = 'light', additionStyles = [], className = _styles__WEBPACK_IMPORTED_MODULE_2__.MicroButtonStyle, ...props }) {
+
+function MicroButton({ children, icon, size = '14', color = 'light', additionStyles = [], customComponent, disabled, className = _styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle, ...props }) {
     const getTypeClassName = () => {
         switch (color) {
             case 'light':
@@ -9975,7 +10010,13 @@ function MicroButton({ children, icon, size = '14', color = 'light', additionSty
         }
         return additionStyles.join(' ');
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { ...props, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(className?.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()), children: icon || children }));
+    if (customComponent !== undefined) {
+        return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
+            children: icon || children,
+            className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getTypeClassName(), getSizeClassName(), getAdditionStyles())
+        });
+    }
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { ...props, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()), children: icon || children }));
 }
 
 
@@ -10254,6 +10295,212 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/TabButtons/index.ts":
+/*!************************************!*\
+  !*** ./src/ui/TabButtons/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 */   TabButtons: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TabButtons)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/TabButtons/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/TabButtons/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabButtons/styles/index.ts":
+/*!*******************************************!*\
+  !*** ./src/ui/TabButtons/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 */   TabButtonsStyle: () => (/* reexport safe */ _TabButtons_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _TabButtons_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabButtons.module.scss */ "./src/ui/TabButtons/styles/TabButtons.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabButtons/types/TabButtonsTypes.ts":
+/*!****************************************************!*\
+  !*** ./src/ui/TabButtons/types/TabButtonsTypes.ts ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabButtons/types/index.ts":
+/*!******************************************!*\
+  !*** ./src/ui/TabButtons/types/index.ts ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _TabButtonsTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabButtonsTypes */ "./src/ui/TabButtons/types/TabButtonsTypes.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabButtons/ui/TabButtons.tsx":
+/*!*********************************************!*\
+  !*** ./src/ui/TabButtons/ui/TabButtons.tsx ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TabButtons: () => (/* binding */ TabButtons)
+/* 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 _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/TabButtons/styles/index.ts");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+
+
+
+
+function TabButtons({ active, iconLeft, iconRight, disabled, text, children, customComponent, height = 'hug', width = 'fill', additionStyles, ...props }) {
+    const getClassName = () => {
+        return (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.tabButtons, {
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.active]: !disabled && active,
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.disabled]: disabled,
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.widthFill]: width === 'fill',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.widthHug]: width === 'hug',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightFill]: height === 'fill',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightHug]: height === 'hug',
+        });
+    };
+    const getMainContent = () => {
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [iconLeft && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.leftIcon, children: iconLeft }), text || children && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.text, children: text || children }), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.rightIcon, children: iconRight })] }));
+    };
+    if (customComponent !== undefined) {
+        return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
+            children: getMainContent(),
+            className: getClassName()
+        });
+    }
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { ...props, disabled: disabled, className: getClassName(), children: getMainContent() }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/TabButtons/ui/index.ts":
+/*!***************************************!*\
+  !*** ./src/ui/TabButtons/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 */   TabButtons: () => (/* reexport safe */ _TabButtons__WEBPACK_IMPORTED_MODULE_0__.TabButtons)
+/* harmony export */ });
+/* harmony import */ var _TabButtons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabButtons */ "./src/ui/TabButtons/ui/TabButtons.tsx");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabFrame/index.ts":
+/*!**********************************!*\
+  !*** ./src/ui/TabFrame/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 */   TabFrame: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TabFrame)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/TabFrame/ui/index.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabFrame/styles/index.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/TabFrame/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 */   TabFrameStyle: () => (/* reexport safe */ _TabFrame_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _TabFrame_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabFrame.module.scss */ "./src/ui/TabFrame/styles/TabFrame.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabFrame/ui/TabFrame.tsx":
+/*!*****************************************!*\
+  !*** ./src/ui/TabFrame/ui/TabFrame.tsx ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TabFrame: () => (/* binding */ TabFrame)
+/* 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 _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/TabFrame/styles/index.ts");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+
+
+
+
+function TabFrame({ width = 'fill', tabs = [] }) {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TabFrameStyle.tabFrame, {
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabFrameStyle.widthHug]: width === 'hug',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabFrameStyle.widthFill]: width === 'fill',
+        }), children: tabs.map((item, idx) => (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.TabButtons, { ...item }, idx)) }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/TabFrame/ui/index.ts":
+/*!*************************************!*\
+  !*** ./src/ui/TabFrame/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 */   TabFrame: () => (/* reexport safe */ _TabFrame__WEBPACK_IMPORTED_MODULE_0__.TabFrame)
+/* harmony export */ });
+/* harmony import */ var _TabFrame__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabFrame */ "./src/ui/TabFrame/ui/TabFrame.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/Tag/index.ts":
@@ -10801,6 +11048,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SelectField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SelectField),
 /* harmony export */   SlideTransition: () => (/* reexport safe */ _SlideTransition__WEBPACK_IMPORTED_MODULE_11__.SlideTransition),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SwitcherField),
+/* harmony export */   TabButtons: () => (/* reexport safe */ _TabButtons__WEBPACK_IMPORTED_MODULE_14__.TabButtons),
+/* harmony export */   TabFrame: () => (/* reexport safe */ _TabFrame__WEBPACK_IMPORTED_MODULE_13__.TabFrame),
 /* harmony export */   Tag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_10__.Tag),
 /* harmony export */   TagCheckbox: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_10__.TagCheckbox),
 /* harmony export */   TagCount: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_10__.TagCount),
@@ -10827,6 +11076,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Tag */ "./src/ui/Tag/index.ts");
 /* harmony import */ var _SlideTransition__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./SlideTransition */ "./src/ui/SlideTransition/index.ts");
 /* harmony import */ var _ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ModalWindowWrapper */ "./src/ui/ModalWindowWrapper/index.ts");
+/* harmony import */ var _TabFrame__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TabFrame */ "./src/ui/TabFrame/index.ts");
+/* harmony import */ var _TabButtons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./TabButtons */ "./src/ui/TabButtons/index.ts");
+
+
 
 
 
@@ -25251,6 +25504,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SelectField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SelectField),
 /* harmony export */   SlideTransition: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SlideTransition),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SwitcherField),
+/* harmony export */   TabButtons: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TabButtons),
+/* harmony export */   TabFrame: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TabFrame),
 /* harmony export */   Tag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Tag),
 /* harmony export */   TagCheckbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TagCheckbox),
 /* harmony export */   TagCount: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TagCount),