@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/tabs/dumb-tabs.d.ts

@@ -16,8 +16,8 @@ export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'chil
 }
 declare class Tabs extends PureComponent<TabsProps> {
     handleSelect: (arg: string) => () => void | undefined;
-    getTabTitle: (child: ReactElement<TabProps>, i: number) => import("react/jsx-runtime").JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element;
+    getTabTitle: (child: ReactElement<TabProps>, i: number) => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TabsAttrs = React.JSX.LibraryManagedAttributes<typeof Tabs, TabsProps>;
 export default Tabs;

package/components/tabs/dumb-tabs.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -7,6 +6,8 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
@@ -40,9 +41,9 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -51,9 +52,9 @@ import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/compose-refs.js';
 import '../control-help/control-help.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -93,7 +94,7 @@ class Tabs extends PureComponent {
     const titleClasses = classNames(styles.title, className, isSelected && activeClassName, {
       [styles.selected]: isSelected
     });
-    return jsx(TabLink, {
+    return /*#__PURE__*/jsx(TabLink, {
       title: title,
       isSelected: isSelected,
       href: href,
@@ -116,18 +117,18 @@ class Tabs extends PureComponent {
     } = this.props;
     const classes = classNames(styles.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: classes,
       "data-test": joinDataTestAttributes('ring-dumb-tabs', dataTest),
-      children: [autoCollapse === true ? jsx(CollapsibleTabs, {
+      children: [autoCollapse === true ? /*#__PURE__*/jsx(CollapsibleTabs, {
         ...restProps,
         onSelect: onSelect ? this.handleSelect : undefined,
         selected: selected,
         children: childrenArray
-      }) : jsx("div", {
+      }) : /*#__PURE__*/jsx("div", {
         className: styles.titles,
         children: childrenArray.map(this.getTabTitle)
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         className: classNames(tabContainerClassName),
         children: childrenArray.find(({
           props

package/components/tabs/smart-tabs.d.ts

@@ -10,5 +10,5 @@ export default class SmartTabs extends PureComponent<SmartTabsProps> {
         selected: string;
     };
     handleSelect: (selected: string) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/tabs/smart-tabs.js

@@ -1,10 +1,11 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Tabs from './dumb-tabs.js';
+import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tab-link.js';
+import 'react-compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
@@ -39,9 +40,9 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -50,9 +51,9 @@ import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/compose-refs.js';
 import '../control-help/control-help.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -87,7 +88,7 @@ class SmartTabs extends PureComponent {
       'data-test': dataTest,
       ...restProps
     } = this.props;
-    return jsx(Tabs, {
+    return /*#__PURE__*/jsx(Tabs, {
       "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
       selected: this.state.selected,
       onSelect: this.handleSelect,

package/components/tabs/tab-link.d.ts

@@ -5,6 +5,6 @@ export interface TabLinkProps extends Omit<LinkProps, 'title' | 'children'> {
     collapsed?: boolean;
     title: ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode);
 }
-declare function TabLink({ isSelected, title, collapsed, ...restProps }: TabLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function TabLink({ isSelected, title, collapsed, ...restProps }: TabLinkProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TabLink>;
 export default _default;

package/components/tabs/tab-link.js

@@ -1,7 +1,8 @@
-import 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import 'react';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';
+import 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';

package/components/tabs/tab.d.ts

@@ -15,5 +15,5 @@ export interface TabProps {
     collapsedActiveClassName?: string | null | undefined;
 }
 export default class Tab extends PureComponent<TabProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/tabs/tab.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { jsx } from 'react/jsx-runtime';
 
 class Tab extends PureComponent {
   render() {
@@ -10,7 +10,7 @@ class Tab extends PureComponent {
       children,
       'data-test': dataTest
     } = this.props;
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       "data-test": joinDataTestAttributes('ring-tab', dataTest),
       className: classNames(className),
       children: children

package/components/tabs/tabs.js

@@ -2,14 +2,15 @@ export { CustomItem } from './custom-item.js';
 export { default as Tabs } from './dumb-tabs.js';
 export { default as SmartTabs } from './smart-tabs.js';
 export { default as Tab } from './tab.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../_helpers/tab-link.js';
+import 'react-compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
+import 'react/jsx-runtime';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
 import 'fastdom';
@@ -42,9 +43,9 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -53,9 +54,9 @@ import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/compose-refs.js';
 import '../control-help/control-help.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';

package/components/tag/tag.d.ts

@@ -50,11 +50,11 @@ export default class Tag extends PureComponent<TagProps> {
     tagNode?: HTMLElement | null;
     tagRef: (el: HTMLElement | null) => void;
     setDocumentClickListener(setListener: boolean): void;
-    renderCustomIcon(): import("react/jsx-runtime").JSX.Element | null;
+    renderCustomIcon(): React.JSX.Element | null;
     private _renderImageElement;
-    renderImage(): import("react/jsx-runtime").JSX.Element | null;
-    renderAvatar(): import("react/jsx-runtime").JSX.Element | null;
-    renderRemoveIcon(): import("react/jsx-runtime").JSX.Element | null;
-    render(): import("react/jsx-runtime").JSX.Element;
+    renderImage(): React.JSX.Element | null;
+    renderAvatar(): React.JSX.Element | null;
+    renderRemoveIcon(): React.JSX.Element | null;
+    render(): React.JSX.Element;
 }
 export type TagAttrs = React.JSX.LibraryManagedAttributes<typeof Tag, TagProps>;

package/components/tag/tag.js

@@ -1,14 +1,15 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close-12px';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import '../global/controls-height.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ControlsHeight } from '../global/configuration.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -36,10 +37,10 @@ class Tag extends PureComponent {
     disabled: false,
     focused: false,
     interactive: true,
-    render: (props, interactive) => interactive ? jsx("button", {
-      type: 'button',
+    render: (props, interactive) => interactive ? /*#__PURE__*/jsx("button", {
+      type: "button",
       ...props
-    }) : jsx("span", {
+    }) : /*#__PURE__*/jsx("span", {
       ...props
     }),
     tagType: TagType.DEFAULT
@@ -85,7 +86,7 @@ class Tag extends PureComponent {
   }
   renderCustomIcon() {
     if (this.props.rgTagIcon) {
-      return jsx(Icon, {
+      return /*#__PURE__*/jsx(Icon, {
         className: styles.icon,
         title: this.props.rgTagTitle,
         glyph: this.props.rgTagIcon
@@ -98,7 +99,7 @@ class Tag extends PureComponent {
       [styles.customIcon]: this.props.icon,
       [styles.avatarIcon]: avatarSrc
     });
-    return jsx("img", {
+    return /*#__PURE__*/jsx("img", {
       alt: avatarSrc ? 'Avatar' : 'Icon',
       className: classes,
       src: avatarSrc || this.props.icon
@@ -112,7 +113,7 @@ class Tag extends PureComponent {
   }
   renderAvatar() {
     if (this.props.avatar) {
-      return jsx("span", {
+      return /*#__PURE__*/jsx("span", {
         className: styles.avatarContainer,
         children: this._renderImageElement(this.props.avatar)
       });
@@ -121,10 +122,10 @@ class Tag extends PureComponent {
   }
   renderRemoveIcon() {
     if (!this.props.readOnly && this.props.onRemove) {
-      return jsx(Button, {
-        title: 'Remove',
+      return /*#__PURE__*/jsx(Button, {
+        title: "Remove",
         icon: closeIcon,
-        "data-test": 'ring-tag-remove',
+        "data-test": "ring-tag-remove",
         className: styles.remove,
         onClick: this.props.onRemove,
         style: {
@@ -146,7 +147,7 @@ class Tag extends PureComponent {
       textColor,
       render
     } = this.props;
-    return jsxs("span", {
+    return /*#__PURE__*/jsxs("span", {
       className: classNames(styles.container, this.props.containerClassName, styles[this.props.tagType], {
         [styles.outline]: this.props.outline,
         [styles.interactive]: this.props.interactive
@@ -161,8 +162,8 @@ class Tag extends PureComponent {
           color: textColor
         },
         disabled: this.props.disabled,
-        children: jsxs(Fragment, {
-          children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), jsx("span", {
+        children: /*#__PURE__*/jsxs(Fragment, {
+          children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
             className: styles.content,
             children: this.props.children
           })]

package/components/tags-input/tags-input.d.ts

@@ -107,7 +107,7 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     handleTagCreation: (label: string | undefined) => void;
     select?: Select | null;
     selectRef: (el: Select | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const RerenderableTagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<TagsInput>>;
 export type TagsInputAttrs = React.JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;

package/components/tags-input/tags-input.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import getEventKey from '../global/get-event-key.js';
@@ -11,12 +10,14 @@ import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import getUID from '../global/get-uid.js';
 import { ControlLabel } from '../control-label/control-label.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close-12px';
 import 'dequal';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
+import 'react-compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
@@ -29,9 +30,9 @@ import '../global/configuration.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../popup/popup.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
@@ -60,9 +61,9 @@ import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../list/list-title.js';
 import '../list/list-separator.js';
@@ -345,19 +346,19 @@ class TagsInput extends PureComponent {
       [styles.tagsInputDisabled]: disabled,
       [styles.tagsInputFocused]: focused
     }, this.props.className);
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       // it transfers focus to input
-      role: 'presentation',
+      role: "presentation",
       className: classes,
       onKeyDown: this.handleKeyDown,
       onClick: this.clickHandler,
       ref: this.nodeRef,
-      children: [label && jsx(ControlLabel, {
+      children: [label && /*#__PURE__*/jsx(ControlLabel, {
         htmlFor: this.id,
         disabled: disabled,
         type: labelType,
         children: label
-      }), jsx(TagsList, {
+      }), /*#__PURE__*/jsx(TagsList, {
         tags: tags,
         activeIndex: activeIndex,
         disabled: disabled,
@@ -367,7 +368,7 @@ class TagsInput extends PureComponent {
         tagClassName: styles.tag,
         handleClick: this.handleClick,
         customTagComponent: this.props.customTagComponent,
-        children: jsx(Select, {
+        children: /*#__PURE__*/jsx(Select, {
           id: this.id,
           ref: this.selectRef,
           size: Select.Size.AUTO,

package/components/tags-list/tags-list.d.ts

@@ -27,8 +27,8 @@ export default class TagsList<T extends TagType> extends Component<TagsListProps
         handleClick: () => typeof noop;
         handleRemove: () => typeof noop;
     };
-    renderTag(tag: T, focusTag: boolean): import("react/jsx-runtime").JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element;
+    renderTag(tag: T, focusTag: boolean): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TagsListAttrs<T extends TagType = TagType> = React.JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
 export {};

package/components/tags-list/tags-list.js

@@ -1,12 +1,13 @@
-import { jsxs } from 'react/jsx-runtime';
 import { Component, createElement } from 'react';
 import classNames from 'classnames';
 import Tag from '../tag/tag.js';
+import { jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/close-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
@@ -60,8 +61,8 @@ class TagsList extends Component {
     } = this.props;
     const classes = classNames('ring-js-shortcuts', className);
     const tagsList = (this.props.tags || []).map((tag, index) => this.renderTag(tag, this.props.activeIndex === index));
-    return jsxs("div", {
-      "data-test": 'ring-tags-list',
+    return /*#__PURE__*/jsxs("div", {
+      "data-test": "ring-tags-list",
       className: classes,
       ...props,
       children: [tagsList, children]

package/components/text/text.d.ts

@@ -23,6 +23,6 @@ export default class Text extends Component<TextProps> {
         readonly M: "m";
         readonly L: "l";
     };
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/components/text/text.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"text":"ring-text-text","sizeS":"ring-text-sizeS","sizeM":"ring-text-sizeM","sizeL":"ring-text-sizeL","info":"ring-text-info","bold":"ring-text-bold"};
 
@@ -33,7 +33,7 @@ class Text extends Component {
       [styles.sizeM]: size === Text.Size.M,
       [styles.sizeL]: size === Text.Size.L
     });
-    return jsx("span", {
+    return /*#__PURE__*/jsx("span", {
       className: classes,
       ...restProps,
       children: children

package/components/toggle/toggle.d.ts

@@ -17,7 +17,7 @@ declare class Toggle extends PureComponent<ToggleProps> {
     static defaultProps: {
         size: string;
     };
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type ToggleAttrs = React.JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
 export default Toggle;

package/components/toggle/toggle.js

@@ -1,8 +1,9 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 
 var styles = {"toggle":"ring-toggle-toggle","switch":"ring-toggle-switch","disabled":"ring-toggle-disabled","label":"ring-toggle-label","help":"ring-toggle-help","leftLabel":"ring-toggle-leftLabel","switchWrapper":"ring-toggle-switchWrapper","input":"ring-toggle-input","size16":"ring-toggle-size16","size14":"ring-toggle-size14","size20":"ring-toggle-size20"};
 
@@ -29,31 +30,31 @@ class Toggle extends PureComponent {
       ...restProps
     } = this.props;
     const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
-    return jsxs("label", {
+    return /*#__PURE__*/jsxs("label", {
       className: classes,
       title: title,
       "data-test": joinDataTestAttributes('ring-toggle', dataTest),
-      children: [leftLabel && jsxs("span", {
+      children: [leftLabel && /*#__PURE__*/jsxs("span", {
         className: styles.leftLabel,
-        children: [leftLabel, help && jsx(ControlHelp, {
+        children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
           className: styles.help,
           children: help
         })]
-      }), jsxs("span", {
+      }), /*#__PURE__*/jsxs("span", {
         className: styles.switchWrapper,
-        children: [jsx("input", {
-          "data-test": 'ring-toggle-input',
+        children: [/*#__PURE__*/jsx("input", {
+          "data-test": "ring-toggle-input",
           ...restProps,
-          type: 'checkbox',
+          type: "checkbox",
           disabled: disabled,
           className: styles.input
-        }), jsx("span", {
+        }), /*#__PURE__*/jsx("span", {
           className: styles.switch,
           onTransitionEnd: onTransitionEnd
         })]
-      }), children && jsxs("div", {
+      }), children && /*#__PURE__*/jsxs("div", {
         className: styles.label,
-        children: [children, help && jsx(ControlHelp, {
+        children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
           className: styles.help,
           children: help
         })]

package/components/tooltip/tooltip.d.ts

@@ -55,7 +55,7 @@ export default class Tooltip extends Component<TooltipProps> {
     popupRef: (el: Popup | null) => void;
     onNestedTooltipShow: () => void;
     onNestedTooltipHide: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TooltipAttrs = React.JSX.LibraryManagedAttributes<typeof Tooltip, TooltipProps>;
 export {};

package/components/tooltip/tooltip.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component, createContext } from 'react';
 import classNames from 'classnames';
 import Popup from '../popup/popup.js';
@@ -6,6 +5,7 @@ import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.js';
 import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
@@ -14,6 +14,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import 'react-compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
@@ -170,7 +171,7 @@ class Tooltip extends Component {
       onNestedTooltipShow,
       onNestedTooltipHide
     } = this;
-    const popup = jsx(Popup, {
+    const popup = /*#__PURE__*/jsx(Popup, {
       trapFocus: false,
       anchorElement: this.containerNode,
       hidden: !this.state.showPopup || this.state.showNestedPopup,
@@ -188,21 +189,21 @@ class Tooltip extends Component {
       }, popupProps?.className),
       children: title
     });
-    return jsx(TooltipContext.Provider, {
+    return /*#__PURE__*/jsx(TooltipContext.Provider, {
       value: {
         onNestedTooltipShow,
         onNestedTooltipHide
       },
-      children: jsxs("span", {
+      children: /*#__PURE__*/jsxs("span", {
         ...ariaProps,
         ...restProps,
         ref: this.containerRef,
         "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
         "data-test-title": typeof title === 'string' ? title : undefined,
-        children: [children, theme === 'inherit' ? popup : jsx(ThemeProvider, {
+        children: [children, theme === 'inherit' ? popup : /*#__PURE__*/jsx(ThemeProvider, {
           theme: theme,
           passToPopups: true,
-          WrapperComponent: props => jsx("span", {
+          WrapperComponent: props => /*#__PURE__*/jsx("span", {
             ...props
           }),
           children: popup