@jetbrains/ring-ui-built 7.0.125 → 8.0.0-beta.11

package/components/tabs/collapsible-more.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 { Directions } from '../popup/popup.consts.js';

package/components/tabs/collapsible-tab.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';

package/components/tabs/collapsible-tabs.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import fastdom from 'fastdom';

package/components/tabs/dumb-tabs.js

@@ -8,7 +8,7 @@ import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
 import { getTabId } from './tabs.utils.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/smart-tabs.js

@@ -5,7 +5,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/tab-link.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';

package/components/tabs/tabs.js

@@ -7,7 +7,7 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import 'react/jsx-runtime';

package/components/tag/tag.js

@@ -10,7 +10,7 @@ import { ControlsHeight } from '../global/configuration.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 '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

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

@@ -110,6 +110,8 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     selectRef: (el: Select | null) => void;
     render(): React.JSX.Element;
 }
-export declare const RerenderableTagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<TagsInput>>;
+export declare const RerenderableTagsInput: ({ ref, ...props }: TagsInputProps & {
+    ref?: React.Ref<TagsInput> | undefined;
+}) => React.JSX.Element;
 export type TagsInputAttrs = React.JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
 export {};

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

@@ -17,19 +17,18 @@ import 'dequal';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-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 '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
+import '../global/configuration.js';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
@@ -40,6 +39,7 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

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

@@ -7,14 +7,14 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../global/data-tests.js';
 

package/components/toggle/toggle.js

@@ -3,7 +3,7 @@ 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';
+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"};
 

package/components/tooltip/tooltip.d.ts

@@ -8,7 +8,8 @@ interface Context {
     onNestedTooltipHide: () => void;
 }
 declare const TooltipContext: React.Context<Context | undefined>;
