@capillarytech/blaze-ui 1.0.3-alpha.9 → 1.1.0-alpha.0

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

@@ -35,20 +35,6 @@ var f=__webpack_require__(9206),k=Symbol.for("react.element"),l=Symbol.for("reac
 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:
@@ -130,7 +116,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _classnames = _interopRequireDefault(__webpack_require__(2678));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(4939));
 var _jsxRuntime = __webpack_require__(4848);
@@ -195,6 +181,14 @@ var _default = exports["default"] = CapLabelWithStatic;
 
 /***/ }),
 
+/***/ 2678:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("classnames");
+
+/***/ }),
+
 /***/ 3737:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -218,7 +212,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 exports.__esModule = true;
 exports["default"] = void 0;
 var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _classnames = _interopRequireDefault(__webpack_require__(2678));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(5765));
 var _jsxRuntime = __webpack_require__(4848);
@@ -473,7 +467,7 @@ module.exports = domAPI;
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _classnames = _interopRequireDefault(__webpack_require__(2678));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
 var _CapTooltip = _interopRequireDefault(__webpack_require__(5636));
@@ -765,22 +759,26 @@ module.exports = ___CSS_LOADER_EXPORT___;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _classnames = _interopRequireDefault(__webpack_require__(2678));
 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 _constants = __webpack_require__(9788);
 var _styles = _interopRequireDefault(__webpack_require__(8263));
 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"];
+const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly"];
 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 _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; }
-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); } /* eslint-disable max-lines */
+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); }
+const SELECT_TYPES = {
+  SELECT: 'select',
+  MULTI_SELECT: 'multiSelect',
+  TREE_SELECT: 'treeSelect',
+  MULTI_TREE_SELECT: 'multiTreeSelect'
+};
 const NoResult = _ref => {
   let {
     noResultCustomText,
@@ -798,7 +796,7 @@ const NoResult = _ref => {
       size: "m"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
       className: _styles.default['cap-unified-select-no-result-text'],
-      children: showUpload && (options == null ? void 0 : options.length) === 0 ? noResultCustomText : _constants.DEFAULTS.NO_RESULT_TEXT
+      children: showUpload && (options == null ? void 0 : options.length) === 0 ? noResultCustomText : 'No results found'
     })]
   });
 };
@@ -883,27 +881,22 @@ const countSelectedLeaves = (treeMaps, selectedValues) => {
   selectedValues == null || selectedValues.forEach(processNode);
   return (treeMaps == null || (_treeMaps$leafValues = treeMaps.leafValues) == null ? void 0 : _treeMaps$leafValues.reduce((count, leaf) => expandedSet.has(leaf) ? count + 1 : count, 0)) || 0;
 };
