@rescui/select 0.22.0 → 0.22.1-floating-ui-migration-ee8cf10db.7.sha-ee8cf10db

package/lib/multiselect.js

@@ -1,6 +1,6 @@
 "use client";
 import { c } from 'react-compiler-runtime';
-import React, { useState, useRef } from 'react';
+import React, { useState } from 'react';
 import cn from 'classnames';
 import { useSelect } from 'downshift';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
@@ -58,7 +58,7 @@ const stateReducer = (state, actionAndChanges) => {
 };
 // eslint-disable-next-line complexity
 function Multiselect(t0) {
-  const $ = c(139);
+  const $ = c(138);
   let className;
   let error;
   let id;
@@ -202,7 +202,6 @@ function Multiselect(t0) {
   const theme = useThemeWithUndefined(themeFromProps);
   const [triggerEl, setTriggerEl] = useState(null);
   const [menuEl, setMenuEl] = useState(null);
-  const dropdownRef = useRef(null);
   let t16;
   if ($[31] !== onChange || $[32] !== selectedItems) {
     t16 = {
@@ -526,12 +525,11 @@ function Multiselect(t0) {
     t34 = $[104];
   }
   let t35;
-  if ($[105] !== disableFlip || $[106] !== emptyListMessage || $[107] !== isOpen || $[108] !== listBoxItems || $[109] !== listBoxState || $[110] !== maxVisibleItems || $[111] !== mode || $[112] !== placement || $[113] !== renderInTrigger || $[114] !== selectedItems || $[115] !== size || $[116] !== t34 || $[117] !== theme || $[118] !== triggerEl) {
+  if ($[105] !== disableFlip || $[106] !== emptyListMessage || $[107] !== isOpen || $[108] !== listBoxItems || $[109] !== listBoxState || $[110] !== maxVisibleItems || $[111] !== mode || $[112] !== placement || $[113] !== renderInTrigger || $[114] !== size || $[115] !== t34 || $[116] !== theme || $[117] !== triggerEl) {
     t35 = /*#__PURE__*/React.createElement(PopupContent, {
       theme: theme,
       size: size,
       mode: mode,
-      dropdownRef: dropdownRef,
       triggerEl: triggerEl,
       placement: placement,
       renderInTrigger: renderInTrigger,
@@ -541,7 +539,6 @@ function Multiselect(t0) {
       maxVisibleItems: maxVisibleItems,
       emptyListMessage: emptyListMessage,
       listBoxItems: listBoxItems,
-      dropdownUpdateDep: selectedItems,
       trigger: t34
     });
     $[105] = disableFlip;
@@ -553,17 +550,16 @@ function Multiselect(t0) {
     $[111] = mode;
     $[112] = placement;
     $[113] = renderInTrigger;
-    $[114] = selectedItems;
-    $[115] = size;
-    $[116] = t34;
-    $[117] = theme;
-    $[118] = triggerEl;
-    $[119] = t35;
+    $[114] = size;
+    $[115] = t34;
+    $[116] = theme;
+    $[117] = triggerEl;
+    $[118] = t35;
   } else {
-    t35 = $[119];
+    t35 = $[118];
   }
   let t36;
-  if ($[120] !== boldLabel || $[121] !== descriptionProps || $[122] !== error || $[123] !== errorMessageProps || $[124] !== isDisabled || $[125] !== label || $[126] !== note || $[127] !== reserveErrorLine || $[128] !== size || $[129] !== t32 || $[130] !== t33 || $[131] !== t35 || $[132] !== theme) {
+  if ($[119] !== boldLabel || $[120] !== descriptionProps || $[121] !== error || $[122] !== errorMessageProps || $[123] !== isDisabled || $[124] !== label || $[125] !== note || $[126] !== reserveErrorLine || $[127] !== size || $[128] !== t32 || $[129] !== t33 || $[130] !== t35 || $[131] !== theme) {
     t36 = /*#__PURE__*/React.createElement(FormTriggerWrapper, {
       theme: theme,
       size: size,
@@ -577,38 +573,38 @@ function Multiselect(t0) {
       note: note,
       descriptionProps: descriptionProps
     }, t33, t35);
-    $[120] = boldLabel;
-    $[121] = descriptionProps;
-    $[122] = error;
-    $[123] = errorMessageProps;
-    $[124] = isDisabled;
-    $[125] = label;
-    $[126] = note;
-    $[127] = reserveErrorLine;
-    $[128] = size;
-    $[129] = t32;
-    $[130] = t33;
-    $[131] = t35;
-    $[132] = theme;
-    $[133] = t36;
+    $[119] = boldLabel;
+    $[120] = descriptionProps;
+    $[121] = error;
+    $[122] = errorMessageProps;
+    $[123] = isDisabled;
+    $[124] = label;
+    $[125] = note;
+    $[126] = reserveErrorLine;
+    $[127] = size;
+    $[128] = t32;
+    $[129] = t33;
+    $[130] = t35;
+    $[131] = theme;
+    $[132] = t36;
   } else {
-    t36 = $[133];
+    t36 = $[132];
   }
   let t37;
-  if ($[134] !== id || $[135] !== style || $[136] !== t31 || $[137] !== t36) {
+  if ($[133] !== id || $[134] !== style || $[135] !== t31 || $[136] !== t36) {
     t37 = /*#__PURE__*/React.createElement("div", {
       className: t31,
       id: id,
       style: style,
       "data-test": "multiselect"
     }, t36);
-    $[134] = id;
-    $[135] = style;
-    $[136] = t31;
-    $[137] = t36;
-    $[138] = t37;
+    $[133] = id;
+    $[134] = style;
+    $[135] = t31;
+    $[136] = t36;
+    $[137] = t37;
   } else {
-    t37 = $[138];
+    t37 = $[137];
   }
   return t37;
 }

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

@@ -1,12 +1,11 @@
 import React from 'react';
 import type { Theme } from '@rescui/ui-contexts';
-import type { DropdownProps, DropdownImperativeHandle } from '@rescui/dropdown';
+import type { DropdownProps } from '@rescui/dropdown';
 import type { SelectMode, SelectSize, ListBoxState, ListBoxItem, Placement } from '../types';
 export type PopupContentProps = {
     theme: Theme;
     listBoxState: ListBoxState;
     triggerEl: HTMLElement | null;
-    dropdownRef?: React.RefObject<DropdownImperativeHandle>;
     listBoxItems?: ListBoxItem[];
     placement: Placement;
     size?: SelectSize;
@@ -17,6 +16,5 @@ export type PopupContentProps = {
     renderInTrigger?: boolean;
     disableFlip?: boolean;
     isOpen?: boolean;
-    dropdownUpdateDep?: unknown;
 };
-export declare const PopupContent: ({ theme, listBoxState, triggerEl, dropdownRef, listBoxItems, placement, size: sizeFromProps, mode, emptyListMessage, maxVisibleItems, trigger, renderInTrigger, disableFlip, isOpen, dropdownUpdateDep }: PopupContentProps) => React.JSX.Element;
+export declare const PopupContent: ({ theme, listBoxState, triggerEl, listBoxItems, placement, size: sizeFromProps, mode, emptyListMessage, maxVisibleItems, trigger, renderInTrigger, disableFlip, isOpen }: PopupContentProps) => React.JSX.Element;

package/lib/parts/popup-content.js

@@ -1,20 +1,18 @@
 import { c } from 'react-compiler-runtime';
-import React, { useEffect, useLayoutEffect } from 'react';
+import React from 'react';
 import { Dropdown } from '@rescui/dropdown';
 import { useActualSizeFromCss } from '../hooks/use-actual-size-from-css.js';
 import { usePrimaryContrastCssVarTransfer } from '../hooks/use-primary-contrast-css-var-transfer.js';
 import styles from '../styles/common.p.module.css.js';
 import { ListBox } from './list-box.js';
 
-const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
 // eslint-disable-next-line complexity
 const PopupContent = t0 => {
-  const $ = c(35);
+  const $ = c(27);
   const {
     theme,
     listBoxState,
     triggerEl,
-    dropdownRef,
     listBoxItems,
     placement,
     size: sizeFromProps,
@@ -24,8 +22,7 @@ const PopupContent = t0 => {
     trigger,
     renderInTrigger,
     disableFlip,
-    isOpen,
-    dropdownUpdateDep
+    isOpen
   } = t0;
   let t1;
   if ($[0] !== sizeFromProps || $[1] !== triggerEl) {
@@ -59,41 +56,19 @@ const PopupContent = t0 => {
     isPrimaryContrast
   } = usePrimaryContrastCssVarTransfer(t2);
   let t3;
-  if ($[6] !== dropdownRef) {
-    t3 = () => {
-      dropdownRef.current?.scheduleUpdate();
-    };
-    $[6] = dropdownRef;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== dropdownRef || $[9] !== dropdownUpdateDep || $[10] !== listBoxItems || $[11] !== size) {
-    t4 = [dropdownRef, dropdownUpdateDep, listBoxItems, size];
-    $[8] = dropdownRef;
-    $[9] = dropdownUpdateDep;
-    $[10] = listBoxItems;
-    $[11] = size;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  useIsomorphicLayoutEffect(t3, t4);
-  let t5;
-  if ($[13] !== observableRef) {
-    t5 = /*#__PURE__*/React.createElement("div", {
+  if ($[6] !== observableRef) {
+    t3 = /*#__PURE__*/React.createElement("div", {
       ref: observableRef,
       className: styles.observable
     });
-    $[13] = observableRef;
-    $[14] = t5;
+    $[6] = observableRef;
+    $[7] = t3;
   } else {
-    t5 = $[14];
+    t3 = $[7];
   }
-  let t6;
-  if ($[15] !== emptyListMessage || $[16] !== isPrimaryContrast || $[17] !== listBoxItems || $[18] !== listBoxState || $[19] !== maxVisibleItems || $[20] !== mode || $[21] !== size) {
-    t6 = /*#__PURE__*/React.createElement(ListBox, {
+  let t4;
+  if ($[8] !== emptyListMessage || $[9] !== isPrimaryContrast || $[10] !== listBoxItems || $[11] !== listBoxState || $[12] !== maxVisibleItems || $[13] !== mode || $[14] !== size) {
+    t4 = /*#__PURE__*/React.createElement(ListBox, {
       state: listBoxState,
       size: size,
       mode: mode,
@@ -102,22 +77,21 @@ const PopupContent = t0 => {
       items: listBoxItems,
       isPrimaryContrast: isPrimaryContrast
     });
-    $[15] = emptyListMessage;
-    $[16] = isPrimaryContrast;
-    $[17] = listBoxItems;
-    $[18] = listBoxState;
-    $[19] = maxVisibleItems;
-    $[20] = mode;
-    $[21] = size;
-    $[22] = t6;
+    $[8] = emptyListMessage;
+    $[9] = isPrimaryContrast;
+    $[10] = listBoxItems;
+    $[11] = listBoxState;
+    $[12] = maxVisibleItems;
+    $[13] = mode;
+    $[14] = size;
+    $[15] = t4;
   } else {
-    t6 = $[22];
+    t4 = $[15];
   }
-  let t7;
-  if ($[23] !== disableFlip || $[24] !== dropdownRef || $[25] !== isOpen || $[26] !== placement || $[27] !== renderInTrigger || $[28] !== t6 || $[29] !== theme || $[30] !== trigger) {
-    t7 = /*#__PURE__*/React.createElement(Dropdown, {
+  let t5;
+  if ($[16] !== disableFlip || $[17] !== isOpen || $[18] !== placement || $[19] !== renderInTrigger || $[20] !== t4 || $[21] !== theme || $[22] !== trigger) {
+    t5 = /*#__PURE__*/React.createElement(Dropdown, {
       theme: theme,
-      ref: dropdownRef,
       placement: placement,
       maxWidth: "trigger",
       minWidth: "trigger",
@@ -128,29 +102,28 @@ const PopupContent = t0 => {
       renderInTrigger: renderInTrigger,
       disableFlip: disableFlip,
       trigger: trigger
-    }, t6);
-    $[23] = disableFlip;
-    $[24] = dropdownRef;
-    $[25] = isOpen;
-    $[26] = placement;
-    $[27] = renderInTrigger;
-    $[28] = t6;
-    $[29] = theme;
-    $[30] = trigger;
-    $[31] = t7;
+    }, t4);
+    $[16] = disableFlip;
+    $[17] = isOpen;
+    $[18] = placement;
+    $[19] = renderInTrigger;
+    $[20] = t4;
+    $[21] = theme;
+    $[22] = trigger;
+    $[23] = t5;
   } else {
-    t7 = $[31];
+    t5 = $[23];
   }
-  let t8;
-  if ($[32] !== t5 || $[33] !== t7) {
-    t8 = /*#__PURE__*/React.createElement(React.Fragment, null, t5, t7);
-    $[32] = t5;
-    $[33] = t7;
-    $[34] = t8;
+  let t6;
+  if ($[24] !== t3 || $[25] !== t5) {
+    t6 = /*#__PURE__*/React.createElement(React.Fragment, null, t3, t5);
+    $[24] = t3;
+    $[25] = t5;
+    $[26] = t6;
   } else {
-    t8 = $[34];
+    t6 = $[26];
   }
-  return t8;
+  return t6;
 };
 
 export { PopupContent };

package/lib/select-basic.js

@@ -140,7 +140,6 @@ function SelectBasic(t0) {
     theme = $[22];
   }
   const [triggerEl, setTriggerEl] = React.useState(null);
-  const dropdownRef = React.useRef(null);
   const [menuEl, setMenuEl] = React.useState(null);
   const {
     flattenedOptions,
@@ -418,7 +417,6 @@ function SelectBasic(t0) {
       theme: theme,
       size: size,
       mode: mode,
-      dropdownRef: dropdownRef,
       triggerEl: triggerEl,
       placement: placement,
       isOpen: isOpen,

package/lib/select-searchable.js

@@ -141,7 +141,6 @@ function SelectSearchable(t0) {
     theme = $[22];
   }
   const [inputEl, setInputEl] = useState(null);
-  const dropdownRef = useRef(null);
   const [menuEl, setMenuEl] = useState(null);
   const {
     flattenedOptions,
@@ -572,7 +571,6 @@ function SelectSearchable(t0) {
       theme: theme,
       size: size,
       mode: mode,
-      dropdownRef: dropdownRef,
       triggerEl: inputEl,
       placement: placement,
       renderInTrigger: renderInTrigger,

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

@@ -1,3 +1,3 @@
-var styles = {"themeLight":"_themeLight_17cdfmh_6","themeDark":"_themeDark_17cdfmh_9","sizeS":"_sizeS_17cdfmh_13","sizeM":"_sizeM_17cdfmh_16","sizeL":"_sizeL_17cdfmh_19","classic":"_classic_17cdfmh_23","rock":"_rock_17cdfmh_26","root":"_root_17cdfmh_30","triggerContainer":"_triggerContainer_17cdfmh_36","disabled":"_disabled_17cdfmh_41","trigger":"_trigger_17cdfmh_36","error":"_error_17cdfmh_78","enabled":"_enabled_17cdfmh_83","searchable":"_searchable_17cdfmh_103","canBeMultiline":"_canBeMultiline_17cdfmh_129","triggerText":"_triggerText_17cdfmh_133","searchInput":"_searchInput_17cdfmh_134","labelNotSelected":"_labelNotSelected_17cdfmh_164","multi":"_multi_17cdfmh_216","tagsContainer":"_tagsContainer_17cdfmh_231","tag":"_tag_17cdfmh_231","filledTag":"_filledTag_17cdfmh_253","iconsWrapper":"_iconsWrapper_17cdfmh_261","toggle":"_toggle_17cdfmh_279","icon":"_icon_17cdfmh_261","clearIcon":"_clearIcon_17cdfmh_364","visuallyHidden":"_visuallyHidden_17cdfmh_426","select":"_select_17cdfmh_443","observable":"_observable_17cdfmh_465"};
+var styles = {"themeLight":"_themeLight_vz9c6s_6","themeDark":"_themeDark_vz9c6s_9","sizeS":"_sizeS_vz9c6s_13","sizeM":"_sizeM_vz9c6s_16","sizeL":"_sizeL_vz9c6s_19","classic":"_classic_vz9c6s_23","rock":"_rock_vz9c6s_26","root":"_root_vz9c6s_30","triggerContainer":"_triggerContainer_vz9c6s_36","disabled":"_disabled_vz9c6s_41","trigger":"_trigger_vz9c6s_36","error":"_error_vz9c6s_78","enabled":"_enabled_vz9c6s_83","searchable":"_searchable_vz9c6s_103","canBeMultiline":"_canBeMultiline_vz9c6s_129","triggerText":"_triggerText_vz9c6s_133","searchInput":"_searchInput_vz9c6s_134","labelNotSelected":"_labelNotSelected_vz9c6s_164","multi":"_multi_vz9c6s_216","tagsContainer":"_tagsContainer_vz9c6s_231","tag":"_tag_vz9c6s_231","filledTag":"_filledTag_vz9c6s_253","iconsWrapper":"_iconsWrapper_vz9c6s_261","toggle":"_toggle_vz9c6s_279","icon":"_icon_vz9c6s_261","clearIcon":"_clearIcon_vz9c6s_364","visuallyHidden":"_visuallyHidden_vz9c6s_426","select":"_select_vz9c6s_443","observable":"_observable_vz9c6s_465"};
 
 export { styles as default };

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

@@ -1,3 +1,3 @@
-var styles = {"themeLight":"_themeLight_6jkjob_6","themeDark":"_themeDark_6jkjob_9","sizeS":"_sizeS_6jkjob_13","sizeM":"_sizeM_6jkjob_16","sizeL":"_sizeL_6jkjob_19","main":"_main_6jkjob_23","label":"_label_6jkjob_27","disabled":"_disabled_6jkjob_33","footer":"_footer_6jkjob_38","errorMessage":"_errorMessage_6jkjob_45","error":"_error_6jkjob_45","note":"_note_6jkjob_54"};
+var styles = {"themeLight":"_themeLight_12sz2ah_6","themeDark":"_themeDark_12sz2ah_9","sizeS":"_sizeS_12sz2ah_13","sizeM":"_sizeM_12sz2ah_16","sizeL":"_sizeL_12sz2ah_19","main":"_main_12sz2ah_23","label":"_label_12sz2ah_27","disabled":"_disabled_12sz2ah_33","footer":"_footer_12sz2ah_38","errorMessage":"_errorMessage_12sz2ah_45","error":"_error_12sz2ah_45","note":"_note_12sz2ah_54"};
 
 export { styles as default };

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

@@ -1,3 +1,3 @@
-var styles = {"sizeS":"_sizeS_1hgugrt_6","sizeM":"_sizeM_1hgugrt_9","sizeL":"_sizeL_1hgugrt_12","classic":"_classic_1hgugrt_16","rock":"_rock_1hgugrt_26","listBox":"_listBox_1hgugrt_37","item":"_item_1hgugrt_53","selected":"_selected_1hgugrt_91","disabled":"_disabled_1hgugrt_105","checkIcon":"_checkIcon_1hgugrt_112","visible":"_visible_1hgugrt_119","divider":"_divider_1hgugrt_126","groupHeader":"_groupHeader_1hgugrt_140"};
+var styles = {"sizeS":"_sizeS_v70wyz_6","sizeM":"_sizeM_v70wyz_9","sizeL":"_sizeL_v70wyz_12","classic":"_classic_v70wyz_16","rock":"_rock_v70wyz_26","listBox":"_listBox_v70wyz_37","item":"_item_v70wyz_53","selected":"_selected_v70wyz_91","disabled":"_disabled_v70wyz_105","checkIcon":"_checkIcon_v70wyz_112","visible":"_visible_v70wyz_119","divider":"_divider_v70wyz_126","groupHeader":"_groupHeader_v70wyz_140"};
 
 export { styles as default };

package/llm/components/multiselect.md

@@ -10,7 +10,7 @@ Multiselect is a control that allows users to select multiple options from a lis
 
 You can control what has been selected through `value`/`onChange` props combination. The state represents the collection of options displayed in the select box. The empty state represents by `[]`.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Multiselect } from '@rescui/select';
 
@@ -54,7 +54,7 @@ render(<MySelect />);
 
 You can use the `isSingleLine` prop to limit from grow and force it to be always single line. In this case extra tags is hidden and display the count of hidden tags instead.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Multiselect } from '@rescui/select';
 
@@ -93,7 +93,7 @@ render(<MySelect />);
 
 If your primary color background requires dark text color, use `--rs-select-contrast-primary` CSS variable.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Multiselect } from '@rescui/select';
 
@@ -158,7 +158,7 @@ To work around this, we can use the `renderInTrigger` prop to render the popover
 
 Also use `disableFlip` prop and `overflow: visible` css on the dialog if options will overflow it.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Multiselect } from '@rescui/select';
 
@@ -226,7 +226,7 @@ render(
 
 Use the controls to see the effect at different viewport widths.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Multiselect } from '@rescui/select';
 

package/llm/components/select.md

@@ -10,7 +10,7 @@ Select is a control that allows users to select one option from a longer list.
 
 Countries:
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Select } from '@rescui/select';
 import COUNTRIES from '@/parts/select/countries';
@@ -42,7 +42,7 @@ render(<MySelect />);
 
 Default value:
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Select } from '@rescui/select';
 
@@ -77,7 +77,7 @@ render(<MySelect />);
 
 #### With fallback to NativeSelect on iOS and Android devices
 
-```tsx
+```jsx
 import { useEffect, useState } from 'react';
 import Sniffr from 'sniffr';
 import { Select, NativeSelect } from '@rescui/select';
@@ -123,7 +123,7 @@ render(<MySelect />);
 
 #### GroupOptions example with headers
 
-```tsx
+```jsx
 import { useEffect, useState } from 'react';
 import Sniffr from 'sniffr';
 import { Select, NativeSelect } from '@rescui/select';
@@ -204,7 +204,7 @@ We've adopted a second option. Here are the main reasons:
 
 Here's a concise example of a wrapper that modifies the API to a key-only approach, offering a cleaner interface.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Select as RSelect } from '@rescui/select';
 
@@ -260,7 +260,7 @@ render(<MySelect />);
 
 If your primary color background requires dark text color, use `--rs-select-contrast-primary` CSS variable.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Select } from '@rescui/select';
 
@@ -314,7 +314,7 @@ To work around this, we can use the `renderInTrigger` prop to render the popover
 
 Also use `disableFlip` prop and `overflow: visible` css on the dialog if options will overflow it.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Select } from '@rescui/select';
 
@@ -369,7 +369,7 @@ render(
 
 #### Example:
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { NativeSelect } from '@rescui/select';
 
@@ -401,7 +401,7 @@ render(<MySelect />);
 
 #### Custom trigger for NativeSelect
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { NativeSelect } from '@rescui/select';
 
@@ -457,7 +457,7 @@ render(<MySelect />);
 
 Use the controls to see the effect at different viewport widths.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { Select } from '@rescui/select';
 
@@ -524,7 +524,7 @@ Check out [this example](/components/select/#contrast-primary-color) for contras
 
 Use the controls to see the effect at different viewport widths.
 
-```tsx
+```jsx
 import { useState } from 'react';
 import { NativeSelect } from '@rescui/select';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/select",
-  "version": "0.22.0",
+  "version": "0.22.1-floating-ui-migration-ee8cf10db.7.sha-ee8cf10db",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@rescui/dropdown": "^0.13.3",
-    "@rescui/form-field": "^0.3.3",
-    "@rescui/tag": "^0.16.2",
-    "@rescui/use-resize-observer": "^0.5.0",
+    "@rescui/dropdown": "0.13.4-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db",
+    "@rescui/form-field": "0.3.4-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db",
+    "@rescui/tag": "0.16.3-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db",
+    "@rescui/use-resize-observer": "0.5.1-floating-ui-migration-ee8cf10db.25.sha-ee8cf10db",
     "classnames": "^2.2.6",
     "downshift": "^9.4.0",
     "react-compiler-runtime": "^1.0.0",
@@ -31,10 +31,10 @@
     "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.3.6",
-    "@rescui/scripts": "^0.6.0",
-    "@rescui/typography": "^0.30.2",
-    "@rescui/visual-regression": "^0.1.5",
+    "@rescui/colors": "0.3.7-floating-ui-migration-ee8cf10db.12.sha-ee8cf10db",
+    "@rescui/scripts": "0.6.0",
+    "@rescui/typography": "0.30.3-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db",
+    "@rescui/visual-regression": "0.1.5",
     "sniffr": "^1.2.0"
   },
   "scripts": {
@@ -42,5 +42,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "1727159a4964c39ee3e7d8cc3cd32ad007c72416"
+  "gitHead": "ee8cf10dbbe12af812fa565b2325a88196088d92"
 }