import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-NOj5DEP4.js";import{E as n,a as r,d as i,f as a,l as o,m as s,p as c,r as l,u}from"./blocks-DBO0IAf-.js";import{t as d}from"./mdx-react-shim-BgV0cHDR.js";import{ContextMenuBasic as f,ControlledDropdown as p,DropdownMenuBasic as m,n as h,t as g}from"./ContextMenu.stories-Cxbe9gaX.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(o,{of:g,parameters:{docs:{toc:!0}}}),`
`,(0,y.jsx)(c,{children:`ContextMenu`}),`
`,(0,y.jsx)(a,{children:`Контекстные и dropdown-меню для локальных действий в списках, карточках и рабочих областях`}),`
`,(0,y.jsx)(t.p,{children:`ContextMenu уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
`,(0,y.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
`,(0,y.jsx)(u,{}),`
`,(0,y.jsx)(r,{of:m}),`
`,(0,y.jsx)(t.pre,{children:(0,y.jsx)(t.code,{className:`language-tsx`,children:`import { DropdownMenu } from "@/shared/ui";

export function Example() {
	return (
		<DropdownMenu>
			<DropdownMenu.Trigger>
				<button type="button">Действия</button>
			</DropdownMenu.Trigger>
			<DropdownMenu.Content>
				<DropdownMenu.Item>Редактировать</DropdownMenu.Item>
				<DropdownMenu.Item>Удалить</DropdownMenu.Item>
			</DropdownMenu.Content>
		</DropdownMenu>
	);
}
`})}),`
`,(0,y.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
`,(0,y.jsxs)(t.ul,{children:[`
`,(0,y.jsx)(t.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
`]}),`
`,(0,y.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
`,(0,y.jsx)(t.h3,{id:`базовый-сценарий-dropdown-menu`,children:`Базовый сценарий dropdown-menu`}),`
`,(0,y.jsx)(t.p,{children:`Базовый сценарий dropdown-menu.`}),`
`,(0,y.jsx)(l,{of:m}),`
`,(0,y.jsx)(t.h3,{id:`базовое-контекстное-меню-по-правому-клику`,children:`Базовое контекстное меню по правому клику`}),`
`,(0,y.jsx)(t.p,{children:`Базовое контекстное меню по правому клику.`}),`
`,(0,y.jsx)(l,{of:f}),`
`,(0,y.jsx)(t.h3,{id:`контролируемое-открытие-dropdown-menu`,children:`Контролируемое открытие dropdown-menu`}),`
`,(0,y.jsx)(t.p,{children:`Контролируемое открытие dropdown-menu.`}),`
`,(0,y.jsx)(l,{of:p}),`
`,(0,y.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
`,(0,y.jsx)(i,{includePrimary:!1})]})}function v(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=t(),d(),s(),h()}))();export{v as default};