@ryuzaki13/react-foundation-ui 3.9.0 → 3.10.0

package/storybook-static/assets/{Dialog.stories-y7MpdGQr.js → Dialog.stories-CUyAMGoD.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-CU98mtpe.js";import{n as r,t as i}from"./Button-dlGIhkja.js";import{n as a,t as o}from"./createControlledStoryRender-BouhvX-R.js";import{n as s,t as c}from"./Dialog-ieE9mpAU.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-BP8VhRCA.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-CU98mtpe.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-SX-KK9Lg.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-DwIo-o1J.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-DwIo-o1J.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-LjgDW-Z6.js";import{n as o}from"./iframe-CU98mtpe.js";import{n as s,t as c}from"./Button-dlGIhkja.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-LjgDW-Z6.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-Mu7usNfR.js";import{i,n as a,r as o}from"./iframe-CU98mtpe.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-BE_4juAd.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-BjRaiNDG.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-SX-KK9Lg.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-DUn9vW2w.js → DropZone-BMT4jv2L.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-CU98mtpe.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-BEIBTAEK.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-gWSeoAx6.js → DropZone-Dg3GZxY8.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-CU98mtpe.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-SX-KK9Lg.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-szOGIPHx.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.stories-CmaVl9to.js → DropZone.stories-szOGIPHx.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-BMT4jv2L.js";import{i,n as a,r as o}from"./iframe-CU98mtpe.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-B0EI5ePH.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-CU98mtpe.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-DbmUWR4I.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-D_qy2JID.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-CU98mtpe.js";import{a as o,i as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./Button-dlGIhkja.js";import{n as u,t as d}from"./OneStepScroller-DQI5POnJ.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-wdmlBDmK.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-BYM7OgKl.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-D_qy2JID.js";import{n as l,t as u}from"./CheckBox-Dpg2QsvS.js";import{n as d,t as f}from"./refresh-cw-D8_L8K4Y.js";import{n as p,t as m}from"./settings-2-jWGaWGT0.js";import{i as h,n as g,r as _}from"./iframe-CU98mtpe.js";import{a as v,i as y}from"./utils-tg3ibbzi.js";import{n as b,t as x}from"./Button-dlGIhkja.js";import{n as S,t as C}from"./createControlledStoryRender-BouhvX-R.js";import{l as w,o as T}from"./Input-D2eqioLp.js";import{n as E,t as D}from"./Select-CT_wwcDN.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-DpQpF63N.js → Flex-DYXuexPG.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,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Flex.stories-DtlKiJno.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.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-SX-KK9Lg.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Flex.stories-DH1BReS-.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,O.jsx)(u,{children:`Flex`}),`
 `,(0,O.jsx)(o,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
 `,(0,O.jsx)(t.p,{children:`Flex уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Flex.stories-DtlKiJno.js → Flex.stories-DH1BReS-.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{i,t as a}from"./useFlexClasses-SgVG37Bb.js";import{n as o,t as s}from"./FlexContainer-C1d63I55.js";import{n as c,t as l}from"./FlexItem-DsoW-br3.js";function u({ref:e,variant:t,children:n,className:r=``,...a}){let o=[i(t??``),r].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:e,className:o,...a,children:n})}var d;function f(){return(f=e((()=>{o(),a(),d=r(),u.displayName=`PredefinedFlex`,u.__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:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var p;function m(){return(m=e((()=>{o(),c(),f(),p={Container:s,Item:l,Predefined:u}})))()}var h=t({AlignItems:()=>E,BasicColumn:()=>C,BasicRow:()=>S,Directions:()=>w,FlexItems:()=>k,Gaps:()=>O,InlineFlex:()=>j,JustifyContent:()=>T,Predefined:()=>A,RealWorld:()=>M,Wrapping:()=>D,__namedExportsOrder:()=>N,default:()=>x});function g({children:e,index:t=0}){return(0,_.jsx)(p.Item,{style:{...y.item,backgroundColor:b(t)},children:e})}var _,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N;function P(){return(P=e((()=>{n(),m(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x={title:`Layout/Flex`,component:p.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},S={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]}),row:!0}},C={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Header`}),(0,_.jsx)(g,{index:1,children:`Content`}),(0,_.jsx)(g,{index:2,children:`Footer`})]}),column:!0}},w={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(p.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(p.Container,{column:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(p.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]})]}),args:{children:void 0}},T={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(p.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(p.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(g,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(g,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(g,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(p.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(p.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Default`}),(0,_.jsx)(p.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(g,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(p.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(p.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(p.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(g,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Left`}),(0,_.jsx)(g,{index:1,children:`Right`})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(p.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:0,children:`inline`}),(0,_.jsx)(g,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(p.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:2,children:`vertical`}),(0,_.jsx)(g,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(g,{index:0,children:`Logo`}),(0,_.jsx)(g,{index:1,children:`Home`}),(0,_.jsx)(g,{index:2,children:`About`}),(0,_.jsx)(g,{index:3,children:`Contact`})]}),(0,_.jsx)(g,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(p.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(p.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:0,children:`First Name`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:1,children:`Last Name`})})]}),(0,_.jsx)(g,{index:2,children:`Email`}),(0,_.jsx)(g,{index:3,children:`Message`})]})]}),args:{children:void 0}},S.parameters={...S.parameters,docs:{...S.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-CU98mtpe.js";import{i,t as a}from"./useFlexClasses-SgVG37Bb.js";import{n as o,t as s}from"./FlexContainer-DO3X5f_1.js";import{n as c,t as l}from"./FlexItem-BE_4juAd.js";function u({ref:e,variant:t,children:n,className:r=``,...a}){let o=[i(t??``),r].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:e,className:o,...a,children:n})}var d;function f(){return(f=e((()=>{o(),a(),d=r(),u.displayName=`PredefinedFlex`,u.__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:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var p;function m(){return(m=e((()=>{o(),c(),f(),p={Container:s,Item:l,Predefined:u}})))()}var h=t({AlignItems:()=>E,BasicColumn:()=>C,BasicRow:()=>S,Directions:()=>w,FlexItems:()=>k,Gaps:()=>O,InlineFlex:()=>j,JustifyContent:()=>T,Predefined:()=>A,RealWorld:()=>M,Wrapping:()=>D,__namedExportsOrder:()=>N,default:()=>x});function g({children:e,index:t=0}){return(0,_.jsx)(p.Item,{style:{...y.item,backgroundColor:b(t)},children:e})}var _,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N;function P(){return(P=e((()=>{n(),m(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x={title:`Layout/Flex`,component:p.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},S={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]}),row:!0}},C={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Header`}),(0,_.jsx)(g,{index:1,children:`Content`}),(0,_.jsx)(g,{index:2,children:`Footer`})]}),column:!0}},w={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(p.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(p.Container,{column:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(p.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]})]}),args:{children:void 0}},T={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(p.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(p.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(g,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(g,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(g,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(p.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(p.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Default`}),(0,_.jsx)(p.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(g,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(p.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(p.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(p.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(g,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Left`}),(0,_.jsx)(g,{index:1,children:`Right`})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(p.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:0,children:`inline`}),(0,_.jsx)(g,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(p.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:2,children:`vertical`}),(0,_.jsx)(g,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(g,{index:0,children:`Logo`}),(0,_.jsx)(g,{index:1,children:`Home`}),(0,_.jsx)(g,{index:2,children:`About`}),(0,_.jsx)(g,{index:3,children:`Contact`})]}),(0,_.jsx)(g,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(p.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(p.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:0,children:`First Name`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:1,children:`Last Name`})})]}),(0,_.jsx)(g,{index:2,children:`Email`}),(0,_.jsx)(g,{index:3,children:`Message`})]})]}),args:{children:void 0}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
   render: args => <Flex.Container {...args} style={demoStyles.container} />,
   args: {
     children: <>

package/storybook-static/assets/{FlexContainer-C1d63I55.js → FlexContainer-DO3X5f_1.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{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{n as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T,...E}){let{activeBreakpoint:D}=a(),O=(0,d.useMemo)(()=>r({inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T},D,p),[D,b,S,m,g,C,T,w,l,x,v,u,h,_,y]),k=[c(O),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...E,ref:e,className:k,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],u.displayName=`FlexContainer`,u.__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`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}export{m as n,u as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{n as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T,...E}){let{activeBreakpoint:D}=a(),O=(0,d.useMemo)(()=>r({inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T},D,p),[D,b,S,m,g,C,T,w,l,x,v,u,h,_,y]),k=[c(O),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...E,ref:e,className:k,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],u.displayName=`FlexContainer`,u.__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`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}export{m as n,u as t};

package/storybook-static/assets/{FlexItem-DsoW-br3.js → FlexItem-BE_4juAd.js}

@@ -1,3 +1,3 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-1Nw_zWMi.js";import{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{r as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v,...y}){let{activeBreakpoint:b}=a(),x=(0,d.useMemo)(()=>r({flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v},b,p),[b,_,g,l,u,m,v,h]),S=[c(x),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...y,ref:e,className:S,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`flex0`,`flex1`,`grow`,`shrink`,`basis`,`alignSelf`,`justifySelf`],u.displayName=`FlexItem`,u.__docgenInfo={description:``,methods:[],displayName:`FlexItem`,props:{grow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность расти
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{r as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v,...y}){let{activeBreakpoint:b}=a(),x=(0,d.useMemo)(()=>r({flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v},b,p),[b,_,g,l,u,m,v,h]),S=[c(x),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...y,ref:e,className:S,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`flex0`,`flex1`,`grow`,`shrink`,`basis`,`alignSelf`,`justifySelf`],u.displayName=`FlexItem`,u.__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`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}export{m as n,u as t};

package/storybook-static/assets/{FloatingPopover-7MpESGU4.js → FloatingPopover-DHxMCBdS.js}

@@ -1 +1 @@
-import{a as e,n 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{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{_ as s,a as c,c as l,f as u,h as d,i as f,l as p,m,o as h,r as g,s as _,u as v}from"./floating-ui.react-BFqa49jG.js";function y(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}function b({ref:e,placement:t,middlewareData:n}){return(0,x.jsx)(`div`,{ref:e,style:y(t,n),children:(0,x.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,x.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})}var x;function S(){return(S=t((()=>{x=r(),b.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=t((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}function M({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:y,tooltip:x,positionUpdateKey:S}){let[C,w]=(0,N.useState)(!1),T=(0,N.useRef)(null),{refs:E,floatingStyles:D,middlewareData:O,context:k,placement:j,update:M}=c({open:C,onOpenChange:w,placement:r,middleware:[m(8),u({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),d({padding:8}),v({element:T,padding:8})],whileElementsMounted:s});(0,N.useLayoutEffect)(()=>{C&&M()},[C,S,M]);let I=_(k,{enabled:n,move:!1,delay:{open:i,close:o}}),L=h(k,{enabled:n}),R=f(k),z=p(k,{role:`tooltip`}),{getReferenceProps:B,getFloatingProps:V}=l([I,L,R,z]);return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(`span`,{ref:E.setReference,...B(),style:{lineHeight:1},children:t}),C&&(0,P.createPortal)((0,F.jsxs)(`div`,{ref:E.setFloating,style:{...D,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...V(),role:`tooltip`,className:a(A.tooltipPanel,x&&A.tooltip,y&&A[y]),children:[e,(0,F.jsx)(b,{ref:T,placement:j,middlewareData:O})]}),document.body)]})}var N,P,F;function I(){return(I=t((()=>{N=e(n(),1),g(),o(),P=i(),S(),j(),F=r(),M.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,b as r,M as t};
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-CU98mtpe.js";import{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{_ as s,a as c,c as l,f as u,h as d,i as f,l as p,m,o as h,r as g,s as _,u as v}from"./floating-ui.react-BTEwHffF.js";function y(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}function b({ref:e,placement:t,middlewareData:n}){return(0,x.jsx)(`div`,{ref:e,style:y(t,n),children:(0,x.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,x.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})}var x;function S(){return(S=t((()=>{x=r(),b.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=t((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}function M({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:y,tooltip:x,positionUpdateKey:S}){let[C,w]=(0,N.useState)(!1),T=(0,N.useRef)(null),{refs:E,floatingStyles:D,middlewareData:O,context:k,placement:j,update:M}=c({open:C,onOpenChange:w,placement:r,middleware:[m(8),u({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),d({padding:8}),v({element:T,padding:8})],whileElementsMounted:s});(0,N.useLayoutEffect)(()=>{C&&M()},[C,S,M]);let I=_(k,{enabled:n,move:!1,delay:{open:i,close:o}}),L=h(k,{enabled:n}),R=f(k),z=p(k,{role:`tooltip`}),{getReferenceProps:B,getFloatingProps:V}=l([I,L,R,z]);return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(`span`,{ref:E.setReference,...B(),style:{lineHeight:1},children:t}),C&&(0,P.createPortal)((0,F.jsxs)(`div`,{ref:E.setFloating,style:{...D,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...V(),role:`tooltip`,className:a(A.tooltipPanel,x&&A.tooltip,y&&A[y]),children:[e,(0,F.jsx)(b,{ref:T,placement:j,middlewareData:O})]}),document.body)]})}var N,P,F;function I(){return(I=t((()=>{N=e(n(),1),g(),o(),P=i(),S(),j(),F=r(),M.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,b as r,M as t};

package/storybook-static/assets/FormattedTableCell-BfEiCYOi.js

@@ -0,0 +1,15 @@
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./circle-alert-BXB7LSDS.js";import{n as i,t as a}from"./circle-check-DrVuYn1Q.js";import{i as o,n as s,r as c,t as l}from"./info-BhHmytIH.js";import{n as u,r as d,t as f}from"./sortable-BteEe6X0.js";import{n as p}from"./iframe-CU98mtpe.js";import{C as m,S as h,b as g,c as _,f as v,l as ee,m as te,p as ne,u as re,v as y,w as ie,x as ae,y as oe}from"./odata-yWIAioh9.js";import{a as b,i as x,n as se}from"./utils-tg3ibbzi.js";import{a as S,n as C,o as ce}from"./array-D-_yMMUK-BBmW5vUr.js";import{h as w,l as T,y as E}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{i as D,n as le,r as ue,t as de}from"./NoData-BZhNhaYV.js";import{n as fe,t as pe}from"./GridContainer-BHSfIiml.js";import{c as O,m as k,n as me,o as A,p as j,r as he}from"./hooks-BgMXxXbY.js";import{i as M,r as ge}from"./useTable-CK68Q4S4.js";import{n as _e,t as ve}from"./Scrollable-DLyQwImF.js";import{n as ye,t as N}from"./ContextMenu-DbmUWR4I.js";import{At as P,Mt as F}from"./tableFeatures-Dx3U-F9E.js";var I,L,R,z,be,xe,B,V;function Se(){return(Se=e((()=>{I=`UMTbLD`,L=`cz57Fx`,R=`oPzAxu`,z=`MBu26r`,be=`_03z-1l`,xe=`_0RqsqJ`,B=`mXkUoM`,V={stateWrapper:I,status:L,information:R,success:z,warning:be,error:xe,state:B}})))()}function Ce({state:e}){switch(e){case`error`:return(0,H.jsx)(we,{});case`warning`:return(0,H.jsx)(Te,{});case`success`:return(0,H.jsx)(Ee,{});case`information`:return(0,H.jsx)(De,{});default:return null}}function we(){return(0,H.jsx)(c,{className:b(V.state,V.error)})}function Te(){return(0,H.jsx)(r,{className:b(V.state,V.warning)})}function Ee(){return(0,H.jsx)(a,{className:b(V.state,V.success)})}function De(){return(0,H.jsx)(l,{className:b(V.state,V.information)})}var H;function Oe(){return(Oe=e((()=>{x(),n(),i(),o(),s(),Se(),H=p(),Ce.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},we.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Te.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},Ee.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},De.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}var ke,Ae;function je(){return(je=e((()=>{ke=`YJUVjb`,Ae={resizeHandle:ke}})))()}function Me(e,t){let n=e.closest(`th`)?.getBoundingClientRect().width;return m(typeof n==`number`&&Number.isFinite(n)?n:t,t)}function Ne({columnId:e,className:t,minWidth:n,keyboardStep:r=Fe,ariaLabel:i=`Изменить ширину колонки`,getStartWidth:a,onResize:o,onResizeEnd:s,onReset:c}){let l=n??60,u=(0,U.useRef)(0),d=(0,U.useRef)(0),f=(0,U.useRef)(0),p=(0,U.useRef)(!1),h=(0,U.useRef)(!1),g=t=>{let n=a?.(e,t)??Me(t,l);return m(n,l)},_=e=>{(e.button===0||e.pointerType!==`mouse`)&&(p.current=!0,h.current=!1,u.current=e.clientX,d.current=g(e.currentTarget),f.current=d.current,e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),e.stopPropagation())},v=t=>{if(!p.current)return;let n=m(d.current+t.clientX-u.current,l);f.current=n,h.current=!0,o(e,n),t.preventDefault(),t.stopPropagation()},ee=t=>{if(p.current){p.current=!1,h.current&&s?.(e,f.current);try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}t.preventDefault(),t.stopPropagation()}};return(0,Pe.jsx)(`div`,{role:`separator`,"aria-label":i,"aria-orientation":`vertical`,tabIndex:0,onPointerDown:_,onPointerMove:v,onPointerUp:ee,onPointerCancel:ee,onKeyDown:t=>{if(t.key!==`ArrowLeft`&&t.key!==`ArrowRight`&&t.key!==`Home`)return;if(t.preventDefault(),t.stopPropagation(),t.key===`Home`){c?.(e);return}let n=t.key===`ArrowRight`?1:-1,i=g(t.currentTarget),a=m(i+n*r,l);o(e,a),s?.(e,a)},onDoubleClick:t=>{t.preventDefault(),t.stopPropagation(),c?.(e)},className:b(Ae.resizeHandle,t)})}var U,Pe,Fe;function Ie(){return(Ie=e((()=>{U=t(),g(),x(),je(),Pe=p(),Fe=8,Ne.__docgenInfo={description:``,methods:[],displayName:`TableColumnResizeHandle`,props:{columnId:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minWidth:{required:!1,tsType:{name:`number`},description:``},keyboardStep:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`8`,computed:!1}},ariaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Изменить ширину колонки"`,computed:!1}},getStartWidth:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}}},description:``},onResize:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResizeEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onReset:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function Le(e,t){return typeof e==`function`?e(t):e}function Re({columnId:e,children:t,dragDisabled:n=!1,draggingClassName:r,resizeHandle:i,className:a,style:o,...s}){let{attributes:c,listeners:l,setActivatorNodeRef:u,setNodeRef:d,transform:f,isDragging:p,rect:m}=O({id:e,disabled:n}),h=p?m.current?.width:void 0,g={transform:j.Translate.toString(f),zIndex:p?`calc(var(--z-header) + 1)`:void 0,...h?{width:h,minWidth:h}:{},...o},_={attributes:c,listeners:l,setActivatorElement:u,disabled:n,isDragging:p};return(0,ze.jsxs)(`th`,{...s,ref:d,className:b(a,p&&r),style:g,children:[Le(t,_),i?(0,ze.jsx)(Ne,{...i}):null]})}var ze;function Be(){return(Be=e((()=>{A(),k(),x(),Ie(),ze=p(),Re.__docgenInfo={description:``,methods:[],displayName:`TableHeaderInteractionCell`,props:{columnId:{required:!0,tsType:{name:`UniqueIdentifier`},description:``},children:{required:!0,tsType:{name:`union`,raw:`ReactNode | ((dragState: TableHeaderCellDragState) => ReactNode)`,elements:[{name:`ReactNode`},{name:`unknown`}]},description:``},dragDisabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},draggingClassName:{required:!1,tsType:{name:`string`},description:``},resizeHandle:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
+	columnId: string;
+	className?: string;
+	minWidth?: number;
+	keyboardStep?: number;
+	ariaLabel?: string;
+	getStartWidth?: (columnId: string, element: HTMLElement) => number;
+	onResize: (columnId: string, width: number) => void;
+	onResizeEnd?: (columnId: string, width: number) => void;
+	onReset?: (columnId: string) => void;
+}`,signature:{properties:[{key:`columnId`,value:{name:`string`,required:!0}},{key:`className`,value:{name:`string`,required:!1}},{key:`minWidth`,value:{name:`number`,required:!1}},{key:`keyboardStep`,value:{name:`number`,required:!1}},{key:`ariaLabel`,value:{name:`string`,required:!1}},{key:`getStartWidth`,value:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}},required:!1}},{key:`onResize`,value:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}},required:!0}},{key:`onResizeEnd`,value:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}},required:!1}},{key:`onReset`,value:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}},required:!1}}]}},description:``}}}})))()}function Ve(e){return{start:Array.from(new Set((e?.start??[]).filter(e=>typeof e==`string`&&e.trim().length>0))),end:[]}}function He(e,t){let n=t?.[e.id];if(typeof n==`number`&&Number.isFinite(n)&&n>0)return`${Math.floor(n)}px`;let r=v(e.columnDef)?.width??4;return typeof r==`number`&&(r=Math.max(r,4)),oe(r)}function Ue(e,t){let n=e.getAllLeafColumns().filter(e=>e.getIsVisible()),r=new Map(n.map(e=>[e.id,e])),i=n.map(e=>e.id),a=C(t.columnPinning.start,i),o=C(t.columnPinning.end,i),s=new Set([...a,...o]),c=[];for(let e of n)s.has(e.id)||c.push(e.id);let l=y({ids:c,order:t.columnOrder});return ce([...a,...l,...o],r)}function We(e,t){let n=Ue(e,t),r=new Map(n.map(e=>[e.id,e]));return h({ids:n.map(e=>e.id),getWidth:e=>{let n=r.get(e);return n?He(n,t.columnSizing):`0px`}}).flatMap(e=>{let t=r.get(e.id);return t?[{...e,column:t}]:[]})}function Ge(e,t){let n={},r=[];for(let i of Ue(e,t))i.getIsPinned()===`start`&&(n[i.id]=Ke(r),r.push(He(i,t.columnSizing)));return n}function Ke(e){return e.length===0?`0px`:e.length===1?e[0]:`calc(${e.join(` + `)})`}function W(){return(W=e((()=>{S(),g()})))()}function qe(e){if(typeof e.id==`string`&&e.id.trim())return e.id;if(`accessorKey`in e&&typeof e.accessorKey==`string`&&e.accessorKey.trim())return e.accessorKey}function Je(e){return`cell`in e&&e.cell!=null}function Ye(e,t){for(let n of e){if(`columns`in n&&Array.isArray(n.columns)&&n.columns.length>0){Ye(n.columns,t);continue}t(n)}}function Xe(e){let t={},n=new Set;return Ye(e,e=>{let r=qe(e);if(!r)return;Je(e)&&n.add(r);let i=_(e);i&&(t[r]={...i,id:i.id??r,role:i.role??`dimension`,type:i.type??`string`})}),{runtimeByColumnId:T(t),customCellColumnIds:n}}function Ze(e){return!e.customCellColumnIds.has(e.columnId)&&!!e.runtimeByColumnId[e.columnId]}function Qe(){return(Qe=e((()=>{w(),g()})))()}function $e(e){return e!=null&&e!==``}function et(e,t){return e.map(e=>({row:e,boundaryKey:t(e),cellByColumnId:new Map(e.getVisibleCells().map(e=>[e.column.id,e]))}))}function tt({rows:e,columns:t,resolveRowBoundaryKey:n=()=>`__all_rows__`,excludeColumnIds:r}){let i=t.filter(e=>!r?.has(e.id)&&v(e.columnDef)?.mergeDuplicates===!0);if(e.length===0||i.length===0)return new Map;let a=et(e,n),o=new Map;for(let e of i){let t=-1,n,r,i=i=>{if(t!==-1){if(i-t<=1){t=-1,n=void 0,r=void 0;return}for(let n=t;n<i;n+=1){let r=a[n]?.cellByColumnId.get(e.id)?.id;r&&o.set(r,{hideContent:n>t,mergeWithNext:n<i-1})}t=-1,n=void 0,r=void 0}};for(let o=0;o<a.length;o+=1){let s=a[o],c=s?.cellByColumnId.get(e.id),l=c?.getValue();if(!c||!$e(l)){i(o);continue}if(t===-1){t=o,n=l,r=s?.boundaryKey;continue}(!Object.is(r,s?.boundaryKey)||!Object.is(n,l))&&(i(o),t=o,n=l,r=s?.boundaryKey)}i(a.length)}return o}function nt(){return(nt=e((()=>{g()})))()}function rt({columnOrder:e,defaultColumnOrder:t,onColumnOrderChange:n}){let[r,i]=(0,G.useState)(void 0),a=(0,G.useMemo)(()=>ie(e??r??t),[e,t,r]);return{columnOrder:a,onColumnOrderChange:(0,G.useCallback)(t=>{let r=ie(P(t,a));e===void 0&&i(r),n?.(r)},[e,n,a])}}var G;function it(){return(it=e((()=>{G=t(),g(),F()})))()}function at({columnPinning:e,defaultColumnPinning:t,onColumnPinningChange:n}){let[r,i]=(0,K.useState)(void 0),a=(0,K.useMemo)(()=>Ve(e??r??t),[e,t,r]);return{columnPinning:a,onColumnPinningChange:(0,K.useCallback)(t=>{let r={start:Ve(P(t,a)).start};e===void 0&&i(r),n?.(r)},[e,n,a])}}var K;function ot(){return(ot=e((()=>{K=t(),F(),W()})))()}function st({columnSizing:e,defaultColumnSizing:t,columnResizeMinWidth:n,onColumnSizingChange:r}){let[i,a]=(0,q.useState)(void 0),o=(0,q.useMemo)(()=>te(e??i??t,n),[n,e,t,i]);return{columnSizing:o,onColumnSizingChange:(0,q.useCallback)(t=>{let i=te(P(t,o),n);e===void 0&&a(i),r?.(i)},[n,e,r,o])}}var q;function ct(){return(ct=e((()=>{q=t(),g(),F()})))()}function lt({columnVisibility:e,defaultColumnVisibility:t,onColumnVisibilityChange:n}){let[r,i]=(0,J.useState)(void 0),a=(0,J.useMemo)(()=>e??r??t??{},[e,t,r]);return{columnVisibility:a,onColumnVisibilityChange:(0,J.useCallback)(t=>{let r=P(t,a);e===void 0&&i(r),n?.(r)},[e,n,a])}}var J;function ut(){return(ut=e((()=>{J=t(),F()})))()}var dt,ft;function pt(){return(pt=e((()=>{k(),dt=e=>{let{transform:t}=e;return{...t,y:0}},ft=e=>{let{transform:t}=e;return{...t,x:0}}})))()}var mt,ht,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,Y;function Pt(){return(Pt=e((()=>{mt=`_0rNBMr`,ht=`gp-7Db`,gt=`Ck-sXP`,_t=`-F3gli`,vt=`V5tPM-`,yt=`_2VJbvj`,bt=`AD8NkG`,xt=`qqixKn`,St=`dVDRNv`,Ct=`klOoMz`,wt=`fJvFJA`,Tt=`_7D8xa9`,Et=`_3j87pS`,Dt=`uwojkJ`,Ot=`lLsmW6`,kt=`uYvZ5P`,At=`QIS3xA`,jt=`a580w0`,Mt=`UOhaMF`,Nt=`DtKAgs`,Y={root:mt,headerContextMenuTrigger:ht,table:gt,head:_t,pinnedStartBoundary:vt,headerRow:yt,headerCell:bt,headerCellContent:xt,headerCellDraggable:St,headerCellDragging:Ct,headerCellPinnedStart:wt,bodyRow:Tt,bodyRowInteractive:Et,bodyCell:Dt,bodyRowSelected:Ot,bodyCellPinnedStart:kt,bodyCellMergedWithNext:At,feedbackCell:jt,fetchingRow:Mt,noData:Nt}})))()}function Ft({header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:i,enableColumnResizing:a,enableColumnReordering:o,columnResizeMinWidth:s,renderHeaderContent:c,onResizeColumn:l,onResetColumnWidth:u}){return(0,It.jsx)(Re,{columnId:e.column.id,colSpan:e.colSpan,dragDisabled:!o||i,draggingClassName:Y.headerCellDragging,className:b(Y.headerCell,t&&Y.headerCellPinnedStart,r&&Y.pinnedStartBoundary),style:{...t?{insetInlineStart:n}:{}},resizeHandle:a&&!e.isPlaceholder?{columnId:e.column.id,minWidth:s,onResize:l,onReset:u}:void 0,children:({listeners:t,setActivatorElement:n})=>(0,It.jsx)(`div`,{ref:o&&!i?n:void 0,className:b(Y.headerCellContent,o&&!i&&Y.headerCellDraggable),...o&&!i?t??{}:{},children:c(e)})})}var It;function Lt(){return(Lt=e((()=>{x(),Be(),Pt(),It=p(),Ft.__docgenInfo={description:``,methods:[],displayName:`BaseTableHeaderCell`,props:{header:{required:!0,tsType:{name:`FoundationTableHeader`,elements:[{name:`TData`}],raw:`FoundationTableHeader<TData>`},description:``},isPinnedStart:{required:!0,tsType:{name:`boolean`},description:``},insetInlineStart:{required:!1,tsType:{name:`string`},description:``},isPinnedBoundary:{required:!0,tsType:{name:`boolean`},description:``},isDragDisabled:{required:!0,tsType:{name:`boolean`},description:``},enableColumnResizing:{required:!0,tsType:{name:`boolean`},description:``},enableColumnReordering:{required:!0,tsType:{name:`boolean`},description:``},columnResizeMinWidth:{required:!0,tsType:{name:`union`,raw:`number | undefined`,elements:[{name:`number`},{name:`undefined`}]},description:``},renderHeaderContent:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(header: FoundationTableHeader<TData>) => ReactNode`,signature:{arguments:[{type:{name:`FoundationTableHeader`,elements:[{name:`TData`}],raw:`FoundationTableHeader<TData>`},name:`header`}],return:{name:`ReactNode`}}},description:``},onResizeColumn:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResetColumnWidth:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function Rt(e,t){let n=e.getLeafHeaders().map(e=>t.get(e.column.id)).filter(e=>typeof e==`number`);return n.length?Math.min(...n):2**53-1}function zt(e,t){let n=e.getStartHeaderGroups(),r=e.getCenterHeaderGroups(),i=e.getEndHeaderGroups(),a=Math.max(n.length,r.length,i.length);return Array.from({length:a},(e,a)=>[...n[a]?.headers??[],...r[a]?.headers??[],...i[a]?.headers??[]].filter(e=>e.isPlaceholder?!0:e.getLeafHeaders().some(e=>t.has(e.column.id))).sort((e,n)=>Rt(e,t)-Rt(n,t)))}function Bt(e,t,n){let r=e.getLeafHeaders().map(e=>e.column.id);return r.length>0&&r.every(e=>e in t)?{isPinnedStart:!0,insetInlineStart:t[r[0]]??`0px`,isPinnedBoundary:!!(n&&r.includes(n))}:{isPinnedStart:!1,isPinnedBoundary:!1}}function Vt(e,t){let n=e.getAllLeafColumns().map(e=>e.id);return y({ids:n,order:t.columnOrder})}function Ht({table:e,columnState:t,title:n,isLoading:r,isFetching:i,className:a,minHeight:o=`15em`,tableClassName:s,selectionMode:c=`none`,scrollableRef:l,interactiveElementSelector:u,onActivateRow:p,isRowInteractive:m,getRowClassName:h,getCellClassName:g,getCellStyle:_,getCellLayout:te,renderCellContent:y,renderHeaderContextMenu:ie,enableColumnResizing:oe=!1,enableColumnReordering:x=!1,rowReordering:S,columnResizeMinWidth:C,afterTableContent:ce}){let w=We(e,t),T=(0,X.useMemo)(()=>w.map(e=>e.column),[w]),E=(0,X.useMemo)(()=>w.map(e=>e.id),[w]),D=(0,X.useMemo)(()=>new Map(E.map((e,t)=>[e,t])),[E]),le=(0,X.useMemo)(()=>new Set(E),[E]),fe=me({activationDistance:8}),O=zt(e,D),k=Ge(e,t),A=T.filter(e=>e.getIsPinned()===`start`).at(-1)?.id,j=(0,X.useMemo)(()=>t.columnPinning.start??[],[t.columnPinning.start]),he=(0,X.useMemo)(()=>new Set(j),[j]),M=e.getRowModel(),_e=(0,X.useMemo)(()=>M.rows.map(e=>e.id),[M.rows]),ye=!!n,P=M.rows.length>0,F=(0,X.useCallback)(e=>[...e].sort((e,t)=>(D.get(e.column.id)??2**53-1)-(D.get(t.column.id)??2**53-1)),[D]),I=(0,X.useCallback)((t,n)=>{e.setColumnSizing(e=>re(e,t,n,C))},[C,e]),L=(0,X.useCallback)(t=>{e.setColumnSizing(e=>ee(e,t))},[e]),R=(0,X.useCallback)(n=>{let r=d({event:n,items:E});if(!r)return;let i=Vt(e,t),a=ne({order:i,headerIds:E,pinnedIds:j,activeId:String(r.activeId),overId:String(r.overId)});a&&e.setColumnOrder(a)},[t,j,e,E]),z=e=>{if(e.isPlaceholder)return null;let t=ge(e.column.columnDef.header,e.getContext()),n=ie?.(e);return n?(0,Z.jsxs)(N,{children:[(0,Z.jsx)(N.Trigger,{children:(0,Z.jsx)(`div`,{className:Y.headerContextMenuTrigger,tabIndex:0,children:t})}),(0,Z.jsx)(N.Content,{children:n})]}):t},be=(e,t)=>{!(m?.(t)??!!p)||!p||ae(e.target,u)||p(t)},xe=(e,t)=>{!(m?.(t)??!!p)||!p||ae(e.target,u)||se(e,()=>p(t))},B=e=>{let t=m?.(e)??!!p,n=F([...e.getStartVisibleCells(),...e.getCenterVisibleCells(),...e.getEndVisibleCells()]).map(t=>{let n=v(t.column.columnDef),r=ge(t.column.columnDef.cell,t.getContext()),i={row:e,cell:t,defaultContent:r,columnMeta:n},a=te?.(i),o=t.column.getIsPinned()===`start`,s=t.column.id===A,c={...n?.align?{textAlign:n.align}:{},...o?{insetInlineStart:k[t.column.id]??`0px`}:{},..._?.(i)??{}};return(0,Z.jsx)(`td`,{className:b(Y.bodyCell,o&&Y.bodyCellPinnedStart,s&&Y.pinnedStartBoundary,a?.mergeWithNext&&Y.bodyCellMergedWithNext,g?.(i)),style:c,children:a?.hideContent?null:y?y(i):r},t.id)}),r={className:b(Y.bodyRow,t&&Y.bodyRowInteractive,e.getIsSelected()&&Y.bodyRowSelected,h?.(e)),"aria-selected":c===`none`?void 0:e.getIsSelected(),tabIndex:t?0:void 0,onClick:t=>be(t,e),onKeyDown:t=>xe(t,e)};return S?(0,Z.jsx)(f.Item,{as:`tr`,id:e.id,disabled:S.disabled,...r,children:n},e.id):(0,Z.jsx)(`tr`,{...r,children:n},e.id)};return(0,Z.jsxs)(pe,{templateRows:ye?`auto 1fr`:`1fr`,className:b(`overflowHidden w100 h100`,Y.root,a),style:{minHeight:o},children:[ye&&(0,Z.jsx)(`h3`,{className:`marginBottomXs`,children:n}),(0,Z.jsxs)(`div`,{className:`surface0 overflowHidden relative w100 h100`,children:[(0,Z.jsx)(ve,{ref:l,className:`w100 h100`,children:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`table`,{className:b(Y.table,s),children:[(0,Z.jsx)(`colgroup`,{children:w.map(e=>(0,Z.jsx)(`col`,{style:e.width?{width:e.width}:void 0},e.id))}),(0,Z.jsx)(`thead`,{className:b(`stickyTop`,Y.head),children:x?(0,Z.jsx)(f.Root,{sensors:fe,modifiers:[dt],onDragEnd:R,children:(0,Z.jsx)(f.Container,{containerId:`base-table-header`,items:E,layout:`horizontal`,children:O.map((e,t)=>(0,Z.jsx)(`tr`,{className:Y.headerRow,children:e.map(e=>{let{isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r}=Bt(e,k,A),i=e.isPlaceholder||!le.has(e.column.id)||he.has(e.column.id);return(0,Z.jsx)(Ft,{header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:i,enableColumnResizing:oe,enableColumnReordering:x,columnResizeMinWidth:C,renderHeaderContent:z,onResizeColumn:I,onResetColumnWidth:L},e.id)})},`header-group-${t}`))})}):O.map((e,t)=>(0,Z.jsx)(`tr`,{className:Y.headerRow,children:e.map(e=>{let{isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r}=Bt(e,k,A);return(0,Z.jsx)(Ft,{header:e,isPinnedStart:t,insetInlineStart:n,isPinnedBoundary:r,isDragDisabled:!0,enableColumnResizing:oe,enableColumnReordering:x,columnResizeMinWidth:C,renderHeaderContent:z,onResizeColumn:I,onResetColumnWidth:L},e.id)})},`header-group-${t}`))}),(0,Z.jsxs)(`tbody`,{children:[S?(0,Z.jsx)(f.Root,{sensors:fe,modifiers:[ft],onDragEnd:S.onDragEnd,children:(0,Z.jsx)(f.Container,{containerId:S.containerId??`base-table-body`,items:_e,layout:`vertical`,children:M.rows.map(B)})}):M.rows.map(B),i&&P&&(0,Z.jsx)(`tr`,{className:Y.fetchingRow,children:(0,Z.jsx)(`td`,{colSpan:Math.max(T.length,1),className:Y.feedbackCell,children:(0,Z.jsx)(ue,{})})})]})]}),ce]})}),(0,Z.jsxs)(`div`,{className:`absolute inset0 border`,style:{pointerEvents:`none`,zIndex:20},children:[!r&&!i&&!P&&(0,Z.jsx)(de,{className:Y.noData}),r&&!P&&(0,Z.jsx)(ue,{className:`h100 w100`})]})]})]})}var X,Z;function Ut(){return(Ut=e((()=>{X=t(),pt(),he(),g(),x(),M(),ye(),fe(),D(),le(),_e(),u(),W(),Pt(),Lt(),Z=p(),Ht.__docgenInfo={description:"Базовая таблица с общим UI-каркасом для Table и TreeTable.\n\n@NOTE: не для использования напрямую, это база для `Table` и `TreeTable`",methods:[],displayName:`BaseTable`,props:{table:{required:!0,tsType:{name:`FoundationTableInstance`,elements:[{name:`TData`}],raw:`FoundationTableInstance<TData>`},description:``},columnState:{required:!0,tsType:{name:`Pick`,elements:[{name:`FoundationTableState`},{name:`union`,raw:`"columnOrder" | "columnPinning" | "columnSizing" | "columnVisibility"`,elements:[{name:`literal`,value:`"columnOrder"`},{name:`literal`,value:`"columnPinning"`},{name:`literal`,value:`"columnSizing"`},{name:`literal`,value:`"columnVisibility"`}]}],raw:`Pick<FoundationTableState, "columnOrder" | "columnPinning" | "columnSizing" | "columnVisibility">`},description:``},title:{required:!1,tsType:{name:`string`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``},isFetching:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:"`${number}em` | `${number}%`",elements:[{name:`literal`,value:"`${number}em`"},{name:`literal`,value:"`${number}%`"}]},description:``,defaultValue:{value:`"15em"`,computed:!1}},tableClassName:{required:!1,tsType:{name:`string`},description:``},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:``,defaultValue:{value:`"none"`,computed:!1}},scrollableRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},interactiveElementSelector:{required:!1,tsType:{name:`string`},description:``},onActivateRow:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: FoundationTableRow<TData>) => void`,signature:{arguments:[{type:{name:`FoundationTableRow`,elements:[{name:`TData`}],raw:`FoundationTableRow<TData>`},name:`row`}],return:{name:`void`}}},description:``},isRowInteractive:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: FoundationTableRow<TData>) => boolean`,signature:{arguments:[{type:{name:`FoundationTableRow`,elements:[{name:`TData`}],raw:`FoundationTableRow<TData>`},name:`row`}],return:{name:`boolean`}}},description:``},getRowClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: FoundationTableRow<TData>) => string | undefined`,signature:{arguments:[{type:{name:`FoundationTableRow`,elements:[{name:`TData`}],raw:`FoundationTableRow<TData>`},name:`row`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},getCellClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => string | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:``},getCellStyle:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => CSSProperties | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`CSSProperties | undefined`,elements:[{name:`CSSProperties`},{name:`undefined`}]}}},description:``},getCellLayout:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => BaseTableCellLayout | undefined`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`union`,raw:`BaseTableCellLayout | undefined`,elements:[{name:`BaseTableCellLayout`},{name:`undefined`}]}}},description:``},renderCellContent:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(args: BaseTableCellRenderArgs<TData>) => ReactNode`,signature:{arguments:[{type:{name:`BaseTableCellRenderArgs`,elements:[{name:`TData`}],raw:`BaseTableCellRenderArgs<TData>`},name:`args`}],return:{name:`ReactNode`}}},description:``},renderHeaderContextMenu:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(header: FoundationTableHeader<TData>) => ReactNode`,signature:{arguments:[{type:{name:`FoundationTableHeader`,elements:[{name:`TData`}],raw:`FoundationTableHeader<TData>`},name:`header`}],return:{name:`ReactNode`}}},description:`Общий слот контекстного меню заголовка.
+
+BaseTable намеренно не знает про сортировку, группировку или доменные
+действия. Он только сохраняет единый доступный способ открыть меню для
+\`Table\` и \`TreeTable\`, а содержимое передает потребитель.`},enableColumnResizing:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},enableColumnReordering:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},rowReordering:{required:!1,tsType:{name:`BaseTableRowReordering`},description:``},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:``},afterTableContent:{required:!1,tsType:{name:`ReactNode`},description:``}}}})))()}var Wt,Gt,Kt,Q;function qt(){return(qt=e((()=>{Wt=`jPPyP7`,Gt=`Oa7e5P`,Kt=`KhQtgF`,Q={formattedCellValue:Wt,formattedCell:Gt,formattedCellInner:Kt}})))()}function Jt({displayValue:e,align:t=`left`}){let n=(0,Yt.useRef)(null),r=e.showValue,i=e.showIcon?e.icon:void 0,a=r&&e.value!=null?String(e.value):``,o=E(e.state),s=t===`right`?`flex-end`:t===`center`?`center`:`flex-start`,c=t===`center`?`center`:t===`right`?`right`:`left`;return(0,Yt.useEffect)(()=>{let t=n.current;if(!t)return;let r=()=>{if(!e.overflowTooltip||!a){t.removeAttribute(`title`);return}if(t.scrollWidth>t.clientWidth+1){t.setAttribute(`title`,a);return}t.removeAttribute(`title`)};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(t),()=>{i.disconnect()}},[e.overflowTooltip,a]),(0,$.jsx)(`div`,{className:b(Q.formattedCell,o),children:(0,$.jsxs)(`div`,{className:Q.formattedCellInner,style:{justifyContent:s},children:[e.iconPosition===`left`?(0,$.jsx)(Ce,{state:i}):null,r?(0,$.jsx)(`span`,{ref:n,className:b(`textOverflow`,Q.formattedCellValue),style:{textAlign:c},children:a}):null,e.iconPosition===`right`?(0,$.jsx)(Ce,{state:i}):null]})})}var Yt,$;function Xt(){return(Xt=e((()=>{Yt=t(),w(),x(),Oe(),qt(),$=p(),Jt.__docgenInfo={description:"Общий renderer форматированной ячейки для `Table` и будущего `TreeTable`.\n\nКомпонент отвечает только за UI-отрисовку уже вычисленного display-result:\nruntime и бизнес-логика вычисления значения в него не входят.",methods:[],displayName:`FormattedTableCell`,props:{displayValue:{required:!0,tsType:{name:`FormattersPipelineDisplayValue`},description:`Нормализованный display-result из formatting-runtime.`},align:{required:!1,tsType:{name:`TableColumnAlign`},description:`Табличное выравнивание содержимого.`,defaultValue:{value:`"left"`,computed:!1}}}}})))()}export{Ze as _,ut as a,st as c,it as d,rt as f,Qe as g,Xe as h,Ut as i,ot as l,nt as m,Xt as n,lt as o,tt as p,Ht as r,ct as s,Jt as t,at as u,Ue as v,W as y};

