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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.125",
+  "version": "8.0.0-beta.11",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -56,7 +56,7 @@
     "prelint-ci": "echo \"##teamcity[importData type='jslint' path='eslint-report.xml']\"",
     "lint-ci": "eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
     "lint:js": "eslint",
-    "postbuild": "cpy './**/*.d.ts' ../dist --parents --cwd=components/ && node scripts/check-built-css.mjs",
+    "postbuild": "cpy './**/*.d.ts' ../dist --parents --cwd=components/",
     "_postinstall": "husky && npm run postinstall:gitconfig",
     "postinstall:gitconfig": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
     "postpublish": "pinst --enable",
@@ -79,7 +79,7 @@
     "storybook-debug": "node --inspect-brk node_modules/@storybook/react/bin -p 9999",
     "stylelint": "stylelint --ignore-path .stylelintignore '**/*.css'",
     "stylelint-ci": "stylelint --ignore-path .stylelintignore --custom-formatter 'scripts/jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
-    "test": "vitest src && npm test --workspace @jetbrains/rollup-css-plugin",
+    "test": "vitest src",
     "type-check": "(npm run type-check:create-d-ts && npm run type-check:main && npm run type-check:build) ; npm run type-check:cleanup-d-ts",
     "type-check:create-d-ts": "npx tcm src && npx tcm .storybook",
     "type-check:main": "tsc --noEmit -p tsconfig.json",
