@capillarytech/blaze-ui 1.0.3-alpha.15 → 1.0.3-alpha.16

package/{CapUnifiedSelect → dist/CapUnifiedSelect}/index.js

@@ -97,940 +97,135 @@ exports.SelectAllCheckbox = SelectAllCheckbox;
 
 /***/ }),
 
-/***/ 540:
-/***/ ((module) => {
-
-"use strict";
-
-
-/* istanbul ignore next  */
-function insertStyleElement(options) {
-  var element = document.createElement("style");
-  options.setAttributes(element, options.attributes);
-  options.insert(element, options.options);
-  return element;
-}
-module.exports = insertStyleElement;
-
-/***/ }),
-
-/***/ 1020:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f=__webpack_require__(9206),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
-
-
-/***/ }),
-
-/***/ 1549:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _CapSpin = _interopRequireDefault(__webpack_require__(7579));
-exports["default"] = _CapSpin.default;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-
-/***/ }),
-
-/***/ 1601:
-/***/ ((module) => {
-
-"use strict";
-
-
-module.exports = function (i) {
-  return i[1];
-};
-
-/***/ }),
-
-/***/ 1858:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-row-v2.blaze-ui-with-custom-width{width:auto}.blaze-ui-cap-row-v2.blaze-ui-with-custom-height{height:auto}.blaze-ui-cap-row-v2.blaze-ui-fill-space{flex:1}.blaze-ui-cap-row-v2.blaze-ui-full-width{width:100%}.blaze-ui-cap-row-v2.blaze-ui-full-height{height:100%}.blaze-ui-cap-row-v2.blaze-ui-ant-row-no-wrap{flex-wrap:nowrap}.blaze-ui-cap-row-v2.blaze-ui-with-gap{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr))}`, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"cap-row-v2": `blaze-ui-cap-row-v2`,
-	"with-custom-width": `blaze-ui-with-custom-width`,
-	"with-custom-height": `blaze-ui-with-custom-height`,
-	"fill-space": `blaze-ui-fill-space`,
-	"full-width": `blaze-ui-full-width`,
-	"full-height": `blaze-ui-full-height`,
-	"ant-row-no-wrap": `blaze-ui-ant-row-no-wrap`,
-	"with-gap": `blaze-ui-with-gap`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 2119:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-tooltip-overlay-v2 .ant-tooltip-inner{background-color:#091e42;color:#fff;padding:.571rem .857rem;font-size:1rem;line-height:1.429rem;border-radius:.286rem;max-width:21.429rem;word-wrap:break-word}.blaze-ui-cap-tooltip-overlay-v2 .ant-tooltip-arrow::before{background-color:#091e42}.blaze-ui-button-disabled-tooltip-wrapper{display:inline-block;cursor:not-allowed}.blaze-ui-button-disabled-tooltip-wrapper .ant-btn[disabled]{pointer-events:none}.blaze-ui-cap-tooltip-wrapper{display:inline-block}`, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"cap-tooltip-overlay-v2": `blaze-ui-cap-tooltip-overlay-v2`,
-	"button-disabled-tooltip-wrapper": `blaze-ui-button-disabled-tooltip-wrapper`,
-	"cap-tooltip-wrapper": `blaze-ui-cap-tooltip-wrapper`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 2608:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(4299));
-exports["default"] = _CapTooltipWithInfo.default;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-
-/***/ }),
-
-/***/ 2657:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
-var _react = _interopRequireDefault(__webpack_require__(9206));
-var _styles = _interopRequireDefault(__webpack_require__(4939));
-var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["children", "type", "className", "style", "fontWeight", "lineHeight"],
-  _excluded2 = ["children", "type", "className", "style", "fontWeight", "lineHeight"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const CapLabel = _ref => {
-  let {
-      children,
-      type = 'label1',
-      className = '',
-      style = {},
-      fontWeight,
-      lineHeight
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const labelStyle = _extends({}, fontWeight ? {
-    fontWeight
-  } : {}, lineHeight ? {
-    lineHeight
-  } : {}, style);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _extends({
-    className: (0, _classnames.default)(_styles.default['cap-label'], _styles.default['cap-label-div'], _styles.default[type], className),
-    style: labelStyle
-  }, rest, {
-    children: children
-  }));
-};
-
-// Static method for inline label
-
-const CapLabelInline = _ref2 => {
-  let {
-      children,
-      type = 'label1',
-      className = '',
-      style = {},
-      fontWeight,
-      lineHeight
-    } = _ref2,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  const labelStyle = _extends({}, fontWeight ? {
-    fontWeight
-  } : {}, lineHeight ? {
-    lineHeight
-  } : {}, style);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _extends({
-    className: (0, _classnames.default)(_styles.default['cap-label'], _styles.default['cap-label-span'], _styles.default[type], className),
-    style: labelStyle
-  }, rest, {
-    children: children
-  }));
-};
-
-// Extend the component type to include the static property
-
-const CapLabelWithStatic = CapLabel;
-CapLabelWithStatic.CapLabelInline = CapLabelInline;
-var _default = exports["default"] = CapLabelWithStatic;
-
-/***/ }),
-
-/***/ 3737:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _CapLabel = _interopRequireDefault(__webpack_require__(2657));
-exports["default"] = _CapLabel.default;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-
-/***/ }),
-
-/***/ 3837:
+/***/ 480:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-exports["default"] = void 0;
-var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
-var _react = _interopRequireDefault(__webpack_require__(9206));
-var _styles = _interopRequireDefault(__webpack_require__(5765));
-var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["children", "className", "style", "justify", "align", "gutter", "wrap", "width", "height", "margin", "padding", "fullWidth", "fullHeight", "fillSpace", "responsive", "vertical", "noWrap", "gap"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const CapRow = _ref => {
+exports.useCapUnifiedSelect = void 0;
+var _react = __webpack_require__(9206);
+var _constants = __webpack_require__(9788);
+var _utils = __webpack_require__(8052);
+const useCapUnifiedSelect = _ref => {
   let {
-      children,
-      className = '',
-      style = {},
-      justify = 'start',
-      align = 'top',
-      gutter = 0,
-      wrap = true,
-      width,
-      height,
-      margin,
-      padding,
-      fullWidth = false,
-      fullHeight = false,
-      fillSpace = false,
-      responsive = true,
-      vertical: _vertical = false,
-      noWrap = false,
-      gap = null
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // Use either the gap property or gutter for spacing
-  const gutterValue = gap !== null ? null : gutter;
-  const wrapValue = noWrap ? false : wrap;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Row, _extends({
-    className: (0, _classnames.default)(_styles.default['cap-row-v2'], {
-      [_styles.default['with-custom-width']]: width,
-      [_styles.default['with-custom-height']]: height,
-      [_styles.default['fill-space']]: fillSpace,
-      [_styles.default['full-width']]: fullWidth,
-      [_styles.default['full-height']]: fullHeight,
-      [_styles.default['ant-row-no-wrap']]: noWrap,
-      [_styles.default['with-gap']]: gap !== null
-    }, className),
-    style: _extends({}, gap !== null ? {
-      gap: typeof gap === 'number' ? gap + "px" : Array.isArray(gap) ? gap.map(g => g + "px").join(' ') : gap
-    } : {}, width ? {
-      width: typeof width === 'number' ? width + "px" : width
-    } : {}, height ? {
-      height: typeof height === 'number' ? height + "px" : height
-    } : {}, margin ? {
-      margin: typeof margin === 'number' ? margin + "px" : margin
-    } : {}, padding ? {
-      padding: typeof padding === 'number' ? padding + "px" : padding
-    } : {}, fullWidth ? {
-      width: '100%'
-    } : {}, fullHeight ? {
-      height: '100%'
-    } : {}, !responsive ? {
-      display: 'flex',
-      flexWrap: wrapValue ? 'wrap' : 'nowrap'
-    } : {}, fillSpace ? {
-      flex: 1
-    } : {}, style),
-    justify: justify,
-    align: align,
-    gutter: gutterValue,
-    wrap: wrapValue
-  }, rest, {
-    children: children
-  }));
-};
-var _default = exports["default"] = CapRow;
-
-/***/ }),
-
-/***/ 3883:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-tooltip-with-info{display:inline-flex;align-items:center;cursor:default}.blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{color:#b3bac5;margin-left:.286rem;cursor:help}.blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon:hover{color:#dfe2e7}`, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"cap-tooltip-with-info": `blaze-ui-cap-tooltip-with-info`,
-	"cap-tooltip-with-info-icon": `blaze-ui-cap-tooltip-with-info-icon`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 3948:
-/***/ ((__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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3883);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
-/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
-/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-;
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
-
-
-
-
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
-
-
-/***/ }),
-
-/***/ 4273:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("antd-v5");
-
-/***/ }),
-
-/***/ 4284:
-/***/ ((module) => {
-
-"use strict";
-
-
-/* istanbul ignore next  */
-var replaceText = function replaceText() {
-  var textStore = [];
-  return function replace(index, replacement) {
-    textStore[index] = replacement;
-    return textStore.filter(Boolean).join("\n");
-  };
-}();
-
-/* istanbul ignore next  */
-function apply(styleElement, index, remove, obj) {
-  var css;
-  if (remove) {
-    css = "";
-  } else {
-    css = "";
-    if (obj.supports) {
-      css += "@supports (".concat(obj.supports, ") {");
-    }
-    if (obj.media) {
-      css += "@media ".concat(obj.media, " {");
-    }
-    var needLayer = typeof obj.layer !== "undefined";
-    if (needLayer) {
-      css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+    type: _type,
+    options,
+    value,
+    onChange,
+    staticValue,
+    onSearch,
+    searchDebounce,
+    searchBasedOn,
+    onConfirm,
+    resetSearch,
+    resetData,
+    fetchMissingOptions,
+    onPopupScroll,
+    hasMore,
+    customPopupRender,
+    isMulti,
+    disabled = false
+  } = _ref;
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const [tempValue, setTempValue] = (0, _react.useState)(value);
+  const [dropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
+  const [isSearching, setIsSearching] = (0, _react.useState)(false);
+  const [isLoadingOnScroll, setIsLoadingOnScroll] = (0, _react.useState)(false);
+  const [isResettingData, setIsResettingData] = (0, _react.useState)(false);
+  const [orderedOptions, setOrderedOptions] = (0, _react.useState)(null);
+  const searchTimeoutRef = (0, _react.useRef)(null);
+  const scrollContainerRef = (0, _react.useRef)(null);
+  const scrollLoadingTimeoutRef = (0, _react.useRef)(null);
+  const isScrollProcessingRef = (0, _react.useRef)(false);
+  const scrollThrottleTimeoutRef = (0, _react.useRef)(null);
+  const optionsRef = (0, _react.useRef)(options);
+  const selectedItemsCacheRef = (0, _react.useRef)(new Map());
+  const lastSearchQueryRef = (0, _react.useRef)('');
+  const searchClearedTimeRef = (0, _react.useRef)(null);
+  const prevOptionsRef = (0, _react.useRef)(options);
+  const prevOptionsBeforeResetRef = (0, _react.useRef)(options);
+  const prevOptionsCountRef = (0, _react.useRef)(options.length);
+  const prevOptionsRefForScroll = (0, _react.useRef)(options);
+  const scrollTriggerOptionsCountRef = (0, _react.useRef)(options.length);
+  const initialSortDoneRef = (0, _react.useRef)(false);
+  const hasInteractedRef = (0, _react.useRef)(false);
+  const initialTempValueRef = (0, _react.useRef)(value);
+  const resetDataCalledRef = (0, _react.useRef)(false);
+  const resetDataCalledTimeRef = (0, _react.useRef)(null);
+  const fetchMissingOptionsCalledRef = (0, _react.useRef)(false);
+  const lastMissingValuesRef = (0, _react.useRef)('');
+  (0, _react.useEffect)(() => {
+    if (!fetchMissingOptions) {
+      return;
     }
-    css += obj.css;
-    if (needLayer) {
-      css += "}";
+    if (options.length === 0) {
+      return;
     }
-    if (obj.media) {
-      css += "}";
+    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+    if (hasActiveSearch) {
+      return;
     }
-    if (obj.supports) {
-      css += "}";
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    if (selectedValues.length === 0) {
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      return;
     }
-  }
-
-  // For old IE
-  /* istanbul ignore if  */
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = styleElement.childNodes;
-    if (childNodes[index]) {
-      styleElement.removeChild(childNodes[index]);
+    const missingValues = (0, _utils.findMissingValues)(selectedValues, options);
+    if (missingValues.length === 0) {
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      return;
     }
-    if (childNodes.length) {
-      styleElement.insertBefore(cssNode, childNodes[index]);
-    } else {
-      styleElement.appendChild(cssNode);
+    const missingValuesKey = [...missingValues].sort().join(',');
+    if (!fetchMissingOptionsCalledRef.current || lastMissingValuesRef.current !== missingValuesKey) {
+      fetchMissingOptionsCalledRef.current = true;
+      lastMissingValuesRef.current = missingValuesKey;
+      fetchMissingOptions([...missingValues]);
     }
-  }
-}
-var singletonData = {
-  singleton: null,
-  singletonCounter: 0
-};
-
-/* istanbul ignore next  */
-function domAPI(options) {
-  if (typeof document === "undefined") return {
-    update: function update() {},
-    remove: function remove() {}
-  };
-
-  // eslint-disable-next-line no-undef,no-use-before-define
-  var styleIndex = singletonData.singletonCounter++;
-  var styleElement =
-  // eslint-disable-next-line no-undef,no-use-before-define
-  singletonData.singleton || (
-  // eslint-disable-next-line no-undef,no-use-before-define
-  singletonData.singleton = options.insertStyleElement(options));
-  return {
-    update: function update(obj) {
-      apply(styleElement, styleIndex, false, obj);
-    },
-    remove: function remove(obj) {
-      apply(styleElement, styleIndex, true, obj);
+  }, [value, options, fetchMissingOptions, staticValue]);
+  (0, _react.useEffect)(() => {
+    const isEqual = Array.isArray(value) && Array.isArray(tempValue) ? (value == null ? void 0 : value.length) === (tempValue == null ? void 0 : tempValue.length) && value.every(v => Array.isArray(tempValue) && tempValue.includes(v)) : value === tempValue;
+    if (!isEqual) {
+      setTempValue(value);
+      setOrderedOptions(null);
     }
-  };
-}
-module.exports = domAPI;
-
-/***/ }),
-
-/***/ 4299:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
-var _react = _interopRequireDefault(__webpack_require__(9206));
-var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
-var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
-var _styles = _interopRequireDefault(__webpack_require__(3948));
-var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["title", "iconSize", "iconType", "placement", "trigger", "className", "tooltipProps", "iconProps"];
-/**
- * CapTooltipWithInfo - A component that combines an info icon with a tooltip
- * for displaying additional information on hover or other trigger events.
- */
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const CapTooltipWithInfo = _ref => {
-  let {
-      title,
-      iconSize = 's',
-      iconType = 'info-circle',
-      placement = 'top',
-      trigger = 'hover',
-      className = '',
-      tooltipProps = {},
-      iconProps = {}
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _extends({
-    className: (0, _classnames.default)(_styles.default['cap-tooltip-with-info'], className)
-  }, rest, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, _extends({
-      title: title,
-      placement: placement,
-      trigger: trigger
-    }, tooltipProps, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _styles.default['cap-tooltip-with-info-icon'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, _extends({
-          type: iconType,
-          size: iconSize
-        }, iconProps))
-      })
-    }))
-  }));
-};
-var _default = exports["default"] = CapTooltipWithInfo;
-
-/***/ }),
-
-/***/ 4627:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("@ant-design-v5/icons");
-
-/***/ }),
-
-/***/ 4848:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-
-
-if (true) {
-  module.exports = __webpack_require__(1020);
-} else // removed by dead control flow
-{}
-
-
-/***/ }),
-
-/***/ 4939:
-/***/ ((__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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5216);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
-/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
-/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-;
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
-
-
-
-
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
-
-
-/***/ }),
-
-/***/ 5056:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-
-
-/* istanbul ignore next  */
-function setAttributesWithoutAttributes(styleElement) {
-  var nonce =  true ? __webpack_require__.nc : 0;
-  if (nonce) {
-    styleElement.setAttribute("nonce", nonce);
-  }
-}
-module.exports = setAttributesWithoutAttributes;
-
-/***/ }),
-
-/***/ 5072:
-/***/ ((module) => {
-
-"use strict";
-
-
-var stylesInDOM = [];
-function getIndexByIdentifier(identifier) {
-  var result = -1;
-  for (var i = 0; i < stylesInDOM.length; i++) {
-    if (stylesInDOM[i].identifier === identifier) {
-      result = i;
-      break;
-    }
-  }
-  return result;
-}
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var indexByIdentifier = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3],
-      supports: item[4],
-      layer: item[5]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value]);
+  (0, _react.useEffect)(() => {
+    const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    const findAndCacheOption = (opts, val) => {
+      for (const opt of opts) {
+        if (opt.value === val) {
+          selectedItemsCacheRef.current.set(val, opt);
+          return true;
+        }
+        if (opt.children && opt.children.length > 0) {
+          if (findAndCacheOption(opt.children, val)) {
+            return true;
+          }
+        }
+      }
+      return false;
     };
-    if (indexByIdentifier !== -1) {
-      stylesInDOM[indexByIdentifier].references++;
-      stylesInDOM[indexByIdentifier].updater(obj);
-    } else {
-      var updater = addElementStyle(obj, options);
-      options.byIndex = i;
-      stylesInDOM.splice(i, 0, {
-        identifier: identifier,
-        updater: updater,
-        references: 1
-      });
-    }
-    identifiers.push(identifier);
-  }
-  return identifiers;
-}
-function addElementStyle(obj, options) {
-  var api = options.domAPI(options);
-  api.update(obj);
-  var updater = function updater(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
-        return;
+    currentSelected.forEach(val => {
+      if (!selectedItemsCacheRef.current.has(val)) {
+        findAndCacheOption(options, val);
       }
-      api.update(obj = newObj);
-    } else {
-      api.remove();
-    }
-  };
-  return updater;
-}
-module.exports = function (list, options) {
-  options = options || {};
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDOM[index].references--;
-    }
-    var newLastIdentifiers = modulesToDom(newList, options);
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
-      var _index = getIndexByIdentifier(_identifier);
-      if (stylesInDOM[_index].references === 0) {
-        stylesInDOM[_index].updater();
-        stylesInDOM.splice(_index, 1);
-      }
-    }
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
-
-/***/ }),
-
-/***/ 5216:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-label{font-family:"Roboto",sans-serif}.blaze-ui-cap-label.blaze-ui-label1{font-size:.857rem;color:#5e6c84;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label2{font-size:.857rem;color:#091e42;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label3{font-size:.857rem;color:#97a0af;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label4{font-size:.857rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label5{font-size:.714rem;color:#091e42;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label6{font-size:.857rem;color:#b3bac5;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label7{font-size:1rem;color:#5e6c84;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label8{font-size:.857rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label9{font-size:.857rem;color:#091e42;font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label10{font-size:.857rem;color:#fff;font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label11{font-size:.714rem;color:#5e6c84;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label12{font-size:.857rem;color:#fff;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label13{font-size:.714rem;color:#97a0af;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label14{font-size:1rem;color:#676e7c;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label15{font-size:1rem;color:#091e42;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label16{font-size:1rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label17{font-size:1.143rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label18{font-size:1rem;color:#5e6c84;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label19{font-size:.857rem;color:rgba(0,0,0,.8705882353);font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label20{font-size:1rem;color:#2466eb;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label21{font-size:.857rem;color:#2466eb;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label22{font-size:1.714rem;color:#5e6c84;font-weight:400;line-height:2rem}.blaze-ui-cap-label.blaze-ui-label23{font-size:1rem;color:#fff;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label24{font-size:1rem;color:#5e6c84;font-weight:400;line-height:1.429rem}.blaze-ui-cap-label.blaze-ui-label25{font-size:1rem;color:#5e6c84;font-weight:500;line-height:1.429rem}.blaze-ui-cap-label.blaze-ui-label26{font-size:.714rem;color:#091e42;font-weight:400;line-height:.857rem}.blaze-ui-cap-label.blaze-ui-label27{font-size:.857rem;color:#2466eb;font-weight:500;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label28{font-size:.857rem;color:#fff;font-weight:500;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label29,.blaze-ui-cap-label.blaze-ui-label30{font-size:.714rem;color:#fff;font-weight:400;line-height:.857rem}.blaze-ui-cap-label.blaze-ui-label31{font-size:.857rem;color:#091e42;font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label32{font-size:1rem;color:#fff;font-weight:500;line-height:1.429rem}.blaze-ui-cap-label.blaze-ui-label33{font-size:1rem;color:#2466eb;font-weight:500;line-height:1.429rem}.blaze-ui-cap-label-div,.blaze-ui-cap-label-span{font-family:"Roboto",sans-serif;margin:0;padding:0}`, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"cap-label": `blaze-ui-cap-label`,
-	"label1": `blaze-ui-label1`,
-	"label2": `blaze-ui-label2`,
-	"label3": `blaze-ui-label3`,
-	"label4": `blaze-ui-label4`,
-	"label5": `blaze-ui-label5`,
-	"label6": `blaze-ui-label6`,
-	"label7": `blaze-ui-label7`,
-	"label8": `blaze-ui-label8`,
-	"label9": `blaze-ui-label9`,
-	"label10": `blaze-ui-label10`,
-	"label11": `blaze-ui-label11`,
-	"label12": `blaze-ui-label12`,
-	"label13": `blaze-ui-label13`,
-	"label14": `blaze-ui-label14`,
-	"label15": `blaze-ui-label15`,
-	"label16": `blaze-ui-label16`,
-	"label17": `blaze-ui-label17`,
-	"label18": `blaze-ui-label18`,
-	"label19": `blaze-ui-label19`,
-	"label20": `blaze-ui-label20`,
-	"label21": `blaze-ui-label21`,
-	"label22": `blaze-ui-label22`,
-	"label23": `blaze-ui-label23`,
-	"label24": `blaze-ui-label24`,
-	"label25": `blaze-ui-label25`,
-	"label26": `blaze-ui-label26`,
-	"label27": `blaze-ui-label27`,
-	"label28": `blaze-ui-label28`,
-	"label29": `blaze-ui-label29`,
-	"label30": `blaze-ui-label30`,
-	"label31": `blaze-ui-label31`,
-	"label32": `blaze-ui-label32`,
-	"label33": `blaze-ui-label33`,
-	"cap-label-div": `blaze-ui-cap-label-div`,
-	"cap-label-span": `blaze-ui-cap-label-span`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 5353:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
-var _react = _interopRequireWildcard(__webpack_require__(9206));
-var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
-var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
-var _CapRow = _interopRequireDefault(__webpack_require__(7375));
-var _CapSpin = _interopRequireDefault(__webpack_require__(1549));
-var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
-var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
-var _components = __webpack_require__(455);
-var _constants = __webpack_require__(9788);
-var _styles = _interopRequireDefault(__webpack_require__(8263));
-var _utils = __webpack_require__(8052);
-var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "uploadLabel", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onSearch", "searchDebounce", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly", "staticValue", "onFooterDownloadChange", "onPopupScroll", "hasMore", "enableVirtualization", "virtualRowHeight", "resetSearch", "resetData", "fetchMissingOptions"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const CapUnifiedSelect = _ref => {
-  let {
-      type = _constants.SELECT_TYPES.SELECT,
-      options = [],
-      value,
-      onChange,
-      placeholder = _constants.DEFAULTS.PLACEHOLDER,
-      className = '',
-      style,
-      isError = false,
-      errorMessage,
-      containerClassName,
-      popoverClassName,
-      allowClear = false,
-      headerLabel,
-      onUpload,
-      uploadLabel = _constants.DEFAULTS.UPLOAD_LABEL,
-      tooltip,
-      bylineText,
-      disabled = false,
-      showUpload = false,
-      customPopupRender = true,
-      showSearch = true,
-      searchBasedOn = 'label',
-      onSearch,
-      searchDebounce = _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE,
-      onConfirm,
-      clearText = _constants.DEFAULTS.CLEAR_TEXT,
-      noResultCustomText = _constants.DEFAULTS.NO_RESULT_TEXT,
-      noResultCustomIcon = _constants.DEFAULTS.NO_RESULT_ICON,
-      readOnly = false,
-      staticValue = true,
-      onFooterDownloadChange,
-      onPopupScroll,
-      hasMore = true,
-      enableVirtualization = false,
-      virtualRowHeight = _constants.DEFAULTS.VIRTUAL_ROW_HEIGHT,
-      resetSearch = true,
-      resetData,
-      fetchMissingOptions
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [searchText, setSearchText] = (0, _react.useState)('');
-  const [tempValue, setTempValue] = (0, _react.useState)(value);
-  const [dropdownOpen, setDropdownOpen] = (0, _react.useState)(false);
-  const [isSearching, setIsSearching] = (0, _react.useState)(false);
-  const [isLoadingOnScroll, setIsLoadingOnScroll] = (0, _react.useState)(false);
-  const [isResettingData, setIsResettingData] = (0, _react.useState)(false);
-  const [orderedOptions, setOrderedOptions] = (0, _react.useState)(null);
-  const searchTimeoutRef = (0, _react.useRef)(null);
-  const scrollContainerRef = (0, _react.useRef)(null);
-  const scrollLoadingTimeoutRef = (0, _react.useRef)(null);
-  const isScrollProcessingRef = (0, _react.useRef)(false);
-  const scrollThrottleTimeoutRef = (0, _react.useRef)(null);
-  const optionsRef = (0, _react.useRef)(options);
-  const selectedItemsCacheRef = (0, _react.useRef)(new Map());
-  const lastSearchQueryRef = (0, _react.useRef)('');
-  const searchClearedTimeRef = (0, _react.useRef)(null);
-  const prevOptionsRef = (0, _react.useRef)(options);
-  const prevOptionsBeforeResetRef = (0, _react.useRef)(options);
-  const prevOptionsCountRef = (0, _react.useRef)(options.length);
-  const prevOptionsRefForScroll = (0, _react.useRef)(options);
-  const scrollTriggerOptionsCountRef = (0, _react.useRef)(options.length);
-  const initialSortDoneRef = (0, _react.useRef)(false);
-  const hasInteractedRef = (0, _react.useRef)(false);
-  const initialTempValueRef = (0, _react.useRef)(value);
-  const resetDataCalledRef = (0, _react.useRef)(false);
-  const resetDataCalledTimeRef = (0, _react.useRef)(null);
-  const fetchMissingOptionsCalledRef = (0, _react.useRef)(false);
-  const lastMissingValuesRef = (0, _react.useRef)('');
-  (0, _react.useEffect)(() => {
-    if (!fetchMissingOptions) {
-      return;
-    }
-    if (options.length === 0) {
-      return;
-    }
-
-    // For API-driven data, don't fetch missing options during active search
-    // Only fetch when there's no search query or search is cleared
-    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
-    if (hasActiveSearch) {
-      return;
-    }
-    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    if (selectedValues.length === 0) {
-      fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
-      return;
-    }
-    const missingValues = (0, _utils.findMissingValues)(selectedValues, options);
-    if (missingValues.length === 0) {
-      fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
-      return;
-    }
-    const missingValuesKey = [...missingValues].sort().join(',');
-    if (!fetchMissingOptionsCalledRef.current || lastMissingValuesRef.current !== missingValuesKey) {
-      fetchMissingOptionsCalledRef.current = true;
-      lastMissingValuesRef.current = missingValuesKey;
-      fetchMissingOptions([...missingValues]);
-    }
-  }, [value, options, fetchMissingOptions, staticValue]);
-  (0, _react.useEffect)(() => {
-    const isEqual = Array.isArray(value) && Array.isArray(tempValue) ? (value == null ? void 0 : value.length) === (tempValue == null ? void 0 : tempValue.length) && value.every(v => Array.isArray(tempValue) && tempValue.includes(v)) : value === tempValue;
-    if (!isEqual) {
-      setTempValue(value);
-      setOrderedOptions(null);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
-  (0, _react.useEffect)(() => {
-    const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    const findAndCacheOption = (opts, val) => {
-      for (const opt of opts) {
-        if (opt.value === val) {
-          selectedItemsCacheRef.current.set(val, opt);
-          return true;
-        }
-        if (opt.children && opt.children.length > 0) {
-          if (findAndCacheOption(opt.children, val)) {
-            return true;
-          }
-        }
-      }
-      return false;
-    };
-    currentSelected.forEach(val => {
-      if (!selectedItemsCacheRef.current.has(val)) {
-        findAndCacheOption(options, val);
-      }
-    });
-    const selectedSet = new Set(currentSelected);
-    selectedItemsCacheRef.current.forEach((_, value) => {
-      if (!selectedSet.has(value)) {
-        selectedItemsCacheRef.current.delete(value);
+    });
+    const selectedSet = new Set(currentSelected);
+    selectedItemsCacheRef.current.forEach((_, value) => {
+      if (!selectedSet.has(value)) {
+        selectedItemsCacheRef.current.delete(value);
       }
     });
   }, [tempValue, options]);
   (0, _react.useEffect)(() => {
     if (orderedOptions) {
       const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-      const checkValueExists = (opts, val) => {
-        for (const opt of opts) {
-          if (opt.value === val) return true;
-          if (opt.children && opt.children.length > 0) {
-            if (checkValueExists(opt.children, val)) return true;
-          }
-        }
-        return false;
-      };
-      const allSelectedStillExist = currentSelected.every(val => checkValueExists(options, val));
+      const allSelectedStillExist = currentSelected.every(val => (0, _utils.findValueInOptions)(options, val));
       if (!allSelectedStillExist) {
         setOrderedOptions(null);
       }
@@ -1196,710 +391,1479 @@ const CapUnifiedSelect = _ref => {
       }, _constants.TIMEOUTS.STATIC_SEARCH_DELAY);
     }
   }, [onSearch, staticValue, debounceTimeout]);
-  const isMulti = (0, _react.useMemo)(() => type === _constants.SELECT_TYPES.MULTI_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT, [type]);
-  const isTree = (0, _react.useMemo)(() => type === _constants.SELECT_TYPES.TREE_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT, [type]);
-  const mergedOptions = (0, _react.useMemo)(() => {
-    return options;
-  }, [options]);
   const prevOptionsCountBeforeFetchMissingRef = (0, _react.useRef)(options.length);
   const prevOptionsBeforeFetchMissingRef = (0, _react.useRef)(options);
   (0, _react.useEffect)(() => {
     if (!orderedOptions || !onPopupScroll) {
       return;
     }
-    const currentOptions = options;
-    const optionsCountIncreased = currentOptions.length > scrollTriggerOptionsCountRef.current;
-    if (optionsCountIncreased && scrollTriggerOptionsCountRef.current > 0) {
-      const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-      if (selectedValues.length > 0) {
-        const reordered = (0, _utils.reorderOptionsBySelection)(currentOptions, selectedValues);
-        setOrderedOptions(reordered);
-        scrollTriggerOptionsCountRef.current = currentOptions.length;
-      }
+    const currentOptions = options;
+    const optionsCountIncreased = currentOptions.length > scrollTriggerOptionsCountRef.current;
+    if (optionsCountIncreased && scrollTriggerOptionsCountRef.current > 0) {
+      const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+      if (selectedValues.length > 0) {
+        const reordered = (0, _utils.reorderOptionsBySelection)(currentOptions, selectedValues);
+        setOrderedOptions(reordered);
+        scrollTriggerOptionsCountRef.current = currentOptions.length;
+      }
+    }
+  }, [options, orderedOptions, onPopupScroll, tempValue]);
+  (0, _react.useEffect)(() => {
+    if (!fetchMissingOptions) {
+      prevOptionsCountBeforeFetchMissingRef.current = options.length;
+      prevOptionsBeforeFetchMissingRef.current = options;
+      return;
+    }
+    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+    if (hasActiveSearch) {
+      return;
+    }
+    const currentOptions = options;
+    const currentSelectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    const tempSelectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    const selectedValues = tempSelectedValues.length > 0 ? tempSelectedValues : currentSelectedValues;
+    if (selectedValues.length === 0) {
+      prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
+      prevOptionsBeforeFetchMissingRef.current = currentOptions;
+      return;
+    }
+    const prevOptions = prevOptionsBeforeFetchMissingRef.current;
+    const optionsCountIncreased = currentOptions.length > prevOptionsCountBeforeFetchMissingRef.current;
+    const optionsChanged = prevOptions !== currentOptions || optionsCountIncreased;
+    const hasNewlyFetchedSelectedItems = (() => {
+      if (selectedValues.length === 0 || !optionsChanged) {
+        return false;
+      }
+      const previouslyMissingValues = selectedValues.filter(val => !(0, _utils.findValueInOptions)(prevOptions, val));
+      if (previouslyMissingValues.length === 0) {
+        return false;
+      }
+      const nowPresentValues = previouslyMissingValues.filter(val => (0, _utils.findValueInOptions)(currentOptions, val));
+      return nowPresentValues.length > 0;
+    })();
+    if (optionsChanged && hasNewlyFetchedSelectedItems) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(currentOptions, selectedValues);
+      setOrderedOptions(reordered);
+    }
+    prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
+    prevOptionsBeforeFetchMissingRef.current = currentOptions;
+  }, [options, value, tempValue, fetchMissingOptions, staticValue]);
+  (0, _react.useEffect)(() => {
+    if (initialSortDoneRef.current || !(options != null && options.length)) {
+      return;
+    }
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    if (selectedValues.length === 0) {
+      initialSortDoneRef.current = true;
+      return;
+    }
+    const hasSelectedInOptions = selectedValues.some(val => (0, _utils.findValueInOptions)(options, val));
+    if (hasSelectedInOptions) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(options, selectedValues);
+      setOrderedOptions(reordered);
+    }
+    initialSortDoneRef.current = true;
+  }, [options, value]);
+
+  // Data source computation (raw, without React component enhancement)
+  const dataSource = (0, _react.useMemo)(() => {
+    return (0, _utils.prepareDataSource)(options, orderedOptions, searchText, value, staticValue, selectedItemsCacheRef.current);
+  }, [options, orderedOptions, searchText, value, staticValue]);
+
+  // Filtered tree
+  const filteredTree = (0, _react.useMemo)(() => {
+    const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    return (0, _utils.filterTreeData)(dataSource, searchText.trim(), searchBasedOn, selectedValues.length > 0 ? selectedValues : undefined);
+  }, [dataSource, searchText, searchBasedOn, tempValue]);
+
+  // Tree maps and selected count
+  const treeMaps = (0, _react.useMemo)(() => (0, _utils.buildTreeMaps)(options), [options]);
+  const selectedLeafCount = (0, _react.useMemo)(() => (0, _utils.countSelectedLeaves)(treeMaps, Array.isArray(tempValue) ? tempValue : undefined), [treeMaps, tempValue]);
+  const displayValue = dropdownOpen ? tempValue : value;
+  const handleConfirm = (0, _react.useCallback)(() => {
+    hasInteractedRef.current = true;
+    const optionsToReorder = options;
+    if (isMulti && Array.isArray(tempValue) && tempValue.length > 0) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, tempValue);
+      setOrderedOptions(reordered);
+    } else if (!isMulti && tempValue && !Array.isArray(tempValue)) {
+      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, [tempValue]);
+      setOrderedOptions(reordered);
+    } else {
+      setOrderedOptions(null);
+    }
+    onChange == null || onChange(tempValue);
+    setDropdownOpen(false);
+    setIsSearching(false);
+
+    // Check if there was an active search before clearing it
+    const hadActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
+
+    // Clear search-related state and timeouts (same as X button behavior)
+    if (resetSearch) {
+      setSearchText('');
+      if (hadActiveSearch) {
+        searchClearedTimeRef.current = Date.now();
+      } else {
+        searchClearedTimeRef.current = null;
+      }
+      lastSearchQueryRef.current = '';
+    }
+
+    // Clear any pending search timeouts
+    if (searchTimeoutRef.current) {
+      clearTimeout(searchTimeoutRef.current);
+      searchTimeoutRef.current = null;
+    }
+
+    // If there was an active search, trigger onSearch('') to reset data (same as X button)
+    // This ensures the parent component resets the options back to initial state
+    if (hadActiveSearch && !staticValue && onSearch) {
+      onSearch('');
+    }
+
+    // Call resetData if:
+    // 1. resetData is provided AND
+    // 2. (there was an active search that we're resetting OR options.length > 0)
+    // This ensures we reset data back to initial state after a search + confirm
+    if (resetData && (hadActiveSearch || options.length > 0)) {
+      prevOptionsBeforeResetRef.current = options;
+      setIsResettingData(true);
+      resetDataCalledRef.current = true;
+      resetDataCalledTimeRef.current = Date.now();
+      resetData();
+    }
+    onConfirm == null || onConfirm(tempValue);
+  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, options, resetData, staticValue, onSearch]);
+  const handleClearAll = (0, _react.useCallback)(() => {
+    const cleared = isMulti ? [] : undefined;
+    setSearchText('');
+    setIsSearching(false);
+    lastSearchQueryRef.current = '';
+    searchClearedTimeRef.current = null;
+    if (searchTimeoutRef.current) {
+      clearTimeout(searchTimeoutRef.current);
+      searchTimeoutRef.current = null;
+    }
+    if (scrollLoadingTimeoutRef.current) {
+      clearTimeout(scrollLoadingTimeoutRef.current);
+      scrollLoadingTimeoutRef.current = null;
+    }
+    if (scrollThrottleTimeoutRef.current) {
+      clearTimeout(scrollThrottleTimeoutRef.current);
+      scrollThrottleTimeoutRef.current = null;
+    }
+    setIsLoadingOnScroll(false);
+    isScrollProcessingRef.current = false;
+    scrollContainerRef.current = null;
+    setOrderedOptions(null);
+    initialSortDoneRef.current = false;
+    hasInteractedRef.current = false;
+    resetDataCalledRef.current = false;
+    fetchMissingOptionsCalledRef.current = false;
+    lastMissingValuesRef.current = '';
+    setTempValue(cleared);
+    onChange == null || onChange(cleared);
+    setDropdownOpen(false);
+    if (resetData && options.length > 0) {
+      prevOptionsBeforeResetRef.current = options;
+      setIsResettingData(true);
+      resetDataCalledRef.current = true;
+      resetDataCalledTimeRef.current = Date.now();
+      resetData();
+    }
+  }, [isMulti, onChange, resetData, options]);
+  const handleDropdownVisibilityChange = (0, _react.useCallback)(open => {
+    if (open) {
+      initialTempValueRef.current = value;
+      hasInteractedRef.current = false;
+      resetDataCalledRef.current = false;
+      fetchMissingOptionsCalledRef.current = false;
+      lastMissingValuesRef.current = '';
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+        searchTimeoutRef.current = null;
+      }
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+        scrollThrottleTimeoutRef.current = null;
+      }
+      setIsSearching(false);
+      searchClearedTimeRef.current = null;
+      setIsLoadingOnScroll(false);
+      isScrollProcessingRef.current = false;
+      if (isResettingData) {
+        setIsResettingData(false);
+        prevOptionsBeforeResetRef.current = options;
+        resetDataCalledTimeRef.current = null;
+      }
+    } else {
+      if (!customPopupRender) {
+        onChange == null || onChange(tempValue);
+      } else {
+        setTempValue(value);
+      }
+      if (resetSearch) {
+        setSearchText('');
+        setIsSearching(false);
+        lastSearchQueryRef.current = '';
+        searchClearedTimeRef.current = null;
+      }
+      setIsLoadingOnScroll(false);
+      isScrollProcessingRef.current = false;
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+        scrollThrottleTimeoutRef.current = null;
+      }
+      scrollContainerRef.current = null;
+      if (resetData && hasInteractedRef.current && !resetDataCalledRef.current && options.length > 0) {
+        prevOptionsBeforeResetRef.current = options;
+        setIsResettingData(true);
+        resetDataCalledRef.current = true;
+        resetDataCalledTimeRef.current = Date.now();
+        resetData();
+      } else if (!hasInteractedRef.current) {
+        if (searchTimeoutRef.current) {
+          clearTimeout(searchTimeoutRef.current);
+          searchTimeoutRef.current = null;
+        }
+        setIsSearching(false);
+        setIsResettingData(false);
+        lastSearchQueryRef.current = '';
+      }
+      hasInteractedRef.current = false;
+    }
+    setDropdownOpen(open);
+  }, [customPopupRender, value, onChange, tempValue, resetSearch, resetData, options, isResettingData]);
+  const handleSearchChange = (0, _react.useCallback)(e => {
+    const query = e.target.value;
+    setSearchText(query);
+    handleSearch(query);
+  }, [handleSearch]);
+  const handleSearchKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Backspace' || e.key === 'Delete') {
+      e.stopPropagation();
+    }
+    if (e.key === 'Escape' && searchText.length > 0) {
+      e.stopPropagation();
+    }
+  }, [searchText]);
+  const handleScroll = (0, _react.useCallback)(event => {
+    if (!onPopupScroll) return;
+    const target = event.target;
+    if (!target) return;
+    const isNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
+    if (!isNearBottom) {
+      isScrollProcessingRef.current = false;
+      return;
+    }
+    if (isScrollProcessingRef.current) return;
+    if (isLoadingOnScroll) return;
+    if (!hasMore) {
+      isScrollProcessingRef.current = false;
+      return;
+    }
+    if (scrollThrottleTimeoutRef.current) {
+      clearTimeout(scrollThrottleTimeoutRef.current);
+    }
+    isScrollProcessingRef.current = true;
+    scrollThrottleTimeoutRef.current = setTimeout(() => {
+      const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
+      if (!stillNearBottom || isLoadingOnScroll || !hasMore) {
+        isScrollProcessingRef.current = false;
+        return;
+      }
+      const currentOptions = optionsRef.current;
+      prevOptionsCountRef.current = currentOptions.length;
+      prevOptionsRefForScroll.current = currentOptions;
+      scrollTriggerOptionsCountRef.current = currentOptions.length;
+      setIsLoadingOnScroll(true);
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+      hasInteractedRef.current = true;
+      onPopupScroll();
+      scrollLoadingTimeoutRef.current = setTimeout(() => {
+        setIsLoadingOnScroll(prev => {
+          if (prev) {
+            scrollLoadingTimeoutRef.current = null;
+            isScrollProcessingRef.current = false;
+            return false;
+          }
+          return prev;
+        });
+      }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
+    }, 150);
+  }, [onPopupScroll, isLoadingOnScroll, hasMore]);
+  (0, _react.useEffect)(() => {
+    if (!onPopupScroll || !dropdownOpen) return;
+    const timeoutId = setTimeout(() => {
+      const findScrollContainer = () => {
+        const dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
+        if (dropdowns.length === 0) return null;
+        const dropdown = Array.from(dropdowns).pop();
+        if (!dropdown) return null;
+        const treeList = dropdown.querySelector('.ant-select-tree-list-holder');
+        if (treeList && treeList.scrollHeight > treeList.clientHeight) {
+          return treeList;
+        }
+        const virtualList = dropdown.querySelector('.rc-virtual-list-holder');
+        if (virtualList && virtualList.scrollHeight > virtualList.clientHeight) {
+          return virtualList;
+        }
+        if (dropdown.scrollHeight > dropdown.clientHeight) {
+          return dropdown;
+        }
+        return null;
+      };
+      const scrollContainer = findScrollContainer();
+      if (scrollContainer) {
+        scrollContainerRef.current = scrollContainer;
+        scrollContainer.addEventListener('scroll', handleScroll, {
+          passive: true
+        });
+      }
+    }, _constants.TIMEOUTS.SCROLL_CONTAINER_DELAY);
+    return () => {
+      clearTimeout(timeoutId);
+      if (scrollThrottleTimeoutRef.current) {
+        clearTimeout(scrollThrottleTimeoutRef.current);
+        scrollThrottleTimeoutRef.current = null;
+      }
+      if (scrollContainerRef.current) {
+        scrollContainerRef.current.removeEventListener('scroll', handleScroll);
+        scrollContainerRef.current = null;
+      }
+      isScrollProcessingRef.current = false;
+    };
+  }, [onPopupScroll, dropdownOpen, handleScroll]);
+  const handleSingleSelectChange = (0, _react.useCallback)(newValue => {
+    if (disabled) {
+      return;
+    }
+    if (newValue === undefined || newValue === null) {
+      if (resetData && options.length > 0) {
+        prevOptionsBeforeResetRef.current = options;
+        setIsResettingData(true);
+        resetDataCalledRef.current = true;
+        resetDataCalledTimeRef.current = Date.now();
+        resetData();
+      }
+    }
+    onChange == null || onChange(newValue);
+  }, [onChange, resetData, options, disabled]);
+  const handleMultiSelectChange = (0, _react.useCallback)(newValue => {
+    if (disabled) {
+      return;
+    }
+    const initialValue = initialTempValueRef.current;
+    const hasChanged = Array.isArray(newValue) && Array.isArray(initialValue) ? newValue.length !== initialValue.length || !newValue.every(v => initialValue.includes(v)) || !initialValue.every(v => newValue.includes(v)) : newValue !== initialValue;
+    if (hasChanged) {
+      hasInteractedRef.current = true;
+    }
+    if (newValue === undefined || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
+      if (resetData && options.length > 0) {
+        prevOptionsBeforeResetRef.current = options;
+        setIsResettingData(true);
+        resetDataCalledRef.current = true;
+        resetDataCalledTimeRef.current = Date.now();
+        resetData();
+      }
+    }
+    setTempValue(newValue);
+  }, [resetData, options, disabled]);
+  return {
+    searchText,
+    setSearchText,
+    tempValue,
+    setTempValue,
+    dropdownOpen,
+    isSearching,
+    isLoadingOnScroll,
+    isResettingData,
+    orderedOptions,
+    filteredTree,
+    treeMaps,
+    selectedLeafCount,
+    displayValue,
+    handleSearch,
+    handleSearchChange,
+    handleSearchKeyDown,
+    handleConfirm,
+    handleClearAll,
+    handleDropdownVisibilityChange,
+    handleSingleSelectChange,
+    handleMultiSelectChange,
+    selectedItemsCacheRef
+  };
+};
+exports.useCapUnifiedSelect = useCapUnifiedSelect;
+
+/***/ }),
+
+/***/ 540:
+/***/ ((module) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function insertStyleElement(options) {
+  var element = document.createElement("style");
+  options.setAttributes(element, options.attributes);
+  options.insert(element, options.options);
+  return element;
+}
+module.exports = insertStyleElement;
+
+/***/ }),
+
+/***/ 1020:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var f=__webpack_require__(9206),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
+function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
+
+
+/***/ }),
+
+/***/ 1549:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapSpin = _interopRequireDefault(__webpack_require__(7579));
+exports["default"] = _CapSpin.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
+/***/ 1601:
+/***/ ((module) => {
+
+"use strict";
+
+
+module.exports = function (i) {
+  return i[1];
+};
+
+/***/ }),
+
+/***/ 1858:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-row-v2.blaze-ui-with-custom-width{width:auto}.blaze-ui-cap-row-v2.blaze-ui-with-custom-height{height:auto}.blaze-ui-cap-row-v2.blaze-ui-fill-space{flex:1}.blaze-ui-cap-row-v2.blaze-ui-full-width{width:100%}.blaze-ui-cap-row-v2.blaze-ui-full-height{height:100%}.blaze-ui-cap-row-v2.blaze-ui-ant-row-no-wrap{flex-wrap:nowrap}.blaze-ui-cap-row-v2.blaze-ui-with-gap{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr))}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-row-v2": `blaze-ui-cap-row-v2`,
+	"with-custom-width": `blaze-ui-with-custom-width`,
+	"with-custom-height": `blaze-ui-with-custom-height`,
+	"fill-space": `blaze-ui-fill-space`,
+	"full-width": `blaze-ui-full-width`,
+	"full-height": `blaze-ui-full-height`,
+	"ant-row-no-wrap": `blaze-ui-ant-row-no-wrap`,
+	"with-gap": `blaze-ui-with-gap`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
+/***/ }),
+
+/***/ 1879:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.enhanceOptionsWithComponents = void 0;
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
+var _constants = __webpack_require__(9788);
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/**
+ * Enhances options with React components for rendering
+ * Adds decorated titles with suffixes and tooltips
+ */
+const enhanceOptionsWithComponents = (options, type) => {
+  if (!(options != null && options.length)) return [];
+  const isTree = type === _constants.SELECT_TYPES.TREE_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT;
+  const enhanceOptions = opts => opts.map(opt => {
+    const decoratedTitle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-option-with-suffix'],
+      justify: "space-between",
+      align: "middle",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['cap-unified-select-option-label'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
+          children: opt == null ? void 0 : opt.label
+        })
+      }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-option-end'],
+        children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: _styles.default['cap-unified-select-option-suffix'],
+          children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+            title: opt == null ? void 0 : opt.optionSuffixInfo
+          })]
+        }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+          title: opt == null ? void 0 : opt.optionTooltipInfo
+        })]
+      })]
+    });
+    return _extends({}, opt, {
+      title: decoratedTitle,
+      label: opt == null ? void 0 : opt.label,
+      children: opt != null && opt.children ? enhanceOptions(opt.children) : []
+    });
+  });
+  if (isTree) {
+    return enhanceOptions(options);
+  }
+  return options.map(opt => _extends({}, opt, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-option-with-suffix'],
+      justify: "space-between",
+      align: "middle",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['cap-unified-select-option-label'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
+          children: opt == null ? void 0 : opt.label
+        })
+      }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-option-end'],
+        children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: _styles.default['cap-unified-select-option-suffix'],
+          children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+            title: opt == null ? void 0 : opt.optionSuffixInfo
+          })]
+        }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+          title: opt == null ? void 0 : opt.optionTooltipInfo
+        })]
+      })]
+    }),
+    label: opt == null ? void 0 : opt.label
+  }));
+};
+exports.enhanceOptionsWithComponents = enhanceOptionsWithComponents;
+
+/***/ }),
+
+/***/ 2119:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-tooltip-overlay-v2 .ant-tooltip-inner{background-color:#091e42;color:#fff;padding:.571rem .857rem;font-size:1rem;line-height:1.429rem;border-radius:.286rem;max-width:21.429rem;word-wrap:break-word}.blaze-ui-cap-tooltip-overlay-v2 .ant-tooltip-arrow::before{background-color:#091e42}.blaze-ui-button-disabled-tooltip-wrapper{display:inline-block;cursor:not-allowed}.blaze-ui-button-disabled-tooltip-wrapper .ant-btn[disabled]{pointer-events:none}.blaze-ui-cap-tooltip-wrapper{display:inline-block}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-tooltip-overlay-v2": `blaze-ui-cap-tooltip-overlay-v2`,
+	"button-disabled-tooltip-wrapper": `blaze-ui-button-disabled-tooltip-wrapper`,
+	"cap-tooltip-wrapper": `blaze-ui-cap-tooltip-wrapper`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
+/***/ }),
+
+/***/ 2608:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(4299));
+exports["default"] = _CapTooltipWithInfo.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
+/***/ 2657:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _styles = _interopRequireDefault(__webpack_require__(4939));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["children", "type", "className", "style", "fontWeight", "lineHeight"],
+  _excluded2 = ["children", "type", "className", "style", "fontWeight", "lineHeight"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const CapLabel = _ref => {
+  let {
+      children,
+      type = 'label1',
+      className = '',
+      style = {},
+      fontWeight,
+      lineHeight
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const labelStyle = _extends({}, fontWeight ? {
+    fontWeight
+  } : {}, lineHeight ? {
+    lineHeight
+  } : {}, style);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _extends({
+    className: (0, _classnames.default)(_styles.default['cap-label'], _styles.default['cap-label-div'], _styles.default[type], className),
+    style: labelStyle
+  }, rest, {
+    children: children
+  }));
+};
+
+// Static method for inline label
+
+const CapLabelInline = _ref2 => {
+  let {
+      children,
+      type = 'label1',
+      className = '',
+      style = {},
+      fontWeight,
+      lineHeight
+    } = _ref2,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  const labelStyle = _extends({}, fontWeight ? {
+    fontWeight
+  } : {}, lineHeight ? {
+    lineHeight
+  } : {}, style);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _extends({
+    className: (0, _classnames.default)(_styles.default['cap-label'], _styles.default['cap-label-span'], _styles.default[type], className),
+    style: labelStyle
+  }, rest, {
+    children: children
+  }));
+};
+
+// Extend the component type to include the static property
+
+const CapLabelWithStatic = CapLabel;
+CapLabelWithStatic.CapLabelInline = CapLabelInline;
+var _default = exports["default"] = CapLabelWithStatic;
+
+/***/ }),
+
+/***/ 3737:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapLabel = _interopRequireDefault(__webpack_require__(2657));
+exports["default"] = _CapLabel.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
+/***/ 3837:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _antdV = __webpack_require__(4273);
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _styles = _interopRequireDefault(__webpack_require__(5765));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["children", "className", "style", "justify", "align", "gutter", "wrap", "width", "height", "margin", "padding", "fullWidth", "fullHeight", "fillSpace", "responsive", "vertical", "noWrap", "gap"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const CapRow = _ref => {
+  let {
+      children,
+      className = '',
+      style = {},
+      justify = 'start',
+      align = 'top',
+      gutter = 0,
+      wrap = true,
+      width,
+      height,
+      margin,
+      padding,
+      fullWidth = false,
+      fullHeight = false,
+      fillSpace = false,
+      responsive = true,
+      vertical: _vertical = false,
+      noWrap = false,
+      gap = null
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // Use either the gap property or gutter for spacing
+  const gutterValue = gap !== null ? null : gutter;
+  const wrapValue = noWrap ? false : wrap;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Row, _extends({
+    className: (0, _classnames.default)(_styles.default['cap-row-v2'], {
+      [_styles.default['with-custom-width']]: width,
+      [_styles.default['with-custom-height']]: height,
+      [_styles.default['fill-space']]: fillSpace,
+      [_styles.default['full-width']]: fullWidth,
+      [_styles.default['full-height']]: fullHeight,
+      [_styles.default['ant-row-no-wrap']]: noWrap,
+      [_styles.default['with-gap']]: gap !== null
+    }, className),
+    style: _extends({}, gap !== null ? {
+      gap: typeof gap === 'number' ? gap + "px" : Array.isArray(gap) ? gap.map(g => g + "px").join(' ') : gap
+    } : {}, width ? {
+      width: typeof width === 'number' ? width + "px" : width
+    } : {}, height ? {
+      height: typeof height === 'number' ? height + "px" : height
+    } : {}, margin ? {
+      margin: typeof margin === 'number' ? margin + "px" : margin
+    } : {}, padding ? {
+      padding: typeof padding === 'number' ? padding + "px" : padding
+    } : {}, fullWidth ? {
+      width: '100%'
+    } : {}, fullHeight ? {
+      height: '100%'
+    } : {}, !responsive ? {
+      display: 'flex',
+      flexWrap: wrapValue ? 'wrap' : 'nowrap'
+    } : {}, fillSpace ? {
+      flex: 1
+    } : {}, style),
+    justify: justify,
+    align: align,
+    gutter: gutterValue,
+    wrap: wrapValue
+  }, rest, {
+    children: children
+  }));
+};
+var _default = exports["default"] = CapRow;
+
+/***/ }),
+
+/***/ 3883:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-tooltip-with-info{display:inline-flex;align-items:center;cursor:default}.blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{color:#b3bac5;margin-left:.286rem;cursor:help}.blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon:hover{color:#dfe2e7}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-tooltip-with-info": `blaze-ui-cap-tooltip-with-info`,
+	"cap-tooltip-with-info-icon": `blaze-ui-cap-tooltip-with-info-icon`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
+/***/ }),
+
+/***/ 3948:
+/***/ ((__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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3883);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
+/***/ }),
+
+/***/ 4273:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("antd-v5");
+
+/***/ }),
+
+/***/ 4284:
+/***/ ((module) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join("\n");
+  };
+}();
+
+/* istanbul ignore next  */
+function apply(styleElement, index, remove, obj) {
+  var css;
+  if (remove) {
+    css = "";
+  } else {
+    css = "";
+    if (obj.supports) {
+      css += "@supports (".concat(obj.supports, ") {");
+    }
+    if (obj.media) {
+      css += "@media ".concat(obj.media, " {");
     }
-  }, [options, orderedOptions, onPopupScroll, tempValue]);
-  (0, _react.useEffect)(() => {
-    if (!fetchMissingOptions) {
-      prevOptionsCountBeforeFetchMissingRef.current = options.length;
-      prevOptionsBeforeFetchMissingRef.current = options;
-      return;
+    var needLayer = typeof obj.layer !== "undefined";
+    if (needLayer) {
+      css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
     }
-
-    // For API-driven data, don't reorder options during active search
-    // Only reorder when there's no search query or search is cleared
-    const hasActiveSearch = !staticValue && lastSearchQueryRef.current.trim().length > 0;
-    if (hasActiveSearch) {
-      return;
+    css += obj.css;
+    if (needLayer) {
+      css += "}";
     }
-    const currentOptions = options;
-    const currentSelectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    const tempSelectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    const selectedValues = tempSelectedValues.length > 0 ? tempSelectedValues : currentSelectedValues;
-    if (selectedValues.length === 0) {
-      prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
-      prevOptionsBeforeFetchMissingRef.current = currentOptions;
-      return;
+    if (obj.media) {
+      css += "}";
     }
-    const prevOptions = prevOptionsBeforeFetchMissingRef.current;
-    const optionsCountIncreased = currentOptions.length > prevOptionsCountBeforeFetchMissingRef.current;
-    const optionsChanged = prevOptions !== currentOptions || optionsCountIncreased;
-    const hasNewlyFetchedSelectedItems = (() => {
-      if (selectedValues.length === 0 || !optionsChanged) {
-        return false;
-      }
-      const previouslyMissingValues = selectedValues.filter(val => !(0, _utils.findValueInOptions)(prevOptions, val));
-      if (previouslyMissingValues.length === 0) {
-        return false;
-      }
-      const nowPresentValues = previouslyMissingValues.filter(val => (0, _utils.findValueInOptions)(currentOptions, val));
-      return nowPresentValues.length > 0;
-    })();
-    if (optionsChanged && hasNewlyFetchedSelectedItems) {
-      const reordered = (0, _utils.reorderOptionsBySelection)(currentOptions, selectedValues);
-      setOrderedOptions(reordered);
+    if (obj.supports) {
+      css += "}";
     }
-    prevOptionsCountBeforeFetchMissingRef.current = currentOptions.length;
-    prevOptionsBeforeFetchMissingRef.current = currentOptions;
-  }, [options, value, tempValue, fetchMissingOptions, staticValue]);
-  (0, _react.useEffect)(() => {
-    if (initialSortDoneRef.current || !(options != null && options.length)) {
-      return;
+  }
+
+  // For old IE
+  /* istanbul ignore if  */
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = styleElement.childNodes;
+    if (childNodes[index]) {
+      styleElement.removeChild(childNodes[index]);
     }
-    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    if (selectedValues.length === 0) {
-      initialSortDoneRef.current = true;
-      return;
+    if (childNodes.length) {
+      styleElement.insertBefore(cssNode, childNodes[index]);
+    } else {
+      styleElement.appendChild(cssNode);
     }
-    const checkValueExists = (opts, val) => {
-      for (const opt of opts) {
-        if (opt.value === val) return true;
-        if (opt.children && opt.children.length > 0) {
-          if (checkValueExists(opt.children, val)) return true;
-        }
-      }
-      return false;
-    };
-    const hasSelectedInOptions = selectedValues.some(val => checkValueExists(options, val));
-    if (hasSelectedInOptions) {
-      const reordered = (0, _utils.reorderOptionsBySelection)(options, selectedValues);
-      setOrderedOptions(reordered);
+  }
+}
+var singletonData = {
+  singleton: null,
+  singletonCounter: 0
+};
+
+/* istanbul ignore next  */
+function domAPI(options) {
+  if (typeof document === "undefined") return {
+    update: function update() {},
+    remove: function remove() {}
+  };
+
+  // eslint-disable-next-line no-undef,no-use-before-define
+  var styleIndex = singletonData.singletonCounter++;
+  var styleElement =
+  // eslint-disable-next-line no-undef,no-use-before-define
+  singletonData.singleton || (
+  // eslint-disable-next-line no-undef,no-use-before-define
+  singletonData.singleton = options.insertStyleElement(options));
+  return {
+    update: function update(obj) {
+      apply(styleElement, styleIndex, false, obj);
+    },
+    remove: function remove(obj) {
+      apply(styleElement, styleIndex, true, obj);
     }
-    initialSortDoneRef.current = true;
-  }, [options, value]);
-  const dataSource = (0, _react.useMemo)(() => {
-    const sourceOptions = searchText.trim() ? mergedOptions : orderedOptions || mergedOptions;
-    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    const hasSearchQuery = searchText.trim().length > 0;
-
-    // For API-driven data, don't append virtual options during search
-    // Only show search results when searching
-    const shouldAppendVirtualOptions = staticValue || !hasSearchQuery;
-    const missingSelectedValues = [];
-    if (shouldAppendVirtualOptions && selectedValues.length > 0) {
-      selectedValues.forEach(val => {
-        if (!(0, _utils.findValueInOptions)(sourceOptions, val)) {
-          missingSelectedValues.push(val);
-        }
-      });
+  };
+}
+module.exports = domAPI;
+
+/***/ }),
+
+/***/ 4299:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
+var _styles = _interopRequireDefault(__webpack_require__(3948));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["title", "iconSize", "iconType", "placement", "trigger", "className", "tooltipProps", "iconProps"];
+/**
+ * CapTooltipWithInfo - A component that combines an info icon with a tooltip
+ * for displaying additional information on hover or other trigger events.
+ */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const CapTooltipWithInfo = _ref => {
+  let {
+      title,
+      iconSize = 's',
+      iconType = 'info-circle',
+      placement = 'top',
+      trigger = 'hover',
+      className = '',
+      tooltipProps = {},
+      iconProps = {}
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _extends({
+    className: (0, _classnames.default)(_styles.default['cap-tooltip-with-info'], className)
+  }, rest, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, _extends({
+      title: title,
+      placement: placement,
+      trigger: trigger
+    }, tooltipProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _styles.default['cap-tooltip-with-info-icon'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, _extends({
+          type: iconType,
+          size: iconSize
+        }, iconProps))
+      })
+    }))
+  }));
+};
+var _default = exports["default"] = CapTooltipWithInfo;
+
+/***/ }),
+
+/***/ 4627:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("@ant-design-v5/icons");
+
+/***/ }),
+
+/***/ 4848:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+if (true) {
+  module.exports = __webpack_require__(1020);
+} else // removed by dead control flow
+{}
+
+
+/***/ }),
+
+/***/ 4939:
+/***/ ((__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 _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5216);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
+/***/ }),
+
+/***/ 5056:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement) {
+  var nonce =  true ? __webpack_require__.nc : 0;
+  if (nonce) {
+    styleElement.setAttribute("nonce", nonce);
+  }
+}
+module.exports = setAttributesWithoutAttributes;
+
+/***/ }),
+
+/***/ 5072:
+/***/ ((module) => {
+
+"use strict";
+
+
+var stylesInDOM = [];
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+  for (var i = 0; i < stylesInDOM.length; i++) {
+    if (stylesInDOM[i].identifier === identifier) {
+      result = i;
+      break;
     }
-    const virtualOptions = missingSelectedValues.map(val => {
-      const cachedOption = selectedItemsCacheRef.current.get(val);
-      return _extends({
-        value: val,
-        label: (cachedOption == null ? void 0 : cachedOption.label) || String(val),
-        key: (cachedOption == null ? void 0 : cachedOption.key) || val,
-        title: cachedOption == null ? void 0 : cachedOption.title,
-        optionSuffix: cachedOption == null ? void 0 : cachedOption.optionSuffix,
-        optionSuffixInfo: cachedOption == null ? void 0 : cachedOption.optionSuffixInfo,
-        optionTooltipInfo: cachedOption == null ? void 0 : cachedOption.optionTooltipInfo,
-        disabled: cachedOption == null ? void 0 : cachedOption.disabled
-      }, (cachedOption == null ? void 0 : cachedOption.children) && {
-        children: cachedOption.children
-      });
-    });
-    const allOptions = hasSearchQuery ? [...sourceOptions, ...virtualOptions] : [...virtualOptions, ...sourceOptions];
-    if (!(allOptions != null && allOptions.length)) return [];
-    const enhanceOptions = opts => opts.map(opt => {
-      const decoratedTitle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-option-with-suffix'],
-        justify: "space-between",
-        align: "middle",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _styles.default['cap-unified-select-option-label'],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-            type: "label14",
-            children: opt == null ? void 0 : opt.label
-          })
-        }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-option-end'],
-          children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            className: _styles.default['cap-unified-select-option-suffix'],
-            children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-              title: opt == null ? void 0 : opt.optionSuffixInfo
-            })]
-          }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-            title: opt == null ? void 0 : opt.optionTooltipInfo
-          })]
-        })]
-      });
-      return _extends({}, opt, {
-        title: decoratedTitle,
-        label: opt == null ? void 0 : opt.label,
-        children: opt != null && opt.children ? enhanceOptions(opt.children) : []
-      });
-    });
-    return isTree ? enhanceOptions(allOptions) : allOptions.map(opt => _extends({}, opt, {
-      title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-option-with-suffix'],
-        justify: "space-between",
-        align: "middle",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _styles.default['cap-unified-select-option-label'],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-            type: "label14",
-            children: opt == null ? void 0 : opt.label
-          })
-        }), ((opt == null ? void 0 : opt.optionSuffix) || (opt == null ? void 0 : opt.optionTooltipInfo)) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-option-end'],
-          children: [(opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            className: _styles.default['cap-unified-select-option-suffix'],
-            children: [opt == null ? void 0 : opt.optionSuffix, (opt == null ? void 0 : opt.optionSuffixInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-              title: opt == null ? void 0 : opt.optionSuffixInfo
-            })]
-          }), (opt == null ? void 0 : opt.optionTooltipInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-            title: opt == null ? void 0 : opt.optionTooltipInfo
-          })]
-        })]
-      }),
-      label: opt == null ? void 0 : opt.label
-    }));
-  }, [isTree, mergedOptions, orderedOptions, searchText, value, staticValue]);
-  const filteredTree = (0, _react.useMemo)(() => {
-    const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    return (0, _utils.filterTreeData)(dataSource, searchText.trim(), searchBasedOn, selectedValues.length > 0 ? selectedValues : undefined);
-  }, [dataSource, searchText, searchBasedOn, tempValue]);
-  const treeMaps = (0, _react.useMemo)(() => (0, _utils.buildTreeMaps)(options), [options]);
-  const selectedLeafCount = (0, _react.useMemo)(() => (0, _utils.countSelectedLeaves)(treeMaps, Array.isArray(tempValue) ? tempValue : undefined), [treeMaps, tempValue]);
-  const displayValue = dropdownOpen ? tempValue : value;
-  const suffix = (0, _react.useMemo)(() => {
-    const count = Array.isArray(displayValue) ? displayValue == null ? void 0 : displayValue.length : displayValue ? 1 : 0;
-    const renderTooltipTitle = values => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-more-tooltip-content'],
-        children: values.map((val, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: val
-        }, "cap-unified-select-tooltip-item-" + val + "-" + idx))
-      });
+  }
+  return result;
+}
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var indexByIdentifier = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3],
+      supports: item[4],
+      layer: item[5]
     };
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [isMulti && count > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _styles.default['cap-unified-select-more-text'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
-          title: renderTooltipTitle(Array.isArray(displayValue) ? displayValue.slice(1) : []),
-          placement: "bottom",
-          overlayClassName: _styles.default['cap-unified-select-more-tooltip'],
-          arrowPointAtCenter: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            children: ["+", count - 1, " more"]
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-        className: _styles.default['cap-unified-select-suffix-icon'],
-        type: dropdownOpen ? 'up' : 'down',
-        size: "xs"
-      })]
-    });
-  }, [isMulti, displayValue, dropdownOpen]);
-  const prefix = (0, _react.useMemo)(() => {
-    if (isMulti && Array.isArray(displayValue) && (displayValue == null ? void 0 : displayValue.length) > 0) {
-      var _treeMaps$nodeMap;
-      const firstLeafValue = displayValue.find(val => {
-        var _treeMaps$leafValues;
-        return treeMaps == null || (_treeMaps$leafValues = treeMaps.leafValues) == null ? void 0 : _treeMaps$leafValues.includes(val);
+    if (indexByIdentifier !== -1) {
+      stylesInDOM[indexByIdentifier].references++;
+      stylesInDOM[indexByIdentifier].updater(obj);
+    } else {
+      var updater = addElementStyle(obj, options);
+      options.byIndex = i;
+      stylesInDOM.splice(i, 0, {
+        identifier: identifier,
+        updater: updater,
+        references: 1
       });
-      return firstLeafValue ? (treeMaps == null || (_treeMaps$nodeMap = treeMaps.nodeMap) == null || (_treeMaps$nodeMap = _treeMaps$nodeMap[firstLeafValue]) == null ? void 0 : _treeMaps$nodeMap.label) || null : null;
     }
-    return null;
-  }, [isMulti, displayValue, treeMaps]);
-  const handleConfirm = (0, _react.useCallback)(() => {
-    hasInteractedRef.current = true;
-    const optionsToReorder = mergedOptions;
-    if (isMulti && Array.isArray(tempValue) && tempValue.length > 0) {
-      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, tempValue);
-      setOrderedOptions(reordered);
-    } else if (!isMulti && tempValue && !Array.isArray(tempValue)) {
-      // For single select, move selected item to top
-      const reordered = (0, _utils.reorderOptionsBySelection)(optionsToReorder, [tempValue]);
-      setOrderedOptions(reordered);
+    identifiers.push(identifier);
+  }
+  return identifiers;
+}
+function addElementStyle(obj, options) {
+  var api = options.domAPI(options);
+  api.update(obj);
+  var updater = function updater(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
+        return;
+      }
+      api.update(obj = newObj);
     } else {
-      // No selection, reset to original order
-      setOrderedOptions(null);
+      api.remove();
     }
-    onChange == null || onChange(tempValue);
-    setDropdownOpen(false);
-    setIsSearching(false);
-    searchClearedTimeRef.current = null;
-    if (resetSearch) {
-      setSearchText('');
-      lastSearchQueryRef.current = '';
+  };
+  return updater;
+}
+module.exports = function (list, options) {
+  options = options || {};
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDOM[index].references--;
     }
-    if (resetData && mergedOptions.length > 0) {
-      prevOptionsBeforeResetRef.current = mergedOptions;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
+    var newLastIdentifiers = modulesToDom(newList, options);
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+      var _index = getIndexByIdentifier(_identifier);
+      if (stylesInDOM[_index].references === 0) {
+        stylesInDOM[_index].updater();
+        stylesInDOM.splice(_index, 1);
+      }
     }
-    onConfirm == null || onConfirm(tempValue);
-  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, mergedOptions, resetData]);
-  const handleClearAll = (0, _react.useCallback)(() => {
-    // Reset all state as if it's a fresh dropdown
-    const cleared = isMulti ? [] : undefined;
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
 
-    // Clear search state
-    setSearchText('');
-    setIsSearching(false);
-    lastSearchQueryRef.current = '';
-    searchClearedTimeRef.current = null;
+/***/ }),
 
