@rescui/dropdown-menu 0.11.19-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10 → 0.11.19-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39

package/lib/dropdown-menu.js

@@ -1,4 +1,6 @@
 "use client";
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React, { useState } from 'react';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { Dropdown } from '@rescui/dropdown';
@@ -6,6 +8,7 @@ import { Menu } from '@rescui/menu';
 import cn from 'classnames';
 import { MenuWrapper } from './menu-wrapper.js';
 import styles from './dropdown-menu.p.module.css.js';
+import { useExtractCssValues } from './use-extract-css-values.js';
 const ITEM_HEIGHT_BY_SIZE = {
   s: 32,
   m: 40,
@@ -17,76 +20,195 @@ const SIZE_TO_CLASS = {
   l: styles.sizeL
 };
 
-const DropdownMenu = _ref => {
-  let {
-    maxVisibleItems = 5,
-    size = 'm',
-    children,
-    iconPlacement,
-    itemTag,
-    tag,
-    theme: themeFromProps,
-    mode = 'classic',
-    activateFirstItemOnOpen = false,
-    resizeIcons = true,
-    wrapItemsWithLi,
-    className,
-    ...restProps
-  } = _ref;
+const DropdownMenu = t0 => {
+  const $ = c(43);
+  let children;
+  let className;
+  let iconPlacement;
+  let itemTag;
+  let restProps;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let tag;
+  let themeFromProps;
+  let wrapItemsWithLi;
+
+  if ($[0] !== t0) {
+    ({
+      maxVisibleItems: t1,
+      size: t2,
+      children,
+      iconPlacement,
+      itemTag,
+      tag,
+      theme: themeFromProps,
+      mode: t3,
+      activateFirstItemOnOpen: t4,
+      resizeIcons: t5,
+      wrapItemsWithLi,
+      className,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = iconPlacement;
+    $[4] = itemTag;
+    $[5] = restProps;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = tag;
+    $[12] = themeFromProps;
+    $[13] = wrapItemsWithLi;
+  } else {
+    children = $[1];
+    className = $[2];
+    iconPlacement = $[3];
+    itemTag = $[4];
+    restProps = $[5];
+    t1 = $[6];
+    t2 = $[7];
+    t3 = $[8];
+    t4 = $[9];
+    t5 = $[10];
+    tag = $[11];
+    themeFromProps = $[12];
+    wrapItemsWithLi = $[13];
+  }
+
+  const maxVisibleItems = t1 === undefined ? 5 : t1;
+  const size = t2 === undefined ? "m" : t2;
+  const mode = t3 === undefined ? "classic" : t3;
+  const activateFirstItemOnOpen = t4 === undefined ? false : t4;
+  const resizeIcons = t5 === undefined ? true : t5;
   const [menuWrapperEl, setMenuWrapperEl] = useState(null);
   const [height, setHeight] = useState(0);
-  let itemHeightFromCss = null;
-
-  if (menuWrapperEl) {
-    // In theory this part of the code might cause issues with SSR.
-    // But in this specific context, because of checking state ref "menuWrapperEl",
-    // we are sure that the value will still be "null" on the first render.
-    // Therefore, the first render on the client will be the same as on the server.
-    // Also, there will be no layout shifts on the following renders because
-    // it's a dropdown-content and in most cases it opens only on-demand
-    const menuWrapperStyles = getComputedStyle(menuWrapperEl);
-    itemHeightFromCss = parseInt(menuWrapperStyles.getPropertyValue('--_rs-dropdown-menu-item-height'), 10) || null;
+  const {
+    itemHeightFromCss,
+    contrastPrimaryFromCss
+  } = useExtractCssValues(menuWrapperEl);
+  const itemHeight = itemHeightFromCss || ITEM_HEIGHT_BY_SIZE[size];
+  const isMoreThanPlusOne = height > (Math.ceil(maxVisibleItems) + 1.1) * itemHeight;
+  const maxHeight = (Math.ceil(maxVisibleItems) + (isMoreThanPlusOne ? 0.5 : 1.5)) * itemHeight;
+  let cleanedRestProps;
+
+  if ($[14] !== restProps) {
+    const {
+      maxHeight: cleanMaxHeight,
+      leastMaxHeight,
+      ...t6
+    } = restProps;
+    cleanedRestProps = t6;
+    $[14] = restProps;
+    $[15] = cleanedRestProps;
+  } else {
+    cleanedRestProps = $[15];
   }
 
-  const itemHeight = itemHeightFromCss || ITEM_HEIGHT_BY_SIZE[size]; // a little buffer of 10% here
+  const theme = useThemeWithUndefined(themeFromProps);
+  const t6 = SIZE_TO_CLASS[size];
+  let t7;
 
-  const isMoreThanPlusOne = height > (Math.ceil(maxVisibleItems) + 1.1) * itemHeight; // half of item added to show that there is more items even if scroll bar hidden
-  // in case there are only 1 more item than maxVisibleItems, show it without truncating
+  if ($[16] !== className || $[17] !== t6) {
+    t7 = cn(t6, styles.dropdownMenu, className);
+    $[16] = className;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
 
-  const maxHeight = (Math.ceil(maxVisibleItems) + (isMoreThanPlusOne ? 0.5 : 1.5)) * itemHeight;
-  const {
-    maxHeight: cleanMaxHeight,
-    leastMaxHeight,
-    ...cleanedRestProps
-  } = restProps; // cast to make runtime omit
+  const t8 = mode === "rock" ? "rock" : "classic";
+  let t9;
 
-  const theme = useThemeWithUndefined(themeFromProps);
-  return /*#__PURE__*/React.createElement(Dropdown, { ...cleanedRestProps,
-    closeOnTab: true,
-    mode: mode,
-    theme: theme,
-    leastMaxHeight: itemHeight,
-    maxHeight: maxHeight,
-    className: cn(SIZE_TO_CLASS[size], styles.dropdownMenu, className)
-  }, /*#__PURE__*/React.createElement(MenuWrapper, {
-    el: menuWrapperEl,
-    setEl: setMenuWrapperEl,
-    onHeightUpdate: setHeight
-  }, /*#__PURE__*/React.createElement(Menu, {
-    size: size,
-    iconPlacement: iconPlacement,
-    itemTag: itemTag,
-    tag: tag,
-    mode: mode === 'rock' ? 'rock' : 'classic',
-    "data-test": "dropdown-menu",
-    "data-rs-internal": 'dropdown-menu__menu',
-    className: styles.menu,
-    enableKeyboardNavigation: true,
-    returnFocusOnUnmount: true,
-    activateFirstItem: activateFirstItemOnOpen,
-    wrapItemsWithLi: wrapItemsWithLi,
-    resizeIcons: resizeIcons
-  }, children)));
+  if ($[19] !== contrastPrimaryFromCss) {
+    t9 = {
+      "--rs-menu-contrast-primary": contrastPrimaryFromCss
+    };
+    $[19] = contrastPrimaryFromCss;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+
+  let t10;
+
+  if ($[21] !== activateFirstItemOnOpen || $[22] !== children || $[23] !== iconPlacement || $[24] !== itemTag || $[25] !== resizeIcons || $[26] !== size || $[27] !== t8 || $[28] !== t9 || $[29] !== tag || $[30] !== wrapItemsWithLi) {
+    t10 = /*#__PURE__*/React.createElement(Menu, {
+      size: size,
+      iconPlacement: iconPlacement,
+      itemTag: itemTag,
+      tag: tag,
+      mode: t8,
+      "data-test": "dropdown-menu",
+      "data-rs-internal": "dropdown-menu__menu",
+      className: styles.menu,
+      style: t9,
+      enableKeyboardNavigation: true,
+      activateFirstItem: activateFirstItemOnOpen,
+      wrapItemsWithLi: wrapItemsWithLi,
+      resizeIcons: resizeIcons
+    }, children);
+    $[21] = activateFirstItemOnOpen;
+    $[22] = children;
+    $[23] = iconPlacement;
+    $[24] = itemTag;
+    $[25] = resizeIcons;
+    $[26] = size;
+    $[27] = t8;
+    $[28] = t9;
+    $[29] = tag;
+    $[30] = wrapItemsWithLi;
+    $[31] = t10;
+  } else {
+    t10 = $[31];
+  }
+
+  let t11;
+
+  if ($[32] !== menuWrapperEl || $[33] !== t10) {
+    t11 = /*#__PURE__*/React.createElement(MenuWrapper, {
+      el: menuWrapperEl,
+      setEl: setMenuWrapperEl,
+      onHeightUpdate: setHeight
+    }, t10);
+    $[32] = menuWrapperEl;
+    $[33] = t10;
+    $[34] = t11;
+  } else {
+    t11 = $[34];
+  }
+
+  let t12;
+
+  if ($[35] !== cleanedRestProps || $[36] !== itemHeight || $[37] !== maxHeight || $[38] !== mode || $[39] !== t11 || $[40] !== t7 || $[41] !== theme) {
+    t12 = /*#__PURE__*/React.createElement(Dropdown, _extends({}, cleanedRestProps, {
+      closeOnTab: true,
+      mode: mode,
+      theme: theme,
+      leastMaxHeight: itemHeight,
+      maxHeight: maxHeight,
+      className: t7
+    }), t11);
+    $[35] = cleanedRestProps;
+    $[36] = itemHeight;
+    $[37] = maxHeight;
+    $[38] = mode;
+    $[39] = t11;
+    $[40] = t7;
+    $[41] = theme;
+    $[42] = t12;
+  } else {
+    t12 = $[42];
+  }
+
+  return t12;
 };
 
 export { DropdownMenu, DropdownMenu as default };

package/lib/dropdown-menu.p.module.css.js

@@ -1,8 +1,8 @@
 var styles = {
-  "sizeS": "_sizeS_1t494nu_8",
-  "sizeM": "_sizeM_1t494nu_11",
-  "sizeL": "_sizeL_1t494nu_14",
-  "dropdownMenu": "_dropdownMenu_1t494nu_18",
-  "menu": "_menu_1t494nu_23"
+  "sizeS": "_sizeS_10ftboi_8",
+  "sizeM": "_sizeM_10ftboi_11",
+  "sizeL": "_sizeL_10ftboi_14",
+  "dropdownMenu": "_dropdownMenu_10ftboi_18",
+  "menu": "_menu_10ftboi_23"
 };
 export { styles as default };

package/lib/index.css

@@ -1,29 +1,29 @@
-._sizeS_1t494nu_8{
+._sizeS_10ftboi_8{
   --_rs-dropdown-menu-min-width:316px;
   --_rs-dropdown-menu-max-width:389px;
 }
-._sizeS_1t494nu_8 [data-rs-internal='dropdown-menu__menu-wrapper']{
+._sizeS_10ftboi_8 [data-rs-internal='dropdown-menu__menu-wrapper']{
     --_rs-dropdown-menu-item-height:32px;
   }
-._sizeM_1t494nu_11{
+._sizeM_10ftboi_11{
   --_rs-dropdown-menu-min-width:316px;
   --_rs-dropdown-menu-max-width:494px;
 }
-._sizeM_1t494nu_11 [data-rs-internal='dropdown-menu__menu-wrapper']{
+._sizeM_10ftboi_11 [data-rs-internal='dropdown-menu__menu-wrapper']{
     --_rs-dropdown-menu-item-height:40px;
   }
-._sizeL_1t494nu_14{
+._sizeL_10ftboi_14{
   --_rs-dropdown-menu-min-width:316px;
   --_rs-dropdown-menu-max-width:494px;
 }
-._sizeL_1t494nu_14 [data-rs-internal='dropdown-menu__menu-wrapper']{
+._sizeL_10ftboi_14 [data-rs-internal='dropdown-menu__menu-wrapper']{
     --_rs-dropdown-menu-item-height:52px;
   }
-._dropdownMenu_1t494nu_18{
+._dropdownMenu_10ftboi_18{
   min-width:var(--_rs-dropdown-menu-min-width);
   max-width:var(--_rs-dropdown-menu-max-width);
 }
-._menu_1t494nu_23{
+._menu_10ftboi_23{
   margin:0;
   padding:0;
 

package/lib/menu-wrapper.js

@@ -1,18 +1,42 @@
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import { useResizeObserver } from '@rescui/use-resize-observer';
 
-const MenuWrapper = _ref => {
-  let {
+const MenuWrapper = t0 => {
+  const $ = c(5);
+  const {
     children,
     onHeightUpdate,
     setEl,
     el
-  } = _ref;
-  useResizeObserver(el, entry => onHeightUpdate(entry.target.offsetHeight));
-  return /*#__PURE__*/React.createElement("div", {
-    ref: setEl,
-    "data-rs-internal": 'dropdown-menu__menu-wrapper'
-  }, children);
+  } = t0;
+  let t1;
+
+  if ($[0] !== onHeightUpdate) {
+    t1 = entry => onHeightUpdate(entry.target.offsetHeight);
+
+    $[0] = onHeightUpdate;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+
+  useResizeObserver(el, t1);
+  let t2;
+
+  if ($[2] !== children || $[3] !== setEl) {
+    t2 = /*#__PURE__*/React.createElement("div", {
+      ref: setEl,
+      "data-rs-internal": "dropdown-menu__menu-wrapper"
+    }, children);
+    $[2] = children;
+    $[3] = setEl;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+
+  return t2;
 };
 
 MenuWrapper.displayName = 'MenuWrapper';

package/lib/public-api.p.css

@@ -1,3 +1,8 @@
+@property --_rs-theme-dark-coefficient{
+  syntax:'<number>';
+  inherits:true;
+  initial-value:0;
+}
 @define-mixin rs-dropdown-menu-size-s{
   &[class]{
     --_rs-dropdown-menu-min-width:316px;

package/lib/public-api.pcss

@@ -1,3 +1,8 @@
+@property --_rs-theme-dark-coefficient{
+  syntax:'<number>';
+  inherits:true;
+  initial-value:0;
+}
 @define-mixin rs-dropdown-menu-size-s{
   &[class]{
     --_rs-dropdown-menu-min-width:316px;

package/lib/use-extract-css-values.d.ts

@@ -0,0 +1,6 @@
+type CssValues = {
+    itemHeightFromCss: number | null;
+    contrastPrimaryFromCss: number | null;
+};
+export declare const useExtractCssValues: (menuWrapperEl: HTMLDivElement | null) => CssValues;
+export {};

package/lib/use-extract-css-values.js

@@ -0,0 +1,51 @@
+import { c } from 'react-compiler-runtime';
+import { useState, useEffect, useLayoutEffect } from 'react';
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+
+const useExtractCssValues = menuWrapperEl => {
+  const $ = c(4);
+  let t0;
+
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      itemHeightFromCss: null,
+      contrastPrimaryFromCss: null
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+
+  const [cssValues, setCssValues] = useState(t0);
+  let t1;
+  let t2;
+
+  if ($[1] !== menuWrapperEl) {
+    t1 = () => {
+      const menuWrapperStyles = menuWrapperEl?.ownerDocument?.defaultView?.getComputedStyle(menuWrapperEl);
+
+      if (!menuWrapperStyles) {
+        return;
+      }
+
+      const nextCssValues = {
+        itemHeightFromCss: parseInt(menuWrapperStyles.getPropertyValue("--_rs-dropdown-menu-item-height"), 10) || null,
+        contrastPrimaryFromCss: parseInt(menuWrapperStyles.getPropertyValue("--rs-dropdown-menu-contrast-primary"), 10) || null
+      };
+      setCssValues(previousCssValues => previousCssValues.itemHeightFromCss === nextCssValues.itemHeightFromCss && previousCssValues.contrastPrimaryFromCss === nextCssValues.contrastPrimaryFromCss ? previousCssValues : nextCssValues);
+    };
+
+    t2 = [menuWrapperEl];
+    $[1] = menuWrapperEl;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+
+  useIsomorphicLayoutEffect(t1, t2);
+  return cssValues;
+};
+
+export { useExtractCssValues };

package/llm/components/dropdown-menu.md

@@ -6,6 +6,8 @@ DropdownMenu is a special type of Dropdown component with predefined dimensions
 
 ### Features showcase
 
+Do not combine `iconPlacement="right"` with `selected` prop.
+
 #### Basic example
 
 ```tsx
@@ -139,7 +141,8 @@ const GlowMenuItem = ({ theme, ...restProps }) => {
     lightSizeEnterAnimationTime: 0,
     lightSizeLeaveAnimationTime: 0,
     preset: 'bright-pink',
-    enableBurst: true
+    enableBurst: true,
+    forceTheme: 'light'
   });
   return <MenuItem {...restProps} ref={ref} />;
 };
@@ -171,45 +174,45 @@ const Demo = () => {
 render(<Demo />);
 ```
 
-#### With glow effect and selected support
+#### With selected support
 
 ```tsx
 import { useState } from 'react';
 import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
 import { Button } from '@rescui/button';
-import { useGlowHover } from '@rescui/use-glow-hover';
 
-const GlowMenuItem = ({ theme, selected, ...restProps }) => {
-  const ref = useGlowHover({
-    lightSizeEnterAnimationTime: 0,
-    lightSizeLeaveAnimationTime: 0,
-    preset: 'bright-pink',
-    disabled: selected,
-    enableBurst: true
-  });
-  return <MenuItem {...restProps} selected={selected} ref={ref} />;
-};
+const OPTIONS = [
+  'Some text 1',
+  'Some text 2',
+  'Some text 3',
+  'Some text 4',
+  'Some text 5',
+  'Some text 6',
+  'Some text 7',
+  'Some text 8'
+];
 
 const Demo = () => {
   const [isOpen, setIsOpen] = useState(false);
+  const [selected, setSelected] = useState(OPTIONS[2]);
 
   const toggleIsOpen = () => setIsOpen(s => !s);
 
   return (
     <DropdownMenu
-      mode={'rock'}
       isOpen={isOpen}
       onRequestClose={() => setIsOpen(false)}
       trigger={<Button onClick={toggleIsOpen}>Open Menu</Button>}
     >
-      <GlowMenuItem>Some text 1</GlowMenuItem>
-      <GlowMenuItem>Some text 2</GlowMenuItem>
-      <GlowMenuItem selected>Some text 3</GlowMenuItem>
-      <GlowMenuItem>Some text 4</GlowMenuItem>
-      <GlowMenuItem>Some text 5</GlowMenuItem>
-      <GlowMenuItem>Some text 6</GlowMenuItem>
-      <GlowMenuItem>Some text 7</GlowMenuItem>
-      <GlowMenuItem>Some text 8</GlowMenuItem>
+      {OPTIONS.map(option => (
+        <MenuItem
+          key={option}
+          selected={selected === option}
+          onClick={() => setSelected(option)}
+        >
+          {option}
+        </MenuItem>
+      ))}
     </DropdownMenu>
   );
 };
@@ -283,6 +286,106 @@ const Demo = () => {
 render(<Demo />);
 ```
 
+#### With hover icon
+
+```tsx
+import { useState } from 'react';
+import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
+import { Button } from '@rescui/button';
+import {
+  LeftOutlineIcon,
+  DownloadOutlineIcon,
+  CloseOutlineIcon
+} from '@rescui/icons';
+
+const Demo = () => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const toggleIsOpen = () => setIsOpen(s => !s);
+
+  return (
+    <DropdownMenu
+      isOpen={isOpen}
+      onRequestClose={() => setIsOpen(false)}
+      trigger={<Button onClick={toggleIsOpen}>With hover icons</Button>}
+      size="l"
+    >
+      <MenuItem hoverIcon={<DownloadOutlineIcon />}>Some text 1</MenuItem>
+      <MenuItem hoverIcon={<CloseOutlineIcon />} selected>
+        Some text 2
+      </MenuItem>
+      <MenuItem hoverIcon={<DownloadOutlineIcon />}>Some text 3</MenuItem>
+      <MenuItem
+        icon={<LeftOutlineIcon />}
+        iconPlacement="right"
+        hoverIcon={<CloseOutlineIcon />}
+      >
+        Some text 4
+      </MenuItem>
+      <MenuItem hoverIcon={<DownloadOutlineIcon />}>Some text 5</MenuItem>
+    </DropdownMenu>
+  );
+};
+
+render(<Demo />);
+```
+
+#### Contrast primary color
+
+If your primary color background requires dark text color, use `--rs-dropdown-menu-contrast-primary` CSS variable.
+
+```tsx
+import { useState } from 'react';
+import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
+import { Button } from '@rescui/button';
+
+const Demo = () => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const toggleIsOpen = () => setIsOpen(s => !s);
+
+  return (
+    <div className="light-green-primary">
+      <DropdownMenu
+        isOpen={isOpen}
+        onRequestClose={() => setIsOpen(false)}
+        trigger={
+          <Button onClick={toggleIsOpen} mode="rock">
+            Open Menu
+          </Button>
+        }
+        size="l"
+        className="dropdown-menu-with-contrast-primary"
+      >
+        <MenuItem>Some text 1</MenuItem>
+        <MenuItem>Some text 2</MenuItem>
+        <MenuItem>Some text 3</MenuItem>
+        <MenuItem>Some text 4</MenuItem>
+        <MenuItem>Some text 5</MenuItem>
+      </DropdownMenu>
+    </div>
+  );
+};
+
+render(<Demo />);
+```
+
+```postcss
+.dropdown-menu-with-contrast-primary {
+  --rs-dropdown-menu-contrast-primary: 1;
+}
+
+.light-green-primary {
+  --rs-color-primary-light-theme: rgb(71, 224, 84);
+  --rs-color-primary-t-dim-light-theme: rgba(71, 224, 84, 0.8);
+  --rs-color-primary-t-fog-light-theme: rgba(71, 224, 84, 0.2);
+
+  --rs-color-primary-dark-theme: rgb(71, 224, 84);
+  --rs-color-primary-t-dim-dark-theme: rgba(71, 224, 84, 0.8);
+  --rs-color-primary-t-fog-dark-theme: rgba(71, 224, 84, 0.2);
+}
+```
+
 ## CSS Mixins API
 
 #### `DropdownMenu` mixins
@@ -342,3 +445,11 @@ render(<MyDropdownMenu />);
   }
 }
 ```
+
+#### `Menu` CSS Vars
+
+| Variable | Syntax | Description |
+| --- | --- | --- |
+| `--rs-dropdown-menu-contrast-primary` | `0 \| 1` | The flag whenever the current primary is contrast enough and highlighted text color should be inverted |
+
+Check out [this example](/components/dropdown-menu/#contrast-primary-color) for contrast primary.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/dropdown-menu",
-  "version": "0.11.19-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
+  "version": "0.11.19-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -17,10 +17,11 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
-    "@rescui/dropdown": "0.11.1-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
-    "@rescui/menu": "0.13.8-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
-    "@rescui/use-resize-observer": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
-    "classnames": "^2.2.6"
+    "@rescui/dropdown": "0.11.1-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
+    "@rescui/menu": "0.13.8-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
+    "@rescui/use-resize-observer": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
+    "classnames": "^2.2.6",
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
@@ -28,10 +29,10 @@
     "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
-    "@rescui/icons": "1.8.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
+    "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
+    "@rescui/icons": "1.8.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
     "@rescui/scripts": "0.5.2",
-    "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
+    "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
     "@rescui/visual-regression": "0.1.4"
   },
   "scripts": {
@@ -39,5 +40,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
+  "gitHead": "8aaaed4bee650c002b7f195438380b70c31cc5a4"
 }