@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.11

package/storybook-static/assets/Detail-BMu0MY4h.js

@@ -0,0 +1,40 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{BasicList as p,CustomLabel as m,MultipleColumns as h,SemanticDl as g,n as _,t as v}from"./Detail.stories-CgBJjWQd.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
+`,(0,x.jsx)(c,{children:`Detail`}),`
+`,(0,x.jsx)(i,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
+`,(0,x.jsx)(o.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,x.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,x.jsx)(u,{}),`
+`,(0,x.jsx)(n,{of:p}),`
+`,(0,x.jsx)(o.pre,{children:(0,x.jsx)(o.code,{className:`language-tsx`,children:`import { Detail } from "@/shared/ui";
+
+export function Example() {
+	return (
+		<Detail columnCount={2}>
+			<Detail.Item label="Номер" value="DOC-001" />
+			<Detail.Item label="Статус" value="Черновик" />
+		</Detail>
+	);
+}
+`})}),`
+`,(0,x.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,x.jsxs)(o.ul,{children:[`
+`,(0,x.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
+`]}),`
+`,(0,x.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,x.jsx)(o.h3,{id:`базовый-вывод-списка-пар-ключ-значение`,children:`Базовый вывод списка пар «ключ-значение»`}),`
+`,(0,x.jsx)(o.p,{children:`Базовый вывод списка пар «ключ-значение».`}),`
+`,(0,x.jsx)(l,{of:p}),`
+`,(0,x.jsx)(o.h3,{id:`многоколоночное-отображение`,children:`Многоколоночное отображение`}),`
+`,(0,x.jsx)(o.p,{children:`Многоколоночное отображение.`}),`
+`,(0,x.jsx)(l,{of:h}),`
+`,(0,x.jsx)(o.h3,{id:`семантический-режим-на-dldtdd`,children:`Семантический режим на dl/dt/dd`}),`
+`,(0,x.jsx)(o.p,{children:`Семантический режим на dl/dt/dd.`}),`
+`,(0,x.jsx)(l,{of:g}),`
+`,(0,x.jsx)(o.h3,{id:`гибкая-настройка-подписи-и-оформления`,children:`Гибкая настройка подписи и оформления`}),`
+`,(0,x.jsx)(o.p,{children:`Гибкая настройка подписи и оформления.`}),`
+`,(0,x.jsx)(l,{of:m}),`
+`,(0,x.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,x.jsx)(s,{of:v}),`
+`,(0,x.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,x.jsx)(r,{includePrimary:!1})]})}function b(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,x.jsx)(n,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;e((()=>{x=d(),f(),o(),_()}))();export{b as default};

package/storybook-static/assets/Detail.stories-CgBJjWQd.js

@@ -0,0 +1,44 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";var s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S=n((()=>{s=`DyKaN-`,c=`_2Cf0DN`,l=`igyZiV`,u=`lFsl-5`,d=`zQlD1x`,f=`a6oRih`,p=`MYdzIV`,m=`Pxw-eb`,h=`Kz2K6S`,g=`Pbwja7`,_=`_1DseTb`,v=`h3oORx`,y=`gB9Kr4`,b=`V-PlLc`,x={detailList:s,none:c,small:l,normal:u,large:d,detail:f,dt:p,dd:m,textCenter:h,inline:g,start:_,center:v,end:y,noWrap:b}}));function C({label:e,value:t,withColon:n,required:r}){let{semantic:i,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,w.useContext)(E),d=a(x.detail,c&&x.textCenter,o&&x.inline,s&&x.noWrap,x[l]),f=(0,T.jsxs)(T.Fragment,{children:[e,r&&(0,T.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(i){case`detail`:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`dt`,{className:x.dt,children:f}),(0,T.jsx)(`dd`,{className:x.dd,children:t})]});case`list`:return(0,T.jsxs)(`li`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]});default:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]})}}var w,T,E,D,O=n((()=>{w=t(r(),1),o(),S(),T=i(),E=(0,w.createContext)({}),D=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:i,...o})=>{let s=a(x.detailList,x[n],i),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,T.jsx)(`dl`,{className:s,style:c,children:e}):(0,T.jsx)(`ul`,{className:s,style:c,children:e});return(0,T.jsx)(E.Provider,{value:{...o,semantic:r},children:l})},D.Item=C,D.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})),k=e({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),A,j,M,N,P,F,I,L=n((()=>{O(),A=i(),j={title:`Shared/UI/Detail`,component:D,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},className:{description:`Дополнительный CSS-класс списка.`,control:`text`}}},M={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,A.jsx)(D.Item,{label:`Приоритет`,value:`Высокий`}),(0,A.jsx)(D.Item,{label:`Автор`,value:`Иван Петров`})]}),args:{children:void 0}},N={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`ID`,value:`DOC-12345`}),(0,A.jsx)(D.Item,{label:`Дата`,value:`05.03.2026`}),(0,A.jsx)(D.Item,{label:`Версия`,value:`2.7`}),(0,A.jsx)(D.Item,{label:`Подразделение`,value:`Снабжение`}),(0,A.jsx)(D.Item,{label:`Регион`,value:`Урал`}),(0,A.jsx)(D.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]}),args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,A.jsx)(D.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,A.jsx)(D.Item,{label:`Сумма`,value:`1 250 000 ₽`})]}),args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]}),args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item required label="Статус" value="Активен" />
+            <Detail.Item label="Приоритет" value="Высокий" />
+            <Detail.Item label="Автор" value="Иван Петров" />
+        </Detail>,
+  args: {
+    children: undefined
+  }
+}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item label="ID" value="DOC-12345" />
+            <Detail.Item label="Дата" value="05.03.2026" />
+            <Detail.Item label="Версия" value="2.7" />
+            <Detail.Item label="Подразделение" value="Снабжение" />
+            <Detail.Item label="Регион" value="Урал" />
+            <Detail.Item label="Комментарий" value="Требуется согласование с бухгалтерией" />
+        </Detail>,
+  args: {
+    columnCount: 2,
+    rowGap: "small",
+    children: undefined
+  }
+}`,...N.parameters?.docs?.source}}},P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item label="Клиент" value="ООО Вектор" />
+            <Detail.Item label="Менеджер" value="Анна Смирнова" />
+            <Detail.Item label="Сумма" value="1 250 000 ₽" />
+        </Detail>,
+  args: {
+    semantic: "detail",
+    inline: true,
+    columnCount: 1,
+    children: undefined
+  }
+}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item label={<span>Номер договора</span>} value="KTK-2026-045" />
+            <Detail.Item label={<span title="Без двоеточия для составной метки">Статус</span>} value="На согласовании" withColon={false} />
+        </Detail>,
+  args: {
+    children: undefined
+  }
+}`,...F.parameters?.docs?.source}}},I=[`BasicList`,`MultipleColumns`,`SemanticDl`,`CustomLabel`]}));L();export{M as BasicList,F as CustomLabel,N as MultipleColumns,P as SemanticDl,I as __namedExportsOrder,j as default,L as n,k as t};

package/storybook-static/assets/Dialog-M7Uy3LiO.js

@@ -0,0 +1,40 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Controlled as p,Opened as m,n as h,t as g}from"./Dialog.stories-BZ0opvaJ.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
+`,(0,y.jsx)(c,{children:`Dialog`}),`
+`,(0,y.jsx)(i,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
+`,(0,y.jsx)(o.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии.`}),`
+`,(0,y.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,y.jsx)(u,{}),`
+`,(0,y.jsx)(n,{of:p}),`
+`,(0,y.jsx)(o.pre,{children:(0,y.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { Button, Dialog } from "@/shared/ui";
+
+export function Example() {
+	const [open, setOpen] = useState(false);
+
+	return (
+		<>
+			<Button onClick={() => setOpen(true)}>Удалить</Button>
+			<Dialog title="Подтверждение" description="Действие нельзя отменить" open={open} onClose={() => setOpen(false)}>
+				<Button onClick={() => setOpen(false)}>Понятно</Button>
+			</Dialog>
+		</>
+	);
+}
+`})}),`
+`,(0,y.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,y.jsxs)(o.ul,{children:[`
+`,(0,y.jsx)(o.li,{children:`Если состояние должно жить во внешней форме или модели, ориентируйтесь на контролируемый режим из документации.`}),`
+`]}),`
+`,(0,y.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,y.jsx)(o.h3,{id:`компонент-работает-в-контролируемом-режиме-когда-состояние-хранится-во-внешнем-компоненте`,children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте`}),`
+`,(0,y.jsx)(o.p,{children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте.`}),`
+`,(0,y.jsx)(l,{of:p}),`
+`,(0,y.jsx)(o.h3,{id:`компонент-открыт-сразу-при-первом-рендере`,children:`Компонент открыт сразу при первом рендере`}),`
+`,(0,y.jsx)(o.p,{children:`Компонент открыт сразу при первом рендере.`}),`
+`,(0,y.jsx)(l,{of:m}),`
+`,(0,y.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,y.jsx)(s,{of:g}),`
+`,(0,y.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,y.jsx)(r,{includePrimary:!1})]})}function v(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,y.jsx)(n,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=d(),f(),o(),h()}))();export{v as default};

package/storybook-static/assets/Dialog.stories-BZ0opvaJ.js

@@ -0,0 +1,31 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./react-dom-CncQzc_h.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{a as o,c as s,i as c,r as l}from"./error-RVOk7zpw.js";import{t as u}from"./Button-BUkCW8Zg.js";import{t as d}from"./button-Bl3Hu8CS.js";function f({title:e,description:t,open:n,onClose:r,minWidth:i,children:a}){let o=(0,p.useId)(),u=(0,p.useId)(),d=s({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(c({active:n,onDismiss:r,containerRef:d}),!n||typeof document>`u`)return null;let f=l(`dialog-root`);return f?(0,m.createPortal)((0,h.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,h.jsxs)(`div`,{ref:d,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?o:void 0,"aria-describedby":t?u:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,h.jsx)(`h2`,{id:o,className:`margin0`,children:e}),t&&(0,h.jsx)(`p`,{id:u,children:t}),a]})}),f):null}var p,m,h,g=n((()=>{p=t(r(),1),o(),m=t(i(),1),h=a()})),_=e({Controlled:()=>x,Opened:()=>S,__namedExportsOrder:()=>C,default:()=>b}),v,y,b,x,S,C,w=n((()=>{v=t(r(),1),d(),g(),y=a(),b={title:`Shared/UI/Dialog`,component:f,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:()=>{},minWidth:360,children:(0,y.jsx)(`div`,{children:`Содержимое диалога`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},x={render:e=>{let[t,n]=(0,v.useState)(!1);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u,{onClick:()=>n(!0),children:`Открыть диалог`}),(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,y.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,y.jsx)(u,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,y.jsx)(u,{variant:`success`,onClick:()=>n(!1),children:`Подтвердить`})]})]})})]})}},S={render:e=>{let[t,n]=(0,v.useState)(!0);return(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`})})},args:{open:!0}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button onClick={() => setOpen(true)}>Открыть диалог</Button>
+                <Dialog {...args} open={open} onClose={() => setOpen(false)} children={<div>
+                            <p>Подтвердите выполнение действия.</p>
+                            <div style={{
+          display: "flex",
+          gap: 8,
+          justifyContent: "flex-end"
+        }}>
+                                <Button variant="transparent" onClick={() => setOpen(false)}>
+                                    Отмена
+                                </Button>
+                                <Button variant="success" onClick={() => setOpen(false)}>
+                                    Подтвердить
+                                </Button>
+                            </div>
+                        </div>} />
+            </>;
+  }
+}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [open, setOpen] = useState(true);
+    return <Dialog {...args} open={open} onClose={() => setOpen(false)} children={<div>Диалог изначально открыт для демонстрации верстки.</div>} />;
+  },
+  args: {
+    open: true
+  }
+}`,...S.parameters?.docs?.source}}},C=[`Controlled`,`Opened`]}));w();export{x as Controlled,S as Opened,C as __namedExportsOrder,b as default,w as n,_ as t};

package/storybook-static/assets/Disclosure-BXnfHC6v.js

@@ -0,0 +1,29 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Basic as p,Group as m,n as h,t as g}from"./Disclosure.stories-C7wh6KJU.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
+`,(0,y.jsx)(c,{children:`Disclosure`}),`
+`,(0,y.jsx)(i,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
+`,(0,y.jsx)(o.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,y.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,y.jsx)(u,{}),`
+`,(0,y.jsx)(n,{of:p}),`
+`,(0,y.jsx)(o.pre,{children:(0,y.jsx)(o.code,{className:`language-tsx`,children:`import { Disclosure } from "@/shared/ui";
+
+export function Example() {
+	return <Disclosure />;
+}
+`})}),`
+`,(0,y.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,y.jsxs)(o.ul,{children:[`
+`,(0,y.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
+`]}),`
+`,(0,y.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,y.jsx)(o.h3,{id:`базовый-сценарий-без-дополнительной-логики`,children:`Базовый сценарий без дополнительной логики`}),`
+`,(0,y.jsx)(o.p,{children:`Базовый сценарий без дополнительной логики.`}),`
+`,(0,y.jsx)(l,{of:p}),`
+`,(0,y.jsx)(o.h3,{id:`работа-группы-взаимосвязанных-элементов`,children:`Работа группы взаимосвязанных элементов`}),`
+`,(0,y.jsx)(o.p,{children:`Работа группы взаимосвязанных элементов.`}),`
+`,(0,y.jsx)(l,{of:m}),`
+`,(0,y.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,y.jsx)(s,{of:g}),`
+`,(0,y.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,y.jsx)(r,{includePrimary:!1})]})}function v(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,y.jsx)(n,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=d(),f(),o(),h()}))();export{v as default};

