@jetbrains/ring-ui-built 8.0.0-beta.2 → 8.0.0-beta.3

package/components/editable-heading/editable-heading.js

@@ -1,13 +1,12 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import * as React from 'react';
-import { useEffect } from 'react';
+import { useEffectEvent, useEffect } from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
 import { Button } from '../button/button.js';
 import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
-import useEventCallback from '../global/use-event-callback.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../_helpers/heading.js';
@@ -40,11 +39,11 @@ function noop() {}
 // eslint-disable-next-line complexity
 const EditableHeading = props => {
   const $ = c(129);
-  if ($[0] !== "3ac267c2661a712752bc17aadc2ab1fd112b0978580f58998a2e6034e2034a23") {
+  if ($[0] !== "7f58f2f72c51c33966552a21e4710894a686c3e1d3b939c62cf38b6b9080fa58") {
     for (let $i = 0; $i < 129; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "3ac267c2661a712752bc17aadc2ab1fd112b0978580f58998a2e6034e2034a23";
+    $[0] = "7f58f2f72c51c33966552a21e4710894a686c3e1d3b939c62cf38b6b9080fa58";
   }
   let children;
   let className;
@@ -326,7 +325,7 @@ const EditableHeading = props => {
   } else {
     t25 = $[62];
   }
-  const onMouseMove = useEventCallback(t25);
+  const onMouseMove = useEffectEvent(t25);
   let t26;
   if ($[63] !== disabled || $[64] !== isInSelectionMode || $[65] !== isMouseDown || $[66] !== onEdit) {
     t26 = () => {
@@ -344,7 +343,7 @@ const EditableHeading = props => {
   } else {
     t26 = $[67];
   }
-  const onMouseUp = useEventCallback(t26);
+  const onMouseUp = useEffectEvent(t26);
   let t27;
   if ($[68] !== checkValue || $[69] !== onFocus) {
     t27 = e => {
@@ -399,7 +398,6 @@ const EditableHeading = props => {
   }
   const onInputBlur = t30;
   let t31;
-  let t32;
   if ($[78] !== onMouseMove || $[79] !== onMouseUp) {
     t31 = () => {
       window.addEventListener("mousemove", onMouseMove);
@@ -409,13 +407,17 @@ const EditableHeading = props => {
         window.removeEventListener("mouseup", onMouseUp);
       };
     };
-    t32 = [onMouseMove, onMouseUp];
     $[78] = onMouseMove;
     $[79] = onMouseUp;
     $[80] = t31;
-    $[81] = t32;
   } else {
     t31 = $[80];
+  }
+  let t32;
+  if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
+    t32 = [];
+    $[81] = t32;
+  } else {
     t32 = $[81];
   }
   useEffect(t31, t32);
@@ -572,7 +574,6 @@ const EditableHeading = props => {
   }
   return t38;
 };
-var editableHeading = /*#__PURE__*/React.memo(EditableHeading);
 function _temp() {
   return null;
 }
@@ -588,4 +589,4 @@ function _temp2(el) {
   el.style.height = `${el.scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom)}px`;
 }
 
-export { EditableHeading, Levels, Size, editableHeading as default };
+export { EditableHeading, Levels, Size, EditableHeading as default };

package/components/error-bubble/error-bubble.js

@@ -15,7 +15,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';

package/components/error-message/error-message.js

@@ -6,7 +6,7 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 
 var styles = {"errorMessage":"ring-error-message-errorMessage","title":"ring-error-message-title","description":"ring-error-message-description","content":"ring-error-message-content","icon":"ring-error-message-icon"};

package/components/expand/collapsible-group.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface CollapsibleGroupProps {
+    ref?: React.Ref<HTMLDivElement>;
     avatar?: React.ReactNode;
     title: React.ReactNode;
     subtitle?: React.ReactNode;
@@ -12,5 +13,8 @@ export interface CollapsibleGroupProps {
     interactive?: boolean;
     'data-test'?: string | null | undefined;
 }
-declare const CollapsibleGroup: React.ForwardRefExoticComponent<CollapsibleGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleGroup: {
+    ({ ref, avatar, title, subtitle, children, className, defaultExpanded, expanded, onChange, disableAnimation, interactive, "data-test": dataTest, }: CollapsibleGroupProps): React.JSX.Element;
+    displayName: string;
+};
 export default CollapsibleGroup;

package/components/expand/collapsible-group.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, useState, useContext } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useState, use } from 'react';
 import classNames from 'classnames';
 import chevronRightIcon from '@jetbrains/icons/chevron-12px-right';
 import chevron12pxDown from '@jetbrains/icons/chevron-12px-down';
@@ -21,11 +21,11 @@ var styles = {"expand":"ring-collapsible-group-expand","collapseRoot":"ring-coll
 
 function CollapsibleGroupHeaderContent(t0) {
   const $ = c(16);
-  if ($[0] !== "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3") {
+  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
     for (let $i = 0; $i < 16; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3";
+    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
   }
   const {
     avatar,
@@ -34,7 +34,7 @@ function CollapsibleGroupHeaderContent(t0) {
   } = t0;
   const {
     collapsed
-  } = useContext(CollapseContext);
+  } = use(CollapseContext);
   let t1;
   if ($[1] !== titleContent) {
     t1 = /*#__PURE__*/jsx("span", {
@@ -120,11 +120,11 @@ function CollapsibleGroupHeaderContent(t0) {
 }
 function CollapsibleGroupHeader(t0) {
   const $ = c(16);
-  if ($[0] !== "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3") {
+  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
     for (let $i = 0; $i < 16; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3";
+    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
   }
   let avatar;
   let buttonProps;
@@ -152,7 +152,7 @@ function CollapsibleGroupHeader(t0) {
     setCollapsed,
     collapsed,
     id
-  } = useContext(CollapseContext);
+  } = use(CollapseContext);
   const t1 = `collapse-content-${id}`;
   const t2 = !collapsed;
   let t3;
@@ -193,11 +193,11 @@ function CollapsibleGroupHeader(t0) {
 }
 function CollapsibleGroupHeaderStatic(t0) {
   const $ = c(5);
-  if ($[0] !== "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3") {
+  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
     for (let $i = 0; $i < 5; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3";
+    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
   }
   const {
     avatar,
@@ -223,15 +223,16 @@ function CollapsibleGroupHeaderStatic(t0) {
   }
   return t1;
 }
-const CollapsibleGroup = /*#__PURE__*/forwardRef((t0, ref) => {
+const CollapsibleGroup = t0 => {
   const $ = c(29);
-  if ($[0] !== "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3") {
+  if ($[0] !== "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768") {
     for (let $i = 0; $i < 29; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "248ebb691e89143680b26b525c22d5d37f19214f4f7f322680c1c724fd0796c3";
+    $[0] = "0b0104270833ca27f2118e72fd68547a84ef5bf33921c0d276e95941f6f80768";
   }
   const {
+    ref,
     avatar,
     title,
     subtitle,
@@ -374,7 +375,7 @@ const CollapsibleGroup = /*#__PURE__*/forwardRef((t0, ref) => {
     t14 = $[28];
   }
   return t14;
-});
+};
 CollapsibleGroup.displayName = 'CollapsibleGroup';
 function _temp() {}
 

package/components/footer/footer.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo, isValidElement } from 'react';
 import classNames from 'classnames';
 import Link from '../link/link.js';

package/components/global/create-stateful-context.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { memo, createContext, useState, useContext, useEffect } from 'react';
+import { c } from 'react/compiler-runtime';
+import { memo, createContext, useState, use, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 function createStatefulContext(initialValue, name = '') {
@@ -7,11 +7,11 @@ function createStatefulContext(initialValue, name = '') {
   const UpdateContext = /*#__PURE__*/createContext(() => {});
   function Provider(t0) {
     const $ = c(6);
-    if ($[0] !== "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e") {
+    if ($[0] !== "c32a3d1ce094187d9e31020169cf0e12fc089d2172bbc5ca2c801f434f79cb38") {
       for (let $i = 0; $i < 6; $i += 1) {
         $[$i] = Symbol.for("react.memo_cache_sentinel");
       }
-      $[0] = "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e";
+      $[0] = "c32a3d1ce094187d9e31020169cf0e12fc089d2172bbc5ca2c801f434f79cb38";
     }
     const {
       children
@@ -19,7 +19,7 @@ function createStatefulContext(initialValue, name = '') {
     const [value, update] = useState(initialValue);
     let t1;
     if ($[1] !== children) {
-      t1 = /*#__PURE__*/jsx(UpdateContext.Provider, {
+      t1 = /*#__PURE__*/jsx(UpdateContext, {
         value: update,
         children: children
       });
@@ -30,7 +30,7 @@ function createStatefulContext(initialValue, name = '') {
     }
     let t2;
     if ($[3] !== t1 || $[4] !== value) {
-      t2 = /*#__PURE__*/jsx(ValueContext.Provider, {
+      t2 = /*#__PURE__*/jsx(ValueContext, {
         value: value,
         children: t1
       });
@@ -45,13 +45,13 @@ function createStatefulContext(initialValue, name = '') {
   Provider.displayName = `${name}Provider`;
   function useUpdate(value, skipUpdate) {
     const $ = c(6);
-    if ($[0] !== "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e") {
+    if ($[0] !== "c32a3d1ce094187d9e31020169cf0e12fc089d2172bbc5ca2c801f434f79cb38") {
       for (let $i = 0; $i < 6; $i += 1) {
         $[$i] = Symbol.for("react.memo_cache_sentinel");
       }
-      $[0] = "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e";
+      $[0] = "c32a3d1ce094187d9e31020169cf0e12fc089d2172bbc5ca2c801f434f79cb38";
     }
-    const update = useContext(UpdateContext);
+    const update = use(UpdateContext);
     let t0;
     let t1;
     if ($[1] !== skipUpdate || $[2] !== update || $[3] !== value) {
@@ -74,11 +74,11 @@ function createStatefulContext(initialValue, name = '') {
   }
   function Updater(t0) {
     const $ = c(1);
-    if ($[0] !== "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e") {
+    if ($[0] !== "c32a3d1ce094187d9e31020169cf0e12fc089d2172bbc5ca2c801f434f79cb38") {
       for (let $i = 0; $i < 1; $i += 1) {
         $[$i] = Symbol.for("react.memo_cache_sentinel");
       }
-      $[0] = "576d375e78a62076caf2193d98749eebdfd60d1ce7b219f4ea1f080358177a6e";
+      $[0] = "c32a3d1ce094187d9e31020169cf0e12fc089d2172bbc5ca2c801f434f79cb38";
     }
     const {
       value,

package/components/global/intersection-observer-context.d.ts

@@ -3,9 +3,9 @@ import { type RefObject } from 'react';
  * Usage:
  *
  * ```tsx
- * <IntersectionObserverContext.Provider value={useIntersectionObserverHandle()}>
+ * <IntersectionObserverContext value={useIntersectionObserverHandle()}>
  *   <YourComponent />
- * </IntersectionObserverContext.Provider>
+ * </IntersectionObserverContext>
  *
  * function YourComponent() {
  *   // Contains the current isIntersecting value

package/components/global/intersection-observer-context.js

@@ -1,13 +1,13 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useEffect, createContext, useContext } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useState, useEffect, use, createContext } from 'react';
 
 /**
  * Usage:
  *
  * ```tsx
- * <IntersectionObserverContext.Provider value={useIntersectionObserverHandle()}>
+ * <IntersectionObserverContext value={useIntersectionObserverHandle()}>
  *   <YourComponent />
- * </IntersectionObserverContext.Provider>
+ * </IntersectionObserverContext>
  *
  * function YourComponent() {
  *   // Contains the current isIntersecting value
@@ -22,11 +22,11 @@ import { useState, useEffect, createContext, useContext } from 'react';
 const IntersectionObserverContext = /*#__PURE__*/createContext(null);
 function useIntersectionObserverHandle(rootRef, rootMargin, scrollMargin) {
   const $ = c(6);
-  if ($[0] !== "499977ecd94e47a8c69d7083d0cd9908aa1ee1ef3ab3ce80135833f3d85e5429") {
+  if ($[0] !== "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9") {
     for (let $i = 0; $i < 6; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "499977ecd94e47a8c69d7083d0cd9908aa1ee1ef3ab3ce80135833f3d85e5429";
+    $[0] = "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9";
   }
   const [handle, setHandle] = useState(null);
   let t0;
@@ -75,13 +75,13 @@ function useIntersectionObserverHandle(rootRef, rootMargin, scrollMargin) {
 }
 function useIsIntersecting(elementRef) {
   const $ = c(5);
-  if ($[0] !== "499977ecd94e47a8c69d7083d0cd9908aa1ee1ef3ab3ce80135833f3d85e5429") {
+  if ($[0] !== "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9") {
     for (let $i = 0; $i < 5; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "499977ecd94e47a8c69d7083d0cd9908aa1ee1ef3ab3ce80135833f3d85e5429";
+    $[0] = "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9";
   }
-  const handle = useContext(IntersectionObserverContext);
+  const handle = use(IntersectionObserverContext);
   const [isIntersecting, setIsIntersecting] = useState(false);
   let t0;
   let t1;
@@ -107,13 +107,13 @@ function useIsIntersecting(elementRef) {
 }
 function useIsIntersectingListener(elementRef, onChange) {
   const $ = c(6);
-  if ($[0] !== "499977ecd94e47a8c69d7083d0cd9908aa1ee1ef3ab3ce80135833f3d85e5429") {
+  if ($[0] !== "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9") {
     for (let $i = 0; $i < 6; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "499977ecd94e47a8c69d7083d0cd9908aa1ee1ef3ab3ce80135833f3d85e5429";
+    $[0] = "dfabcb1b8108e1a7f2a2e74a1ab9f1d1069e1f7ab04eda46b950789426c929c9";
   }
-  const handle = useContext(IntersectionObserverContext);
+  const handle = use(IntersectionObserverContext);
   let t0;
   let t1;
   if ($[1] !== elementRef || $[2] !== handle || $[3] !== onChange) {

package/components/global/rerender-hoc.d.ts

@@ -1,4 +1,4 @@
-import { Component, type PropsWithoutRef } from 'react';
+import { Component, type Ref, type PropsWithoutRef } from 'react';
 export interface RerenderableComponent<P, S> extends Component<P, S> {
     node?: HTMLElement | null;
 }
@@ -7,4 +7,6 @@ export interface RerenderableComponentClass<P, S> {
 }
 export default function rerenderHOC<P extends {}, C extends Component<P, unknown>>(ComposedComponent: {
     new (props: P): C;
-}): import("react").ForwardRefExoticComponent<PropsWithoutRef<P> & import("react").RefAttributes<C>>;
+}): ({ ref, ...props }: PropsWithoutRef<P> & {
+    ref?: Ref<C>;
+}) => import("react").JSX.Element;

package/components/global/rerender-hoc.js

@@ -1,5 +1,4 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, Component } from 'react';
+import { Component } from 'react';
 import { createComposedRef } from './compose-refs.js';
 import { jsx } from 'react/jsx-runtime';
 import 'memoize-one';
@@ -19,28 +18,15 @@ function rerenderHOC(ComposedComponent) {
       });
     }
   }
-  return /*#__PURE__*/forwardRef(function RerendererForwardRef(props, ref) {
-    const $ = c(4);
-    if ($[0] !== "ac36aeaece54c7d00df3e23ff1d0deb675c0bc1bf4659806ffc7c8497029aeb7") {
-      for (let $i = 0; $i < 4; $i += 1) {
-        $[$i] = Symbol.for("react.memo_cache_sentinel");
-      }
-      $[0] = "ac36aeaece54c7d00df3e23ff1d0deb675c0bc1bf4659806ffc7c8497029aeb7";
-    }
-    let t0;
-    if ($[1] !== props || $[2] !== ref) {
-      t0 = /*#__PURE__*/jsx(Rerenderer, {
-        props: props,
-        forwardedRef: ref
-      });
-      $[1] = props;
-      $[2] = ref;
-      $[3] = t0;
-    } else {
-      t0 = $[3];
-    }
-    return t0;
-  });
+  return function RerendererForwardRef({
+    ref,
+    ...props
+  }) {
+    return /*#__PURE__*/jsx(Rerenderer, {
+      props: props,
+      forwardedRef: ref !== null && ref !== void 0 ? ref : null
+    });
+  };
 }
 
 export { rerenderHOC as default };

package/components/{legacy-table/selection.d.ts → global/table-selection.d.ts}

@@ -17,7 +17,7 @@ export interface CloneWithConfig<T> {
     selected?: Set<T> | readonly T[] | null | undefined;
     focused?: T | null | undefined;
 }
-export default class Selection<T> {
+export default class TableSelection<T> {
     protected _rawData: readonly T[];
     protected _getChildren: (item: T) => readonly T[];
     protected _data: Set<T>;
@@ -28,19 +28,19 @@ export default class Selection<T> {
     constructor({ data, selected, focused, getKey, getChildren, isItemSelectable, }?: TableSelectionConfig<T>);
     protected _buildData(data: readonly T[] | null | undefined): Set<T>;
     protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
-    cloneWith({ data, selected, focused }: CloneWithConfig<T>): Selection<T>;
-    focus(value: T | null | undefined): Selection<T>;
-    moveUp(): Selection<T> | undefined;
-    moveDown(): Selection<T> | undefined;
-    moveStart(): Selection<T> | undefined;
-    moveEnd(): Selection<T> | undefined;
-    select(value?: T | null): Selection<T>;
-    deselect(value?: T | null): Selection<T>;
-    toggleSelection(value?: T | null): Selection<T>;
-    selectAll(): Selection<T>;
-    resetFocus(): Selection<T>;
-    resetSelection(): Selection<T>;
-    reset(): Selection<T>;
+    cloneWith({ data, selected, focused }: CloneWithConfig<T>): TableSelection<T>;
+    focus(value: T | null | undefined): TableSelection<T>;
+    moveUp(): TableSelection<T> | undefined;
+    moveDown(): TableSelection<T> | undefined;
+    moveStart(): TableSelection<T> | undefined;
+    moveEnd(): TableSelection<T> | undefined;
+    select(value?: T | null): TableSelection<T>;
+    deselect(value?: T | null): TableSelection<T>;
+    toggleSelection(value?: T | null): TableSelection<T>;
+    selectAll(): TableSelection<T>;
+    resetFocus(): TableSelection<T>;
+    resetSelection(): TableSelection<T>;
+    reset(): TableSelection<T>;
     isFocused(value: T | null): boolean;
     isSelected(value: T | null): boolean;
     getFocused(): T | null;

package/components/{legacy-table/selection.js → global/table-selection.js}

@@ -1,7 +1,7 @@
 /**
  * @deprecated SelectionItem is deprecated. Use your own item type and provide a `getKey` function instead if there is no `id` identifier in your item type.
  */
-let Selection$1 = class Selection {
+class TableSelection {
   _rawData;
   _getChildren;
   _data;
@@ -185,6 +185,6 @@ let Selection$1 = class Selection {
     }
     return new Set();
   }
-};
+}
 
-export { Selection$1 as default };
+export { TableSelection as default };

package/components/global/theme.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type ReactElement, type FunctionComponent } from 'react';
+import { type HTMLAttributes, type Ref, type ReactElement, type FunctionComponent } from 'react';
 declare enum Theme {
     AUTO = "auto",
     LIGHT = "light",
@@ -18,11 +18,12 @@ export interface WithThemeClassesProps {
 export declare function WithThemeClasses({ theme, children }: WithThemeClassesProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export declare function applyTheme(theme: Theme.DARK | Theme.LIGHT, container: HTMLElement): void;
 type WrapperType = FunctionComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-export interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
+export interface ThemeProviderProps extends HTMLAttributes<HTMLElement> {
+    ref?: Ref<HTMLElement>;
     theme?: Theme;
     passToPopups?: boolean;
     WrapperComponent?: WrapperType;
     target?: HTMLElement;
 }
-export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLElement>>;
+export declare function ThemeProvider({ ref, ...props }: ThemeProviderProps): import("react").JSX.Element;
 export default Theme;

package/components/global/theme.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import 'classnames';
 export { G as GLOBAL_DARK_CLASS_NAME, a as ThemeContext, b as ThemeProvider, W as WithThemeClasses, c as applyTheme, T as default, u as useTheme, e as useThemeClasses } from '../_helpers/theme.js';

package/components/header/header-icon.js

@@ -9,7 +9,7 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';

package/components/header/header.js

@@ -10,7 +10,7 @@ export { default as Profile } from './profile.js';
 export { default as SmartProfile } from './smart-profile.js';
 export { default as Services } from './services.js';
 export { default as SmartServices } from './smart-services.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';

package/components/header/links.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import ScrollableSection from '../scrollable-section/scrollable-section.js';
 import { s as styles } from '../_helpers/header.js';

package/components/header/logo.js

@@ -6,7 +6,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon.constants.js';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 
 class Logo extends PureComponent {

package/components/header/profile.js

@@ -15,7 +15,7 @@ import '../global/url.js';
 import '../global/dom.js';
 import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/get-uid.js';
 import '../_helpers/avatar-info.js';
 import '@jetbrains/icons/chevron-down';

package/components/header/services.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/header/smart-profile.js

@@ -16,7 +16,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';

package/components/header/smart-services.js

@@ -9,7 +9,7 @@ import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/heading/heading.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo, useEffect } from 'react';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';

package/components/i18n/i18n-context.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import * as React from 'react';
 import { useEffect } from 'react';
 import { translate, getTranslations, setTranslations } from './i18n.js';
@@ -10,11 +10,11 @@ const I18nContext = /*#__PURE__*/React.createContext({
 });
 const I18nContextHolder = t0 => {
   const $ = c(9);
-  if ($[0] !== "4fad998682170be27811243d88e42f31c504dd0399035c12efa95d91c74b2a8d") {
+  if ($[0] !== "a2018c2c34e104bb25f29b4f924dc1f30d92611151a999bc264d56ee3cdb5c56") {
     for (let $i = 0; $i < 9; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4fad998682170be27811243d88e42f31c504dd0399035c12efa95d91c74b2a8d";
+    $[0] = "a2018c2c34e104bb25f29b4f924dc1f30d92611151a999bc264d56ee3cdb5c56";
   }
   const {
     children,
@@ -48,7 +48,7 @@ const I18nContextHolder = t0 => {
   }
   let t4;
   if ($[6] !== children || $[7] !== t3) {
-    t4 = /*#__PURE__*/jsx(I18nContext.Provider, {
+    t4 = /*#__PURE__*/jsx(I18nContext, {
       value: t3,
       children: children
     });

package/components/icon/icon-svg.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';