-const filterTreeData = function (data, search, searchBasedOn, selectedValues) {
+const filterTreeData = function (data, search, searchBasedOn) {
   if (searchBasedOn === void 0) {
     searchBasedOn = 'label';
   }
   if (!(data != null && data.length) || !search) return data;
   const searchLower = search.toLowerCase();
-  const selectedSet = new Set(selectedValues || []);
   const nodeMatchesSearch = node => {
     var _node$value, _node$key, _ref3, _node$label;
     const target = searchBasedOn === 'value' ? String((_node$value = node == null ? void 0 : node.value) != null ? _node$value : '') : searchBasedOn === 'key' ? String((_node$key = node == null ? void 0 : node.key) != null ? _node$key : '') : String((_ref3 = (_node$label = node == null ? void 0 : node.label) != null ? _node$label : node == null ? void 0 : node.title) != null ? _ref3 : '');
     return target.toLowerCase().includes(searchLower);
   };
-  const isNodeSelected = node => {
-    return node.value !== undefined && selectedSet.has(node.value);
-  };
   const loop = items => items.reduce((acc, item) => {
     var _item$children;
     if (!item) return acc;
     const children = item != null && (_item$children = item.children) != null && _item$children.length ? loop(item.children) : [];
-    // Include node if: matches search OR is selected OR has matching children
-    if (nodeMatchesSearch(item) || isNodeSelected(item) || children.length) {
+    if (nodeMatchesSearch(item) || children.length) {
       acc.push(_extends({}, item, {
         children
       }));
@@ -914,11 +907,11 @@ const filterTreeData = function (data, search, searchBasedOn, selectedValues) {
 };
 const CapUnifiedSelect = _ref4 => {
   let {
-      type = _constants.SELECT_TYPES.SELECT,
+      type = SELECT_TYPES.SELECT,
       options = [],
       value,
       onChange,
-      placeholder = _constants.DEFAULTS.PLACEHOLDER,
+      placeholder = 'Select an option',
       className = '',
       style,
       isError = false,
@@ -928,7 +921,6 @@ const CapUnifiedSelect = _ref4 => {
       allowClear = false,
       headerLabel,
       onUpload,
-      uploadLabel = _constants.DEFAULTS.UPLOAD_LABEL,
       tooltip,
       bylineText,
       disabled = false,
@@ -936,672 +928,38 @@ const CapUnifiedSelect = _ref4 => {
       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
+      clearText = 'Clear',
+      noResultCustomText = 'No results found',
+      noResultCustomIcon = 'warning',
+      readOnly = false
     } = _ref4,
     rest = _objectWithoutPropertiesLoose(_ref4, _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);
-  // Store ordered options after confirm (selected items moved to top based on selection order)
-  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);
-  // Track if scroll handler is currently processing to prevent duplicate calls
-  const isScrollProcessingRef = (0, _react.useRef)(false);
-  // Throttle ref for scroll events
-  const scrollThrottleTimeoutRef = (0, _react.useRef)(null);
-  // Ref to track options for scroll handler (avoids recreating handleScroll)
-  const optionsRef = (0, _react.useRef)(options);
-  // Cache of selected items from async results to preserve them during search
-  const selectedItemsCacheRef = (0, _react.useRef)(new Map());
-  // Track the last search query to detect when options update after search
-  const lastSearchQueryRef = (0, _react.useRef)('');
-  // Track when search was cleared to help clear loading state
-  const searchClearedTimeRef = (0, _react.useRef)(null);
-  // Track previous options to detect when they change after a search
-  const prevOptionsRef = (0, _react.useRef)(options);
-  // Track previous options before resetData is called to detect when options update
-  const prevOptionsBeforeResetRef = (0, _react.useRef)(options);
-  // Track previous options count to detect when options change after scroll
-  const prevOptionsCountRef = (0, _react.useRef)(options.length);
-  // Track previous options to detect when options change (even if count stays same)
-  const prevOptionsRefForScroll = (0, _react.useRef)(options);
-  // Track options count when scroll was triggered (for orderedOptions update)
-  const scrollTriggerOptionsCountRef = (0, _react.useRef)(options.length);
-  // Track if initial sort has been done (only sort once on initial load with selected values)
-  const initialSortDoneRef = (0, _react.useRef)(false);
-  // Track if user has interacted with the dropdown during current session (selected, searched, etc.)
-  const hasInteractedRef = (0, _react.useRef)(false);
-  // Track the initial tempValue when dropdown opens to detect if user made changes
-  const initialTempValueRef = (0, _react.useRef)(value);
-  // Track if resetData was already called in the current session to prevent duplicate calls
-  const resetDataCalledRef = (0, _react.useRef)(false);
-  // Track when resetData was called to help clear loading state
-  const resetDataCalledTimeRef = (0, _react.useRef)(null);
-  // Track if fetchMissingOptions was already called to prevent duplicate calls
-  const fetchMissingOptionsCalledRef = (0, _react.useRef)(false);
-  // Track the last missing values that were sent to prevent duplicate calls with same values
-  const lastMissingValuesRef = (0, _react.useRef)('');
-
-  // Helper function to check if a value exists in options (recursive for tree structures)
-  const findValueInOptions = (0, _react.useCallback)((opts, targetValue) => {
-    for (const opt of opts) {
-      if (opt.value === targetValue) {
-        return true;
-      }
-      if (opt.children && opt.children.length > 0) {
-        if (findValueInOptions(opt.children, targetValue)) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }, []);
-
-  // Helper function to find missing selected values
-  const findMissingValues = (0, _react.useCallback)((selectedValues, currentOptions) => {
-    if (!selectedValues.length || !currentOptions.length) {
-      return selectedValues;
-    }
-    return selectedValues.filter(val => !findValueInOptions(currentOptions, val));
-  }, [findValueInOptions]);
-
-  // Check for missing options and call fetchMissingOptions if needed
-  (0, _react.useEffect)(() => {
-    // Only check if fetchMissingOptions is provided
-    if (!fetchMissingOptions) {
-      return;
-    }
-
-    // Get current selected values
-    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    if (selectedValues.length === 0) {
-      // No selected values, reset the tracking
-      fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
-      return;
-    }
-
-    // Find missing values
-    const missingValues = findMissingValues(selectedValues, options);
-
-    // If no missing values, reset tracking and return
-    if (missingValues.length === 0) {
-      fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
-      return;
-    }
-
-    // Create a sorted string representation of missing values for comparison
-    // Use slice() to avoid mutating the original array
-    const missingValuesKey = [...missingValues].sort().join(',');
-
-    // Only call if:
-    // 1. We haven't called it before, OR
-    // 2. The missing values have changed (different values are missing now)
-    if (!fetchMissingOptionsCalledRef.current || lastMissingValuesRef.current !== missingValuesKey) {
-      fetchMissingOptionsCalledRef.current = true;
-      lastMissingValuesRef.current = missingValuesKey;
-      // Call the developer's function with missing values (pass a copy to avoid mutation)
-      fetchMissingOptions([...missingValues]);
-    }
-  }, [value, options, fetchMissingOptions, findMissingValues]);
   (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);
-      // Reset ordered options when value changes from outside
-      setOrderedOptions(null);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    if (!isEqual) setTempValue(value);
   }, [value]);
-
-  // Cache selected items when tempValue changes
-  (0, _react.useEffect)(() => {
-    const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-
-    // Store selected items in cache for persistence
-    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);
-      }
-    });
-
-    // Clean up cache for unselected items
-    const selectedSet = new Set(currentSelected);
-    selectedItemsCacheRef.current.forEach((_, value) => {
-      if (!selectedSet.has(value)) {
-        selectedItemsCacheRef.current.delete(value);
-      }
-    });
-  }, [tempValue, options]);
-
-  // Reset ordered options when options change, but only if it would invalidate the current ordering
-  // This prevents resetting when options are updated via onSearch/onScroll but selected items still exist
-  (0, _react.useEffect)(() => {
-    // Only reset if we have orderedOptions and the current value's items are no longer in options
-    if (orderedOptions) {
-      const currentSelected = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-
-      // Check if all selected values still exist in the new options
-      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;
-      };
-
-      // If any selected value is missing from new options, reset ordering
-      const allSelectedStillExist = currentSelected.every(val => checkValueExists(options, val));
-      if (!allSelectedStillExist) {
-        setOrderedOptions(null);
-      }
-      // Otherwise, keep the ordering even if options changed (e.g., via onSearch adding more items)
-    } else {
-      // No ordering set, nothing to reset
-    }
-  }, [options, orderedOptions, tempValue]);
-
-  // Extract debounce timeout (extracted early for use in useEffects)
-  const debounceTimeout = searchDebounce != null ? searchDebounce : _constants.TIMEOUTS.DEFAULT_SEARCH_DEBOUNCE;
-
-  // Keep optionsRef in sync with options
-  (0, _react.useEffect)(() => {
-    optionsRef.current = options;
-  }, [options]);
-
-  // Cleanup timeouts on unmount
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (searchTimeoutRef.current) {
-        clearTimeout(searchTimeoutRef.current);
-      }
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-      }
-    };
-  }, []);
-
-  // Detect when options update after a search to clear loading state
-  // This prevents showing "No results found" before data arrives
-  (0, _react.useEffect)(() => {
-    // Only handle this for API-based searches (staticValue = false)
-    // Check if lastSearchQueryRef has been set (including empty string for cleared search)
-    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
-    if (staticValue || !isSearching || !hasSearchQuery) {
-      prevOptionsRef.current = options;
-      return;
-    }
-
-    // Check if options actually changed (reference or content)
-    const optionsChanged = prevOptionsRef.current !== options || prevOptionsRef.current.length !== options.length;
-
-    // Also check if search was cleared (empty string) and enough time has passed
-    // This handles the case where clearing search reloads initial data that might be the same reference
-    const searchCleared = lastSearchQueryRef.current === '';
-    const timeSinceCleared = searchClearedTimeRef.current ? Date.now() - searchClearedTimeRef.current : Infinity;
-    const hasOptionsData = options.length > 0;
-    // Wait at least SEARCH_CLEARED_TIMEOUT after search is cleared to allow API call to complete
-    const clearedSearchReady = searchCleared && hasOptionsData && timeSinceCleared > _constants.TIMEOUTS.SEARCH_CLEARED_TIMEOUT;
-    if (optionsChanged || clearedSearchReady) {
-      // Options updated after search - data has arrived
-      // Use a small delay to ensure state updates are processed
-      const timeoutId = setTimeout(() => {
-        setIsSearching(false);
-        prevOptionsRef.current = options;
-        // Clear timestamp when search loading is cleared
-        if (searchCleared) {
-          searchClearedTimeRef.current = null;
-        }
-      }, _constants.TIMEOUTS.SEARCH_STATE_UPDATE_DELAY);
-      return () => clearTimeout(timeoutId);
-    }
-    prevOptionsRef.current = options;
-  }, [options, staticValue, isSearching]);
-
-  // Fallback: Clear searching state after a reasonable timeout to prevent infinite loading
-  // This handles edge cases where options might not change reference but data has arrived
-  // Also handles error cases where options don't update after search
-  (0, _react.useEffect)(() => {
-    // Check if lastSearchQueryRef has been set (including empty string for cleared search)
-    const hasSearchQuery = lastSearchQueryRef.current !== null && lastSearchQueryRef.current !== undefined;
-    if (!isSearching || staticValue || !hasSearchQuery) {
-      return;
-    }
-
-    // For cleared search (empty string), use a shorter timeout since it should reload initial data quickly
-    // For regular search, use debounce timeout + buffer
-    const searchCleared = lastSearchQueryRef.current === '';
-    const timeoutDuration = searchCleared ? debounceTimeout + _constants.TIMEOUTS.SEARCH_CLEARED_BUFFER // Shorter timeout for cleared search
-    : debounceTimeout + _constants.TIMEOUTS.SEARCH_REGULAR_BUFFER; // Longer timeout for regular search
-
-    // Calculate timeout: debounce timeout + a small buffer for API response
-    // This ensures we wait for the API call to complete before showing "No results"
-    // For error cases where options don't update, this will clear loading state
-    const fallbackTimeout = setTimeout(() => {
-      setIsSearching(false);
-      searchClearedTimeRef.current = null; // Clear search cleared timestamp
-    }, timeoutDuration);
-    return () => clearTimeout(fallbackTimeout);
-  }, [isSearching, staticValue, debounceTimeout, options.length]);
-
-  // Detect when options update after resetData is called to clear loading state
-  (0, _react.useEffect)(() => {
-    if (!isResettingData) {
-      // Update ref even when not resetting to keep it in sync
-      prevOptionsBeforeResetRef.current = options;
-      // Clear timestamp when not resetting
-      resetDataCalledTimeRef.current = null;
-      return;
-    }
-
-    // Check if options actually changed (reference, length, or content)
-    // Compare against the options that existed before resetData was called
-    const prevOptions = prevOptionsBeforeResetRef.current;
-    const currentOptions = options;
-
-    // More robust comparison: check reference, length, or any content differences
-    const optionsChanged = prevOptions !== currentOptions || prevOptions.length !== currentOptions.length ||
-    // Deep comparison: check if any option values or labels changed
-    prevOptions.length === currentOptions.length && prevOptions.length > 0 && prevOptions.some((prevOpt, idx) => {
-      const currentOpt = currentOptions[idx];
-      return !currentOpt || prevOpt.value !== currentOpt.value || prevOpt.label !== currentOpt.label;
-    });
-
-    // Additional check: if enough time has passed since resetData was called
-    // and we have options data, assume data has loaded even if comparison didn't detect change
-    const timeSinceReset = resetDataCalledTimeRef.current ? Date.now() - resetDataCalledTimeRef.current : Infinity;
-    const hasDataAfterTimeout = currentOptions.length > 0 && timeSinceReset > _constants.TIMEOUTS.RESET_DATA_MIN_TIME && timeSinceReset < _constants.TIMEOUTS.RESET_DATA_MAX_TIME;
-
-    // If options changed or enough time has passed with data, clear the loading state
-    if (optionsChanged || hasDataAfterTimeout) {
-      // Options updated after resetData - data has arrived
-      // Clear immediately without delay for faster response
-      setIsResettingData(false);
-      prevOptionsBeforeResetRef.current = currentOptions;
-      resetDataCalledTimeRef.current = null;
-    }
-  }, [options, isResettingData]);
-
-  // Fallback: Clear resetData loading state after a reasonable timeout
-  // This handles edge cases where options might not change reference but data has arrived
-  (0, _react.useEffect)(() => {
-    if (!isResettingData) {
-      return;
-    }
-
-    // Set a timeout to clear loading state if options don't update
-    // Reduced timeout to 1 second for faster recovery
-    const fallbackTimeout = setTimeout(() => {
-      setIsResettingData(false);
-      // Update ref to current options to prevent false positives in future comparisons
-      prevOptionsBeforeResetRef.current = options;
-      // Clear timestamp
-      resetDataCalledTimeRef.current = null;
-    }, _constants.TIMEOUTS.RESET_DATA_TIMEOUT);
-    return () => clearTimeout(fallbackTimeout);
-  }, [isResettingData, options]);
-
-  // Clear loading state when hasMore becomes false (all items exhausted)
-  (0, _react.useEffect)(() => {
-    if (!hasMore && isLoadingOnScroll) {
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-    }
-  }, [hasMore, isLoadingOnScroll]);
-
-  // Detect when options change after scroll to clear loading overlay
-  (0, _react.useEffect)(() => {
-    // Always update refs when options change (when not loading)
-    // This ensures we track the current state for next scroll detection
-    if (!isLoadingOnScroll) {
-      prevOptionsCountRef.current = options.length;
-      // Store a reference to the options array for comparison
-      // We'll compare by length and last item to detect changes
-      prevOptionsRefForScroll.current = options;
-    }
-
-    // Only check for changes if we're currently loading from scroll
-    if (!isLoadingOnScroll || !onPopupScroll) {
-      return;
-    }
-
-    // Check if options count increased (new data loaded via append)
-    const optionsCountIncreased = options.length > prevOptionsCountRef.current;
-
-    // Check if options content changed (even if count is same - replacement scenario)
-    // Compare the last option to detect if new data was appended
-    const optionsContentChanged = (() => {
-      const prevCount = prevOptionsCountRef.current;
-      const currentCount = options.length;
-
-      // If count changed, definitely content changed
-      if (prevCount !== currentCount) {
-        return true;
-      }
-
-      // If count is same, check if last option changed (indicates new data appended/replaced)
-      if (currentCount > 0 && prevCount > 0 && prevOptionsRefForScroll.current.length > 0) {
-        const prevOptions = prevOptionsRefForScroll.current;
-        const lastPrevOption = prevOptions[prevOptions.length - 1];
-        const lastCurrentOption = options[options.length - 1];
-
-        // If last option is different, content changed
-        if ((lastPrevOption == null ? void 0 : lastPrevOption.value) !== (lastCurrentOption == null ? void 0 : lastCurrentOption.value) || (lastPrevOption == null ? void 0 : lastPrevOption.label) !== (lastCurrentOption == null ? void 0 : lastCurrentOption.label)) {
-          return true;
-        }
-      }
-      return false;
-    })();
-
-    // Clear loading if options changed (either count increased or content changed)
-    // This handles both append (count increase) and replace (content change) scenarios
-    if (optionsCountIncreased || optionsContentChanged) {
-      // Options updated after scroll - data has arrived, clear loading overlay
-      setIsLoadingOnScroll(false);
-      // Reset processing flag to allow next scroll event
-      isScrollProcessingRef.current = false;
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-
-      // Update refs to track the new state after options change
-      // This is critical for detecting subsequent scroll loads
-      prevOptionsCountRef.current = options.length;
-      prevOptionsRefForScroll.current = options;
-    }
-  }, [options, isLoadingOnScroll, onPopupScroll]);
-
-  // Handle search with debouncing
-  const handleSearch = (0, _react.useCallback)(query => {
-    // Clear existing timeout
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-    }
-    const trimmedQuery = query.trim();
-
-    // Track when search is cleared (empty string after having a query)
-    const wasSearching = lastSearchQueryRef.current !== '';
-    const isNowCleared = trimmedQuery === '';
-    if (wasSearching && isNowCleared) {
-      searchClearedTimeRef.current = Date.now();
-    } else if (!isNowCleared) {
-      searchClearedTimeRef.current = null;
-    }
-
-    // Track the search query to detect when options update
-    lastSearchQueryRef.current = trimmedQuery;
-
-    // Mark as interacted if user typed something (even if they clear it later)
-    if (trimmedQuery.length > 0 || lastSearchQueryRef.current.length > 0) {
-      hasInteractedRef.current = true;
-    }
-
-    // For API-based searches (staticValue = false), always call onSearch
-    // This allows the developer to reload all initial data when search is cleared
-    if (!staticValue && onSearch) {
-      // Set loading state for both empty and non-empty queries
-      setIsSearching(true);
-
-      // Debounce the search callback
-      searchTimeoutRef.current = setTimeout(() => {
-        // Send the search input (empty string when cleared, or the actual query)
-        onSearch(trimmedQuery);
-        // For API-based searches, keep isSearching true until options update
-        // This prevents showing "No results found" before data arrives
-      }, debounceTimeout);
-    } else if (!trimmedQuery) {
-      // For static searches, if query is empty, just reset the state
-      setIsSearching(false);
-    } else {
-      // For static searches with content, show brief loading indicator
-      // Set loading state briefly to show user feedback
-      setIsSearching(true);
-      // Clear loading state after a short delay (filtering is instant but we show feedback)
-      searchTimeoutRef.current = setTimeout(() => {
-        setIsSearching(false);
-      }, _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]);
-
-  // Use options directly since pagination is handled by the developer
-  const mergedOptions = (0, _react.useMemo)(() => {
-    return options;
-  }, [options]);
-
-  // Helper function to reorder options based on selection order
-  // Selected items are moved to top in the order they were selected
-  // For tree structures, maintains parent-child relationships
-  // For flat lists, directly reorders items
-  // Works for all data types: flat lists, tree structures, nested trees
-  const reorderOptionsBySelection = (0, _react.useCallback)((opts, selectedOrder) => {
-    if (!Array.isArray(selectedOrder) || selectedOrder.length === 0 || !(opts != null && opts.length)) {
-      return opts;
-    }
-    const selectedSet = new Set(selectedOrder);
-    const selectedItems = [];
-    const unselectedItems = [];
-    const processedTopLevelValues = new Set();
-
-    // Deep clone helper to avoid mutating original items
-    const deepCloneItem = item => {
-      return _extends({}, item, {
-        children: item.children ? item.children.map(deepCloneItem) : undefined
-      });
-    };
-
-    // Find the top-level item that contains the selected value
-    // For flat lists, returns the item itself
-    // For tree structures, returns the top-level parent from opts
-    const findTopLevelItem = targetValue => {
-      // First, find which top-level item in opts contains this value
-      for (const topLevelItem of opts) {
-        // Check if this top-level item itself matches
-        if (topLevelItem.value === targetValue) {
-          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)) {
-            return topLevelItem;
-          }
-        }
-      }
-      return null;
-    };
-
-    // Check if an item or any of its descendants is selected
-    const hasSelectedDescendant = item => {
-      if (item.value !== undefined && selectedSet.has(item.value)) {
-        return true;
-      }
-      if (item.children && item.children.length > 0) {
-        return item.children.some(child => hasSelectedDescendant(child));
-      }
-      return false;
-    };
-
-    // Collect selected items in selection order
-    selectedOrder.forEach(selectedVal => {
-      const topLevelItem = findTopLevelItem(selectedVal);
-      if (topLevelItem && topLevelItem.value !== undefined && !processedTopLevelValues.has(topLevelItem.value)) {
-        // Clone the item to avoid mutating the original
-        const clonedItem = deepCloneItem(topLevelItem);
-        selectedItems.push(clonedItem);
-        processedTopLevelValues.add(topLevelItem.value);
-      }
-    });
-
-    // Collect unselected items maintaining original order
-    // For tree structures, only include top-level items that don't have any selected descendants
-    opts.forEach(item => {
-      if (item.value === undefined) {
-        // Item without value, include as-is
-        unselectedItems.push(deepCloneItem(item));
-      } else if (!processedTopLevelValues.has(item.value)) {
-        // Check if this item or any of its descendants is selected
-        if (!hasSelectedDescendant(item)) {
-          unselectedItems.push(deepCloneItem(item));
-        }
-      }
-    });
-
-    // Return selected items first (in selection order), then unselected items
-    return [...selectedItems, ...unselectedItems];
-  }, []);
-
-  // Update orderedOptions when new options are appended via scroll (when items are selected)
-  // This ensures new data appears even when items are selected
-  (0, _react.useEffect)(() => {
-    // Only update if we have orderedOptions (items are selected), onPopupScroll is provided,
-    // and options increased from when scroll was triggered
-    if (!orderedOptions || !onPopupScroll) {
-      return;
-    }
-    const currentOptions = options;
-    // Compare against the count when scroll was triggered, not the current ref value
-    // This ensures we detect increases even if refs were updated in other useEffects
-    const optionsCountIncreased = currentOptions.length > scrollTriggerOptionsCountRef.current;
-
-    // Only update if options increased from scroll trigger time
-    // This prevents updating on other option changes (like search)
-    if (optionsCountIncreased && scrollTriggerOptionsCountRef.current > 0) {
-      const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-      if (selectedValues.length > 0) {
-        // Reorder the full options list (which now includes new options) to maintain selection order
-        // This will put selected items at top and append new unselected items at bottom
-        const reordered = reorderOptionsBySelection(currentOptions, selectedValues);
-        setOrderedOptions(reordered);
-        // Update the scroll trigger count for next scroll detection
-        scrollTriggerOptionsCountRef.current = currentOptions.length;
-      }
-    }
-  }, [options, orderedOptions, onPopupScroll, tempValue, reorderOptionsBySelection]);
-
-  // Sort selected items to top on initial load (only once)
-  // This handles the case when user comes from another flow with pre-selected values
-  (0, _react.useEffect)(() => {
-    // Only do this once, and only if we have options and selected values
-    if (initialSortDoneRef.current || !(options != null && options.length)) {
-      return;
-    }
-
-    // Check if there are selected values
-    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
-    if (selectedValues.length === 0) {
-      // No selected values, mark as done
-      initialSortDoneRef.current = true;
-      return;
-    }
-
-    // Check if any selected values exist in options
-    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) {
-      // Reorder options to move selected items to top
-      const reordered = reorderOptionsBySelection(options, selectedValues);
-      setOrderedOptions(reordered);
-    }
-
-    // Mark as done - only sort once on initial load
-    initialSortDoneRef.current = true;
-  }, [options, value, reorderOptionsBySelection]);
+  const isMulti = (0, _react.useMemo)(() => type === SELECT_TYPES.MULTI_SELECT || type === SELECT_TYPES.MULTI_TREE_SELECT, [type]);
+  const isTree = (0, _react.useMemo)(() => type === SELECT_TYPES.TREE_SELECT || type === SELECT_TYPES.MULTI_TREE_SELECT, [type]);
   const dataSource = (0, _react.useMemo)(() => {
-    // During search, use normal options (mergedOptions) to show filtered results without selected items at top
-    // When not searching, use ordered options if available (selected items at top), otherwise use merged options
-    const sourceOptions = searchText.trim() ? mergedOptions : orderedOptions || mergedOptions;
-    if (!(sourceOptions != null && sourceOptions.length)) return [];
+    if (!(options != null && options.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", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
           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
+          children: opt == null ? void 0 : opt.label
+        }), (opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          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, {
@@ -1610,43 +968,26 @@ const CapUnifiedSelect = _ref4 => {
         children: opt != null && opt.children ? enhanceOptions(opt.children) : []
       });
     });
-    return isTree ? enhanceOptions(sourceOptions) : sourceOptions.map(opt => _extends({}, opt, {
+    return isTree ? enhanceOptions(options) : 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", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label14",
           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
+          children: opt == null ? void 0 : opt.label
+        }), (opt == null ? void 0 : opt.optionSuffix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          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]);
-  const filteredTree = (0, _react.useMemo)(() => {
-    const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    const hasSearchQuery = searchText.trim().length > 0;
-
-    // If staticValue is true, use local filtering on existing options
-    // If staticValue is false, still use local filtering for immediate feedback,
-    // but onSearch callback will be triggered for parent to update options
-    // During search, don't include selectedValues so only matching items are shown
-    // When not searching, include selectedValues to show selected items
-    return filterTreeData(dataSource, searchText.trim(), searchBasedOn, hasSearchQuery ? undefined : selectedValues);
-  }, [dataSource, searchText, searchBasedOn, tempValue]);
+  }, [isTree, options]);
+  const filteredTree = (0, _react.useMemo)(() => filterTreeData(dataSource, searchText, searchBasedOn), [dataSource, searchText, searchBasedOn]);
   const treeMaps = (0, _react.useMemo)(() => buildTreeMaps(options), [options]);
   const selectedLeafCount = (0, _react.useMemo)(() => countSelectedLeaves(treeMaps, Array.isArray(tempValue) ? tempValue : undefined), [treeMaps, tempValue]);
   const displayValue = dropdownOpen ? tempValue : value;
