@rescui/select 0.15.1-RUI-280-Update-select-component-e516591ed.54 → 0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56

package/lib/multiselect.js

@@ -2,8 +2,11 @@
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
-import { useSelectState } from 'react-stately';
-import { useSelect, useButton, useFocusRing, mergeProps, HiddenSelect } from 'react-aria';
+import { useSelectState } from '@react-stately/select';
+import { useSelect, HiddenSelect } from '@react-aria/select';
+import { useButton } from '@react-aria/button';
+import { useFocusRing } from '@react-aria/focus';
+import { mergeProps } from '@react-aria/utils';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { ErrorMessage } from '@rescui/form-field';
 import { optionType, optionsGroupType, noOptionsMessageType } from './common-prop-types.js';

package/lib/native-select.js

@@ -4,7 +4,9 @@ import PropTypes from 'prop-types';
 import cn from 'classnames';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { ErrorMessage } from '@rescui/form-field';
-import { useField, useFocusRing, mergeProps } from 'react-aria';
+import { useField } from '@react-aria/label';
+import { useFocusRing } from '@react-aria/focus';
+import { mergeProps } from '@react-aria/utils';
 import { nativeOptionType, nativeOptionsGroupType, noOptionsMessageType } from './common-prop-types.js';
 import { FormTriggerWrapper } from './parts/form-trigger-wrapper.js';
 import { isOptionAGroup } from './utils/is-option-a-group.js';

package/lib/parts/icons.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
-import { useFocusRing } from 'react-aria';
+import { useFocusRing } from '@react-aria/focus';
 import CloseOutlineIcon from '../_virtual/close-outline.js';
 import LoadingOutlineIcon from '../_virtual/loading-outline.js';
 import DownOutlineIcon from '../_virtual/down-outline.js';