-    // Clear timeouts
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-      searchTimeoutRef.current = null;
-    }
-    if (scrollLoadingTimeoutRef.current) {
-      clearTimeout(scrollLoadingTimeoutRef.current);
-      scrollLoadingTimeoutRef.current = null;
-    }
-    if (scrollThrottleTimeoutRef.current) {
-      clearTimeout(scrollThrottleTimeoutRef.current);
-      scrollThrottleTimeoutRef.current = null;
-    }
+/***/ 5216:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-label{font-family:"Roboto",sans-serif}.blaze-ui-cap-label.blaze-ui-label1{font-size:.857rem;color:#5e6c84;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label2{font-size:.857rem;color:#091e42;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label3{font-size:.857rem;color:#97a0af;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label4{font-size:.857rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label5{font-size:.714rem;color:#091e42;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label6{font-size:.857rem;color:#b3bac5;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label7{font-size:1rem;color:#5e6c84;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label8{font-size:.857rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label9{font-size:.857rem;color:#091e42;font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label10{font-size:.857rem;color:#fff;font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label11{font-size:.714rem;color:#5e6c84;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label12{font-size:.857rem;color:#fff;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label13{font-size:.714rem;color:#97a0af;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label14{font-size:1rem;color:#676e7c;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label15{font-size:1rem;color:#091e42;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label16{font-size:1rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label17{font-size:1.143rem;color:#091e42;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label18{font-size:1rem;color:#5e6c84;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label19{font-size:.857rem;color:rgba(0,0,0,.8705882353);font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label20{font-size:1rem;color:#2466eb;font-weight:500;line-height:normal}.blaze-ui-cap-label.blaze-ui-label21{font-size:.857rem;color:#2466eb;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label22{font-size:1.714rem;color:#5e6c84;font-weight:400;line-height:2rem}.blaze-ui-cap-label.blaze-ui-label23{font-size:1rem;color:#fff;font-weight:400;line-height:normal}.blaze-ui-cap-label.blaze-ui-label24{font-size:1rem;color:#5e6c84;font-weight:400;line-height:1.429rem}.blaze-ui-cap-label.blaze-ui-label25{font-size:1rem;color:#5e6c84;font-weight:500;line-height:1.429rem}.blaze-ui-cap-label.blaze-ui-label26{font-size:.714rem;color:#091e42;font-weight:400;line-height:.857rem}.blaze-ui-cap-label.blaze-ui-label27{font-size:.857rem;color:#2466eb;font-weight:500;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label28{font-size:.857rem;color:#fff;font-weight:500;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label29,.blaze-ui-cap-label.blaze-ui-label30{font-size:.714rem;color:#fff;font-weight:400;line-height:.857rem}.blaze-ui-cap-label.blaze-ui-label31{font-size:.857rem;color:#091e42;font-weight:400;line-height:1.143rem}.blaze-ui-cap-label.blaze-ui-label32{font-size:1rem;color:#fff;font-weight:500;line-height:1.429rem}.blaze-ui-cap-label.blaze-ui-label33{font-size:1rem;color:#2466eb;font-weight:500;line-height:1.429rem}.blaze-ui-cap-label-div,.blaze-ui-cap-label-span{font-family:"Roboto",sans-serif;margin:0;padding:0}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-label": `blaze-ui-cap-label`,
+	"label1": `blaze-ui-label1`,
+	"label2": `blaze-ui-label2`,
+	"label3": `blaze-ui-label3`,
+	"label4": `blaze-ui-label4`,
+	"label5": `blaze-ui-label5`,
+	"label6": `blaze-ui-label6`,
+	"label7": `blaze-ui-label7`,
+	"label8": `blaze-ui-label8`,
+	"label9": `blaze-ui-label9`,
+	"label10": `blaze-ui-label10`,
+	"label11": `blaze-ui-label11`,
+	"label12": `blaze-ui-label12`,
+	"label13": `blaze-ui-label13`,
+	"label14": `blaze-ui-label14`,
+	"label15": `blaze-ui-label15`,
+	"label16": `blaze-ui-label16`,
+	"label17": `blaze-ui-label17`,
+	"label18": `blaze-ui-label18`,
+	"label19": `blaze-ui-label19`,
+	"label20": `blaze-ui-label20`,
+	"label21": `blaze-ui-label21`,
+	"label22": `blaze-ui-label22`,
+	"label23": `blaze-ui-label23`,
+	"label24": `blaze-ui-label24`,
+	"label25": `blaze-ui-label25`,
+	"label26": `blaze-ui-label26`,
+	"label27": `blaze-ui-label27`,
+	"label28": `blaze-ui-label28`,
+	"label29": `blaze-ui-label29`,
+	"label30": `blaze-ui-label30`,
+	"label31": `blaze-ui-label31`,
+	"label32": `blaze-ui-label32`,
+	"label33": `blaze-ui-label33`,
+	"cap-label-div": `blaze-ui-cap-label-div`,
+	"cap-label-span": `blaze-ui-cap-label-span`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
 
-    // Reset scroll state
-    setIsLoadingOnScroll(false);
-    isScrollProcessingRef.current = false;
-    scrollContainerRef.current = null;
 
-    // Reset ordered options
-    setOrderedOptions(null);
-    initialSortDoneRef.current = false;
+/***/ }),
 
