@jetbrains/ring-ui-built 7.0.72 → 7.0.74

package/components/avatar/fallback-avatar.js

@@ -1,7 +1,8 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
+import { c } from 'react-compiler-runtime';
+import 'react';
 import getUID from '../global/get-uid.js';
 import { Size } from './avatar-size.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const colorPairs = [['#A5E074', '#E8E093'], ['#6AD8A2', '#79E98F'], ['#7FBAF6', '#7BEBB2'], ['#6DDC8C', '#97FFFF'], ['#8EE5C0', '#A2B6FF'], ['#73B4F5', '#78F8DC'], ['#BA8EFF', '#78DFD6'], ['#63AFF5', '#60E2F5'], ['#A192F7', '#93B2F7'], ['#B989FF', '#60E2F5'], ['#CA7EF7', '#9BBAF8'], ['#A192F7', '#CF94F4'], ['#AB7EE1', '#D58AE3'], ['#BE82FF', '#FFA0FF'], ['#C57EF2', '#F2799E'], ['#BE82FF', '#F2CC83'], ['#E16C9D', '#EF8AE8'], ['#F29766', '#EF8AE8'], ['#F27AA9', '#EAF087'], ['#F27AA9', '#FBBB8C'], ['#FFAB66', '#FFEBA0']];
 const SizesSquare = {
@@ -244,69 +245,192 @@ function hashCode(s) {
   }
   return h;
 }