package/storybook-static/assets/Disclosure-zNgXNDkm.css

@@ -0,0 +1 @@
+.O-da-N{--ui-panel-background:var(--surface-2);box-shadow:none}._9yjaDf{justify-content:flex-start;align-items:center;display:flex}._9yjaDf:hover{color:var(--content-accent)}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}

package/storybook-static/assets/Disclosure.stories-C7wh6KJU.js

@@ -0,0 +1,35 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";import{ct as s,nt as c,t as l}from"./lucide-react-CK2oyDtF.js";import{n as u,t as d}from"./ui.module-DS2qtZts.js";var f,p,m,h,g=n((()=>{f=`O-da-N`,p=`_9yjaDf`,m=`KAIPfW`,h={disclosure:f,disclosureButton:p,disclosureGroup:m}}));function _({label:e,defaultOpen:t,children:n}){let[r,i]=(0,v.useState)(t===!0),o=(0,v.useId)(),l=(0,v.useId)();return(0,y.jsxs)(`div`,{className:a(u.uiElement,u.uiPanel,h.disclosure),children:[(0,y.jsxs)(`button`,{id:l,type:`button`,"aria-expanded":r,"aria-controls":o,className:a(h.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":r?`collapse-disclosure`:`expand-disclosure`,onClick:()=>i(e=>!e),children:[r?(0,y.jsx)(c,{}):(0,y.jsx)(s,{}),e]}),r&&(0,y.jsx)(`div`,{id:o,role:`region`,"aria-labelledby":l,children:(0,y.jsx)(`div`,{className:`paddingMd`,children:n})})]})}var v,y,b=n((()=>{v=t(r(),1),o(),l(),d(),g(),y=i(),_.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}}));function x({className:e,children:t}){return(0,S.jsx)(`div`,{className:a(h.disclosureGroup,e),children:t})}var S,C=n((()=>{r(),o(),g(),S=i(),x.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
+| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`,elements:[{name:`unknown`},{name:`Array`,elements:[{name:`unknown`}],raw:`(React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})),w=e({Basic:()=>D,Group:()=>O,__namedExportsOrder:()=>k,default:()=>E}),T,E,D,O,k,A=n((()=>{b(),C(),T=i(),E={title:`Shared/UI/Disclosure`,component:_,args:{label:`Раздел`,defaultOpen:!1,children:(0,T.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт).`,control:`boolean`},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},D={},O={render:()=>(0,T.jsxs)(x,{children:[(0,T.jsx)(_,{label:`Параметры поиска`,defaultOpen:!0,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Период: март 2026`}),(0,T.jsx)(`span`,{children:`Регион: Урал`})]})}),(0,T.jsx)(_,{label:`Сортировка`,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Поле: Дата создания`}),(0,T.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,T.jsx)(_,{label:`Дополнительные фильтры`,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Только активные`}),(0,T.jsx)(`span`,{children:`Без архивных записей`})]})})]}),args:{label:`Раздел`}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  render: () => <DisclosureGroup>
+            <Disclosure label="Параметры поиска" defaultOpen>
+                <div style={{
+        display: "grid",
+        gap: 8
+      }}>
+                    <span>Период: март 2026</span>
+                    <span>Регион: Урал</span>
+                </div>
+            </Disclosure>
+            <Disclosure label="Сортировка">
+                <div style={{
+        display: "grid",
+        gap: 8
+      }}>
+                    <span>Поле: Дата создания</span>
+                    <span>Порядок: По убыванию</span>
+                </div>
+            </Disclosure>
+            <Disclosure label="Дополнительные фильтры">
+                <div style={{
+        display: "grid",
+        gap: 8
+      }}>
+                    <span>Только активные</span>
+                    <span>Без архивных записей</span>
+                </div>
+            </Disclosure>
+        </DisclosureGroup>,
+  args: {
+    label: "Раздел"
+  }
+}`,...O.parameters?.docs?.source}}},k=[`Basic`,`Group`]}));A();export{D as Basic,O as Group,k as __namedExportsOrder,E as default,A as n,w as t};

package/storybook-static/assets/DocsRenderer-JROSPFPF-BjXFJaat.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./blocks-CwEU-ME1.js","./preload-helper-B45gAKPr.js","./iframe-SfMJGCsn.js","./theming-DZauqOKI.js","./chunk-3LY4VQVK-BxHCYS2R.js","./react-dom-CncQzc_h.js","./jsx-runtime-BBQGix-2.js","./chunk-LITCR56V-euffoZAN.js","./chunk-242VQQM5-Dtm7LRbQ.js"])))=>i.map(i=>d[i]);
+import{c as e,i as t,n,t as r}from"./preload-helper-B45gAKPr.js";import{C as i}from"./iframe-SfMJGCsn.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-CwEU-ME1.js";import{i as u,r as d,t as f}from"./react-18-CfpYK14y.js";var p,m,h,g,_=t((()=>{p=e(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./blocks-CwEU-ME1.js`).then(e=>(e.C(),e.w));return{MDXProvider:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}}));t((()=>{_()}))();export{g as DocsRenderer};

