@jetbrains/ring-ui-built 7.0.124 → 8.0.0-beta.10

package/components/dialog/dialog.js

@@ -16,7 +16,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';
@@ -28,14 +28,14 @@ import 'sniffr';
 import '../global/dom.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
@@ -139,8 +139,8 @@ class Dialog extends PureComponent {
     };
   };
   dialog;
-  dialogRef = tabTrap => {
-    this.dialog = tabTrap && tabTrap.node;
+  dialogRef = tabTrapObj => {
+    this.dialog = tabTrapObj && tabTrapObj.node;
   };
   nativeDialog = /*#__PURE__*/createRef();
   render() {

package/components/dropdown/anchor.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import 'classnames';
 import '../button/button.js';
@@ -6,12 +6,12 @@ export { A as default } from '../_helpers/anchor.js';
 import 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';

package/components/dropdown/dropdown.js

@@ -4,18 +4,18 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
 import { s as styles, A as Anchor } from '../_helpers/anchor.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 
 class Dropdown extends Component {

package/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement, type HTMLAttributes, type SyntheticEvent, type Ref, type ReactNode } from 'react';
+import { type ReactElement, type HTMLAttributes, type SyntheticEvent, type ReactNode } from 'react';
 import { type SelectHandlerParams } from '../list/list';
 import { type AnchorProps, type DropdownAttrs, type DropdownChildrenFunction } from '../dropdown/dropdown';
 import PopupMenu, { type PopupMenuAttrs } from '../popup-menu/popup-menu';
@@ -10,6 +10,7 @@ export interface DropdownAnchorWrapperProps extends AnchorProps {
 }
 type OnSelectHandler<T> = ((item: ListDataItem<T>, event: Event | SyntheticEvent, params?: SelectHandlerParams) => void) | undefined;
 export interface DropdownMenuProps<T = unknown> extends Omit<DropdownAttrs, 'anchor' | 'onSelect' | 'children'> {
+    ref?: React.Ref<PopupMenu<T> | null>;
     anchor: ReactElement | ReactNode[] | string | ((props: AnchorProps, ariaProps: HTMLAttributes<HTMLElement>) => ReactElement | null);
     data?: readonly ListDataItem<T>[] | undefined;
     ariaLabel?: string | null | undefined;
@@ -17,9 +18,8 @@ export interface DropdownMenuProps<T = unknown> extends Omit<DropdownAttrs, 'anc
     menuProps?: PopupMenuAttrs<T> | null | undefined;
     children?: DropdownChildrenFunction;
 }
-declare const _default: (<T = unknown>(props: DropdownMenuProps<T> & {
-    ref?: Ref<PopupMenu>;
-}) => ReactElement | null) & {
+declare function DropdownMenu<T = unknown>({ ref, id, anchor, ariaLabel, data, onSelect, menuProps, children, ...restDropdownProps }: DropdownMenuProps<T>): import("react").JSX.Element;
+declare const _default: typeof DropdownMenu & {
     ListProps: {
         Type: typeof import("../list/consts").Type;
         Dimension: {

package/components/dropdown-menu/dropdown-menu.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, useState, cloneElement } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useState, cloneElement } from 'react';
 import List, { ActiveItemContext } from '../list/list.js';
 import Dropdown from '../dropdown/dropdown.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
@@ -37,7 +37,6 @@ import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
 import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
@@ -54,6 +53,7 @@ import '../list/list-hint.js';
 import '../popup/popup.js';
 import 'react-dom';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
@@ -68,11 +68,11 @@ import '../_helpers/button.classes.js';
 const defaultAriaLabel = 'Dropdown menu';
 function DropdownAnchorWrapper(t0) {
   const $ = c(4);
-  if ($[0] !== "76518a978b8f0a4a0d9a0c10c7ca40e440513efe8e405524337b2d1b406bee02") {
+  if ($[0] !== "4128e61ebe660e719aaf538d00491953fbdf42de520c353af40602765f42bd6b") {
     for (let $i = 0; $i < 4; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "76518a978b8f0a4a0d9a0c10c7ca40e440513efe8e405524337b2d1b406bee02";
+    $[0] = "4128e61ebe660e719aaf538d00491953fbdf42de520c353af40602765f42bd6b";
   }
   let t1;
   let t2;
@@ -159,13 +159,13 @@ function renderDropdownMenuChildren({
     ...popupMenuProps
   });
 }
-const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwardedRef) {
-  const $ = c(35);
-  if ($[0] !== "76518a978b8f0a4a0d9a0c10c7ca40e440513efe8e405524337b2d1b406bee02") {
-    for (let $i = 0; $i < 35; $i += 1) {
+function DropdownMenu(t0) {
+  const $ = c(36);
+  if ($[0] !== "4128e61ebe660e719aaf538d00491953fbdf42de520c353af40602765f42bd6b") {
+    for (let $i = 0; $i < 36; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "76518a978b8f0a4a0d9a0c10c7ca40e440513efe8e405524337b2d1b406bee02";
+    $[0] = "4128e61ebe660e719aaf538d00491953fbdf42de520c353af40602765f42bd6b";
   }
   let anchor;
   let ariaLabel;
@@ -174,9 +174,11 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwarded
   let id;
   let menuProps;
   let onSelect;
+  let ref;
   let restDropdownProps;
   if ($[1] !== t0) {
     ({
+      ref,
       id,
       anchor,
       ariaLabel,
@@ -194,7 +196,8 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwarded
     $[6] = id;
     $[7] = menuProps;
     $[8] = onSelect;
-    $[9] = restDropdownProps;
+    $[9] = ref;
+    $[10] = restDropdownProps;
   } else {
     anchor = $[2];
     ariaLabel = $[3];
@@ -203,20 +206,22 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwarded
     id = $[6];
     menuProps = $[7];
     onSelect = $[8];
-    restDropdownProps = $[9];
+    ref = $[9];
+    restDropdownProps = $[10];
   }
   const [uid] = useState(_temp);
   const listId = id || uid;
+  const t1 = ariaLabel || defaultAriaLabel;
   let T0;
   let T1;
-  let t1;
   let t2;
   let t3;
-  if ($[10] !== anchor || $[11] !== ariaLabel || $[12] !== children || $[13] !== data || $[14] !== forwardedRef || $[15] !== listId || $[16] !== menuProps || $[17] !== onSelect || $[18] !== restDropdownProps) {
+  let t4;
+  if ($[11] !== anchor || $[12] !== children || $[13] !== data || $[14] !== listId || $[15] !== menuProps || $[16] !== onSelect || $[17] !== ref || $[18] !== restDropdownProps || $[19] !== t1) {
     const popupMenuProps = {
-      ref: forwardedRef,
+      ref,
       id: listId,
-      ariaLabel: ariaLabel || defaultAriaLabel,
+      ariaLabel: t1,
       closeOnSelect: true,
       activateFirstItem: false,
       data,
@@ -225,13 +230,13 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwarded
     };
     T1 = ActiveItemContext.Provider;
     T0 = Dropdown;
-    if ($[24] !== anchor || $[25] !== listId) {
-      t1 = t4 => {
+    if ($[25] !== anchor || $[26] !== listId) {
+      t2 = t5 => {
         const {
           pinned,
           active,
           ...restAnchorProps
-        } = t4;
+        } = t5;
         return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
           children: activeItemId => /*#__PURE__*/jsx(DropdownAnchorWrapper, {
             anchor: anchor,
@@ -243,71 +248,71 @@ const DropdownMenu = /*#__PURE__*/forwardRef(function DropdownMenu(t0, forwarded
           })
         });
       };
-      $[24] = anchor;
-      $[25] = listId;
-      $[26] = t1;
+      $[25] = anchor;
+      $[26] = listId;
+      $[27] = t2;
     } else {
-      t1 = $[26];
+      t2 = $[27];
     }
-    t2 = restDropdownProps;
-    t3 = renderDropdownMenuChildren({
+    t3 = restDropdownProps;
+    t4 = renderDropdownMenuChildren({
       children,
       popupMenuProps
     });
-    $[10] = anchor;
-    $[11] = ariaLabel;
+    $[11] = anchor;
     $[12] = children;
     $[13] = data;
-    $[14] = forwardedRef;
-    $[15] = listId;
-    $[16] = menuProps;
-    $[17] = onSelect;
+    $[14] = listId;
+    $[15] = menuProps;
+    $[16] = onSelect;
+    $[17] = ref;
     $[18] = restDropdownProps;
-    $[19] = T0;
-    $[20] = T1;
-    $[21] = t1;
+    $[19] = t1;
+    $[20] = T0;
+    $[21] = T1;
     $[22] = t2;
     $[23] = t3;
+    $[24] = t4;
   } else {
-    T0 = $[19];
-    T1 = $[20];
-    t1 = $[21];
+    T0 = $[20];
+    T1 = $[21];
     t2 = $[22];
     t3 = $[23];
+    t4 = $[24];
   }
-  let t4;
-  if ($[27] !== T0 || $[28] !== t1 || $[29] !== t2 || $[30] !== t3) {
-    t4 = /*#__PURE__*/jsx(T0, {
-      anchor: t1,
-      ...t2,
-      children: t3
+  let t5;
+  if ($[28] !== T0 || $[29] !== t2 || $[30] !== t3 || $[31] !== t4) {
+    t5 = /*#__PURE__*/jsx(T0, {
+      anchor: t2,
+      ...t3,
+      children: t4
     });
-    $[27] = T0;
-    $[28] = t1;
+    $[28] = T0;
     $[29] = t2;
     $[30] = t3;
     $[31] = t4;
+    $[32] = t5;
   } else {
-    t4 = $[31];
+    t5 = $[32];
   }
-  let t5;
-  if ($[32] !== T1 || $[33] !== t4) {
-    t5 = /*#__PURE__*/jsx(T1, {
-      children: t4
+  let t6;
+  if ($[33] !== T1 || $[34] !== t5) {
+    t6 = /*#__PURE__*/jsx(T1, {
+      children: t5
     });
-    $[32] = T1;
-    $[33] = t4;
+    $[33] = T1;
     $[34] = t5;
+    $[35] = t6;
   } else {
-    t5 = $[34];
+    t6 = $[35];
   }
-  return t5;
-});
-var DropdownMenu$1 = Object.assign(DropdownMenu, {
-  ListProps: List.ListProps
-});
+  return t6;
+}
 function _temp() {
   return getUID("dropdown-menu-list");
 }
+var DropdownMenu$1 = Object.assign(DropdownMenu, {
+  ListProps: List.ListProps
+});
 
 export { DropdownMenu$1 as default };

package/components/editable-heading/editable-heading.d.ts

@@ -29,5 +29,4 @@ export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement | H
     translations?: EditableHeadingTranslations;
 };
 export declare const EditableHeading: (props: EditableHeadingProps) => React.JSX.Element;
-declare const _default: React.MemoExoticComponent<(props: EditableHeadingProps) => React.JSX.Element>;
-export default _default;
+export default EditableHeading;

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 { useLayoutEffect, useEffect } from 'react';
+import { useEffectEvent, useLayoutEffect, 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';
@@ -16,10 +15,10 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '@jetbrains/icons/close-12px';
 import '../i18n/i18n-context.js';
@@ -40,11 +39,11 @@ function noop() {}
 // eslint-disable-next-line complexity
 const EditableHeading = props => {
   const $ = c(134);
-  if ($[0] !== "07354b4b5f4ebcba544bc9d3e840d7068d1f2b93d046629ed3331f3bf1ebf45b") {
+  if ($[0] !== "69c208dee49270703e9eadd0182734d1dca44cb4ecb35c235511c58f936a5946") {
     for (let $i = 0; $i < 134; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "07354b4b5f4ebcba544bc9d3e840d7068d1f2b93d046629ed3331f3bf1ebf45b";
+    $[0] = "69c208dee49270703e9eadd0182734d1dca44cb4ecb35c235511c58f936a5946";
   }
   let children;
   let className;
@@ -330,7 +329,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 = () => {
@@ -348,7 +347,7 @@ const EditableHeading = props => {
   } else {
     t26 = $[67];
   }
-  const onMouseUp = useEventCallback(t26);
+  const onMouseUp = useEffectEvent(t26);
   let t27;
   if ($[68] !== checkValue || $[69] !== onFocus) {
     t27 = e => {
@@ -423,7 +422,6 @@ const EditableHeading = props => {
   }
   useLayoutEffect(t31, t32);
   let t33;
-  let t34;
   if ($[83] !== onMouseMove || $[84] !== onMouseUp) {
     t33 = () => {
       window.addEventListener("mousemove", onMouseMove);
@@ -433,13 +431,17 @@ const EditableHeading = props => {
         window.removeEventListener("mouseup", onMouseUp);
       };
     };
-    t34 = [onMouseMove, onMouseUp];
     $[83] = onMouseMove;
     $[84] = onMouseUp;
     $[85] = t33;
-    $[86] = t34;
   } else {
     t33 = $[85];
+  }
+  let t34;
+  if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
+    t34 = [];
+    $[86] = t34;
+  } else {
     t34 = $[86];
   }
   useEffect(t33, t34);
@@ -596,9 +598,8 @@ const EditableHeading = props => {
   }
   return t40;
 };
-var editableHeading = /*#__PURE__*/React.memo(EditableHeading);
 function _temp() {
   return null;
 }
 
-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,8 +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 '../global/configuration.js';
+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/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/compose-refs.d.ts

@@ -1,2 +1,3 @@
 import { type Ref } from 'react';
-export declare function createComposedRef<T>(): import("memoize-one").MemoizedFn<(...refs: (Ref<T> | undefined)[]) => (value: T | null) => void>;
+export declare function createComposedRef<T>(): import("memoize-one").MemoizedFn<(...refs: (Ref<T> | undefined)[]) => (value: T | null) => () => void>;
+export declare function useComposedRef<T>(...refs: (Ref<T> | undefined)[]): Ref<T>;

package/components/global/compose-refs.js

@@ -1,16 +1,52 @@
+import { c } from 'react/compiler-runtime';
+import 'react';
 import memoizeOne from 'memoize-one';
 
 function composeRefs(...refs) {
-  return value => refs.forEach(ref => {
-    if (typeof ref === 'function') {
-      ref(value);
-    } else if (ref) {
-      ref.current = value;
-    }
-  });
+  return value => {
+    const cleanups = [];
+    refs.forEach(ref => {
+      if (typeof ref === 'function') {
+        const cleanup = ref(value);
+        if (typeof cleanup === 'function') {
+          cleanups.push(cleanup);
+        }
+      } else if (ref) {
+        ref.current = value;
+      }
+    });
+    return () => cleanups.forEach(cleanup => cleanup());
+  };
 }
 function createComposedRef() {
   return memoizeOne(composeRefs);
 }
+function useComposedRef(...t0) {
+  const $ = c(4);
+  if ($[0] !== "27d6e427dad1098fabcf040df3e7a3018e96f8cc69541f012bb950b976d64df8") {
+    for (let $i = 0; $i < 4; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "27d6e427dad1098fabcf040df3e7a3018e96f8cc69541f012bb950b976d64df8";
+  }
+  const refs = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = createComposedRef();
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const composer = t1;
+  let t2;
+  if ($[2] !== refs) {
+    t2 = composer(...refs);
+    $[2] = refs;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
 
-export { createComposedRef };
+export { createComposedRef, useComposedRef };

package/components/global/configuration.d.ts

@@ -3,14 +3,9 @@ export declare enum ControlsHeight {
     M = "M",
     L = "L"
 }
-export interface RingUITrustedTypePolicy {
-    createHTML(html: string): TrustedHTML;
-}
 export interface RingUIConfiguration {
     controlsHeight?: ControlsHeight;
     popupsCssPositioning?: boolean;
-    trustedTypePolicy?: RingUITrustedTypePolicy | null;
 }
 export declare function configure(config: RingUIConfiguration): void;
 export declare function getConfiguration(): Required<RingUIConfiguration>;
-export declare function getTrustedHTML(html: string): string | TrustedHTML;

package/components/global/configuration.js

@@ -6,8 +6,7 @@ var ControlsHeight;
 })(ControlsHeight || (ControlsHeight = {}));
 const globalConfiguration = {
   controlsHeight: ControlsHeight.M,
-  popupsCssPositioning: true,
-  trustedTypePolicy: null
+  popupsCssPositioning: true
 };
 function configure(config) {
   if (config.controlsHeight !== undefined) {
@@ -16,18 +15,11 @@ function configure(config) {
   if (config.popupsCssPositioning !== undefined) {
     globalConfiguration.popupsCssPositioning = config.popupsCssPositioning;
   }
-  if (config.trustedTypePolicy !== undefined) {
-    globalConfiguration.trustedTypePolicy = config.trustedTypePolicy;
-  }
 }
 function getConfiguration() {
   return {
     ...globalConfiguration
   };
 }
-function getTrustedHTML(html) {
-  var _globalConfiguration$;
-  return (_globalConfiguration$ = globalConfiguration.trustedTypePolicy?.createHTML(html)) !== null && _globalConfiguration$ !== void 0 ? _globalConfiguration$ : html;
-}
 
-export { ControlsHeight, configure, getConfiguration, getTrustedHTML };
+export { ControlsHeight, configure, getConfiguration };

package/components/global/controls-height.js

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 import deprecate from 'util-deprecate';
-import { configure, ControlsHeight, getConfiguration } from './configuration.js';
+import { ControlsHeight, getConfiguration, configure } from './configuration.js';
 
 // This can be used if React Context is not applicable, for example for alertService or Auth dialog
 const configureGlobalControlsHeight = deprecate(value => {

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,