package/lib/parts/list-box.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { AriaListBoxOptions } from 'react-aria';
-import type { ListState } from 'react-stately';
+import type { ListState } from '@react-stately/list';
+import type { AriaListBoxOptions } from '@react-aria/listbox';
 import type { SelectSize, SelectMode } from '../types';
 export declare type ListBoxProps<T extends object> = {
     listBoxRef?: React.RefObject<HTMLUListElement>;

package/lib/parts/list-box.js

@@ -1,7 +1,9 @@
 import React, { useRef } from 'react';
 import cn from 'classnames';
-import { useListState, Item } from 'react-stately';
-import { useListBox, useOption, mergeProps, useListBoxSection } from 'react-aria';
+import { useListState } from '@react-stately/list';
+import { Item } from '@react-stately/collections';
+import { useListBox, useOption, useListBoxSection } from '@react-aria/listbox';
+import { mergeProps } from '@react-aria/utils';
 import styles from '../styles/list-box.p.module.css.js';
 import { calculateMaxHeightByItems } from '../utils/calculate-max-height-by-items.js';
 import { getRealItemsCnt } from '../utils/get-real-items-cnt.js';

package/lib/parts/multi-trigger.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SelectState } from 'react-stately';
+import type { SelectState } from '@react-stately/select';
 export interface MultiTriggerProps<T extends object> {
     state: SelectState<T, 'multiple'>;
     valueProps: object;

package/lib/parts/popover.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { AriaPopoverProps } from 'react-aria';
-import type { OverlayTriggerState } from 'react-stately';
+import type { OverlayTriggerState } from '@react-stately/overlays';
+import type { AriaPopoverProps } from '@react-aria/overlays';
 import type { SelectMode } from '../types';
 export interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'isNonModal'> {
     children: React.ReactNode;

package/lib/parts/popover.js

@@ -1,6 +1,8 @@
 import React, { useRef } from 'react';
 import cn from 'classnames';
-import { usePopover, useInteractOutside, Overlay, mergeProps, DismissButton } from 'react-aria';
+import { usePopover, Overlay, DismissButton } from '@react-aria/overlays';
+import { useInteractOutside } from '@react-aria/interactions';
+import { mergeProps } from '@react-aria/utils';
 import styles from '../styles/popover.p.module.css.js';
 const MODE_STYLES = {
   classic: styles.classic,

package/lib/parts/popup-content.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AriaListBoxOptions } from 'react-aria';
+import type { AriaListBoxOptions } from '@react-aria/listbox';
 import type { Theme } from '@rescui/ui-contexts';
 import type { CommonState, SelectMode, SelectSize, AriaPlacement } from '../types';
 export declare type PopupContentProps<T extends object> = {

package/lib/select-basic.js

@@ -1,7 +1,10 @@
 import React, { useRef } from 'react';
 import cn from 'classnames';
-import { useSelectState } from 'react-stately';
-import { useSelect, useButton, useFocusRing, mergeProps, HiddenSelect } from 'react-aria';
+import { useSelectState } from '@react-stately/select';
+import { useSelect, HiddenSelect } from '@react-aria/select';
+import { useButton } from '@react-aria/button';
+import { useFocusRing } from '@react-aria/focus';
+import { mergeProps } from '@react-aria/utils';
 import { PopupContent } from './parts/popup-content.js';
 import { Icons } from './parts/icons.js';
 import { FormTriggerWrapper } from './parts/form-trigger-wrapper.js';

package/lib/select-searchable.js

@@ -1,8 +1,12 @@
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import React, { useRef } from 'react';
 import cn from 'classnames';
-import { useComboBoxState } from 'react-stately';
-import { useComboBox, useButton, useFocusRing, mergeProps, HiddenSelect } from 'react-aria';
+import { useComboBoxState } from '@react-stately/combobox';
+import { HiddenSelect } from '@react-aria/select';
+import { useComboBox } from '@react-aria/combobox';
+import { useButton } from '@react-aria/button';
+import { useFocusRing } from '@react-aria/focus';
+import { mergeProps } from '@react-aria/utils';
 import { PopupContent } from './parts/popup-content.js';
 import { Icons } from './parts/icons.js';
 import { FormTriggerWrapper } from './parts/form-trigger-wrapper.js';

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

@@ -1,27 +1,27 @@
 var styles = {
-  "themeLight": "_themeLight_60u4bs_6",
-  "themeDark": "_themeDark_60u4bs_9",
-  "sizeS": "_sizeS_60u4bs_13",
-  "sizeM": "_sizeM_60u4bs_16",
-  "sizeL": "_sizeL_60u4bs_19",
-  "classic": "_classic_60u4bs_23",
-  "rock": "_rock_60u4bs_26",
-  "root": "_root_60u4bs_30",
-  "trigger": "_trigger_60u4bs_36",
-  "error": "_error_60u4bs_69",
-  "enabled": "_enabled_60u4bs_74",
-  "disabled": "_disabled_60u4bs_78",
-  "canBeMultiline": "_canBeMultiline_60u4bs_119",
-  "iconsWrapper": "_iconsWrapper_60u4bs_123",
-  "triggerText": "_triggerText_60u4bs_138",
-  "searchInput": "_searchInput_60u4bs_144",
-  "labelNotSelected": "_labelNotSelected_60u4bs_188",
-  "multi": "_multi_60u4bs_202",
-  "tagsContainer": "_tagsContainer_60u4bs_218",
-  "tag": "_tag_60u4bs_218",
-  "filledTag": "_filledTag_60u4bs_240",
-  "toggle": "_toggle_60u4bs_248",
-  "icon": "_icon_60u4bs_123",
-  "clearIcon": "_clearIcon_60u4bs_315"
+  "themeLight": "_themeLight_1mkgp3r_6",
+  "themeDark": "_themeDark_1mkgp3r_9",
+  "sizeS": "_sizeS_1mkgp3r_13",
+  "sizeM": "_sizeM_1mkgp3r_16",
+  "sizeL": "_sizeL_1mkgp3r_19",
+  "classic": "_classic_1mkgp3r_23",
+  "rock": "_rock_1mkgp3r_26",
+  "root": "_root_1mkgp3r_30",
+  "trigger": "_trigger_1mkgp3r_36",
+  "error": "_error_1mkgp3r_69",
+  "enabled": "_enabled_1mkgp3r_74",
+  "disabled": "_disabled_1mkgp3r_78",
+  "canBeMultiline": "_canBeMultiline_1mkgp3r_119",
+  "iconsWrapper": "_iconsWrapper_1mkgp3r_123",
+  "triggerText": "_triggerText_1mkgp3r_138",
+  "searchInput": "_searchInput_1mkgp3r_144",
+  "labelNotSelected": "_labelNotSelected_1mkgp3r_188",
+  "multi": "_multi_1mkgp3r_202",
+  "tagsContainer": "_tagsContainer_1mkgp3r_218",
+  "tag": "_tag_1mkgp3r_218",
+  "filledTag": "_filledTag_1mkgp3r_240",
+  "toggle": "_toggle_1mkgp3r_248",
+  "icon": "_icon_1mkgp3r_123",
+  "clearIcon": "_clearIcon_1mkgp3r_315"
 };
 export { styles as default };

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

@@ -1,15 +1,15 @@
 var styles = {
-  "themeLight": "_themeLight_1k683lb_6",
-  "themeDark": "_themeDark_1k683lb_9",
-  "sizeS": "_sizeS_1k683lb_13",
-  "sizeM": "_sizeM_1k683lb_16",
-  "sizeL": "_sizeL_1k683lb_19",
-  "main": "_main_1k683lb_23",
-  "label": "_label_1k683lb_27",
-  "disabled": "_disabled_1k683lb_33",
-  "footer": "_footer_1k683lb_38",
-  "errorMessage": "_errorMessage_1k683lb_45",
-  "error": "_error_1k683lb_45",
-  "note": "_note_1k683lb_54"
+  "themeLight": "_themeLight_1dwk8s0_6",
+  "themeDark": "_themeDark_1dwk8s0_9",
+  "sizeS": "_sizeS_1dwk8s0_13",
+  "sizeM": "_sizeM_1dwk8s0_16",
+  "sizeL": "_sizeL_1dwk8s0_19",
+  "main": "_main_1dwk8s0_23",
+  "label": "_label_1dwk8s0_27",
+  "disabled": "_disabled_1dwk8s0_33",
+  "footer": "_footer_1dwk8s0_38",
+  "errorMessage": "_errorMessage_1dwk8s0_45",
+  "error": "_error_1dwk8s0_45",
+  "note": "_note_1dwk8s0_54"
 };
 export { styles as default };

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

@@ -1,16 +1,16 @@
 var styles = {
-  "sizeS": "_sizeS_57zbb_6",
-  "sizeM": "_sizeM_57zbb_9",
-  "sizeL": "_sizeL_57zbb_12",
-  "modeClassic": "_modeClassic_57zbb_16",
-  "modeRock": "_modeRock_57zbb_19",
-  "listBox": "_listBox_57zbb_23",
-  "item": "_item_57zbb_36",
-  "selected": "_selected_57zbb_82",
-  "disabled": "_disabled_57zbb_93",
-  "checkIcon": "_checkIcon_57zbb_100",
-  "visible": "_visible_57zbb_107",
-  "divider": "_divider_57zbb_114",
-  "groupHeader": "_groupHeader_57zbb_128"
+  "sizeS": "_sizeS_xturi0_6",
+  "sizeM": "_sizeM_xturi0_9",
+  "sizeL": "_sizeL_xturi0_12",
+  "modeClassic": "_modeClassic_xturi0_16",
+  "modeRock": "_modeRock_xturi0_19",
+  "listBox": "_listBox_xturi0_23",
+  "item": "_item_xturi0_36",
+  "selected": "_selected_xturi0_82",
+  "disabled": "_disabled_xturi0_93",
+  "checkIcon": "_checkIcon_xturi0_100",
+  "visible": "_visible_xturi0_107",
+  "divider": "_divider_xturi0_114",
+  "groupHeader": "_groupHeader_xturi0_128"
 };
 export { styles as default };

package/lib/styles/native-select-trigger.p.module.css.js

@@ -1,17 +1,17 @@
 var styles = {
-  "themeLight": "_themeLight_1lf70g_6",
-  "themeDark": "_themeDark_1lf70g_9",
-  "sizeS": "_sizeS_1lf70g_13",
-  "sizeM": "_sizeM_1lf70g_16",
-  "sizeL": "_sizeL_1lf70g_19",
-  "trigger": "_trigger_1lf70g_23",
-  "error": "_error_1lf70g_61",
-  "enabled": "_enabled_1lf70g_66",
-  "disabled": "_disabled_1lf70g_70",
-  "iconsWrapper": "_iconsWrapper_1lf70g_103",
-  "triggerText": "_triggerText_1lf70g_118",
-  "labelNotSelected": "_labelNotSelected_1lf70g_144",
-  "toggle": "_toggle_1lf70g_155",
-  "icon": "_icon_1lf70g_103"
+  "themeLight": "_themeLight_1ru28db_6",
+  "themeDark": "_themeDark_1ru28db_9",
+  "sizeS": "_sizeS_1ru28db_13",
+  "sizeM": "_sizeM_1ru28db_16",
+  "sizeL": "_sizeL_1ru28db_19",
+  "trigger": "_trigger_1ru28db_23",
+  "error": "_error_1ru28db_61",
+  "enabled": "_enabled_1ru28db_66",
+  "disabled": "_disabled_1ru28db_70",
+  "iconsWrapper": "_iconsWrapper_1ru28db_103",
+  "triggerText": "_triggerText_1ru28db_118",
+  "labelNotSelected": "_labelNotSelected_1ru28db_144",
+  "toggle": "_toggle_1ru28db_155",
+  "icon": "_icon_1ru28db_103"
 };
 export { styles as default };

package/lib/styles/native-select.p.module.css.js

@@ -1,9 +1,9 @@
 var styles = {
-  "sizeS": "_sizeS_19uvt4l_6",
-  "sizeM": "_sizeM_19uvt4l_9",
-  "sizeL": "_sizeL_19uvt4l_12",
-  "main": "_main_19uvt4l_16",
-  "wrapper": "_wrapper_19uvt4l_20",
-  "select": "_select_19uvt4l_24"
+  "sizeS": "_sizeS_4fpmyy_6",
+  "sizeM": "_sizeM_4fpmyy_9",
+  "sizeL": "_sizeL_4fpmyy_12",
+  "main": "_main_4fpmyy_16",
+  "wrapper": "_wrapper_4fpmyy_20",
+  "select": "_select_4fpmyy_24"
 };
 export { styles as default };

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

@@ -1,10 +1,10 @@
 var styles = {
-  "classic": "_classic_17wpqx_32",
-  "rock": "_rock_17wpqx_35",
-  "popover": "_popover_17wpqx_39",
-  "contentWrapper": "_contentWrapper_17wpqx_46",
-  "fadeInBottomToTop": "_fadeInBottomToTop_17wpqx_1",
-  "fadeInTopToBottom": "_fadeInTopToBottom_17wpqx_1",
-  "observable": "_observable_17wpqx_62"
+  "classic": "_classic_fve5ja_32",
+  "rock": "_rock_fve5ja_35",
+  "popover": "_popover_fve5ja_39",
+  "contentWrapper": "_contentWrapper_fve5ja_46",
+  "fadeInBottomToTop": "_fadeInBottomToTop_fve5ja_1",
+  "fadeInTopToBottom": "_fadeInTopToBottom_fve5ja_1",
+  "observable": "_observable_fve5ja_62"
 };
 export { styles as default };

package/lib/types.d.ts

@@ -2,11 +2,12 @@ import React from 'react';
 import type { Theme } from '@rescui/ui-contexts';
 import type { AriaComboBoxProps } from '@react-aria/combobox';
 import type { AriaSelectProps } from '@react-aria/select';
-import type { AriaPositionProps, AriaFieldProps } from 'react-aria';
+import type { AriaPositionProps } from '@react-aria/overlays';
+import type { AriaFieldProps } from '@react-aria/label';
 import type { SelectState } from '@react-stately/select';
 import type { ComboBoxState } from '@react-stately/combobox';
-import type { Key } from 'react-stately';
-export type { Key } from 'react-stately';
+import type { Key } from '@react-types/shared';
+export type { Key } from '@react-types/shared';
 export declare type Placement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
 export declare type AriaPlacement = AriaPositionProps['placement'];
 export declare type SelectSize = 'l' | 'm' | 's';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.15.1-RUI-280-Update-select-component-e516591ed.54+e516591ed",
+  "version": "0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,12 +16,25 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-e516591ed.54+e516591ed",
-    "@rescui/tag": "0.13.5-RUI-280-Update-select-component-e516591ed.54+e516591ed",
-    "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-e516591ed.166+e516591ed",
-    "classnames": "^2.2.6",
-    "react-aria": "^3.47.0",
-    "react-stately": "^3.45.0"
+    "@react-aria/button": "^3.15.0",
+    "@react-aria/combobox": "^3.16.0",
+    "@react-aria/focus": "^3.22.0",
+    "@react-aria/interactions": "^3.28.0",
+    "@react-aria/label": "^3.8.0",
+    "@react-aria/listbox": "^3.16.0",
+    "@react-aria/overlays": "^3.32.0",
+    "@react-aria/select": "^3.18.0",
+    "@react-aria/utils": "^3.34.0",
+    "@react-stately/collections": "^3.13.0",
+    "@react-stately/combobox": "^3.14.0",
+    "@react-stately/list": "^3.14.0",
+    "@react-stately/overlays": "^3.7.0",
+    "@react-stately/select": "^3.10.0",
+    "@react-types/shared": "^3.34.0",
+    "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+    "@rescui/tag": "0.13.5-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
+    "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.168+e772abaa1",
+    "classnames": "^2.2.6"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
@@ -29,9 +42,9 @@
     "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-e516591ed.54+e516591ed",
+    "@rescui/colors": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
     "@rescui/scripts": "0.5.1",
-    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-e516591ed.54+e516591ed",
+    "@rescui/typography": "0.24.5-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
     "@rescui/visual-regression": "0.1.4",
     "sniffr": "^1.2.0"
   },
@@ -40,5 +53,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "e516591ed7fc1a8ce27afc90612f7eea334c7d29"
+  "gitHead": "e772abaa1615818504b1d498233bec348bcb7bb5"
 }