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

package/components/_helpers/anchor.js

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

package/components/_helpers/avatar-info.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import { Size } from '../avatar/avatar-size.js';
 import { jsx } from 'react/jsx-runtime';

package/components/_helpers/heading.js

@@ -1,3 +1,3 @@
-var styles = {"contentWithHeadings":"ring-heading-contentWithHeadings","heading":"ring-heading-heading ring-global-font ring-heading-contentWithHeadings","caps":"ring-heading-caps","bold":"ring-heading-bold"};
+var headingStyles = {"contentWithHeadings":"ring-heading-contentWithHeadings","heading":"ring-heading-heading ring-global-font ring-heading-contentWithHeadings","caps":"ring-heading-caps","bold":"ring-heading-bold"};
 
-export { styles as s };
+export { headingStyles as h };

package/components/_helpers/icon-svg.js

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

package/components/_helpers/legacy-table.js

@@ -0,0 +1,3 @@
+var style = {"row":"ring-legacy-table-row","dragHandle":"ring-legacy-table-dragHandle","tableWrapper":"ring-legacy-table-tableWrapper","table":"ring-legacy-table-table","userSelectNone":"ring-legacy-table-userSelectNone","headerCell":"ring-legacy-table-headerCell ring-global-font-smaller-lower ring-global-font-smaller ring-global-font-lower ring-global-font","headerCellSorted":"ring-legacy-table-headerCellSorted","headerCellSortable":"ring-legacy-table-headerCellSortable","sorter":"ring-legacy-table-sorter","sortedUp":"ring-legacy-table-sortedUp","icon":"ring-legacy-table-icon","caption":"ring-legacy-table-caption","tableHead":"ring-legacy-table-tableHead","subHeaderSticky":"ring-legacy-table-subHeaderSticky","disabledHover":"ring-legacy-table-disabledHover","rowSelected":"ring-legacy-table-rowSelected","rowFocused":"ring-legacy-table-rowFocused","cell":"ring-legacy-table-cell ring-global-ellipsis","loadingOverlay":"ring-legacy-table-loadingOverlay","wideFirstColumn":"ring-legacy-table-wideFirstColumn","cellUnlimited":"ring-legacy-table-cellUnlimited","cellRight":"ring-legacy-table-cellRight","metaColumn":"ring-legacy-table-metaColumn","headerMetaColumn":"ring-legacy-table-headerMetaColumn","visibleDragHandle":"ring-legacy-table-visibleDragHandle","rowCollapseExpandButton":"ring-legacy-table-rowCollapseExpandButton","draggingRow":"ring-legacy-table-draggingRow","draggingTable":"ring-legacy-table-draggingTable","tableMessage":"ring-legacy-table-tableMessage"};
+
+export { style as s };

package/components/_helpers/tab-link.js

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

package/components/_helpers/table.js

@@ -1,3 +1,3 @@
-var styles = {"table":"ring-table-table","headerRow":"ring-table-headerRow","headerCell":"ring-table-headerCell","spacerRow":"ring-table-spacerRow","spacerCell":"ring-table-spacerCell","row":"ring-table-row","clickableRow":"ring-table-clickableRow","selectedRow":"ring-table-selectedRow","cell":"ring-table-cell","headerButton":"ring-table-headerButton","deleteColumnButton":"ring-table-deleteColumnButton"};
+var styles = {"headerCell":"ring-table-headerCell","columnReorderHandleMirror":"ring-table-columnReorderHandleMirror","columnReorderHandle":"ring-table-columnReorderHandle","table":"ring-table-table","stickyHeader":"ring-table-stickyHeader","animatedColumnInitial":"ring-table-animatedColumnInitial","animatedColumnFadeOut":"ring-table-animatedColumnFadeOut","headerCellInnerWrapper":"ring-table-headerCellInnerWrapper","sortAndHeader":"ring-table-sortAndHeader","rightButtons":"ring-table-rightButtons","headerButton":"ring-table-headerButton","deleteColumnButton":"ring-table-deleteColumnButton","theadColumnEditing":"ring-table-theadColumnEditing","editColumnsButton":"ring-table-editColumnsButton","columnDragFrame":"ring-table-columnDragFrame","columnInsertionIndicator":"ring-table-columnInsertionIndicator","spacerRow":"ring-table-spacerRow","spacerCell":"ring-table-spacerCell","row":"ring-table-row","clickableRow":"ring-table-clickableRow","selectedRow":"ring-table-selectedRow","cell":"ring-table-cell"};
 
 export { styles as s };

