@ryuzaki13/react-foundation-ui 1.10.0 → 1.11.0

package/storybook-static/assets/{Listbox-WrKuMKtp.js → Listbox-C2RgETsr.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Listbox.stories-B8Ex0N4a.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Listbox.stories-45YthQmO.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
 `,(0,x.jsx)(u,{children:`Listbox`}),`
 `,(0,x.jsx)(o,{children:`Список выбора для single- и multi-select сценариев, кастомного рендера элементов и блокированного состояния`}),`
 `,(0,x.jsx)(t.p,{children:`Listbox уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Listbox-CYDjztQQ.js → Listbox-CRXdkzAx.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./check-BQjlxuuS.js";import{n as i}from"./iframe-P2lWyit5.js";import{i as a,n as o,r as s,s as c,t as l}from"./utils-tg3ibbzi.js";import{n as u,t as d}from"./OptionButton-CfCsCZj9.js";import{i as f,n as p,r as m,t as h}from"./Option-Cv4uUJtC.js";import{n as g,t as _}from"./CustomOptionButton-BtxdL6Pc.js";function v(e,t,n){if(n){if(Array.isArray(t)&&t.length>0){let n=e.findIndex(e=>t.includes(e.value)&&!e.disabled);if(n>=0)return n}return s(e,S)}if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n>=0)return n}return s(e,S)}function y(e){let{value:t,defaultValue:n,multiple:i,disabled:a,focusOnMount:u,renderItem:f,getKey:p,options:g,onChange:y,id:C,...w}=e,T=t!==void 0,E=(0,b.useId)(),D=C??`${E}-listbox`,[O,k]=(0,b.useState)(n),A=(0,b.useRef)(null),[j,M]=(0,b.useState)(()=>v(g,t??n,i)),N=(0,b.useRef)(!1),P=(0,b.useMemo)(()=>(T?t:O)??(i?[]:null),[O,T,i,t]),F=j,I=t=>{if(a||t.disabled)return;let n;if(e.multiple){let r=Array.isArray(P)?P:[];n=r.includes(t.value)?r.filter(e=>e!==t.value):[...r,t.value],e.onChange?.(n,t)}else n=t.value,e.onChange?.(n,t);T||k(n)};return(0,b.useEffect)(()=>{if(!N.current)return;N.current=!1;let e=A.current?.querySelectorAll(`[role="option"]`)[F];e&&e.scrollIntoView({block:`nearest`})},[F]),(0,b.useLayoutEffect)(()=>{u&&A.current?.focus()},[u]),(0,x.jsx)(m,{rootRef:A,id:D,role:`listbox`,"aria-multiselectable":i||void 0,"aria-activedescendant":F>=0?`${D}-option-${F}`:void 0,onKeyDown:e=>{if(!a){if(e.key===`ArrowDown`)e.preventDefault(),N.current=!0,M(e=>l(g,e,1,S));else if(e.key===`ArrowUp`)e.preventDefault(),N.current=!0,M(e=>l(g,e,-1,S));else if(e.key===`Home`)e.preventDefault(),N.current=!0,M(s(g,S));else if(e.key===`End`)e.preventDefault(),N.current=!0,M(c(g,S));else if(o(e,()=>{let e=g[F];e&&I(e)}))return}},...w,"aria-disabled":a||void 0,tabIndex:a?-1:0,className:w.className,children:g.map((e,t)=>{let n=i?Array.isArray(P)&&P.includes(e.value):P===e.value,o=t===F,s=a||e.disabled||void 0,c=n=>{n.preventDefault(),!s&&(M(t),I(e))};return(0,x.jsx)(h,{id:`${D}-option-${t}`,role:`option`,"aria-selected":n,"aria-disabled":s,disabled:s,active:o,selected:n,children:f?(0,x.jsx)(_,{tabIndex:-1,disabled:s,onMouseDown:c,children:f(e,n,o)}):(0,x.jsx)(d,{tabIndex:-1,disabled:s,onMouseDown:c,icon:n?(0,x.jsx)(r,{}):(0,x.jsx)(`span`,{}),text:e.label??String(e.value)})},p?p(e,t):t)})})}var b,x,S;function C(){return(C=e((()=>{b=t(),a(),n(),g(),p(),u(),f(),x=i(),S=e=>e.disabled===!0,y.__docgenInfo={description:``,methods:[],displayName:`Listbox`}})))()}export{C as n,y as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./check-C2TxO0vM.js";import{n as i}from"./iframe-Ctjgxy8H.js";import{i as a,n as o,r as s,s as c,t as l}from"./utils-tg3ibbzi.js";import{n as u,t as d}from"./OptionButton-pWyuhK8d.js";import{i as f,n as p,r as m,t as h}from"./Option-DhjNWSm2.js";import{n as g,t as _}from"./CustomOptionButton-DRSpQRg_.js";function v(e,t,n){if(n){if(Array.isArray(t)&&t.length>0){let n=e.findIndex(e=>t.includes(e.value)&&!e.disabled);if(n>=0)return n}return s(e,S)}if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n>=0)return n}return s(e,S)}function y(e){let{value:t,defaultValue:n,multiple:i,disabled:a,focusOnMount:u,renderItem:f,getKey:p,options:g,onChange:y,id:C,...w}=e,T=t!==void 0,E=(0,b.useId)(),D=C??`${E}-listbox`,[O,k]=(0,b.useState)(n),A=(0,b.useRef)(null),[j,M]=(0,b.useState)(()=>v(g,t??n,i)),N=(0,b.useRef)(!1),P=(0,b.useMemo)(()=>(T?t:O)??(i?[]:null),[O,T,i,t]),F=j,I=t=>{if(a||t.disabled)return;let n;if(e.multiple){let r=Array.isArray(P)?P:[];n=r.includes(t.value)?r.filter(e=>e!==t.value):[...r,t.value],e.onChange?.(n,t)}else n=t.value,e.onChange?.(n,t);T||k(n)};return(0,b.useEffect)(()=>{if(!N.current)return;N.current=!1;let e=A.current?.querySelectorAll(`[role="option"]`)[F];e&&e.scrollIntoView({block:`nearest`})},[F]),(0,b.useLayoutEffect)(()=>{u&&A.current?.focus()},[u]),(0,x.jsx)(m,{rootRef:A,id:D,role:`listbox`,"aria-multiselectable":i||void 0,"aria-activedescendant":F>=0?`${D}-option-${F}`:void 0,onKeyDown:e=>{if(!a){if(e.key===`ArrowDown`)e.preventDefault(),N.current=!0,M(e=>l(g,e,1,S));else if(e.key===`ArrowUp`)e.preventDefault(),N.current=!0,M(e=>l(g,e,-1,S));else if(e.key===`Home`)e.preventDefault(),N.current=!0,M(s(g,S));else if(e.key===`End`)e.preventDefault(),N.current=!0,M(c(g,S));else if(o(e,()=>{let e=g[F];e&&I(e)}))return}},...w,"aria-disabled":a||void 0,tabIndex:a?-1:0,className:w.className,children:g.map((e,t)=>{let n=i?Array.isArray(P)&&P.includes(e.value):P===e.value,o=t===F,s=a||e.disabled||void 0,c=n=>{n.preventDefault(),!s&&(M(t),I(e))};return(0,x.jsx)(h,{id:`${D}-option-${t}`,role:`option`,"aria-selected":n,"aria-disabled":s,disabled:s,active:o,selected:n,children:f?(0,x.jsx)(_,{tabIndex:-1,disabled:s,onMouseDown:c,children:f(e,n,o)}):(0,x.jsx)(d,{tabIndex:-1,disabled:s,onMouseDown:c,icon:n?(0,x.jsx)(r,{}):(0,x.jsx)(`span`,{}),text:e.label??String(e.value)})},p?p(e,t):t)})})}var b,x,S;function C(){return(C=e((()=>{b=t(),a(),n(),g(),p(),u(),f(),x=i(),S=e=>e.disabled===!0,y.__docgenInfo={description:``,methods:[],displayName:`Listbox`}})))()}export{C as n,y as t};