-    // Reset interaction flags
-    hasInteractedRef.current = false;
-    resetDataCalledRef.current = false;
-    fetchMissingOptionsCalledRef.current = false;
-    lastMissingValuesRef.current = '';
+/***/ 5353:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
-    // Reset temp value and call onChange (same as allowClear X button)
-    setTempValue(cleared);
-    onChange == null || onChange(cleared);
+"use strict";
 
-    // Close dropdown
-    setDropdownOpen(false);
 
-    // Reset data if needed (same as allowClear X button behavior)
-    if (resetData && options.length > 0) {
-      prevOptionsBeforeResetRef.current = options;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
-    }
-  }, [isMulti, onChange, resetData, options]);
-  const handleDropdownVisibilityChange = (0, _react.useCallback)(open => {
-    if (readOnly || disabled) {
-      return;
-    }
-    if (open) {
-      initialTempValueRef.current = value;
-      hasInteractedRef.current = false;
-      resetDataCalledRef.current = false;
-      fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
-      if (searchTimeoutRef.current) {
-        clearTimeout(searchTimeoutRef.current);
-        searchTimeoutRef.current = null;
-      }
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      setIsSearching(false);
-      searchClearedTimeRef.current = null;
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (isResettingData) {
-        setIsResettingData(false);
-        prevOptionsBeforeResetRef.current = options;
-        resetDataCalledTimeRef.current = null;
-      }
-    } else {
-      if (!customPopupRender) {
-        onChange == null || onChange(tempValue);
-      } else {
-        setTempValue(value);
-      }
-      if (resetSearch) {
-        setSearchText('');
-        setIsSearching(false);
-        lastSearchQueryRef.current = '';
-        searchClearedTimeRef.current = null;
-      }
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      scrollContainerRef.current = null;
-      if (resetData && hasInteractedRef.current && !resetDataCalledRef.current && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      } else if (!hasInteractedRef.current) {
-        if (searchTimeoutRef.current) {
-          clearTimeout(searchTimeoutRef.current);
-          searchTimeoutRef.current = null;
-        }
-        setIsSearching(false);
-        setIsResettingData(false);
-        lastSearchQueryRef.current = '';
-      }
-      hasInteractedRef.current = false;
-    }
-    setDropdownOpen(open);
-  }, [customPopupRender, value, onChange, tempValue, readOnly, disabled, resetSearch, resetData, options, isResettingData]);
-  const handleFooterDownload = (0, _react.useCallback)(() => {
-    const currentValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    onFooterDownloadChange == null || onFooterDownloadChange(currentValues);
-  }, [tempValue, onFooterDownloadChange]);
-  const handleUpload = (0, _react.useCallback)(() => {
-    onUpload == null || onUpload();
-    setDropdownOpen(false);
-  }, [onUpload]);
-  const handleSearchChange = (0, _react.useCallback)(e => {
-    const query = e.target.value;
-    setSearchText(query);
-    handleSearch(query);
-  }, [handleSearch]);
-  const handleSearchKeyDown = (0, _react.useCallback)(e => {
-    if (e.key === 'Backspace' || e.key === 'Delete') {
-      e.stopPropagation();
-    }
-    if (e.key === 'Escape' && searchText.length > 0) {
-      e.stopPropagation();
-    }
-  }, [searchText]);
-  const handleScroll = (0, _react.useCallback)(event => {
-    if (!onPopupScroll) return;
-    const target = event.target;
-    if (!target) return;
-    const isNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-    if (!isNearBottom) {
-      isScrollProcessingRef.current = false;
-      return;
-    }
-    if (isScrollProcessingRef.current) return;
-    if (isLoadingOnScroll) return;
-    if (!hasMore) {
-      isScrollProcessingRef.current = false;
-      return;
-    }
-    if (scrollThrottleTimeoutRef.current) {
-      clearTimeout(scrollThrottleTimeoutRef.current);
-    }
-    isScrollProcessingRef.current = true;
-    scrollThrottleTimeoutRef.current = setTimeout(() => {
-      const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-      if (!stillNearBottom || isLoadingOnScroll || !hasMore) {
-        isScrollProcessingRef.current = false;
-        return;
-      }
-      const currentOptions = optionsRef.current;
-      prevOptionsCountRef.current = currentOptions.length;
-      prevOptionsRefForScroll.current = currentOptions;
-      scrollTriggerOptionsCountRef.current = currentOptions.length;
-      setIsLoadingOnScroll(true);
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      hasInteractedRef.current = true;
-      onPopupScroll();
-      scrollLoadingTimeoutRef.current = setTimeout(() => {
-        setIsLoadingOnScroll(prev => {
-          if (prev) {
-            scrollLoadingTimeoutRef.current = null;
-            isScrollProcessingRef.current = false;
-            return false;
-          }
-          return prev;
-        });
-      }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
-    }, 150);
-  }, [onPopupScroll, isLoadingOnScroll, hasMore]);
-  (0, _react.useEffect)(() => {
-    if (!onPopupScroll || !dropdownOpen) return;
-    const timeoutId = setTimeout(() => {
-      const findScrollContainer = () => {
-        const dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        if (dropdowns.length === 0) return null;
-        const dropdown = Array.from(dropdowns).pop();
-        if (!dropdown) return null;
-        const treeList = dropdown.querySelector('.ant-select-tree-list-holder');
-        if (treeList && treeList.scrollHeight > treeList.clientHeight) {
-          return treeList;
-        }
-        const virtualList = dropdown.querySelector('.rc-virtual-list-holder');
-        if (virtualList && virtualList.scrollHeight > virtualList.clientHeight) {
-          return virtualList;
-        }
-        if (dropdown.scrollHeight > dropdown.clientHeight) {
-          return dropdown;
-        }
-        return null;
-      };
-      const scrollContainer = findScrollContainer();
-      if (scrollContainer) {
-        scrollContainerRef.current = scrollContainer;
-        scrollContainer.addEventListener('scroll', handleScroll, {
-          passive: true
-        });
-      }
-    }, _constants.TIMEOUTS.SCROLL_CONTAINER_DELAY);
-    return () => {
-      clearTimeout(timeoutId);
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      if (scrollContainerRef.current) {
-        scrollContainerRef.current.removeEventListener('scroll', handleScroll);
-        scrollContainerRef.current = null;
-      }
-      isScrollProcessingRef.current = false;
+exports.__esModule = true;
+exports["default"] = void 0;
+var _antdV = __webpack_require__(4273);
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
+var _constants = __webpack_require__(9788);
+var _CustomDropdown = __webpack_require__(8033);
+var _DropdownHeader = __webpack_require__(9315);
+var _enhanceOptions = __webpack_require__(1879);
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _useCapUnifiedSelect = __webpack_require__(480);
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "uploadLabel", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onSearch", "searchDebounce", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly", "staticValue", "onFooterDownloadChange", "onPopupScroll", "hasMore", "enableVirtualization", "virtualRowHeight", "resetSearch", "resetData", "fetchMissingOptions"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const CapUnifiedSelect = _ref => {
+  let {
+      type = _constants.SELECT_TYPES.SELECT,
+      options = [],
+      value,
+      onChange,
+      placeholder = _constants.DEFAULTS.PLACEHOLDER,
+      className = '',
+      style,
+      isError = false,
+      errorMessage,
+      containerClassName,
+      popoverClassName,
+      allowClear = false,
+      headerLabel,
+      onUpload,
+      uploadLabel = _constants.DEFAULTS.UPLOAD_LABEL,
+      tooltip,
+      bylineText,
+      disabled = false,
+      showUpload = false,
+      customPopupRender = true,
+      showSearch = true,
+      searchBasedOn = 'label',
+      onSearch,
+      searchDebounce = _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE,
+      onConfirm,
+      clearText = _constants.DEFAULTS.CLEAR_TEXT,
+      noResultCustomText = _constants.DEFAULTS.NO_RESULT_TEXT,
+      noResultCustomIcon = _constants.DEFAULTS.NO_RESULT_ICON,
+      readOnly = false,
+      staticValue = true,
+      onFooterDownloadChange,
+      onPopupScroll,
+      hasMore = true,
+      enableVirtualization = false,
+      virtualRowHeight = _constants.DEFAULTS.VIRTUAL_ROW_HEIGHT,
+      resetSearch = true,
+      resetData,
+      fetchMissingOptions
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const isMulti = (0, _react.useMemo)(() => type === _constants.SELECT_TYPES.MULTI_SELECT || type === _constants.SELECT_TYPES.MULTI_TREE_SELECT, [type]);
+  const {
+    searchText,
+    tempValue,
+    setTempValue,
+    dropdownOpen,
+    isSearching,
+    isLoadingOnScroll,
+    isResettingData,
+    filteredTree: rawFilteredTree,
+    treeMaps,
+    selectedLeafCount,
+    displayValue,
+    handleSearchChange,
+    handleSearchKeyDown,
+    handleConfirm,
+    handleClearAll,
+    handleDropdownVisibilityChange,
+    handleSingleSelectChange,
+    handleMultiSelectChange
+  } = (0, _useCapUnifiedSelect.useCapUnifiedSelect)({
+    type,
+    options,
+    value,
+    onChange,
+    staticValue,
+    onSearch,
+    searchDebounce,
+    searchBasedOn,
+    onConfirm,
+    resetSearch,
+    resetData,
+    fetchMissingOptions,
+    onPopupScroll,
+    hasMore,
+    customPopupRender,
+    isMulti,
+    disabled
+  });
+
+  // Enhance filtered tree with React components
+  const filteredTree = (0, _react.useMemo)(() => {
+    if (!(rawFilteredTree != null && rawFilteredTree.length)) return [];
+    return (0, _enhanceOptions.enhanceOptionsWithComponents)(rawFilteredTree, type);
+  }, [rawFilteredTree, type]);
+
+  // Suffix icon with "more" tooltip
+  const suffix = (0, _react.useMemo)(() => {
+    const count = Array.isArray(displayValue) ? displayValue == null ? void 0 : displayValue.length : displayValue ? 1 : 0;
+    const renderTooltipTitle = values => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['cap-unified-select-more-tooltip-content'],
+        children: values.map((val, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: val
+        }, "cap-unified-select-tooltip-item-" + val + "-" + idx))
+      });
     };
-  }, [onPopupScroll, dropdownOpen, handleScroll]);
-  const renderHeader = (0, _react.useMemo)(() => {
-    if (!headerLabel && !tooltip) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(_styles.default['cap-unified-select-header-wrapper'], disabled && _styles.default.disabled, _styles.default['cap-unified-select-header']),
-        children: [headerLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label16",
-          className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-label']),
-          children: headerLabel
-        }), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
-          title: tooltip,
-          className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-tooltip']),
-          iconProps: {
-            disabled
-          }
-        })]
-      }), bylineText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-header-byline-text'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-byline-text']),
-          children: bylineText
-        })
-      })]
-    });
-  }, [headerLabel, tooltip, bylineText, disabled]);
-  const renderCustomDropdown = (0, _react.useCallback)(menu => {
-    if (!customPopupRender) return menu;
-    const currentItems = filteredTree;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(popoverClassName, _styles.default[type + "-popup-container"]),
-      children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-search-container'],
-        align: "middle",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Input, {
-          prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-            type: "search",
-            size: "s",
-            className: _styles.default['cap-unified-select-search-icon']
-          }),
-          placeholder: _constants.DEFAULTS.SEARCH_PLACEHOLDER,
-          variant: "borderless",
-          value: searchText,
-          onChange: handleSearchChange,
-          onKeyDown: handleSearchKeyDown,
-          allowClear: true,
-          disabled: disabled
-        })
-      }), isMulti && showUpload && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-upload-container'],
-        align: "middle",
-        onClick: handleUpload,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-          type: "upload",
-          size: "s",
-          className: _styles.default['cap-unified-select-upload-icon']
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          type: "label14",
-          className: _styles.default['cap-unified-select-upload-label'],
-          children: uploadLabel
-        })]
-      }), isMulti && staticValue && currentItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectAllCheckbox, {
-        currentItems: currentItems,
-        tempValue: Array.isArray(tempValue) ? tempValue : undefined,
-        setTempValue: val => setTempValue(val),
-        processTreeData: _utils.buildTreeMaps,
-        disabled: disabled
-      }), currentItems.length === 0 ? isSearching || isResettingData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _styles.default['cap-unified-select-loading-container'],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-          align: "middle",
-          justify: "center",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
-            size: "small"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-          align: "middle",
-          justify: "center",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-            type: "label14",
-            children: "Loading..."
+      children: [isMulti && count > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _styles.default['cap-unified-select-more-text'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
+          title: renderTooltipTitle(Array.isArray(displayValue) ? displayValue.slice(1) : []),
+          placement: "bottom",
+          overlayClassName: _styles.default['cap-unified-select-more-tooltip'],
+          arrowPointAtCenter: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            children: ["+", count - 1, " more"]
           })
