@rescui/select 0.20.1 → 0.21.1

package/lib/select-searchable.js

@@ -1,5 +1,5 @@
 import { c } from 'react-compiler-runtime';
-import React, { useState, useRef } from 'react';
+import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
 import { useCombobox } from 'downshift';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { useLabelFocus } from './hooks/use-label-focus.js';
@@ -16,9 +16,11 @@ import { getOptionValue } from './utils/get-option-value.js';
 import { getRealItemsCnt } from './utils/get-real-items-cnt.js';
 import styles from './styles/common.p.module.css.js';
 
+const NAVIGATION_KEYS = new Set(['ArrowDown', 'ArrowUp', 'Home', 'End', 'PageDown', 'PageUp']);
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
 // eslint-disable-next-line complexity
 function SelectSearchable(t0) {
-  const $ = c(108);
+  const $ = c(123);
   let boldLabel;
   let disableFlip;
   let error;
@@ -156,6 +158,10 @@ function SelectSearchable(t0) {
     t1 = $[24];
   }
   const isListBoxEmpty = t1 === 0;
+  const isHighlightAutomaticRef = useRef(false);
+  const isNextHighlightAutomaticRef = useRef(true);
+  const lastHandledFilterStringRef = useRef(filterString);
+  const lastHandledOptionsRef = useRef(flattenedOptions);
   const hasValue = Boolean(selectedItem);
   let t2;
   if ($[25] !== selectedItem) {
@@ -190,32 +196,52 @@ function SelectSearchable(t0) {
     baseId,
     labelProps
   } = useA11y(t3);
-  let t5;
-  if ($[32] !== menuEl) {
-    t5 = (listItemEl, listEl) => {
+  let t4;
+  if ($[32] !== inputEl) {
+    t4 = expectedValue => {
+      const select = () => {
+        if (inputEl && inputEl === inputEl.ownerDocument.activeElement && inputEl.value === expectedValue) {
+          inputEl.select();
+        }
+      };
+      if (inputEl?.value === expectedValue) {
+        select();
+      } else {
+        requestAnimationFrame(select);
+      }
+    };
+    $[32] = inputEl;
+    $[33] = t4;
+  } else {
+    t4 = $[33];
+  }
+  const selectInputText = t4;
+  let t6;
+  if ($[34] !== menuEl) {
+    t6 = (listItemEl, listEl) => {
       scrollIntoView(listItemEl, {
         scrollMode: "if-needed",
         block: "nearest",
         boundary: listEl ?? menuEl
       });
     };
-    $[32] = menuEl;
-    $[33] = t5;
+    $[34] = menuEl;
+    $[35] = t6;
   } else {
-    t5 = $[33];
+    t6 = $[35];
   }
-  let t6;
-  if ($[34] !== onChange) {
-    t6 = t7 => {
+  let t7;
+  if ($[36] !== onChange) {
+    t7 = t8 => {
       const {
         selectedItem: newSelectedItem
-      } = t7;
+      } = t8;
       onChange?.(newSelectedItem);
     };
-    $[34] = onChange;
-    $[35] = t6;
+    $[36] = onChange;
+    $[37] = t7;
   } else {
-    t6 = $[35];
+    t7 = $[37];
   }
   const {
     isOpen,
@@ -225,13 +251,14 @@ function SelectSearchable(t0) {
     getInputProps,
     highlightedIndex,
     getItemProps,
-    setInputValue: t8
+    setInputValue: t10,
+    setHighlightedIndex
   } = useCombobox({
-    onInputValueChange(t4) {
+    onInputValueChange(t5) {
       const {
         inputValue,
         type
-      } = t4;
+      } = t5;
       if (type === useCombobox.stateChangeTypes.InputChange) {
         setFilterString(inputValue);
       }
@@ -241,32 +268,43 @@ function SelectSearchable(t0) {
     itemToString,
     itemToKey: getOptionValue,
     selectedItem,
-    scrollIntoView: t5,
-    onSelectedItemChange: t6,
+    scrollIntoView: t6,
+    onSelectedItemChange: t7,
     isItemDisabled(item) {
       return item && item.disabled;
     },
-    onIsOpenChange(t7) {
+    onHighlightedIndexChange(t8) {
+      const {
+        type: type_0
+      } = t8;
+      isHighlightAutomaticRef.current = type_0 === useCombobox.stateChangeTypes.FunctionSetHighlightedIndex && isNextHighlightAutomaticRef.current;
+    },
+    onIsOpenChange(t9) {
       const {
+        type: type_1,
         isOpen: newIsOpen,
         selectedItem: newSelectedItem_0,
         inputValue: newInputValue
-      } = t7;
+      } = t9;
       const inputValueFromSelectedItem = itemToString(newSelectedItem_0);
       if (newIsOpen) {
-        setFilterString("");
+        if (type_1 !== useCombobox.stateChangeTypes.InputChange) {
+          selectInputText(newInputValue);
+        }
       } else {
+        setFilterString("");
         if (newInputValue !== inputValueFromSelectedItem) {
           setInputValue(inputValueFromSelectedItem);
         }
+        selectInputText(inputValueFromSelectedItem);
       }
     },
     stateReducer(state, actionAndChanges) {
       const {
         changes,
-        type: type_0
+        type: type_2
       } = actionAndChanges;
-      switch (type_0) {
+      switch (type_2) {
         case useCombobox.stateChangeTypes.InputKeyDownEscape:
           {
             if (!state.isOpen) {
@@ -274,6 +312,17 @@ function SelectSearchable(t0) {
             }
             return changes;
           }
+        case useCombobox.stateChangeTypes.InputBlur:
+          {
+            if (isHighlightAutomaticRef.current) {
+              return {
+                ...changes,
+                selectedItem: state.selectedItem,
+                inputValue: itemToString(state.selectedItem)
+              };
+            }
+            return changes;
+          }
         default:
           {
             return changes;
@@ -281,127 +330,194 @@ function SelectSearchable(t0) {
       }
     }
   });
-  const setInputValue = t8;
-  let t9;
-  if ($[36] !== onChange || $[37] !== setInputValue) {
-    t9 = () => {
+  const setInputValue = t10;
+  let t11;
+  if ($[38] !== setHighlightedIndex) {
+    t11 = (index, isAutomatic) => {
+      isNextHighlightAutomaticRef.current = isAutomatic;
+      setHighlightedIndex(index);
+    };
+    $[38] = setHighlightedIndex;
+    $[39] = t11;
+  } else {
+    t11 = $[39];
+  }
+  const setHighlight = t11;
+  let t12;
+  if ($[40] !== filterString || $[41] !== flattenedOptions || $[42] !== highlightedIndex || $[43] !== isOpen || $[44] !== menuEl || $[45] !== selectedItem || $[46] !== setHighlight) {
+    t12 = () => {
+      const prevOptions = lastHandledOptionsRef.current;
+      const isQueryChanged = filterString !== lastHandledFilterStringRef.current;
+      const isOptionsChanged = flattenedOptions !== prevOptions;
+      lastHandledFilterStringRef.current = filterString;
+      lastHandledOptionsRef.current = flattenedOptions;
+      if (!isOpen || !isQueryChanged && !isOptionsChanged) {
+        return;
+      }
+      const highlightedOption = prevOptions[highlightedIndex];
+      if (!isQueryChanged && highlightedOption && !isHighlightAutomaticRef.current) {
+        const highlightedValue = getOptionValue(highlightedOption);
+        setHighlight(flattenedOptions.findIndex(option => getOptionValue(option) === highlightedValue && !option.disabled), false);
+        return;
+      }
+      const selectedValue = selectedItem ? getOptionValue(selectedItem) : null;
+      const targetIndex = flattenedOptions.findIndex(option_0 => filterString.length > 0 ? !option_0.disabled : getOptionValue(option_0) === selectedValue);
+      if (isQueryChanged && (filterString.length > 0 || targetIndex === -1)) {
+        menuEl?.scrollTo({
+          top: 0
+        });
+      }
+      if (targetIndex !== -1 || !isQueryChanged) {
+        setHighlight(targetIndex, true);
+      }
+    };
+    $[40] = filterString;
+    $[41] = flattenedOptions;
+    $[42] = highlightedIndex;
+    $[43] = isOpen;
+    $[44] = menuEl;
+    $[45] = selectedItem;
+    $[46] = setHighlight;
+    $[47] = t12;
+  } else {
+    t12 = $[47];
+  }
+  useIsomorphicLayoutEffect(t12);
+  let t13;
+  if ($[48] !== onChange || $[49] !== setInputValue) {
+    t13 = () => {
       setInputValue("");
       onChange?.(null);
     };
-    $[36] = onChange;
-    $[37] = setInputValue;
-    $[38] = t9;
+    $[48] = onChange;
+    $[49] = setInputValue;
+    $[50] = t13;
   } else {
-    t9 = $[38];
+    t13 = $[50];
   }
-  const reset = t9;
-  let t10;
-  if ($[39] !== getToggleButtonProps) {
-    t10 = getToggleButtonProps();
-    $[39] = getToggleButtonProps;
-    $[40] = t10;
+  const reset = t13;
+  let t14;
+  if ($[51] !== getToggleButtonProps) {
+    t14 = getToggleButtonProps();
+    $[51] = getToggleButtonProps;
+    $[52] = t14;
   } else {
-    t10 = $[40];
+    t14 = $[52];
   }
   const {
     ref: toggleRef,
     onClick: onToggleClick
-  } = t10;
+  } = t14;
+  let handleNavigationKeyDown;
   let menuProps;
-  let t11;
-  if ($[41] !== getInputProps || $[42] !== getMenuProps || $[43] !== isListBoxEmpty || $[44] !== isOpen) {
+  let t15;
+  if ($[53] !== getInputProps || $[54] !== getMenuProps || $[55] !== isListBoxEmpty || $[56] !== isOpen) {
     menuProps = getMenuProps({
       ref: setMenuEl
     }, {
       suppressRefError: true
     });
-    t11 = getInputProps({
+    let t16;
+    if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
+      t16 = event => {
+        if (NAVIGATION_KEYS.has(event.key)) {
+          isHighlightAutomaticRef.current = false;
+        }
+      };
+      $[60] = t16;
+    } else {
+      t16 = $[60];
+    }
+    handleNavigationKeyDown = t16;
+    t15 = getInputProps({
       ref: setInputEl,
       ...(isOpen && isListBoxEmpty ? {
         "aria-activedescendant": menuProps.id
       } : {})
     });
-    $[41] = getInputProps;
-    $[42] = getMenuProps;
-    $[43] = isListBoxEmpty;
-    $[44] = isOpen;
-    $[45] = menuProps;
-    $[46] = t11;
+    $[53] = getInputProps;
+    $[54] = getMenuProps;
+    $[55] = isListBoxEmpty;
+    $[56] = isOpen;
+    $[57] = handleNavigationKeyDown;
+    $[58] = menuProps;
+    $[59] = t15;
   } else {
-    menuProps = $[45];
-    t11 = $[46];
+    handleNavigationKeyDown = $[57];
+    menuProps = $[58];
+    t15 = $[59];
   }
-  const inputProps = t11;
+  const inputProps = t15;
   const {
     isFocusedByLabel,
     labelClickProps,
     triggerFocusProps: labelFocusForTriggerProps
   } = useLabelFocus();
-  const t12 = filterString.length > 0;
-  let t13;
-  if ($[47] !== isLoading || $[48] !== noOptionsMessage || $[49] !== t12) {
-    t13 = getEmptyMessage({
+  const t16 = filterString.length > 0;
+  let t17;
+  if ($[61] !== isLoading || $[62] !== noOptionsMessage || $[63] !== t16) {
+    t17 = getEmptyMessage({
       isLoading,
-      isNothingFound: t12,
+      isNothingFound: t16,
       noOptionsMessage
     });
-    $[47] = isLoading;
-    $[48] = noOptionsMessage;
-    $[49] = t12;
-    $[50] = t13;
+    $[61] = isLoading;
+    $[62] = noOptionsMessage;
+    $[63] = t16;
+    $[64] = t17;
   } else {
-    t13 = $[50];
+    t17 = $[64];
   }
-  const emptyListMessage = t13;
-  let t14;
-  if ($[51] !== getItemProps || $[52] !== highlightedIndex || $[53] !== menuProps || $[54] !== selectedMap) {
-    t14 = {
+  const emptyListMessage = t17;
+  let t18;
+  if ($[65] !== getItemProps || $[66] !== highlightedIndex || $[67] !== menuProps || $[68] !== selectedMap) {
+    t18 = {
       selectedMap,
       highlightedIndex,
       getItemProps,
       menuProps,
       isMulti: false
     };
-    $[51] = getItemProps;
-    $[52] = highlightedIndex;
-    $[53] = menuProps;
-    $[54] = selectedMap;
-    $[55] = t14;
+    $[65] = getItemProps;
+    $[66] = highlightedIndex;
+    $[67] = menuProps;
+    $[68] = selectedMap;
+    $[69] = t18;
   } else {
-    t14 = $[55];
+    t18 = $[69];
   }
-  const listBoxState = t14;
-  let t15;
-  if ($[56] !== getLabelProps || $[57] !== labelClickProps || $[58] !== labelProps) {
-    t15 = mergeProps(labelProps, getLabelProps(), labelClickProps);
-    $[56] = getLabelProps;
-    $[57] = labelClickProps;
-    $[58] = labelProps;
-    $[59] = t15;
+  const listBoxState = t18;
+  let t19;
+  if ($[70] !== getLabelProps || $[71] !== labelClickProps || $[72] !== labelProps) {
+    t19 = mergeProps(labelProps, getLabelProps(), labelClickProps);
+    $[70] = getLabelProps;
+    $[71] = labelClickProps;
+    $[72] = labelProps;
+    $[73] = t19;
   } else {
-    t15 = $[59];
+    t19 = $[73];
   }
-  let t16;
-  if ($[60] !== flattenedOptions || $[61] !== name || $[62] !== selectedItem) {
-    t16 = /*#__PURE__*/React.createElement(HiddenSelect, {
+  let t20;
+  if ($[74] !== flattenedOptions || $[75] !== name || $[76] !== selectedItem) {
+    t20 = /*#__PURE__*/React.createElement(HiddenSelect, {
       name: name,
       value: selectedItem,
       isMultiple: false,
       options: flattenedOptions
     });
-    $[60] = flattenedOptions;
-    $[61] = name;
-    $[62] = selectedItem;
-    $[63] = t16;
+    $[74] = flattenedOptions;
+    $[75] = name;
+    $[76] = selectedItem;
+    $[77] = t20;
   } else {
-    t16 = $[63];
+    t20 = $[77];
   }
-  let t17;
-  if ($[64] !== fieldProps || $[65] !== hasValue || $[66] !== inputEl || $[67] !== inputProps || $[68] !== isClearable || $[69] !== isDisabled || $[70] !== isFocusedByLabel || $[71] !== isLoading || $[72] !== isOpen || $[73] !== labelFocusForTriggerProps || $[74] !== onToggleClick || $[75] !== placeholder || $[76] !== reset || $[77] !== rest || $[78] !== toggleRef) {
-    t17 = t18 => {
+  let t21;
+  if ($[78] !== fieldProps || $[79] !== handleNavigationKeyDown || $[80] !== hasValue || $[81] !== inputEl || $[82] !== inputProps || $[83] !== isClearable || $[84] !== isDisabled || $[85] !== isFocusedByLabel || $[86] !== isLoading || $[87] !== isOpen || $[88] !== labelFocusForTriggerProps || $[89] !== onToggleClick || $[90] !== placeholder || $[91] !== reset || $[92] !== rest || $[93] !== toggleRef) {
+    t21 = t22 => {
       const {
         ref: triggerRefForDropdown
-      } = t18;
+      } = t22;
       return /*#__PURE__*/React.createElement("div", {
         className: styles.triggerContainer,
         "data-open": isOpen,
@@ -411,6 +527,7 @@ function SelectSearchable(t0) {
         "data-test": "select__trigger",
         ref: triggerRefForDropdown
       }, /*#__PURE__*/React.createElement("input", Object.assign({}, rest, mergeProps(fieldProps, inputProps, labelFocusForTriggerProps), {
+        onKeyDownCapture: handleNavigationKeyDown,
         disabled: isDisabled ? true : undefined,
         className: styles.searchInput,
         placeholder: placeholder,
@@ -429,28 +546,29 @@ function SelectSearchable(t0) {
         }
       })));
     };
-    $[64] = fieldProps;
-    $[65] = hasValue;
-    $[66] = inputEl;
-    $[67] = inputProps;
-    $[68] = isClearable;
-    $[69] = isDisabled;
-    $[70] = isFocusedByLabel;
-    $[71] = isLoading;
-    $[72] = isOpen;
-    $[73] = labelFocusForTriggerProps;
-    $[74] = onToggleClick;
-    $[75] = placeholder;
-    $[76] = reset;
-    $[77] = rest;
-    $[78] = toggleRef;
-    $[79] = t17;
+    $[78] = fieldProps;
+    $[79] = handleNavigationKeyDown;
+    $[80] = hasValue;
+    $[81] = inputEl;
+    $[82] = inputProps;
+    $[83] = isClearable;
+    $[84] = isDisabled;
+    $[85] = isFocusedByLabel;
+    $[86] = isLoading;
+    $[87] = isOpen;
+    $[88] = labelFocusForTriggerProps;
+    $[89] = onToggleClick;
+    $[90] = placeholder;
+    $[91] = reset;
+    $[92] = rest;
+    $[93] = toggleRef;
+    $[94] = t21;
   } else {
-    t17 = $[79];
+    t21 = $[94];
   }
-  let t18;
-  if ($[80] !== disableFlip || $[81] !== emptyListMessage || $[82] !== inputEl || $[83] !== isOpen || $[84] !== listBoxItems || $[85] !== listBoxState || $[86] !== maxVisibleItems || $[87] !== mode || $[88] !== placement || $[89] !== renderInTrigger || $[90] !== size || $[91] !== t17 || $[92] !== theme) {
-    t18 = /*#__PURE__*/React.createElement(PopupContent, {
+  let t22;
+  if ($[95] !== disableFlip || $[96] !== emptyListMessage || $[97] !== inputEl || $[98] !== isOpen || $[99] !== listBoxItems || $[100] !== listBoxState || $[101] !== maxVisibleItems || $[102] !== mode || $[103] !== placement || $[104] !== renderInTrigger || $[105] !== size || $[106] !== t21 || $[107] !== theme) {
+    t22 = /*#__PURE__*/React.createElement(PopupContent, {
       theme: theme,
       size: size,
       mode: mode,
@@ -464,58 +582,58 @@ function SelectSearchable(t0) {
       maxVisibleItems: maxVisibleItems,
       emptyListMessage: emptyListMessage,
       listBoxItems: listBoxItems,
-      trigger: t17
+      trigger: t21
     });
-    $[80] = disableFlip;
-    $[81] = emptyListMessage;
-    $[82] = inputEl;
-    $[83] = isOpen;
-    $[84] = listBoxItems;
-    $[85] = listBoxState;
-    $[86] = maxVisibleItems;
-    $[87] = mode;
-    $[88] = placement;
-    $[89] = renderInTrigger;
-    $[90] = size;
-    $[91] = t17;
-    $[92] = theme;
-    $[93] = t18;
+    $[95] = disableFlip;
+    $[96] = emptyListMessage;
+    $[97] = inputEl;
+    $[98] = isOpen;
+    $[99] = listBoxItems;
+    $[100] = listBoxState;
+    $[101] = maxVisibleItems;
+    $[102] = mode;
+    $[103] = placement;
+    $[104] = renderInTrigger;
+    $[105] = size;
+    $[106] = t21;
+    $[107] = theme;
+    $[108] = t22;
   } else {
-    t18 = $[93];
+    t22 = $[108];
   }
-  let t19;
-  if ($[94] !== boldLabel || $[95] !== descriptionProps || $[96] !== error || $[97] !== errorMessageProps || $[98] !== isDisabled || $[99] !== label || $[100] !== note || $[101] !== reserveErrorLine || $[102] !== size || $[103] !== t15 || $[104] !== t16 || $[105] !== t18 || $[106] !== theme) {
-    t19 = /*#__PURE__*/React.createElement(FormTriggerWrapper, {
+  let t23;
+  if ($[109] !== boldLabel || $[110] !== descriptionProps || $[111] !== error || $[112] !== errorMessageProps || $[113] !== isDisabled || $[114] !== label || $[115] !== note || $[116] !== reserveErrorLine || $[117] !== size || $[118] !== t19 || $[119] !== t20 || $[120] !== t22 || $[121] !== theme) {
+    t23 = /*#__PURE__*/React.createElement(FormTriggerWrapper, {
       theme: theme,
       size: size,
       disabled: isDisabled,
       label: label,
-      labelProps: t15,
+      labelProps: t19,
       boldLabel: boldLabel,
       error: error,
       reserveErrorLine: reserveErrorLine,
       errorMessageProps: errorMessageProps,
       note: note,
       descriptionProps: descriptionProps
-    }, t16, t18);
-    $[94] = boldLabel;
-    $[95] = descriptionProps;
-    $[96] = error;
-    $[97] = errorMessageProps;
-    $[98] = isDisabled;
-    $[99] = label;
-    $[100] = note;
-    $[101] = reserveErrorLine;
-    $[102] = size;
-    $[103] = t15;
-    $[104] = t16;
-    $[105] = t18;
-    $[106] = theme;
-    $[107] = t19;
+    }, t20, t22);
+    $[109] = boldLabel;
+    $[110] = descriptionProps;
+    $[111] = error;
+    $[112] = errorMessageProps;
+    $[113] = isDisabled;
+    $[114] = label;
+    $[115] = note;
+    $[116] = reserveErrorLine;
+    $[117] = size;
+    $[118] = t19;
+    $[119] = t20;
+    $[120] = t22;
+    $[121] = theme;
+    $[122] = t23;
   } else {
-    t19 = $[107];
+    t23 = $[122];
   }
-  return t19;
+  return t23;
 }
 
 export { SelectSearchable };

package/lib/styles/common.p.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"themeLight":"_themeLight_17goe4n_6","themeDark":"_themeDark_17goe4n_9","sizeS":"_sizeS_17goe4n_13","sizeM":"_sizeM_17goe4n_16","sizeL":"_sizeL_17goe4n_19","classic":"_classic_17goe4n_23","rock":"_rock_17goe4n_26","root":"_root_17goe4n_30","triggerContainer":"_triggerContainer_17goe4n_36","disabled":"_disabled_17goe4n_41","trigger":"_trigger_17goe4n_36","error":"_error_17goe4n_78","enabled":"_enabled_17goe4n_83","searchable":"_searchable_17goe4n_98","canBeMultiline":"_canBeMultiline_17goe4n_124","triggerText":"_triggerText_17goe4n_128","searchInput":"_searchInput_17goe4n_129","labelNotSelected":"_labelNotSelected_17goe4n_159","multi":"_multi_17goe4n_211","tagsContainer":"_tagsContainer_17goe4n_226","tag":"_tag_17goe4n_226","filledTag":"_filledTag_17goe4n_248","iconsWrapper":"_iconsWrapper_17goe4n_256","toggle":"_toggle_17goe4n_274","icon":"_icon_17goe4n_256","clearIcon":"_clearIcon_17goe4n_359","visuallyHidden":"_visuallyHidden_17goe4n_421","select":"_select_17goe4n_438","observable":"_observable_17goe4n_460"};
+var styles = {"themeLight":"_themeLight_1sfggmu_6","themeDark":"_themeDark_1sfggmu_9","sizeS":"_sizeS_1sfggmu_13","sizeM":"_sizeM_1sfggmu_16","sizeL":"_sizeL_1sfggmu_19","classic":"_classic_1sfggmu_23","rock":"_rock_1sfggmu_26","root":"_root_1sfggmu_30","triggerContainer":"_triggerContainer_1sfggmu_36","disabled":"_disabled_1sfggmu_41","trigger":"_trigger_1sfggmu_36","error":"_error_1sfggmu_78","enabled":"_enabled_1sfggmu_83","searchable":"_searchable_1sfggmu_98","canBeMultiline":"_canBeMultiline_1sfggmu_124","triggerText":"_triggerText_1sfggmu_128","searchInput":"_searchInput_1sfggmu_129","labelNotSelected":"_labelNotSelected_1sfggmu_159","multi":"_multi_1sfggmu_211","tagsContainer":"_tagsContainer_1sfggmu_226","tag":"_tag_1sfggmu_226","filledTag":"_filledTag_1sfggmu_248","iconsWrapper":"_iconsWrapper_1sfggmu_256","toggle":"_toggle_1sfggmu_274","icon":"_icon_1sfggmu_256","clearIcon":"_clearIcon_1sfggmu_359","visuallyHidden":"_visuallyHidden_1sfggmu_421","select":"_select_1sfggmu_438","observable":"_observable_1sfggmu_460"};
 
 export { styles as default };

package/lib/styles/form-trigger.p.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"themeLight":"_themeLight_clscnq_6","themeDark":"_themeDark_clscnq_9","sizeS":"_sizeS_clscnq_13","sizeM":"_sizeM_clscnq_16","sizeL":"_sizeL_clscnq_19","main":"_main_clscnq_23","label":"_label_clscnq_27","disabled":"_disabled_clscnq_33","footer":"_footer_clscnq_38","errorMessage":"_errorMessage_clscnq_45","error":"_error_clscnq_45","note":"_note_clscnq_54"};
+var styles = {"themeLight":"_themeLight_1mnpx1j_6","themeDark":"_themeDark_1mnpx1j_9","sizeS":"_sizeS_1mnpx1j_13","sizeM":"_sizeM_1mnpx1j_16","sizeL":"_sizeL_1mnpx1j_19","main":"_main_1mnpx1j_23","label":"_label_1mnpx1j_27","disabled":"_disabled_1mnpx1j_33","footer":"_footer_1mnpx1j_38","errorMessage":"_errorMessage_1mnpx1j_45","error":"_error_1mnpx1j_45","note":"_note_1mnpx1j_54"};
 
 export { styles as default };

package/lib/styles/list-box.p.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"sizeS":"_sizeS_cpj3es_6","sizeM":"_sizeM_cpj3es_9","sizeL":"_sizeL_cpj3es_12","classic":"_classic_cpj3es_16","rock":"_rock_cpj3es_26","listBox":"_listBox_cpj3es_37","item":"_item_cpj3es_53","selected":"_selected_cpj3es_91","disabled":"_disabled_cpj3es_105","checkIcon":"_checkIcon_cpj3es_112","visible":"_visible_cpj3es_119","divider":"_divider_cpj3es_126","groupHeader":"_groupHeader_cpj3es_140"};
+var styles = {"sizeS":"_sizeS_6yifhx_6","sizeM":"_sizeM_6yifhx_9","sizeL":"_sizeL_6yifhx_12","classic":"_classic_6yifhx_16","rock":"_rock_6yifhx_26","listBox":"_listBox_6yifhx_37","item":"_item_6yifhx_53","selected":"_selected_6yifhx_91","disabled":"_disabled_6yifhx_105","checkIcon":"_checkIcon_6yifhx_112","visible":"_visible_6yifhx_119","divider":"_divider_6yifhx_126","groupHeader":"_groupHeader_6yifhx_140"};
 
 export { styles as default };