-export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLSpanElement>, 'title'> {
+export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLElement>, 'title'> {
+    TagName?: 'span' | 'div' | null | undefined;
     delay?: number | null | undefined;
     selfOverflowOnly?: boolean | null | undefined;
     popupProps?: Partial<PopupAttrs> | null | undefined;

package/components/tooltip/tooltip.js

@@ -15,7 +15,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 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.consts.js';
@@ -161,6 +161,7 @@ class Tooltip extends Component {
   render() {
     const {
       children,
+      TagName,
       'data-test': dataTest,
       title,
       delay,
@@ -182,6 +183,7 @@ class Tooltip extends Component {
       onNestedTooltipShow,
       onNestedTooltipHide
     } = this;
+    const WrapperElement = TagName || 'span';
     const popup = /*#__PURE__*/jsx(Popup, {
       trapFocus: false,
       anchorElement: this.containerNode,
@@ -200,12 +202,12 @@ class Tooltip extends Component {
       }, popupProps?.className),
       children: title
     });
-    return /*#__PURE__*/jsx(TooltipContext.Provider, {
+    return /*#__PURE__*/jsx(TooltipContext, {
       value: {
         onNestedTooltipShow,
         onNestedTooltipHide
       },
-      children: /*#__PURE__*/jsxs("span", {
+      children: /*#__PURE__*/jsxs(WrapperElement, {
         ...ariaProps,
         ...restProps,
         ref: this.containerRef,

package/components/upload/upload.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type Ref } from 'react';
 export type UploadVariant = 'empty' | 'error' | 'success';
 interface Props {
     className?: string;
@@ -10,10 +10,11 @@ interface Props {
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;
     variant?: UploadVariant;
+    ref?: Ref<UploadHandle>;
     children?: ReactNode;
 }
 export interface UploadHandle {
     openFilePicker: () => void;
 }
-export declare const Upload: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<UploadHandle>>;
-export default Upload;
+export default function UploadInner({ children, className, onFilesSelected, onFilesRejected, validate, variant, multiple, renderIcon, accept, disabled, ref, }: Props): import("react").JSX.Element;
+export {};

package/components/upload/upload.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, useRef, useState, useImperativeHandle } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useRef, useState, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import attachmentIcon from '@jetbrains/icons/attachment';
 import Icon from '../icon/icon.js';
@@ -7,7 +7,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
 import '../global/memoize.js';
 
 var styles = {"upload":"ring-upload-upload","success":"ring-upload-success","error":"ring-upload-error","dragOver":"ring-upload-dragOver","disabled":"ring-upload-disabled","invisibleFileInput":"ring-upload-invisibleFileInput","attachmentIcon":"ring-upload-attachmentIcon"};
@@ -18,11 +17,11 @@ const defaultRenderIcon = () => /*#__PURE__*/jsx(Icon, {
 });
 function UploadInner(t0) {
   const $ = c(29);
-  if ($[0] !== "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084") {
+  if ($[0] !== "d58de564c5913f5a17e892bfa80bc62db12ed2c472d455b1315750c6d5bfd08f") {
     for (let $i = 0; $i < 29; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084";
+    $[0] = "d58de564c5913f5a17e892bfa80bc62db12ed2c472d455b1315750c6d5bfd08f";
   }
   const {
     children,
@@ -35,7 +34,7 @@ function UploadInner(t0) {
     renderIcon: t3,
     accept,
     disabled,
-    forwardedRef
+    ref
   } = t0;
   const validate = t1 === undefined ? _temp : t1;
   const variant = t2 === undefined ? "empty" : t2;
@@ -55,7 +54,7 @@ function UploadInner(t0) {
     t4 = $[1];
     t5 = $[2];
   }
-  useImperativeHandle(forwardedRef, t4, t5);
+  useImperativeHandle(ref, t4, t5);
   let t6;
   if ($[3] !== onFilesRejected || $[4] !== onFilesSelected || $[5] !== validate) {
     t6 = files => {
@@ -183,27 +182,5 @@ function _temp2(e) {
 function _temp() {
   return true;
 }
-const Upload = /*#__PURE__*/forwardRef(function Upload(props, ref) {
-  const $ = c(4);
-  if ($[0] !== "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084") {
-    for (let $i = 0; $i < 4; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084";
-  }
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(UploadInner, {
-      ...props,
-      forwardedRef: ref
-    });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  return t0;
-});
 
-export { Upload, Upload as default };
+export { UploadInner as default };

package/components/user-agreement/service.js

@@ -19,8 +19,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
-import '../global/configuration.js';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -30,6 +29,7 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
+import '../global/configuration.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';
 import '../heading/heading.js';
@@ -60,8 +60,13 @@ import '../popup/popup.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
-import '../_helpers/dialog-body-scroll-preventer.js';
+import '../global/get-viewport-size.js';
+import '../dialog/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
+import '../_helpers/dialog.js';
+import '../dialog/dialog-controls.js';
+import '@jetbrains/icons/resize-corner-12px';
+import '../dialog/dialog-geometry.js';
 import '../panel/panel.js';
 import '../i18n/i18n-context.js';
 import '../i18n/i18n.js';
@@ -283,7 +288,10 @@ class UserAgreementService {
           preview,
           ...restOptions
         };
-        this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+        if (!this.container.isConnected) {
+          document.body.appendChild(this.container);
+        }
+        this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext, {
           value: getGlobalControlsHeight(),
           children: /*#__PURE__*/jsx(UserAgreement, {
             ...props

package/components/user-agreement/user-agreement.js

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
-import classNames from 'classnames';
 import Dialog from '../dialog/dialog.js';
+import 'classnames';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../_helpers/island.js';
 import HeaderWrapper from '../island/header.js';
@@ -9,12 +9,11 @@ import Panel from '../panel/panel.js';
 import { Button } from '../button/button.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import 'react-dom';
-import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -33,21 +32,27 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../_helpers/theme.js';
-import '../_helpers/dialog-body-scroll-preventer.js';
+import '../global/get-viewport-size.js';
+import '../dialog/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
-import '@jetbrains/icons/chevron-down';
-import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
+import '../_helpers/dialog.js';
+import '../dialog/dialog-controls.js';
+import '@jetbrains/icons/close';
+import '@jetbrains/icons/resize-corner-12px';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../_helpers/button.classes.js';
+import '../dialog/dialog-geometry.js';
 import '../i18n/i18n.js';
 
-var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"ring-user-agreement-agreementDialog","dialogContent":"ring-user-agreement-dialogContent","suggestion":"ring-user-agreement-suggestion","remindLaterButton":"ring-user-agreement-remindLaterButton"};
+var style = {"extra-small-screen-media":"(max-width: 639px)","dialogContent":"ring-user-agreement-dialogContent","suggestion":"ring-user-agreement-suggestion"};
 
 function noop() {}
 /**
@@ -85,11 +90,11 @@ class UserAgreement extends PureComponent {
       children: ({
         translate
       }) => {
-        var _translations$userAgr, _translations$userAgr2, _translations$scrollT, _translations$accept, _translations$decline, _translations$scrollT2, _translations$remindL, _translations$close;
+        var _translations$userAgr, _translations$userAgr2, _translations$scrollT, _translations$scrollT2, _translations$decline, _translations$remindL, _translations$accept, _translations$close;
         return /*#__PURE__*/jsxs(Dialog, {
           label: (_translations$userAgr = translations?.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
           show: show,
-          className: classNames(style.agreementDialog, className),
+          className: className !== null && className !== void 0 ? className : undefined,
           contentClassName: style.dialogContent,
           trapFocus: true,
           autoFocusFirst: false,
@@ -105,25 +110,24 @@ class UserAgreement extends PureComponent {
             children: [onRemindLater && !scrolledDown && /*#__PURE__*/jsx("div", {
               className: style.suggestion,
               children: (_translations$scrollT = translations?.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')
-            }), /*#__PURE__*/jsx(Button, {
-              primary: true,
-              disabled: !scrolledDown,
-              onClick: onAccept,
-              "data-test": "accept",
-              children: (_translations$accept = translations?.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')
+            }), !onRemindLater && !scrolledDown && /*#__PURE__*/jsx("span", {
+              className: style.suggestion,
+              children: (_translations$scrollT2 = translations?.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')
             }), /*#__PURE__*/jsx(Button, {
               onClick: onDecline,
               autoFocus: true,
               "data-test": "decline",
               children: (_translations$decline = translations?.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')
-            }), !onRemindLater && !scrolledDown && /*#__PURE__*/jsx("span", {
-              className: style.suggestion,
-              children: (_translations$scrollT2 = translations?.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')
             }), onRemindLater && /*#__PURE__*/jsx(Button, {
-              className: style.remindLaterButton,
               onClick: onRemindLater,
               "data-test": "later",
               children: (_translations$remindL = translations?.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater')
+            }), /*#__PURE__*/jsx(Button, {
+              primary: true,
+              disabled: !scrolledDown,
+              onClick: onAccept,
+              "data-test": "accept",
+              children: (_translations$accept = translations?.accept) !== null && _translations$accept !== void 0 ? _translations$accept : translate('accept')
             })]
           }), preview && /*#__PURE__*/jsx(Panel, {
             children: /*#__PURE__*/jsx(Button, {

package/components/user-card/card.js

@@ -12,13 +12,10 @@ export { U as default } from '../_helpers/card.js';
 import 'react/jsx-runtime';
 import '../avatar/avatar-size.js';
 import '../icon/icon.constants.js';
-import 'core-js/modules/es.array.includes.js';
-import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
-import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/get-uid.js';
 import '../_helpers/avatar-info.js';
 import '../global/data-tests.js';
@@ -37,9 +34,11 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
+import 'util-deprecate';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/icon-svg.js';
+import '../global/memoize.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';
 import '../heading/heading.js';
@@ -55,6 +54,7 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/user-card/smart-user-card-tooltip.js

@@ -8,18 +8,18 @@ import '../global/data-tests.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-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';
 import '../popup/popup.js';
 import 'react-dom';

package/components/user-card/tooltip.js

@@ -7,18 +7,18 @@ import { jsx } from 'react/jsx-runtime';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-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';
 import 'react-dom';
 import '../global/get-uid.js';

package/components/user-card/user-card.js

@@ -5,13 +5,10 @@ import 'react';
 import 'classnames';
 import '@jetbrains/icons/copy';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
-import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
-import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/get-uid.js';
 import '../avatar/avatar-size.js';
 import 'react/jsx-runtime';
@@ -30,14 +27,16 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/info-filled';
 import '@jetbrains/icons/close';
 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 '../loader-inline/loader-inline.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';
@@ -57,6 +56,7 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/util-stories.d.ts

@@ -1 +1,27 @@
 export declare const hideAddonsPanelParam = "hideAddonsPanel";
+export declare function createRandom(seed: bigint): {
+    /**
+     * Fractional in [0, 1)
+     */
+    (): number;
+    /**
+     * Integer in [0, to)
+     */
+    (to: number): number;
+    /**
+     * Integer in [from, to)
+     */
+    (from: number, to: number): number;
+    /**
+     * Date in [from, to)
+     */
+    (from: Date, to: Date): Date;
+    /**
+     * Up to random n items (in random order) from the array
+     */
+    <T>(array: readonly T[], n: number): T[];
+    /**
+     * Random item from the array
+     */
+    <T>(array: readonly T[]): T;
+};