-        })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoResult, {
-        noResultCustomText: noResultCustomText,
-        className: className,
-        showUpload: showUpload,
-        options: options,
-        noResultCustomIcon: noResultCustomIcon
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _styles.default['cap-unified-select-menu-wrapper'],
-        children: [menu, (isSearching || isResettingData) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-loading-overlay'],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-            align: "middle",
-            justify: "center",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
-              size: "small"
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-            align: "middle",
-            justify: "center",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              type: "label14",
-              children: "Loading..."
-            })
-          })]
-        }), isLoadingOnScroll && onPopupScroll && hasMore && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-loading-overlay'],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-            align: "middle",
-            justify: "center",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
-              size: "small"
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-            align: "middle",
-            justify: "center",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              type: "label14",
-              children: "Loading..."
-            })
-          })]
-        })]
-      }), currentItems.length > 0 && isMulti && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _styles.default['cap-unified-select-confirm-container'],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _styles.default['cap-unified-select-confirm-button-group'],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
-            type: "primary",
-            size: "small",
-            className: _styles.default['cap-unified-select-confirm-button'],
-            onClick: handleConfirm,
-            disabled: disabled || selectedLeafCount === 0,
-            children: "Confirm"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
-            type: "text",
-            className: _styles.default['cap-unified-select-cancel-button'],
-            size: "small",
-            onClick: handleClearAll,
-            disabled: disabled,
-            children: clearText
-          }), onFooterDownloadChange && selectedLeafCount > 0 && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-            className: _styles.default['cap-unified-select-footer-download-container'],
-            align: "middle",
-            onClick: handleFooterDownload,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-              type: "download",
-              size: "s",
-              className: _styles.default['cap-unified-select-footer-download-icon']
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapLabel.default, {
-              className: _styles.default['cap-unified-select-footer-download-label'],
-              children: [selectedLeafCount, " selected"]
-            })]
-          })]
-        })
-      }), (type === _constants.SELECT_TYPES.SELECT || type === _constants.SELECT_TYPES.TREE_SELECT) && allowClear && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-        className: _styles.default['cap-unified-select-tree-clear-container'],
-        onClick: handleClearAll,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          className: _styles.default['cap-unified-select-tree-clear-label'],
-          children: clearText
         })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        className: _styles.default['cap-unified-select-suffix-icon'],