package/components/_helpers/theme.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { createContext, forwardRef, useEffect, useState } from 'react';
+import { c } from 'react/compiler-runtime';
+import { createContext, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
@@ -21,11 +21,11 @@ const darkMatcher = typeof window !== 'undefined' ? window.matchMedia('(prefers-
 function useTheme() {
   var _darkMatcher$matches;
   const $ = c(3);
-  if ($[0] !== "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa") {
+  if ($[0] !== "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6") {
     for (let $i = 0; $i < 3; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa";
+    $[0] = "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6";
   }
   const [dark, setDark] = useState((_darkMatcher$matches = darkMatcher?.matches) !== null && _darkMatcher$matches !== void 0 ? _darkMatcher$matches : false);
   let t0;
@@ -48,11 +48,11 @@ function useTheme() {
 }
 function useThemeClasses(theme) {
   const $ = c(5);
-  if ($[0] !== "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa") {
+  if ($[0] !== "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6") {
     for (let $i = 0; $i < 5; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa";
+    $[0] = "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6";
   }
   const systemTheme = useTheme();
   const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
@@ -77,11 +77,11 @@ function useThemeClasses(theme) {
 }
 function WithThemeClasses(t0) {
   const $ = c(4);
-  if ($[0] !== "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa") {
+  if ($[0] !== "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6") {
     for (let $i = 0; $i < 4; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa";
+    $[0] = "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6";
   }
   const {
     theme,
@@ -110,35 +110,33 @@ function applyTheme(theme, container) {
     container.classList.add(defaultStyles.light);
   }
 }
-const DefaultWrapper = /*#__PURE__*/forwardRef(function Wrapper(props, ref) {
-  const $ = c(4);
-  if ($[0] !== "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa") {
-    for (let $i = 0; $i < 4; $i += 1) {
+function DefaultWrapper(props) {
+  const $ = c(3);
+  if ($[0] !== "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6") {
+    for (let $i = 0; $i < 3; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa";
+    $[0] = "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6";
   }
   let t0;
-  if ($[1] !== props || $[2] !== ref) {
+  if ($[1] !== props) {
     t0 = /*#__PURE__*/jsx("div", {
-      ...props,
-      ref: ref
+      ...props
     });
     $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
+    $[2] = t0;
   } else {
-    t0 = $[3];
+    t0 = $[2];
   }
   return t0;
-});
+}
 function ThemeProviderInner(t0) {
   const $ = c(30);
-  if ($[0] !== "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa") {
+  if ($[0] !== "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6") {
     for (let $i = 0; $i < 30; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa";
+    $[0] = "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6";
   }
   let children;
   let className;
@@ -243,7 +241,7 @@ function ThemeProviderInner(t0) {
   }
   let t8;
   if ($[27] !== t7 || $[28] !== themeValue) {
-    t8 = /*#__PURE__*/jsx(ThemeContext.Provider, {
+    t8 = /*#__PURE__*/jsx(ThemeContext, {
       value: themeValue,
       children: t7
     });
@@ -255,28 +253,42 @@ function ThemeProviderInner(t0) {
   }
   return t8;
 }
-const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(props, ref) {
-  const $ = c(4);
-  if ($[0] !== "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa") {
-    for (let $i = 0; $i < 4; $i += 1) {
+function ThemeProvider(t0) {
+  const $ = c(7);
+  if ($[0] !== "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6") {
+    for (let $i = 0; $i < 7; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4a3ee1675c0bca0c5645fa43dba8f8678ee294b7ae46bb66959a11f3f15923aa";
+    $[0] = "cfa03ef89adb87365510fd043be3a77234f81d819579a8ee5645ccddc6d812e6";
   }
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(ThemeProviderInner, {
+  let props;
+  let ref;
+  if ($[1] !== t0) {
+    ({
+      ref,
+      ...props
+    } = t0);
+    $[1] = t0;
+    $[2] = props;
+    $[3] = ref;
+  } else {
+    props = $[2];
+    ref = $[3];
+  }
+  let t1;
+  if ($[4] !== props || $[5] !== ref) {
+    t1 = /*#__PURE__*/jsx(ThemeProviderInner, {
       ...props,
       wrapperRef: ref
     });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
+    $[4] = props;
+    $[5] = ref;
+    $[6] = t1;
   } else {
-    t0 = $[3];
+    t1 = $[6];
   }
-  return t0;
-});
+  return t1;
+}
 var Theme$1 = Theme;
 
-export { GLOBAL_DARK_CLASS_NAME as G, Theme$1 as T, WithThemeClasses as W, ThemeContext as a, ThemeProvider as b, applyTheme as c, darkStyles as d, useThemeClasses as e, useTheme as u };
+export { GLOBAL_DARK_CLASS_NAME as G, Theme$1 as T, WithThemeClasses as W, ThemeProvider as a, ThemeContext as b, applyTheme as c, darkStyles as d, useThemeClasses as e, useTheme as u };

package/components/alert/alert.js

@@ -9,13 +9,13 @@ import LoaderInline from '../loader-inline/loader-inline.js';
 import { getRect } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { Button } from '../button/button.js';
-import { T as Theme, b as ThemeProvider } from '../_helpers/theme.js';
+import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 export { default as Container } from './container.js';
 import { Color } 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';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/alert-service/alert-service.js

@@ -13,7 +13,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/auth/auth-core.js

@@ -24,7 +24,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 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';

package/components/auth/auth.js

@@ -4,7 +4,7 @@ import { Auth } from './auth-core.js';
 export { DEFAULT_BACKGROUND_TIMEOUT, DEFAULT_EXPIRES_TIMEOUT, DOMAIN_USER_CHANGED_EVENT, LOGOUT_EVENT, LOGOUT_POSTPONED_EVENT, TOKEN_REFRESH_RETRY_DELAYS, USER_CHANGED_EVENT, USER_CHANGE_POSTPONED_EVENT } from './auth-core.js';
 import './response-parser.js';
 import '../global/url.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import '../alert-service/alert-service.js';
 import 'react-dom/client';

package/components/auth/down-notification.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import 'react';
 import alertService from '../alert-service/alert-service.js';
 import Alert from '../alert/alert.js';

package/components/auth/iframe-flow.js

@@ -18,7 +18,7 @@ import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
 import '../island/header.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -52,8 +52,8 @@ import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
 import '../_helpers/loader-core.js';
 import './background-flow.js';
-import '../global/url.js';
 import '../_helpers/link.js';
+import '../global/url.js';
 
 class IFrameFlow {
   hideDialog = null;

package/components/auth/storage.js

@@ -13,7 +13,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 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';

package/components/auth-dialog/auth-dialog.js

@@ -2,7 +2,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../_helpers/island.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import ContentWrapper from '../island/content.js';
 import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';

package/components/auth-dialog-service/auth-dialog-service.js

@@ -7,7 +7,7 @@ import 'util-deprecate';
 import '../global/configuration.js';
 import 'classnames';
 import '../_helpers/island.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -54,7 +54,7 @@ const reactRoot = createRoot(containerElement);
  * Renders AuthDialog into virtual node to skip maintaining container
  */
 function renderAuthDialog(props) {
-  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext, {
     value: getGlobalControlsHeight(),
     children: /*#__PURE__*/jsx(AuthDialog, {
       ...props

package/components/avatar/avatar-info.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'classnames';
 import './avatar-size.js';
 export { A as default, f as fontSizes } from '../_helpers/avatar-info.js';

package/components/avatar/avatar.js

@@ -9,7 +9,7 @@ import FallbackAvatar from './fallback-avatar.js';
 import { Size } from './avatar-size.js';
 import { s as styles, A as AvatarInfo } from '../_helpers/avatar-info.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/get-uid.js';
 
 const warnSize = memoize(size => deprecate(() => {}, `Avatar: Size${size} is deprecated and will be removed in 8.0. The supported sizes are: Size20, Size24, Size28, Size32, Size40.`));

package/components/avatar/fallback-avatar.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState } from 'react';
 import getUID from '../global/get-uid.js';
 import { Size } from './avatar-size.js';

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

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState, Children } from 'react';
 import classNames from 'classnames';
 import DropdownMenu from '../dropdown-menu/dropdown-menu.js';

package/components/banner/banner.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import React__default from 'react';
 import classNames from 'classnames';
 import infoIcon from '@jetbrains/icons/info-filled';

package/components/button/button.js

@@ -10,7 +10,7 @@ import { g as getButtonClasses, s as styles } from '../_helpers/button.classes.j
 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 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../global/configuration.js';
 

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

@@ -6,7 +6,7 @@ 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';
+import 'react/compiler-runtime';
 
 function allChildrenDisabled(children) {
   if (!children || typeof children !== 'object') return false;

package/components/checkbox/checkbox.d.ts

@@ -24,6 +24,6 @@ export default class Checkbox extends PureComponent<CheckboxProps> {
     componentDidUpdate(prevProps: CheckboxProps): void;
     input?: HTMLInputElement | null;
     inputRef: (el: HTMLInputElement | null) => void;
-    composedInputRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement> | undefined)[]) => (value: T | null) => void>;
+    composedInputRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement> | undefined)[]) => (value: T | null) => () => void>;
     render(): import("react").JSX.Element;
 }

package/components/checkbox/checkbox.js

@@ -10,7 +10,7 @@ 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 'react/compiler-runtime';
 import '../global/memoize.js';
 import 'memoize-one';
 

package/components/clipboard/clipboard.js

@@ -13,7 +13,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 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';

package/components/collapse/collapse-content.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { useContext, useRef, useState, useEffect } from 'react';
+import { c } from 'react/compiler-runtime';
+import { use, useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { getRect } from '../global/dom.js';
@@ -19,11 +19,11 @@ const HIDDEN = 0;
  */
 const CollapseContent = t0 => {
   const $ = c(29);
-  if ($[0] !== "f05635de80c1ecb2484d9a8273c8da5ce7d933172be03e8d761443c32d96d937") {
+  if ($[0] !== "db13df5cd36e9e8017f88ee099234f4bd4acb2f34d80bfcbd6171247616c949c") {
     for (let $i = 0; $i < 29; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "f05635de80c1ecb2484d9a8273c8da5ce7d933172be03e8d761443c32d96d937";
+    $[0] = "db13df5cd36e9e8017f88ee099234f4bd4acb2f34d80bfcbd6171247616c949c";
   }
   const {
     children,
@@ -36,7 +36,7 @@ const CollapseContent = t0 => {
     duration,
     id,
     disableAnimation
-  } = useContext(CollapseContext);
+  } = use(CollapseContext);
   const containerRef = useRef(null);
   const contentRef = useRef(null);
   const [initialContentHeight] = useState(minHeight);

package/components/collapse/collapse-control.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { useContext, cloneElement } from 'react';
+import { c } from 'react/compiler-runtime';
+import { use, cloneElement } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
@@ -7,11 +7,11 @@ import { jsx } from 'react/jsx-runtime';
 
 const CollapseControl = t0 => {
   const $ = c(13);
-  if ($[0] !== "37a6daba1dc720b937e7d2a844af157177f8338140503553968cf8ae1ecf6263") {
+  if ($[0] !== "10418ecc7774e31a4915bc1ad8a8ad001213057f5df8fc3f9a59adab69451dd6") {
     for (let $i = 0; $i < 13; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "37a6daba1dc720b937e7d2a844af157177f8338140503553968cf8ae1ecf6263";
+    $[0] = "10418ecc7774e31a4915bc1ad8a8ad001213057f5df8fc3f9a59adab69451dd6";
   }
   const {
     children,
@@ -21,7 +21,7 @@ const CollapseControl = t0 => {
     setCollapsed,
     collapsed,
     id
-  } = useContext(CollapseContext);
+  } = use(CollapseContext);
   let t1;
   let t2;
   if ($[1] !== children || $[2] !== collapsed || $[3] !== dataTest || $[4] !== id || $[5] !== setCollapsed) {

package/components/collapse/collapse.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState, useId } from 'react';
 import { CollapseContext } from './collapse-context.js';
 import { BASE_ANIMATION_DURATION } from './consts.js';
@@ -6,11 +6,11 @@ import { jsx } from 'react/jsx-runtime';
 
 const Collapse = t0 => {
   const $ = c(16);
-  if ($[0] !== "4b1bc7149bb2f70cda665f353438e1d305c0392543f5779c6ac7ceb49ca39f10") {
+  if ($[0] !== "82eaf77725c22a5c861c79e76fbc1b71c454cd55ea6a0d6b6ce3ecd951f15271") {
     for (let $i = 0; $i < 16; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "4b1bc7149bb2f70cda665f353438e1d305c0392543f5779c6ac7ceb49ca39f10";
+    $[0] = "82eaf77725c22a5c861c79e76fbc1b71c454cd55ea6a0d6b6ce3ecd951f15271";
   }
   const {
     children,
@@ -63,7 +63,7 @@ const Collapse = t0 => {
   }
   let t9;
   if ($[10] !== children || $[11] !== t8) {
-    t9 = /*#__PURE__*/jsx(CollapseContext.Provider, {
+    t9 = /*#__PURE__*/jsx(CollapseContext, {
       value: t8,
       children: children
     });

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface CollapsibleGroupProps {
+    ref?: React.Ref<HTMLDivElement>;
+    avatar?: React.ReactNode;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string | null | undefined;
+    defaultExpanded?: boolean;
+    expanded?: boolean | null | undefined;
+    onChange?: (expanded: boolean) => void;
+    disableAnimation?: boolean;
+    interactive?: boolean;
+    'data-test'?: string | null | undefined;
+}
+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;