@@ -1691,344 +1032,28 @@ const CapUnifiedSelect = _ref4 => {
     return null;
   }, [isMulti, displayValue, treeMaps]);
   const handleConfirm = (0, _react.useCallback)(() => {
-    // Mark as interacted since user clicked confirm (explicit action)
-    hasInteractedRef.current = true;
-
-    // Reorder options based on selection order when confirm is clicked
-    // Use mergedOptions to include paginated options if they exist
-    const optionsToReorder = mergedOptions;
-    if (isMulti && Array.isArray(tempValue) && tempValue.length > 0) {
-      // Reorder the options (includes paginated if they exist)
-      const reordered = reorderOptionsBySelection(optionsToReorder, tempValue);
-      setOrderedOptions(reordered);
-    } else if (!isMulti && tempValue && !Array.isArray(tempValue)) {
-      // For single select, move selected item to top
-      const reordered = reorderOptionsBySelection(optionsToReorder, [tempValue]);
-      setOrderedOptions(reordered);
-    } else {
-      // No selection, reset to original order
-      setOrderedOptions(null);
-    }
     onChange == null || onChange(tempValue);
     setDropdownOpen(false);
-    // Always clear searching state since search operation is complete
-    setIsSearching(false);
-    searchClearedTimeRef.current = null; // Clear search cleared timestamp
-    // Clear search text on confirm only if resetSearch is true
-    // This allows users to keep their search when reopening the dropdown if desired
-    if (resetSearch) {
-      setSearchText('');
-      lastSearchQueryRef.current = ''; // Clear search query ref
-    }
-    // Call resetData to allow developer to reload initial data
-    if (resetData) {
-      // Store current options before calling resetData to detect when they update
-      prevOptionsBeforeResetRef.current = mergedOptions;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
-    }
+    setSearchText('');
     onConfirm == null || onConfirm(tempValue);
-  }, [onChange, onConfirm, tempValue, resetSearch, isMulti, mergedOptions, reorderOptionsBySelection, resetData]);
+  }, [onChange, onConfirm, tempValue]);
   const handleClearAll = (0, _react.useCallback)(() => {
-    // Mark as interacted since user clicked clear (explicit action)
-    hasInteractedRef.current = true;
     const cleared = isMulti ? [] : undefined;
     setTempValue(cleared);
     onChange == null || onChange(cleared);
     setDropdownOpen(false);
-    // Call resetData to allow developer to reload initial data
-    if (resetData) {
-      // Store current options before calling resetData to detect when they update
-      prevOptionsBeforeResetRef.current = options;
-      setIsResettingData(true);
-      resetDataCalledRef.current = true;
-      resetDataCalledTimeRef.current = Date.now();
-      resetData();
-    }
-  }, [isMulti, onChange, resetData, options]);
+  }, [isMulti, onChange]);
   const handleDropdownVisibilityChange = (0, _react.useCallback)(open => {
     if (readOnly) {
       return;
     }
-    if (open) {
-      // Reset interaction tracking when dropdown opens
-      // Store initial value (not tempValue) to detect if user makes changes
-      // This ensures we track changes from the actual selected value, not temporary state
-      initialTempValueRef.current = value;
-      hasInteractedRef.current = false;
-      resetDataCalledRef.current = false;
-      // Reset fetchMissingOptions tracking to allow re-checking when dropdown opens
-      fetchMissingOptionsCalledRef.current = false;
-      lastMissingValuesRef.current = '';
-      // Clear any pending search timeouts
-      if (searchTimeoutRef.current) {
-        clearTimeout(searchTimeoutRef.current);
-        searchTimeoutRef.current = null;
-      }
-      // Clear any pending scroll loading timeouts
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      // Reset loading states
-      setIsSearching(false);
-      searchClearedTimeRef.current = null; // Clear search cleared timestamp
-      setIsLoadingOnScroll(false);
-      isScrollProcessingRef.current = false;
-      // Safety check: Clear isResettingData if it's still true when opening
-      // This handles cases where options updated while dropdown was closed
-      if (isResettingData) {
-        setIsResettingData(false);
-        // Update ref to current options to prevent false positives
-        prevOptionsBeforeResetRef.current = options;
-        // Clear timestamp
-        resetDataCalledTimeRef.current = null;
-      }
-    } else {
-      // Dropdown is closing
-      if (!customPopupRender) {
-        onChange == null || onChange(tempValue);
-      } else {
-        setTempValue(value);
-      }
-      // Clear search when closing (if enabled)
-      if (resetSearch) {
-        setSearchText('');
-        setIsSearching(false);
-        lastSearchQueryRef.current = ''; // Clear search query ref
-        searchClearedTimeRef.current = null; // Clear search cleared timestamp
-      }
-      // Reset scroll loading state
-      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;
-
-      // Only call resetData if user actually interacted (selected, searched, etc.)
-      // and resetData hasn't been called already in this session
-      // This prevents multiple API calls when user just opens/closes without interaction
-      if (resetData && hasInteractedRef.current && !resetDataCalledRef.current) {
-        // Store current options before calling resetData to detect when they update
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      } else if (!hasInteractedRef.current) {
-        // User did nothing - reset everything as if it's a fresh load
-        // Clear any pending operations
-        if (searchTimeoutRef.current) {
-          clearTimeout(searchTimeoutRef.current);
-          searchTimeoutRef.current = null;
-        }
-        setIsSearching(false);
-        setIsResettingData(false);
-        // Reset search query ref
-        lastSearchQueryRef.current = '';
-      }
-
-      // Reset interaction flag for next session
-      hasInteractedRef.current = false;
+    if (!open && !customPopupRender) {
+      onChange == null || onChange(tempValue);
+    } else if (!open) {
+      setTempValue(value);
     }
     setDropdownOpen(open);
-  }, [customPopupRender, value, onChange, tempValue, readOnly, 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);
-
-    // Trigger search handler (handles debouncing and minLength check)
-    handleSearch(query);
-  }, [handleSearch]);
-  const handleSearchKeyDown = (0, _react.useCallback)(e => {
-    // Stop propagation of backspace and delete keys to prevent TreeSelect from deselecting items
-    // The input itself will handle the deletion, we just need to prevent TreeSelect from handling it
-    if (e.key === 'Backspace' || e.key === 'Delete') {
-      e.stopPropagation();
-    }
-    // Also stop Escape key to prevent dropdown from closing when clearing search
-    if (e.key === 'Escape' && searchText.length > 0) {
-      e.stopPropagation();
-    }
-  }, [searchText]);
-
-  // Handle scroll event - automatically checks if scroll is near bottom
-  // Developer handles hasMore and isLoading conditions in onPopupScroll callback
-  // Using refs to avoid recreating the callback when options change
-  const handleScroll = (0, _react.useCallback)(event => {
-    if (!onPopupScroll) return;
-    const target = event.target;
-    if (!target) return;
-
-    // Check if scroll is near bottom
-    const isNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-
-    // Only call onPopupScroll if scroll is near bottom
-    // Developer will handle hasMore and isLoading checks inside the callback
-    if (!isNearBottom) {
-      // Reset processing flag when not near bottom
-      isScrollProcessingRef.current = false;
-      return;
-    }
-
-    // Prevent multiple scroll triggers while already processing
-    // This ensures we don't trigger multiple API calls simultaneously
-    if (isScrollProcessingRef.current) return;
-
-    // Prevent multiple scroll triggers while already loading
-    // This ensures loading state is managed properly and data loading completes
-    if (isLoadingOnScroll) return;
-
-    // Don't trigger if there are no more items to load
-    // This prevents showing loading state when all items are exhausted
-    if (!hasMore) {
-      isScrollProcessingRef.current = false;
-      return;
-    }
-
-    // Throttle scroll events to prevent rapid-fire API calls
-    // Clear any existing throttle timeout
-    if (scrollThrottleTimeoutRef.current) {
-      clearTimeout(scrollThrottleTimeoutRef.current);
-    }
-
-    // Set processing flag immediately to prevent duplicate calls
-    isScrollProcessingRef.current = true;
-
-    // Throttle the actual API call to prevent multiple rapid triggers
-    scrollThrottleTimeoutRef.current = setTimeout(() => {
-      // Double-check we're still near bottom and not loading
-      const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-      // Also check if hasMore is still true (might have changed during throttle delay)
-      if (!stillNearBottom || isLoadingOnScroll || !hasMore) {
-        isScrollProcessingRef.current = false;
-        return;
-      }
-
-      // Store current options count and options reference before triggering load
-      // This helps detect when new data arrives
-      // Use ref to get current options without depending on options.length
-      const currentOptions = optionsRef.current;
-      prevOptionsCountRef.current = currentOptions.length;
-      prevOptionsRefForScroll.current = currentOptions;
-      // Also store the count at scroll trigger time for orderedOptions update
-      scrollTriggerOptionsCountRef.current = currentOptions.length;
-
-      // Show loading indicator when scrolling near bottom
-      // This happens before calling onPopupScroll to provide immediate feedback
-      setIsLoadingOnScroll(true);
-
-      // Clear any existing timeout
-      if (scrollLoadingTimeoutRef.current) {
-        clearTimeout(scrollLoadingTimeoutRef.current);
-        scrollLoadingTimeoutRef.current = null;
-      }
-
-      // Mark as interacted when user scrolls (triggers data loading)
-      hasInteractedRef.current = true;
-
-      // Call the developer's scroll handler - component already checked scroll position
-      // Developer should check hasMore and isLoading inside the callback
-      // This triggers the async data loading
-      onPopupScroll();
-
-      // Set a fallback timeout to clear loading if options don't change
-      // This prevents loading from staying forever if data never arrives
-      // Using a longer timeout (10 seconds) to give enough time for slow API calls
-      scrollLoadingTimeoutRef.current = setTimeout(() => {
-        // Only clear if still loading (options change detection might have cleared it already)
-        setIsLoadingOnScroll(prev => {
-          if (prev) {
-            // Clear the timeout reference when clearing loading state
-            scrollLoadingTimeoutRef.current = null;
-            // Reset processing flag when loading times out
-            isScrollProcessingRef.current = false;
-            return false;
-          }
-          return prev;
-        });
-      }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
-    }, 150); // 150ms throttle to prevent rapid-fire events
-  }, [onPopupScroll, isLoadingOnScroll, hasMore]);
-
-  // Setup scroll listener for onPopupScroll
-  (0, _react.useEffect)(() => {
-    if (!onPopupScroll || !dropdownOpen) return;
-
-    // Use a small delay to ensure DOM is ready
-    const timeoutId = setTimeout(() => {
-      // Find the scrollable container in the dropdown
-      const findScrollContainer = () => {
-        // Try to find the Ant Design dropdown scroll container
-        // Look for dropdowns that are currently visible (not hidden)
-        const dropdowns = document.querySelectorAll('.ant-select-dropdown:not(.ant-select-dropdown-hidden)');
-        if (dropdowns.length === 0) return null;
-
-        // Get the last opened dropdown (most recent)
-        const dropdown = Array.from(dropdowns).pop();
-        if (!dropdown) return null;
-
-        // Look for the scrollable list container
-        const treeList = dropdown.querySelector('.ant-select-tree-list-holder');
-        if (treeList && treeList.scrollHeight > treeList.clientHeight) {
-          return treeList;
-        }
-
-        // Try alternative selectors
-        const virtualList = dropdown.querySelector('.rc-virtual-list-holder');
-        if (virtualList && virtualList.scrollHeight > virtualList.clientHeight) {
-          return virtualList;
-        }
-
-        // Fallback to dropdown itself if it's scrollable
-        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);
-      // Clear throttle timeout when cleaning up
-      if (scrollThrottleTimeoutRef.current) {
-        clearTimeout(scrollThrottleTimeoutRef.current);
-        scrollThrottleTimeoutRef.current = null;
-      }
-      if (scrollContainerRef.current) {
-        scrollContainerRef.current.removeEventListener('scroll', handleScroll);
-        scrollContainerRef.current = null;
-      }
-      // Reset processing flag when listener is removed
-      isScrollProcessingRef.current = false;
-    };
-  }, [onPopupScroll, dropdownOpen, handleScroll]);
+  }, [customPopupRender, value, onChange, tempValue, readOnly]);
   const renderHeader = (0, _react.useMemo)(() => {
     if (!headerLabel && !tooltip) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -2071,14 +1096,13 @@ const CapUnifiedSelect = _ref4 => {
           placeholder: "Search",
           variant: "borderless",
           value: searchText,
-          onChange: handleSearchChange,
-          onKeyDown: handleSearchKeyDown,
+          onChange: e => setSearchText(e.target.value),
           allowClear: true
         })
       }), isMulti && showUpload && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
         className: _styles.default['cap-unified-select-upload-container'],
         align: "middle",