+        type: dropdownOpen ? 'up' : 'down',
+        size: "xs"
       })]
     });
-  }, [customPopupRender, filteredTree, searchText, isMulti, showUpload, uploadLabel, handleUpload, noResultCustomText, noResultCustomIcon, options, type, tempValue, handleConfirm, handleClearAll, popoverClassName, className, selectedLeafCount, clearText, allowClear, staticValue, showSearch, onFooterDownloadChange, handleFooterDownload, isSearching, handleSearchChange, handleSearchKeyDown, isLoadingOnScroll, onPopupScroll, hasMore, isResettingData, disabled]);
+  }, [isMulti, displayValue, dropdownOpen]);
+
+  // Prefix for multi-select (first selected item label)
+  const prefix = (0, _react.useMemo)(() => {
+    if (isMulti && Array.isArray(displayValue) && (displayValue == null ? void 0 : displayValue.length) > 0) {
+      var _treeMaps$nodeMap;
+      const firstLeafValue = displayValue.find(val => {
+        var _treeMaps$leafValues;
+        return treeMaps == null || (_treeMaps$leafValues = treeMaps.leafValues) == null ? void 0 : _treeMaps$leafValues.includes(val);
+      });
+      return firstLeafValue ? (treeMaps == null || (_treeMaps$nodeMap = treeMaps.nodeMap) == null || (_treeMaps$nodeMap = _treeMaps$nodeMap[firstLeafValue]) == null ? void 0 : _treeMaps$nodeMap.label) || null : null;
+    }
+    return null;
+  }, [isMulti, displayValue, treeMaps]);
+
+  // Handle upload
+  const handleUpload = () => {
+    onUpload == null || onUpload();
+    handleDropdownVisibilityChange(false);
+  };
+
+  // Render custom dropdown
+  const renderCustomDropdown = menu => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomDropdown.CustomDropdown, {
+      menu: menu,
+      customPopupRender: customPopupRender,
+      filteredTree: filteredTree,
+      searchText: searchText,
+      showSearch: showSearch,
+      handleSearchChange: handleSearchChange,
+      handleSearchKeyDown: handleSearchKeyDown,
+      disabled: disabled,
+      isMulti: isMulti,
+      showUpload: showUpload,
+      uploadLabel: uploadLabel,
+      handleUpload: handleUpload,
+      staticValue: staticValue,
+      tempValue: tempValue,
+      setTempValue: setTempValue,
+      isSearching: isSearching,
+      isResettingData: isResettingData,
+      isLoadingOnScroll: isLoadingOnScroll,
+      onPopupScroll: onPopupScroll,
+      hasMore: hasMore,
+      noResultCustomText: noResultCustomText,
+      noResultCustomIcon: noResultCustomIcon,
+      options: options,
+      className: className,
+      type: type,
+      selectedLeafCount: selectedLeafCount,
+      handleConfirm: handleConfirm,
+      handleClearAll: handleClearAll,
+      clearText: clearText,
+      onFooterDownloadChange: onFooterDownloadChange,
+      allowClear: allowClear,
+      popoverClassName: popoverClassName
+    });
+  };
   const combinedClassName = (0, _react.useMemo)(() => (0, _classnames.default)(containerClassName, _styles.default['cap-unified-tree-select'], {
     [_styles.default['cap-unified-tree-select-readonly']]: readOnly
   }, className), [containerClassName, className, readOnly]);