@@ -97,11 +97,11 @@
   "readmeFilename": "README.md",
   "devDependencies": {},
   "peerDependencies": {
-    "@types/react": ">=18.0.0",
-    "@types/react-dom": ">=18.0.0",
+    "@types/react": ">=19.2.0",
+    "@types/react-dom": ">=19.2.0",
     "core-js": ">=3.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -112,8 +112,8 @@
     }
   },
   "dependencies": {
-    "@jetbrains/icons": "^5.23.4",
-    "change-case": "^5.4.4",
+    "@jetbrains/icons": "^5.23.3",
+    "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
     "date-fns": "^4.4.0",
@@ -121,20 +121,19 @@
     "element-resize-detector": "^1.2.4",
     "fastdom": "^1.0.12",
     "focus-trap": "^8.2.2",
-    "highlight.js": "^11.12.0",
+    "highlight.js": "^10.7.2",
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
     "react-compiler-runtime": "^1.0.0",
     "react-movable": "^3.4.1",
     "react-virtualized": "^9.22.6",
-    "react-waypoint": "^10.3.0",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",
     "sniffr": "^1.4.0",
     "util-deprecate": "^1.0.2"
   },
   "engines": {
-    "node": ">=14.0",
+    "node": "^22.22.3 || ^24.15 || >=26.0",
     "npm": ">=6.0.0"
   },
   "bugs": {

package/components/__mocks__/old-browsers-message.js

@@ -1,3 +0,0 @@
-function stop() {}
-
-export { stop };

package/components/_helpers/dialog-body-scroll-preventer.js

@@ -1,50 +0,0 @@
-import scrollbarWidth from 'scrollbar-width';
-
-var styles = {"header":"ring-island-header","scrollableWrapper":"ring-island-scrollableWrapper","panel":"ring-panel-panel","container":"ring-dialog-container","nativeDialog":"ring-dialog-nativeDialog","innerContainer":"ring-dialog-innerContainer","content":"ring-dialog-content","contentCloseButtonOutside":"ring-dialog-contentCloseButtonOutside","contentCloseButtonInside":"ring-dialog-contentCloseButtonInside","clickableOverlay":"ring-dialog-clickableOverlay","closeIconOutside":"ring-dialog-closeIconOutside","closeIcon":"ring-dialog-closeIcon","closeButton":"ring-dialog-closeButton","closeButtonOutside":"ring-dialog-closeButtonOutside","closeButtonInside":"ring-dialog-closeButtonInside","documentWithoutScroll":"ring-dialog-documentWithoutScroll","popupTarget":"ring-dialog-popupTarget","dense":"ring-dialog-dense"};
-
-const isPrevented = new Set();
-let previousDocumentWidth = null;
-const prevent = key => {
-  if (isPrevented.has(key)) {
-    return;
-  }
-  isPrevented.add(key);
-  if (isPrevented.size > 1) {
-    return;
-  }
-  const documentHasScroll = document.documentElement.scrollHeight > window.innerHeight || getComputedStyle(document.documentElement).overflowY === 'scroll';
-  document.documentElement.classList.add(styles.documentWithoutScroll);
-  const scrollWidth = scrollbarWidth();
-  const {
-    scrollbarGutter
-  } = getComputedStyle(document.documentElement);
-  const documentHasScrollbarGutter = scrollbarGutter === 'stable' || scrollbarGutter === 'both-edges';
-  if (documentHasScroll && scrollWidth !== null && scrollWidth !== undefined && scrollWidth > 0 && !documentHasScrollbarGutter) {
-    previousDocumentWidth = document.documentElement.style.width;
-    document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
-  }
-};
-const reset = key => {
-  if (isPrevented.size === 0) {
-    return;
-  }
-  isPrevented.delete(key);
-  if (isPrevented.size > 0) {
-    return;
-  }
-  document.documentElement.classList.remove(styles.documentWithoutScroll);
-  if (previousDocumentWidth !== null && previousDocumentWidth !== undefined) {
-    document.documentElement.style.width = previousDocumentWidth;
-    previousDocumentWidth = null;
-  }
-};
-const preventerFactory = key => {
-  const preventerKey = key || Math.random();
-  return {
-    prevent: () => prevent(preventerKey),
-    reset: () => reset(preventerKey)
-  };
-};
-var dialogBodyScrollPreventer = preventerFactory('default-preventer');
-
-export { dialogBodyScrollPreventer as d, preventerFactory as p, styles as s };

package/components/_helpers/grid.js

@@ -1,3 +0,0 @@
-var styles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","large-screen-media":"(min-width: 1200px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","container-fluid":"ring-grid-container-fluid","container":"ring-grid-container","row":"ring-grid-row","reverse":"ring-grid-reverse","col":"ring-grid-col","col-xs":"ring-grid-col-xs","col-xs-1":"ring-grid-col-xs-1","col-xs-2":"ring-grid-col-xs-2","col-xs-3":"ring-grid-col-xs-3","col-xs-4":"ring-grid-col-xs-4","col-xs-5":"ring-grid-col-xs-5","col-xs-6":"ring-grid-col-xs-6","col-xs-7":"ring-grid-col-xs-7","col-xs-8":"ring-grid-col-xs-8","col-xs-9":"ring-grid-col-xs-9","col-xs-10":"ring-grid-col-xs-10","col-xs-11":"ring-grid-col-xs-11","col-xs-12":"ring-grid-col-xs-12","col-xs-offset-0":"ring-grid-col-xs-offset-0","col-xs-offset-1":"ring-grid-col-xs-offset-1","col-xs-offset-2":"ring-grid-col-xs-offset-2","col-xs-offset-3":"ring-grid-col-xs-offset-3","col-xs-offset-4":"ring-grid-col-xs-offset-4","col-xs-offset-5":"ring-grid-col-xs-offset-5","col-xs-offset-6":"ring-grid-col-xs-offset-6","col-xs-offset-7":"ring-grid-col-xs-offset-7","col-xs-offset-8":"ring-grid-col-xs-offset-8","col-xs-offset-9":"ring-grid-col-xs-offset-9","col-xs-offset-10":"ring-grid-col-xs-offset-10","col-xs-offset-11":"ring-grid-col-xs-offset-11","col-xs-offset-12":"ring-grid-col-xs-offset-12","start-xs":"ring-grid-start-xs","center-xs":"ring-grid-center-xs","end-xs":"ring-grid-end-xs","top-xs":"ring-grid-top-xs","middle-xs":"ring-grid-middle-xs","baseline-xs":"ring-grid-baseline-xs","bottom-xs":"ring-grid-bottom-xs","around-xs":"ring-grid-around-xs","between-xs":"ring-grid-between-xs","first-xs":"ring-grid-first-xs","last-xs":"ring-grid-last-xs","col-sm":"ring-grid-col-sm","col-sm-1":"ring-grid-col-sm-1","col-sm-2":"ring-grid-col-sm-2","col-sm-3":"ring-grid-col-sm-3","col-sm-4":"ring-grid-col-sm-4","col-sm-5":"ring-grid-col-sm-5","col-sm-6":"ring-grid-col-sm-6","col-sm-7":"ring-grid-col-sm-7","col-sm-8":"ring-grid-col-sm-8","col-sm-9":"ring-grid-col-sm-9","col-sm-10":"ring-grid-col-sm-10","col-sm-11":"ring-grid-col-sm-11","col-sm-12":"ring-grid-col-sm-12","col-sm-offset-0":"ring-grid-col-sm-offset-0","col-sm-offset-1":"ring-grid-col-sm-offset-1","col-sm-offset-2":"ring-grid-col-sm-offset-2","col-sm-offset-3":"ring-grid-col-sm-offset-3","col-sm-offset-4":"ring-grid-col-sm-offset-4","col-sm-offset-5":"ring-grid-col-sm-offset-5","col-sm-offset-6":"ring-grid-col-sm-offset-6","col-sm-offset-7":"ring-grid-col-sm-offset-7","col-sm-offset-8":"ring-grid-col-sm-offset-8","col-sm-offset-9":"ring-grid-col-sm-offset-9","col-sm-offset-10":"ring-grid-col-sm-offset-10","col-sm-offset-11":"ring-grid-col-sm-offset-11","col-sm-offset-12":"ring-grid-col-sm-offset-12","start-sm":"ring-grid-start-sm","center-sm":"ring-grid-center-sm","end-sm":"ring-grid-end-sm","top-sm":"ring-grid-top-sm","middle-sm":"ring-grid-middle-sm","baseline-sm":"ring-grid-baseline-sm","bottom-sm":"ring-grid-bottom-sm","around-sm":"ring-grid-around-sm","between-sm":"ring-grid-between-sm","first-sm":"ring-grid-first-sm","last-sm":"ring-grid-last-sm","col-md":"ring-grid-col-md","col-md-1":"ring-grid-col-md-1","col-md-2":"ring-grid-col-md-2","col-md-3":"ring-grid-col-md-3","col-md-4":"ring-grid-col-md-4","col-md-5":"ring-grid-col-md-5","col-md-6":"ring-grid-col-md-6","col-md-7":"ring-grid-col-md-7","col-md-8":"ring-grid-col-md-8","col-md-9":"ring-grid-col-md-9","col-md-10":"ring-grid-col-md-10","col-md-11":"ring-grid-col-md-11","col-md-12":"ring-grid-col-md-12","col-md-offset-0":"ring-grid-col-md-offset-0","col-md-offset-1":"ring-grid-col-md-offset-1","col-md-offset-2":"ring-grid-col-md-offset-2","col-md-offset-3":"ring-grid-col-md-offset-3","col-md-offset-4":"ring-grid-col-md-offset-4","col-md-offset-5":"ring-grid-col-md-offset-5","col-md-offset-6":"ring-grid-col-md-offset-6","col-md-offset-7":"ring-grid-col-md-offset-7","col-md-offset-8":"ring-grid-col-md-offset-8","col-md-offset-9":"ring-grid-col-md-offset-9","col-md-offset-10":"ring-grid-col-md-offset-10","col-md-offset-11":"ring-grid-col-md-offset-11","col-md-offset-12":"ring-grid-col-md-offset-12","start-md":"ring-grid-start-md","center-md":"ring-grid-center-md","end-md":"ring-grid-end-md","top-md":"ring-grid-top-md","middle-md":"ring-grid-middle-md","baseline-md":"ring-grid-baseline-md","bottom-md":"ring-grid-bottom-md","around-md":"ring-grid-around-md","between-md":"ring-grid-between-md","first-md":"ring-grid-first-md","last-md":"ring-grid-last-md","col-lg":"ring-grid-col-lg","col-lg-1":"ring-grid-col-lg-1","col-lg-2":"ring-grid-col-lg-2","col-lg-3":"ring-grid-col-lg-3","col-lg-4":"ring-grid-col-lg-4","col-lg-5":"ring-grid-col-lg-5","col-lg-6":"ring-grid-col-lg-6","col-lg-7":"ring-grid-col-lg-7","col-lg-8":"ring-grid-col-lg-8","col-lg-9":"ring-grid-col-lg-9","col-lg-10":"ring-grid-col-lg-10","col-lg-11":"ring-grid-col-lg-11","col-lg-12":"ring-grid-col-lg-12","col-lg-offset-0":"ring-grid-col-lg-offset-0","col-lg-offset-1":"ring-grid-col-lg-offset-1","col-lg-offset-2":"ring-grid-col-lg-offset-2","col-lg-offset-3":"ring-grid-col-lg-offset-3","col-lg-offset-4":"ring-grid-col-lg-offset-4","col-lg-offset-5":"ring-grid-col-lg-offset-5","col-lg-offset-6":"ring-grid-col-lg-offset-6","col-lg-offset-7":"ring-grid-col-lg-offset-7","col-lg-offset-8":"ring-grid-col-lg-offset-8","col-lg-offset-9":"ring-grid-col-lg-offset-9","col-lg-offset-10":"ring-grid-col-lg-offset-10","col-lg-offset-11":"ring-grid-col-lg-offset-11","col-lg-offset-12":"ring-grid-col-lg-offset-12","start-lg":"ring-grid-start-lg","center-lg":"ring-grid-center-lg","end-lg":"ring-grid-end-lg","top-lg":"ring-grid-top-lg","middle-lg":"ring-grid-middle-lg","baseline-lg":"ring-grid-baseline-lg","bottom-lg":"ring-grid-bottom-lg","around-lg":"ring-grid-around-lg","between-lg":"ring-grid-between-lg","first-lg":"ring-grid-first-lg","last-lg":"ring-grid-last-lg"};
-
-export { styles as s };

package/components/_helpers/sidebar.js

@@ -1,110 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import { Waypoint } from 'react-waypoint';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var styles = {"extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","contentLayout":"ring-content-layout-contentLayout","contentLayoutContent":"ring-content-layout-contentLayoutContent","sidebarContainer":"ring-content-layout-sidebarContainer","sidebarContainerRight":"ring-content-layout-sidebarContainerRight","sidebar":"ring-content-layout-sidebar","sidebarRight":"ring-content-layout-sidebarRight","sidebarFixedTop":"ring-content-layout-sidebarFixedTop","sidebarFixedBottom":"ring-content-layout-sidebarFixedBottom","bottomMarker":"ring-content-layout-bottomMarker","contentLayoutResponsive":"ring-content-layout-contentLayoutResponsive"};
-
-const ABOVE = 'above';
-const INSIDE = 'inside';
-/**
- * @name Sidebar
- * @deprecated Will be removed in Ring UI 8.0.
- */
-class Sidebar extends Component {
-  state = {
-    topIsOutside: true,
-    bottomIsOutside: true,
-    sidebarVisibleHeight: undefined
-  };
-  sidebarNode;
-  handleTopWaypoint = ({
-    currentPosition
-  }) => {
-    this.setState({
-      topIsOutside: currentPosition === ABOVE
-    });
-  };
-  handleBottomWaypoint = ({
-    currentPosition,
-    waypointTop
-  }) => {
-    this.setState({
-      sidebarVisibleHeight: waypointTop,
-      bottomIsOutside: currentPosition !== INSIDE
-    });
-  };
-  shouldUseFixation() {
-    const {
-      contentNode
-    } = this.props;
-    const {
-      sidebarNode
-    } = this;
-    if (!contentNode || !sidebarNode) {
-      return false;
-    }
-    return contentNode.offsetHeight >= sidebarNode.offsetHeight;
-  }
-  shouldFixateBottom() {
-    const {
-      topIsOutside,
-      bottomIsOutside
-    } = this.state;
-    return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
-  }
-  sidebarRef = node => {
-    this.sidebarNode = node;
-  };
-  render() {
-    const {
-      right,
-      children,
-      className,
-      containerClassName,
-      fixedClassName,
-      contentNode,
-      ...restProps
-    } = this.props;
-    const {
-      topIsOutside,
-      bottomIsOutside,
-      sidebarVisibleHeight
-    } = this.state;
-    const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
-    const shouldFixateBottom = this.shouldFixateBottom();
-    const containerClasses = classNames(styles.sidebarContainer, containerClassName, {
-      [styles.sidebarContainerRight]: right
-    });
-    const classes = classNames(styles.sidebar, className, {
-      [styles.sidebarRight]: right,
-      [styles.sidebarFixedTop]: shouldFixateTop,
-      [styles.sidebarFixedBottom]: shouldFixateBottom,
-      [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
-    });
-    const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
-    };
-    return /*#__PURE__*/jsxs("aside", {
-      className: containerClasses,
-      ref: this.sidebarRef,
-      children: [/*#__PURE__*/jsx(Waypoint, {
-        onEnter: this.handleTopWaypoint,
-        onLeave: this.handleTopWaypoint
-      }), /*#__PURE__*/jsx("div", {
-        ...restProps,
-        style: style,
-        className: classes,
-        children: children
-      }), /*#__PURE__*/jsx("div", {
-        className: styles.bottomMarker,
-        children: /*#__PURE__*/jsx(Waypoint, {
-          onEnter: this.handleBottomWaypoint,
-          onLeave: this.handleBottomWaypoint
-        })
-      })]
-    });
-  }
-}
-
-export { Sidebar as S, styles as s };

package/components/content-layout/content-layout.d.ts

@@ -1,20 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
-    responsive: boolean;
-    contentClassName?: string | null | undefined;
-}
-/**
- * @name Content Layout
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class ContentLayout extends Component<ContentLayoutProps> {
-    static defaultProps: {
-        responsive: boolean;
-    };
-    state: {
-        contentNode: null;
-    };
-    saveContentNode: (contentNode: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
-}
-export { default as Sidebar } from './sidebar';

package/components/content-layout/content-layout.js

@@ -1,50 +0,0 @@
-import { Component, Children, cloneElement } from 'react';
-import classNames from 'classnames';
-import { s as styles, S as Sidebar } from '../_helpers/sidebar.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-waypoint';
-
-class ContentLayout extends Component {
-  static defaultProps = {
-    responsive: true
-  };
-  state = {
-    contentNode: null
-  };
-  saveContentNode = contentNode => {
-    this.setState({
-      contentNode
-    });
-  };
-  render() {
-    const {
-      children,
-      className,
-      contentClassName,
-      responsive,
-      ...restProps
-    } = this.props;
-    const classes = classNames(styles.contentLayout, className, {
-      [styles.contentLayoutResponsive]: responsive
-    });
-    const contentClasses = classNames(styles.contentLayoutContent, contentClassName);
-    const childrenArray = Children.toArray(children);
-    const sidebarChild = childrenArray.filter(child => !!child && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
-    const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
-      contentNode: this.state.contentNode
-    });
-    const contentChildren = childrenArray.filter(child => child !== sidebarChild);
-    return /*#__PURE__*/jsxs("div", {
-      "data-test": "content-layout",
-      ...restProps,
-      className: classes,
-      children: [sidebar, /*#__PURE__*/jsx("main", {
-        className: contentClasses,
-        ref: this.saveContentNode,
-        children: contentChildren
-      })]
-    });
-  }
-}
-
-export { Sidebar, ContentLayout as default };