package/storybook-static/assets/{Grid-eqZxtRIA.js → Grid-0NnWfTJ7.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{i as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{a as c,i as l,n as u,r as d,t as f}from"./GridContainer-B9JaLUGE.js";function p({ref:e,children:t,className:n=``,as:i,style:o,area:u,column:d,row:f,alignSelf:p,justifySelf:g,..._}){let{activeBreakpoint:v}=a(),y=(0,m.useMemo)(()=>({alignSelf:r(p,v),justifySelf:r(g,v)}),[v,p,g]),b=(0,m.useMemo)(()=>({area:r(u,v),column:r(d,v),row:r(f,v)}),[v,u,d,f]),x=l(y),S=c(b),C=[x,n].filter(Boolean).join(` `),w={...S,...o};return(0,h.jsx)(s,{as:i,..._,ref:e,className:C,style:w,children:t})}var m,h;function g(){return(g=e((()=>{m=t(),i(),o(),d(),h=n(),p.displayName=`GridItem`,p.__docgenInfo={description:``,methods:[],displayName:`GridItem`,props:{area:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`string`}],raw:`ResponsiveValue<string>`},description:`Именованная область для размещения элемента
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{i as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{a as c,i as l,n as u,r as d,t as f}from"./GridContainer-BHSfIiml.js";function p({ref:e,children:t,className:n=``,as:i,style:o,area:u,column:d,row:f,alignSelf:p,justifySelf:g,..._}){let{activeBreakpoint:v}=a(),y=(0,m.useMemo)(()=>({alignSelf:r(p,v),justifySelf:r(g,v)}),[v,p,g]),b=(0,m.useMemo)(()=>({area:r(u,v),column:r(d,v),row:r(f,v)}),[v,u,d,f]),x=l(y),S=c(b),C=[x,n].filter(Boolean).join(` `),w={...S,...o};return(0,h.jsx)(s,{as:i,..._,ref:e,className:C,style:w,children:t})}var m,h;function g(){return(g=e((()=>{m=t(),i(),o(),d(),h=n(),p.displayName=`GridItem`,p.__docgenInfo={description:``,methods:[],displayName:`GridItem`,props:{area:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`string`}],raw:`ResponsiveValue<string>`},description:`Именованная область для размещения элемента
 
 Связывает элемент с областью объявленной в GridContainer areas.
 Самый простой способ позиционирования в сложных макетах.

package/storybook-static/assets/{Grid-DsCUaz46.js → Grid-ChS0GzNg.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,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Grid.stories-DAGg0GWi.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:C,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.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-SX-KK9Lg.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Grid.stories-ClZzgSfZ.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:C,parameters:{docs:{toc:!0}}}),`
 `,(0,O.jsx)(u,{children:`Grid`}),`
 `,(0,O.jsx)(o,{children:`Композиция для построения grid-раскладок с управлением колонками, строками и позиционированием элементов`}),`
 `,(0,O.jsx)(t.p,{children:`Grid уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Grid.stories-DAGg0GWi.js → Grid.stories-ClZzgSfZ.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{n as i,t as a}from"./Grid-eqZxtRIA.js";var o=t({Alignment:()=>h,AutoFlow:()=>m,BasicGrid:()=>p,ComplexTemplates:()=>v,Gaps:()=>g,GridAreas:()=>y,InlineGrid:()=>x,ItemPlacement:()=>b,PredefinedVariants:()=>_,RealWorld:()=>S,Responsive:()=>C,__namedExportsOrder:()=>w,default:()=>f});function s({children:e,index:t=0,style:n}){return(0,c.jsx)(a.Item,{style:{...u.item,backgroundColor:d(t),...n},children:e})}var c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,u={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`,`#54a0ff`,`#5f27cd`]},d=e=>u.itemColors[e%u.itemColors.length],f={title:`Layout/Grid`,component:a.Container,args:{gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=l();return(0,c.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-grid вместо grid.`,control:`boolean`},row:{description:`Автоматически размещает элементы по строкам.`,control:`boolean`},column:{description:`Автоматически размещает элементы по колонкам.`,control:`boolean`},dense:{description:`Заполняет свободные ячейки плотным auto-flow.`,control:`boolean`},gap:{description:`Общий интервал между ячейками.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},align:{description:`Выравнивание содержимого ячеек по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание содержимого ячеек по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`]},alignContent:{description:`Распределение всей сетки по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},justifyContent:{description:`Распределение всей сетки по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},templateColumns:{description:`Шаблон колонок CSS Grid.`,control:`text`},templateRows:{description:`Шаблон строк CSS Grid.`,control:`text`},autoColumns:{description:`Размер автоматически созданных колонок.`,control:`text`},autoRows:{description:`Размер автоматически созданных строк.`,control:`text`},areas:{description:`Именованные области grid-template-areas.`,control:`text`},variant:{description:`Готовый вариант раскладки.`,control:`select`,options:[`single-column`,`auto-1fr`,`auto1fr-rows-auto`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое grid-контейнера.`,control:!1}}},p={render:({children:e,...t})=>(0,c.jsx)(a.Container,{...t,templateColumns:`1fr 1fr 1fr`,style:u.container,children:e}),args:{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]})}},m={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Row (default)`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 100px)`,templateRows:`repeat(2, 60px)`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]}),(0,c.jsx)(`h3`,{children:`Column`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(2, 100px)`,templateRows:`repeat(3, 60px)`,column:!0,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]}),(0,c.jsx)(`h3`,{children:`Dense`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(4, 80px)`,templateRows:`repeat(3, 60px)`,dense:!0,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{gridColumn:`span 2`},children:`Span 2`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,style:{gridRow:`span 2`},children:`Span 2`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`}),(0,c.jsx)(s,{index:6,children:`7`})]})]}),args:{children:void 0}},h={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Align Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h4`,{children:e}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,align:e,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{height:e===`stretch`?`auto`:`5em`},children:`Short`}),(0,c.jsx)(s,{index:1,style:{height:e===`stretch`?`auto`:`10em`},children:`Tall`}),(0,c.jsx)(s,{index:2,style:{height:e===`stretch`?`auto`:`8em`},children:`Medium`})]})]},e)),(0,c.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Justify Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h4`,{children:e}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 20em)`,justify:e,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,c.jsx)(s,{index:1,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,c.jsx)(s,{index:2,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`})]})]},e))]}),args:{children:void 0}},g={render:()=>(0,c.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,c.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gap:e,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Item `,e]},e))})]},e)),(0,c.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gapRow:`lg`,gapColumn:`sm`,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},_={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)`}),(0,c.jsxs)(a.Container,{variant:`single-column`,style:{...u.container,height:`200px`},children:[(0,c.jsx)(s,{index:0,children:`Header (auto)`}),(0,c.jsx)(s,{index:1,children:`Content (1fr)`})]}),(0,c.jsx)(`h3`,{children:`Auto 1fr Rows (grid-auto-rows: 1fr)`}),(0,c.jsxs)(a.Container,{variant:`auto-1fr`,templateColumns:`1fr 1fr`,style:{...u.container,height:`150px`},children:[(0,c.jsx)(s,{index:0,children:`Equal`}),(0,c.jsx)(s,{index:1,children:`Height`})]}),(0,c.jsx)(`h3`,{children:`Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)`}),(0,c.jsxs)(a.Container,{variant:`auto1fr-rows-auto`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`Label`}),(0,c.jsx)(s,{index:1,children:`Content that takes remaining space`}),(0,c.jsx)(s,{index:2,children:`Another`}),(0,c.jsx)(s,{index:3,children:`More content here`})]})]}),args:{children:void 0}},v={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Auto-fit with Minmax`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(150px, 1fr))`,gap:`md`,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Card `,e]},e))}),(0,c.jsx)(`h3`,{children:`Fixed and Flexible Columns`}),(0,c.jsxs)(a.Container,{templateColumns:`200px 1fr 100px`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`Sidebar`}),(0,c.jsx)(s,{index:1,children:`Main Content`}),(0,c.jsx)(s,{index:2,children:`Tools`})]}),(0,c.jsx)(`h3`,{children:`Masonry-like Layout`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,autoRows:`100px`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{gridRow:`span 2`},children:`Tall`}),(0,c.jsx)(s,{index:1,children:`Normal`}),(0,c.jsx)(s,{index:2,children:`Normal`}),(0,c.jsx)(s,{index:3,style:{gridRow:`span 3`},children:`Very Tall`}),(0,c.jsx)(s,{index:4,children:`Normal`}),(0,c.jsx)(s,{index:5,style:{gridRow:`span 2`},children:`Tall`}),(0,c.jsx)(s,{index:6,children:`Normal`}),(0,c.jsx)(s,{index:7,children:`Normal`})]})]}),args:{children:void 0}},y={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Basic Layout with Areas`}),(0,c.jsxs)(a.Container,{areas:`
+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-CU98mtpe.js";import{n as i,t as a}from"./Grid-0NnWfTJ7.js";var o=t({Alignment:()=>h,AutoFlow:()=>m,BasicGrid:()=>p,ComplexTemplates:()=>v,Gaps:()=>g,GridAreas:()=>y,InlineGrid:()=>x,ItemPlacement:()=>b,PredefinedVariants:()=>_,RealWorld:()=>S,Responsive:()=>C,__namedExportsOrder:()=>w,default:()=>f});function s({children:e,index:t=0,style:n}){return(0,c.jsx)(a.Item,{style:{...u.item,backgroundColor:d(t),...n},children:e})}var c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,u={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`,`#54a0ff`,`#5f27cd`]},d=e=>u.itemColors[e%u.itemColors.length],f={title:`Layout/Grid`,component:a.Container,args:{gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=l();return(0,c.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-grid вместо grid.`,control:`boolean`},row:{description:`Автоматически размещает элементы по строкам.`,control:`boolean`},column:{description:`Автоматически размещает элементы по колонкам.`,control:`boolean`},dense:{description:`Заполняет свободные ячейки плотным auto-flow.`,control:`boolean`},gap:{description:`Общий интервал между ячейками.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},align:{description:`Выравнивание содержимого ячеек по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание содержимого ячеек по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`]},alignContent:{description:`Распределение всей сетки по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},justifyContent:{description:`Распределение всей сетки по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},templateColumns:{description:`Шаблон колонок CSS Grid.`,control:`text`},templateRows:{description:`Шаблон строк CSS Grid.`,control:`text`},autoColumns:{description:`Размер автоматически созданных колонок.`,control:`text`},autoRows:{description:`Размер автоматически созданных строк.`,control:`text`},areas:{description:`Именованные области grid-template-areas.`,control:`text`},variant:{description:`Готовый вариант раскладки.`,control:`select`,options:[`single-column`,`auto-1fr`,`auto1fr-rows-auto`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое grid-контейнера.`,control:!1}}},p={render:({children:e,...t})=>(0,c.jsx)(a.Container,{...t,templateColumns:`1fr 1fr 1fr`,style:u.container,children:e}),args:{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]})}},m={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Row (default)`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 100px)`,templateRows:`repeat(2, 60px)`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]}),(0,c.jsx)(`h3`,{children:`Column`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(2, 100px)`,templateRows:`repeat(3, 60px)`,column:!0,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`1`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,children:`3`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`})]}),(0,c.jsx)(`h3`,{children:`Dense`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(4, 80px)`,templateRows:`repeat(3, 60px)`,dense:!0,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{gridColumn:`span 2`},children:`Span 2`}),(0,c.jsx)(s,{index:1,children:`2`}),(0,c.jsx)(s,{index:2,style:{gridRow:`span 2`},children:`Span 2`}),(0,c.jsx)(s,{index:3,children:`4`}),(0,c.jsx)(s,{index:4,children:`5`}),(0,c.jsx)(s,{index:5,children:`6`}),(0,c.jsx)(s,{index:6,children:`7`})]})]}),args:{children:void 0}},h={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Align Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h4`,{children:e}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,align:e,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{height:e===`stretch`?`auto`:`5em`},children:`Short`}),(0,c.jsx)(s,{index:1,style:{height:e===`stretch`?`auto`:`10em`},children:`Tall`}),(0,c.jsx)(s,{index:2,style:{height:e===`stretch`?`auto`:`8em`},children:`Medium`})]})]},e)),(0,c.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Justify Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h4`,{children:e}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(3, 20em)`,justify:e,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,c.jsx)(s,{index:1,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,c.jsx)(s,{index:2,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`})]})]},e))]}),args:{children:void 0}},g={render:()=>(0,c.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,c.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gap:e,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Item `,e]},e))})]},e)),(0,c.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gapRow:`lg`,gapColumn:`sm`,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},_={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)`}),(0,c.jsxs)(a.Container,{variant:`single-column`,style:{...u.container,height:`200px`},children:[(0,c.jsx)(s,{index:0,children:`Header (auto)`}),(0,c.jsx)(s,{index:1,children:`Content (1fr)`})]}),(0,c.jsx)(`h3`,{children:`Auto 1fr Rows (grid-auto-rows: 1fr)`}),(0,c.jsxs)(a.Container,{variant:`auto-1fr`,templateColumns:`1fr 1fr`,style:{...u.container,height:`150px`},children:[(0,c.jsx)(s,{index:0,children:`Equal`}),(0,c.jsx)(s,{index:1,children:`Height`})]}),(0,c.jsx)(`h3`,{children:`Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)`}),(0,c.jsxs)(a.Container,{variant:`auto1fr-rows-auto`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`Label`}),(0,c.jsx)(s,{index:1,children:`Content that takes remaining space`}),(0,c.jsx)(s,{index:2,children:`Another`}),(0,c.jsx)(s,{index:3,children:`More content here`})]})]}),args:{children:void 0}},v={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Auto-fit with Minmax`}),(0,c.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(150px, 1fr))`,gap:`md`,style:u.container,children:[1,2,3,4,5,6].map(e=>(0,c.jsxs)(s,{index:e,children:[`Card `,e]},e))}),(0,c.jsx)(`h3`,{children:`Fixed and Flexible Columns`}),(0,c.jsxs)(a.Container,{templateColumns:`200px 1fr 100px`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,children:`Sidebar`}),(0,c.jsx)(s,{index:1,children:`Main Content`}),(0,c.jsx)(s,{index:2,children:`Tools`})]}),(0,c.jsx)(`h3`,{children:`Masonry-like Layout`}),(0,c.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,autoRows:`100px`,gap:`sm`,style:u.container,children:[(0,c.jsx)(s,{index:0,style:{gridRow:`span 2`},children:`Tall`}),(0,c.jsx)(s,{index:1,children:`Normal`}),(0,c.jsx)(s,{index:2,children:`Normal`}),(0,c.jsx)(s,{index:3,style:{gridRow:`span 3`},children:`Very Tall`}),(0,c.jsx)(s,{index:4,children:`Normal`}),(0,c.jsx)(s,{index:5,style:{gridRow:`span 2`},children:`Tall`}),(0,c.jsx)(s,{index:6,children:`Normal`}),(0,c.jsx)(s,{index:7,children:`Normal`})]})]}),args:{children:void 0}},y={render:()=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{children:`Basic Layout with Areas`}),(0,c.jsxs)(a.Container,{areas:`
           "header header"
           "nav main"
           "footer footer"

package/storybook-static/assets/{GridContainer-B9JaLUGE.js → GridContainer-BHSfIiml.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{i as r,r as ee,t as te}from"./media-D9cE2tzi.js";import{n as ne,t as re}from"./PolymorphicComponent-NBvIz9JD.js";var i,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,ie,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,ae,oe,se,ce,le,ue,de,fe,pe,me,he,ge,Y;function _e(){return(_e=e((()=>{i=`_5Z2YQF`,a=`gAEXju`,o=`KdmGbk`,s=`uOpH1m`,c=`EOUgpE`,l=`PoMD0P`,u=`FBebhA`,d=`rwvhfS`,f=`ZIsGgj`,p=`lbAie9`,m=`ylmmN3`,h=`Fg86QU`,g=`_3qWtbZ`,_=`gIXZ8P`,v=`xXxHZM`,y=`zRgpft`,b=`Fb1W2U`,x=`_2EojT9`,S=`gYCGa5`,C=`JN0CZr`,w=`_2QvtUb`,T=`_1kRriS`,E=`ocLWZU`,D=`TS1qri`,O=`FXfvI7`,ie=`biKmzi`,k=`_4-sIS7`,A=`lbdoyi`,j=`WvAC9I`,M=`LN4Ak-`,N=`XC0FuJ`,P=`_6b9wZI`,F=`KevE4M`,I=`Sn-je4`,L=`Wnx9iF`,R=`RAoqm2`,z=`nUjbmv`,B=`TjTsA7`,V=`VdpzYk`,H=`peszxb`,U=`E98bqx`,W=`CdaBbu`,G=`leVL0N`,K=`_6mOZVj`,q=`XHgjM3`,J=`wtrn5A`,ae=`LkIh-N`,oe=`Vhdvpo`,se=`cyg2du`,ce=`Ptd1ad`,le=`Z22Yty`,ue=`gycEgN`,de=`s69iy2`,fe=`pKEJ9k`,pe=`qWkZVw`,me=`gUbUDY`,he=`S0HulN`,ge=`K2fFKT`,Y={grid:i,inline:a,row:o,column:s,dense:c,gapNone:l,gapRowXs:u,gapRowSm:d,gapRowMd:f,gapRowLg:p,gapRowXl:m,gapColumnXs:h,gapColumnSm:g,gapColumnMd:_,gapColumnLg:v,gapColumnXl:y,gapXs:b,gapSm:x,gapMd:S,gapLg:C,gapXl:w,alignStart:T,alignCenter:E,alignEnd:D,alignStretch:O,alignBaseline:ie,justifyStart:k,justifyCenter:A,justifyEnd:j,justifyStretch:M,alignContentStart:N,alignContentCenter:P,alignContentEnd:F,alignContentStretch:I,alignContentBetween:L,alignContentAround:R,alignContentEvenly:z,justifyContentStart:B,justifyContentCenter:V,justifyContentEnd:H,justifyContentStretch:U,justifyContentBetween:W,justifyContentAround:G,justifyContentEvenly:K,item:q,areaAuto:J,alignSelfStart:ae,alignSelfCenter:oe,alignSelfEnd:se,alignSelfStretch:ce,alignSelfBaseline:le,justifySelfStart:ue,justifySelfCenter:de,justifySelfEnd:fe,justifySelfStretch:pe,autoRows1fr:me,columnsAuto1fr:he,singleColumn:ge}})))()}var X,ve,ye,be,xe;function Z(){return(Z=e((()=>{X=t(),_e(),ve=e=>(0,X.useMemo)(()=>{let t=[Y.grid];return e.inline&&t.push(Y.inline),e.column?t.push(Y.column):e.dense?t.push(Y.dense):e.row&&t.push(Y.row),e.align&&t.push(Y[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(Y[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.justifyContent&&t.push(Y[`justifyContent${e.justifyContent.charAt(0).toUpperCase()+e.justifyContent.slice(1)}`]),e.alignContent&&t.push(Y[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(Y.gapNone):e.gap&&t.push(Y[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(Y[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(Y[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),e.variant===`single-column`?t.push(Y.singleColumn):e.variant===`auto-1fr`?t.push(Y.autoRows1fr):e.variant===`auto1fr-rows-auto`&&t.push(Y.columnsAuto1fr),t.filter(Boolean).join(` `)},[e]),ye=e=>(0,X.useMemo)(()=>{let t={};return e.templateColumns&&(t.gridTemplateColumns=e.templateColumns),e.templateRows&&(t.gridTemplateRows=e.templateRows),e.autoColumns&&(t.gridAutoColumns=e.autoColumns),e.autoRows&&(t.gridAutoRows=e.autoRows),e.areas&&(t.gridTemplateAreas=e.areas),t},[e.templateColumns,e.templateRows,e.autoColumns,e.autoRows,e.areas]),be=e=>(0,X.useMemo)(()=>{let t=[Y.item];return e.alignSelf&&t.push(Y[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(Y[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),xe=e=>(0,X.useMemo)(()=>{let t={};return e.area&&(t.gridArea=e.area),e.column&&(t.gridColumn=e.column),e.row&&(t.gridRow=e.row),t},[e.area,e.column,e.row])})))()}function Q({ref:e,children:t,className:n=``,as:ee,style:ne,inline:i,row:a,column:o,dense:s,gap:c,gapRow:l,gapColumn:u,align:d,justify:f,alignContent:p,justifyContent:m,templateColumns:h,templateRows:g,autoColumns:_,autoRows:v,areas:y,variant:b,...x}){let{activeBreakpoint:S}=te(),C=(0,$.useMemo)(()=>({inline:r(i,S),row:r(a,S),column:r(o,S),dense:r(s,S),gap:r(c,S),gapRow:r(l,S),gapColumn:r(u,S),align:r(d,S),justify:r(f,S),alignContent:r(p,S),justifyContent:r(m,S),variant:r(b,S)}),[S,d,p,o,s,c,u,l,i,f,m,a,b]),w=(0,$.useMemo)(()=>({templateColumns:r(h,S),templateRows:r(g,S),autoColumns:r(_,S),autoRows:r(v,S),areas:r(y,S)}),[S,h,g,_,v,y]),T=ve(C),E=ye(w),D=[T,n].filter(Boolean).join(` `),O={...E,...ne};return(0,Se.jsx)(re,{as:ee,...x,ref:e,className:D,style:O,children:t})}var $,Se;function Ce(){return(Ce=e((()=>{$=t(),ee(),ne(),Z(),Se=n(),Q.displayName=`GridContainer`,Q.__docgenInfo={description:``,methods:[],displayName:`GridContainer`,props:{id:{required:!1,tsType:{name:`string`},description:``},inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Включение inline-grid вместо обычного grid
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{i as r,r as ee,t as te}from"./media-D9cE2tzi.js";import{n as ne,t as re}from"./PolymorphicComponent-NBvIz9JD.js";var i,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,ie,k,A,j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q,J,ae,oe,se,ce,le,ue,de,fe,pe,me,he,ge,Y;function _e(){return(_e=e((()=>{i=`_5Z2YQF`,a=`gAEXju`,o=`KdmGbk`,s=`uOpH1m`,c=`EOUgpE`,l=`PoMD0P`,u=`FBebhA`,d=`rwvhfS`,f=`ZIsGgj`,p=`lbAie9`,m=`ylmmN3`,h=`Fg86QU`,g=`_3qWtbZ`,_=`gIXZ8P`,v=`xXxHZM`,y=`zRgpft`,b=`Fb1W2U`,x=`_2EojT9`,S=`gYCGa5`,C=`JN0CZr`,w=`_2QvtUb`,T=`_1kRriS`,E=`ocLWZU`,D=`TS1qri`,O=`FXfvI7`,ie=`biKmzi`,k=`_4-sIS7`,A=`lbdoyi`,j=`WvAC9I`,M=`LN4Ak-`,N=`XC0FuJ`,P=`_6b9wZI`,F=`KevE4M`,I=`Sn-je4`,L=`Wnx9iF`,R=`RAoqm2`,z=`nUjbmv`,B=`TjTsA7`,V=`VdpzYk`,H=`peszxb`,U=`E98bqx`,W=`CdaBbu`,G=`leVL0N`,K=`_6mOZVj`,q=`XHgjM3`,J=`wtrn5A`,ae=`LkIh-N`,oe=`Vhdvpo`,se=`cyg2du`,ce=`Ptd1ad`,le=`Z22Yty`,ue=`gycEgN`,de=`s69iy2`,fe=`pKEJ9k`,pe=`qWkZVw`,me=`gUbUDY`,he=`S0HulN`,ge=`K2fFKT`,Y={grid:i,inline:a,row:o,column:s,dense:c,gapNone:l,gapRowXs:u,gapRowSm:d,gapRowMd:f,gapRowLg:p,gapRowXl:m,gapColumnXs:h,gapColumnSm:g,gapColumnMd:_,gapColumnLg:v,gapColumnXl:y,gapXs:b,gapSm:x,gapMd:S,gapLg:C,gapXl:w,alignStart:T,alignCenter:E,alignEnd:D,alignStretch:O,alignBaseline:ie,justifyStart:k,justifyCenter:A,justifyEnd:j,justifyStretch:M,alignContentStart:N,alignContentCenter:P,alignContentEnd:F,alignContentStretch:I,alignContentBetween:L,alignContentAround:R,alignContentEvenly:z,justifyContentStart:B,justifyContentCenter:V,justifyContentEnd:H,justifyContentStretch:U,justifyContentBetween:W,justifyContentAround:G,justifyContentEvenly:K,item:q,areaAuto:J,alignSelfStart:ae,alignSelfCenter:oe,alignSelfEnd:se,alignSelfStretch:ce,alignSelfBaseline:le,justifySelfStart:ue,justifySelfCenter:de,justifySelfEnd:fe,justifySelfStretch:pe,autoRows1fr:me,columnsAuto1fr:he,singleColumn:ge}})))()}var X,ve,ye,be,xe;function Z(){return(Z=e((()=>{X=t(),_e(),ve=e=>(0,X.useMemo)(()=>{let t=[Y.grid];return e.inline&&t.push(Y.inline),e.column?t.push(Y.column):e.dense?t.push(Y.dense):e.row&&t.push(Y.row),e.align&&t.push(Y[`align${e.align.charAt(0).toUpperCase()+e.align.slice(1)}`]),e.justify&&t.push(Y[`justify${e.justify.charAt(0).toUpperCase()+e.justify.slice(1)}`]),e.justifyContent&&t.push(Y[`justifyContent${e.justifyContent.charAt(0).toUpperCase()+e.justifyContent.slice(1)}`]),e.alignContent&&t.push(Y[`alignContent${e.alignContent.charAt(0).toUpperCase()+e.alignContent.slice(1)}`]),e.gap===`none`?t.push(Y.gapNone):e.gap&&t.push(Y[`gap${e.gap.charAt(0).toUpperCase()+e.gap.slice(1)}`]),e.gapRow&&t.push(Y[`gapRow${e.gapRow.charAt(0).toUpperCase()+e.gapRow.slice(1)}`]),e.gapColumn&&t.push(Y[`gapColumn${e.gapColumn.charAt(0).toUpperCase()+e.gapColumn.slice(1)}`]),e.variant===`single-column`?t.push(Y.singleColumn):e.variant===`auto-1fr`?t.push(Y.autoRows1fr):e.variant===`auto1fr-rows-auto`&&t.push(Y.columnsAuto1fr),t.filter(Boolean).join(` `)},[e]),ye=e=>(0,X.useMemo)(()=>{let t={};return e.templateColumns&&(t.gridTemplateColumns=e.templateColumns),e.templateRows&&(t.gridTemplateRows=e.templateRows),e.autoColumns&&(t.gridAutoColumns=e.autoColumns),e.autoRows&&(t.gridAutoRows=e.autoRows),e.areas&&(t.gridTemplateAreas=e.areas),t},[e.templateColumns,e.templateRows,e.autoColumns,e.autoRows,e.areas]),be=e=>(0,X.useMemo)(()=>{let t=[Y.item];return e.alignSelf&&t.push(Y[`alignSelf${e.alignSelf.charAt(0).toUpperCase()+e.alignSelf.slice(1)}`]),e.justifySelf&&t.push(Y[`justifySelf${e.justifySelf.charAt(0).toUpperCase()+e.justifySelf.slice(1)}`]),t.filter(Boolean).join(` `)},[e]),xe=e=>(0,X.useMemo)(()=>{let t={};return e.area&&(t.gridArea=e.area),e.column&&(t.gridColumn=e.column),e.row&&(t.gridRow=e.row),t},[e.area,e.column,e.row])})))()}function Q({ref:e,children:t,className:n=``,as:ee,style:ne,inline:i,row:a,column:o,dense:s,gap:c,gapRow:l,gapColumn:u,align:d,justify:f,alignContent:p,justifyContent:m,templateColumns:h,templateRows:g,autoColumns:_,autoRows:v,areas:y,variant:b,...x}){let{activeBreakpoint:S}=te(),C=(0,$.useMemo)(()=>({inline:r(i,S),row:r(a,S),column:r(o,S),dense:r(s,S),gap:r(c,S),gapRow:r(l,S),gapColumn:r(u,S),align:r(d,S),justify:r(f,S),alignContent:r(p,S),justifyContent:r(m,S),variant:r(b,S)}),[S,d,p,o,s,c,u,l,i,f,m,a,b]),w=(0,$.useMemo)(()=>({templateColumns:r(h,S),templateRows:r(g,S),autoColumns:r(_,S),autoRows:r(v,S),areas:r(y,S)}),[S,h,g,_,v,y]),T=ve(C),E=ye(w),D=[T,n].filter(Boolean).join(` `),O={...E,...ne};return(0,Se.jsx)(re,{as:ee,...x,ref:e,className:D,style:O,children:t})}var $,Se;function Ce(){return(Ce=e((()=>{$=t(),ee(),ne(),Z(),Se=n(),Q.displayName=`GridContainer`,Q.__docgenInfo={description:``,methods:[],displayName:`GridContainer`,props:{id:{required:!1,tsType:{name:`string`},description:``},inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Включение inline-grid вместо обычного grid
 
 Позволяет grid-контейнеру вести себя как строчный элемент,
 обтекаясь текстом и другими элементами. Полезно для встраивания grid-раскладки

package/storybook-static/assets/{ImageCropper.stories-W76XOOMv.js → ImageCropper.stories-Cf5ogf7p.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t,t as n}from"./rolldown-runtime-DkW27tQK.js";import{t as r}from"./react-BZJXY1be.js";import{n as i}from"./iframe-1Nw_zWMi.js";var a=n(((e,t)=>{var n=!1,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_;function v(){if(!n){n=!0;var e=navigator.userAgent,t=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),v=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(m=/\b(iPhone|iP[ao]d)/.exec(e),h=/\b(iP[ao]d)/.exec(e),f=/Android/i.exec(e),g=/FBAN\/\w+;/i.exec(e),_=/Mobile/i.exec(e),p=!!/Win64/.exec(e),t){r=t[1]?parseFloat(t[1]):t[5]?parseFloat(t[5]):NaN,r&&document&&document.documentMode&&(r=document.documentMode);var y=/(?:Trident\/(\d+.\d+))/.exec(e);c=y?parseFloat(y[1])+4:r,i=t[2]?parseFloat(t[2]):NaN,a=t[3]?parseFloat(t[3]):NaN,o=t[4]?parseFloat(t[4]):NaN,o?(t=/(?:Chrome\/(\d+\.\d+))/.exec(e),s=t&&t[1]?parseFloat(t[1]):NaN):s=NaN}else r=i=a=s=o=NaN;if(v){if(v[1]){var b=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=!b||parseFloat(b[1].replace(`_`,`.`))}else l=!1;u=!!v[2],d=!!v[3]}else l=u=d=!1}}var y={ie:function(){return v()||r},ieCompatibilityMode:function(){return v()||c>r},ie64:function(){return y.ie()&&p},firefox:function(){return v()||i},opera:function(){return v()||a},webkit:function(){return v()||o},safari:function(){return y.webkit()},chrome:function(){return v()||s},windows:function(){return v()||u},osx:function(){return v()||l},linux:function(){return v()||d},iphone:function(){return v()||m},mobile:function(){return v()||m||h||f||_},nativeApp:function(){return v()||g},android:function(){return v()||f},ipad:function(){return v()||h}};t.exports=y})),o=n(((e,t)=>{var n=!!(typeof window<`u`&&window.document&&window.document.createElement);t.exports={canUseDOM:n,canUseWorkers:typeof Worker<`u`,canUseEventListeners:n&&!!(window.addEventListener||window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n}})),s=n(((e,t)=>{var n=o(),r;n.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature(``,``)!==!0);function i(e,t){if(!n.canUseDOM||t&&!(`addEventListener`in document))return!1;var i=`on`+e,a=i in document;if(!a){var o=document.createElement(`div`);o.setAttribute(i,`return;`),a=typeof o[i]==`function`}return!a&&r&&e===`wheel`&&(a=document.implementation.hasFeature(`Events.wheel`,`3.0`)),a}t.exports=i})),c=n(((e,t)=>{var n=a(),r=s(),i=10,o=40,c=800;function l(e){var t=0,n=0,r=0,a=0;return`detail`in e&&(n=e.detail),`wheelDelta`in e&&(n=-e.wheelDelta/120),`wheelDeltaY`in e&&(n=-e.wheelDeltaY/120),`wheelDeltaX`in e&&(t=-e.wheelDeltaX/120),`axis`in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=t*i,a=n*i,`deltaY`in e&&(a=e.deltaY),`deltaX`in e&&(r=e.deltaX),(r||a)&&e.deltaMode&&(e.deltaMode==1?(r*=o,a*=o):(r*=c,a*=c)),r&&!t&&(t=r<1?-1:1),a&&!n&&(n=a<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:a}}l.getEventType=function(){return n.firefox()?`DOMMouseScroll`:r(`wheel`)?`wheel`:`mousewheel`},t.exports=l})),l=n(((e,t)=>{t.exports=c()}));function u(e){"@babel/helpers - typeof";return u=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},u(e)}function d(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function f(e){var t=d(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n,r,i,a=0){let{width:o,height:s}=O(e,t,a),c=Math.min(o,n),l=Math.min(s,r);return c>l*i?{width:l*i,height:l}:{width:c,height:c/i}}function _(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}function v(e,t,n,r,i=0){let{width:a,height:o}=O(t.width,t.height,i);return{x:y(e.x,a,n.width,r),y:y(e.y,o,n.height,r)}}function y(e,t,n,r){let i=Math.abs(t*r/2-n/2);return k(e,-i,i)}function b(e,t){return Math.sqrt((e.y-t.y)**2+(e.x-t.x)**2)}function x(e,t){return Math.atan2(t.y-e.y,t.x-e.x)*180/Math.PI}function S(e,t,n,r,i,a=0,o=!0){let s=o?C:w,c=O(t.width,t.height,a),l=O(t.naturalWidth,t.naturalHeight,a),u={x:s(100,((c.width-n.width/i)/2-e.x/i)/c.width*100),y:s(100,((c.height-n.height/i)/2-e.y/i)/c.height*100),width:s(100,n.width/c.width*100/i),height:s(100,n.height/c.height*100/i)},d=Math.round(s(l.width,u.width*l.width/100)),f=Math.round(s(l.height,u.height*l.height/100)),p=l.width>=l.height*r?{width:Math.round(f*r),height:f}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:u,croppedAreaPixels:h(h({},p),{},{x:Math.round(s(l.width-p.width,u.x*l.width/100)),y:Math.round(s(l.height-p.height,u.y*l.height/100))})}}function C(e,t){return Math.min(e,Math.max(0,t))}function w(e,t){return t}function T(e,t,n,r,i,a){let o=O(t.width,t.height,n),s=k(r.width/o.width*(100/e.width),i,a);return{crop:{x:s*o.width/2-r.width/2-o.width*s*(e.x/100),y:s*o.height/2-r.height/2-o.height*s*(e.y/100)},zoom:s}}function E(e,t,n){let r=_(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}function ee(e,t,n=0,r,i,a){let o=O(t.naturalWidth,t.naturalHeight,n),s=k(E(e,t,r),i,a),c=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((o.width-e.width)/2-e.x)*c,y:((o.height-e.height)/2-e.y)*c},zoom:s}}function D(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function te(e){return e*Math.PI/180}function O(e,t,n){let r=te(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function k(e,t,n){return Math.min(Math.max(e,t),n)}function A(...e){return e.filter(e=>typeof e==`string`&&e.length>0).join(` `).trim()}var j,M,N,P,F,I,L,R,z;function B(){return(B=t((()=>{j=e(r(),1),M=e(l(),1),N=`.reactEasyCrop_Container {
+import{a as e,n as t,t as n}from"./rolldown-runtime-DkW27tQK.js";import{t as r}from"./react-BZJXY1be.js";import{n as i}from"./iframe-CU98mtpe.js";var a=n(((e,t)=>{var n=!1,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_;function v(){if(!n){n=!0;var e=navigator.userAgent,t=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),v=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(m=/\b(iPhone|iP[ao]d)/.exec(e),h=/\b(iP[ao]d)/.exec(e),f=/Android/i.exec(e),g=/FBAN\/\w+;/i.exec(e),_=/Mobile/i.exec(e),p=!!/Win64/.exec(e),t){r=t[1]?parseFloat(t[1]):t[5]?parseFloat(t[5]):NaN,r&&document&&document.documentMode&&(r=document.documentMode);var y=/(?:Trident\/(\d+.\d+))/.exec(e);c=y?parseFloat(y[1])+4:r,i=t[2]?parseFloat(t[2]):NaN,a=t[3]?parseFloat(t[3]):NaN,o=t[4]?parseFloat(t[4]):NaN,o?(t=/(?:Chrome\/(\d+\.\d+))/.exec(e),s=t&&t[1]?parseFloat(t[1]):NaN):s=NaN}else r=i=a=s=o=NaN;if(v){if(v[1]){var b=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=!b||parseFloat(b[1].replace(`_`,`.`))}else l=!1;u=!!v[2],d=!!v[3]}else l=u=d=!1}}var y={ie:function(){return v()||r},ieCompatibilityMode:function(){return v()||c>r},ie64:function(){return y.ie()&&p},firefox:function(){return v()||i},opera:function(){return v()||a},webkit:function(){return v()||o},safari:function(){return y.webkit()},chrome:function(){return v()||s},windows:function(){return v()||u},osx:function(){return v()||l},linux:function(){return v()||d},iphone:function(){return v()||m},mobile:function(){return v()||m||h||f||_},nativeApp:function(){return v()||g},android:function(){return v()||f},ipad:function(){return v()||h}};t.exports=y})),o=n(((e,t)=>{var n=!!(typeof window<`u`&&window.document&&window.document.createElement);t.exports={canUseDOM:n,canUseWorkers:typeof Worker<`u`,canUseEventListeners:n&&!!(window.addEventListener||window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n}})),s=n(((e,t)=>{var n=o(),r;n.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature(``,``)!==!0);function i(e,t){if(!n.canUseDOM||t&&!(`addEventListener`in document))return!1;var i=`on`+e,a=i in document;if(!a){var o=document.createElement(`div`);o.setAttribute(i,`return;`),a=typeof o[i]==`function`}return!a&&r&&e===`wheel`&&(a=document.implementation.hasFeature(`Events.wheel`,`3.0`)),a}t.exports=i})),c=n(((e,t)=>{var n=a(),r=s(),i=10,o=40,c=800;function l(e){var t=0,n=0,r=0,a=0;return`detail`in e&&(n=e.detail),`wheelDelta`in e&&(n=-e.wheelDelta/120),`wheelDeltaY`in e&&(n=-e.wheelDeltaY/120),`wheelDeltaX`in e&&(t=-e.wheelDeltaX/120),`axis`in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=t*i,a=n*i,`deltaY`in e&&(a=e.deltaY),`deltaX`in e&&(r=e.deltaX),(r||a)&&e.deltaMode&&(e.deltaMode==1?(r*=o,a*=o):(r*=c,a*=c)),r&&!t&&(t=r<1?-1:1),a&&!n&&(n=a<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:a}}l.getEventType=function(){return n.firefox()?`DOMMouseScroll`:r(`wheel`)?`wheel`:`mousewheel`},t.exports=l})),l=n(((e,t)=>{t.exports=c()}));function u(e){"@babel/helpers - typeof";return u=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},u(e)}function d(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function f(e){var t=d(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n,r,i,a=0){let{width:o,height:s}=O(e,t,a),c=Math.min(o,n),l=Math.min(s,r);return c>l*i?{width:l*i,height:l}:{width:c,height:c/i}}function _(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}function v(e,t,n,r,i=0){let{width:a,height:o}=O(t.width,t.height,i);return{x:y(e.x,a,n.width,r),y:y(e.y,o,n.height,r)}}function y(e,t,n,r){let i=Math.abs(t*r/2-n/2);return k(e,-i,i)}function b(e,t){return Math.sqrt((e.y-t.y)**2+(e.x-t.x)**2)}function x(e,t){return Math.atan2(t.y-e.y,t.x-e.x)*180/Math.PI}function S(e,t,n,r,i,a=0,o=!0){let s=o?C:w,c=O(t.width,t.height,a),l=O(t.naturalWidth,t.naturalHeight,a),u={x:s(100,((c.width-n.width/i)/2-e.x/i)/c.width*100),y:s(100,((c.height-n.height/i)/2-e.y/i)/c.height*100),width:s(100,n.width/c.width*100/i),height:s(100,n.height/c.height*100/i)},d=Math.round(s(l.width,u.width*l.width/100)),f=Math.round(s(l.height,u.height*l.height/100)),p=l.width>=l.height*r?{width:Math.round(f*r),height:f}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:u,croppedAreaPixels:h(h({},p),{},{x:Math.round(s(l.width-p.width,u.x*l.width/100)),y:Math.round(s(l.height-p.height,u.y*l.height/100))})}}function C(e,t){return Math.min(e,Math.max(0,t))}function w(e,t){return t}function T(e,t,n,r,i,a){let o=O(t.width,t.height,n),s=k(r.width/o.width*(100/e.width),i,a);return{crop:{x:s*o.width/2-r.width/2-o.width*s*(e.x/100),y:s*o.height/2-r.height/2-o.height*s*(e.y/100)},zoom:s}}function E(e,t,n){let r=_(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}function ee(e,t,n=0,r,i,a){let o=O(t.naturalWidth,t.naturalHeight,n),s=k(E(e,t,r),i,a),c=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((o.width-e.width)/2-e.x)*c,y:((o.height-e.height)/2-e.y)*c},zoom:s}}function D(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function te(e){return e*Math.PI/180}function O(e,t,n){let r=te(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function k(e,t,n){return Math.min(Math.max(e,t),n)}function A(...e){return e.filter(e=>typeof e==`string`&&e.length>0).join(` `).trim()}var j,M,N,P,F,I,L,R,z;function B(){return(B=t((()=>{j=e(r(),1),M=e(l(),1),N=`.reactEasyCrop_Container {
   position: absolute;
   top: 0;
   left: 0;