package/storybook-static/assets/DropZone-C7HIN5ml.css

@@ -0,0 +1 @@
+.q2D6Pw{justify-content:center;align-items:center;gap:var(--space-sm);min-height:8em;padding:var(--space-lg);border:var(--border-width) dashed var(--border-0);border-radius:var(--radius-sm);background-color:var(--surface-0);color:var(--content-2);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-fast);flex-direction:column;display:flex}.q2D6Pw.QVgB0d{border-color:var(--content-accent);background-color:var(--surface-1)}.q2D6Pw.-nyQKp{cursor:default;pointer-events:none;background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.q2D6Pw.-nyQKp .kY0O9g,.q2D6Pw.-nyQKp .F5K1bE{opacity:.25}.kY0O9g{width:2em;height:2em;color:var(--content-2)}.F5K1bE{text-align:center}

package/storybook-static/assets/DropZone-cd1aCNT1.js

@@ -0,0 +1,36 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Basic as p,Disabled as m,SingleFile as h,n as g,t as _}from"./DropZone.stories-CVu731Lk.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(c,{children:`DropZone`}),`
+`,(0,b.jsx)(i,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
+`,(0,b.jsx)(o.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны заблокированные состояния.`}),`
+`,(0,b.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,b.jsx)(u,{}),`
+`,(0,b.jsx)(n,{of:p}),`
+`,(0,b.jsx)(o.pre,{children:(0,b.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { DropZone } from "@/shared/ui";
+
+export function Example() {
+	const [files, setFiles] = useState([]);
+
+	return <DropZone value={files} onChange={setFiles} />;
+}
+`})}),`
+`,(0,b.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,b.jsxs)(o.ul,{children:[`
+`,(0,b.jsx)(o.li,{children:`Заблокированное состояние лучше проверять отдельно, чтобы убедиться, что визуально и поведенчески оно остается понятным.`}),`
+`]}),`
+`,(0,b.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,b.jsx)(o.h3,{id:`базовый-сценарий-без-дополнительной-логики`,children:`Базовый сценарий без дополнительной логики`}),`
+`,(0,b.jsx)(o.p,{children:`Базовый сценарий без дополнительной логики.`}),`
+`,(0,b.jsx)(l,{of:p}),`
+`,(0,b.jsx)(o.h3,{id:`режим-выбора-только-одного-файла`,children:`Режим выбора только одного файла`}),`
+`,(0,b.jsx)(o.p,{children:`Режим выбора только одного файла.`}),`
+`,(0,b.jsx)(l,{of:h}),`
+`,(0,b.jsx)(o.h3,{id:`проверка-поведения-в-заблокированном-состоянии`,children:`Проверка поведения в заблокированном состоянии`}),`
+`,(0,b.jsx)(o.p,{children:`Проверка поведения в заблокированном состоянии.`}),`
+`,(0,b.jsx)(l,{of:m}),`
+`,(0,b.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,b.jsx)(s,{of:_}),`
+`,(0,b.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,b.jsx)(r,{includePrimary:!1})]})}function y(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,b.jsx)(n,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=d(),f(),o(),g()}))();export{y as default};

package/storybook-static/assets/DropZone.stories-CVu731Lk.js