-  const handleSingleSelectChange = (0, _react.useCallback)(newValue => {
-    if (disabled) {
-      return;
-    }
-    if (newValue !== initialTempValueRef.current) {
-      hasInteractedRef.current = true;
-    }
-    if (newValue === undefined || newValue === null) {
-      if (resetData && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
-    }
-    onChange == null || onChange(newValue);
-  }, [onChange, resetData, options, disabled]);
-  const handleMultiSelectChange = (0, _react.useCallback)(newValue => {
-    if (disabled) {
-      return;
-    }
-    const initialValue = initialTempValueRef.current;
-    const hasChanged = Array.isArray(newValue) && Array.isArray(initialValue) ? newValue.length !== initialValue.length || !newValue.every(v => initialValue.includes(v)) || !initialValue.every(v => newValue.includes(v)) : newValue !== initialValue;
-    if (hasChanged) {
-      hasInteractedRef.current = true;
-    }
-    if (newValue === undefined || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
-      if (resetData && options.length > 0) {
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
-    }
-    setTempValue(newValue);
-  }, [resetData, options, disabled]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
     className: className,
-    children: [renderHeader, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.TreeSelect, _extends({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownHeader.DropdownHeader, {
+      headerLabel: headerLabel,
+      tooltip: tooltip,
+      bylineText: bylineText,
+      disabled: disabled
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.TreeSelect, _extends({
       treeData: filteredTree,
       value: customPopupRender ? tempValue : value,
       treeNodeLabelProp: "label",
@@ -1927,7 +1891,7 @@ const CapUnifiedSelect = _ref => {
       onOpenChange: handleDropdownVisibilityChange,
       virtual: !enableVirtualization,
       popupMatchSelectWidth: false,
-      disabled: disabled,
+      disabled: disabled || readOnly,
       filterTreeNode: false,
       listHeight: _constants.DEFAULTS.LIST_HEIGHT,
       listItemHeight: virtualRowHeight,
@@ -2653,6 +2617,209 @@ module.exports = insertBySelector;
 
 /***/ }),
 
+/***/ 8033:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.CustomDropdown = void 0;
+var _antdV = __webpack_require__(4273);
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapRow = _interopRequireDefault(__webpack_require__(7375));
+var _CapSpin = _interopRequireDefault(__webpack_require__(1549));
+var _components = __webpack_require__(455);
+var _constants = __webpack_require__(9788);
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _utils = __webpack_require__(8052);
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomDropdown = _ref => {
+  let {
+    menu,
+    customPopupRender,
+    filteredTree,
+    searchText,
+    showSearch,
+    handleSearchChange,
+    handleSearchKeyDown,
+    disabled,
+    isMulti,
+    showUpload,
+    uploadLabel,
+    handleUpload,
+    staticValue,
+    tempValue,
+    setTempValue,
+    isSearching,
+    isResettingData,
+    isLoadingOnScroll,
+    onPopupScroll,
+    hasMore,
+    noResultCustomText,
+    noResultCustomIcon,
+    options,
+    className,
+    type,
+    selectedLeafCount,
+    handleConfirm,
+    handleClearAll,
+    clearText,
+    onFooterDownloadChange,
+    allowClear,
+    popoverClassName
+  } = _ref;
+  if (!customPopupRender) return menu;
+  const currentItems = filteredTree;
+  const handleFooterDownload = () => {
+    const currentValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
+    onFooterDownloadChange == null || onFooterDownloadChange(currentValues);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(popoverClassName, _styles.default[type + "-popup-container"]),
+    children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-search-container'],
+      align: "middle",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Input, {
+        prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+          type: "search",
+          size: "s",
+          className: _styles.default['cap-unified-select-search-icon']
+        }),
+        placeholder: _constants.DEFAULTS.SEARCH_PLACEHOLDER,
+        variant: "borderless",
+        value: searchText,
+        onChange: handleSearchChange,
+        onKeyDown: handleSearchKeyDown,
+        allowClear: true,
+        disabled: disabled
+      })
+    }), isMulti && showUpload && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-upload-container'],
+      align: "middle",
+      onClick: handleUpload,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        type: "upload",
+        size: "s",
+        className: _styles.default['cap-unified-select-upload-icon']
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: "label14",
+        className: _styles.default['cap-unified-select-upload-label'],
+        children: uploadLabel
+      })]
+    }), isMulti && staticValue && currentItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectAllCheckbox, {
+      currentItems: currentItems,
+      tempValue: Array.isArray(tempValue) ? tempValue : undefined,
+      setTempValue: val => setTempValue(val),
+      processTreeData: _utils.buildTreeMaps,
+      disabled: disabled
+    }), currentItems.length === 0 ? isSearching || isResettingData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _styles.default['cap-unified-select-loading-container'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        align: "middle",
+        justify: "center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
+          size: "small"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        align: "middle",
+        justify: "center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
+          children: "Loading..."
+        })
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoResult, {
+      noResultCustomText: noResultCustomText,
+      className: className,
+      showUpload: showUpload,
+      options: options,
+      noResultCustomIcon: noResultCustomIcon
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _styles.default['cap-unified-select-menu-wrapper'],
+      children: [menu, (isSearching || isResettingData) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-loading-overlay'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
+            size: "small"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            type: "label14",
+            children: "Loading..."
+          })
+        })]
+      }), isLoadingOnScroll && onPopupScroll && hasMore && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-loading-overlay'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
+            size: "small"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+          align: "middle",
+          justify: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            type: "label14",
+            children: "Loading..."
+          })
+        })]
+      })]
+    }), currentItems.length > 0 && isMulti && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _styles.default['cap-unified-select-confirm-container'],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['cap-unified-select-confirm-button-group'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
+          type: "primary",
+          size: "small",
+          className: _styles.default['cap-unified-select-confirm-button'],
+          onClick: handleConfirm,
+          disabled: disabled || selectedLeafCount === 0,
+          children: "Confirm"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Button, {
+          type: "text",
+          className: _styles.default['cap-unified-select-cancel-button'],
+          size: "small",
+          onClick: handleClearAll,
+          disabled: disabled,
+          children: clearText
+        }), onFooterDownloadChange && selectedLeafCount > 0 && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+          className: _styles.default['cap-unified-select-footer-download-container'],
+          align: "middle",
+          onClick: handleFooterDownload,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "download",
+            size: "s",
+            className: _styles.default['cap-unified-select-footer-download-icon']
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapLabel.default, {
+            className: _styles.default['cap-unified-select-footer-download-label'],
+            children: [selectedLeafCount, " selected"]
+          })]
+        })]
+      })
+    }), (type === _constants.SELECT_TYPES.SELECT || type === _constants.SELECT_TYPES.TREE_SELECT) && allowClear && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+      className: _styles.default['cap-unified-select-tree-clear-container'],
+      onClick: handleClearAll,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        className: _styles.default['cap-unified-select-tree-clear-label'],
+        children: clearText
+      })
+    })]
+  });
+};
+exports.CustomDropdown = CustomDropdown;
+
+/***/ }),
+
 /***/ 8052:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -2660,7 +2827,7 @@ module.exports = insertBySelector;
 
 
 exports.__esModule = true;