package/components/content-layout/sidebar.d.ts

@@ -1,26 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-import { Waypoint } from 'react-waypoint';
-export interface SidebarProps extends HTMLAttributes<HTMLElement> {
-    right?: boolean | null | undefined;
-    containerClassName?: string | null | undefined;
-    fixedClassName?: string | null | undefined;
-    contentNode?: HTMLElement | null | undefined;
-}
-/**
- * @name Sidebar
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class Sidebar extends Component<SidebarProps> {
-    state: {
-        topIsOutside: boolean;
-        bottomIsOutside: boolean;
-        sidebarVisibleHeight: undefined;
-    };
-    sidebarNode?: HTMLElement | null;
-    handleTopWaypoint: ({ currentPosition }: Waypoint.CallbackArgs) => void;
-    handleBottomWaypoint: ({ currentPosition, waypointTop }: Waypoint.CallbackArgs) => void;
-    shouldUseFixation(): boolean;
-    shouldFixateBottom(): boolean;
-    sidebarRef: (node: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
-}

package/components/content-layout/sidebar.js

@@ -1,5 +0,0 @@
-import 'react';
-import 'classnames';
-import 'react-waypoint';
-export { S as default } from '../_helpers/sidebar.js';
-import 'react/jsx-runtime';

package/components/date-picker/use-intersection-observer.d.ts

@@ -1,6 +0,0 @@
-import { type RefObject } from 'react';
-export declare function useIntersectionObserver(containerRef: RefObject<HTMLElement | null>, scrollMargin?: number): IntersectionObserverHandle | null;
-export interface IntersectionObserverHandle {
-    observeVisibility(element: Element, setVisible: (isVisible: boolean) => void): () => void;
-}
-export declare function useVisibility(handle: IntersectionObserverHandle | null, elementRef: RefObject<Element | null>): boolean;

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

@@ -1,93 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useEffect } from 'react';
-
-function useIntersectionObserver(containerRef, t0) {
-  const $ = c(5);
-  if ($[0] !== "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a") {
-    for (let $i = 0; $i < 5; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a";
-  }
-  const scrollMargin = t0 === undefined ? 0 : t0;
-  const [handle, setHandle] = useState(null);
-  let t1;
-  let t2;
-  if ($[1] !== containerRef || $[2] !== scrollMargin) {
-    t1 = () => {
-      const container = containerRef.current;
-      if (!container) {
-        return;
-      }
-      const elementToSetVisible = new Map();
-      const observer = new IntersectionObserver(entries => {
-        for (const entry of entries) {
-          const setVisible = elementToSetVisible.get(entry.target);
-          setVisible?.(entry.isIntersecting);
-        }
-      }, {
-        root: container,
-        ...(scrollMargin ? {
-          scrollMargin: `${scrollMargin}px`
-        } : {})
-      });
-      setHandle({
-        observeVisibility(element, setVisible_0) {
-          elementToSetVisible.set(element, setVisible_0);
-          observer.observe(element);
-          return () => {
-            elementToSetVisible.delete(element);
-            observer.unobserve(element);
-          };
-        }
-      });
-      return () => {
-        observer.disconnect();
-        setHandle(null);
-      };
-    };
-    t2 = [containerRef, scrollMargin];
-    $[1] = containerRef;
-    $[2] = scrollMargin;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  useEffect(t1, t2);
-  return handle;
-}
-function useVisibility(handle, elementRef) {
-  const $ = c(5);
-  if ($[0] !== "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a") {
-    for (let $i = 0; $i < 5; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a";
-  }
-  const [isVisible, setIsVisible] = useState(false);
-  let t0;
-  let t1;
-  if ($[1] !== elementRef || $[2] !== handle) {
-    t0 = () => {
-      const element = elementRef.current;
-      if (!element || !handle) {
-        return;
-      }
-      return handle.observeVisibility(element, setIsVisible);
-    };
-    t1 = [handle, elementRef, setIsVisible];
-    $[1] = elementRef;
-    $[2] = handle;
-    $[3] = t0;
-    $[4] = t1;
-  } else {
-    t0 = $[3];
-    t1 = $[4];
-  }
-  useEffect(t0, t1);
-  return isVisible;
-}
-
-export { useIntersectionObserver, useVisibility };

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

@@ -1,8 +0,0 @@
-import { type CollapsibleGroupProps } from '../collapsible-group/collapsible-group';
-/**
- * @deprecated The `expand` module has been renamed to `collapsible-group`. This re-export will be removed in
- * Ring UI 8.0. Use `CollapsibleGroup` from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.
- */
-declare const DeprecatedCollapsibleGroup: import("react").ForwardRefExoticComponent<CollapsibleGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { CollapsibleGroupProps };
-export default DeprecatedCollapsibleGroup;

