feat: move new Popover from lab

src/components/lab/Popover/Popover.tsx → src/components/Popover/Popover.tsx

@@ -9,12 +9,12 @@ import {
 } from '@floating-ui/react';
 import type {UseInteractionsReturn} from '@floating-ui/react';
 
-import {useControlledState, useForkRef} from '../../../hooks';
-import {Popup} from '../../Popup';
-import type {PopupProps} from '../../Popup';
-import type {AriaLabelingProps, DOMProps, QAProps} from '../../types';
-import {block} from '../../utils/cn';
-import {getElementRef} from '../../utils/getElementRef';
+import {useControlledState, useForkRef} from '../../hooks';
+import {Popup} from '../Popup';
+import type {PopupProps} from '../Popup';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
+import {block} from '../utils/cn';
+import {getElementRef} from '../utils/getElementRef';
 
 export interface PopoverProps
     extends AriaLabelingProps,

src/components/lab/Popover/README.md → src/components/Popover/README.md

@@ -8,7 +8,7 @@
 import {Popover} from '@gravity-ui/uikit';
 ```
 
-The `Popover` component is technically the [`Popup`](./TODO) with some trigger interactivity built-in. The `Popover` uses passed `ReactElement`
+The `Popover` component is technically the [`Popup`](../Popup/README.md) with some trigger interactivity built-in. The `Popover` uses passed `ReactElement`
 from `children` property as a trigger, and opens whenever trigger is hovered or clicked. Content of the `Popover` might contain
 interactive elements like links or buttons.
 

src/components/lab/Popover/__stories__/Popover.stories.tsx → src/components/Popover/__stories__/Popover.stories.tsx

@@ -1,13 +1,13 @@
 import {action} from '@storybook/addon-actions';
 import type {Meta, StoryObj} from '@storybook/react';
 
-import {Button} from '../../../Button';
-import {Link} from '../../../Link';
-import {Flex} from '../../../layout';
+import {Button} from '../../Button';
+import {Link} from '../../Link';
+import {Flex} from '../../layout';
 import {Popover} from '../Popover';
 
 const meta: Meta<typeof Popover> = {
-    title: 'Lab/Popover',
+    title: 'Components/Overlays/Popover',
     component: Popover,
     parameters: {
         layout: 'centered',

src/components/Popover/index.ts

@@ -0,0 +1 @@
+export * from './Popover';

src/components/index.ts

@@ -36,6 +36,7 @@ export * from './Palette';
 export * from './UserLabel';
 export * from './PinInput';
 export * from './PlaceholderContainer';
+export * from './Popover';
 export * from './Popup';
 export * from './Portal';
 export * from './Progress';