-function FallbackAvatar({
-  username,
-  size,
-  round
-}) {
+function FallbackAvatar(t0) {
+  const $ = c(37);
+  if ($[0] !== "1327bfb856627bd1df724c4986534605e8c89dbffcc82ad962cbae4668165288") {
+    for (let $i = 0; $i < 37; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "1327bfb856627bd1df724c4986534605e8c89dbffcc82ad962cbae4668165288";
+  }
+  const {
+    username,
+    size,
+    round
+  } = t0;
   const hash = Math.abs(hashCode(username.toLowerCase()));
   const [fromColor, toColor] = colorPairs[hash % colorPairs.length];
   const sizes = round ? SizesRound[size] : SizesSquare[size];
   const underscore = sizes.underscore;
-  const radius = round ? '50%' : sizes.radius;
-  const gradientId = useMemo(() => getUID('gradient-'), []);
-  return jsxs("svg", {
-    viewBox: `0 0 ${size} ${size}`,
-    xmlns: 'http://www.w3.org/2000/svg',
-    children: [jsx("defs", {
-      children: jsxs("linearGradient", {
+  const radius = round ? "50%" : sizes.radius;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = getUID("gradient-");
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const gradientId = t1;
+  const t2 = `0 0 ${size} ${size}`;
+  let t3;
+  if ($[2] !== fromColor) {
+    t3 = /*#__PURE__*/jsx("stop", {
+      stopColor: fromColor,
+      offset: "0"
+    });
+    $[2] = fromColor;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== toColor) {
+    t4 = /*#__PURE__*/jsx("stop", {
+      stopColor: toColor,
+      offset: "0.8"
+    });
+    $[4] = toColor;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t3 || $[7] !== t4) {
+    t5 = /*#__PURE__*/jsx("defs", {
+      children: /*#__PURE__*/jsxs("linearGradient", {
         id: gradientId,
-        x1: '1',
-        y1: '1',
-        x2: '0',
-        y2: '0',
-        children: [jsx("stop", {
-          stopColor: fromColor,
-          offset: '0'
-        }), jsx("stop", {
-          stopColor: toColor,
-          offset: '0.8'
-        })]
+        x1: "1",
+        y1: "1",
+        x2: "0",
+        y2: "0",
+        children: [t3, t4]
       })
-    }), jsxs("g", {
-      children: [jsx("rect", {
-        fill: `url(#${gradientId})`,
-        x: '0',
-        y: '0',
-        width: size,
-        height: size,
-        rx: radius,
-        ry: radius
-      }), jsx("text", {
-        x: sizes.text.x,
-        y: sizes.text.y,
-        fontFamily: "var(--ring-font-family, 'Arial, Helvetica, sans-serif')",
-        fontSize: sizes.fontSize,
-        fontWeight: '600',
-        letterSpacing: sizes.letterSpacing,
-        fill: '#FFFFFF',
-        dominantBaseline: sizes.dominantBaseline,
-        textAnchor: sizes.textAnchor,
-        cursor: 'default',
-        children: jsx("tspan", {
-          children: extractLetters(username)
-        })
-      }), underscore && jsx("rect", {
-        fill: '#FFFFFF',
-        x: underscore.x,
-        y: underscore.y,
-        width: underscore.width,
-        height: underscore.height
-      }), jsx("title", {
-        children: username
-      })]
-    })]
-  });
+    });
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== radius || $[10] !== size) {
+    t6 = /*#__PURE__*/jsx("rect", {
+      fill: `url(#${gradientId})`,
+      x: "0",
+      y: "0",
+      width: size,
+      height: size,
+      rx: radius,
+      ry: radius
+    });
+    $[9] = radius;
+    $[10] = size;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const t7 = sizes.text.x;
+  const t8 = sizes.text.y;
+  const t9 = sizes.fontSize;
+  const t10 = sizes.letterSpacing;
+  const t11 = sizes.dominantBaseline;
+  const t12 = sizes.textAnchor;
+  let t13;
+  if ($[12] !== username) {
+    t13 = extractLetters(username);
+    $[12] = username;
+    $[13] = t13;
+  } else {
+    t13 = $[13];
+  }
+  let t14;
+  if ($[14] !== t13) {
+    t14 = /*#__PURE__*/jsx("tspan", {
+      children: t13
+    });
+    $[14] = t13;
+    $[15] = t14;
+  } else {
+    t14 = $[15];
+  }
+  let t15;
+  if ($[16] !== sizes.dominantBaseline || $[17] !== sizes.fontSize || $[18] !== sizes.letterSpacing || $[19] !== sizes.text.x || $[20] !== sizes.text.y || $[21] !== sizes.textAnchor || $[22] !== t14) {
+    t15 = /*#__PURE__*/jsx("text", {
+      x: t7,
+      y: t8,
+      fontFamily: "var(--ring-font-family, 'Arial, Helvetica, sans-serif')",
+      fontSize: t9,
+      fontWeight: "600",
+      letterSpacing: t10,
+      fill: "#FFFFFF",
+      dominantBaseline: t11,
+      textAnchor: t12,
+      cursor: "default",
+      children: t14
+    });
+    $[16] = sizes.dominantBaseline;
+    $[17] = sizes.fontSize;
+    $[18] = sizes.letterSpacing;
+    $[19] = sizes.text.x;
+    $[20] = sizes.text.y;
+    $[21] = sizes.textAnchor;
+    $[22] = t14;
+    $[23] = t15;
+  } else {
+    t15 = $[23];
+  }
+  let t16;
+  if ($[24] !== underscore) {
+    t16 = underscore && /*#__PURE__*/jsx("rect", {
+      fill: "#FFFFFF",
+      x: underscore.x,
+      y: underscore.y,
+      width: underscore.width,
+      height: underscore.height
+    });
+    $[24] = underscore;
+    $[25] = t16;
+  } else {
+    t16 = $[25];
+  }
+  let t17;
+  if ($[26] !== username) {
+    t17 = /*#__PURE__*/jsx("title", {
+      children: username
+    });
+    $[26] = username;
+    $[27] = t17;
+  } else {
+    t17 = $[27];
+  }
+  let t18;
+  if ($[28] !== t15 || $[29] !== t16 || $[30] !== t17 || $[31] !== t6) {
+    t18 = /*#__PURE__*/jsxs("g", {
+      children: [t6, t15, t16, t17]
+    });
+    $[28] = t15;
+    $[29] = t16;
+    $[30] = t17;
+    $[31] = t6;
+    $[32] = t18;
+  } else {
+    t18 = $[32];
+  }
+  let t19;
+  if ($[33] !== t18 || $[34] !== t2 || $[35] !== t5) {
+    t19 = /*#__PURE__*/jsxs("svg", {
+      viewBox: t2,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [t5, t18]
+    });
+    $[33] = t18;
+    $[34] = t2;
+    $[35] = t5;
+    $[36] = t19;
+  } else {
+    t19 = $[36];
+  }
+  return t19;
 }
 
 export { FallbackAvatar as default };

package/components/avatar-stack/avatar-stack.d.ts

@@ -12,4 +12,4 @@ export interface AvatarProps<T = unknown> extends HTMLAttributes<HTMLDivElement>
     extraItems?: readonly ListDataItem<T>[] | null | undefined;
     dropdownMenuProps?: DropdownMenuProps<T> | null | undefined;
 }
-export default function AvatarStack({ children, className, size, extraItems, dropdownMenuProps, ...restProps }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export default function AvatarStack({ children, className, size, extraItems, dropdownMenuProps, ...restProps }: AvatarProps): import("react").JSX.Element;

package/components/avatar-stack/avatar-stack.js

@@ -1,9 +1,10 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { useState, Children } from 'react';
 import classNames from 'classnames';
 import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
 import Avatar from '../avatar/avatar.js';
 import { f as fontSizes } from '../_helpers/avatar-info.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Size } from '../avatar/avatar-size.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
@@ -35,9 +36,9 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../list/list-custom.js';
@@ -65,31 +66,82 @@ import '../popup/position-css.js';
 
 var styles = {"avatarStack":"ring-avatar-stack-avatarStack","extraText":"ring-avatar-stack-extraText","item":"ring-avatar-stack-item","size20":"ring-avatar-stack-size20","size24":"ring-avatar-stack-size24","size28":"ring-avatar-stack-size28","size32":"ring-avatar-stack-size32","size40":"ring-avatar-stack-size40","size56":"ring-avatar-stack-size56","hovered":"ring-avatar-stack-hovered","extra":"ring-avatar-stack-extra ring-avatar-stack-item","extraButton":"ring-avatar-stack-extraButton ring-global-resetButton"};
 
-function AvatarStack({
-  children,
-  className,
-  size = Size.Size20,
-  extraItems,
-  dropdownMenuProps,
-  ...restProps
-}) {
+function AvatarStack(t0) {
+  const $ = c(28);
+  if ($[0] !== "935a2575bcba5af6c406972a71daa0b8850b8f7634076664ddbd547b5e2fc6a6") {
+    for (let $i = 0; $i < 28; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "935a2575bcba5af6c406972a71daa0b8850b8f7634076664ddbd547b5e2fc6a6";
+  }
+  let children;
+  let className;
+  let dropdownMenuProps;
+  let extraItems;
+  let restProps;
+  let t1;
+  if ($[1] !== t0) {
+    ({
+      children,
+      className,
+      size: t1,
+      extraItems,
+      dropdownMenuProps,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = children;
+    $[3] = className;
+    $[4] = dropdownMenuProps;
+    $[5] = extraItems;
+    $[6] = restProps;
+    $[7] = t1;
+  } else {
+    children = $[2];
+    className = $[3];
+    dropdownMenuProps = $[4];
+    extraItems = $[5];
+    restProps = $[6];
+    t1 = $[7];
+  }
+  const size = t1 === undefined ? Size.Size20 : t1;
   const [dropdownOpen, setDropdownOpen] = useState(false);
-  return jsxs("div", {
-    className: classNames(styles.avatarStack, className, styles[`size${size}`], {
+  const t2 = styles[`size${size}`];
+  let t3;
+  if ($[8] !== className || $[9] !== dropdownOpen || $[10] !== t2) {
+    t3 = classNames(styles.avatarStack, className, t2, {
       [styles.hovered]: dropdownOpen
-    }),
-    ...restProps,
-    style: {
+    });
+    $[8] = className;
+    $[9] = dropdownOpen;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== restProps.style || $[13] !== size) {
+    t4 = {
       height: size,
       ...restProps.style
-    },
-    children: [Children.map(children, (child, index) => jsx("div", {
-      className: styles.item,
-      style: {
-        '--ring-avatar-stack-index': index
-      },
-      children: child
-    })), extraItems?.length ? jsx(DropdownMenu, {
+    };
+    $[12] = restProps.style;
+    $[13] = size;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== children) {
+    t5 = Children.map(children, _temp);
+    $[15] = children;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  if ($[17] !== children || $[18] !== dropdownMenuProps || $[19] !== extraItems || $[20] !== size) {
+    t6 = extraItems?.length ? /*#__PURE__*/jsx(DropdownMenu, {
       hoverMode: true,
       hoverShowTimeOut: 10,
       onShow: () => setDropdownOpen(true),
@@ -98,15 +150,15 @@ function AvatarStack({
       style: {
         width: size,
         height: size,
-        '--ring-avatar-stack-index': Children.count(children),
+        "--ring-avatar-stack-index": Children.count(children),
         fontSize: fontSizes[size]
       },
-      anchor: jsx("button", {
-        type: 'button',
+      anchor: /*#__PURE__*/jsx("button", {
+        type: "button",
         className: styles.extraButton,
-        children: jsx(Avatar, {
+        children: /*#__PURE__*/jsx(Avatar, {
           size: size,
-          info: jsx("span", {
+          info: /*#__PURE__*/jsx("span", {
             className: styles.extraText,
             children: `+${extraItems.length}`
           })
@@ -118,7 +170,41 @@ function AvatarStack({
         ...dropdownMenuProps?.menuProps
       },
       ...dropdownMenuProps
-    }) : null]
+    }) : null;
+    $[17] = children;
+    $[18] = dropdownMenuProps;
+    $[19] = extraItems;
+    $[20] = size;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== restProps || $[23] !== t3 || $[24] !== t4 || $[25] !== t5 || $[26] !== t6) {
+    t7 = /*#__PURE__*/jsxs("div", {
+      className: t3,
+      ...restProps,
+      style: t4,
+      children: [t5, t6]
+    });
+    $[22] = restProps;
+    $[23] = t3;
+    $[24] = t4;
+    $[25] = t5;
+    $[26] = t6;
+    $[27] = t7;
+  } else {
+    t7 = $[27];
+  }
+  return t7;
+}
+function _temp(child, index) {
+  return /*#__PURE__*/jsx("div", {
+    className: styles.item,
+    style: {
+      "--ring-avatar-stack-index": index
+    },
+    children: child
   });
 }
 

package/components/banner/banner.d.ts

@@ -14,6 +14,6 @@ export interface BannerProps {
     ['data-test']?: string;
     translations?: BannerTranslations;
 }
-export declare function Banner(props: BannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Banner(props: BannerProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Banner>;
 export default _default;

package/components/banner/banner.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import classNames from 'classnames';
 import infoIcon from '@jetbrains/icons/info-filled';
@@ -9,9 +8,11 @@ import closeIcon from '@jetbrains/icons/close';
 import Icon from '../icon/icon.js';
 import Link from '../link/link.js';
 import Tooltip from '../tooltip/tooltip.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';
@@ -59,7 +60,7 @@ function Banner(props) {
   } else if (mode === 'warning') {
     icon = warningIcon;
   }
-  return jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: classNames({
       [styles.banner]: true,
       [styles.inline]: inline,
@@ -71,26 +72,26 @@ function Banner(props) {
       [styles.grey]: mode === 'grey'
     }, className),
     "data-test": dataTest,
-    children: [withIcon && jsx(Icon, {
+    children: [withIcon && /*#__PURE__*/jsx(Icon, {
       glyph: icon,
       className: styles.icon
-    }), jsxs("div", {
-      children: [title && jsx("div", {
+    }), /*#__PURE__*/jsxs("div", {
+      children: [title && /*#__PURE__*/jsx("div", {
         className: styles.title,
         children: title
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         className: styles.description,
         children: children
       })]
-    }), onClose && jsx(Tooltip, {
+    }), onClose && /*#__PURE__*/jsx(Tooltip, {
       title: closeButtonTitle !== null && closeButtonTitle !== void 0 ? closeButtonTitle : translations.close,
       className: styles.closeButtonWrapper,
-      children: jsx(Link, {
+      children: /*#__PURE__*/jsx(Link, {
         className: styles.closeButton,
         pseudo: true,
         onClick: onClose,
-        "aria-label": 'Close',
-        children: jsx(Icon, {
+        "aria-label": "Close",
+        children: /*#__PURE__*/jsx(Icon, {
           glyph: closeIcon
         })
       })

package/components/breadcrumbs/breadcrumbs.d.ts

@@ -3,4 +3,4 @@ export interface BreadcrumbsSeparatorAttrs {
     separatorClassName?: string | null | undefined;
     children?: ReactNode;
 }
-export default function Breadcrumbs({ separatorClassName, children }: BreadcrumbsSeparatorAttrs): import("react/jsx-runtime").JSX.Element[];
+export default function Breadcrumbs({ separatorClassName, children }: BreadcrumbsSeparatorAttrs): import("react").JSX.Element[];

package/components/breadcrumbs/breadcrumbs.js

@@ -1,6 +1,6 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { Children, Fragment } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styles = {"separator":"ring-breadcrumbs-separator"};
 
@@ -9,9 +9,10 @@ function Breadcrumbs({
   children
 }) {
   return Children.toArray(children).map((child, index) =>
+  /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
   jsxs(Fragment, {
-    children: [index > 0 && jsx("span", {
+    children: [index > 0 && /*#__PURE__*/jsx("span", {
       className: classNames(styles.separator, separatorClassName),
       children: '/'
     }), child]

package/components/button/button.d.ts

@@ -54,7 +54,7 @@ export declare class Button extends PureComponent<ButtonProps> {
     static contextType: React.Context<ControlsHeight | (() => ControlsHeight)>;
     context: React.ContextType<typeof ControlsHeightContext>;
     buttonRef: React.RefObject<HTMLButtonElement | null>;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export { Size as IconSize };
 export type ContainerProps<T extends ButtonProps> = React.JSX.LibraryManagedAttributes<typeof Button, T>;

package/components/button/button.js

@@ -1,4 +1,3 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { PureComponent, createRef } from 'react';
 import classNames from 'classnames';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
@@ -8,8 +7,10 @@ import Icon from '../icon/icon.js';
 import ClickableLink from '../link/clickable-link.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { g as getButtonClasses, s as styles } from '../_helpers/button.classes.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../global/configuration.js';
 
@@ -83,16 +84,16 @@ class Button extends PureComponent {
       inline: isInline,
       height: height !== null && height !== void 0 ? height : typeof this.context === 'function' ? this.context() : this.context
     });
-    const content = jsxs(Fragment, {
-      children: [icon && jsx(Icon, {
+    const content = /*#__PURE__*/jsxs(Fragment, {
+      children: [icon && /*#__PURE__*/jsx(Icon, {
         className: classNames(styles.icon, iconClassName),
         glyph: icon,
         size: iconSize,
         suppressSizeWarning: iconSuppressSizeWarning
-      }), children, iconRight && jsx(Icon, {
+      }), children, iconRight && /*#__PURE__*/jsx(Icon, {
         className: classNames(styles.iconRight, iconRightClassName),
         glyph: iconRight
-      }), dropdown && jsx(Icon, {
+      }), dropdown && /*#__PURE__*/jsx(Icon, {
         glyph: isInline ? chevron12pxDown : chevronDownIcon,
         className: styles.dropdownIcon
       })]
@@ -101,17 +102,17 @@ class Button extends PureComponent {
     const commonProps = {
       ...(props.href !== undefined && isDisabled ? removeLinkProps(props) : props),
       className: classes,
-      children: jsxs(Fragment, {
-        children: [loader && !isInline && jsx("div", {
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [loader && !isInline && /*#__PURE__*/jsx("div", {
           className: styles.loaderBackground
         }), content]
       })
     };
-    return 'href' in commonProps && commonProps.href !== undefined ? jsx(ClickableLink, {
+    return 'href' in commonProps && commonProps.href !== undefined ? /*#__PURE__*/jsx(ClickableLink, {
       ...commonProps
-    }) : jsx("button", {
+    }) : /*#__PURE__*/jsx("button", {
       ref: this.buttonRef,
-      type: 'button',
+      type: "button",
       disabled: isDisabled,
       ...commonProps
     });

package/components/button-group/button-group.d.ts

@@ -10,6 +10,6 @@ export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
  * @name Button Group
  */
 export default class ButtonGroup extends PureComponent<ButtonGroupProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export { Caption };

package/components/button-group/button-group.js

@@ -1,4 +1,3 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { PureComponent, Children } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -6,10 +5,9 @@ import { ControlLabel } from '../control-label/control-label.js';
 import ControlHelp from '../control-help/control-help.js';
 import { s as styles } from '../_helpers/caption.js';
 export { C as Caption } from '../_helpers/caption.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 
-/**
- * @name Button Group
- */
 class ButtonGroup extends PureComponent {
   render() {
     const {
@@ -23,14 +21,14 @@ class ButtonGroup extends PureComponent {
     const classes = classNames(split ? styles.split : styles.buttonGroup, className, {
       [styles.disabled]: Children.toArray(this.props.children).every(child => !!child && typeof child === 'object' && 'props' in child && child.props.disabled)
     });
-    return jsxs(Fragment, {
-      children: [label && jsx(ControlLabel, {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [label && /*#__PURE__*/jsx(ControlLabel, {
         children: label
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         ...restProps,
         "data-test": joinDataTestAttributes('ring-button-group', dataTest),
         className: classes
-      }), help && jsx(ControlHelp, {
+      }), help && /*#__PURE__*/jsx(ControlHelp, {
         className: styles.help,
         children: help
       })]