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

package/components/date-picker/date-popup.js

@@ -24,7 +24,7 @@ import 'util-deprecate';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
@@ -53,7 +53,6 @@ import 'sniffr';
 import '../global/intersection-observer-context.js';
 import './scroll-arith.js';
 import './use-scroll-behavior.js';
-import '../global/use-event-callback.js';
 import '../global/schedule-raf.js';
 import 'date-fns/addYears';
 import 'date-fns/getYear';

package/components/date-picker/month-names.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { format } from 'date-fns/format';

package/components/date-picker/month-slider.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState } from 'react';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';

package/components/date-picker/month.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { format } from 'date-fns/format';
 import { getDay } from 'date-fns/getDay';
 import { getDaysInMonth, setDate } from 'date-fns';

package/components/date-picker/months.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { addMonths } from 'date-fns/addMonths';
 import { startOfMonth } from 'date-fns/startOfMonth';
 import Month, { getMonthHeight } from './month.js';
@@ -26,7 +26,6 @@ import 'date-fns/startOfDay';
 import 'date-fns/add';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../global/use-event-callback.js';
 
 function getMonthHeightWithMargin(date, locale) {
   return units.unit * 2 + getMonthHeight(date, locale);
@@ -49,11 +48,11 @@ const scheduleScroll = scheduleRAF();
 const intersectionObserverRootMargin = units.cellSize * 2;
 function Months(props) {
   const $ = c(12);
-  if ($[0] !== "3a35ff495c6e9b775eb682d77f791841d2ec4d5f8b99fec4a5000c17ec4e2117") {
+  if ($[0] !== "b514d0ab3a898922fd1a8992e74c2054d3bf131f57e16e7ad928f67f5c608db9") {
     for (let $i = 0; $i < 12; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "3a35ff495c6e9b775eb682d77f791841d2ec4d5f8b99fec4a5000c17ec4e2117";
+    $[0] = "b514d0ab3a898922fd1a8992e74c2054d3bf131f57e16e7ad928f67f5c608db9";
   }
   const {
     scrollDate,
@@ -102,7 +101,7 @@ function Months(props) {
   }
   let t3;
   if ($[9] !== t0 || $[10] !== t2) {
-    t3 = /*#__PURE__*/jsx(IntersectionObserverContext.Provider, {
+    t3 = /*#__PURE__*/jsx(IntersectionObserverContext, {
       value: t0,
       children: t2
     });

package/components/date-picker/use-intersection-observer.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState, useEffect } from 'react';
 
 function useIntersectionObserver(containerRef, t0) {

package/components/date-picker/use-scroll-behavior.js

@@ -1,19 +1,18 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useState, useRef, useEffectEvent, useEffect, useLayoutEffect } from 'react';
 import units, { isSafariOnIPhone, scrollerReRenderDelayIPhone } from './consts.js';
-import useEventCallback from '../global/use-event-callback.js';
 import 'date-fns/add';
 import 'date-fns';
 import '../global/sniffer.js';
 import 'sniffr';
 
 function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDateSource, arith, scheduleScroll) {
-  const $ = c(39);
-  if ($[0] !== "5ce72fbec5594f0e31b7b5703cf53349d817d9722b565bfa743aaa359a97033d") {
-    for (let $i = 0; $i < 39; $i += 1) {
+  const $ = c(38);
+  if ($[0] !== "a3a62d0eaf68edc8b0ddbd21981a78487012d4433139cd433e355b8f989ab2de") {
+    for (let $i = 0; $i < 38; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "5ce72fbec5594f0e31b7b5703cf53349d817d9722b565bfa743aaa359a97033d";
+    $[0] = "a3a62d0eaf68edc8b0ddbd21981a78487012d4433139cd433e355b8f989ab2de";
   }
   let t0;
   if ($[1] !== arith || $[2] !== scrollDate.date) {
@@ -60,7 +59,7 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
   } else {
     t2 = $[12];
   }
-  const syncSelfState = useEventCallback(t2);
+  const syncSelfState = useEffectEvent(t2);
   const didMountRef = useRef(false);
   let t3;
   if ($[13] !== scrollDate.date || $[14] !== scrollDate.source || $[15] !== selfScrollDateSource || $[16] !== syncSelfState) {
@@ -87,19 +86,18 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
     t3 = $[17];
   }
   let t4;
-  if ($[18] !== scrollDate || $[19] !== selfScrollDateSource || $[20] !== syncSelfState) {
-    t4 = [scrollDate, selfScrollDateSource, syncSelfState];
+  if ($[18] !== scrollDate || $[19] !== selfScrollDateSource) {
+    t4 = [scrollDate, selfScrollDateSource];
     $[18] = scrollDate;
     $[19] = selfScrollDateSource;
-    $[20] = syncSelfState;
-    $[21] = t4;
+    $[20] = t4;
   } else {
-    t4 = $[21];
+    t4 = $[20];
   }
   useEffect(t3, t4);
   const ignoreNextScrollEventRef = useRef(true);
   let t5;
-  if ($[22] !== scrollTop) {
+  if ($[21] !== scrollTop) {
     t5 = function setContainerScrollFromState() {
       const container_0 = containerRef.current;
       if (!container_0) {
@@ -108,24 +106,24 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
       ignoreNextScrollEventRef.current = true;
       container_0.scrollTop = scrollTop;
     };
-    $[22] = scrollTop;
-    $[23] = t5;
+    $[21] = scrollTop;
+    $[22] = t5;
   } else {
-    t5 = $[23];
+    t5 = $[22];
   }
   let t6;
-  if ($[24] !== items || $[25] !== scrollTop) {
+  if ($[23] !== items || $[24] !== scrollTop) {
     t6 = [items, scrollTop];
-    $[24] = items;
-    $[25] = scrollTop;
-    $[26] = t6;
+    $[23] = items;
+    $[24] = scrollTop;
+    $[25] = t6;
   } else {
-    t6 = $[26];
+    t6 = $[25];
   }
   useLayoutEffect(t5, t6);
   const updateStateTimerRef = useRef(null);
   let t7;
-  if ($[27] !== arith || $[28] !== items || $[29] !== locale || $[30] !== onContainerScroll || $[31] !== scheduleScroll || $[32] !== selfScrollDateSource) {
+  if ($[26] !== arith || $[27] !== items || $[28] !== locale || $[29] !== onContainerScroll || $[30] !== scheduleScroll || $[31] !== selfScrollDateSource) {
     t7 = () => {
       scheduleScroll(() => {
         if (updateStateTimerRef.current != null) {
@@ -164,20 +162,19 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
         }
       });
     };
-    $[27] = arith;
-    $[28] = items;
-    $[29] = locale;
-    $[30] = onContainerScroll;
-    $[31] = scheduleScroll;
-    $[32] = selfScrollDateSource;
-    $[33] = t7;
+    $[26] = arith;
+    $[27] = items;
+    $[28] = locale;
+    $[29] = onContainerScroll;
+    $[30] = scheduleScroll;
+    $[31] = selfScrollDateSource;
+    $[32] = t7;
   } else {
-    t7 = $[33];
+    t7 = $[32];
   }
-  const handleScroll = useEventCallback(t7);
+  const handleScroll = useEffectEvent(t7);
   let t8;
-  let t9;
-  if ($[34] !== handleScroll) {
+  if ($[33] !== handleScroll) {
     t8 = () => {
       const container_2 = containerRef.current;
       if (!container_2) {
@@ -192,25 +189,29 @@ function useScrollBehavior(scrollDate, onContainerScroll, locale, selfScrollDate
         }
       };
     };
-    t9 = [handleScroll];
-    $[34] = handleScroll;
-    $[35] = t8;
-    $[36] = t9;
+    $[33] = handleScroll;
+    $[34] = t8;
+  } else {
+    t8 = $[34];
+  }
+  let t9;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = [];
+    $[35] = t9;
   } else {
-    t8 = $[35];
-    t9 = $[36];
+    t9 = $[35];
   }
   useEffect(t8, t9);
   let t10;
-  if ($[37] !== items) {
+  if ($[36] !== items) {
     t10 = {
       containerRef,
       items
     };
-    $[37] = items;
-    $[38] = t10;
+    $[36] = items;
+    $[37] = t10;
   } else {
-    t10 = $[38];
+    t10 = $[37];
   }
   return t10;
 }

package/components/date-picker/weekdays.js

@@ -1,5 +1,5 @@
 import 'core-js/modules/es.array.includes.js';
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import { getDay } from 'date-fns/getDay';
 import { format } from 'date-fns/format';

package/components/date-picker/years.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
@@ -20,7 +20,6 @@ import 'date-fns/add';
 import 'date-fns';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../global/use-event-callback.js';
 
 const {
   yearHeight
@@ -38,11 +37,11 @@ const scheduleScroll = scheduleRAF();
 const intersectionObserverRootMargin = units.calHeight / 2;
 function Years(t0) {
   const $ = c(25);
-  if ($[0] !== "7e95fee5be468c0469f1cdfc188c2b13e855e290b93af773b0ec1e248249baca") {
+  if ($[0] !== "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702") {
     for (let $i = 0; $i < 25; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "7e95fee5be468c0469f1cdfc188c2b13e855e290b93af773b0ec1e248249baca";
+    $[0] = "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702";
   }
   const {
     scrollDate,
@@ -193,7 +192,7 @@ function Years(t0) {
   }
   let t10;
   if ($[22] !== t7 || $[23] !== t9) {
-    t10 = /*#__PURE__*/jsx(IntersectionObserverContext.Provider, {
+    t10 = /*#__PURE__*/jsx(IntersectionObserverContext, {
       value: t7,
       children: t9
     });
@@ -207,11 +206,11 @@ function Years(t0) {
 }
 function Year(t0) {
   const $ = c(24);
-  if ($[0] !== "7e95fee5be468c0469f1cdfc188c2b13e855e290b93af773b0ec1e248249baca") {
+  if ($[0] !== "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702") {
     for (let $i = 0; $i < 24; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "7e95fee5be468c0469f1cdfc188c2b13e855e290b93af773b0ec1e248249baca";
+    $[0] = "d83f39ae52d8a31382391108984551694ebcf0097c6e55663ca967ea74179702";
   }
   const {
     year,

package/components/dialog/dialog.d.ts

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
 import * as React from 'react';
-import TabTrap, { type TabTrapProps } from '../tab-trap/tab-trap';
+import { type TabTrapObject, type TabTrapProps } from '../tab-trap/tab-trap';
 import type { ShortcutsScopeOptions } from '../shortcuts/core';
 export interface DialogProps extends Partial<TabTrapProps> {
     show: boolean;
@@ -43,7 +43,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         esc: (event: KeyboardEvent) => void;
     };
     dialog?: HTMLElement | null;
-    dialogRef: (tabTrap: TabTrap | null) => void;
+    dialogRef: (tabTrapObj: TabTrapObject | null) => void;
     nativeDialog: React.RefObject<HTMLDialogElement | null>;
     render(): false | React.JSX.Element;
 }

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';
@@ -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';

package/components/dropdown/dropdown.js

@@ -4,7 +4,7 @@ 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';

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';
@@ -68,11 +68,11 @@ import '../_helpers/theme.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;