package/storybook-static/assets/{Listbox.stories-B8Ex0N4a.js → Listbox.stories-45YthQmO.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-P2lWyit5.js";import{n as r,t as i}from"./Listbox-CYDjztQQ.js";var a=t({CustomRender:()=>p,Disabled:()=>m,MultiSelect:()=>f,SingleSelect:()=>d,__namedExportsOrder:()=>h,default:()=>u});function o(e){return e.multiple?(0,s.jsx)(i,{...e,multiple:!0}):(0,s.jsx)(i,{...e})}var s,c,l,u,d,f,p,m,h;function g(){return(g=e((()=>{r(),s=n(),{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:l}=__STORYBOOK_MODULE_TEST__,u={title:`UI/Listbox`,component:o,args:{options:[{id:`low`,label:`Низкий`},{id:`medium`,label:`Средний`},{id:`high`,label:`Высокий`},{id:`critical`,label:`Критический`,disabled:!0}],multiple:!1,value:`medium`,onChange:l()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{options:{description:`Массив доступных опций списка.`,control:!1},multiple:{description:`Режим множественного выбора.`,control:`boolean`},value:{description:`Текущее выбранное значение (или массив значений).`,control:!1},defaultValue:{description:`Начальное значение для uncontrolled-режима.`,control:!1},disabled:{description:`Блокирует фокусировку, навигацию и изменение выбора.`,control:`boolean`},onChange:{description:`Вызывается при выборе опции.`,control:!1},focusOnMount:{description:`Автофокус списка при монтировании.`,control:`boolean`},renderItem:{description:`Кастомный рендер строки списка.`,control:!1},getKey:{description:`Функция генерации ключа для опции.`,control:!1}}},d={render:function(e){let[,t]=c(),n=typeof e.value==`string`?e.value:`medium`;return(0,s.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:280},children:[(0,s.jsx)(o,{...e,multiple:!1,value:n,onChange:(n,r)=>{typeof n==`string`&&(e.onChange?.(n,r),t({value:n}))}}),(0,s.jsxs)(`div`,{children:[`Выбрано: `,n]})]})}},f={render:function(e){let[,t]=c(),n=Array.isArray(e.value)?e.value:[`low`,`high`];return(0,s.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:320},children:[(0,s.jsx)(o,{...e,multiple:!0,value:n,onChange:(n,r)=>{Array.isArray(n)&&(e.onChange?.(n,r),t({value:n}))}}),(0,s.jsxs)(`div`,{children:[`Выбрано: `,n.join(`, `)||`пусто`]})]})},args:{multiple:!0}},p={render:function(e){let[,t]=c(),n=typeof e.value==`string`?e.value:`low`;return(0,s.jsx)(o,{...e,value:n,onChange:(n,r)=>{typeof n==`string`&&(e.onChange?.(n,r),t({value:n}))},renderItem:(e,t,n)=>(0,s.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,width:`100%`,opacity:e.disabled?.5:1},children:[(0,s.jsx)(`span`,{children:e.label}),(0,s.jsx)(`span`,{children:t?`Выбрано`:n?`Фокус`:``})]})})}},m={args:{disabled:!0,value:`medium`},render:e=>(0,s.jsx)(o,{...e})},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-Ctjgxy8H.js";import{n as r,t as i}from"./Listbox-CRXdkzAx.js";var a=t({CustomRender:()=>p,Disabled:()=>m,MultiSelect:()=>f,SingleSelect:()=>d,__namedExportsOrder:()=>h,default:()=>u});function o(e){return e.multiple?(0,s.jsx)(i,{...e,multiple:!0}):(0,s.jsx)(i,{...e})}var s,c,l,u,d,f,p,m,h;function g(){return(g=e((()=>{r(),s=n(),{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:l}=__STORYBOOK_MODULE_TEST__,u={title:`UI/Listbox`,component:o,args:{options:[{id:`low`,label:`Низкий`},{id:`medium`,label:`Средний`},{id:`high`,label:`Высокий`},{id:`critical`,label:`Критический`,disabled:!0}],multiple:!1,value:`medium`,onChange:l()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{options:{description:`Массив доступных опций списка.`,control:!1},multiple:{description:`Режим множественного выбора.`,control:`boolean`},value:{description:`Текущее выбранное значение (или массив значений).`,control:!1},defaultValue:{description:`Начальное значение для uncontrolled-режима.`,control:!1},disabled:{description:`Блокирует фокусировку, навигацию и изменение выбора.`,control:`boolean`},onChange:{description:`Вызывается при выборе опции.`,control:!1},focusOnMount:{description:`Автофокус списка при монтировании.`,control:`boolean`},renderItem:{description:`Кастомный рендер строки списка.`,control:!1},getKey:{description:`Функция генерации ключа для опции.`,control:!1}}},d={render:function(e){let[,t]=c(),n=typeof e.value==`string`?e.value:`medium`;return(0,s.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:280},children:[(0,s.jsx)(o,{...e,multiple:!1,value:n,onChange:(n,r)=>{typeof n==`string`&&(e.onChange?.(n,r),t({value:n}))}}),(0,s.jsxs)(`div`,{children:[`Выбрано: `,n]})]})}},f={render:function(e){let[,t]=c(),n=Array.isArray(e.value)?e.value:[`low`,`high`];return(0,s.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:320},children:[(0,s.jsx)(o,{...e,multiple:!0,value:n,onChange:(n,r)=>{Array.isArray(n)&&(e.onChange?.(n,r),t({value:n}))}}),(0,s.jsxs)(`div`,{children:[`Выбрано: `,n.join(`, `)||`пусто`]})]})},args:{multiple:!0}},p={render:function(e){let[,t]=c(),n=typeof e.value==`string`?e.value:`low`;return(0,s.jsx)(o,{...e,value:n,onChange:(n,r)=>{typeof n==`string`&&(e.onChange?.(n,r),t({value:n}))},renderItem:(e,t,n)=>(0,s.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,width:`100%`,opacity:e.disabled?.5:1},children:[(0,s.jsx)(`span`,{children:e.label}),(0,s.jsx)(`span`,{children:t?`Выбрано`:n?`Фокус`:``})]})})}},m={args:{disabled:!0,value:`medium`},render:e=>(0,s.jsx)(o,{...e})},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
   render: function Render(args) {
     const [, updateArgs] = useArgs<ComponentProps<typeof StringListbox>>();
     const value = typeof args.value === "string" ? args.value : "medium";

package/storybook-static/assets/{Modal-CklJ13a7.js → Modal-BpcQFiJm.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./Modal.stories-Bou2z6wg.js";function b(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./Modal.stories-Il0VwPqg.js";function b(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
 `,(0,S.jsx)(u,{children:`Modal`}),`
 `,(0,S.jsx)(o,{children:`Составная модалка с контентом, toolbar и footer для пользовательских диалоговых сценариев`}),`
 `,(0,S.jsx)(t.p,{children:`Modal уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Modal.stories-Bou2z6wg.js → Modal.stories-Il0VwPqg.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-P2lWyit5.js";import{n as i,t as a}from"./Button-BM6kIoG9.js";import{a as o,i as s,n as c,o as l,r as u,s as d,t as f}from"./ModalManagerProvider-Ch_-390V.js";import{l as p,t as m}from"./Input-cHEAcYed.js";var h=t({Controlled:()=>w,ScrollableContent:()=>E,Sizes:()=>D,StackedModals:()=>O,WithToolbarAndFooter:()=>T,__namedExportsOrder:()=>k,default:()=>C});function g({children:e}){return(0,b.jsx)(`div`,{style:{minHeight:`60dvh`,padding:24,display:`flex`,alignItems:`center`,justifyContent:`center`},children:e})}function _(){let[e,t]=(0,y.useState)(`Алексей`),[n,r]=(0,y.useState)(`Департамент автоматизации бизнеса`);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(m,{label:`Имя`,value:e,onChange:t,placeholder:`Введите имя`}),(0,b.jsx)(m,{label:`Подразделение`,value:n,onChange:r,placeholder:`Введите подразделение`}),(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[`Текущие значения: `,e||`не указано`,`, `,n||`не указано`]})]})}function v(){let[e,t]=x();return{args:e,updateArgs:t,close:()=>{e.onClose(),t({isOpen:!1})}}}var y,b,x,S,C,w,T,E,D,O,k;function A(){return(A=e((()=>{y=n(),i(),p(),d(),c(),b=r(),{useArgs:x}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:S}=__STORYBOOK_MODULE_TEST__,C={title:`UI/Modal`,component:u,parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:"Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`."}}},decorators:[e=>(0,b.jsx)(f,{children:(0,b.jsx)(g,{children:e()})})],args:{isOpen:!1,title:`Редактирование профиля`,size:`md`,height:void 0,onClose:S(),children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(o,{children:[(0,b.jsx)(a,{variant:`transparent`,children:`Отмена`}),(0,b.jsx)(a,{children:`Сохранить`})]})]})},argTypes:{isOpen:{description:`Управляет видимостью модального окна.`,control:`boolean`},title:{description:`Заголовок модального окна.`,control:`text`},size:{description:`Предустановленный размер модального окна.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`inside`]},height:{description:`Явная высота body-области модалки.`,control:`text`},onClose:{description:"Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.",control:!1},children:{description:"Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.",control:!1}}},w={name:`Управляемая модалка`,render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(o,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{onClick:t,children:`Сохранить`})]})]})]})}},T={name:`Полная композиция`,args:{title:`Редактирование профиля`,height:`min(34rem, 70dvh)`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть сценарий редактирования`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(l,{children:(0,b.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`div`,{style:{fontWeight:600},children:`Черновик обновлён автоматически`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Последнее сохранение: 2 минуты назад`})]}),(0,b.jsx)(a,{variant:`transparent`,children:`Сбросить`})]})}),(0,b.jsx)(s,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(o,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{variant:`success`,onClick:t,children:`Применить`})]})]})]})}},E={name:`Длинный контент`,args:{size:`lg`,height:`min(38rem, 75dvh)`,title:`Журнал изменений`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть длинный контент`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsx)(`div`,{style:{display:`grid`,gap:12},children:Array.from({length:18},(e,t)=>(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,border:`1px solid var(--border-1)`,background:`var(--surface-1)`},children:[(0,b.jsxs)(`div`,{style:{fontWeight:600},children:[`Событие #`,t+1]}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.`})]},t))})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{onClick:t,children:`Закрыть`})})]})]})}},D={name:`Размеры`,args:{size:`sm`,title:`Размер SM`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:12,justifyContent:`center`},children:[`sm`,`md`,`lg`,`xl`,`inside`].map(e=>(0,b.jsx)(a,{variant:`transparent`,onClick:()=>n({isOpen:!0,size:e,title:`Размер ${e.toUpperCase()}`}),children:e.toUpperCase()},e))}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:"Проверьте отступы, читабельность и поведение при `Escape`."})]})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{onClick:t,children:`Понятно`})})]})]})}},O={name:`Стек модалок`,args:{size:`lg`,title:`Первая модалка`},render:function(){let{args:e,updateArgs:t}=v(),[n,r]=(0,y.useState)(!1),i=()=>{r(!1),e.onClose(),t({isOpen:!1})};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>t({isOpen:!0}),children:`Открыть первую модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:i,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(`div`,{children:"Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой."}),(0,b.jsx)(a,{variant:`transparent`,onClick:()=>r(!0),children:`Открыть вторую модалку`})]})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{variant:`transparent`,onClick:i,children:`Закрыть первую`})})]}),(0,b.jsxs)(u,{isOpen:n,onClose:()=>r(!1),size:`sm`,title:`Вторая модалка`,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Эта модалка должна считаться верхней в стеке.`}),(0,b.jsx)(m,{label:`Короткое поле`,value:`Фокус внутри`,onChange:()=>{}})]})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{onClick:()=>r(!1),children:`Закрыть вторую`})})]})]})}},w.parameters={...w.parameters,docs:{...w.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-Ctjgxy8H.js";import{n as i,t as a}from"./Button-DQHgQZCq.js";import{a as o,i as s,n as c,o as l,r as u,s as d,t as f}from"./ModalManagerProvider-DLXe4U3x.js";import{l as p,t as m}from"./Input-DMnIZD0A.js";var h=t({Controlled:()=>w,ScrollableContent:()=>E,Sizes:()=>D,StackedModals:()=>O,WithToolbarAndFooter:()=>T,__namedExportsOrder:()=>k,default:()=>C});function g({children:e}){return(0,b.jsx)(`div`,{style:{minHeight:`60dvh`,padding:24,display:`flex`,alignItems:`center`,justifyContent:`center`},children:e})}function _(){let[e,t]=(0,y.useState)(`Алексей`),[n,r]=(0,y.useState)(`Департамент автоматизации бизнеса`);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(m,{label:`Имя`,value:e,onChange:t,placeholder:`Введите имя`}),(0,b.jsx)(m,{label:`Подразделение`,value:n,onChange:r,placeholder:`Введите подразделение`}),(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[`Текущие значения: `,e||`не указано`,`, `,n||`не указано`]})]})}function v(){let[e,t]=x();return{args:e,updateArgs:t,close:()=>{e.onClose(),t({isOpen:!1})}}}var y,b,x,S,C,w,T,E,D,O,k;function A(){return(A=e((()=>{y=n(),i(),p(),d(),c(),b=r(),{useArgs:x}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:S}=__STORYBOOK_MODULE_TEST__,C={title:`UI/Modal`,component:u,parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:"Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`."}}},decorators:[e=>(0,b.jsx)(f,{children:(0,b.jsx)(g,{children:e()})})],args:{isOpen:!1,title:`Редактирование профиля`,size:`md`,height:void 0,onClose:S(),children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(o,{children:[(0,b.jsx)(a,{variant:`transparent`,children:`Отмена`}),(0,b.jsx)(a,{children:`Сохранить`})]})]})},argTypes:{isOpen:{description:`Управляет видимостью модального окна.`,control:`boolean`},title:{description:`Заголовок модального окна.`,control:`text`},size:{description:`Предустановленный размер модального окна.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`inside`]},height:{description:`Явная высота body-области модалки.`,control:`text`},onClose:{description:"Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.",control:!1},children:{description:"Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.",control:!1}}},w={name:`Управляемая модалка`,render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(o,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{onClick:t,children:`Сохранить`})]})]})]})}},T={name:`Полная композиция`,args:{title:`Редактирование профиля`,height:`min(34rem, 70dvh)`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть сценарий редактирования`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(l,{children:(0,b.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(`div`,{style:{fontWeight:600},children:`Черновик обновлён автоматически`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Последнее сохранение: 2 минуты назад`})]}),(0,b.jsx)(a,{variant:`transparent`,children:`Сбросить`})]})}),(0,b.jsx)(s,{children:(0,b.jsx)(_,{})}),(0,b.jsxs)(o,{children:[(0,b.jsx)(a,{variant:`transparent`,onClick:t,children:`Отмена`}),(0,b.jsx)(a,{variant:`success`,onClick:t,children:`Применить`})]})]})]})}},E={name:`Длинный контент`,args:{size:`lg`,height:`min(38rem, 75dvh)`,title:`Журнал изменений`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>n({isOpen:!0}),children:`Открыть длинный контент`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsx)(`div`,{style:{display:`grid`,gap:12},children:Array.from({length:18},(e,t)=>(0,b.jsxs)(`div`,{style:{padding:12,borderRadius:8,border:`1px solid var(--border-1)`,background:`var(--surface-1)`},children:[(0,b.jsxs)(`div`,{style:{fontWeight:600},children:[`Событие #`,t+1]}),(0,b.jsx)(`div`,{style:{opacity:.72},children:`Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.`})]},t))})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{onClick:t,children:`Закрыть`})})]})]})}},D={name:`Размеры`,args:{size:`sm`,title:`Размер SM`},render:function(){let{args:e,close:t,updateArgs:n}=v();return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:12,justifyContent:`center`},children:[`sm`,`md`,`lg`,`xl`,`inside`].map(e=>(0,b.jsx)(a,{variant:`transparent`,onClick:()=>n({isOpen:!0,size:e,title:`Размер ${e.toUpperCase()}`}),children:e.toUpperCase()},e))}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:t,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.`}),(0,b.jsx)(`div`,{style:{opacity:.72},children:"Проверьте отступы, читабельность и поведение при `Escape`."})]})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{onClick:t,children:`Понятно`})})]})]})}},O={name:`Стек модалок`,args:{size:`lg`,title:`Первая модалка`},render:function(){let{args:e,updateArgs:t}=v(),[n,r]=(0,y.useState)(!1),i=()=>{r(!1),e.onClose(),t({isOpen:!1})};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{onClick:()=>t({isOpen:!0}),children:`Открыть первую модалку`}),(0,b.jsxs)(u,{...e,isOpen:e.isOpen,onClose:i,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,b.jsx)(`div`,{children:"Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой."}),(0,b.jsx)(a,{variant:`transparent`,onClick:()=>r(!0),children:`Открыть вторую модалку`})]})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{variant:`transparent`,onClick:i,children:`Закрыть первую`})})]}),(0,b.jsxs)(u,{isOpen:n,onClose:()=>r(!1),size:`sm`,title:`Вторая модалка`,children:[(0,b.jsx)(s,{children:(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,b.jsx)(`div`,{children:`Эта модалка должна считаться верхней в стеке.`}),(0,b.jsx)(m,{label:`Короткое поле`,value:`Фокус внутри`,onChange:()=>{}})]})}),(0,b.jsx)(o,{children:(0,b.jsx)(a,{onClick:()=>r(!1),children:`Закрыть вторую`})})]})]})}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
   name: "Управляемая модалка",
   render: function Render() {
     const {

package/storybook-static/assets/{ModalManagerProvider-Ch_-390V.js → ModalManagerProvider-DLXe4U3x.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,t as i}from"./x-3HZ4js_c.js";import{n as a}from"./iframe-P2lWyit5.js";import{t as o}from"./react-dom-BzEl8usk.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,n as u,r as d,t as ee}from"./dom-DBd_DWF8.js";import{n as f,t as p}from"./FlexContainer-BWyPlTMB.js";import{n as m,t as te}from"./Button-BM6kIoG9.js";import{a as ne,c as h,l as g,n as re,o as _,r as ie,s as v,t as y}from"./react-JmKyT7SE.js";import{n as b,t as ae}from"./GridContainer-fKYgDsLl.js";import{n as x,t as S}from"./Scrollable-CQ0VriMf.js";function oe(){!v.current&&ne();let[e]=(0,C.useState)(g.current);return e}var C;function w(){return(w=t((()=>{h(),_(),C=n()})))()}var T,E,D,O,k,A,j,M,N,P,F,I;function L(){return(L=t((()=>{T=`vGPUKV`,E=`WhUkxm`,D=`JDlse5`,O=`FaDKSt`,k=`NDgdMi`,A=`O7gb7P`,j=`RVq8v3`,M=`PCSUAL`,N=`XDCHzq`,P=`t1kl8L`,F=`o3PEEB`,I={modal:T,header:E,headerText:D,headerButton:O,body:k,sm:A,md:j,lg:M,xl:N,xxl:P,inside:F}})))()}var R,z,se;function B(){return(B=t((()=>{R={hidden:{opacity:0,scale:.96,y:12},visible:{opacity:1,scale:1,y:0}},z={duration:.18,ease:[.22,1,.36,1]},se={duration:0}})))()}var V,H,U;function W(){return(W=t((()=>{V=n(),H=(0,V.createContext)({modals:[],openModal:()=>{},closeModal:()=>{},isTopModal:()=>!1}),U=()=>(0,V.useContext)(H)})))()}var G,K,q,J,Y,X,ce;function le(){return(le=t((()=>{G=e(n(),1),d(),c(),r(),y(),K=o(),m(),f(),b(),x(),L(),B(),W(),q=a(),J=({children:e,className:t})=>(0,q.jsx)(`div`,{className:s(`surface2 paddingMd borderBottom`,t),children:e}),J.displayName=`Modal.Toolbar`,Y=({children:e,className:t,scrollable:n})=>(0,q.jsx)(`div`,{className:s(`paddingMd h100 overflowHidden`,t),children:n?(0,q.jsx)(S,{className:`h100`,children:e}):e}),Y.displayName=`Modal.Content`,X=({children:e,className:t})=>(0,q.jsx)(`div`,{className:s(`surface2 borderTop paddingMd`,t),children:(0,q.jsx)(p,{gap:`sm`,align:`center`,justify:`end`,children:e})}),X.displayName=`Modal.Footer`,ce=({isOpen:e,title:t,size:n=`sm`,height:r,onClose:a,children:o})=>{let c=(0,G.useId)(),d=(0,G.useId)(),{modals:f,openModal:p,closeModal:m,isTopModal:ne}=U(),h=oe(),g=(0,G.useRef)(null),_=(0,G.useRef)(0),v=e&&(f.length===0||ne(c));(0,G.useEffect)(()=>{e&&(g.current=document.activeElement instanceof HTMLElement?document.activeElement:null)},[e]);let y=l({active:e||!1,trapFocus:!0,restoreFocus:!1});u({active:v||!1,onDismiss:a,containerRef:y}),(0,G.useEffect)(()=>{e&&p(c)},[e,c,p]),(0,G.useEffect)(()=>()=>{window.cancelAnimationFrame(_.current),m(c)},[m,c]);function b(){m(c);let e=g.current;_.current=window.requestAnimationFrame(()=>{e?.isConnected&&e.focus(),g.current=null})}let x=ee(`modal-root`);if(!x)return null;let S=null,C=null,w=null,T=G.Children.toArray(o);for(let e of T)switch(e.type.displayName){case J.displayName:if(S)throw Error(`Modal: duplicate <Toolbar> found`);S=e;break;case X.displayName:if(w)throw Error(`Modal: duplicate <Footer> found`);w=e;break;case Y.displayName:if(C)throw Error(`Modal: duplicate <Content> found`);C=e}return(0,K.createPortal)((0,q.jsx)(ie,{onExitComplete:b,children:e?(0,q.jsxs)(re.div,{ref:y,className:s(I.modal,I[n]),style:{height:r},role:`dialog`,"aria-modal":`true`,"aria-labelledby":d,"aria-describedby":`${d}-content`,initial:`hidden`,animate:`visible`,exit:`hidden`,variants:R,transition:h?se:z,children:[(0,q.jsxs)(`div`,{className:s(I.header,S?``:`borderBottom`),children:[(0,q.jsx)(`h3`,{className:I.headerText,id:d,children:t}),(0,q.jsx)(te,{icon:(0,q.jsx)(i,{}),className:I.headerButton,variant:`ghost`,"aria-label":`Закрыть модальное окно`,onClick:a})]}),(0,q.jsxs)(ae,{id:`${d}-content`,templateRows:`${S?`auto`:``} 1fr ${w?`auto`:``}`.trim(),className:I.body,children:[S,C,w]})]}):null}),x)},J.__docgenInfo={description:``,methods:[],displayName:`Modal.Toolbar`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},Y.__docgenInfo={description:``,methods:[],displayName:`Modal.Content`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},scrollable:{required:!1,tsType:{name:`boolean`},description:``}}},X.__docgenInfo={description:``,methods:[],displayName:`Modal.Footer`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function ue({children:e,compensateScrollbar:t=!1}){let[n,r]=(0,Z.useState)([]),i=(0,Z.useRef)(0),a=(0,Z.useRef)(0),o=(0,Z.useRef)(``),s=(0,Z.useRef)(!1),c=(0,Z.useCallback)(e=>{r(t=>[...t,e])},[]),l=(0,Z.useCallback)(e=>{r(t=>t.filter(t=>t!==e))},[]),u=(0,Z.useCallback)(e=>n[n.length-1]===e,[n]);return(0,Z.useEffect)(()=>{let e=i.current===0;if(e&&n.length>0){let e=window.scrollY,r=document.querySelector(`#app-root`);a.current=Math.max(0,window.innerWidth-document.documentElement.clientWidth),o.current=document.body.style.paddingRight,document.body.style.position=`fixed`,document.body.style.top=`-${e}px`,document.body.style.width=`100%`,t&&(document.body.style.paddingRight=`${a.current}px`,s.current=!0),r?.setAttribute(`inert`,`true`),i.current=n.length;return}if(!e&&n.length>0&&t!==s.current&&(document.body.style.paddingRight=t?`${a.current}px`:o.current,s.current=t),!e&&n.length===0){let e=document.querySelector(`#app-root`),t=parseInt(document.body.style.top||`0`)*-1;document.body.style.position=``,document.body.style.top=``,document.body.style.width=``,s.current&&=(document.body.style.paddingRight=o.current,!1),e?.removeAttribute(`inert`),window.scrollTo({top:t,left:0,behavior:`instant`})}i.current=n.length},[t,n.length]),(0,Q.jsx)(H.Provider,{value:{modals:n,openModal:c,closeModal:l,isTopModal:u},children:e})}var Z,Q;function $(){return($=t((()=>{Z=e(n(),1),W(),Q=a(),ue.__docgenInfo={description:`Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.`,methods:[],displayName:`ModalManagerProvider`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},compensateScrollbar:{required:!1,tsType:{name:`boolean`},description:`Компенсирует исчезновение скроллбара правым padding у body.`,defaultValue:{value:`false`,computed:!1}}}}})))()}export{X as a,w as c,Y as i,$ as n,J as o,ce as r,le as s,ue 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,t as i}from"./x-4Az7SNSv.js";import{n as a}from"./iframe-Ctjgxy8H.js";import{t as o}from"./react-dom-BzEl8usk.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,n as u,r as d,t as ee}from"./dom-DBd_DWF8.js";import{n as f,t as p}from"./FlexContainer-BWyPlTMB.js";import{n as m,t as te}from"./Button-DQHgQZCq.js";import{a as ne,c as h,l as g,n as re,o as _,r as ie,s as v,t as y}from"./react-0DwxKZMs.js";import{n as b,t as ae}from"./GridContainer-fKYgDsLl.js";import{n as x,t as S}from"./Scrollable-CxrPKShA.js";function oe(){!v.current&&ne();let[e]=(0,C.useState)(g.current);return e}var C;function w(){return(w=t((()=>{h(),_(),C=n()})))()}var T,E,D,O,k,A,j,M,N,P,F,I;function L(){return(L=t((()=>{T=`vGPUKV`,E=`WhUkxm`,D=`JDlse5`,O=`FaDKSt`,k=`NDgdMi`,A=`O7gb7P`,j=`RVq8v3`,M=`PCSUAL`,N=`XDCHzq`,P=`t1kl8L`,F=`o3PEEB`,I={modal:T,header:E,headerText:D,headerButton:O,body:k,sm:A,md:j,lg:M,xl:N,xxl:P,inside:F}})))()}var R,z,se;function B(){return(B=t((()=>{R={hidden:{opacity:0,scale:.96,y:12},visible:{opacity:1,scale:1,y:0}},z={duration:.18,ease:[.22,1,.36,1]},se={duration:0}})))()}var V,H,U;function W(){return(W=t((()=>{V=n(),H=(0,V.createContext)({modals:[],openModal:()=>{},closeModal:()=>{},isTopModal:()=>!1}),U=()=>(0,V.useContext)(H)})))()}var G,K,q,J,Y,X,ce;function le(){return(le=t((()=>{G=e(n(),1),d(),c(),r(),y(),K=o(),m(),f(),b(),x(),L(),B(),W(),q=a(),J=({children:e,className:t})=>(0,q.jsx)(`div`,{className:s(`surface2 paddingMd borderBottom`,t),children:e}),J.displayName=`Modal.Toolbar`,Y=({children:e,className:t,scrollable:n})=>(0,q.jsx)(`div`,{className:s(`paddingMd h100 overflowHidden`,t),children:n?(0,q.jsx)(S,{className:`h100`,children:e}):e}),Y.displayName=`Modal.Content`,X=({children:e,className:t})=>(0,q.jsx)(`div`,{className:s(`surface2 borderTop paddingMd`,t),children:(0,q.jsx)(p,{gap:`sm`,align:`center`,justify:`end`,children:e})}),X.displayName=`Modal.Footer`,ce=({isOpen:e,title:t,size:n=`sm`,height:r,onClose:a,children:o})=>{let c=(0,G.useId)(),d=(0,G.useId)(),{modals:f,openModal:p,closeModal:m,isTopModal:ne}=U(),h=oe(),g=(0,G.useRef)(null),_=(0,G.useRef)(0),v=e&&(f.length===0||ne(c));(0,G.useEffect)(()=>{e&&(g.current=document.activeElement instanceof HTMLElement?document.activeElement:null)},[e]);let y=l({active:e||!1,trapFocus:!0,restoreFocus:!1});u({active:v||!1,onDismiss:a,containerRef:y}),(0,G.useEffect)(()=>{e&&p(c)},[e,c,p]),(0,G.useEffect)(()=>()=>{window.cancelAnimationFrame(_.current),m(c)},[m,c]);function b(){m(c);let e=g.current;_.current=window.requestAnimationFrame(()=>{e?.isConnected&&e.focus(),g.current=null})}let x=ee(`modal-root`);if(!x)return null;let S=null,C=null,w=null,T=G.Children.toArray(o);for(let e of T)switch(e.type.displayName){case J.displayName:if(S)throw Error(`Modal: duplicate <Toolbar> found`);S=e;break;case X.displayName:if(w)throw Error(`Modal: duplicate <Footer> found`);w=e;break;case Y.displayName:if(C)throw Error(`Modal: duplicate <Content> found`);C=e}return(0,K.createPortal)((0,q.jsx)(ie,{onExitComplete:b,children:e?(0,q.jsxs)(re.div,{ref:y,className:s(I.modal,I[n]),style:{height:r},role:`dialog`,"aria-modal":`true`,"aria-labelledby":d,"aria-describedby":`${d}-content`,initial:`hidden`,animate:`visible`,exit:`hidden`,variants:R,transition:h?se:z,children:[(0,q.jsxs)(`div`,{className:s(I.header,S?``:`borderBottom`),children:[(0,q.jsx)(`h3`,{className:I.headerText,id:d,children:t}),(0,q.jsx)(te,{icon:(0,q.jsx)(i,{}),className:I.headerButton,variant:`ghost`,"aria-label":`Закрыть модальное окно`,onClick:a})]}),(0,q.jsxs)(ae,{id:`${d}-content`,templateRows:`${S?`auto`:``} 1fr ${w?`auto`:``}`.trim(),className:I.body,children:[S,C,w]})]}):null}),x)},J.__docgenInfo={description:``,methods:[],displayName:`Modal.Toolbar`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},Y.__docgenInfo={description:``,methods:[],displayName:`Modal.Content`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},scrollable:{required:!1,tsType:{name:`boolean`},description:``}}},X.__docgenInfo={description:``,methods:[],displayName:`Modal.Footer`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function ue({children:e,compensateScrollbar:t=!1}){let[n,r]=(0,Z.useState)([]),i=(0,Z.useRef)(0),a=(0,Z.useRef)(0),o=(0,Z.useRef)(``),s=(0,Z.useRef)(!1),c=(0,Z.useCallback)(e=>{r(t=>[...t,e])},[]),l=(0,Z.useCallback)(e=>{r(t=>t.filter(t=>t!==e))},[]),u=(0,Z.useCallback)(e=>n[n.length-1]===e,[n]);return(0,Z.useEffect)(()=>{let e=i.current===0;if(e&&n.length>0){let e=window.scrollY,r=document.querySelector(`#app-root`);a.current=Math.max(0,window.innerWidth-document.documentElement.clientWidth),o.current=document.body.style.paddingRight,document.body.style.position=`fixed`,document.body.style.top=`-${e}px`,document.body.style.width=`100%`,t&&(document.body.style.paddingRight=`${a.current}px`,s.current=!0),r?.setAttribute(`inert`,`true`),i.current=n.length;return}if(!e&&n.length>0&&t!==s.current&&(document.body.style.paddingRight=t?`${a.current}px`:o.current,s.current=t),!e&&n.length===0){let e=document.querySelector(`#app-root`),t=parseInt(document.body.style.top||`0`)*-1;document.body.style.position=``,document.body.style.top=``,document.body.style.width=``,s.current&&=(document.body.style.paddingRight=o.current,!1),e?.removeAttribute(`inert`),window.scrollTo({top:t,left:0,behavior:`instant`})}i.current=n.length},[t,n.length]),(0,Q.jsx)(H.Provider,{value:{modals:n,openModal:c,closeModal:l,isTopModal:u},children:e})}var Z,Q;function $(){return($=t((()=>{Z=e(n(),1),W(),Q=a(),ue.__docgenInfo={description:`Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.`,methods:[],displayName:`ModalManagerProvider`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},compensateScrollbar:{required:!1,tsType:{name:`boolean`},description:`Компенсирует исчезновение скроллбара правым padding у body.`,defaultValue:{value:`false`,computed:!1}}}}})))()}export{X as a,w as c,Y as i,$ as n,J as o,ce as r,le as s,ue as t};

package/storybook-static/assets/{MultiSelect-DIUS_A1T.js → MultiSelect-BD6mJ2vx.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{n as r,t as i}from"./CheckBox-B6M9Ugeb.js";import{n as a}from"./iframe-P2lWyit5.js";import{n as o,t as ee}from"./OptionButton-CfCsCZj9.js";import{n as s,t as c}from"./Text-kiZvmGXF.js";import{n as l,t as u}from"./ui.module-31LPbZGK.js";import{c as d,i as te,l as f,m as p,n as m,p as h,r as g,s as _,t as v,u as y}from"./usePickerTriggerController-DHXXSvyS.js";import{l as ne,n as b,t as x,u as S}from"./Option-Cv4uUJtC.js";import{i as C,n as re,r as w,t as T}from"./usePickerQuery-DY-5rS3f.js";import{n as ie,t as ae}from"./usePickerDefaultFilter-5Q1pAV4d.js";import{a as oe,i as E,n as se,o as D,s as ce,t as le}from"./defaultRenderers-Dinv2uRZ.js";var O,k,A;function j(){return(j=t((()=>{O=`_9oSdQi`,k=`d9SDKQ`,A={multiSelect:O,optionCheckBox:k}})))()}function M({text:e,isError:t}){return(0,N.jsxs)(`div`,{className:l.uiPopupOption,children:[(0,N.jsx)(`span`,{className:l.uiPopupOptionIcon}),(0,N.jsx)(c,{color:t?`error`:`primary`,children:e})]})}var N;function P(){return(P=t((()=>{s(),u(),N=a(),M.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ue({isNoData:e,error:t,children:n}){return e?(0,L.jsx)(w,{emptyState:(0,L.jsx)(M,{text:`Нет данных`})}):t?(0,L.jsx)(w,{errorState:(0,L.jsx)(M,{isError:!0,text:`Ошибка загрузки`})}):(0,L.jsx)(L.Fragment,{children:n})}function F(e,t){return e[t]}function de(e,t,n){return Array.from(new Set([e[n],e[t],...Object.values(e)]))}function fe(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(e=>F(e,n)));return e.every(e=>r.has(F(e,n)))}function pe({entries:e,listId:t,activeIndex:n,selectedKeys:r,codeKey:a,query:o,highlightQuery:s,getOptionDisabled:c,getOptionId:l,setOptionRef:u,toggleOption:d,selectOnlyOption:te,renderItem:f}){return e.map(({item:e,index:p})=>{let m=p===n,h=F(e,a),g=r.has(h),_=c?.(e)??!1,v=f(e,{selected:g,active:m,disabled:_,query:o,highlightQuery:s});return(0,L.jsxs)(x,{id:l(t,p),ref:e=>u(p,e),role:`option`,"aria-selected":g,"aria-disabled":_||void 0,selected:g,active:m,disabled:_,children:[(0,L.jsx)(`div`,{className:A.optionCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,L.jsx)(i,{value:g,disabled:_,"aria-label":`Выбрать ${s??h}`,onChange:()=>d(e)})}),(0,L.jsx)(ee,{tabIndex:-1,disabled:_,text:v.text,code:v.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>te(e)})]},`${h}-${p}`)})}var I,L,R,z;function B(){return(B=t((()=>{I=e(n(),1),r(),b(),o(),p(),y(),C(),d(),ae(),g(),T(),D(),v(),S(),E(),j(),P(),L=a(),R=[],z=(0,I.forwardRef)(({codeKey:e,textKey:t,hideCode:n,items:r,value:i,onChange:a,label:o,description:ee,placeholder:s,size:c,query:l,defaultQuery:u,highlightQuery:d,onQuery:p,defaultFilter:g=!0,onOpen:v,onClose:y,getOptionDisabled:b,disabled:x,error:S,isLoading:C,renderToken:w,renderToolbar:T,renderItem:ae},E)=>{let D=(0,I.useRef)(null),[O,k]=(0,I.useState)(!1),j=`search-multi`,M=i??R,N=(0,I.useMemo)(()=>new Set(M.map(t=>F(t,e))),[e,M]),P=(0,I.useMemo)(()=>r.filter(t=>!N.has(F(t,e))),[e,N,r]),z=(0,I.useMemo)(()=>oe([...M,...r],e,t),[e,M,r,t]),{query:B,setQuery:V,resetQueryOnClose:me}=re({query:l,defaultQuery:u,onQuery:p,triggerMode:j}),he=e=>{O&&!e&&me&&V(``),k(e)},H=ie({options:M,query:B,enabled:g,getSearchText:t=>de(t,e,z)}),U=ie({options:P,query:B,enabled:g,getSearchText:t=>de(t,e,z)}),W=(0,I.useMemo)(()=>[...H,...U],[U,H]),ge=H.length>0?0:-1,{draftValue:G,setDraftValue:K,prepareOpen:_e}=ce({value:M,open:O,onCommit:a,onOpen:v,onClose:y,isEqual:(t,n)=>fe(t,n,e)}),q=(0,I.useMemo)(()=>new Set(G.map(t=>F(t,e))),[e,G]),ve=(0,I.useMemo)(()=>({selectedItems:G,committedSelectedItems:M,selectedKeys:q,open:O}),[M,G,O,q]),J=(0,I.useCallback)(e=>b?.(e,ve)??!1,[b,ve]),{activeIndex:Y,context:ye,floatingStyles:be,getFloatingProps:xe,setReference:Se,setFloating:Ce,setOptionRef:we,close:Te,openList:Ee,toggleOpen:De,selectActiveOption:Oe,handleReferenceKeyDown:ke,handleFloatingKeyDown:Ae,getOptionId:je,getActiveOptionId:Me}=te({options:W,selectedIndex:ge,open:O,onOpenChange:he,onSelect:void 0,disabled:x,getOptionDisabled:J,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:j}),Ne=d??B,X=t=>{let n=F(t,e);K(r=>r.some(t=>F(t,e)===n)?r.filter(t=>F(t,e)!==n):J(t)?r:[...r,t])},Pe=e=>{if(D.current=e,typeof E==`function`){E(e);return}E&&(E.current=e)},Fe=()=>{K([]),O||a([])},Ie=()=>{K(t=>{let n=[...t],r=new Set(t.map(t=>F(t,e)));for(let t of W){let i=F(t,e);!r.has(i)&&!J(t)&&(r.add(i),n.push(t))}return n})},Le=()=>{K([])},Re=e=>{J(e)||(K([e]),Te())},ze=O?G:M,Z=ze.length>0,Be={selectedItems:ze,committedSelectedItems:M,availableItems:U,query:B,open:O,clearSelection:Fe,selectAll:Ie,deselectAll:Le},Ve=w===void 0?se({codeKey:e,textKey:z}):w,He=ae??le({codeKey:e,textKey:z,hideCode:n}),Ue=typeof Ve==`function`?Ve(Be):null,We=typeof T==`function`?T(Be):T,Q=H.map((e,t)=>({item:e,index:t})),Ge=U.map((e,t)=>({item:e,index:t+Q.length})),Ke=!C&&!S&&W.length===0,$=m({mode:j,open:O,currentQuery:B,hasDisplayValue:!1,inputRef:D,setQuery:V,openList:Ee,close:Te,toggleOpen:De,onBeforeOpen:()=>{O||_e()}});return(0,L.jsx)(h,{label:o,description:ee,disabled:x,size:c,className:A.multiSelect,children:({controlId:t,labelId:n,describedBy:i})=>{let a=`${t}-listbox`;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(_,{ref:Pe,rootRef:Se,id:t,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:C,disabled:x,open:O,optionCount:r.length,label:o,placeholder:s,placeholderFallback:`Выберите значения`,value:B,selectedValue:Ue,hasSelection:Z,showSelectedValue:Z&&B.length===0,clearable:!0,onClear:Fe,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":i,"aria-haspopup":`listbox`,"aria-expanded":O,"aria-controls":O?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":O?Me(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{ke(e),!e.defaultPrevented&&$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{if(Y>=0){let e=W[Y];if(e){X(e);return}}Oe()},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}),(0,L.jsx)(f,{open:O,context:ye,floatingStyles:be,listId:a,labelId:n,descriptionId:i,activeOptionId:O?Me(a):void 0,setFloating:Ce,getFloatingProps:xe,onKeyDown:Ae,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:We,selectionActions:T===void 0?{onSelectAll:Ie,onDeselectAll:Le}:void 0,children:(0,L.jsx)(ue,{isNoData:Ke,error:S,children:(0,L.jsxs)(`div`,{className:`scrollable h100`,children:[(0,L.jsx)(pe,{entries:Q,listId:a,activeIndex:Y,selectedKeys:q,codeKey:e,query:B,highlightQuery:Ne,getOptionDisabled:J,getOptionId:je,setOptionRef:we,toggleOption:X,selectOnlyOption:Re,renderItem:He}),Q.length>0&&P.length>0&&(0,L.jsx)(ne,{className:`marginBlockSm`}),(0,L.jsx)(pe,{entries:Ge,listId:a,activeIndex:Y,selectedKeys:q,codeKey:e,query:B,highlightQuery:Ne,getOptionDisabled:J,getOptionId:je,setOptionRef:we,toggleOption:X,selectOnlyOption:Re,renderItem:He})]})})})]})}})}),z.displayName=`MultiSelect`,z.__docgenInfo={description:`Поле множественного выбора с внутренним черновиком значений и подтверждением выбора при закрытии списка.
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./CheckBox-CLhfwAlH.js";import{n as a}from"./iframe-Ctjgxy8H.js";import{n as o,t as ee}from"./OptionButton-pWyuhK8d.js";import{n as s,t as c}from"./Text-B2YuarGk.js";import{n as l,t as u}from"./ui.module-31LPbZGK.js";import{c as d,i as te,l as f,m as p,n as m,p as h,r as g,s as _,t as v,u as y}from"./usePickerTriggerController-8HqdXbS9.js";import{l as ne,n as b,t as x,u as S}from"./Option-DhjNWSm2.js";import{i as C,n as re,r as w,t as T}from"./usePickerQuery-DbaNcz3d.js";import{n as ie,t as ae}from"./usePickerDefaultFilter-5Q1pAV4d.js";import{a as oe,i as E,n as se,o as D,s as ce,t as le}from"./defaultRenderers-Dinv2uRZ.js";var O,k,A;function j(){return(j=t((()=>{O=`_9oSdQi`,k=`d9SDKQ`,A={multiSelect:O,optionCheckBox:k}})))()}function M({text:e,isError:t}){return(0,N.jsxs)(`div`,{className:l.uiPopupOption,children:[(0,N.jsx)(`span`,{className:l.uiPopupOptionIcon}),(0,N.jsx)(c,{color:t?`error`:`primary`,children:e})]})}var N;function P(){return(P=t((()=>{s(),u(),N=a(),M.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ue({isNoData:e,error:t,children:n}){return e?(0,L.jsx)(w,{emptyState:(0,L.jsx)(M,{text:`Нет данных`})}):t?(0,L.jsx)(w,{errorState:(0,L.jsx)(M,{isError:!0,text:`Ошибка загрузки`})}):(0,L.jsx)(L.Fragment,{children:n})}function F(e,t){return e[t]}function de(e,t,n){return Array.from(new Set([e[n],e[t],...Object.values(e)]))}function fe(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(e=>F(e,n)));return e.every(e=>r.has(F(e,n)))}function pe({entries:e,listId:t,activeIndex:n,selectedKeys:r,codeKey:a,query:o,highlightQuery:s,getOptionDisabled:c,getOptionId:l,setOptionRef:u,toggleOption:d,selectOnlyOption:te,renderItem:f}){return e.map(({item:e,index:p})=>{let m=p===n,h=F(e,a),g=r.has(h),_=c?.(e)??!1,v=f(e,{selected:g,active:m,disabled:_,query:o,highlightQuery:s});return(0,L.jsxs)(x,{id:l(t,p),ref:e=>u(p,e),role:`option`,"aria-selected":g,"aria-disabled":_||void 0,selected:g,active:m,disabled:_,children:[(0,L.jsx)(`div`,{className:A.optionCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,L.jsx)(i,{value:g,disabled:_,"aria-label":`Выбрать ${s??h}`,onChange:()=>d(e)})}),(0,L.jsx)(ee,{tabIndex:-1,disabled:_,text:v.text,code:v.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>te(e)})]},`${h}-${p}`)})}var I,L,R,z;function B(){return(B=t((()=>{I=e(n(),1),r(),b(),o(),p(),y(),C(),d(),ae(),g(),T(),D(),v(),S(),E(),j(),P(),L=a(),R=[],z=(0,I.forwardRef)(({codeKey:e,textKey:t,hideCode:n,items:r,value:i,onChange:a,label:o,description:ee,placeholder:s,size:c,query:l,defaultQuery:u,highlightQuery:d,onQuery:p,defaultFilter:g=!0,onOpen:v,onClose:y,getOptionDisabled:b,disabled:x,error:S,isLoading:C,renderToken:w,renderToolbar:T,renderItem:ae},E)=>{let D=(0,I.useRef)(null),[O,k]=(0,I.useState)(!1),j=`search-multi`,M=i??R,N=(0,I.useMemo)(()=>new Set(M.map(t=>F(t,e))),[e,M]),P=(0,I.useMemo)(()=>r.filter(t=>!N.has(F(t,e))),[e,N,r]),z=(0,I.useMemo)(()=>oe([...M,...r],e,t),[e,M,r,t]),{query:B,setQuery:V,resetQueryOnClose:me}=re({query:l,defaultQuery:u,onQuery:p,triggerMode:j}),he=e=>{O&&!e&&me&&V(``),k(e)},H=ie({options:M,query:B,enabled:g,getSearchText:t=>de(t,e,z)}),U=ie({options:P,query:B,enabled:g,getSearchText:t=>de(t,e,z)}),W=(0,I.useMemo)(()=>[...H,...U],[U,H]),ge=H.length>0?0:-1,{draftValue:G,setDraftValue:K,prepareOpen:_e}=ce({value:M,open:O,onCommit:a,onOpen:v,onClose:y,isEqual:(t,n)=>fe(t,n,e)}),q=(0,I.useMemo)(()=>new Set(G.map(t=>F(t,e))),[e,G]),ve=(0,I.useMemo)(()=>({selectedItems:G,committedSelectedItems:M,selectedKeys:q,open:O}),[M,G,O,q]),J=(0,I.useCallback)(e=>b?.(e,ve)??!1,[b,ve]),{activeIndex:Y,context:ye,floatingStyles:be,getFloatingProps:xe,setReference:Se,setFloating:Ce,setOptionRef:we,close:Te,openList:Ee,toggleOpen:De,selectActiveOption:Oe,handleReferenceKeyDown:ke,handleFloatingKeyDown:Ae,getOptionId:je,getActiveOptionId:Me}=te({options:W,selectedIndex:ge,open:O,onOpenChange:he,onSelect:void 0,disabled:x,getOptionDisabled:J,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:j}),Ne=d??B,X=t=>{let n=F(t,e);K(r=>r.some(t=>F(t,e)===n)?r.filter(t=>F(t,e)!==n):J(t)?r:[...r,t])},Pe=e=>{if(D.current=e,typeof E==`function`){E(e);return}E&&(E.current=e)},Fe=()=>{K([]),O||a([])},Ie=()=>{K(t=>{let n=[...t],r=new Set(t.map(t=>F(t,e)));for(let t of W){let i=F(t,e);!r.has(i)&&!J(t)&&(r.add(i),n.push(t))}return n})},Le=()=>{K([])},Re=e=>{J(e)||(K([e]),Te())},ze=O?G:M,Z=ze.length>0,Be={selectedItems:ze,committedSelectedItems:M,availableItems:U,query:B,open:O,clearSelection:Fe,selectAll:Ie,deselectAll:Le},Ve=w===void 0?se({codeKey:e,textKey:z}):w,He=ae??le({codeKey:e,textKey:z,hideCode:n}),Ue=typeof Ve==`function`?Ve(Be):null,We=typeof T==`function`?T(Be):T,Q=H.map((e,t)=>({item:e,index:t})),Ge=U.map((e,t)=>({item:e,index:t+Q.length})),Ke=!C&&!S&&W.length===0,$=m({mode:j,open:O,currentQuery:B,hasDisplayValue:!1,inputRef:D,setQuery:V,openList:Ee,close:Te,toggleOpen:De,onBeforeOpen:()=>{O||_e()}});return(0,L.jsx)(h,{label:o,description:ee,disabled:x,size:c,className:A.multiSelect,children:({controlId:t,labelId:n,describedBy:i})=>{let a=`${t}-listbox`;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(_,{ref:Pe,rootRef:Se,id:t,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:C,disabled:x,open:O,optionCount:r.length,label:o,placeholder:s,placeholderFallback:`Выберите значения`,value:B,selectedValue:Ue,hasSelection:Z,showSelectedValue:Z&&B.length===0,clearable:!0,onClear:Fe,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":i,"aria-haspopup":`listbox`,"aria-expanded":O,"aria-controls":O?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":O?Me(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{ke(e),!e.defaultPrevented&&$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{if(Y>=0){let e=W[Y];if(e){X(e);return}}Oe()},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}),(0,L.jsx)(f,{open:O,context:ye,floatingStyles:be,listId:a,labelId:n,descriptionId:i,activeOptionId:O?Me(a):void 0,setFloating:Ce,getFloatingProps:xe,onKeyDown:Ae,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:We,selectionActions:T===void 0?{onSelectAll:Ie,onDeselectAll:Le}:void 0,children:(0,L.jsx)(ue,{isNoData:Ke,error:S,children:(0,L.jsxs)(`div`,{className:`scrollable h100`,children:[(0,L.jsx)(pe,{entries:Q,listId:a,activeIndex:Y,selectedKeys:q,codeKey:e,query:B,highlightQuery:Ne,getOptionDisabled:J,getOptionId:je,setOptionRef:we,toggleOption:X,selectOnlyOption:Re,renderItem:He}),Q.length>0&&P.length>0&&(0,L.jsx)(ne,{className:`marginBlockSm`}),(0,L.jsx)(pe,{entries:Ge,listId:a,activeIndex:Y,selectedKeys:q,codeKey:e,query:B,highlightQuery:Ne,getOptionDisabled:J,getOptionId:je,setOptionRef:we,toggleOption:X,selectOnlyOption:Re,renderItem:He})]})})})]})}})}),z.displayName=`MultiSelect`,z.__docgenInfo={description:`Поле множественного выбора с внутренним черновиком значений и подтверждением выбора при закрытии списка.
 Подходит как для самостоятельного использования, так и как базовый слой для OData-оберток.`,methods:[],displayName:`MultiSelect`,props:{renderToken:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => React.ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderToolbar:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => React.ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderItem:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: CollectionItem, state: MultiSelectItemState) => MultiSelectOptionContent`,signature:{arguments:[{type:{name:`CollectionItem`},name:`item`},{type:{name:`MultiSelectItemState`},name:`state`}],return:{name:`MultiSelectOptionContent`}}},description:``},label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},codeKey:{required:!0,tsType:{name:`string`},description:``},textKey:{required:!1,tsType:{name:`string`},description:``},hideCode:{required:!1,tsType:{name:`boolean`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},highlightQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},defaultFilter:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},description:``},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: TOption, context: MultiSelectOptionDisableContext) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`item`},{type:{name:`MultiSelectOptionDisableContext`},name:`context`}],return:{name:`boolean`}}},description:``},onOpen:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onClose:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: TOption[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},name:`value`}],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{B as n,z as t};

package/storybook-static/assets/{MultiSelect-DTLa2pXR.js → MultiSelect-Dxz8DA8o.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./MultiSelect.stories-BBMt0yCs.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./MultiSelect.stories-gkbGwBpe.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:p,parameters:{docs:{toc:!0}}}),`
 `,(0,x.jsx)(u,{children:`MultiSelect`}),`
 `,(0,x.jsx)(o,{children:`Мультиселект для локальных коллекций с токенами, поиском и состояниями загрузки`}),`
 `,(0,x.jsx)(t.p,{children:`MultiSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{MultiSelect.stories-BBMt0yCs.js → MultiSelect.stories-gkbGwBpe.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-P2lWyit5.js";import{n as i,t as a}from"./MultiSelect-DIUS_A1T.js";var o=t({Basic:()=>p,Empty:()=>g,ErrorState:()=>h,Loading:()=>m,__namedExportsOrder:()=>_,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{code:`MOW`,label:`Москва`},{code:`SPB`,label:`Санкт-Петербург`},{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`NSK`,label:`Новосибирск`}],f={title:`UI/MultiSelect`,component:a,args:{label:`Города`,description:`Выберите несколько значений.`,placeholder:`Начните вводить`,value:[],onChange:u(),codeKey:`code`,textKey:`label`,items:d,query:``,onQuery:u(),onOpen:()=>{},onClose:u(),size:`md`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},value:{description:`Контролируемый набор выбранных option.`,control:!1},onChange:{description:`Вызывается после подтверждения набора option.`,control:!1},codeKey:{description:`Имя поля option с уникальным ключом.`,control:`text`},textKey:{description:`Имя поля option с отображаемым текстом.`,control:`text`},hideCode:{description:`Скрывает код option в токенах и списке.`,control:`boolean`},items:{description:`Набор доступных option.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Текст, который подсвечивается в option.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},getOptionDisabled:{description:`Блокирует отдельные option с учетом текущего выбора.`,control:!1},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается при закрытии списка после commit.`,control:!1},error:{description:`Текст ошибки загрузки option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки option.`,control:`boolean`},renderToken:{description:`Кастомный рендер выбранных токенов.`,control:!1},renderToolbar:{description:`Кастомный рендер toolbar popup.`,control:!1},renderItem:{description:`Возвращает text, code и searchText для общей композиции OptionButton.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},p={render:function(e){let[,t]=l(),n=e.value??[d[1]],r=e.query??``,i=(0,s.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>t.label.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)):d},[r]);return(0,c.jsx)(a,{...e,value:n,items:i,query:r,onQuery:n=>{e.onQuery?.(n),t({query:n})},onChange:n=>{e.onChange(n),t({value:n})}})}},m={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],isLoading:!0,onChange:n=>{e.onChange(n),t({value:n})}})}},h={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],error:`Ошибка загрузки`,onChange:n=>{e.onChange(n),t({value:n})}})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],onChange:n=>{e.onChange(n),t({value:n})}})}},p.parameters={...p.parameters,docs:{...p.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-Ctjgxy8H.js";import{n as i,t as a}from"./MultiSelect-BD6mJ2vx.js";var o=t({Basic:()=>p,Empty:()=>g,ErrorState:()=>h,Loading:()=>m,__namedExportsOrder:()=>_,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{code:`MOW`,label:`Москва`},{code:`SPB`,label:`Санкт-Петербург`},{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`NSK`,label:`Новосибирск`}],f={title:`UI/MultiSelect`,component:a,args:{label:`Города`,description:`Выберите несколько значений.`,placeholder:`Начните вводить`,value:[],onChange:u(),codeKey:`code`,textKey:`label`,items:d,query:``,onQuery:u(),onOpen:()=>{},onClose:u(),size:`md`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},value:{description:`Контролируемый набор выбранных option.`,control:!1},onChange:{description:`Вызывается после подтверждения набора option.`,control:!1},codeKey:{description:`Имя поля option с уникальным ключом.`,control:`text`},textKey:{description:`Имя поля option с отображаемым текстом.`,control:`text`},hideCode:{description:`Скрывает код option в токенах и списке.`,control:`boolean`},items:{description:`Набор доступных option.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Текст, который подсвечивается в option.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},getOptionDisabled:{description:`Блокирует отдельные option с учетом текущего выбора.`,control:!1},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается при закрытии списка после commit.`,control:!1},error:{description:`Текст ошибки загрузки option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки option.`,control:`boolean`},renderToken:{description:`Кастомный рендер выбранных токенов.`,control:!1},renderToolbar:{description:`Кастомный рендер toolbar popup.`,control:!1},renderItem:{description:`Возвращает text, code и searchText для общей композиции OptionButton.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},p={render:function(e){let[,t]=l(),n=e.value??[d[1]],r=e.query??``,i=(0,s.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>t.label.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)):d},[r]);return(0,c.jsx)(a,{...e,value:n,items:i,query:r,onQuery:n=>{e.onQuery?.(n),t({query:n})},onChange:n=>{e.onChange(n),t({value:n})}})}},m={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],isLoading:!0,onChange:n=>{e.onChange(n),t({value:n})}})}},h={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],error:`Ошибка загрузки`,onChange:n=>{e.onChange(n),t({value:n})}})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],onChange:n=>{e.onChange(n),t({value:n})}})}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   render: function Render(args) {
     const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
     const value = args.value ?? [catalog[1]!];

package/storybook-static/assets/{NoData-DbdBWJjI.js → NoData-Cl4UXZP6.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./Text-kiZvmGXF.js";var o,s;function c(){return(c=e((()=>{r(),o=t(),s=({className:e,minHeight:t,children:r,style:i,...a})=>{let s=t===void 0?i:{...i,minHeight:t};return(0,o.jsx)(`div`,{...a,className:n(`flexCenter h100`,e),style:s,children:r})},s.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})))()}var l,u;function d(){return(d=e((()=>{l=`qgIKVo`,u={componentLoader:l}})))()}function f({className:e,children:t,color:r=`muted`,role:i,minHeight:o,uppercase:c=!0}){return(0,p.jsx)(s,{className:n(`paddingMd textCenter`,e),minHeight:o,children:(0,p.jsx)(a,{as:`p`,weight:`bold`,color:r,uppercase:c,role:i,children:t})})}var p;function m(){return(m=e((()=>{r(),c(),i(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{className:{required:!1,tsType:{name:`string`},description:``},color:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "muted" | "error" | "warning" | "success" | "info" | "brand" | "accent"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"muted"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`},{name:`literal`,value:`"brand"`},{name:`literal`,value:`"accent"`}]},description:``,defaultValue:{value:`"muted"`,computed:!1}},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},uppercase:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},role:{required:!1,tsType:{name:`AriaRole`},description:``}},composes:[`PropsWithChildren`]}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(f,{className:n(u.componentLoader,t?void 0:`skeletonLine`,e),children:[t,r||`Загрузка...`]})}var g;function _(){return(_=e((()=>{r(),d(),m(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`LoadingMessage`,props:{className:{required:!1,tsType:{name:`string`},description:``},logo:{required:!1,tsType:{name:`ReactNode`},description:`Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке.`},text:{required:!1,tsType:{name:`string`},description:``}}}})))()}function v({className:e,text:t,role:n,minHeight:r=`5em`}){return(0,y.jsx)(f,{className:e,color:`muted`,minHeight:r,role:n,children:t||`Нет данных`})}var y;function b(){return(b=e((()=>{m(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`NoData`,props:{className:{required:!1,tsType:{name:`string`},description:``},text:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`"5em"`,computed:!1}},role:{required:!1,tsType:{name:`AriaRole`},description:``}}}})))()}export{_ as i,b as n,h as r,v as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./Text-B2YuarGk.js";var o,s;function c(){return(c=e((()=>{r(),o=t(),s=({className:e,minHeight:t,children:r,style:i,...a})=>{let s=t===void 0?i:{...i,minHeight:t};return(0,o.jsx)(`div`,{...a,className:n(`flexCenter h100`,e),style:s,children:r})},s.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})))()}var l,u;function d(){return(d=e((()=>{l=`qgIKVo`,u={componentLoader:l}})))()}function f({className:e,children:t,color:r=`muted`,role:i,minHeight:o,uppercase:c=!0}){return(0,p.jsx)(s,{className:n(`paddingMd textCenter`,e),minHeight:o,children:(0,p.jsx)(a,{as:`p`,weight:`bold`,color:r,uppercase:c,role:i,children:t})})}var p;function m(){return(m=e((()=>{r(),c(),i(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{className:{required:!1,tsType:{name:`string`},description:``},color:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "muted" | "error" | "warning" | "success" | "info" | "brand" | "accent"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"muted"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`},{name:`literal`,value:`"brand"`},{name:`literal`,value:`"accent"`}]},description:``,defaultValue:{value:`"muted"`,computed:!1}},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},uppercase:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},role:{required:!1,tsType:{name:`AriaRole`},description:``}},composes:[`PropsWithChildren`]}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(f,{className:n(u.componentLoader,t?void 0:`skeletonLine`,e),children:[t,r||`Загрузка...`]})}var g;function _(){return(_=e((()=>{r(),d(),m(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`LoadingMessage`,props:{className:{required:!1,tsType:{name:`string`},description:``},logo:{required:!1,tsType:{name:`ReactNode`},description:`Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке.`},text:{required:!1,tsType:{name:`string`},description:``}}}})))()}function v({className:e,text:t,role:n,minHeight:r=`5em`}){return(0,y.jsx)(f,{className:e,color:`muted`,minHeight:r,role:n,children:t||`Нет данных`})}var y;function b(){return(b=e((()=>{m(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`NoData`,props:{className:{required:!1,tsType:{name:`string`},description:``},text:{required:!1,tsType:{name:`string`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`"5em"`,computed:!1}},role:{required:!1,tsType:{name:`AriaRole`},description:``}}}})))()}export{_ as i,b as n,h as r,v as t};

package/storybook-static/assets/{NotificationsHost-BDzrnm0E.js → NotificationsHost-B2vgz-sQ.js}

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

package/storybook-static/assets/{NotificationsHost.stories-DRxhyBsq.js → NotificationsHost.stories-7Fw9T4s4.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-BQjlxuuS.js";import{n as a,t as o}from"./circle-alert-CMkR4f70.js";import{n as s,t as c}from"./circle-check-cbaoMVLN.js";import{i as l,n as ee,r as u,t as d}from"./info-DiEB7Sol.js";import{n as te,t as f}from"./refresh-cw-BH23X1DD.js";import{n as ne,t as re}from"./trash-2-BXS3JzUd.js";import{n as p,t as m}from"./triangle-alert-WCBU4otF.js";import{n as ie,t as ae}from"./x-3HZ4js_c.js";import{i as oe,n as h,r as se}from"./iframe-P2lWyit5.js";import{a as ce,i as le}from"./utils-tg3ibbzi.js";import{a as ue,i as de,n as fe,r as g}from"./react-GkniIHEK.js";import{n as pe}from"./error-De9R4E_F.js";import{n as me,t as _}from"./FlexContainer-BWyPlTMB.js";import{n as he,t as v}from"./Button-BM6kIoG9.js";var y,b;function x(){return(x=e((()=>{oe(),y=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],b=se(`bell-ring`,y)})))()}var S,C;function w(){return(w=e((()=>{oe(),S=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],C=se(`timer-reset`,S)})))()}var T,E,D,O,k,A,j;function M(){return(M=e((()=>{ue(),T=null,E=e=>(T=e,()=>{T===e&&(T=null)}),D=()=>{if(!T)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return T},O=Object.freeze({push:e=>D().getState().actions.push(e),upsert:e=>D().getState().actions.upsert(e),update:(e,t)=>D().getState().actions.update(e,t),dismiss:e=>D().getState().actions.dismiss(e),clear:()=>D().getState().actions.clear(),success:(e,t)=>D().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>D().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>D().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>D().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=D(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>O.update(i,{message:e}),success:(e,t=2500)=>O.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>O.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>O.dismiss(i)}}}),k=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,A=6,j=()=>{let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=de()((i,a)=>({items:[],actions:{push:e=>{let t=e.id??k(),a=Date.now(),o={id:t,type:e.type,title:e.title,message:e.message,createdAt:a,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions};return i(e=>({items:[o,...e.items.filter(e=>e.id!==t)].slice(0,A)})),n(r,t,o.ttlMs),t},update:(e,t)=>{let{items:o}=a(),s=o.findIndex(t=>t.id===e);if(s===-1)return!1;let c=o[s],l={...c,...t,id:c.id,createdAt:c.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?l:t)})),`ttlMs`in t&&n(r,e,l.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})}}}));return r}})))()}function N({children:e}){let t=(0,I.useMemo)(()=>j(),[]);return(0,I.useEffect)(()=>E(t),[t]),(0,L.jsx)(R.Provider,{value:t,children:e})}function P(){let e=(0,I.useContext)(R);if(!e)throw pe({hookName:`useNotificationApi`,providerName:`NotificationsProvider`});return e}function ge(){let e=P();return g(e,e=>e.items)}function F(){let e=P(),t=g(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}var I,L,R;function z(){return(z=e((()=>{I=n(),M(),fe(),L=h(),R=(0,I.createContext)(null),N.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.`,methods:[],displayName:`NotificationsProvider`}})))()}var B,V,H,U,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,W;function De(){return(De=e((()=>{B=`STGQ3g`,V=`RaiISE`,H=`cM81wO`,U=`nH2cuZ`,_e=`A2glD7`,ve=`yWjijS`,ye=`_1HO2ne`,be=`OyRJpj`,xe=`vrCrow`,Se=`A0X-ma`,Ce=`AkHvPV`,we=`_4YDLB5`,Te=`CK3Bqv`,Ee=`nLmQut`,W={container:B,card:V,info:H,success:U,warning:_e,error:ve,header:ye,content:be,copy:xe,icon:Se,kicker:Ce,title:we,message:Te,actions:Ee}})))()}function G(){let e=ge(),{dismiss:t}=F();return(0,K.jsx)(`div`,{className:W.container,"aria-label":`Область уведомлений`,"aria-live":`polite`,"aria-relevant":`additions text`,children:e.map(e=>{let n=Oe[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`article`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:ce(W.card,W[e.type]),children:(0,K.jsxs)(_,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(_,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(v,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(v,{icon:(0,K.jsx)(ae,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Oe;function ke(){return(ke=e((()=>{le(),a(),s(),ee(),p(),ie(),he(),me(),z(),De(),K=h(),Oe={info:{title:`Информация`,Icon:d},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:m},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения очереди уведомлений.
+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-C2TxO0vM.js";import{n as a,t as o}from"./circle-alert-DOSGRi-t.js";import{n as s,t as c}from"./circle-check-BkRw3adn.js";import{i as l,n as ee,r as u,t as d}from"./info-Dl61zQfI.js";import{n as te,t as f}from"./refresh-cw-B8DNzoOe.js";import{n as ne,t as re}from"./trash-2-CSbUpfo-.js";import{n as p,t as m}from"./triangle-alert-BRLCqBPU.js";import{n as ie,t as ae}from"./x-4Az7SNSv.js";import{i as oe,n as h,r as se}from"./iframe-Ctjgxy8H.js";import{a as ce,i as le}from"./utils-tg3ibbzi.js";import{a as ue,i as de,n as fe,r as g}from"./react-GkniIHEK.js";import{n as pe}from"./error-De9R4E_F.js";import{n as me,t as _}from"./FlexContainer-BWyPlTMB.js";import{n as he,t as v}from"./Button-DQHgQZCq.js";var y,b;function x(){return(x=e((()=>{oe(),y=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],b=se(`bell-ring`,y)})))()}var S,C;function w(){return(w=e((()=>{oe(),S=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],C=se(`timer-reset`,S)})))()}var T,E,D,O,k,A,j;function M(){return(M=e((()=>{ue(),T=null,E=e=>(T=e,()=>{T===e&&(T=null)}),D=()=>{if(!T)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return T},O=Object.freeze({push:e=>D().getState().actions.push(e),upsert:e=>D().getState().actions.upsert(e),update:(e,t)=>D().getState().actions.update(e,t),dismiss:e=>D().getState().actions.dismiss(e),clear:()=>D().getState().actions.clear(),success:(e,t)=>D().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>D().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>D().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>D().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=D(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>O.update(i,{message:e}),success:(e,t=2500)=>O.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>O.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>O.dismiss(i)}}}),k=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,A=6,j=()=>{let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=de()((i,a)=>({items:[],actions:{push:e=>{let t=e.id??k(),a=Date.now(),o={id:t,type:e.type,title:e.title,message:e.message,createdAt:a,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions};return i(e=>({items:[o,...e.items.filter(e=>e.id!==t)].slice(0,A)})),n(r,t,o.ttlMs),t},update:(e,t)=>{let{items:o}=a(),s=o.findIndex(t=>t.id===e);if(s===-1)return!1;let c=o[s],l={...c,...t,id:c.id,createdAt:c.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?l:t)})),`ttlMs`in t&&n(r,e,l.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})}}}));return r}})))()}function N({children:e}){let t=(0,I.useMemo)(()=>j(),[]);return(0,I.useEffect)(()=>E(t),[t]),(0,L.jsx)(R.Provider,{value:t,children:e})}function P(){let e=(0,I.useContext)(R);if(!e)throw pe({hookName:`useNotificationApi`,providerName:`NotificationsProvider`});return e}function ge(){let e=P();return g(e,e=>e.items)}function F(){let e=P(),t=g(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}var I,L,R;function z(){return(z=e((()=>{I=n(),M(),fe(),L=h(),R=(0,I.createContext)(null),N.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.`,methods:[],displayName:`NotificationsProvider`}})))()}var B,V,H,U,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,W;function De(){return(De=e((()=>{B=`STGQ3g`,V=`RaiISE`,H=`cM81wO`,U=`nH2cuZ`,_e=`A2glD7`,ve=`yWjijS`,ye=`_1HO2ne`,be=`OyRJpj`,xe=`vrCrow`,Se=`A0X-ma`,Ce=`AkHvPV`,we=`_4YDLB5`,Te=`CK3Bqv`,Ee=`nLmQut`,W={container:B,card:V,info:H,success:U,warning:_e,error:ve,header:ye,content:be,copy:xe,icon:Se,kicker:Ce,title:we,message:Te,actions:Ee}})))()}function G(){let e=ge(),{dismiss:t}=F();return(0,K.jsx)(`div`,{className:W.container,"aria-label":`Область уведомлений`,"aria-live":`polite`,"aria-relevant":`additions text`,children:e.map(e=>{let n=Oe[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`article`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:ce(W.card,W[e.type]),children:(0,K.jsxs)(_,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(_,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(v,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(v,{icon:(0,K.jsx)(ae,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Oe;function ke(){return(ke=e((()=>{le(),a(),s(),ee(),p(),ie(),he(),me(),z(),De(),K=h(),Oe={info:{title:`Информация`,Icon:d},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:m},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения очереди уведомлений.
 Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.`,methods:[],displayName:`NotificationsHost`}})))()}var Ae=t({InteractivePlayground:()=>Q,Showcase:()=>Z,__namedExportsOrder:()=>Be,default:()=>Fe});function je(){let{clear:e}=F();return(0,q.useEffect)(()=>(e(),()=>{e()}),[e]),null}function Me({children:e,hostProps:t}){return(0,J.jsxs)(N,{children:[(0,J.jsx)(je,{}),(0,J.jsx)(`div`,{style:Ie,children:(0,J.jsxs)(`div`,{style:Le,children:[(0,J.jsxs)(`div`,{style:Re,children:[(0,J.jsx)(`h2`,{style:{margin:0,fontSize:`var(--font-size-xl)`},children:`Демонстрация очереди уведомлений`}),(0,J.jsx)(`p`,{style:{margin:`12px 0 0`,color:`var(--content-1)`},children:"Хост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и семантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной операции с обновлением одного уведомления."})]}),e]})}),(0,J.jsx)(G,{...t})]})}function Ne(){let{clear:e,push:t}=F();return(0,q.useEffect)(()=>(e(),t({type:`info`,title:`Сетевой статус`,message:`Подключение к серверу восстановлено.`,ttlMs:6e3}),t({type:`success`,title:`Профиль обновлён`,message:`Изменения сохранены и отправлены в очередь на синхронизацию.`,ttlMs:4500}),t({type:`warning`,title:`Требуется внимание`,message:`Срок действия сессии истекает через 5 минут.`}),t({type:`error`,title:`Ошибка импорта`,message:`Не удалось загрузить журнал операций.
 Повторите запрос или обратитесь к администратору.`}),()=>{e()}),[e,t]),(0,J.jsxs)(`div`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Снимок состояний`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`История сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста.`})]})}function Pe(){let e=F(),t=(0,q.useRef)(null),[n,r]=(0,q.useState)(!1),a=()=>{t.current=null,r(!1)},o=(n,r)=>{let i=t.current;i&&(!e.update(i,{message:n,...r})||r?.type)&&a()};return(0,J.jsxs)(`div`,{style:ze,children:[(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Базовые сценарии`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Вызовы через `useNotify` подходят для UI-логики внутри React-компонентов."}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(v,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(d,{}),onClick:()=>e.info(`Справочник обновлён по расписанию.`,{title:`Информация`,ttlMs:3500}),children:`Info`}),(0,J.jsx)(v,{tone:`success`,appearance:`solid`,icon:(0,J.jsx)(i,{}),onClick:()=>e.success(`Изменения сохранены.`,{title:`Операция завершена`,ttlMs:2500}),children:`Success`}),(0,J.jsx)(v,{tone:`warning`,appearance:`outline`,icon:(0,J.jsx)(m,{}),onClick:()=>e.warning(`Подтвердите действие в течение 2 минут.`,{title:`Требуется подтверждение`,dismissible:!1}),children:`Sticky warning`}),(0,J.jsx)(v,{tone:`error`,appearance:`solid`,icon:(0,J.jsx)(u,{}),onClick:()=>e.error(`Сервис проверки подписей недоступен.`,{title:`Критическая ошибка`}),children:`Error`})]})]}),(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Долгая операция`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Сценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`."}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(v,{variant:`neutralOutline`,icon:(0,J.jsx)(b,{}),onClick:()=>{let n=e.push({type:`info`,title:`Экспорт архива`,message:`Подготавливаю пакет документов...`,dismissible:!1});t.current=n,r(!0)},children:`Запустить`}),(0,J.jsx)(v,{variant:`neutralOutline`,icon:(0,J.jsx)(f,{}),onClick:()=>{o(`Обработано 68% записей. Формирую итоговый архив...`)},disabled:!n,children:`Обновить прогресс`}),(0,J.jsx)(v,{tone:`success`,appearance:`outline`,icon:(0,J.jsx)(i,{}),onClick:()=>{o(`Архив подготовлен и доступен для скачивания.`,{type:`success`,ttlMs:2500,dismissible:!0})},disabled:!n,children:`Завершить успешно`}),(0,J.jsx)(v,{tone:`error`,appearance:`outline`,icon:(0,J.jsx)(u,{}),onClick:()=>{o(`Не удалось собрать архив из-за ошибки чтения вложений.`,{type:`error`,ttlMs:5e3,dismissible:!0})},disabled:!n,children:`Завершить ошибкой`})]})]}),(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Очередь и очистка`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`Стор сохраняет не более 6 уведомлений. Кнопка ниже специально создаёт 8 элементов, чтобы проверить отсечение старых записей.`}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(v,{variant:`neutralOutline`,icon:(0,J.jsx)(f,{}),onClick:()=>{for(let t=1;t<=8;t+=1)e.info(`Пакет ${t} поставлен в очередь на обработку.`,{title:`Задача ${t}`,ttlMs:8e3})},children:`Заполнить очередь`}),(0,J.jsx)(v,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(C,{}),onClick:()=>e.info(`Это уведомление исчезнет автоматически через 2 секунды.`,{title:`TTL = 2000 мс`,ttlMs:2e3}),children:`Проверить TTL`}),(0,J.jsx)(v,{variant:`transparent`,icon:(0,J.jsx)(re,{}),onClick:()=>{a(),e.clear()},children:`Очистить всё`})]})]})]})}var q,J,Fe,Ie,Le,Re,ze,Y,X,Z,Q,Be;function $(){return($=e((()=>{q=n(),x(),r(),ee(),te(),w(),ne(),p(),l(),he(),z(),ke(),J=h(),Fe={title:`UI/Notifications`,component:G,args:{},argTypes:{},parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:`Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления.`}}}},Ie={minHeight:`100vh`,padding:`32px 24px 160px`,background:`linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)`,color:`var(--content-0)`},Le={maxWidth:1120,margin:`0 auto`,display:`grid`,gap:16},Re={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`},ze={display:`grid`,gap:16,gridTemplateColumns:`repeat(auto-fit, minmax(280px, 1fr))`},Y={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`,display:`grid`,gap:12,alignContent:`start`},X={display:`flex`,flexWrap:`wrap`,gap:10},Z={render:function(e){return(0,J.jsx)(Me,{hostProps:e,children:(0,J.jsx)(Ne,{})})},parameters:{docs:{description:{story:`Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.`}}}},Q={render:function(e){return(0,J.jsx)(Me,{hostProps:e,children:(0,J.jsx)(Pe,{})})},parameters:{docs:{description:{story:`Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия.`}}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
   render: function Render(args) {

package/storybook-static/assets/{ODataMultiSelect-BRqeU81R.js → ODataMultiSelect-CGXrGRDW.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataMultiSelect.stories-ER9gIab1.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataMultiSelect.stories-ppuz3Ivh.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,T.jsx)(u,{children:`ODataMultiSelect`}),`
 `,(0,T.jsx)(o,{children:`Мультиселект с загрузкой коллекций по OData и зависимостями от внешних фильтров`}),`
 `,(0,T.jsx)(t.p,{children:`ODataMultiSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{ODataMultiSelect.stories-ER9gIab1.js → ODataMultiSelect.stories-ppuz3Ivh.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-P2lWyit5.js";import{a as i,s as a,t as o}from"./odata-Bd7GUMGD.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";import{a as l,i as u,n as d,r as f,t as p}from"./useODataSelectBase-B8unXxru.js";import{n as m,t as h}from"./MultiSelect-DIUS_A1T.js";import{a as g,c as _,i as v,l as y,n as b,o as x,r as S,s as C,t as w,u as T}from"./odataStoryFixtures-BERkpW2l.js";function E({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(d(e,o.selectionKey))};return{...o,handleChange:s}}function D(){return(D=e((()=>{p()})))()}var O,k;function A(){return(A=e((()=>{n(),i(),D(),m(),O=r(),k=({odata:e,segment:t,model:n,label:r,description:i,disabled:o,value:s,dependencies:c,onChange:l,size:u})=>{let d=E({odata:e,segment:t,model:a(n),value:s,dependencies:c,onChange:l});return(0,O.jsx)(h,{label:r,description:i,size:u,codeKey:d.codeKey,textKey:d.textKey,hideCode:t.hideCode??e.hideCode,items:d.filteredItems,value:d.selectedItems,onChange:d.handleChange,onQuery:d.setQuery,query:d.query,defaultFilter:!1,highlightQuery:d.debouncedQuery,isLoading:d.isLoading,disabled:o,placeholder:d.placeholder,error:d.isError?`Ошибка загрузки`:void 0})},k.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}})))()}function j(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15}=e,s=l(e),{updateSegment:c}=s,u=`calc(${o}em + var(--width-add))`,d=(0,M.useCallback)(e=>{c(t.id,e)},[t.id,c]);return(0,N.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,N.jsx)(k,{odata:t.odata,segment:t.segment,model:t.model,dependencies:s.values,value:s.values[t.id],onChange:d,disabled:n||s.isSegmentDisabled(t.id),label:r,description:i,size:a})})}var M,N;function P(){return(P=e((()=>{M=n(),u(),A(),N=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
+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-Ctjgxy8H.js";import{a as i,s as a,t as o}from"./odata-BDsYgYEZ.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.js";import{a as l,i as u,n as d,r as f,t as p}from"./useODataSelectBase-oNEeP0OC.js";import{n as m,t as h}from"./MultiSelect-BD6mJ2vx.js";import{a as g,c as _,i as v,l as y,n as b,o as x,r as S,s as C,t as w,u as T}from"./odataStoryFixtures-CokWXYCf.js";function E({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=f({odata:e,segment:t,model:n,value:r,dependencies:i}),s=e=>{a(d(e,o.selectionKey))};return{...o,handleChange:s}}function D(){return(D=e((()=>{p()})))()}var O,k;function A(){return(A=e((()=>{n(),i(),D(),m(),O=r(),k=({odata:e,segment:t,model:n,label:r,description:i,disabled:o,value:s,dependencies:c,onChange:l,size:u})=>{let d=E({odata:e,segment:t,model:a(n),value:s,dependencies:c,onChange:l});return(0,O.jsx)(h,{label:r,description:i,size:u,codeKey:d.codeKey,textKey:d.textKey,hideCode:t.hideCode??e.hideCode,items:d.filteredItems,value:d.selectedItems,onChange:d.handleChange,onQuery:d.setQuery,query:d.query,defaultFilter:!1,highlightQuery:d.debouncedQuery,isLoading:d.isLoading,disabled:o,placeholder:d.placeholder,error:d.isError?`Ошибка загрузки`:void 0})},k.__docgenInfo={description:``,methods:[],displayName:`ODataMultiSelect`}})))()}function j(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15}=e,s=l(e),{updateSegment:c}=s,u=`calc(${o}em + var(--width-add))`,d=(0,M.useCallback)(e=>{c(t.id,e)},[t.id,c]);return(0,N.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,N.jsx)(k,{odata:t.odata,segment:t.segment,model:t.model,dependencies:s.values,value:s.values[t.id],onChange:d,disabled:n||s.isSegmentDisabled(t.id),label:r,description:i,size:a})})}var M,N;function P(){return(P=e((()=>{M=n(),u(),A(),N=r(),j.__docgenInfo={description:``,methods:[],displayName:`ODataDependentSegmentMultiSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
 
 @default 15`}}}})))()}var F=t({BasicDivision:()=>U,CollectionError:()=>X,HideCode:()=>W,LinkedFilters:()=>q,LoadingState:()=>J,MetadataError:()=>Y,SelectTextValue:()=>G,StaticDependency:()=>K,__namedExportsOrder:()=>Z,default:()=>H});function I({args:e,updateArgs:t}){return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,R.jsx)(k,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,R.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value.length?e.value.join(`, `):`пусто`]})]})}function L(){let e=l({selectionMode:`sequential`,segmentOrder:B});return(0,R.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[z.map((t,n)=>(0,R.jsx)(j,{item:t,values:e.values,onChange:e.updateValues,selectionMode:`sequential`,segmentOrder:B,label:t.segment.placeholder,description:n===0?`Первый уровень доступен сразу.`:`Уровень включается после заполнения всего предыдущего пути.`,width:30},t.id)),(0,R.jsx)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:(0,R.jsxs)(`div`,{children:[`Общий снимок: `,JSON.stringify(e.values)]})})]})}var R,z,B,V,H,U,W,G,K,q,J,Y,X,Z;function Q(){return(Q=e((()=>{i(),s(),u(),v(),P(),A(),R=r(),z=o([{odata:b,segments:_,model:w}]),B=z.map(e=>e.id),V=c((e,t)=>(0,R.jsx)(I,{args:e,updateArgs:t})),H={title:`UI/ODataMultiSelect`,component:k,decorators:[T],beforeEach:g,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData MultiSelect на основе конфигурации ui control.`,odata:b,model:w,segment:S,value:[],onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},model:{description:`Модель OData-коллекции и codeKey.`,control:!1},segment:{description:`Конфигурация отображения сегмента.`,control:!1},dependencies:{description:`Выбранные значения upstream-сегментов.`,control:!1},value:{description:`Контролируемый набор выбранных кодов или текстов.`,control:!1},onChange:{description:`Вызывается с новым набором выбранных значений.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},U={name:`Базовый регион`,render:V,args:{label:`Регион`,description:`Базовая настройка из multiSelectConfig: выбор кодов REGION с текстовым отображением.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`},value:[C.region]}},W={name:`Скрытый код`,render:V,args:{label:`Подразделение`,description:`Сценарий segment.hideCode: в списке и токене показывается только текст без кода.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},value:[C.branch,C.branchAlt]}},G={name:`Выбор текста вместо кода`,render:V,args:{label:`Регион по тексту`,description:`Сценарий segment.selectText: наружу возвращаются текстовые значения, а не коды.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},value:[C.regionText]}},K={name:`Зависимость от региона`,render:V,args:{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...w,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[C.region]},value:[C.branch]}},q={name:`Связанная цепочка фильтров`,render:()=>(0,R.jsx)(L,{})},J={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:V,args:{odata:x.loading,label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state и skeleton.`,model:{...w,codeKey:`TEAM`},segment:{placeholder:`Команда`}}},Y={name:`Ошибка metadata`,decorators:[y],parameters:{odataMockMode:`metadataError`},render:V,args:{odata:x.metadataError,label:`Регион`,description:`Сервис возвращает ошибку metadata. Полезно для проверки поведения хука useODataEntity.`,model:{...w,codeKey:`REGION`},segment:{placeholder:`Регион`}}},X={name:`Деградация при ошибке коллекции`,parameters:{odataMockMode:`collectionError`},render:V,args:{odata:x.collectionError,label:`Ответственный`,description:`Transport возвращает 500, а текущий API-контракт безопасно показывает пустой список.`,model:{...w,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
   name: "Базовый регион",

package/storybook-static/assets/{ODataSelect-BbehbC8b.js → ODataSelect-xKIjMIAt.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataSelect.stories-B48c_2gZ.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./ODataSelect.stories-laNLY7vk.js";function C(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,T.jsx)(u,{children:`ODataSelect`}),`
 `,(0,T.jsx)(o,{children:`Single-select с загрузкой OData-справочника, поиском и зависимостями от внешних фильтров`}),`
 `,(0,T.jsx)(t.p,{children:`ODataSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{ODataSelect.stories-B48c_2gZ.js → ODataSelect.stories-laNLY7vk.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-P2lWyit5.js";import{a as i,s as a,t as o}from"./odata-Bd7GUMGD.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,l as d,o as f,s as p,u as m}from"./OptionButton-CfCsCZj9.js";import{n as h,t as g}from"./createControlledStoryRender-BouhvX-R.js";import{c as _,l as v}from"./Input-cHEAcYed.js";import{n as ee,t as te}from"./Select-BXxlKe2v.js";import{a as y,i as b,r as ne,t as re}from"./useODataSelectBase-B8unXxru.js";import{a as ie,c as ae,i as oe,l as se,n as x,o as S,r as ce,s as C,t as w,u as le}from"./odataStoryFixtures-BERkpW2l.js";function ue({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ne({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,T.useMemo)(()=>s?[s,...o.filteredItems]:o.filteredItems,[o.filteredItems,s]),l=e=>{a(e?.[o.selectionKey])};return{...o,selectedItem:s,options:c,handleChange:l}}var T;function E(){return(E=e((()=>{T=n(),re()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(l,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(d,{text:e,highlight:n})}),t&&(0,O.jsx)(p,{className:i,children:(0,O.jsx)(d,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),u(),f(),m(),O=r(),D.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}function A(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}var j,M;function N(){return(N=e((()=>{n(),i(),v(),E(),ee(),k(),j=r(),M=({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:c,dependencies:l,onChange:u,clearable:d})=>{let f=ue({odata:e,segment:t,model:a(n),value:c,dependencies:l,onChange:u});if(f.isLoading)return(0,j.jsx)(_,{size:r,label:i,description:o});let p=t.hideCode??e.hideCode,m=A(f.selectedItem??f.options[0],f.textKey,f.codeKey);return(0,j.jsx)(te,{size:r,label:i,description:o,options:f.options,value:f.selectedItem,onChange:f.handleChange,getOptionKey:e=>e[f.codeKey],getOptionLabel:e=>e[m],getOptionCode:p?void 0:e=>e[f.codeKey],getOptionAriaLabel:e=>p||e[m]===e[f.codeKey]?String(e[m]):`${e[m]} ${e[f.codeKey]}`,renderValue:e=>(0,j.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey]}),renderOption:e=>(0,j.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey],highlight:f.debouncedQuery}),searchable:!0,query:f.query,onQuery:f.setQuery,defaultFilter:!1,disabled:s||f.isLoading,placeholder:f.placeholder,isLoading:f.isLoading,errorState:f.isError?`Ошибка загрузки`:void 0,emptyState:!f.isLoading&&!f.isError?`Нет данных`:void 0,clearable:d})},M.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function P(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15,clearable:s}=e,c=y(e),{updateSegment:l}=c,u=`calc(${o}em + var(--width-add))`,d=(0,F.useCallback)(e=>{l(t.id,e===void 0?[]:[e])},[t.id,l]);return(0,I.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,I.jsx)(M,{odata:t.odata,segment:t.segment,model:t.model,dependencies:c.values,value:c.values[t.id]?.[0],onChange:d,disabled:n||c.isSegmentDisabled(t.id),label:r,description:i,size:a,clearable:s})})}var F,I;function L(){return(L=e((()=>{F=n(),b(),N(),I=r(),P.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
+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-Ctjgxy8H.js";import{a as i,s as a,t as o}from"./odata-BDsYgYEZ.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,l as d,o as f,s as p,u as m}from"./OptionButton-pWyuhK8d.js";import{n as h,t as g}from"./createControlledStoryRender-BouhvX-R.js";import{c as _,l as v}from"./Input-DMnIZD0A.js";import{n as ee,t as te}from"./Select-B3FoE2zw.js";import{a as y,i as b,r as ne,t as re}from"./useODataSelectBase-oNEeP0OC.js";import{a as ie,c as ae,i as oe,l as se,n as x,o as S,r as ce,s as C,t as w,u as le}from"./odataStoryFixtures-CokWXYCf.js";function ue({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ne({odata:e,segment:t,model:n,value:r?[r]:[],dependencies:i}),s=o.selectedItems[0],c=(0,T.useMemo)(()=>s?[s,...o.filteredItems]:o.filteredItems,[o.filteredItems,s]),l=e=>{a(e?.[o.selectionKey])};return{...o,selectedItem:s,options:c,handleChange:l}}var T;function E(){return(E=e((()=>{T=n(),re()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(l,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(d,{text:e,highlight:n})}),t&&(0,O.jsx)(p,{className:i,children:(0,O.jsx)(d,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),u(),f(),m(),O=r(),D.__docgenInfo={description:`Универсальный рендерер опции. Используется и в single-select, и в multi-select.`,methods:[],displayName:`SelectOptionContent`,props:{label:{required:!0,tsType:{name:`string`},description:``},code:{required:!1,tsType:{name:`string`},description:``},highlight:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:`Приватный визуальный modifier label для специализированного владельца option.`},codeClassName:{required:!1,tsType:{name:`string`},description:`Отдельный modifier code, потому что code задаёт собственный variable-font weight.`}}}})))()}function A(e,t,n){return e?t||Object.keys(e).find(e=>e!==n)||n:t||n}var j,M;function N(){return(N=e((()=>{n(),i(),v(),E(),ee(),k(),j=r(),M=({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:c,dependencies:l,onChange:u,clearable:d})=>{let f=ue({odata:e,segment:t,model:a(n),value:c,dependencies:l,onChange:u});if(f.isLoading)return(0,j.jsx)(_,{size:r,label:i,description:o});let p=t.hideCode??e.hideCode,m=A(f.selectedItem??f.options[0],f.textKey,f.codeKey);return(0,j.jsx)(te,{size:r,label:i,description:o,options:f.options,value:f.selectedItem,onChange:f.handleChange,getOptionKey:e=>e[f.codeKey],getOptionLabel:e=>e[m],getOptionCode:p?void 0:e=>e[f.codeKey],getOptionAriaLabel:e=>p||e[m]===e[f.codeKey]?String(e[m]):`${e[m]} ${e[f.codeKey]}`,renderValue:e=>(0,j.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey]}),renderOption:e=>(0,j.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey],highlight:f.debouncedQuery}),searchable:!0,query:f.query,onQuery:f.setQuery,defaultFilter:!1,disabled:s||f.isLoading,placeholder:f.placeholder,isLoading:f.isLoading,errorState:f.isError?`Ошибка загрузки`:void 0,emptyState:!f.isLoading&&!f.isError?`Нет данных`:void 0,clearable:d})},M.__docgenInfo={description:``,methods:[],displayName:`ODataSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function P(e){let{item:t,disabled:n,label:r,description:i,size:a,width:o=15,clearable:s}=e,c=y(e),{updateSegment:l}=c,u=`calc(${o}em + var(--width-add))`,d=(0,F.useCallback)(e=>{l(t.id,e===void 0?[]:[e])},[t.id,l]);return(0,I.jsx)(`div`,{style:{maxWidth:u,minWidth:u},children:(0,I.jsx)(M,{odata:t.odata,segment:t.segment,model:t.model,dependencies:c.values,value:c.values[t.id]?.[0],onChange:d,disabled:n||c.isSegmentDisabled(t.id),label:r,description:i,size:a,clearable:s})})}var F,I;function L(){return(L=e((()=>{F=n(),b(),N(),I=r(),P.__docgenInfo={description:`Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.
 Общий снимок остаётся массивным, поэтому совместим с \`dependencies\` и
 может совместно использоваться с segment-level MultiSelect-контролами.`,methods:[],displayName:`ODataDependentSegmentSelect`,props:{values:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Внешний снимок значений. При наличии включает controlled-режим.`},defaultValues:{required:!1,tsType:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},description:`Начальный снимок для uncontrolled-режима.`},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(values: ODataDependentSelectionValues) => void`,signature:{arguments:[{type:{name:`Record`,elements:[{name:`string`},{name:`Array`,elements:[{name:`string`}],raw:`string[]`}],raw:`Record<string, string[]>`},name:`values`}],return:{name:`void`}}},description:`Получает полный снимок после каждого изменения сегмента.`},item:{required:!0,tsType:{name:`ODataDependentSegmentItem`},description:`Развёрнутое описание конкретного OData-сегмента.`},disabled:{required:!1,tsType:{name:`boolean`},description:`Дополнительная внешняя блокировка поверх sequential-policy.`},label:{required:!1,tsType:{name:`ReactNode`},description:`Заголовок поля.`},description:{required:!1,tsType:{name:`string`},description:`Дополнительное описание поля.`},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:`Размер базового Select или MultiSelect.`},width:{required:!1,tsType:{name:`number`},description:`Ширина элемента в \`em\` без служебной добавки базового input.
 

package/storybook-static/assets/{ODataTreeMultiSelect-PTn9G8gs.js → ODataTreeMultiSelect-DFUONEUd.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./ODataTreeMultiSelect.stories-C03Wgm5Y.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x}from"./ODataTreeMultiSelect.stories-DKTkUiBW.js";function S(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,w.jsx)(u,{children:`ODataTreeMultiSelect`}),`
 `,(0,w.jsx)(o,{children:`Мультивыбор по одной OData-цепочке в виде дерева`}),`
 `,(0,w.jsxs)(t.p,{children:[(0,w.jsx)(t.code,{children:`ODataTreeMultiSelect`}),` строит дерево из одной OData-цепочки и отдает наружу канонизированный выбор в формате `,(0,w.jsx)(t.code,{children:`Record<string, string[]>`}),`.`]}),`

package/storybook-static/assets/{ODataTreeMultiSelect.stories-C03Wgm5Y.js → ODataTreeMultiSelect.stories-DKTkUiBW.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-P2lWyit5.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-CIZ7swZO.js";import{n as c,t as l}from"./useODataTreeData-DY-RbpqR.js";import{a as u,c as d,i as f,l as p,n as m,o as h,s as g,u as _}from"./odataStoryFixtures-BERkpW2l.js";function v({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,value:d,onChange:f,odata:p,segments:m,model:h,defaultExpandedCodeKeys:g,segmentOrder:_,allowEmptyCodeKeys:v,transformNodes:x}){let S=c({odata:p,segments:m,model:h,segmentOrder:_,allowEmptyCodeKeys:v}),C=(0,y.useMemo)(()=>x?.(S.nodes,{orderedCodeKeys:S.orderedCodeKeys})??S.nodes,[x,S.nodes,S.orderedCodeKeys]);return(0,b.jsx)(s,{label:e,description:t,disabled:n||S.isLoading,size:r,placeholder:i??S.placeholder,nodes:C,value:d,onChange:f,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,defaultExpandedCodeKeys:g,isLoading:S.isLoading,error:S.isError?`Ошибка загрузки`:void 0})}var y,b;function x(){return(x=e((()=>{y=n(),l(),o(),b=r(),v.__docgenInfo={description:``,methods:[],displayName:`ODataTreeMultiSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Переключает способ показа загруженного OData-дерева, не меняя формат value и запросов.`},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи OData-уровней, раскрываемых после появления загруженных узлов.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."},segmentOrder:{required:!1,tsType:{name:`unknown`},description:`Явный порядок уровней поверх порядка, автоматически полученного из metadata-chain.`},allowEmptyCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Уровни, на которых пустой код не обрывает последующие уровни дерева.`},transformNodes:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
+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-Ctjgxy8H.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-B_XsAJp-.js";import{n as c,t as l}from"./useODataTreeData-Blp3jPg9.js";import{a as u,c as d,i as f,l as p,n as m,o as h,s as g,u as _}from"./odataStoryFixtures-CokWXYCf.js";function v({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,value:d,onChange:f,odata:p,segments:m,model:h,defaultExpandedCodeKeys:g,segmentOrder:_,allowEmptyCodeKeys:v,transformNodes:x}){let S=c({odata:p,segments:m,model:h,segmentOrder:_,allowEmptyCodeKeys:v}),C=(0,y.useMemo)(()=>x?.(S.nodes,{orderedCodeKeys:S.orderedCodeKeys})??S.nodes,[x,S.nodes,S.orderedCodeKeys]);return(0,b.jsx)(s,{label:e,description:t,disabled:n||S.isLoading,size:r,placeholder:i??S.placeholder,nodes:C,value:d,onChange:f,query:a,defaultQuery:o,onQuery:l,optionsLayout:u,defaultExpandedCodeKeys:g,isLoading:S.isLoading,error:S.isError?`Ошибка загрузки`:void 0})}var y,b;function x(){return(x=e((()=>{y=n(),l(),o(),b=r(),v.__docgenInfo={description:``,methods:[],displayName:`ODataTreeMultiSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},optionsLayout:{required:!1,tsType:{name:`union`,raw:`"tree" | "columns"`,elements:[{name:`literal`,value:`"tree"`},{name:`literal`,value:`"columns"`}]},description:`Переключает способ показа загруженного OData-дерева, не меняя формат value и запросов.`},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:"Ключи OData-уровней, раскрываемых после появления загруженных узлов.\nВ режиме `columns` дерево по-прежнему отображается полностью раскрытым."},segmentOrder:{required:!1,tsType:{name:`unknown`},description:`Явный порядок уровней поверх порядка, автоматически полученного из metadata-chain.`},allowEmptyCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Уровни, на которых пустой код не обрывает последующие уровни дерева.`},transformNodes:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
 	nodes: readonly TreeSelectNode[],
 	context: ODataTreeMultiSelectNodesTransformContext
 ) => readonly TreeSelectNode[]`,signature:{arguments:[{type:{name:`unknown`},name:`nodes`},{type:{name:`signature`,type:`object`,raw:`{

package/storybook-static/assets/{ODataTreeSelect-8gMkig_I.js → ODataTreeSelect-J4u4Wsfe.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./ODataTreeSelect.stories-Bv2I7KCu.js";function b(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./ODataTreeSelect.stories-Drgf1o53.js";function b(e){let t={code:`code`,h2:`h2`,p:`p`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
 `,(0,S.jsx)(u,{children:`ODataTreeSelect`}),`
 `,(0,S.jsx)(o,{children:`Single-select по одной OData-цепочке в виде дерева`}),`
 `,(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`ODataTreeSelect`}),` загружает одну OData-коллекцию, строит дерево по цепочке codeKey и позволяет выбрать любой узел.`]}),`

package/storybook-static/assets/{ODataTreeSelect.stories-Bv2I7KCu.js → ODataTreeSelect.stories-Drgf1o53.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-P2lWyit5.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-DY-RbpqR.js";import{n as s,t as c}from"./TreeSelect-DYNdOo9o.js";import{a as l,c as u,i as d,l as f,n as p,o as m,s as h,u as g}from"./odataStoryFixtures-BERkpW2l.js";function _({label:e,description:t,disabled:n,size:r,placeholder:i,query:o,defaultQuery:s,onQuery:l,value:u,onChange:d,odata:f,segments:p,model:m,clearable:h,defaultExpandedCodeKeys:g}){let _=a({odata:f,segments:p,model:m});return(0,v.jsx)(c,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:u,onChange:d,query:o,defaultQuery:s,onQuery:l,defaultExpandedCodeKeys:g,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0,clearable:h})}var v;function y(){return(y=e((()=>{o(),s(),v=n(),_.__docgenInfo={description:``,methods:[],displayName:`ODataTreeSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Ключи OData-уровней, раскрываемых после появления загруженных узлов.
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-Ctjgxy8H.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-Blp3jPg9.js";import{n as s,t as c}from"./TreeSelect-B3sF0Kdg.js";import{a as l,c as u,i as d,l as f,n as p,o as m,s as h,u as g}from"./odataStoryFixtures-CokWXYCf.js";function _({label:e,description:t,disabled:n,size:r,placeholder:i,query:o,defaultQuery:s,onQuery:l,value:u,onChange:d,odata:f,segments:p,model:m,clearable:h,defaultExpandedCodeKeys:g}){let _=a({odata:f,segments:p,model:m});return(0,v.jsx)(c,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:u,onChange:d,query:o,defaultQuery:s,onQuery:l,defaultExpandedCodeKeys:g,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0,clearable:h})}var v;function y(){return(y=e((()=>{o(),s(),v=n(),_.__docgenInfo={description:``,methods:[],displayName:`ODataTreeSelect`,props:{model:{required:!1,tsType:{name:`ODataDependentBaseProps["model"]`,raw:`ODataDependentBaseProps["model"]`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``},defaultExpandedCodeKeys:{required:!1,tsType:{name:`unknown`},description:`Ключи OData-уровней, раскрываемых после появления загруженных узлов.
 Настройка влияет только на представление и не изменяет OData-запросы.`}},composes:[`Omit`]}})))()}var b=t({Basic:()=>T,ErrorState:()=>k,LoadingState:()=>O,OnlySecondLevelExpanded:()=>D,SelectParent:()=>E,__namedExportsOrder:()=>A,default:()=>w});function x({args:e,updateArgs:t}){return(0,S.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,S.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,S.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,e.value?`${e.value.codeKey}=${e.value.value}`:`пусто`]})]})}var S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{r(),d(),y(),S=n(),C=i((e,t)=>(0,S.jsx)(x,{args:e,updateArgs:t})),w={title:`UI/ODataTreeSelect`,component:_,decorators:[g],beforeEach:l,parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Single-select поверх одной OData-цепочки.`,odata:p,segments:u,value:void 0,onChange:()=>{}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст без выбранного узла.`,control:`text`},odata:{description:`Конфигурация OData-источника.`,control:!1},segments:{description:`Конфигурация уровней OData-дерева.`,control:!1},model:{description:`Опциональная модель OData-коллекции.`,control:!1},value:{description:`Выбранный узел в формате codeKey/value.`,control:!1},onChange:{description:`Вызывается при выборе узла.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},clearable:{description:`Показывает действие очистки выбора.`,control:`boolean`},defaultExpandedCodeKeys:{description:`Ключи уровней, раскрываемых после загрузки.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T={render:C,args:{value:{codeKey:`OWNER`,value:h.owner}}},E={render:C,args:{label:`Выбор родителя`,description:`Проверка выбора узла верхнего уровня из OData-дерева.`,value:{codeKey:`REGION`,value:h.region}}},D={render:C,args:{label:`Раскрывается только второй уровень`,description:`REGION остаётся закрытым. После его ручного открытия узлы BRANCH уже раскрыты по умолчанию.`,defaultExpandedCodeKeys:[`BRANCH`]}},O={parameters:{odataMockMode:`loading`},render:C,args:{odata:m.loading,description:`Сценарий загрузки дерева.`}},k={decorators:[f],parameters:{odataMockMode:`metadataError`},render:C,args:{odata:m.metadataError,description:`Сценарий ошибки metadata дерева.`}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
   render: renderODataTreeSelectStory,
   args: {

package/storybook-static/assets/{OneStepScroller-cJaBAa1u.js → OneStepScroller-hE3u2cmJ.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-DGH3zWjp.js";import{n as a,t as o}from"./chevron-right-BQCoBw1U.js";import{n as s}from"./iframe-P2lWyit5.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";var u,d,f,p,m;function h(){return(h=t((()=>{u=`_7xUQBN`,d=`AonLqg`,f=`j-5yFn`,p=`pOIq63`,m={oneStepScroller:u,ossViewport:d,ossScroller:f,ossButton:p}})))()}function g(e){return Math.max(0,e.scrollWidth-e.clientWidth)}var _,v,y,b;function x(){return(x=t((()=>{_=e(n(),1),l(),r(),a(),h(),v=s(),y=1,b=({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0})=>{let s=(0,_.useRef)(null),l=(0,_.useRef)(null),[u,d]=(0,_.useState)(!1),[f,p]=(0,_.useState)(!1),h=(0,_.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),b=(0,_.useCallback)(e=>{let t=s.current;if(!t)return null;if(n){let r=e.closest(n);return r&&t.contains(r)?r:null}let r=e;for(;r&&r.parentElement&&r.parentElement!==t;)r=r.parentElement;return r&&r.parentElement===t?r:null},[n]),x=(0,_.useCallback)(()=>{let e=s.current;if(!e){d(!1),p(!1);return}let t=Math.max(0,e.scrollWidth-e.clientWidth),n=Math.max(0,Math.min(e.scrollLeft,t)),r=n>y,i=n<t-y;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,_.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,_.useCallback)(e=>{let t=s.current;if(!t)return;let n=h()[0];if(!n)return;let r=n.getBoundingClientRect().width;if(!r)return;let i=Math.round(e*r),o=Math.max(0,t.scrollWidth-t.clientWidth),c=Math.max(0,Math.min(t.scrollLeft+i,o));t.scrollTo({left:c,behavior:a?`smooth`:`auto`})},[h,a]),w=(0,_.useCallback)(e=>{let t=s.current;if(!t)return;let n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),o=i.left-n.left+t.scrollLeft,c=o+i.width,l=t.scrollLeft,u=t.scrollLeft+t.clientWidth;if(o>=l+y&&c<=u-y)return;let d=t.scrollLeft;o<l?d=Math.max(0,o-r):c>u&&(d=Math.min(g(t),c-t.clientWidth+r)),t.scrollTo({left:Math.round(d),behavior:a?`smooth`:`auto`})},[r,a]);(0,_.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=b(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,b]),(0,_.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>S();e.addEventListener(`scroll`,t,{passive:!0});let n=null;typeof ResizeObserver<`u`&&(n=new ResizeObserver(S),n.observe(e));let r=null;return typeof MutationObserver<`u`&&(r=new MutationObserver(S),r.observe(e,{childList:!0,subtree:!1})),S(),()=>{e.removeEventListener(`scroll`,t),n?.disconnect(),r?.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[S]),(0,_.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E())},O=u||f;return(0,v.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,v.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,v.jsx)(i,{})}),(0,v.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,v.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,v.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,v.jsx)(o,{})})]})},b.__docgenInfo={description:`Горизонтальный скроллер "по одному элементу".
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-left-CM7EAsdD.js";import{n as a,t as o}from"./chevron-right-CfuaKuy2.js";import{n as s}from"./iframe-Ctjgxy8H.js";import{a as c,i as l}from"./utils-tg3ibbzi.js";var u,d,f,p,m;function h(){return(h=t((()=>{u=`_7xUQBN`,d=`AonLqg`,f=`j-5yFn`,p=`pOIq63`,m={oneStepScroller:u,ossViewport:d,ossScroller:f,ossButton:p}})))()}function g(e){return Math.max(0,e.scrollWidth-e.clientWidth)}var _,v,y,b;function x(){return(x=t((()=>{_=e(n(),1),l(),r(),a(),h(),v=s(),y=1,b=({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0})=>{let s=(0,_.useRef)(null),l=(0,_.useRef)(null),[u,d]=(0,_.useState)(!1),[f,p]=(0,_.useState)(!1),h=(0,_.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),b=(0,_.useCallback)(e=>{let t=s.current;if(!t)return null;if(n){let r=e.closest(n);return r&&t.contains(r)?r:null}let r=e;for(;r&&r.parentElement&&r.parentElement!==t;)r=r.parentElement;return r&&r.parentElement===t?r:null},[n]),x=(0,_.useCallback)(()=>{let e=s.current;if(!e){d(!1),p(!1);return}let t=Math.max(0,e.scrollWidth-e.clientWidth),n=Math.max(0,Math.min(e.scrollLeft,t)),r=n>y,i=n<t-y;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,_.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,_.useCallback)(e=>{let t=s.current;if(!t)return;let n=h()[0];if(!n)return;let r=n.getBoundingClientRect().width;if(!r)return;let i=Math.round(e*r),o=Math.max(0,t.scrollWidth-t.clientWidth),c=Math.max(0,Math.min(t.scrollLeft+i,o));t.scrollTo({left:c,behavior:a?`smooth`:`auto`})},[h,a]),w=(0,_.useCallback)(e=>{let t=s.current;if(!t)return;let n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),o=i.left-n.left+t.scrollLeft,c=o+i.width,l=t.scrollLeft,u=t.scrollLeft+t.clientWidth;if(o>=l+y&&c<=u-y)return;let d=t.scrollLeft;o<l?d=Math.max(0,o-r):c>u&&(d=Math.min(g(t),c-t.clientWidth+r)),t.scrollTo({left:Math.round(d),behavior:a?`smooth`:`auto`})},[r,a]);(0,_.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=b(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,b]),(0,_.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>S();e.addEventListener(`scroll`,t,{passive:!0});let n=null;typeof ResizeObserver<`u`&&(n=new ResizeObserver(S),n.observe(e));let r=null;return typeof MutationObserver<`u`&&(r=new MutationObserver(S),r.observe(e,{childList:!0,subtree:!1})),S(),()=>{e.removeEventListener(`scroll`,t),n?.disconnect(),r?.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)}},[S]),(0,_.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E())},O=u||f;return(0,v.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,v.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,v.jsx)(i,{})}),(0,v.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,v.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,v.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,v.jsx)(o,{})})]})},b.__docgenInfo={description:`Горизонтальный скроллер "по одному элементу".
 
 Ожидает элементы фиксированной ширины (или близкой к фиксированной),
 чтобы шаг скролла соответствовал ширине одного элемента.`,methods:[],displayName:`OneStepScroller`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},itemSelector:{required:!1,tsType:{name:`string`},description:`CSS-селектор элементов, которые считаются "шагами" скролла.

package/storybook-static/assets/{Option-Cv4uUJtC.js → Option-DhjNWSm2.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-P2lWyit5.js";import{a as r,i}from"./utils-tg3ibbzi.js";import{n as a,t as o}from"./ui.module-31LPbZGK.js";import{n as s,t as c}from"./Grid-CzO0Ae1r.js";var l,u;function d(){return(d=e((()=>{l=t(),u=({as:e,children:t,...n})=>(0,l.createElement)(e||`div`,{...n},t),u.__docgenInfo={description:``,methods:[],displayName:`PolymorphicComponent`,props:{as:{required:!1,tsType:{name:`E`},description:``}}}})))()}var f,p;function m(){return(m=e((()=>{t(),i(),d(),f=n(),p=({as:e,orientation:t=`horizontal`,className:n,...i})=>(0,f.jsx)(u,{as:e,"aria-orientation":t,className:r(n,t===`horizontal`?`separator`:`separatorVertical`),...i}),p.__docgenInfo={description:``,methods:[],displayName:`Separator`,props:{as:{required:!1,tsType:{name:`E`},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}var h,g,_,v,y,b,x,S,C,w,T,E;function D(){return(D=e((()=>{h=`_81qOBF`,g=`Fj-KxT`,_=`tCn0CX`,v=`pP2yXa`,y=`bupTWA`,b=`GkeyGF`,x=`_8F667e`,S=`RMwzIX`,C=`wvU2oL`,w=`efKX6F`,T=`OGMk6I`,E={popupPositioner:h,options:g,optionsToolbar:_,optionsBody:v,status:y,statusError:b,triggerContainer:x,triggerHasClear:S,selectedToken:C,selectedTokenText:w,selectionActionButton:T}})))()}function O({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,k.jsxs)(c.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,k.jsx)(`button`,{ref:n,type:`button`,className:E.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,k.jsx)(`button`,{type:`button`,className:E.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var k;function A(){return(A=e((()=>{s(),D(),k=n(),O.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-Ctjgxy8H.js";import{a as r,i}from"./utils-tg3ibbzi.js";import{n as a,t as o}from"./ui.module-31LPbZGK.js";import{n as s,t as c}from"./Grid-CzO0Ae1r.js";var l,u;function d(){return(d=e((()=>{l=t(),u=({as:e,children:t,...n})=>(0,l.createElement)(e||`div`,{...n},t),u.__docgenInfo={description:``,methods:[],displayName:`PolymorphicComponent`,props:{as:{required:!1,tsType:{name:`E`},description:``}}}})))()}var f,p;function m(){return(m=e((()=>{t(),i(),d(),f=n(),p=({as:e,orientation:t=`horizontal`,className:n,...i})=>(0,f.jsx)(u,{as:e,"aria-orientation":t,className:r(n,t===`horizontal`?`separator`:`separatorVertical`),...i}),p.__docgenInfo={description:``,methods:[],displayName:`Separator`,props:{as:{required:!1,tsType:{name:`E`},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"horizontal" | "vertical"`,elements:[{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"vertical"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}var h,g,_,v,y,b,x,S,C,w,T,E;function D(){return(D=e((()=>{h=`_81qOBF`,g=`Fj-KxT`,_=`tCn0CX`,v=`pP2yXa`,y=`bupTWA`,b=`GkeyGF`,x=`_8F667e`,S=`RMwzIX`,C=`wvU2oL`,w=`efKX6F`,T=`OGMk6I`,E={popupPositioner:h,options:g,optionsToolbar:_,optionsBody:v,status:y,statusError:b,triggerContainer:x,triggerHasClear:S,selectedToken:C,selectedTokenText:w,selectionActionButton:T}})))()}function O({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,k.jsxs)(c.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,k.jsx)(`button`,{ref:n,type:`button`,className:E.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,k.jsx)(`button`,{type:`button`,className:E.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var k;function A(){return(A=e((()=>{s(),D(),k=n(),O.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
 Компонент не знает формат значения и делегирует изменение владельцу selection-модели.`,methods:[],displayName:`PickerSelectionToolbar`,props:{onSelectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onDeselectAll:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},selectAllButtonRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}function j({rootRef:e,children:t,toolbar:n,selectionActions:i,layoutClassName:a,bodyClassName:o,scrollable:s=!0,className:c,...l}){let u=n===void 0&&i?(0,M.jsx)(O,{...i}):n||null;return(0,M.jsxs)(`div`,{...l,ref:e,className:r(E.options,a,c),"data-ui":`picker-options`,"data-has-toolbar":u?`true`:void 0,children:[u?(0,M.jsxs)(`div`,{className:E.optionsToolbar,children:[u,(0,M.jsx)(p,{})]}):null,(0,M.jsx)(`div`,{className:r(E.optionsBody,s?`scrollable`:`overflowHidden`,o),children:t})]})}var M;function N(){return(N=e((()=>{i(),m(),D(),A(),M=n(),j.__docgenInfo={description:`Единая оболочка списка опций для picker, listbox и menu. Если переданы
 selectionActions, но не передан toolbar, компонент показывает стандартные
 действия выбора и снятия выбора.`,methods:[],displayName:`PickerOptions`,props:{rootRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``},toolbar:{required:!1,tsType:{name:`union`,raw:`ReactNode | false`,elements:[{name:`ReactNode`},{name:`literal`,value:`false`}]},description:``},selectionActions:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{

package/storybook-static/assets/{OptionButton-CfCsCZj9.js → OptionButton-pWyuhK8d.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-31LPbZGK.js";var o,s;function c(){return(c=e((()=>{o=t(),s=({text:e,highlight:t})=>t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,o.jsx)(`mark`,{children:e},n):e):e})))()}function l(e){return(0,u.jsx)(`span`,{...e,className:n(i.uiOptionCode,e.className)})}var u;function d(){return(d=e((()=>{r(),a(),u=t(),l.__docgenInfo={description:``,methods:[],displayName:`OptionCode`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function f(e){return(0,p.jsx)(`kbd`,{...e,className:n(i.keyboard,e.className)})}var p;function m(){return(m=e((()=>{r(),a(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`OptionHotkey`,props:{children:{required:!0,tsType:{name:`string`},description:``}},composes:[`HTMLAttributes`]}})))()}function h(e){return(0,g.jsx)(`span`,{...e,className:n(i.uiPopupOptionIcon,e.className)})}var g;function _(){return(_=e((()=>{r(),a(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`OptionIcon`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function v(e){return(0,y.jsx)(`span`,{...e,className:n(i.uiOptionText,e.className)})}var y;function b(){return(b=e((()=>{r(),a(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`OptionText`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function x({icon:e,text:t,searchText:n,emphasizeContent:r,code:a,hotkey:o}){return(0,S.jsxs)(S.Fragment,{children:[e==null?null:(0,S.jsx)(h,{children:e}),(0,S.jsx)(v,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(s,{text:t,highlight:n})}),a==null?o?(0,S.jsx)(f,{children:o}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(s,{text:a,highlight:n})})]})}var S;function C(){return(C=e((()=>{c(),a(),d(),m(),_(),b(),S=t(),x.__docgenInfo={description:`Общая фиксированная композиция содержимого button/link опции.`,methods:[],displayName:`OptionContent`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function w({ref:e,icon:t,text:r,searchText:a,code:o,hotkey:s,emphasizeContent:c,...l}){return(0,T.jsx)(`button`,{...l,ref:e,type:`button`,className:n(i.uiOptionButton,l.className),children:(0,T.jsx)(x,{icon:t,text:r,searchText:a,emphasizeContent:c,...o===void 0?{hotkey:s}:{code:o}})})}var T;function E(){return(E=e((()=>{r(),a(),C(),T=t(),w.__docgenInfo={description:`Основное button-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionButton`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{v as a,d as c,C as i,s as l,E as n,b as o,x as r,l as s,w as t,c as u};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-31LPbZGK.js";var o,s;function c(){return(c=e((()=>{o=t(),s=({text:e,highlight:t})=>t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,o.jsx)(`mark`,{children:e},n):e):e})))()}function l(e){return(0,u.jsx)(`span`,{...e,className:n(i.uiOptionCode,e.className)})}var u;function d(){return(d=e((()=>{r(),a(),u=t(),l.__docgenInfo={description:``,methods:[],displayName:`OptionCode`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function f(e){return(0,p.jsx)(`kbd`,{...e,className:n(i.keyboard,e.className)})}var p;function m(){return(m=e((()=>{r(),a(),p=t(),f.__docgenInfo={description:``,methods:[],displayName:`OptionHotkey`,props:{children:{required:!0,tsType:{name:`string`},description:``}},composes:[`HTMLAttributes`]}})))()}function h(e){return(0,g.jsx)(`span`,{...e,className:n(i.uiPopupOptionIcon,e.className)})}var g;function _(){return(_=e((()=>{r(),a(),g=t(),h.__docgenInfo={description:``,methods:[],displayName:`OptionIcon`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function v(e){return(0,y.jsx)(`span`,{...e,className:n(i.uiOptionText,e.className)})}var y;function b(){return(b=e((()=>{r(),a(),y=t(),v.__docgenInfo={description:``,methods:[],displayName:`OptionText`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``}},composes:[`HTMLAttributes`]}})))()}function x({icon:e,text:t,searchText:n,emphasizeContent:r,code:a,hotkey:o}){return(0,S.jsxs)(S.Fragment,{children:[e==null?null:(0,S.jsx)(h,{children:e}),(0,S.jsx)(v,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(s,{text:t,highlight:n})}),a==null?o?(0,S.jsx)(f,{children:o}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(s,{text:a,highlight:n})})]})}var S;function C(){return(C=e((()=>{c(),a(),d(),m(),_(),b(),S=t(),x.__docgenInfo={description:`Общая фиксированная композиция содержимого button/link опции.`,methods:[],displayName:`OptionContent`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function w({ref:e,icon:t,text:r,searchText:a,code:o,hotkey:s,emphasizeContent:c,...l}){return(0,T.jsx)(`button`,{...l,ref:e,type:`button`,className:n(i.uiOptionButton,l.className),children:(0,T.jsx)(x,{icon:t,text:r,searchText:a,emphasizeContent:c,...o===void 0?{hotkey:s}:{code:o}})})}var T;function E(){return(E=e((()=>{r(),a(),C(),T=t(),w.__docgenInfo={description:`Основное button-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionButton`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{v as a,d as c,C as i,s as l,E as n,b as o,x as r,l as s,w as t,c as u};

package/storybook-static/assets/{PeriodSelect-BjlsDIpD.js → PeriodSelect-Clv23FEy.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-P2lWyit5.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-DJAWDNJL.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./PeriodSelect.stories-DunYr1Aw.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:y,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-Ctjgxy8H.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-Cyh_k-EZ.js";import{a as p,c as m,i as h,n as g,o as _,r as v,s as y,t as b}from"./PeriodSelect.stories-BmMj08to.js";function x(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(s,{of:y,parameters:{docs:{toc:!0}}}),`
 `,(0,C.jsx)(u,{children:`PeriodSelect`}),`
 `,(0,C.jsx)(o,{children:`Выбор периода детализации дат с ограничением вариантов по связанному диапазону`}),`
 `,(0,C.jsxs)(t.p,{children:[`PeriodSelect используется для выбора уровня детализации: `,(0,C.jsx)(t.code,{children:`day`}),`, `,(0,C.jsx)(t.code,{children:`week`}),`, `,(0,C.jsx)(t.code,{children:`month`}),` или `,(0,C.jsx)(t.code,{children:`year`}),`. Компонент хранит только id выбранного периода, а недоступность вариантов вычисляет по переданному `,(0,C.jsx)(t.code,{children:`dateRange`}),` и порогам `,(0,C.jsx)(t.code,{children:`maxDayRangeDays`}),` / `,(0,C.jsx)(t.code,{children:`maxWeekRangeWeeks`}),`.`]}),`