@rescui/chip-list 0.14.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15 → 0.14.4

package/lib/index.css

@@ -1,19 +1,24 @@
-._light_ylckjj_8{
+@property --_rs-theme-dark-coefficient{
+  syntax:'<number>';
+  inherits:true;
+  initial-value:0;
+}
+._light_obqqq4_8{
   --rs-theme-dark:0;
 }
-._dark_ylckjj_11{
+._dark_obqqq4_11{
   --rs-theme-dark:1;
 }
-._alignLeft_ylckjj_15{
+._alignLeft_obqqq4_15{
   --_rs-cl-align:left;
 }
-._alignCenter_ylckjj_18{
+._alignCenter_obqqq4_18{
   --_rs-cl-align:center;
 }
-._alignRight_ylckjj_21{
+._alignRight_obqqq4_21{
   --_rs-cl-align:right;
 }
-._sizeXs_ylckjj_25{
+._sizeXs_obqqq4_25{
   --_rs-cl-chip-base-border-radius:4px;
   --_rs-cl-chip-compact-border-radius:var(--_rs-cl-chip-base-border-radius);
   --_rs-cl-chip-vertical-padding:2px;
@@ -27,7 +32,7 @@
   --_rs-cl-compact-horizontal-gap:4px;
   --_rs-cl-sparse-horizontal-gap:12px;
 }
-._sizeXs_ylckjj_25 [data-rs-internal='chip-list__chip']{
+._sizeXs_obqqq4_25 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -62,7 +67,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeS_ylckjj_28{
+._sizeS_obqqq4_28{
   --_rs-cl-chip-base-border-radius:16px;
   --_rs-cl-chip-compact-border-radius:4px;
   --_rs-cl-chip-vertical-padding:6px;
@@ -76,7 +81,7 @@
   --_rs-cl-compact-horizontal-gap:6px;
   --_rs-cl-sparse-horizontal-gap:12px;
 }
-._sizeS_ylckjj_28 [data-rs-internal='chip-list__chip']{
+._sizeS_obqqq4_28 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -111,7 +116,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeM_ylckjj_31{
+._sizeM_obqqq4_31{
   --_rs-cl-chip-base-border-radius:20px;
   --_rs-cl-chip-compact-border-radius:8px;
   --_rs-cl-chip-vertical-padding:8px;
@@ -125,7 +130,7 @@
   --_rs-cl-compact-horizontal-gap:6px;
   --_rs-cl-sparse-horizontal-gap:16px;
 }
-._sizeM_ylckjj_31 [data-rs-internal='chip-list__chip']{
+._sizeM_obqqq4_31 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -164,11 +169,11 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeM_ylckjj_31 [data-rs-internal='chip-list__chip']{
+._sizeM_obqqq4_31 [data-rs-internal='chip-list__chip']{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-._sizeL_ylckjj_34{
+._sizeL_obqqq4_34{
   --_rs-cl-chip-base-border-radius:26px;
   --_rs-cl-chip-compact-border-radius:12px;
   --_rs-cl-chip-vertical-padding:12px;
@@ -183,11 +188,11 @@
   --_rs-cl-sparse-horizontal-gap:16px;
 }
 @media screen and (max-width: 640px){
-._sizeL_ylckjj_34{
+._sizeL_obqqq4_34{
     --_rs-cl-vertical-gap:12px;
 }
   }
-._sizeL_ylckjj_34 [data-rs-internal='chip-list__chip']{
+._sizeL_obqqq4_34 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -226,34 +231,34 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeL_ylckjj_34 [data-rs-internal='chip-list__chip']{
+._sizeL_obqqq4_34 [data-rs-internal='chip-list__chip']{
     --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
   }
   }
-._innerOffsetL_ylckjj_38{
+._innerOffsetL_obqqq4_38{
   --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-sparse-horizontal-gap);
 }
 @media screen and (max-width: 640px){
-._innerOffsetL_ylckjj_38{
+._innerOffsetL_obqqq4_38{
     --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-base-horizontal-gap);
 }
   }
-._innerOffsetM_ylckjj_41{
+._innerOffsetM_obqqq4_41{
   --_rs-cl-horizontal-gap-from-sparse:initial;
 }
-._classic_ylckjj_45{
+._classic_obqqq4_45{
   --_rs-cl-chip-active-border-color:var(--_rs-color-primary);
   --_rs-cl-chip-selected-border-color:var(--_rs-color-primary);
   --_rs-cl-chip-hover-background:var(--_rs-color-primary-t-fog);
   --_rs-cl-chip-active-background:var(--_rs-color-primary-t-fog);
 }
-._rock_ylckjj_48{
+._rock_obqqq4_48{
   --_rs-cl-chip-active-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   --_rs-cl-chip-selected-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   --_rs-cl-chip-hover-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
   --_rs-cl-chip-active-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
 }
-._compact_ylckjj_52{
+._compact_obqqq4_52{
   --_rs-cl-chip-border-radius-from-compact:var(
     --_rs-cl-chip-compact-border-radius
   );
@@ -262,7 +267,7 @@
   );
   --_rs-cl-horizontal-gap-from-compact:var(--_rs-cl-compact-horizontal-gap);
 }
-._main_ylckjj_56{
+._main_obqqq4_56{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -272,7 +277,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._main_ylckjj_56{
+._main_obqqq4_56{
     --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -281,7 +286,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._main_ylckjj_56{
+._main_obqqq4_56{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -289,7 +294,7 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._main_ylckjj_56 {
+._main_obqqq4_56 {
   --_rs-cl-chip-border-radius:var(
     --_rs-cl-chip-border-radius-from-compact,
     var(--_rs-cl-chip-base-border-radius)
@@ -303,7 +308,7 @@
     var(--_rs-cl-horizontal-gap-from-sparse, var(--_rs-cl-base-horizontal-gap))
   );
 }
-._chipsContainer_ylckjj_62{
+._chipsContainer_obqqq4_62{
   position:relative;
 
   display:flex;
@@ -312,17 +317,17 @@
 
   gap:var(--_rs-cl-vertical-gap) var(--_rs-cl-horizontal-gap);
 }
-._alignIconLeft_ylckjj_72{
+._alignIconLeft_obqqq4_72{
   --_rs-cl-chip-icon-flex-direction:row;
   --_rs-cl-chip-icon-position-multiplier-left:1;
   --_rs-cl-chip-icon-position-multiplier-right:0;
 }
-._alignIconRight_ylckjj_75{
+._alignIconRight_obqqq4_75{
   --_rs-cl-chip-icon-flex-direction:row-reverse;
   --_rs-cl-chip-icon-position-multiplier-left:0;
   --_rs-cl-chip-icon-position-multiplier-right:1;
 }
-._chip_ylckjj_62{
+._chip_obqqq4_62{
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -374,25 +379,25 @@
   -moz-osx-font-smoothing:inherit;
   -webkit-appearance:none;
 }
-._chip_ylckjj_62::-moz-focus-inner{
+._chip_obqqq4_62::-moz-focus-inner{
     padding:0;
 
     border:none;
   }
-._chip_ylckjj_62:hover,
-  ._chip_ylckjj_62:focus,
-  ._chip_ylckjj_62:active{
+._chip_obqqq4_62:hover,
+  ._chip_obqqq4_62:focus,
+  ._chip_obqqq4_62:active{
     outline:none;
 
     text-decoration:none;
   }
-._chip_ylckjj_62:focus[data-focus-method='key']{
+._chip_obqqq4_62:focus[data-focus-method='key']{
     box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
   }
-._chip_ylckjj_62:has(:focus[data-focus-method='key']){
+._chip_obqqq4_62:has(:focus[data-focus-method='key']){
     box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
   }
-._chip_ylckjj_62:focus{
+._chip_obqqq4_62:focus{
     --_rs-cl-chip-border-color:rgba(
       calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
       calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -401,7 +406,7 @@
     color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   }
 @media (hover: hover){
-    ._chip_ylckjj_62:hover{
+    ._chip_obqqq4_62:hover{
       --_rs-cl-chip-border-color:rgba(
         calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
         calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -412,20 +417,20 @@
       background:var(--_rs-cl-chip-hover-background);
     }
   }
-._chip_ylckjj_62:active{
+._chip_obqqq4_62:active{
     --_rs-cl-chip-border-color:var(--_rs-cl-chip-active-border-color);
 
     color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
 
     background:var(--_rs-cl-chip-active-background);
   }
-._chip_ylckjj_62._selected_ylckjj_176{
+._chip_obqqq4_62._selected_obqqq4_176{
     --_rs-cl-chip-border-color:var(--_rs-cl-chip-selected-border-color);
     --_rs-cl-chip-border-width:2px;
 
     color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   }
-._disabled_ylckjj_183 ._chip_ylckjj_62{
+._disabled_obqqq4_183 ._chip_obqqq4_62{
     --_rs-cl-chip-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
 
     pointer-events:none;
@@ -434,10 +439,10 @@
 
     background:transparent;
   }
-._disabled_ylckjj_183 ._chip_ylckjj_62._selected_ylckjj_176{
+._disabled_obqqq4_183 ._chip_obqqq4_62._selected_obqqq4_176{
       --_rs-cl-chip-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.4);
     }
-._chip_ylckjj_62::before{
+._chip_obqqq4_62::before{
     position:absolute;
     top:0;
     right:0;
@@ -454,7 +459,7 @@
 
     transition:border-color 100ms var(--rs-transition-function, ease);
   }
-._chip_ylckjj_62 ._icon_ylckjj_216{
+._chip_obqqq4_62 ._icon_obqqq4_216{
     flex:0 0 auto;
 
     width:auto;
@@ -463,7 +468,7 @@
     margin:0;
     fill:currentColor;
   }
-._hiddenInput_ylckjj_227{
+._hiddenInput_obqqq4_227{
   position:absolute;
 
   overflow:hidden;
@@ -479,7 +484,7 @@
   white-space:nowrap;
   clip-path:inset(50%);
 }
-._withoutText_ylckjj_244{
+._withoutText_obqqq4_244{
   --_rs-cl-chip-horizontal-real-padding:var(--_rs-cl-chip-icon-only-padding);
   --_rs-cl-chip-vertical-real-padding:var(--_rs-cl-chip-icon-only-padding);
 }

package/lib/parts/chip-list.p.module.css.js

@@ -1,27 +1,27 @@
 var styles = {
-  "light": "_light_ylckjj_8",
-  "dark": "_dark_ylckjj_11",
-  "alignLeft": "_alignLeft_ylckjj_15",
-  "alignCenter": "_alignCenter_ylckjj_18",
-  "alignRight": "_alignRight_ylckjj_21",
-  "sizeXs": "_sizeXs_ylckjj_25",
-  "sizeS": "_sizeS_ylckjj_28",
-  "sizeM": "_sizeM_ylckjj_31",
-  "sizeL": "_sizeL_ylckjj_34",
-  "innerOffsetL": "_innerOffsetL_ylckjj_38",
-  "innerOffsetM": "_innerOffsetM_ylckjj_41",
-  "classic": "_classic_ylckjj_45",
-  "rock": "_rock_ylckjj_48",
-  "compact": "_compact_ylckjj_52",
-  "main": "_main_ylckjj_56",
-  "chipsContainer": "_chipsContainer_ylckjj_62",
-  "alignIconLeft": "_alignIconLeft_ylckjj_72",
-  "alignIconRight": "_alignIconRight_ylckjj_75",
-  "chip": "_chip_ylckjj_62",
-  "selected": "_selected_ylckjj_176",
-  "disabled": "_disabled_ylckjj_183",
-  "icon": "_icon_ylckjj_216",
-  "hiddenInput": "_hiddenInput_ylckjj_227",
-  "withoutText": "_withoutText_ylckjj_244"
+  "light": "_light_obqqq4_8",
+  "dark": "_dark_obqqq4_11",
+  "alignLeft": "_alignLeft_obqqq4_15",
+  "alignCenter": "_alignCenter_obqqq4_18",
+  "alignRight": "_alignRight_obqqq4_21",
+  "sizeXs": "_sizeXs_obqqq4_25",
+  "sizeS": "_sizeS_obqqq4_28",
+  "sizeM": "_sizeM_obqqq4_31",
+  "sizeL": "_sizeL_obqqq4_34",
+  "innerOffsetL": "_innerOffsetL_obqqq4_38",
+  "innerOffsetM": "_innerOffsetM_obqqq4_41",
+  "classic": "_classic_obqqq4_45",
+  "rock": "_rock_obqqq4_48",
+  "compact": "_compact_obqqq4_52",
+  "main": "_main_obqqq4_56",
+  "chipsContainer": "_chipsContainer_obqqq4_62",
+  "alignIconLeft": "_alignIconLeft_obqqq4_72",
+  "alignIconRight": "_alignIconRight_obqqq4_75",
+  "chip": "_chip_obqqq4_62",
+  "selected": "_selected_obqqq4_176",
+  "disabled": "_disabled_obqqq4_183",
+  "icon": "_icon_obqqq4_216",
+  "hiddenInput": "_hiddenInput_obqqq4_227",
+  "withoutText": "_withoutText_obqqq4_244"
 };
 export { styles as default };

package/lib/parts/use-items-ids.js

@@ -60,9 +60,18 @@ const useItemsIds = _ref2 => {
     let currentHasHref = false;
     let currentHasControls = false;
     let currentAllItemsHaveControls = true;
+    /*
+     * deepMap invokes its callback synchronously. The callback ref is created
+     * during render, but accesses tabRefs.current only when React invokes it
+     * during commit.
+     */
+    // eslint-disable-next-line react-hooks/refs
+
     const items = deepMap(children, child => {
       if (child.type === Chip) {
         if (hasElHref(child)) {
+          // same explanation as above
+          // eslint-disable-next-line react-hooks/immutability
           currentHasHref = true;
         }
 

package/lib/parts/use-roving-tab-index.js

@@ -38,11 +38,17 @@ const useRovingTabIndex = _ref2 => {
     tabRefs
   } = _ref2;
   const [currentTabStopId, setCurrentTabStopId] = React.useState(selectedId ?? 0);
-  React.useEffect(() => {
+  const [previousSelectedId, setPreviousSelectedId] = React.useState(selectedId);
+
+  if (!Object.is(selectedId, previousSelectedId)) {
+    setPreviousSelectedId(selectedId);
+
     if (typeof selectedId !== 'undefined') {
       setCurrentTabStopId(selectedId);
     }
-  }, [selectedId]);
+  }
+
+  const currentTabsRefs = tabRefs?.current;
   const onTabKeyDown = React.useCallback((e, itemId) => {
     var _context;
 
@@ -54,7 +60,7 @@ const useRovingTabIndex = _ref2 => {
       return;
     }
 
-    const itemsCount = tabRefs?.current.size ?? 0;
+    const itemsCount = currentTabsRefs.size ?? 0;
     const nextItemId = getNextItemId({
       currentItemId: itemId,
       itemsCount,
@@ -62,8 +68,8 @@ const useRovingTabIndex = _ref2 => {
     });
     e.preventDefault();
     setCurrentTabStopId(nextItemId);
-    tabRefs?.current.get(nextItemId)?.focus();
-  }, [enabled, tabRefs]);
+    currentTabsRefs.get(nextItemId)?.focus();
+  }, [enabled, currentTabsRefs]);
   return {
     currentTabStopId,
     onTabKeyDown

package/lib/parts/use-safe-id.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const useSafeId: typeof React.useId;
+declare function useFallbackId(): number;
+export declare const useSafeId: typeof React.useId | typeof useFallbackId;
+export {};

package/lib/parts/use-safe-id.js

@@ -1,15 +1,10 @@
-import React, { useRef } from 'react';
+import React, { useState } from 'react';
+let nextFallbackId = 0;
 
-const useFallbackId = () => {
-  const id = useRef(null);
+function useFallbackId() {
+  const [id] = useState(() => nextFallbackId++);
+  return id;
+}
 
-  if (id.current === null) {
-    id.current = useFallbackId.counter++;
-  }
-
-  return id.current.toString();
-};
-
-useFallbackId.counter = 0;
 const useSafeId = React.useId ?? useFallbackId;
 export { useSafeId };

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-chip-list-align-left{
   &:not(html){
     --_rs-cl-align:left;

package/lib/public-api.pcss

@@ -1,3 +1,8 @@
+@property --_rs-theme-dark-coefficient{
+  syntax:'<number>';
+  inherits:true;
+  initial-value:0;
+}
 @define-mixin rs-chip-list-align-left{
   &:not(html){
     --_rs-cl-align:left;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/chip-list",
-  "version": "0.14.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
+  "version": "0.14.4",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -22,18 +22,18 @@
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
     "prop-types": "^15",
-    "react": ">=17.0.0 <20"
+    "react": ">=16.8.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
-    "@rescui/scripts": "0.5.2",
-    "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
-    "@rescui/visual-regression": "0.1.4"
+    "@rescui/colors": "^0.3.3",
+    "@rescui/scripts": "^0.5.2",
+    "@rescui/typography": "^0.27.4",
+    "@rescui/visual-regression": "^0.1.4"
   },
   "scripts": {
     "build": "rescui-scripts build && yarn run build-pcss-api",
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "f15074a13a93f4cdfe7b9ac295f0a493e4a0ca0f"
+  "gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
 }