@@ -0,0 +1,44 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o,n as s}from"./utils-CReRlw17.js";import{R as c,i as l,t as u}from"./lucide-react-CK2oyDtF.js";import{a as d,i as f,o as p,r as m,s as h}from"./file-hArYcyES.js";import{i as g,r as _}from"./InputFiles-DPz7PiOC.js";var v=n((()=>{g()})),y,b,x,S,C,w,T=n((()=>{y=`q2D6Pw`,b=`QVgB0d`,x=`-nyQKp`,S=`kY0O9g`,C=`F5K1bE`,w={zone:y,dragOver:b,disabled:x,icon:S,hint:C}}));function E({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:c,multiple:u=!0,disabled:f,className:g,children:v}){d(i),p(r);let y=(0,D.useRef)(0),b=(0,D.useRef)(null),[x,S]=(0,D.useState)(!1),C=(0,D.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,D.useCallback)(e=>c===`array-buffer`?h(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):h(e,{allowedMime:i,maxBytes:o}),[i,o,c]),E=(0,D.useCallback)(async e=>{if(f||e.length===0)return;let r=u?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof m&&n&&n(e)}i.length>0&&t(i)},[f,u,t,n,T]),k=(0,D.useCallback)(()=>{f||b.current?.click()},[f]),A=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(y.current+=1,y.current===1&&S(!0))},[f]),j=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(e.dataTransfer.dropEffect=`copy`)},[f]),M=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(--y.current,y.current===0&&S(!1))},[f]),N=(0,D.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),f)return;let t=Array.from(e.dataTransfer.files);await E(t)},[f,E]),P=(0,D.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await E(t),e.target.value=``},[E]),F=(0,D.useCallback)(e=>{s(e,k,{disabled:f})},[f,k]);return(0,O.jsxs)(`div`,{children:[(0,O.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:f,multiple:u,accept:C,onChange:P}),(0,O.jsx)(`div`,{className:a(w.zone,x&&w.dragOver,f&&w.disabled,g),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:f?-1:0,"aria-disabled":f,children:v??(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(l,{className:w.icon}),(0,O.jsx)(`span`,{className:w.hint,children:u?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,O.jsx)(_,{files:e,onChange:t})]})}var D,O,k=n((()=>{D=t(r(),1),f(),o(),u(),v(),T(),O=i(),E.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
+
+При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
+При сбросе файлов каждый читается через readFile, успешные результаты
+передаются в onDrop, ошибки — в onDropError.
+
+Поддерживает кастомный контент через children.
+Если children не указан — отображается иконка загрузки и подсказка.`,methods:[],displayName:`DropZone`,props:{value:{required:!0,tsType:{name:`Array`,elements:[{name:`ReadFileResult`}],raw:`ReadFileResult[]`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(results: ReadFileResult[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`ReadFileResult`}],raw:`ReadFileResult[]`},name:`results`}],return:{name:`void`}}},description:`Вызывается с массивом результатов readFile после сброса файлов`},onChangeError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(error: ReadFileError) => void`,signature:{arguments:[{type:{name:`ReadFileError`},name:`error`}],return:{name:`void`}}},description:`Callback ошибки чтения одного из файлов`},accept:{required:!1,tsType:{name:`unknown`},description:'HTML-атрибут accept для нативного input[type="file"] (например `[".pdf", ".docx"]`)'},allowedMime:{required:!1,tsType:{name:`unknown`},description:'Список допустимых MIME-типов — передаётся в readFile (например `["application/pdf", "image/png"]`)'},maxBytes:{required:!1,tsType:{name:`number`},description:`Максимальный размер одного файла в байтах`},readMode:{required:!1,tsType:{name:`ReadMode`},description:`Режим чтения: "data-url" (по умолчанию) или "array-buffer"`},multiple:{required:!1,tsType:{name:`boolean`},description:`Разрешить сброс нескольких файлов (по умолчанию true)`,defaultValue:{value:`true`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:`Блокировка компонента`},className:{required:!1,tsType:{name:`string`},description:`CSS-класс обёртки`},children:{required:!1,tsType:{name:`ReactNode`},description:`Кастомный контент внутри зоны.
+По умолчанию отображается иконка загрузки и текст "Перетащите файлы сюда".`}}}})),A=e({Basic:()=>P,Disabled:()=>I,SingleFile:()=>F,__namedExportsOrder:()=>L,default:()=>N}),j,M,N,P,F,I,L,R=n((()=>{j=t(r(),1),u(),k(),M=i(),N={title:`Shared/UI/DropZone`,component:E,args:{value:[],onChange:()=>{},multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:!1},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1},className:{description:`Дополнительный CSS-класс контейнера.`,control:`text`}}},P={render:e=>{let[t,n]=(0,j.useState)([]);return(0,M.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,M.jsx)(E,{...e,onChange:e=>n(e)}),(0,M.jsx)(`div`,{style:{fontSize:14},children:t.length>0?`Получено файлов: ${t.length}`:`Перетащите файл(ы) в область выше`})]})}},F={render:e=>(0,M.jsx)(E,{...e,multiple:!1,children:(0,M.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,M.jsx)(c,{}),(0,M.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},I={args:{disabled:!0,multiple:!0}},P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [files, setFiles] = useState<ReadFileResult[]>([]);
+    return <div style={{
+      display: "grid",
+      gap: 12
+    }}>
+                <DropZone {...args} onChange={results => setFiles(results)} />
+                <div style={{
+        fontSize: 14
+      }}>
+                    {files.length > 0 ? \`Получено файлов: \${files.length}\` : "Перетащите файл(ы) в область выше"}
+                </div>
+            </div>;
+  }
+}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
+  render: args => <DropZone {...args} multiple={false}>
+            <div style={{
+      display: "grid",
+      placeItems: "center",
+      gap: 6,
+      minHeight: 120
+    }}>
+                <UploadCloudIcon />
+                <span>Перетащите один файл</span>
+            </div>
+        </DropZone>,
+  args: {
+    multiple: false
+  }
+}`,...F.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
+  args: {
+    disabled: true,
+    multiple: true
+  }
+}`,...I.parameters?.docs?.source}}},L=[`Basic`,`SingleFile`,`Disabled`]}));R();export{P as Basic,I as Disabled,F as SingleFile,L as __namedExportsOrder,N as default,R as n,A as t};

package/storybook-static/assets/DropdownMenu-B97Ad5Dg.js

@@ -0,0 +1 @@
+import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-SfMJGCsn.js";import{t as r}from"./react-dom-CncQzc_h.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";import{a as s,f as c,h as l,p as u,r as d,u as f}from"./floating-ui.react-BR04wkLx.js";import{a as p,c as m,i as h,n as g,o as _,t as v}from"./error-RVOk7zpw.js";import{n as y,t as b}from"./ui.module-DS2qtZts.js";import{n as x,r as S,t as C}from"./react-BWN-5oQj.js";function w(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function T(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function E(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}var D=t((()=>{}));function O(){let e=(0,k.useContext)(A);if(!e)throw g({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var k,A,j=t((()=>{k=e(n(),1),v(),A=(0,k.createContext)(null)})),M,N,ee=t((()=>{M=e(n(),1),D(),j(),N=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerContextMenu:i,onTriggerKeyDown:a}=O();if(t!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,M.cloneElement)(e,{ref:t=>{let n=e.props.ref;w(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onContextMenu:T(e.props.onContextMenu,i),onKeyDown:E(e.props.onKeyDown,a)})},N.__docgenInfo={description:``,methods:[],displayName:`ContextMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})),te,ne,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,me,P,F,I=t((()=>{te=`nPfxbm`,ne=`T8GF31`,re=`XM9raj`,ie=`JY0XKk`,ae=`Jj7pGe`,oe=`o7v3XA`,se=`f9wo9l`,ce=`_9IPwGF`,le=`CAmmlz`,ue=`_5KEBWR`,de=`L28onY`,fe=`Pg-1Y3`,pe=`ObIrS2`,me=`_0jf5vt`,P=`zKwsQF`,F={menuPanel:te,menuScroller:ne,menuItem:re,menuItemIcon:ie,menuItemText:ae,menuItemHotKey:oe,radialPanel:se,radialRing:ce,radialCenterButton:le,radialCenterButtonText:ue,radialItems:de,radialItemSlot:fe,radialItem:pe,radialItemIcon:me,radialItemText:P}})),L,he,R,z,ge=t((()=>{L=e(n(),1),p(),o(),C(),he=e(r(),1),I(),j(),R=i(),z=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0})=>{let{open:s,floatingStyles:c,floatingRef:l,triggerRef:u,setFloating:d,closeMenu:f}=O(),p=(0,L.useCallback)(()=>{let e=l.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[l]);m({active:s,initialFocus:e=>p()[0]??e,restoreFocus:o,restoreFocusTarget:()=>u.current,containerRef:l}),h({active:s,enabled:r,onDismiss:f,containerRef:l});let g=(0,L.useCallback)(()=>{!s||i||n&&f()},[s,i,n,f]);_([l,u],g);let v=(0,L.useCallback)(e=>{let t=p();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[p]);return typeof document>`u`?null:(0,he.createPortal)((0,R.jsx)(S,{children:s&&(0,R.jsx)(x.div,{ref:d,style:c,role:`menu`,tabIndex:-1,className:a(F.menuPanel,t),onKeyDown:v,initial:{opacity:0,scale:.96,y:-2},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-2},transition:{duration:.14,ease:`easeOut`},children:(0,R.jsx)(`div`,{className:a(F.menuScroller,`scrollable`),children:typeof e==`function`?e({closeMenu:f}):e})})}),document.body)}})),_e,B,ve=t((()=>{n(),o(),b(),_e=i(),B=({children:e,className:t})=>(0,_e.jsx)(`div`,{className:a(y.uiPopupGroupLabel,t),children:e}),B.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})),ye,V,H,be=t((()=>{ye=e(n(),1),o(),b(),I(),j(),V=i(),H=({children:e,icon:t,hotKey:n,className:r,disabled:i,href:o,target:s,rel:c,closeOnSelect:l=!0,onSelect:u})=>{let{closeMenu:d}=O(),f=(0,ye.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}u?.(e),!e.defaultPrevented&&l&&d()},[i,u,l,d]),p=a(y.uiPopupOption,F.menuItem,r);return o?(0,V.jsxs)(`a`,{href:o,target:s,rel:c,role:`menuitem`,tabIndex:-1,"aria-disabled":i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(y.uiPopupOptionIcon,F.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(y.uiOptionText,F.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(y.keyboard,F.menuItemHotKey),children:n})]}):(0,V.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,className:p,onClick:f,children:[t&&(0,V.jsx)(`span`,{className:a(y.uiPopupOptionIcon,F.menuItemIcon),children:t}),(0,V.jsx)(`span`,{className:a(y.uiOptionText,F.menuItemText),children:e}),n&&(0,V.jsx)(`kbd`,{className:a(y.keyboard,F.menuItemHotKey),children:n})]})},H.__docgenInfo={description:``,methods:[],displayName:`MenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},hotKey:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},href:{required:!1,tsType:{name:`string`},description:``},target:{required:!1,tsType:{name:`string`},description:``},rel:{required:!1,tsType:{name:`string`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLElement>`,elements:[{name:`HTMLElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}}));function xe(e){return{x:e.clientX,y:e.clientY}}function Se(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function Ce(e,t){return{contextElement:t??void 0,getBoundingClientRect:()=>({x:e.x,y:e.y,top:e.y,left:e.x,bottom:e.y,right:e.x,width:0,height:0,toJSON:()=>{}})}}function we(e){return{open:!0,source:e.source,anchor:e.anchor}}function U(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var Te,Ee=t((()=>{Te={open:!1,source:null,anchor:null}})),W,De,G,Oe=t((()=>{W=e(n(),1),d(),Ee(),j(),De=i(),G=({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a})=>{let[o,d]=(0,W.useState)(Te),[p,m]=(0,W.useState)(i??!1),h=r!==void 0,g=h?r:p,_=(0,W.useRef)(null),{refs:v,floatingStyles:y,update:b}=s({placement:n,strategy:t===`contextmenu`?`fixed`:`absolute`,transform:!1,middleware:[c(6),f({padding:8}),u({padding:8})],whileElementsMounted:l}),x=(0,W.useCallback)(e=>{h||m(e),a?.(e),e||d(e=>U(e))},[h,a]),S=(0,W.useCallback)(()=>{x(!1)},[x]);(0,W.useEffect)(()=>{g||d(e=>U(e))},[g]);let C=(0,W.useCallback)((e,t)=>{v.setReference(e),d(we({source:t,anchor:{type:`element`,element:e}})),x(!0)},[v,x]),w=(0,W.useCallback)((e,t,n)=>{v.setReference(Ce(e,n)),d(we({source:t,anchor:{type:`point`,point:e,contextElement:n}})),x(!0),b()},[v,x,b]),T=(0,W.useCallback)(e=>{_.current=e,t===`click`&&v.setReference(e)},[t,v]),E=(0,W.useCallback)(e=>{if(t!==`click`)return;let n=e.currentTarget;if(g&&o.anchor?.type===`element`&&o.anchor.element===n){S();return}C(n,`click`)},[t,g,o.anchor,S,C]),D=(0,W.useCallback)(e=>{if(t!==`contextmenu`)return;e.preventDefault();let n=e.currentTarget,r=xe(e);w(r,`contextmenu`,n)},[t,w]),O=(0,W.useCallback)(e=>{if(!(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`))return;e.preventDefault();let n=e.currentTarget;if(t===`click`){C(n,`keyboard`);return}let r=Se(n.getBoundingClientRect());w(r,`keyboard`,n)},[t,C,w]),k=g&&o.anchor!==null,j=(0,W.useMemo)(()=>o.anchor?o.anchor.type===`point`?o.anchor.point:Se(o.anchor.element.getBoundingClientRect()):null,[o.anchor]),M=(0,W.useMemo)(()=>({mode:t,open:k,openSource:o.source,anchorPoint:j,floatingStyles:y,floatingRef:v.floating,triggerRef:_,setFloating:v.setFloating,registerTriggerElement:T,onTriggerClick:E,onTriggerContextMenu:D,onTriggerKeyDown:O,closeMenu:S}),[t,k,o.source,j,y,v.floating,v.setFloating,T,E,D,O,S]);return(0,De.jsx)(A.Provider,{value:M,children:e})},G.__docgenInfo={description:``,methods:[],displayName:`MenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},mode:{required:!0,tsType:{name:`union`,raw:`"click" | "contextmenu"`,elements:[{name:`literal`,value:`"click"`},{name:`literal`,value:`"contextmenu"`}]},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`mode === "click" ? "bottom-start" : "right-start"`,computed:!1}},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})),ke,K,Ae=t((()=>{n(),o(),b(),ke=i(),K=({className:e})=>(0,ke.jsx)(`div`,{role:`separator`,className:a(y.uiPopupOptionSeparator,e)}),K.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}}));function je(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}var q,Me,J,Ne,Pe=t((()=>{q=e(n(),1),p(),o(),C(),Me=e(r(),1),I(),j(),J=i(),Ne=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0,radius:s=76,itemSize:c=64,closeLabel:l=`Закрыть`})=>{let{open:u,anchorPoint:d,floatingRef:f,triggerRef:p,setFloating:g,closeMenu:v}=O(),y=typeof e==`function`?e({closeMenu:v}):e,b=(0,q.useMemo)(()=>q.Children.toArray(y),[y]),C=b.length,w=s*2+c,T=(0,q.useMemo)(()=>{if(typeof window>`u`||!d)return null;let e=w/2+8;return{x:je(d.x,e,window.innerWidth-e),y:je(d.y,e,window.innerHeight-e)}},[d,w]),E=(0,q.useCallback)(()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[f]);m({active:u,initialFocus:e=>E()[0]??e,restoreFocus:o,restoreFocusTarget:()=>p.current,containerRef:f}),(0,q.useEffect)(()=>{if(!u||!d)return;let e=0;return e=window.requestAnimationFrame(()=>{(E()[0]??f.current)?.focus()}),()=>window.cancelAnimationFrame(e)},[u,d,E,f]),h({active:u,enabled:r,onDismiss:v,containerRef:f});let D=(0,q.useCallback)(()=>{!u||i||n&&v()},[u,i,n,v]);_([f,p],D);let k=(0,q.useCallback)(e=>{let t=E();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowRight`||e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[E]);return typeof document>`u`?null:(0,Me.createPortal)((0,J.jsx)(S,{children:u&&T&&(0,J.jsxs)(x.div,{ref:g,style:{"--radial-panel-size":`${w}px`,"--radial-radius":`${s}px`,"--radial-item-size":`${c}px`,left:T.x-w/2,top:T.y-w/2,transformOrigin:`center`},role:`menu`,tabIndex:-1,className:a(F.radialPanel,t),onKeyDown:k,initial:{opacity:0,scale:.78},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.78},transition:{duration:.16,ease:`easeOut`},children:[(0,J.jsx)(`div`,{className:F.radialRing,"aria-hidden":`true`}),(0,J.jsx)(`button`,{type:`button`,role:`menuitem`,className:F.radialCenterButton,"aria-label":l,"data-menu-item":`true`,"data-radial-close":`true`,onClick:v,children:(0,J.jsx)(`span`,{className:F.radialCenterButtonText,children:l})}),(0,J.jsx)(`div`,{className:F.radialItems,children:b.map((e,t)=>{let n=C>0?-90+360/C*t:-90;return(0,J.jsx)(`div`,{className:F.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}})),Fe,Y,X,Ie=t((()=>{Fe=e(n(),1),o(),I(),j(),Y=i(),X=({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o})=>{let{closeMenu:s}=O(),c=(0,Fe.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Y.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:r,"aria-disabled":r,"data-menu-item":`true`,"data-disabled":r?`true`:void 0,"data-ui":`radial-menu-item`,"data-action":`select-radial-menu-item`,className:a(F.radialItem,n),onClick:c,children:[t&&(0,Y.jsx)(`span`,{className:F.radialItemIcon,children:t}),(0,Y.jsx)(`span`,{className:F.radialItemText,children:e})]})},X.__docgenInfo={description:``,methods:[],displayName:`RadialMenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLButtonElement>`,elements:[{name:`HTMLButtonElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})),Le,Z,Re,ze=t((()=>{n(),ee(),ge(),ve(),be(),Oe(),Ae(),Pe(),Ie(),Le=i(),Z=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,Le.jsx)(G,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Re=Object.assign(Z,{Trigger:N,Content:z,RadialContent:Ne,Item:H,RadialItem:X,Separator:K,GroupLabel:B}),Z.__docgenInfo={description:``,methods:[],displayName:`ContextMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})),Be,Q,Ve=t((()=>{Be=e(n(),1),D(),j(),Q=({children:e})=>{let{mode:t,open:n,registerTriggerElement:r,onTriggerClick:i,onTriggerKeyDown:a}=O();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,Be.cloneElement)(e,{ref:t=>{let n=e.props.ref;w(n,t),r(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:T(e.props.onClick,i),onKeyDown:E(e.props.onKeyDown,a)})},Q.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})),He,$,Ue,We=t((()=>{n(),Ve(),ge(),ve(),be(),Oe(),Ae(),He=i(),$=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,He.jsx)(G,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),Ue=Object.assign($,{Trigger:Q,Content:z,Item:H,Separator:K,GroupLabel:B}),$.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}}));export{ze as i,We as n,Re as r,Ue as t};

package/storybook-static/assets/DropdownMenu-BgzIzwzM.css

@@ -0,0 +1 @@
+.nPfxbm{--menu-max-height:min(22em, calc(100dvh - var(--space-xl)));--menu-min-width:13em;--menu-max-width:min(22em, calc(100dvw - var(--space-xl)));min-width:var(--menu-min-width);max-width:var(--menu-max-width);padding:var(--space-xs);background-color:var(--surface-0);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);outline:none}.T8GF31{max-height:var(--menu-max-height);overflow:auto}.XM9raj{gap:var(--space-sm)}.JY0XKk{justify-content:center;align-items:center;display:inline-flex}.Jj7pGe{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.o7v3XA{font-size:var(--font-size-sm)}.f9wo9l{width:var(--radial-panel-size);height:var(--radial-panel-size);z-index:var(--z-context-menu,var(--z-dropdown));pointer-events:none;outline:none;position:fixed}._9IPwGF{inset:calc(var(--radial-item-size) / 2);border:var(--border);background:radial-gradient(circle, color-mix(in srgb, var(--surface-0) 96%, transparent) 0 36%, transparent 37%), color-mix(in srgb, var(--surface-0) 88%, transparent);box-shadow:var(--shadow-md);pointer-events:none;border-radius:50%;position:absolute}.CAmmlz{width:calc(var(--radial-item-size) * .72);height:calc(var(--radial-item-size) * .72);padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CAmmlz:focus{background-color:var(--surface-1);border-color:var(--border-1)}.CAmmlz:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}@media (any-hover:hover){.CAmmlz:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}@media (any-hover:none){.CAmmlz:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}._5KEBWR{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);line-height:1.1;overflow:hidden}.L28onY{pointer-events:none;position:absolute;inset:0}.Pg-1Y3{width:var(--radial-item-size);height:var(--radial-item-size);transform:rotate(var(--radial-item-angle)) translate(var(--radial-radius)) rotate(calc(var(--radial-item-angle) * -1)) translate(-50%, -50%);pointer-events:none;position:absolute;top:50%;left:50%}.ObIrS2{width:100%;height:100%;padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;grid-template-rows:1fr auto;place-items:center;gap:.15rem;display:grid}.ObIrS2:focus{background-color:var(--surface-1);border-color:var(--border-1)}.ObIrS2:disabled,.ObIrS2[aria-disabled=true]{cursor:default;color:var(--content-2);opacity:.52;pointer-events:none}.ObIrS2:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}@media (any-hover:hover){.ObIrS2:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}@media (any-hover:none){.ObIrS2:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}._0jf5vt{min-width:var(--space-md);min-height:var(--space-md);justify-content:center;align-items:center;display:inline-flex}._0jf5vt>svg{width:var(--space-md);height:var(--space-md)}.zKwsQF{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);overflow:hidden}

package/storybook-static/assets/ExpandableActionPanel-D7q9two4.css

@@ -0,0 +1 @@
+.sj-rIq{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-width:var(--control-height);max-width:100%;display:flex;overflow:hidden}._3anR7j{flex:auto;min-width:0;max-width:100%;overflow:hidden}.gMRIsT{width:100%;min-width:0}.f5Pv1e{align-items:center;gap:var(--space-sm);width:100%;min-width:0;display:flex}.q7eZzv{color:var(--content-0)}.maUL24{flex:0 auto}

package/storybook-static/assets/ExpandableActionPanel.stories-k-eTxMyV.js

@@ -0,0 +1,20 @@
+import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-SfMJGCsn.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-CReRlw17.js";import{Q as o,et as s,g as c,m as l,t as u,ut as d,v as f}from"./lucide-react-CK2oyDtF.js";import{t as p}from"./Button-BUkCW8Zg.js";import{t as m}from"./CheckBox-DTSi8Yok.js";import{t as h}from"./button-Bl3Hu8CS.js";import{a as g}from"./Input-B7DWcGCL.js";import{t as _}from"./input-Be5K9_B7.js";import{t as v}from"./Select-DYVS7SCZ.js";import{t as y}from"./select-BPvMbVDe.js";import{t as b}from"./check-box-BrnNQnSi.js";import{o as x,t as S}from"./misc-CPvLzCFJ.js";var C,w,T,E,D,O,k,A=t((()=>{C=`sj-rIq`,w=`_3anR7j`,T=`gMRIsT`,E=`f5Pv1e`,D=`q7eZzv`,O=`maUL24`,k={expandableActionPanel:C,content:w,contentScroller:T,labeledPanel:E,label:D,labeledActionPanel:O}}));function j({children:e,className:t,contentClassName:n,toggleClassName:r,open:a,defaultOpen:c=!1,disabled:l,onOpenChange:u,expandLabel:d=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:g,smoothScroll:_}){let[v,y]=(0,M.useState)(c),b=(0,M.useId)(),S=a!==void 0,C=S?a:v,w=(0,M.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||y(t),u?.(t)},[S,u,C]),T=()=>w(e=>!e),E=C?o:s;return(0,N.jsxs)(`div`,{className:i(k.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,N.jsx)(p,{className:r,icon:(0,N.jsx)(E,{}),title:C?f:d,disabled:l,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":b,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:T}),C&&(0,N.jsx)(`div`,{id:b,role:`group`,"aria-label":m,className:i(k.content,n),children:(0,N.jsx)(x,{className:k.contentScroller,itemSelector:h,scrollPadding:g,smooth:_,children:e})})]})}var M,N,P=t((()=>{M=e(n(),1),a(),u(),h(),S(),A(),N=r(),j.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
+Не знает о внешнем layout и может использоваться рядом с любым содержимым.`,methods:[],displayName:`ExpandableActionPanel`,props:{className:{required:!1,tsType:{name:`string`},description:``},contentClassName:{required:!1,tsType:{name:`string`},description:``},toggleClassName:{required:!1,tsType:{name:`string`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``},expandLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Раскрыть панель действий влево"`,computed:!1}},collapseLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Свернуть панель действий"`,computed:!1}},panelLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Действия панели"`,computed:!1}},itemSelector:{required:!1,tsType:{name:`string`},description:``},scrollPadding:{required:!1,tsType:{name:`number`},description:``},smoothScroll:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}}));function F({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:a=`12em`,panelClassName:o,open:s,defaultOpen:c,...l}){let u={...r,minWidth:a},d=typeof e==`string`?e:void 0;return(0,I.jsxs)(`div`,{className:i(k.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,I.jsx)(`div`,{className:i(`flexEllipsis`,k.label,n),style:u,title:d,children:e}),(0,I.jsx)(j,{...l,open:s,defaultOpen:c,className:i(k.labeledActionPanel,o)})]})}var I,L=t((()=>{n(),a(),P(),A(),I=r(),F.__docgenInfo={description:"Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.",methods:[],displayName:`LabeledExpandableActionPanel`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:``},labelStyle:{required:!1,tsType:{name:`ReactCSSProperties`,raw:`React.CSSProperties`},description:``},labelMinWidth:{required:!1,tsType:{name:`ReactCSSProperties["minWidth"]`,raw:`React.CSSProperties["minWidth"]`},description:``,defaultValue:{value:`"12em"`,computed:!1}},panelClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}}));function R(){let[e,t]=(0,z.useState)(``),[n,r]=(0,z.useState)(!1),[i,a]=(0,z.useState)(`Все`);return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,B.jsx)(g,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,B.jsx)(c,{})})}),(0,B.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,B.jsx)(v,{placeholder:`Статус`,options:U,value:i,onChange:a,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,B.jsx)(m,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,B.jsx)(p,{icon:(0,B.jsx)(f,{}),title:`Обновить`}),(0,B.jsx)(p,{icon:(0,B.jsx)(l,{}),title:`Настроить`}),(0,B.jsx)(p,{icon:(0,B.jsx)(d,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var z,B,V,H,U,W,G,K;t((()=>{z=e(n(),1),u(),h(),b(),_(),y(),P(),L(),B=r(),{fn:V}=__STORYBOOK_MODULE_TEST__,H={title:`Shared/UI/ExpandableActionPanel`,component:F,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,defaultOpen:!1,onOpenChange:V()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1}}},U=[`Все`,`Активные`,`Архив`],W={render:e=>(0,B.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,B.jsx)(F,{...e,children:(0,B.jsx)(R,{})})})},G={render:()=>(0,B.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,B.jsx)(j,{defaultOpen:!0,children:(0,B.jsx)(R,{})})})},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  render: args => <div style={{
+    width: "min(100%, 920px)"
+  }}>
+            <LabeledExpandableActionPanel {...args}>
+                <DemoControls />
+            </LabeledExpandableActionPanel>
+        </div>
+}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    width: "min(100%, 720px)",
+    display: "flex",
+    justifyContent: "flex-end"
+  }}>
+            <ExpandableActionPanel defaultOpen>
+                <DemoControls />
+            </ExpandableActionPanel>
+        </div>
+}`,...G.parameters?.docs?.source}}},K=[`Labeled`,`BasePanel`]}))();export{G as BasePanel,W as Labeled,K as __namedExportsOrder,H as default};