-exports.reorderOptionsBySelection = exports.findValueInOptions = exports.findMissingValues = exports.filterTreeData = exports.countSelectedLeaves = exports.buildTreeMaps = void 0;
+exports.reorderOptionsBySelection = exports.prepareDataSource = exports.findValueInOptions = exports.findMissingValues = exports.filterTreeData = exports.countSelectedLeaves = exports.buildTreeMaps = void 0;
 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); }
 /**
  * Builds tree maps for efficient tree operations
@@ -2812,24 +2979,9 @@ const reorderOptionsBySelection = (opts, selectedOrder) => {
         return topLevelItem;
       }
 
-      // Recursively search in children
-      const searchInChildren = items => {
-        for (const item of items) {
-          if (item.value === targetValue) {
-            return true; // Found it
-          }
-          if (item.children && item.children.length > 0) {
-            if (searchInChildren(item.children)) {
-              return true;
-            }
-          }
-        }
-        return false;
-      };
-
       // If found in this top-level item's children, return the top-level item
       if (topLevelItem.children && topLevelItem.children.length > 0) {
-        if (searchInChildren(topLevelItem.children)) {
+        if (findValueInOptions(topLevelItem.children, targetValue)) {
           return topLevelItem;
         }
       }
@@ -2876,7 +3028,44 @@ const reorderOptionsBySelection = (opts, selectedOrder) => {
   // Return selected items first (in selection order), then unselected items
   return [...selectedItems, ...unselectedItems];
 };
+
+/**
+ * Prepares data source with virtual options for selected values not in current options
+ * Returns raw options without React component enhancement
+ */
 exports.reorderOptionsBySelection = reorderOptionsBySelection;
