import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{D as r,Z as i,k as a,n as o,p as s,pn as c,q as l,t as u,y as d}from"./iframe-CMLjY6eW.js";import{i as f,n as p,r as m,t as h}from"./DropdownMenu-DEvWFL4t.js";var g=e({ContextMenuBasic:()=>x,ContextMenuRadial:()=>S,ControlledDropdown:()=>C,DropdownMenuBasic:()=>b,__namedExportsOrder:()=>w,default:()=>y}),_,v,y,b,x,S,C,w,T=n((()=>{_=t(c(),1),o(),f(),p(),v=u(),y={title:`Shared/UI/ContextMenu`,parameters:{atomicCanvas:!0,layout:`centered`}},b={name:`DropdownMenu / Базовый`,render:()=>(0,v.jsxs)(h,{children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,v.jsxs)(h.Content,{children:[(0,v.jsx)(h.GroupLabel,{children:`Файл`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(a,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(i,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,v.jsx)(h.Separator,{}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(s,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})},x={name:`ContextMenu / По правому клику`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.Content,{children:[(0,v.jsx)(m.Item,{icon:(0,v.jsx)(a,{size:14}),children:`Переименовать`}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(i,{size:14}),children:`Дублировать`}),(0,v.jsx)(m.Separator,{}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(s,{size:14}),children:`Переместить в корзину`})]})]})},S={name:`ContextMenu / Радиальное меню`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.RadialContent,{children:[(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(a,{}),children:`Править`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(i,{}),children:`Копия`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(r,{}),children:`Закрепить`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(l,{}),children:`Просмотр`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(d,{}),children:`Опции`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(s,{}),children:`Удалить`})]})]})},C={name:`DropdownMenu / Контролируемый`,render:()=>{let[e,t]=(0,_.useState)(!1);return(0,v.jsxs)(h,{open:e,onOpenChange:t,children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:e?`Скрыть меню`:`Показать меню`})}),(0,v.jsx)(h.Content,{children:(0,v.jsx)(h.Item,{onSelect:()=>t(!1),children:`Закрыть`})})]})}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
  name: "DropdownMenu / Базовый",
  render: () => <DropdownMenu>
            <DropdownMenu.Trigger>
                <button type="button">Действия</button>
            </DropdownMenu.Trigger>
            <DropdownMenu.Content>
                <DropdownMenu.GroupLabel>Файл</DropdownMenu.GroupLabel>
                <DropdownMenu.Item icon={<PencilLine size={14} />} hotKey="Ctrl+E">
                    Редактировать
                </DropdownMenu.Item>
                <DropdownMenu.Item icon={<Copy size={14} />} hotKey="Ctrl+C">
                    Копировать
                </DropdownMenu.Item>
                <DropdownMenu.Separator />
                <DropdownMenu.Item icon={<Trash2 size={14} />} hotKey="Del">
                    Удалить
                </DropdownMenu.Item>
            </DropdownMenu.Content>
        </DropdownMenu>
}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
  name: "ContextMenu / По правому клику",
  render: () => <ContextMenu>
            <ContextMenu.Trigger>
                <div style={{
        width: 300,
        height: 180,
        display: "grid",
        placeItems: "center",
        border: "1px dashed var(--border-1)",
        borderRadius: "var(--radius-sm)",
        background: "var(--surface-1)",
        padding: 16,
        textAlign: "center"
      }}>
                    Нажмите правой кнопкой мыши
                    <br />
                    или Shift+F10
                </div>
            </ContextMenu.Trigger>
            <ContextMenu.Content>
                <ContextMenu.Item icon={<PencilLine size={14} />}>Переименовать</ContextMenu.Item>
                <ContextMenu.Item icon={<Copy size={14} />}>Дублировать</ContextMenu.Item>
                <ContextMenu.Separator />
                <ContextMenu.Item icon={<Trash2 size={14} />}>Переместить в корзину</ContextMenu.Item>
            </ContextMenu.Content>
        </ContextMenu>
}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
  name: "ContextMenu / Радиальное меню",
  render: () => <ContextMenu>
            <ContextMenu.Trigger>
                <div style={{
        width: 360,
        height: 220,
        display: "grid",
        placeItems: "center",
        border: "1px dashed var(--border-1)",
        borderRadius: "var(--radius-sm)",
        background: "var(--surface-1)",
        padding: 16,
        textAlign: "center"
      }}>
                    Нажмите правой кнопкой мыши
                    <br />
                    или Shift+F10
                </div>
            </ContextMenu.Trigger>
            <ContextMenu.RadialContent>
                <ContextMenu.RadialItem icon={<PencilLine />}>Править</ContextMenu.RadialItem>
                <ContextMenu.RadialItem icon={<Copy />}>Копия</ContextMenu.RadialItem>
                <ContextMenu.RadialItem icon={<Pin />}>Закрепить</ContextMenu.RadialItem>
                <ContextMenu.RadialItem icon={<Eye />}>Просмотр</ContextMenu.RadialItem>
                <ContextMenu.RadialItem icon={<Settings2 />}>Опции</ContextMenu.RadialItem>
                <ContextMenu.RadialItem icon={<Trash2 />}>Удалить</ContextMenu.RadialItem>
            </ContextMenu.RadialContent>
        </ContextMenu>
}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
  name: "DropdownMenu / Контролируемый",
  render: () => {
    const [open, setOpen] = useState(false);
    return <DropdownMenu open={open} onOpenChange={setOpen}>
                <DropdownMenu.Trigger>
                    <button type="button">{open ? "Скрыть меню" : "Показать меню"}</button>
                </DropdownMenu.Trigger>
                <DropdownMenu.Content>
                    <DropdownMenu.Item onSelect={() => setOpen(false)}>Закрыть</DropdownMenu.Item>
                </DropdownMenu.Content>
            </DropdownMenu>;
  }
}`,...C.parameters?.docs?.source}}},w=[`DropdownMenuBasic`,`ContextMenuBasic`,`ContextMenuRadial`,`ControlledDropdown`]}));T();export{x as ContextMenuBasic,S as ContextMenuRadial,C as ControlledDropdown,b as DropdownMenuBasic,w as __namedExportsOrder,y as default,T as n,g as t};