package/storybook-static/assets/Flex-BQkqAqL5.js

@@ -0,0 +1,61 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{AlignItems as p,BasicColumn as m,BasicRow as h,Directions as g,FlexItems as _,Gaps as v,InlineFlex as y,JustifyContent as b,Predefined as x,RealWorld as S,Wrapping as C,n as w,t as T}from"./Flex.stories-C1VO9Ct3.js";function E(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(a,{of:T,parameters:{docs:{toc:!0}}}),`
+`,(0,O.jsx)(c,{children:`Flex`}),`
+`,(0,O.jsx)(i,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
+`,(0,O.jsx)(o.p,{children:`Flex уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,O.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,O.jsx)(u,{}),`
+`,(0,O.jsx)(n,{of:h}),`
+`,(0,O.jsx)(o.pre,{children:(0,O.jsx)(o.code,{className:`language-tsx`,children:`import { Flex } from "@/shared/ui";
+
+export function Example() {
+	return (
+		<Flex.Container gap="md" align="center">
+			<Flex.Item>Фильтры</Flex.Item>
+			<Flex.Item>Действия</Flex.Item>
+		</Flex.Container>
+	);
+}
+`})}),`
+`,(0,O.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,O.jsxs)(o.ul,{children:[`
+`,(0,O.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
+`]}),`
+`,(0,O.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,O.jsx)(o.h3,{id:`базовый-row-сценарий-flex-раскладки`,children:`Базовый row-сценарий flex-раскладки`}),`
+`,(0,O.jsx)(o.p,{children:`Базовый row-сценарий flex-раскладки.`}),`
+`,(0,O.jsx)(l,{of:h}),`
+`,(0,O.jsx)(o.h3,{id:`базовый-column-сценарий-flex-раскладки`,children:`Базовый column-сценарий flex-раскладки`}),`
+`,(0,O.jsx)(o.p,{children:`Базовый column-сценарий flex-раскладки.`}),`
+`,(0,O.jsx)(l,{of:m}),`
+`,(0,O.jsx)(o.h3,{id:`сравнение-доступных-направлений-раскладки`,children:`Сравнение доступных направлений раскладки`}),`
+`,(0,O.jsx)(o.p,{children:`Сравнение доступных направлений раскладки.`}),`
+`,(0,O.jsx)(l,{of:g}),`
+`,(0,O.jsx)(o.h3,{id:`выравнивание-элементов-по-главной-оси`,children:`Выравнивание элементов по главной оси`}),`
+`,(0,O.jsx)(o.p,{children:`Выравнивание элементов по главной оси.`}),`
+`,(0,O.jsx)(l,{of:b}),`
+`,(0,O.jsx)(o.h3,{id:`выравнивание-по-поперечной-оси`,children:`Выравнивание по поперечной оси`}),`
+`,(0,O.jsx)(o.p,{children:`Выравнивание по поперечной оси.`}),`
+`,(0,O.jsx)(l,{of:p}),`
+`,(0,O.jsx)(o.h3,{id:`поведение-при-переносе-элементов`,children:`Поведение при переносе элементов`}),`
+`,(0,O.jsx)(o.p,{children:`Поведение при переносе элементов.`}),`
+`,(0,O.jsx)(l,{of:C}),`
+`,(0,O.jsx)(o.h3,{id:`сравнение-интервалов-между-элементами`,children:`Сравнение интервалов между элементами`}),`
+`,(0,O.jsx)(o.p,{children:`Сравнение интервалов между элементами.`}),`
+`,(0,O.jsx)(l,{of:v}),`
+`,(0,O.jsx)(o.h3,{id:`настройка-поведения-отдельных-flex-элементов`,children:`Настройка поведения отдельных flex-элементов`}),`
+`,(0,O.jsx)(o.p,{children:`Настройка поведения отдельных flex-элементов.`}),`
+`,(0,O.jsx)(l,{of:_}),`
+`,(0,O.jsx)(o.h3,{id:`использование-готовых-преднастроенных-вариантов`,children:`Использование готовых преднастроенных вариантов`}),`
+`,(0,O.jsx)(o.p,{children:`Использование готовых преднастроенных вариантов.`}),`
+`,(0,O.jsx)(l,{of:x}),`
+`,(0,O.jsx)(o.h3,{id:`режим-inline-flex-в-составе-потока`,children:`Режим inline-flex в составе потока`}),`
+`,(0,O.jsx)(o.p,{children:`Режим inline-flex в составе потока.`}),`
+`,(0,O.jsx)(l,{of:y}),`
+`,(0,O.jsx)(o.h3,{id:`прикладной-пример-использования-в-интерфейсе`,children:`Прикладной пример использования в интерфейсе`}),`
+`,(0,O.jsx)(o.p,{children:`Прикладной пример использования в интерфейсе.`}),`
+`,(0,O.jsx)(l,{of:S}),`
+`,(0,O.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,O.jsx)(s,{of:T}),`
+`,(0,O.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,O.jsx)(r,{includePrimary:!1})]})}function D(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,O.jsx)(n,{...e,children:(0,O.jsx)(E,{...e})}):E(e)}var O;e((()=>{O=d(),f(),o(),w()}))();export{D as default};

package/storybook-static/assets/Flex-C_VnI9xY.js

@@ -0,0 +1,3 @@
+import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-SfMJGCsn.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{n as i,r as a,t as ee}from"./media-Djn0SUaN.js";var o,s,c,te,ne,re,ie,ae,oe,se,ce,le,ue,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,de,fe,pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,G,Ee=t((()=>{o=`ZNPIAt`,s=`FOfB6f`,c=`S3zmDT`,te=`ZFdq8E`,ne=`VAzJwr`,re=`-U1mun`,ie=`_4ZMtr-`,ae=`SKOoTV`,oe=`sSe6vs`,se=`_3K-dKm`,ce=`-Pfy-z`,le=`beSYgR`,ue=`Ewhv1G`,l=`JXvBB6`,u=`hN3T0k`,d=`KKCJ5o`,f=`MnX1Le`,p=`Hom9eH`,m=`Oujm4J`,h=`_2ttx6l`,g=`QEwI8b`,_=`_7GQOS7`,v=`_2IOpAA`,y=`fZOYKH`,b=`_01H9Wl`,x=`GiMq3P`,S=`tfwckC`,C=`_9tNYb7`,w=`PoehYn`,T=`D9yh46`,E=`B5WUhS`,D=`KfUmo4`,O=`m-8JGj`,k=`zFcs1z`,A=`_0wKkFA`,j=`VQY6wh`,M=`csJmh7`,N=`_-8r3Oj`,P=`sCELJe`,F=`NrH1WE`,I=`IIgbrj`,L=`alT7CJ`,R=`TBFK23`,z=`JR1URZ`,B=`i1imd3`,V=`IVZ-ii`,H=`zhghPS`,U=`-A4gJM`,W=`_3Q-lT-`,de=`YSg8P9`,fe=`RMXnTk`,pe=`YyYE7z`,me=`LD3bM5`,he=`HpcoTp`,ge=`E7ItD3`,_e=`v0JFEC`,ve=`pmMEmH`,ye=`qevFHG`,be=`OTPY33`,xe=`AjRxTP`,Se=`_1YaZWf`,Ce=`H-DHBq`,we=`JzIGGJ`,Te=`aqYTBq`,G={container:o,inline:s,row:c,column:te,rowReverse:ne,columnReverse:re,wrap:ie,nowrap:ae,wrapReverse:oe,alignStart:se,alignCenter:ce,alignEnd:le,alignStretch:ue,alignBaseline:l,justifyStart:u,justifyCenter:d,justifyEnd:f,justifyStretch:p,justifyBetween:m,justifyAround:h,justifyEvenly:g,alignContentStart:_,alignContentCenter:v,alignContentEnd:y,alignContentStretch:b,alignContentBetween:x,alignContentAround:S,alignContentEvenly:C,gapNone:w,gapRowXs:T,gapRowSm:E,gapRowMd:D,gapRowLg:O,gapRowXl:k,gapColumnXs:A,gapColumnSm:j,gapColumnMd:M,gapColumnLg:N,gapColumnXl:P,gapXs:F,gapSm:I,gapMd:L,gapLg:R,gapXl:z,item:B,grow:V,grow0:H,shrink:U,shrink0:W,basis0:de,basisAuto:fe,flex0:pe,flex1:me,alignSelfStart:he,alignSelfCenter:ge,alignSelfEnd:_e,alignSelfStretch:ve,alignSelfBaseline:ye,justifySelfCenter:be,justifySelfEnd:xe,justifySelfStretch:Se,center:Ce,columnCenter:we,centerBetween:Te}})),K,De,Oe,ke,q=t((()=>{K=e(n(),1),Ee(),De=e=>(0,K.useMemo)(()=>{let t=[G.container];return e.inline&&t.push(G.inline),e.row?t.push(G.row):e.column?t.push(G.column):e.rowReverse?t.push(G.rowReverse):e.columnReverse&&t.push(G.columnReverse),e.wrap?t.push(G.wrap):e.nowrap?t.push(G.nowrap):e.wrapReverse&&t.push(G.wrapReverse),e.align&&t.push(G[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(G[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.alignContent&&t.push(G[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(G.gapNone):e.gap&&t.push(G[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(G[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(G[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),Oe=e=>(0,K.useMemo)(()=>{let t=[G.item];return e.flex0&&t.push(G.flex0),e.flex1&&t.push(G.flex1),!e.flex0&&!e.flex1&&(e.grow?t.push(G.grow):t.push(G.grow0),e.shrink===!1?t.push(G.shrink0):t.push(G.shrink),e.basis===`0`?t.push(G.basis0):e.basis===`auto`&&t.push(G.basisAuto)),e.alignSelf&&t.push(G[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(G[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),ke=e=>G[e]})),J,Ae,Y,X=t((()=>{J=e(n(),1),a(),q(),Ae=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],Y=(0,J.forwardRef)(({children:e,className:t=``,as:n,style:r,...a},o)=>{let{activeBreakpoint:s}=ee(),c=[De((0,J.useMemo)(()=>i(a,s,Ae),[a,s])),t].filter(Boolean).join(` `);return(0,J.createElement)(n||`div`,{ref:o,className:c,style:r},e)}),Y.displayName=`FlexContainer`,Y.__docgenInfo={description:``,methods:[],displayName:`FlexContainer`,props:{inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:"Тип display `flex | inline-flex`"},row:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Направление flex-контейнера`},column:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},rowReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},columnReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Перенос элементов`},nowrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrapReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},align:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание по поперечной оси`},justify:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание по главной оси`},alignContent:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание контента`},gap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]}],raw:`ResponsiveValue<FlexGap>`},description:`Gap`},gapRow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Row gap`},gapColumn:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Column gap`},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`}}}})),Z,je,Q,Me=t((()=>{Z=e(n(),1),a(),q(),je=[`flex0`,`flex1`,`grow`,`shrink`,`basis`,`alignSelf`,`justifySelf`],Q=(0,Z.forwardRef)(({children:e,className:t=``,as:n,style:r,...a},o)=>{let{activeBreakpoint:s}=ee(),c=[Oe((0,Z.useMemo)(()=>i(a,s,je),[a,s])),t].filter(Boolean).join(` `);return(0,Z.createElement)(n||`div`,{ref:o,className:c,style:r},e)}),Q.displayName=`FlexItem`,Q.__docgenInfo={description:``,methods:[],displayName:`FlexItem`,props:{grow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность расти
+@default false = 0`},shrink:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность сжиматься
+@default true = 1`},flex0:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex0`},flex1:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex1`},basis:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"0" | "auto"`,elements:[{name:`literal`,value:`"0"`},{name:`literal`,value:`"auto"`}]}],raw:`ResponsiveValue<FlexBasis>`},description:`Базовый размер`},alignSelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание отдельного элемента`},justifySelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]},{name:`union`,raw:`"between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`Exclude<FlexJustify, "between" | "around" | "evenly">`}],raw:`ResponsiveValue<Exclude<FlexJustify, "between" | "around" | "evenly">>`},description:`Justify-self для grid-like выравнивания`},children:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`}}}})),Ne,Pe,$,Fe=t((()=>{Ne=e(n(),1),X(),q(),Pe=r(),$=(0,Ne.forwardRef)(({variant:e,children:t,className:n=``,...r},i)=>(0,Pe.jsx)(Y,{ref:i,className:[ke(e??``),n].filter(Boolean).join(` `),...r,children:t})),$.displayName=`PredefinedFlex`,$.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})),Ie,Le=t((()=>{X(),Me(),Fe(),Ie={Container:Y,Item:Q,Predefined:$}}));export{Me as a,Q as i,Le as n,Y as o,Fe as r,X as s,Ie as t};