package/components/expand/collapsible-group.js

@@ -1,52 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef } from 'react';
-import deprecate from 'util-deprecate';
-import CollapsibleGroup from '../collapsible-group/collapsible-group.js';
-import { jsx } from 'react/jsx-runtime';
-import 'classnames';
-import '@jetbrains/icons/chevron-12px-right';
-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 '../collapse/collapse.js';
-import '../collapse/collapse-context.js';
-import '../collapse/consts.js';
-import '../collapse/collapse-content.js';
-import '../global/data-tests.js';
-import '../global/dom.js';
-import '../collapse/utils.js';
-
-const warnDeprecation = deprecate(() => {}, '`CollapsibleGroup` from `@jetbrains/ring-ui/components/expand/collapsible-group` is deprecated and will be removed in Ring UI 8.0. Import it from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.');
-/**
- * @deprecated The `expand` module has been renamed to `collapsible-group`. This re-export will be removed in
- * Ring UI 8.0. Use `CollapsibleGroup` from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.
- */
-const DeprecatedCollapsibleGroup = /*#__PURE__*/forwardRef((props, ref) => {
-  const $ = c(4);
-  if ($[0] !== "dc9f603c6e591e91f020cc5faed8f169e693dd93fe948fc345146a82715c1a34") {
-    for (let $i = 0; $i < 4; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "dc9f603c6e591e91f020cc5faed8f169e693dd93fe948fc345146a82715c1a34";
-  }
-  warnDeprecation();
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(CollapsibleGroup, {
-      ref: ref,
-      ...props
-    });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  return t0;
-});
-DeprecatedCollapsibleGroup.displayName = 'CollapsibleGroup';
-
-export { DeprecatedCollapsibleGroup as default };

package/components/global/composeRefs.d.ts

@@ -1,6 +0,0 @@
-import { createComposedRef as _createComposedRef } from './compose-refs';
-/**
- * @deprecated Use createComposedRef from './compose-refs' instead
- */
-declare const createComposedRef: typeof _createComposedRef;
-export { createComposedRef };

package/components/global/composeRefs.js

@@ -1,9 +0,0 @@
-import { createComposedRef as createComposedRef$1 } from './compose-refs.js';
-import 'memoize-one';
-
-/**
- * @deprecated Use createComposedRef from './compose-refs' instead
- */
-const createComposedRef = createComposedRef$1;
-
-export { createComposedRef };

package/components/global/use-event-callback.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated This hook will be removed in Ring UI 8.0. Use `useEffectEvent()` instead.
- */
-export default function useEventCallback<I extends unknown[], O>(fn: (...args: I) => O): (...args: I) => O;

package/components/global/use-event-callback.js

@@ -1,49 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useRef, useLayoutEffect } from 'react';
-import deprecate from 'util-deprecate';
-
-const warnDeprecation = deprecate(() => {}, '`useEventCallback()` is deprecated and will be removed in Ring UI 8.0. Use `useEffectEvent()` instead.');
-/**
- * @deprecated This hook will be removed in Ring UI 8.0. Use `useEffectEvent()` instead.
- */
-function useEventCallback(fn) {
-  const $ = c(4);
-  if ($[0] !== "0b80c23a2d5918c2ff451ff50bb10512bd04bc56940e9524fa5677201ca31d22") {
-    for (let $i = 0; $i < 4; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "0b80c23a2d5918c2ff451ff50bb10512bd04bc56940e9524fa5677201ca31d22";
-  }
-  warnDeprecation();
-  const ref = useRef(null);
-  let t0;
-  if ($[1] !== fn) {
-    t0 = () => {
-      ref.current = fn;
-    };
-    $[1] = fn;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  useLayoutEffect(t0);
-  let t1;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = (...t2) => {
-      const args = t2;
-      const {
-        current
-      } = ref;
-      if (current === null || current === undefined) {
-        throw new Error("callback created in useEventCallback can only be called from event handlers");
-      }
-      return current(...args);
-    };
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
-}
-
-export { useEventCallback as default };

package/components/grid/col.d.ts

@@ -1,16 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-export interface ColProps extends HTMLAttributes<HTMLDivElement> {
-    'data-test'?: string | null | undefined;
-    xs?: boolean | number | null | undefined;
-    sm?: boolean | number | null | undefined;
-    md?: boolean | number | null | undefined;
-    lg?: boolean | number | null | undefined;
-    xsOffset?: number | null | undefined;
-    smOffset?: number | null | undefined;
-    mdOffset?: number | null | undefined;
-    lgOffset?: number | null | undefined;
-    reverse?: boolean | null | undefined;
-}
-export default class Col extends Component<ColProps> {
-    render(): import("react").JSX.Element;
-}