+const prepareDataSource = (options, orderedOptions, searchText, value, staticValue, selectedItemsCache) => {
+  const sourceOptions = searchText.trim() ? options : orderedOptions || options;
+  const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+  const hasSearchQuery = searchText.trim().length > 0;
+  const shouldAppendVirtualOptions = staticValue || !hasSearchQuery;
+  const missingSelectedValues = [];
+  if (shouldAppendVirtualOptions && selectedValues.length > 0) {
+    selectedValues.forEach(val => {
+      if (!findValueInOptions(sourceOptions, val)) {
+        missingSelectedValues.push(val);
+      }
+    });
+  }
+  const virtualOptions = missingSelectedValues.map(val => {
+    const cachedOption = selectedItemsCache.get(val);
+    return _extends({
+      value: val,
+      label: (cachedOption == null ? void 0 : cachedOption.label) || String(val),
+      key: (cachedOption == null ? void 0 : cachedOption.key) || val,
+      title: cachedOption == null ? void 0 : cachedOption.title,
+      optionSuffix: cachedOption == null ? void 0 : cachedOption.optionSuffix,
+      optionSuffixInfo: cachedOption == null ? void 0 : cachedOption.optionSuffixInfo,
+      optionTooltipInfo: cachedOption == null ? void 0 : cachedOption.optionTooltipInfo,
+      disabled: cachedOption == null ? void 0 : cachedOption.disabled
+    }, (cachedOption == null ? void 0 : cachedOption.children) && {
+      children: cachedOption.children
+    });
+  });
+  const allOptions = hasSearchQuery ? [...sourceOptions, ...virtualOptions] : [...virtualOptions, ...sourceOptions];
+  return allOptions != null && allOptions.length ? allOptions : [];
+};
+exports.prepareDataSource = prepareDataSource;
 
 /***/ }),
 
@@ -2954,6 +3143,56 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ 9315:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.DropdownHeader = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
+var _styles = _interopRequireDefault(__webpack_require__(8263));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DropdownHeader = _ref => {
+  let {
+    headerLabel,
+    tooltip,
+    bylineText,
+    disabled = false
+  } = _ref;
+  if (!headerLabel && !tooltip) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_styles.default['cap-unified-select-header-wrapper'], disabled && _styles.default.disabled, _styles.default['cap-unified-select-header']),
+      children: [headerLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: "label16",
+        className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-label']),
+        children: headerLabel
+      }), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
+        title: tooltip,
+        className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-tooltip']),
+        iconProps: {
+          disabled
+        }
+      })]
+    }), bylineText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _styles.default['cap-unified-select-header-byline-text'],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        className: (0, _classnames.default)(disabled && _styles.default.disabled, _styles.default['cap-unified-select-header-byline-text']),
+        children: bylineText
+      })
+    })]
+  });
+};
+exports.DropdownHeader = DropdownHeader;
+
+/***/ }),
+
 /***/ 9604:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -3020,12 +3259,13 @@ module.exports = ___CSS_LOADER_EXPORT___;
 
 exports.__esModule = true;
 exports.TIMEOUTS = exports.SELECT_TYPES = exports.DEFAULTS = void 0;
-const SELECT_TYPES = exports.SELECT_TYPES = {
-  SELECT: 'select',
-  MULTI_SELECT: 'multiSelect',
-  TREE_SELECT: 'treeSelect',
-  MULTI_TREE_SELECT: 'multiTreeSelect'
-};
+let SELECT_TYPES = exports.SELECT_TYPES = /*#__PURE__*/function (SELECT_TYPES) {
+  SELECT_TYPES["SELECT"] = "select";
+  SELECT_TYPES["MULTI_SELECT"] = "multiSelect";
+  SELECT_TYPES["TREE_SELECT"] = "treeSelect";
+  SELECT_TYPES["MULTI_TREE_SELECT"] = "multiTreeSelect";
+  return SELECT_TYPES;
+}({});
 const TIMEOUTS = exports.TIMEOUTS = {
   DEFAULT_SEARCH_DEBOUNCE: 300,
   SEARCH_STATE_UPDATE_DELAY: 100,