package/storybook-static/assets/Flex-IXK2se1Y.css

@@ -0,0 +1 @@
+.ZNPIAt{display:flex}.ZNPIAt.FOfB6f{vertical-align:middle;display:inline-flex}.ZNPIAt.S3zmDT{flex-direction:row}.ZNPIAt.ZFdq8E{flex-direction:column}.ZNPIAt.VAzJwr{flex-direction:row-reverse}.ZNPIAt.-U1mun{flex-direction:column-reverse}.ZNPIAt._4ZMtr-{flex-wrap:wrap}.ZNPIAt.SKOoTV{flex-wrap:nowrap}.ZNPIAt.sSe6vs{flex-wrap:wrap-reverse}.ZNPIAt._3K-dKm{align-items:start}.ZNPIAt.-Pfy-z{align-items:center}.ZNPIAt.beSYgR{align-items:end}.ZNPIAt.Ewhv1G{align-items:stretch}.ZNPIAt.JXvBB6{align-items:baseline}.ZNPIAt.hN3T0k{justify-content:start}.ZNPIAt.KKCJ5o{justify-content:center}.ZNPIAt.MnX1Le{justify-content:end}.ZNPIAt.Hom9eH{justify-content:stretch}.ZNPIAt.Oujm4J{justify-content:space-between}.ZNPIAt._2ttx6l{justify-content:space-around}.ZNPIAt.QEwI8b{justify-content:space-evenly}.ZNPIAt._7GQOS7{align-content:start}.ZNPIAt._2IOpAA{align-content:center}.ZNPIAt.fZOYKH{align-content:end}.ZNPIAt._01H9Wl{align-content:stretch}.ZNPIAt.GiMq3P{align-content:space-between}.ZNPIAt.tfwckC{align-content:space-around}.ZNPIAt._9tNYb7{align-content:space-evenly}.ZNPIAt.PoehYn{gap:unset}.ZNPIAt.D9yh46{row-gap:var(--space-xs)}.ZNPIAt.B5WUhS{row-gap:var(--space-sm)}.ZNPIAt.KfUmo4{row-gap:var(--space-md)}.ZNPIAt.m-8JGj{row-gap:var(--space-lg)}.ZNPIAt.zFcs1z{row-gap:var(--space-xl)}.ZNPIAt._0wKkFA{column-gap:var(--space-xs)}.ZNPIAt.VQY6wh{column-gap:var(--space-sm)}.ZNPIAt.csJmh7{column-gap:var(--space-md)}.ZNPIAt._-8r3Oj{column-gap:var(--space-lg)}.ZNPIAt.sCELJe{column-gap:var(--space-xl)}.ZNPIAt.NrH1WE{row-gap:var(--space-xs);column-gap:var(--space-xs)}.ZNPIAt.IIgbrj{row-gap:var(--space-sm);column-gap:var(--space-sm)}.ZNPIAt.alT7CJ{row-gap:var(--space-md);column-gap:var(--space-md)}.ZNPIAt.TBFK23{row-gap:var(--space-lg);column-gap:var(--space-lg)}.ZNPIAt.JR1URZ{row-gap:var(--space-xl);column-gap:var(--space-xl)}.i1imd3.IVZ-ii{flex-grow:1}.i1imd3.zhghPS{flex-grow:0}.i1imd3.-A4gJM{flex-shrink:1}.i1imd3._3Q-lT-{flex-shrink:0}.i1imd3.YSg8P9{flex-basis:0}.i1imd3.RMXnTk{flex-basis:auto}.i1imd3.YyYE7z{flex:none}.i1imd3.LD3bM5{flex:auto}.i1imd3.HpcoTp{align-self:start}.i1imd3.E7ItD3{align-self:center}.i1imd3.v0JFEC{align-self:end}.i1imd3.pmMEmH{align-self:stretch}.i1imd3.qevFHG{align-self:baseline}.i1imd3.OTPY33{justify-self:center}.i1imd3.AjRxTP{justify-self:end}.i1imd3._1YaZWf{justify-self:stretch}.H-DHBq,.JzIGGJ{justify-content:center;align-items:center;display:flex}.aqYTBq{justify-content:space-between;align-items:center;display:flex}.JzIGGJ{flex-direction:column;height:100%}