@ryuzaki13/react-foundation-ui 3.9.0 → 3.10.1

package/storybook-static/assets/{Detail.stories-RZALoKmD.js → Detail.stories-CJbeEBiY.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-1Nw_zWMi.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}var S,C;function w(){return(w=e((()=>{S=n(),C=(0,S.createContext)({})})))()}function T({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,E.useContext)(C),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,D.jsxs)(D.Fragment,{children:[e,r?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`span`,{className:`statusError`,"aria-hidden":`true`,children:`*`}),(0,D.jsx)(`span`,{className:`visuallyHidden`,children:` (Обязательное поле)`})]}):null,(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`dt`,{className:b.dt,children:f}),(0,D.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,D.jsxs)(`li`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]})}}var E,D;function O(){return(O=e((()=>{E=n(),a(),x(),w(),D=r(),T.__docgenInfo={description:``,methods:[],displayName:`DetailItem`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},value:{required:!0,tsType:{name:`ReactNode`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function k(e){return Number.isFinite(e)?Math.min(5,Math.max(1,Math.trunc(e))):1}function A({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,inline:o,center:s,vertical:c,noWrap:l,withColon:u,...d}){let f=i(b.detailList,b[n],a),p={columnCount:k(t)},m=r===`detail`?(0,j.jsx)(`dl`,{...d,className:f,style:p,children:e}):(0,j.jsx)(`ul`,{...d,className:f,style:p,children:e});return(0,j.jsx)(C.Provider,{value:{semantic:r,inline:o,center:s,vertical:c,noWrap:l,withColon:u},children:m})}var j;function M(){return(M=e((()=>{a(),x(),w(),O(),j=r(),A.Item=T,A.__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:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`1`,computed:!1}},rowGap:{required:!1,tsType:{name:`union`,raw:`"none" | "small" | "normal" | "large"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"small"`},{name:`literal`,value:`"normal"`},{name:`literal`,value:`"large"`}]},description:``,defaultValue:{value:`"none"`,computed:!1}},children:{required:!0,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},semantic:{required:!1,tsType:{name:`union`,raw:`"detail" | "list"`,elements:[{name:`literal`,value:`"detail"`},{name:`literal`,value:`"list"`}]},description:``,defaultValue:{value:`"list"`,computed:!1}},inline:{required:!1,tsType:{name:`boolean`},description:``},center:{required:!1,tsType:{name:`boolean`},description:``},vertical:{required:!1,tsType:{name:`union`,raw:`"start" | "center" | "end"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`}]},description:``},noWrap:{required:!1,tsType:{name:`boolean`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`AriaAttributes`]}})))()}var N=t({BasicList:()=>L,CustomLabel:()=>B,MultipleColumns:()=>R,SemanticDl:()=>z,__namedExportsOrder:()=>V,default:()=>I}),P,F,I,L,R,z,B,V;function H(){return(H=e((()=>{M(),P=r(),{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,I={title:`UI/Detail`,component:A,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`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},L={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,P.jsx)(A.Item,{label:`Приоритет`,value:`Высокий`}),(0,P.jsx)(A.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},R={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`ID`,value:`DOC-12345`}),(0,P.jsx)(A.Item,{label:`Дата`,value:`05.03.2026`}),(0,P.jsx)(A.Item,{label:`Версия`,value:`2.7`}),(0,P.jsx)(A.Item,{label:`Подразделение`,value:`Снабжение`}),(0,P.jsx)(A.Item,{label:`Регион`,value:`Урал`}),(0,P.jsx)(A.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},z={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,P.jsx)(A.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,P.jsx)(A.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,"aria-label":`Сведения о заказе`,children:void 0}},B={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}var S,C;function w(){return(w=e((()=>{S=n(),C=(0,S.createContext)({})})))()}function T({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,E.useContext)(C),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,D.jsxs)(D.Fragment,{children:[e,r?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`span`,{className:`statusError`,"aria-hidden":`true`,children:`*`}),(0,D.jsx)(`span`,{className:`visuallyHidden`,children:` (Обязательное поле)`})]}):null,(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`dt`,{className:b.dt,children:f}),(0,D.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,D.jsxs)(`li`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]})}}var E,D;function O(){return(O=e((()=>{E=n(),a(),x(),w(),D=r(),T.__docgenInfo={description:``,methods:[],displayName:`DetailItem`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},value:{required:!0,tsType:{name:`ReactNode`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function k(e){return Number.isFinite(e)?Math.min(5,Math.max(1,Math.trunc(e))):1}function A({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,inline:o,center:s,vertical:c,noWrap:l,withColon:u,...d}){let f=i(b.detailList,b[n],a),p={columnCount:k(t)},m=r===`detail`?(0,j.jsx)(`dl`,{...d,className:f,style:p,children:e}):(0,j.jsx)(`ul`,{...d,className:f,style:p,children:e});return(0,j.jsx)(C.Provider,{value:{semantic:r,inline:o,center:s,vertical:c,noWrap:l,withColon:u},children:m})}var j;function M(){return(M=e((()=>{a(),x(),w(),O(),j=r(),A.Item=T,A.__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:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`1`,computed:!1}},rowGap:{required:!1,tsType:{name:`union`,raw:`"none" | "small" | "normal" | "large"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"small"`},{name:`literal`,value:`"normal"`},{name:`literal`,value:`"large"`}]},description:``,defaultValue:{value:`"none"`,computed:!1}},children:{required:!0,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},semantic:{required:!1,tsType:{name:`union`,raw:`"detail" | "list"`,elements:[{name:`literal`,value:`"detail"`},{name:`literal`,value:`"list"`}]},description:``,defaultValue:{value:`"list"`,computed:!1}},inline:{required:!1,tsType:{name:`boolean`},description:``},center:{required:!1,tsType:{name:`boolean`},description:``},vertical:{required:!1,tsType:{name:`union`,raw:`"start" | "center" | "end"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`}]},description:``},noWrap:{required:!1,tsType:{name:`boolean`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`AriaAttributes`]}})))()}var N=t({BasicList:()=>L,CustomLabel:()=>B,MultipleColumns:()=>R,SemanticDl:()=>z,__namedExportsOrder:()=>V,default:()=>I}),P,F,I,L,R,z,B,V;function H(){return(H=e((()=>{M(),P=r(),{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,I={title:`UI/Detail`,component:A,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`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},L={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,P.jsx)(A.Item,{label:`Приоритет`,value:`Высокий`}),(0,P.jsx)(A.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},R={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`ID`,value:`DOC-12345`}),(0,P.jsx)(A.Item,{label:`Дата`,value:`05.03.2026`}),(0,P.jsx)(A.Item,{label:`Версия`,value:`2.7`}),(0,P.jsx)(A.Item,{label:`Подразделение`,value:`Снабжение`}),(0,P.jsx)(A.Item,{label:`Регион`,value:`Урал`}),(0,P.jsx)(A.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},z={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,P.jsx)(A.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,P.jsx)(A.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,"aria-label":`Сведения о заказе`,children:void 0}},B={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
   render: function Render() {
     const [args] = useArgs<DetailProps>();
     return <Detail {...args}>

package/storybook-static/assets/{Dialog-CeukIYpx.js → Dialog-BodfEiIi.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Dialog.stories-y7MpdGQr.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Dialog.stories-Ds4F0ZoJ.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
 `,(0,x.jsx)(u,{children:`Dialog`}),`
 `,(0,x.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
 `,(0,x.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Dialog-BsslYClj.js → Dialog-HBOYhMQq.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-1Nw_zWMi.js";import{t as r}from"./react-dom-BzEl8usk.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{a as o,n as s,r as c,t as l}from"./dom-D9_dPJ4G.js";var u,d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{u=`CAE3zd`,d=`DFvpTa`,f=`C8ZQm6`,p=`RzJwEj`,m=`zGQoKD`,h=`JUBMwA`,g=`_78tTkb`,_=`ld7oQW`,v=`Uwqgrr`,y={overlay:u,panel:d,sized:f,sm:p,md:m,lg:h,xl:g,xxl:_,inside:v}})))()}function x({title:e,description:t,open:n,onClose:r,size:a,minWidth:c,children:u}){let d=(0,S.useId)(),f=(0,S.useId)(),p={"--dialog-min-width":typeof c==`number`?`${c}px`:c},m=o({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`container`});if(s({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=l(`dialog-root`);return h?(0,C.createPortal)((0,w.jsx)(`div`,{className:`${y.overlay} surfaceBackdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,w.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?d:void 0,"aria-describedby":t?f:void 0,tabIndex:-1,className:i(y.panel,a&&y.sized,a&&y[a],`scrollable overscroll surface0 shadowMd paddingLg radiusMd`),style:p,children:[e&&(0,w.jsx)(`h2`,{id:d,className:`margin0`,children:e}),t&&(0,w.jsx)(`p`,{id:f,children:t}),u]})}),h):null}var S,C,w;function T(){return(T=e((()=>{S=t(),c(),a(),C=r(),b(),w=n()})))()}export{T as n,x as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-E950Ehp0.js";import{t as r}from"./react-dom-BzEl8usk.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{a as o,n as s,r as c,t as l}from"./dom-D9_dPJ4G.js";var u,d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{u=`CAE3zd`,d=`DFvpTa`,f=`C8ZQm6`,p=`RzJwEj`,m=`zGQoKD`,h=`JUBMwA`,g=`_78tTkb`,_=`ld7oQW`,v=`Uwqgrr`,y={overlay:u,panel:d,sized:f,sm:p,md:m,lg:h,xl:g,xxl:_,inside:v}})))()}function x({title:e,description:t,open:n,onClose:r,size:a,minWidth:c,children:u}){let d=(0,S.useId)(),f=(0,S.useId)(),p={"--dialog-min-width":typeof c==`number`?`${c}px`:c},m=o({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`container`});if(s({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=l(`dialog-root`);return h?(0,C.createPortal)((0,w.jsx)(`div`,{className:`${y.overlay} surfaceBackdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,w.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?d:void 0,"aria-describedby":t?f:void 0,tabIndex:-1,className:i(y.panel,a&&y.sized,a&&y[a],`scrollable overscroll surface0 shadowMd paddingLg radiusMd`),style:p,children:[e&&(0,w.jsx)(`h2`,{id:d,className:`margin0`,children:e}),t&&(0,w.jsx)(`p`,{id:f,children:t}),u]})}),h):null}var S,C,w;function T(){return(T=e((()=>{S=t(),c(),a(),C=r(),b(),w=n()})))()}export{T as n,x as t};

package/storybook-static/assets/{Dialog.stories-y7MpdGQr.js → Dialog.stories-Ds4F0ZoJ.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-1Nw_zWMi.js";import{n as r,t as i}from"./Button-DMAPWgMI.js";import{n as a,t as o}from"./createControlledStoryRender-BouhvX-R.js";import{n as s,t as c}from"./Dialog-BsslYClj.js";var l=t({Controlled:()=>h,LongContent:()=>_,Opened:()=>g,Sizes:()=>v,__namedExportsOrder:()=>y,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),size:`sm`,minWidth:void 0,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},size:{description:`Предустановленная ширина панели с теми же вариантами, что и у Modal.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`]},minWidth:{description:`Дополнительная минимальная ширина панели; ограничивается выбранным size и доступной шириной viewport.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},_={args:{open:!0,size:`lg`},render:d(e=>(0,f.jsxs)(`div`,{children:[Array.from({length:24},(e,t)=>(0,f.jsxs)(`p`,{children:[`Строка `,t+1,`. Большой контент остаётся внутри доступной области экрана, а диалог прокручивается независимо от страницы.`]},t)),(0,f.jsx)(i,{onClick:e,children:`Закрыть диалог`})]}))},v={args:{open:!0,size:`sm`},render:d(()=>(0,f.jsx)(`div`,{children:`Измените size в Controls, чтобы сравнить ширину с одноимённым пресетом Modal.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-E950Ehp0.js";import{n as r,t as i}from"./Button-DqsSng-I.js";import{n as a,t as o}from"./createControlledStoryRender-BouhvX-R.js";import{n as s,t as c}from"./Dialog-HBOYhMQq.js";var l=t({Controlled:()=>h,LongContent:()=>_,Opened:()=>g,Sizes:()=>v,__namedExportsOrder:()=>y,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),size:`sm`,minWidth:void 0,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},size:{description:`Предустановленная ширина панели с теми же вариантами, что и у Modal.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`]},minWidth:{description:`Дополнительная минимальная ширина панели; ограничивается выбранным size и доступной шириной viewport.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},_={args:{open:!0,size:`lg`},render:d(e=>(0,f.jsxs)(`div`,{children:[Array.from({length:24},(e,t)=>(0,f.jsxs)(`p`,{children:[`Строка `,t+1,`. Большой контент остаётся внутри доступной области экрана, а диалог прокручивается независимо от страницы.`]},t)),(0,f.jsx)(i,{onClick:e,children:`Закрыть диалог`})]}))},v={args:{open:!0,size:`sm`},render:d(()=>(0,f.jsx)(`div`,{children:`Измените size в Controls, чтобы сравнить ширину с одноимённым пресетом Modal.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   render: createDialogStoryRender(close => <div>
             <p>Подтвердите выполнение действия.</p>
             <div style={{

package/storybook-static/assets/{Disclosure-CiTnWx5y.js → Disclosure-BbvtIOyN.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-UWW9oheF.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-CnSK79hZ.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
 `,(0,b.jsx)(u,{children:`Disclosure`}),`
 `,(0,b.jsx)(o,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
 `,(0,b.jsx)(t.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Disclosure.stories-UWW9oheF.js → Disclosure.stories-CnSK79hZ.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-CT3BdQXr.js";import{n as o}from"./iframe-1Nw_zWMi.js";import{n as s,t as c}from"./Button-DMAPWgMI.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-Dd0BeL4o.js";import{n as o}from"./iframe-E950Ehp0.js";import{n as s,t as c}from"./Button-DqsSng-I.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   render: renderDisclosureStory
 }`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   args: {

package/storybook-static/assets/{DisclosureGroup-CT3BdQXr.js → DisclosureGroup-Dd0BeL4o.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-down-BaujB0G_.js";import{i,n as a,r as o}from"./iframe-1Nw_zWMi.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{n as l,t as u}from"./ui.module-l7VCYIW-.js";import{i as d,n as f}from"./uiClasses-BblrV9p1.js";import{n as p,t as m}from"./FlexItem-DsoW-br3.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}function v({ref:e,...t}){return(0,y.jsx)(m,{...t,ref:e,flex1:!0})}var y;function b(){return(b=e((()=>{p(),y=a(),v.displayName=`FlexSpacer`,v.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`,props:{ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}}}})))()}var x,S,C,w,T,E;function D(){return(D=e((()=>{x=`P-rCx1`,S=`_9yjaDf`,C=`izVkky`,w=`KAIPfW`,T=`O-da-N`,E={disclosureHeader:x,disclosureButton:S,disclosureActions:C,disclosureGroup:w,disclosure:T}})))()}function O({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,k.useState)(t===!0),u=(0,k.useId)(),d=(0,k.useId)(),p=f(i);return(0,A.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,E.disclosure),children:[(0,A.jsxs)(`div`,{className:E.disclosureHeader,children:[(0,A.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(E.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,A.jsx)(g,{}):(0,A.jsx)(r,{}),e]}),n?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(v,{}),n]}):null]}),o&&(0,A.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,A.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var k,A;function j(){return(j=e((()=>{k=t(),c(),n(),_(),b(),u(),d(),D(),A=a(),O.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function M({className:e,children:t}){return(0,N.jsx)(`div`,{className:s(E.disclosureGroup,e),children:t})}var N;function P(){return(P=e((()=>{t(),c(),D(),N=a(),M.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-down-D0ohA4RZ.js";import{i,n as a,r as o}from"./iframe-E950Ehp0.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{n as l,t as u}from"./ui.module-l7VCYIW-.js";import{i as d,n as f}from"./uiClasses-BblrV9p1.js";import{n as p,t as m}from"./FlexItem-Dwqi7KeT.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}function v({ref:e,...t}){return(0,y.jsx)(m,{...t,ref:e,flex1:!0})}var y;function b(){return(b=e((()=>{p(),y=a(),v.displayName=`FlexSpacer`,v.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`,props:{ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}}}})))()}var x,S,C,w,T,E;function D(){return(D=e((()=>{x=`P-rCx1`,S=`_9yjaDf`,C=`izVkky`,w=`KAIPfW`,T=`O-da-N`,E={disclosureHeader:x,disclosureButton:S,disclosureActions:C,disclosureGroup:w,disclosure:T}})))()}function O({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,k.useState)(t===!0),u=(0,k.useId)(),d=(0,k.useId)(),p=f(i);return(0,A.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,E.disclosure),children:[(0,A.jsxs)(`div`,{className:E.disclosureHeader,children:[(0,A.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(E.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,A.jsx)(g,{}):(0,A.jsx)(r,{}),e]}),n?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(v,{}),n]}):null]}),o&&(0,A.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,A.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var k,A;function j(){return(j=e((()=>{k=t(),c(),n(),_(),b(),u(),d(),D(),A=a(),O.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function M({className:e,children:t}){return(0,N.jsx)(`div`,{className:s(E.disclosureGroup,e),children:t})}var N;function P(){return(P=e((()=>{t(),c(),D(),N=a(),M.__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:``}}}})))()}export{j as i,P as n,O as r,M as t};

package/storybook-static/assets/{DocsRenderer-JROSPFPF-x50rjjKP.js → DocsRenderer-JROSPFPF-BX-ThlFg.js}

@@ -1,2 +1,2 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-Bl2r1tuC.js","./rolldown-runtime-DkW27tQK.js","./react-BZJXY1be.js"])))=>i.map(i=>d[i]);
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./preload-helper-wdlQj8DP.js";import{t as i}from"./react-BZJXY1be.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-DR4JL0hD.js";import{i as u,r as d,t as f}from"./react-18-EmNFJX4V.js";var p,m,h,g;function _(){return(_=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(`./react-Bl2r1tuC.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),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)}}}})))()}function v(){return(v=t((()=>{_()})))()}v();export{g as DocsRenderer};
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./preload-helper-wdlQj8DP.js";import{t as i}from"./react-BZJXY1be.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-DGivDYe5.js";import{i as u,r as d,t as f}from"./react-18-EmNFJX4V.js";var p,m,h,g;function _(){return(_=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(`./react-Bl2r1tuC.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),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)}}}})))()}function v(){return(v=t((()=>{_()})))()}v();export{g as DocsRenderer};

package/storybook-static/assets/{DropZone-gWSeoAx6.js → DropZone-CCkHaYAD.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-1Nw_zWMi.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DR4JL0hD.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-CmaVl9to.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-lfKkNIIl.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
 `,(0,b.jsx)(u,{children:`DropZone`}),`
 `,(0,b.jsx)(o,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
 `,(0,b.jsx)(t.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{DropZone-DUn9vW2w.js → DropZone-DPqYieZH.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{i as n,n as r,r as i}from"./iframe-1Nw_zWMi.js";import{a,i as o,n as s}from"./utils-tg3ibbzi.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-CwRoWxeB.js";import{n as p,t as m}from"./InputFilesList-DSivq9iT.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{i as n,n as r,r as i}from"./iframe-E950Ehp0.js";import{a,i as o,n as s}from"./utils-tg3ibbzi.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-CwRoWxeB.js";import{n as p,t as m}from"./InputFilesList-DTJkMHNI.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
 
 При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
 При сбросе файлов каждый читается через readFile, успешные результаты

package/storybook-static/assets/{DropZone.stories-CmaVl9to.js → DropZone.stories-lfKkNIIl.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./DropZone-DUn9vW2w.js";import{i,n as a,r as o}from"./iframe-1Nw_zWMi.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},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}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./DropZone-DPqYieZH.js";import{i,n as a,r as o}from"./iframe-E950Ehp0.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},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}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   render: createDropZoneStoryRender({
     showStatus: true
   })

package/storybook-static/assets/{DropdownMenu-DkeS8gOF.js → DropdownMenu-QWp-lSol.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-1Nw_zWMi.js";import{_ as r,a as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _}from"./ContextMenu-CxuYkXjJ.js";function v({children:e}){let{mode:t,open:n,menuId:i,triggerId:a,registerTriggerElement:o,onTriggerClick:s,onTriggerKeyDown:u}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,y.cloneElement)(e,{id:e.props.id??a,ref:t=>{let n=e.props.ref;l(n,t),o(t)},"aria-haspopup":`menu`,"aria-expanded":n,"aria-controls":n?i:void 0,onClick:r(e.props.onClick,s),onKeyDown:c(e.props.onKeyDown,u)})}var y;function b(){return(b=e((()=>{y=t(),m(),v.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactElement`,elements:[{name:`intersection`,raw:`HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLElement`}],raw:`HTMLAttributes<HTMLElement>`},{name:`signature`,type:`object`,raw:`{ ref?: Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`,required:!1}}]}}]}],raw:`ReactElement<HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }>`},description:``}}}})))()}function x({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a}){return(0,S.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e})}var S;function C(){return(C=e((()=>{t(),b(),s(),_(),a(),p(),u(),S=n(),x.Trigger=v,x.Content=o,x.Item=g,x.Separator=h,x.GroupLabel=d,x.__docgenInfo={description:``,methods:[{name:`Trigger`,docblock:null,modifiers:[`static`],params:[{name:`{ children }: DropdownMenuTriggerProps`,optional:!1,type:{name:`DropdownMenuTriggerProps`,alias:`DropdownMenuTriggerProps`}}],returns:null},{name:`Content`,docblock:null,modifiers:[`static`],params:[{name:`{
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-E950Ehp0.js";import{_ as r,a as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _}from"./ContextMenu-BckwURZg.js";function v({children:e}){let{mode:t,open:n,menuId:i,triggerId:a,registerTriggerElement:o,onTriggerClick:s,onTriggerKeyDown:u}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,y.cloneElement)(e,{id:e.props.id??a,ref:t=>{let n=e.props.ref;l(n,t),o(t)},"aria-haspopup":`menu`,"aria-expanded":n,"aria-controls":n?i:void 0,onClick:r(e.props.onClick,s),onKeyDown:c(e.props.onKeyDown,u)})}var y;function b(){return(b=e((()=>{y=t(),m(),v.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactElement`,elements:[{name:`intersection`,raw:`HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLElement`}],raw:`HTMLAttributes<HTMLElement>`},{name:`signature`,type:`object`,raw:`{ ref?: Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`,required:!1}}]}}]}],raw:`ReactElement<HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }>`},description:``}}}})))()}function x({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a}){return(0,S.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e})}var S;function C(){return(C=e((()=>{t(),b(),s(),_(),a(),p(),u(),S=n(),x.Trigger=v,x.Content=o,x.Item=g,x.Separator=h,x.GroupLabel=d,x.__docgenInfo={description:``,methods:[{name:`Trigger`,docblock:null,modifiers:[`static`],params:[{name:`{ children }: DropdownMenuTriggerProps`,optional:!1,type:{name:`DropdownMenuTriggerProps`,alias:`DropdownMenuTriggerProps`}}],returns:null},{name:`Content`,docblock:null,modifiers:[`static`],params:[{name:`{
 	children,
 	className,
 	"aria-label": ariaLabel,

package/storybook-static/assets/{ExpandableActionPanel-DdqWZDe2.js → ExpandableActionPanel-DxPp3zYd.js}

@@ -1,2 +1,2 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe-1Nw_zWMi.js";import{a as o,i as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./Button-DMAPWgMI.js";import{n as u,t as d}from"./OneStepScroller-DI8qlm5c.js";var f,p;function m(){return(m=t((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=t((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=t((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=t((()=>{D=e(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe-E950Ehp0.js";import{a as o,i as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./Button-DqsSng-I.js";import{n as u,t as d}from"./OneStepScroller-wz4Qujpx.js";var f,p;function m(){return(m=t((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=t((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=t((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=t((()=>{D=e(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__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`]}})))()}export{T as i,k as n,w as r,E as t};

package/storybook-static/assets/{ExpandableActionPanel.stories-CA-dpb07.js → ExpandableActionPanel.stories-BiklI55p.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-PtABqMc1.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-DdqWZDe2.js";import{n as l,t as u}from"./CheckBox-BBPasWSk.js";import{n as d,t as f}from"./refresh-cw-B1ChlhvT.js";import{n as p,t as m}from"./settings-2-BxwqnB9r.js";import{i as h,n as g,r as _}from"./iframe-1Nw_zWMi.js";import{a as v,i as y}from"./utils-tg3ibbzi.js";import{n as b,t as x}from"./Button-DMAPWgMI.js";import{n as S,t as C}from"./createControlledStoryRender-BouhvX-R.js";import{l as w,o as T}from"./Input-7N70tL0u.js";import{n as E,t as D}from"./Select-BlnKV8rc.js";var O,k;function A(){return(A=e((()=>{h(),O=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],k=_(`search`,O)})))()}function j({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:o,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,M.jsxs)(`div`,{className:v(s.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,M.jsx)(`div`,{className:v(`flexEllipsis`,s.label,n),style:d,title:f,children:e}),(0,M.jsx)(c,{...u,open:o,defaultOpen:l,className:v(s.labeledActionPanel,a)})]})}var M;function N(){return(N=e((()=>{n(),y(),o(),a(),M=g(),j.__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`]}})))()}var P=t({BasePanel:()=>W,Labeled:()=>U,__namedExportsOrder:()=>G,default:()=>z});function F(){let[e,t]=(0,I.useState)(``),[n,r]=(0,I.useState)(!1),[a,o]=(0,I.useState)(`Все`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,L.jsx)(T,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,L.jsx)(k,{})})}),(0,L.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,L.jsx)(D,{placeholder:`Статус`,options:B,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,L.jsx)(u,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,L.jsx)(x,{icon:(0,L.jsx)(f,{}),title:`Обновить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(m,{}),title:`Настроить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(i,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var I,L,R,z,B,V,H,U,W,G;function K(){return(K=e((()=>{I=n(),r(),d(),A(),p(),b(),l(),S(),w(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-DRMDOowi.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-DxPp3zYd.js";import{n as l,t as u}from"./CheckBox-BJhTyl1K.js";import{n as d,t as f}from"./refresh-cw-dMgbnEda.js";import{n as p,t as m}from"./settings-2-CmW1dpao.js";import{i as h,n as g,r as _}from"./iframe-E950Ehp0.js";import{a as v,i as y}from"./utils-tg3ibbzi.js";import{n as b,t as x}from"./Button-DqsSng-I.js";import{n as S,t as C}from"./createControlledStoryRender-BouhvX-R.js";import{l as w,o as T}from"./Input-CzvWPW0I.js";import{n as E,t as D}from"./Select-DYOCTPiv.js";var O,k;function A(){return(A=e((()=>{h(),O=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],k=_(`search`,O)})))()}function j({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:o,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,M.jsxs)(`div`,{className:v(s.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,M.jsx)(`div`,{className:v(`flexEllipsis`,s.label,n),style:d,title:f,children:e}),(0,M.jsx)(c,{...u,open:o,defaultOpen:l,className:v(s.labeledActionPanel,a)})]})}var M;function N(){return(N=e((()=>{n(),y(),o(),a(),M=g(),j.__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`]}})))()}var P=t({BasePanel:()=>W,Labeled:()=>U,__namedExportsOrder:()=>G,default:()=>z});function F(){let[e,t]=(0,I.useState)(``),[n,r]=(0,I.useState)(!1),[a,o]=(0,I.useState)(`Все`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,L.jsx)(T,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,L.jsx)(k,{})})}),(0,L.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,L.jsx)(D,{placeholder:`Статус`,options:B,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,L.jsx)(u,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,L.jsx)(x,{icon:(0,L.jsx)(f,{}),title:`Обновить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(m,{}),title:`Настроить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(i,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var I,L,R,z,B,V,H,U,W,G;function K(){return(K=e((()=>{I=n(),r(),d(),A(),p(),b(),l(),S(),w(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
   render: renderLabeledPanelStory
 }`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
   args: {

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

@@ -0,0 +1,81 @@
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,c as m,d as h,f as g,g as _,h as v,i as y,l as b,m as x,n as S,o as C,p as w,r as T,s as E,t as D,u as O}from"./Flex.stories-DRBLrgrW.js";function k(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(s,{of:C,parameters:{docs:{toc:!0}}}),`
+`,(0,j.jsx)(u,{children:`Flex`}),`
+`,(0,j.jsx)(o,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
+`,(0,j.jsx)(t.p,{children:`Flex уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,j.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,j.jsx)(f,{}),`
+`,(0,j.jsx)(i,{of:T}),`
+`,(0,j.jsx)(t.pre,{children:(0,j.jsx)(t.code,{className:`language-tsx`,children:`import { Flex } from "@ryuzaki13/react-foundation-ui/flex";
+
+export function Example() {
+	return (
+		<Flex.Container gap="md" align="center">
+			<Flex.Item>Фильтры</Flex.Item>
+			<Flex.Item>Действия</Flex.Item>
+		</Flex.Container>
+	);
+}
+`})}),`
+`,(0,j.jsx)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,j.jsxs)(t.ul,{children:[`
+`,(0,j.jsx)(t.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
+`,(0,j.jsx)(t.li,{children:`Для responsive-пропсов изменяйте ширину canvas через встроенную панель Storybook или перетаскиванием его границы. Индикатор в story показывает активный CSS-режим.`}),`
+`]}),`
+`,(0,j.jsx)(t.h2,{id:`ssr-и-responsive-пропсы`,children:`SSR и responsive-пропсы`}),`
+`,(0,j.jsxs)(t.p,{children:[(0,j.jsx)(t.code,{children:`Flex`}),` формирует одинаковый markup на сервере и во время первого клиентского render. Для responsive map в DOM сразу присутствуют классы всех режимов, а активное значение выбирают media mixins из `,(0,j.jsx)(t.code,{children:`styles/mixins/_media.scss`}),`. Компонент не читает ширину окна и не ждёт hydration.`]}),`
+`,(0,j.jsx)(t.pre,{children:(0,j.jsx)(t.code,{className:`language-tsx`,children:`<Flex.Container
+	row={{ mobile: false, tablet: true }}
+	column={{ mobile: true, tablet: false }}
+	gap={{ mobile: "sm", tablet: "md", laptop: "xl" }}>
+	<Flex.Item>Содержимое</Flex.Item>
+</Flex.Container>
+`})}),`
+`,(0,j.jsxs)(t.p,{children:[`Значение, отсутствующее у текущего режима, наследуется по действующим правилам `,(0,j.jsx)(t.code,{children:`ResponsiveValue`}),`. Например, в исходном сценарии `,(0,j.jsx)(t.code,{children:`column={{ mobile: true, tablet: false }}`}),` значение `,(0,j.jsx)(t.code,{children:`false`}),` применяется и для `,(0,j.jsx)(t.code,{children:`laptop`}),`.`]}),`
+`,(0,j.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,j.jsx)(t.h3,{id:`базовый-row-сценарий-flex-раскладки`,children:`Базовый row-сценарий flex-раскладки`}),`
+`,(0,j.jsx)(t.p,{children:`Базовый row-сценарий flex-раскладки.`}),`
+`,(0,j.jsx)(d,{of:T}),`
+`,(0,j.jsx)(t.h3,{id:`базовый-column-сценарий-flex-раскладки`,children:`Базовый column-сценарий flex-раскладки`}),`
+`,(0,j.jsx)(t.p,{children:`Базовый column-сценарий flex-раскладки.`}),`
+`,(0,j.jsx)(d,{of:S}),`
+`,(0,j.jsx)(t.h3,{id:`сравнение-доступных-направлений-раскладки`,children:`Сравнение доступных направлений раскладки`}),`
+`,(0,j.jsx)(t.p,{children:`Сравнение доступных направлений раскладки.`}),`
+`,(0,j.jsx)(d,{of:y}),`
+`,(0,j.jsx)(t.h3,{id:`выравнивание-элементов-по-главной-оси`,children:`Выравнивание элементов по главной оси`}),`
+`,(0,j.jsx)(t.p,{children:`Выравнивание элементов по главной оси.`}),`
+`,(0,j.jsx)(d,{of:b}),`
+`,(0,j.jsx)(t.h3,{id:`выравнивание-по-поперечной-оси`,children:`Выравнивание по поперечной оси`}),`
+`,(0,j.jsx)(t.p,{children:`Выравнивание по поперечной оси.`}),`
+`,(0,j.jsx)(d,{of:D}),`
+`,(0,j.jsx)(t.h3,{id:`поведение-при-переносе-элементов`,children:`Поведение при переносе элементов`}),`
+`,(0,j.jsx)(t.p,{children:`Поведение при переносе элементов.`}),`
+`,(0,j.jsx)(d,{of:v}),`
+`,(0,j.jsx)(t.h3,{id:`сравнение-интервалов-между-элементами`,children:`Сравнение интервалов между элементами`}),`
+`,(0,j.jsx)(t.p,{children:`Сравнение интервалов между элементами.`}),`
+`,(0,j.jsx)(d,{of:E}),`
+`,(0,j.jsx)(t.h3,{id:`настройка-поведения-отдельных-flex-элементов`,children:`Настройка поведения отдельных flex-элементов`}),`
+`,(0,j.jsx)(t.p,{children:`Настройка поведения отдельных flex-элементов.`}),`
+`,(0,j.jsx)(d,{of:p}),`
+`,(0,j.jsx)(t.h3,{id:`использование-готовых-преднастроенных-вариантов`,children:`Использование готовых преднастроенных вариантов`}),`
+`,(0,j.jsx)(t.p,{children:`Использование готовых преднастроенных вариантов.`}),`
+`,(0,j.jsx)(d,{of:O}),`
+`,(0,j.jsx)(t.h3,{id:`режим-inline-flex-в-составе-потока`,children:`Режим inline-flex в составе потока`}),`
+`,(0,j.jsx)(t.p,{children:`Режим inline-flex в составе потока.`}),`
+`,(0,j.jsx)(d,{of:m}),`
+`,(0,j.jsx)(t.h3,{id:`прикладной-пример-использования-в-интерфейсе`,children:`Прикладной пример использования в интерфейсе`}),`
+`,(0,j.jsx)(t.p,{children:`Прикладной пример использования в интерфейсе.`}),`
+`,(0,j.jsx)(d,{of:h}),`
+`,(0,j.jsx)(t.h3,{id:`responsive-контейнер`,children:`Responsive-контейнер`}),`
+`,(0,j.jsxs)(t.p,{children:[`Проверяет направление, выравнивание и общий `,(0,j.jsx)(t.code,{children:`gap`}),` на всех режимах. Это прямой визуальный сценарий для `,(0,j.jsx)(t.code,{children:`column={{ mobile: true, tablet: false }}`}),`.`]}),`
+`,(0,j.jsx)(d,{of:g}),`
+`,(0,j.jsx)(t.h3,{id:`responsive-перенос-и-независимые-интервалы`,children:`Responsive-перенос и независимые интервалы`}),`
+`,(0,j.jsxs)(t.p,{children:[`Проверяет `,(0,j.jsx)(t.code,{children:`wrap`}),`, `,(0,j.jsx)(t.code,{children:`nowrap`}),`, `,(0,j.jsx)(t.code,{children:`wrapReverse`}),`, `,(0,j.jsx)(t.code,{children:`alignContent`}),`, `,(0,j.jsx)(t.code,{children:`gapRow`}),` и `,(0,j.jsx)(t.code,{children:`gapColumn`}),` при изменении ширины canvas.`]}),`
+`,(0,j.jsx)(d,{of:x}),`
+`,(0,j.jsx)(t.h3,{id:`responsive-поведение-flexitem`,children:`Responsive-поведение Flex.Item`}),`
+`,(0,j.jsxs)(t.p,{children:[`Проверяет `,(0,j.jsx)(t.code,{children:`flex0`}),`, `,(0,j.jsx)(t.code,{children:`flex1`}),`, `,(0,j.jsx)(t.code,{children:`grow`}),`, `,(0,j.jsx)(t.code,{children:`shrink`}),`, `,(0,j.jsx)(t.code,{children:`basis`}),` и `,(0,j.jsx)(t.code,{children:`alignSelf`}),` без клиентского observer.`]}),`
+`,(0,j.jsx)(d,{of:w}),`
+`,(0,j.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,j.jsx)(l,{of:C}),`
+`,(0,j.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,j.jsx)(a,{includePrimary:!1})]})}function A(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(k,{...e})}):k(e)}var j;function M(){return(M=e((()=>{j=t(),r(),c(),_()})))()}M();export{A as default};