-        onClick: handleUpload,
+        onClick: onUpload,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
           type: "upload",
           size: "s",
@@ -2086,71 +1110,20 @@ const CapUnifiedSelect = _ref4 => {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
           type: "label14",
           className: _styles.default['cap-unified-select-upload-label'],
-          children: uploadLabel
+          children: "Upload"
         })]
-      }), isMulti && staticValue && currentItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectAllCheckbox, {
+      }), isMulti && currentItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectAllCheckbox, {
         currentItems: currentItems,
         tempValue: Array.isArray(tempValue) ? tempValue : undefined,
         setTempValue: val => setTempValue(val),
         processTreeData: buildTreeMaps
-      }), 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)(NoResult, {
+      }), currentItems.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(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", {
+      }) : menu, 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'],
@@ -2167,21 +1140,12 @@ const CapUnifiedSelect = _ref4 => {
             size: "small",
             onClick: handleClearAll,
             children: clearText
-          }), onFooterDownloadChange && selectedLeafCount > 0 && /*#__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"]
-            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapLabel.default, {
+            className: _styles.default['cap-unified-select-selected-count'],
+            children: [selectedLeafCount, " selected"]
           })]
         })
-      }), (type === _constants.SELECT_TYPES.SELECT || type === _constants.SELECT_TYPES.TREE_SELECT) && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+      }), (type === SELECT_TYPES.SELECT || type === SELECT_TYPES.TREE_SELECT) && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
         className: _styles.default['cap-unified-select-tree-clear-container'],
         onClick: handleClearAll,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
@@ -2190,60 +1154,17 @@ const CapUnifiedSelect = _ref4 => {
         })
       })]
     });
-  }, [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]);
+  }, [customPopupRender, filteredTree, searchText, isMulti, showUpload, onUpload, noResultCustomText, noResultCustomIcon, options, type, tempValue, handleConfirm, handleClearAll, popoverClassName, className, selectedLeafCount, clearText, allowClear]);
   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]);
-
-  // Handle onChange for single select - detect clear button click and call resetData
-  const handleSingleSelectChange = (0, _react.useCallback)(newValue => {
-    // Mark as interacted if value changed from initial
-    if (newValue !== initialTempValueRef.current) {
-      hasInteractedRef.current = true;
-    }
-
-    // If value is cleared (becomes undefined), call resetData
-    if (newValue === undefined || newValue === null) {
-      if (resetData) {
-        // Store current options before calling resetData to detect when they update
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
-    }
-    onChange == null || onChange(newValue);
-  }, [onChange, resetData, options]);
-
-  // Handle onChange for multi select - detect clear and call resetData
-  const handleMultiSelectChange = (0, _react.useCallback)(newValue => {
-    // Mark as interacted if value changed from initial
-    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 value is cleared (becomes empty array or undefined), call resetData
-    if (newValue === undefined || newValue === null || Array.isArray(newValue) && newValue.length === 0) {
-      if (resetData) {
-        // Store current options before calling resetData to detect when they update
-        prevOptionsBeforeResetRef.current = options;
-        setIsResettingData(true);
-        resetDataCalledRef.current = true;
-        resetDataCalledTimeRef.current = Date.now();
-        resetData();
-      }
-    }
-    setTempValue(newValue);
-  }, [resetData, options]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
     className: className,
     children: [renderHeader, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.TreeSelect, _extends({
       treeData: filteredTree,
       value: customPopupRender ? tempValue : value,
       treeNodeLabelProp: "label",
-      onChange: isMulti ? handleMultiSelectChange : handleSingleSelectChange,
+      onChange: isMulti ? setTempValue : onChange,
       placeholder: placeholder,
       showSearch: false,
       maxTagCount: 0,
@@ -2265,12 +1186,12 @@ const CapUnifiedSelect = _ref4 => {
       showCheckedStrategy: _antdV.TreeSelect.SHOW_CHILD,
       open: dropdownOpen,
       onOpenChange: handleDropdownVisibilityChange,
-      virtual: !enableVirtualization,
+      virtual: true,
       popupMatchSelectWidth: false,
       disabled: disabled,
       filterTreeNode: false,
-      listHeight: _constants.DEFAULTS.LIST_HEIGHT,
-      listItemHeight: virtualRowHeight,
+      listHeight: 256,
+      listItemHeight: 32,
       popupRender: renderCustomDropdown
     }, rest)), isError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
       className: _styles.default['cap-unified-select-status'],
@@ -2291,7 +1212,7 @@ var _default = exports["default"] = CapUnifiedSelect;
 exports.__esModule = true;
 exports["default"] = void 0;
 var _antdV = __webpack_require__(4273);
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _classnames = _interopRequireDefault(__webpack_require__(2678));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(7144));
 var _jsxRuntime = __webpack_require__(4848);
@@ -2358,20 +1279,71 @@ var _default = exports["default"] = CapTooltip;
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var AntdIcons = _interopRequireWildcard(__webpack_require__(4627));
-var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _icons = __webpack_require__(4627);
+var _classnames = _interopRequireDefault(__webpack_require__(2678));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _styles = _interopRequireDefault(__webpack_require__(6426));
 var _jsxRuntime = __webpack_require__(4848);
 const _excluded = ["type", "size", "style", "className", "disabled", "spin", "rotate", "withBackground", "backgroundProps", "onClick", "textLabel", "component", "svgProps", "allowSvg", "color"],
   _excluded2 = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _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; }
-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); }
-// Special mappings for common icon names
-const iconMapping = {
-  add: 'plus'
+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); } // Import only commonly used icons directly for better tree-shaking
+// Explicit icon map for commonly used icons - enables tree-shaking
+const COMMON_ICONS_MAP = {
+  'up': _icons.UpOutlined,
+  'down': _icons.DownOutlined,
+  'left': _icons.LeftOutlined,
+  'right': _icons.RightOutlined,
+  'search': _icons.SearchOutlined,
+  'close': _icons.CloseOutlined,
+  'check': _icons.CheckOutlined,
+  'delete': _icons.DeleteOutlined,
+  'edit': _icons.EditOutlined,
+  'plus': _icons.PlusOutlined,
+  'add': _icons.PlusOutlined,
+  // alias
+  'minus': _icons.MinusOutlined,
+  'close-circle': _icons.CloseCircleOutlined,
+  'check-circle': _icons.CheckCircleOutlined,
+  'info-circle': _icons.InfoCircleOutlined,
+  'exclamation-circle': _icons.ExclamationCircleOutlined,
+  'warning': _icons.WarningOutlined,
+  'loading': _icons.LoadingOutlined,
+  'eye': _icons.EyeOutlined,
+  'eye-invisible': _icons.EyeInvisibleOutlined,
+  'upload': _icons.UploadOutlined,
+  'download': _icons.DownloadOutlined,
+  'file': _icons.FileOutlined,
+  'folder': _icons.FolderOutlined,
+  'setting': _icons.SettingOutlined,
+  'user': _icons.UserOutlined,
+  'calendar': _icons.CalendarOutlined,
+  'clock-circle': _icons.ClockCircleOutlined,
+  'filter': _icons.FilterOutlined,
+  'sort-ascending': _icons.SortAscendingOutlined,
+  'sort-descending': _icons.SortDescendingOutlined,
+  'menu': _icons.MenuOutlined,
+  'more': _icons.MoreOutlined,
+  'question-circle': _icons.QuestionCircleOutlined,
+  'arrow-left': _icons.ArrowLeftOutlined,
+  'arrow-right': _icons.ArrowRightOutlined,
+  'arrow-up': _icons.ArrowUpOutlined,
+  'arrow-down': _icons.ArrowDownOutlined,
+  'save': _icons.SaveOutlined,
+  'copy': _icons.CopyOutlined,
+  'home': _icons.HomeOutlined,
+  'star': _icons.StarOutlined,
+  'heart': _icons.HeartOutlined,
+  'bell': _icons.BellOutlined,
+  'mail': _icons.MailOutlined,
+  'phone': _icons.PhoneOutlined,
+  'lock': _icons.LockOutlined,
+  'unlock': _icons.UnlockOutlined,
+  'sync': _icons.SyncOutlined,
+  'reload': _icons.ReloadOutlined,
+  'plus-circle': _icons.PlusCircleOutlined,
+  'minus-circle': _icons.MinusCircleOutlined
 };
 const getSvgIcon = function (type, svgProps) {
   if (svgProps === void 0) {
@@ -2385,18 +1357,17 @@ const getSvgIcon = function (type, svgProps) {
 };
 const getAntIcon = type => {
   if (!type) return null;
-  // Use mapped name if available, otherwise use original type
-  const mappedType = iconMapping[type.toLowerCase()] || type;
-
-  // Convert kebab-case to PascalCase for Ant Design icon naming
-  const pascalCase = mappedType.split('-').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join('');
-
-  // Try different naming conventions
-  const iconName = pascalCase + "Outlined";
-  const iconNameFilled = pascalCase + "Filled";
-  const iconNameTwoTone = pascalCase + "TwoTone";
-  const iconsRecord = AntdIcons;
-  return iconsRecord[iconName] || iconsRecord[iconNameFilled] || iconsRecord[iconNameTwoTone] || null;
+
+  // First check the common icons map for better tree-shaking
+  const lowerType = type.toLowerCase();
+  if (COMMON_ICONS_MAP[lowerType]) {
+    return COMMON_ICONS_MAP[lowerType];
+  }
+
+  // For uncommon icons, warn in development
+  if (false) // removed by dead control flow
+{}
+  return null;
 };
 const CapIcon = _ref => {
   let {
@@ -2769,90 +1740,6 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
-/***/ }),
-
-/***/ 6942:
-/***/ ((module, exports) => {
-
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-	'use strict';
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames () {
-		var classes = '';
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (arg) {
-				classes = appendClass(classes, parseValue(arg));
-			}
-		}
-
-		return classes;
-	}
-
-	function parseValue (arg) {
-		if (typeof arg === 'string' || typeof arg === 'number') {
-			return arg;
-		}
-
-		if (typeof arg !== 'object') {
-			return '';
-		}
-
-		if (Array.isArray(arg)) {
-			return classNames.apply(null, arg);
-		}
-
-		if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-			return arg.toString();
-		}
-
-		var classes = '';
-
-		for (var key in arg) {
-			if (hasOwn.call(arg, key) && arg[key]) {
-				classes = appendClass(classes, key);
-			}
-		}
-
-		return classes;
-	}
-
-	function appendClass (value, newClass) {
-		if (!newClass) {
-			return value;
-		}
-	
-		if (value) {
-			return value + ' ' + newClass;
-		}
-	
-		return value + newClass;
-	}
-
-	if ( true && module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else if (true) {
-		// register as 'classnames', consistent with npm package name
-		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
-			return classNames;
-		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-	} else // removed by dead control flow
-{}
-}());
-
-
 /***/ }),
 
 /***/ 7144:
@@ -2921,37 +1808,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 /***/ }),
 
-/***/ 7579:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _antdV = __webpack_require__(4273);
-var _react = _interopRequireDefault(__webpack_require__(9206));
-var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["className"];
-/**
- * CapSpin - Migrated to Ant Design v5
- */
-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 CapSpin = _ref => {
-  let {
-      className
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Spin, _extends({
-    className: className
-  }, rest));
-};
-var _default = exports["default"] = CapSpin;
-
-/***/ }),
-
 /***/ 7659:
 /***/ ((module) => {
 
@@ -3075,7 +1931,7 @@ 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-unified-select-header-wrapper{display:flex;align-items:center}.blaze-ui-cap-unified-select-header-wrapper.blaze-ui-disabled{opacity:.5;cursor:not-allowed}.blaze-ui-cap-unified-select-header-wrapper .blaze-ui-cap-unified-select-header-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.429rem;letter-spacing:0}.blaze-ui-cap-unified-select-header-byline-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:.857rem;letter-spacing:0;color:#97a0af}.blaze-ui-cap-unified-select-container{text-align:justify;min-width:13.786rem}.blaze-ui-cap-unified-select-container.blaze-ui-disabled{cursor:not-allowed}.blaze-ui-cap-unified-select-container.ant-select-focused .ant-select-selector{border:.071rem solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:#091e42;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container .blaze-ui-cap-unified-select-select-all-checkbox{display:contents !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container{cursor:pointer;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem;padding-left:1.143rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-icon{color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-label{margin-left:.857rem;color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container{display:flex;align-items:center;height:3.429rem;padding:.5rem;border-top:.071rem solid #ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group{display:flex;padding-left:.571rem;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button{background-color:#47af46;height:2.286rem;width:6.714rem;color:#fff}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:hover{background-color:#1f9a1d}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:disabled{background-color:#a1d8a0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-cancel-button{border:rgba(0,0,0,0);box-shadow:none;width:5.714rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-selected-count{display:flex;margin-left:auto;font-size:.857rem;font-weight:400;line-height:1.143rem;color:#5e6c84}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container{display:flex;justify-content:center;align-items:center;height:2.857rem;border-top:.071rem solid #ebecf0;cursor:pointer;color:#091e42}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container:hover{background-color:#ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container .blaze-ui-cap-unified-select-tree-clear-label{font-size:1rem;font-weight:400}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container{cursor:pointer;display:flex;align-items:center;margin-left:auto;padding-right:1.143rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container:hover{opacity:.8}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-icon{color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-footer-download-container .blaze-ui-cap-unified-select-footer-download-label{margin-left:.857rem;color:#2466ea;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:.857rem;line-height:1.143rem;letter-spacing:0;text-align:right}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;color:#97a0af;font-size:1rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result .blaze-ui-cap-unified-select-no-result-text{font-weight:500}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;width:100%;gap:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-more{display:flex;align-items:center;justify-content:center;padding:.857rem;border-top:.071rem solid #ebecf0;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-menu-wrapper{position:relative;width:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(255,255,255,.8);z-index:10;gap:.571rem;color:#97a0af}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix{display:flex;justify-content:start;align-items:center;width:100%;height:100%;line-height:1.5;vertical-align:middle;flex:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{display:flex;align-items:center;flex-shrink:1;min-width:0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-end{display:flex;align-items:center;gap:.571rem;flex-shrink:0;margin-left:auto}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-suffix{display:flex;align-items:center;padding:0 .571rem;max-height:1.429rem;white-space:nowrap}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{margin-top:.357rem;color:#42526e}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon .blaze-ui-cap-icon{color:#42526e}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu{margin-top:0 !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item{padding:.571rem 1.714rem !important;height:unset !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu-item-disabled{color:rgba(0,0,0,.25) !important;cursor:not-allowed !important;line-height:1.428rem !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0);height:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode{height:2.857rem;margin-bottom:0;display:flex;align-items:center;width:100%}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode:hover{background-color:#fffbe6}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-selected{background-color:#f4f5f7 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled{cursor:not-allowed !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-unified-select-option-label{color:#b3bac5}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-icon{color:#b3bac5 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected{background-color:#f4f5f7}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-leaf .ant-select-tree-switcher-noop{display:none}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox{display:flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox .ant-select-tree-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem;display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:hover{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{border-radius:0;padding-left:.214rem;width:100%;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-title{width:100%;display:flex}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-indent{margin-left:.857rem;display:flex;align-items:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher:not(.ant-select-tree-switcher-noop):hover:before{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon{font-size:.857rem;margin-top:1.286rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-list-holder-inner{width:fit-content !important;min-width:100%}.blaze-ui-cap-unified-select-popup .ant-tree-select:hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-popup .ant-tree-select-focused .ant-select-selector,.blaze-ui-cap-unified-select-popup .ant-tree-select-open .ant-select-selector{border-color:#7a869a;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.blaze-ui-cap-unified-select-popup .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper{padding-left:.571rem;border:none;box-shadow:none;border-radius:0;border-bottom:.071rem solid rgba(0,0,0,0);transition:border-color .2s ease}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:hover{border-bottom:.071rem solid #7a869a !important;box-shadow:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:focus-within{border-bottom:.071rem solid #091e42 !important;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper .ant-input{border:none !important;box-shadow:none !important}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-unified-select-header-wrapper{display:flex;align-items:center}.blaze-ui-cap-unified-select-header-wrapper.blaze-ui-disabled{opacity:.5;cursor:not-allowed}.blaze-ui-cap-unified-select-header-wrapper .blaze-ui-cap-unified-select-header-label{font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;line-height:1.429rem;letter-spacing:0}.blaze-ui-cap-unified-select-header-byline-text{font-family:"Roboto",sans-serif;font-weight:400;font-size:.857rem;letter-spacing:0;color:#97a0af}.blaze-ui-cap-unified-select-container{text-align:justify;min-width:13.786rem}.blaze-ui-cap-unified-select-container.blaze-ui-disabled{cursor:not-allowed}.blaze-ui-cap-unified-select-container.ant-select-focused .ant-select-selector{border:1px solid #091e42 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-more-text{cursor:pointer;color:#091e42;margin-right:.286rem;position:relative}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-suffix-icon{color:#7a869a}.blaze-ui-cap-unified-select-container .blaze-ui-cap-tooltip-with-info-icon{margin-top:.143rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly{pointer-events:none}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select.blaze-ui-cap-unified-tree-select-readonly .blaze-ui-cap-unified-select-more-text{pointer-events:auto}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select .ant-select-tree-treenode{padding-left:.286rem}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-selector{background-color:#fff;border-color:#ebecf0 !important;cursor:default}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly .ant-select-arrow{pointer-events:auto;color:#b3bac5}.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:hover .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:active .ant-select-selector,.blaze-ui-cap-unified-select-container.blaze-ui-cap-unified-tree-select-readonly.ant-select-outlined:focus .ant-select-selector{border-color:#ebecf0 !important}.blaze-ui-cap-unified-select-container .blaze-ui-cap-unified-select-status{color:#ea213a}.blaze-ui-cap-unified-select-container .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-container .ant-select-selector{background-color:#fff !important;border:.071rem solid #7a869a !important;border-radius:.286rem !important}.blaze-ui-cap-unified-select-container .ant-select-selector .ant-select-selection-placeholder{pointer-events:unset;color:#97a0af;display:flex;align-items:center}.blaze-ui-cap-unified-select-container .ant-select-prefix{font-size:1rem;font-weight:400;color:#091e42;line-height:1.429rem}.blaze-ui-cap-unified-select-container .ant-input-affix-wrapper .ant-input-prefix{left:.857rem}.blaze-ui-cap-unified-select-container .ant-select-selector{border-color:#7a869a !important;box-shadow:none !important;outline:0}.blaze-ui-cap-unified-select-container .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover{background-color:#47af46}.blaze-ui-cap-unified-select-container .ant-select-dropdown{margin-top:-0.571rem !important;border-radius:.286rem;background-color:#fff;box-shadow:0 .286rem .571rem -0.143rem rgba(9,30,66,.15),0 0 .071rem 0 rgba(9,30,66,.1);max-height:25.714rem;overflow:visible}.blaze-ui-cap-unified-select-container .ant-select-outlined.ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap .ant-select-selection-item,.blaze-ui-cap-unified-select-container .ant-select-selection-wrap .ant-select-selection-item{background:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-container .ant-select-multiple .ant-select-selection-wrap{align-self:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container{border-bottom:.071rem solid #ebecf0 !important;line-height:2.857rem !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-search-container .blaze-ui-cap-unified-select-search-icon{color:#b3bac5}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container{padding:.643rem 1.071rem;cursor:pointer;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-select-all-container .blaze-ui-cap-unified-select-select-all-checkbox{display:contents !important}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container{cursor:pointer;display:flex;align-items:center;border-bottom:.071rem solid #ebecf0;height:2.857rem;padding-left:1.143rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-icon{color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-upload-container .blaze-ui-cap-unified-select-upload-label{margin-left:.857rem;color:#2466ea}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container{display:flex;align-items:center;height:3.429rem;padding:.5rem;border-top:.071rem solid #ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group{display:flex;padding-left:.571rem;align-items:center}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button{background-color:#47af46;height:2.286rem;width:6.714rem;color:#fff}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:hover{background-color:#1f9a1d}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-confirm-button:disabled{background-color:#a1d8a0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-cancel-button{border:rgba(0,0,0,0);box-shadow:none;width:5.714rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-confirm-container .blaze-ui-cap-unified-select-confirm-button-group .blaze-ui-cap-unified-select-selected-count{display:flex;margin-left:auto;font-size:.857rem;font-weight:400;line-height:1.143rem;color:#5e6c84}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container{display:flex;justify-content:center;align-items:center;height:2.857rem;border-top:.071rem solid #ebecf0;cursor:pointer;color:#091e42}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container:hover{background-color:#ebecf0}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-tree-clear-container .blaze-ui-cap-unified-select-tree-clear-label{font-size:1rem;font-weight:400}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.286rem;color:#97a0af;font-size:1rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-no-result .blaze-ui-cap-unified-select-no-result-text{font-weight:500}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-label{flex:1}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-unified-select-option-suffix{display:flex;align-items:center;padding:0 .571rem;max-height:1.429rem;white-space:nowrap;margin-left:.571rem}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info{margin-left:auto}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon{margin-top:.357rem;color:#42526e}.blaze-ui-cap-unified-select-popup .blaze-ui-cap-unified-select-option-with-suffix .blaze-ui-cap-tooltip-with-info .blaze-ui-cap-tooltip-with-info-icon .blaze-ui-cap-icon{color:#42526e}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu{margin-top:0 !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item{padding:.571rem 1.714rem !important;height:unset !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-dropdown .ant-select-dropdown-menu-item-disabled{color:rgba(0,0,0,.25) !important;cursor:not-allowed !important;line-height:1.428rem !important;font-size:1rem !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0);height:100%}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background-color:rgba(0,0,0,0) !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode{height:2.857rem;margin-bottom:0}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode:hover{background-color:#fffbe6}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-selected{background-color:#f4f5f7 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled{cursor:not-allowed !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-unified-select-option-label{color:#b3bac5}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-disabled .blaze-ui-cap-icon{color:#b3bac5 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected{background-color:#f4f5f7}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-treenode-leaf .ant-select-tree-switcher-noop{display:none}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox .ant-select-tree-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:hover{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-node-content-wrapper{border-radius:0;padding-left:.214rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-indent{margin-left:.857rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher:not(.ant-select-tree-switcher-noop):hover:before{background-color:rgba(0,0,0,0)}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon{font-size:.857rem;margin-top:1.286rem}.blaze-ui-cap-unified-select-popup .ant-select-tree .ant-select-tree-list-holder-inner{width:fit-content !important;min-width:100%}.blaze-ui-cap-unified-select-popup .ant-tree-select:hover .ant-select-selector{border-color:#7a869a}.blaze-ui-cap-unified-select-popup .ant-tree-select-focused .ant-select-selector,.blaze-ui-cap-unified-select-popup .ant-tree-select-open .ant-select-selector{border-color:#7a869a;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-checkbox-inner{height:1.286rem;width:1.286rem;border:.143rem solid #b3bac5;border-radius:.286rem}.blaze-ui-cap-unified-select-popup .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#47af46;border:.143rem solid #47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#47af46 !important;border-color:#47af46 !important}.blaze-ui-cap-unified-select-popup .ant-checkbox-indeterminate .ant-checkbox-inner::after{content:"";position:absolute;top:50%;left:50%;width:.714rem;height:.143rem;background-color:#fff;transform:translate(-50%, -50%);border-radius:.071rem}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper{padding-left:.571rem;border:none;box-shadow:none;border-radius:0;border-bottom:.071rem solid rgba(0,0,0,0);transition:border-color .2s ease}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:hover{border-bottom:.071rem solid #7a869a !important;box-shadow:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper:focus-within{border-bottom:.071rem solid #091e42 !important;box-shadow:none;outline:none}.blaze-ui-cap-unified-select-popup .ant-input-affix-wrapper .ant-input{border:none !important;box-shadow:none !important}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-header-wrapper": `blaze-ui-cap-unified-select-header-wrapper`,
@@ -3104,18 +1960,10 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"cap-unified-select-selected-count": `blaze-ui-cap-unified-select-selected-count`,
 	"cap-unified-select-tree-clear-container": `blaze-ui-cap-unified-select-tree-clear-container`,
 	"cap-unified-select-tree-clear-label": `blaze-ui-cap-unified-select-tree-clear-label`,
-	"cap-unified-select-footer-download-container": `blaze-ui-cap-unified-select-footer-download-container`,
-	"cap-unified-select-footer-download-icon": `blaze-ui-cap-unified-select-footer-download-icon`,
-	"cap-unified-select-footer-download-label": `blaze-ui-cap-unified-select-footer-download-label`,
 	"cap-unified-select-no-result": `blaze-ui-cap-unified-select-no-result`,
 	"cap-unified-select-no-result-text": `blaze-ui-cap-unified-select-no-result-text`,
-	"cap-unified-select-loading-container": `blaze-ui-cap-unified-select-loading-container`,
-	"cap-unified-select-loading-more": `blaze-ui-cap-unified-select-loading-more`,
-	"cap-unified-select-menu-wrapper": `blaze-ui-cap-unified-select-menu-wrapper`,
-	"cap-unified-select-loading-overlay": `blaze-ui-cap-unified-select-loading-overlay`,
 	"cap-unified-select-option-with-suffix": `blaze-ui-cap-unified-select-option-with-suffix`,
 	"cap-unified-select-option-label": `blaze-ui-cap-unified-select-option-label`,
-	"cap-unified-select-option-end": `blaze-ui-cap-unified-select-option-end`,
 	"cap-unified-select-option-suffix": `blaze-ui-cap-unified-select-option-suffix`,
 	"cap-tooltip-with-info": `blaze-ui-cap-tooltip-with-info`,
 	"cap-icon": `blaze-ui-cap-icon`
@@ -3123,73 +1971,6 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
-/***/ }),
-
-/***/ 9788:
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.TIMEOUTS = exports.SELECT_TYPES = exports.DEFAULTS = void 0;
-/**
- * Select type constants for CapUnifiedSelect component
- */
-const SELECT_TYPES = exports.SELECT_TYPES = {
-  SELECT: 'select',
-  MULTI_SELECT: 'multiSelect',
-  TREE_SELECT: 'treeSelect',
-  MULTI_TREE_SELECT: 'multiTreeSelect'
-};
-/**
- * Timeout constants (in milliseconds)
- */
-const TIMEOUTS = exports.TIMEOUTS = {
-  /** Default search debounce timeout */
-  DEFAULT_SEARCH_DEBOUNCE: 300,
-  /** Delay for state updates after search */
-  SEARCH_STATE_UPDATE_DELAY: 100,
-  /** Minimum time since search was cleared to consider data ready */
-  SEARCH_CLEARED_TIMEOUT: 200,
-  /** Buffer time added to debounce for cleared search */
-  SEARCH_CLEARED_BUFFER: 300,
-  /** Buffer time added to debounce for regular search */
-  SEARCH_REGULAR_BUFFER: 500,
-  /** Brief delay to show loading indicator for static search */
-  STATIC_SEARCH_DELAY: 150,
-  /** Timeout for resetData fallback (1 second) */
-  RESET_DATA_TIMEOUT: 1000,
-  /** Minimum time since resetData was called to consider data ready */
-  RESET_DATA_MIN_TIME: 300,
-  /** Maximum time since resetData was called to consider data ready */
-  RESET_DATA_MAX_TIME: 2000,
-  /** Fallback timeout for scroll loading (10 seconds) */
-  SCROLL_LOADING_TIMEOUT: 10000,
-  /** Delay before setting up scroll container listener */
-  SCROLL_CONTAINER_DELAY: 100
-};
-
-/**
- * Default values for component props
- */
-const DEFAULTS = exports.DEFAULTS = {
-  /** Default placeholder text */
-  PLACEHOLDER: 'Select an option',
-  /** Default upload button label */
-  UPLOAD_LABEL: 'Upload',
-  /** Default clear button text */
-  CLEAR_TEXT: 'Clear',
-  /** Default no results message */
-  NO_RESULT_TEXT: 'No results found',
-  /** Default no results icon */
-  NO_RESULT_ICON: 'warning',
-  /** Default virtual row height in pixels */
-  VIRTUAL_ROW_HEIGHT: 32,
-  /** Default list height in pixels */
-  LIST_HEIGHT: 256
-};
-
 /***/ })
 
 /******/ 	});