@ryuzaki13/react-foundation-ui 1.5.5 → 1.5.7

package/storybook-static/assets/{Listbox-DGdrVenc.js → Listbox-DuNXYpU5.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CYobheWD.js";import{i as n,r}from"./react-qN2cStNd.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-DQl3eTFV.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Listbox.stories-hZtjBKIX.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-C0FnF6B9.js";import{n as t}from"./iframe-CZ0KI0zu.js";import{i as n,r}from"./react-qN2cStNd.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-LF4-T76K.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Listbox.stories-RaF4O2dQ.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-Mqn7EoPt.js → Listbox-kuB9DZmS.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./check-D-psTYia.js";import{n as i}from"./iframe-CYobheWD.js";import{a,i as o,n as s,r as c,s as l,t as u}from"./utils-DUM89eIj.js";import{n as d,t as f}from"./ui.module-CHEKb9Cb.js";function p(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 c(e,_)}if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n>=0)return n}return c(e,_)}function m(e){let{value:t,defaultValue:n,multiple:i,disabled:o,focusOnMount:f,renderItem:m,getKey:v,options:y,onChange:b,id:x,...S}=e,C=t!==void 0,w=(0,h.useId)(),T=x??`${w}-listbox`,[E,D]=(0,h.useState)(n),O=(0,h.useRef)(null),[k,A]=(0,h.useState)(()=>p(y,t??n,i)),j=(0,h.useRef)(!1),M=(0,h.useMemo)(()=>(C?t:E)??(i?[]:null),[E,C,i,t]),N=k,P=t=>{if(o||t.disabled)return;let n;if(e.multiple){let r=Array.isArray(M)?M:[];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);C||D(n)};return(0,h.useEffect)(()=>{if(!j.current)return;j.current=!1;let e=O.current?.querySelectorAll(`[role="option"]`)[N];e&&e.scrollIntoView({block:`nearest`})},[N]),(0,h.useLayoutEffect)(()=>{f&&O.current?.focus()},[f]),(0,g.jsx)(`ul`,{ref:O,id:T,role:`listbox`,"aria-multiselectable":i||void 0,"aria-activedescendant":N>=0?`${T}-option-${N}`:void 0,onKeyDown:e=>{if(!o){if(e.key===`ArrowDown`)e.preventDefault(),j.current=!0,A(e=>u(y,e,1,_));else if(e.key===`ArrowUp`)e.preventDefault(),j.current=!0,A(e=>u(y,e,-1,_));else if(e.key===`Home`)e.preventDefault(),j.current=!0,A(c(y,_));else if(e.key===`End`)e.preventDefault(),j.current=!0,A(l(y,_));else if(s(e,()=>{let e=y[N];e&&P(e)}))return}},...S,"aria-disabled":o||void 0,tabIndex:o?-1:0,className:a(d.uiPanel,`scrollable surface1`,o&&d.disabled),children:y.map((e,t)=>{let n=i?Array.isArray(M)&&M.includes(e.value):M===e.value,s=t===N;return(0,g.jsxs)(`li`,{id:`${T}-option-${t}`,role:`option`,"aria-selected":n,"aria-disabled":o||e.disabled||void 0,onMouseDown:n=>{n.preventDefault(),!(o||e.disabled)&&(A(t),P(e))},tabIndex:-1,className:a(d.uiPopupOption,(o||e.disabled)&&d.disabled,s&&d.uiPopupOptionActive,n&&d.selected),children:[n?(0,g.jsx)(r,{className:d.uiPopupOptionIcon}):(0,g.jsx)(`span`,{className:d.uiPopupOptionIcon}),(0,g.jsx)(`div`,{children:m?m(e,n,s):e.label??String(e.value)})]},v?v(e,t):t)})})}var h,g,_;function v(){return(v=e((()=>{h=t(),o(),n(),f(),g=i(),_=e=>e.disabled===!0,m.__docgenInfo={description:``,methods:[],displayName:`Listbox`}})))()}export{v as n,m as t};
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./check-CxEwVoKp.js";import{n as i}from"./iframe-CZ0KI0zu.js";import{a,i as o,n as s,r as c,s as l,t as u}from"./utils-DUM89eIj.js";import{n as d,t as f}from"./ui.module-DjxH5szp.js";function p(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 c(e,_)}if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n>=0)return n}return c(e,_)}function m(e){let{value:t,defaultValue:n,multiple:i,disabled:o,focusOnMount:f,renderItem:m,getKey:v,options:y,onChange:b,id:x,...S}=e,C=t!==void 0,w=(0,h.useId)(),T=x??`${w}-listbox`,[E,D]=(0,h.useState)(n),O=(0,h.useRef)(null),[k,A]=(0,h.useState)(()=>p(y,t??n,i)),j=(0,h.useRef)(!1),M=(0,h.useMemo)(()=>(C?t:E)??(i?[]:null),[E,C,i,t]),N=k,P=t=>{if(o||t.disabled)return;let n;if(e.multiple){let r=Array.isArray(M)?M:[];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);C||D(n)};return(0,h.useEffect)(()=>{if(!j.current)return;j.current=!1;let e=O.current?.querySelectorAll(`[role="option"]`)[N];e&&e.scrollIntoView({block:`nearest`})},[N]),(0,h.useLayoutEffect)(()=>{f&&O.current?.focus()},[f]),(0,g.jsx)(`ul`,{ref:O,id:T,role:`listbox`,"aria-multiselectable":i||void 0,"aria-activedescendant":N>=0?`${T}-option-${N}`:void 0,onKeyDown:e=>{if(!o){if(e.key===`ArrowDown`)e.preventDefault(),j.current=!0,A(e=>u(y,e,1,_));else if(e.key===`ArrowUp`)e.preventDefault(),j.current=!0,A(e=>u(y,e,-1,_));else if(e.key===`Home`)e.preventDefault(),j.current=!0,A(c(y,_));else if(e.key===`End`)e.preventDefault(),j.current=!0,A(l(y,_));else if(s(e,()=>{let e=y[N];e&&P(e)}))return}},...S,"aria-disabled":o||void 0,tabIndex:o?-1:0,className:a(d.uiPanel,`scrollable surface1`,o&&d.disabled),children:y.map((e,t)=>{let n=i?Array.isArray(M)&&M.includes(e.value):M===e.value,s=t===N;return(0,g.jsxs)(`li`,{id:`${T}-option-${t}`,role:`option`,"aria-selected":n,"aria-disabled":o||e.disabled||void 0,onMouseDown:n=>{n.preventDefault(),!(o||e.disabled)&&(A(t),P(e))},tabIndex:-1,className:a(d.uiPopupOption,(o||e.disabled)&&d.disabled,s&&d.uiPopupOptionActive,n&&d.selected),children:[n?(0,g.jsx)(r,{className:d.uiPopupOptionIcon}):(0,g.jsx)(`span`,{className:d.uiPopupOptionIcon}),(0,g.jsx)(`div`,{children:m?m(e,n,s):e.label??String(e.value)})]},v?v(e,t):t)})})}var h,g,_;function v(){return(v=e((()=>{h=t(),o(),n(),f(),g=i(),_=e=>e.disabled===!0,m.__docgenInfo={description:``,methods:[],displayName:`Listbox`}})))()}export{v as n,m as t};

package/storybook-static/assets/Listbox.stories-RaF4O2dQ.js

@@ -0,0 +1,68 @@
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CZ0KI0zu.js";import{n as r,t as i}from"./Listbox-kuB9DZmS.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:`Shared/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";
+    return <div style={{
+      display: "grid",
+      gap: 12,
+      maxWidth: 280
+    }}>
+                <StringListbox {...args} multiple={false} value={value} onChange={(next, option) => {
+        if (typeof next !== "string") return;
+        args.onChange?.(next, option);
+        updateArgs({
+          value: next
+        });
+      }} />
+                <div>Выбрано: {value}</div>
+            </div>;
+  }
+}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<ComponentProps<typeof StringListbox>>();
+    const value = Array.isArray(args.value) ? args.value : ["low", "high"];
+    return <div style={{
+      display: "grid",
+      gap: 12,
+      maxWidth: 320
+    }}>
+                <StringListbox {...args} multiple value={value} onChange={(next, option) => {
+        if (!Array.isArray(next)) return;
+        args.onChange?.(next, option);
+        updateArgs({
+          value: next
+        });
+      }} />
+                <div>Выбрано: {value.join(", ") || "пусто"}</div>
+            </div>;
+  },
+  args: {
+    multiple: true
+  }
+}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<ComponentProps<typeof StringListbox>>();
+    const value = typeof args.value === "string" ? args.value : "low";
+    return <StringListbox {...args} value={value} onChange={(next, option) => {
+      if (typeof next !== "string") return;
+      args.onChange?.(next, option);
+      updateArgs({
+        value: next
+      });
+    }} renderItem={(option, selected, active) => <div style={{
+      display: "flex",
+      justifyContent: "space-between",
+      width: "100%",
+      opacity: option.disabled ? 0.5 : 1
+    }}>
+                        <span>{option.label}</span>
+                        <span>{selected ? "Выбрано" : active ? "Фокус" : ""}</span>
+                    </div>} />;
+  }
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  args: {
+    disabled: true,
+    value: "medium"
+  },
+  render: args => <StringListbox {...args} />
+}`,...m.parameters?.docs?.source}}},h=[`SingleSelect`,`MultiSelect`,`CustomRender`,`Disabled`]})))()}export{d as a,f as i,m as n,g as o,a as r,p as t};

package/storybook-static/assets/{Modal-DZgFrzRQ.js → Modal-i-qVmfOZ.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CYobheWD.js";import{i as n,r}from"./react-qN2cStNd.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-DQl3eTFV.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-W1kjdQpw.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-C0FnF6B9.js";import{n as t}from"./iframe-CZ0KI0zu.js";import{i as n,r}from"./react-qN2cStNd.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-LF4-T76K.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-jAQ3yHty.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-jAQ3yHty.js

@@ -0,0 +1,232 @@
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CZ0KI0zu.js";import{n as i,t as a}from"./Button-BUAFSG7a.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-_TvqmYe3.js";import{c as p,t as m}from"./Input-Fk3IRww_.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:`Shared/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 {
+      args,
+      close,
+      updateArgs
+    } = useModalStoryArgs();
+    return <>
+                <Button onClick={() => updateArgs({
+        isOpen: true
+      })}>Открыть модалку</Button>
+                <Modal {...args} isOpen={args.isOpen} onClose={close}>
+                    <ModalContent>
+                        <DemoFormContent />
+                    </ModalContent>
+                    <ModalFooter>
+                        <Button variant="transparent" onClick={close}>
+                            Отмена
+                        </Button>
+                        <Button onClick={close}>Сохранить</Button>
+                    </ModalFooter>
+                </Modal>
+            </>;
+  }
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  name: "Полная композиция",
+  args: {
+    title: "Редактирование профиля",
+    height: "min(34rem, 70dvh)"
+  },
+  render: function Render() {
+    const {
+      args,
+      close,
+      updateArgs
+    } = useModalStoryArgs();
+    return <>
+                <Button onClick={() => updateArgs({
+        isOpen: true
+      })}>Открыть сценарий редактирования</Button>
+                <Modal {...args} isOpen={args.isOpen} onClose={close}>
+                    <ModalToolbar>
+                        <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)"
+          }}>
+                            <div>
+                                <div style={{
+                fontWeight: 600
+              }}>Черновик обновлён автоматически</div>
+                                <div style={{
+                opacity: 0.72
+              }}>Последнее сохранение: 2 минуты назад</div>
+                            </div>
+                            <Button variant="transparent">Сбросить</Button>
+                        </div>
+                    </ModalToolbar>
+                    <ModalContent>
+                        <DemoFormContent />
+                    </ModalContent>
+                    <ModalFooter>
+                        <Button variant="transparent" onClick={close}>
+                            Отмена
+                        </Button>
+                        <Button variant="success" onClick={close}>
+                            Применить
+                        </Button>
+                    </ModalFooter>
+                </Modal>
+            </>;
+  }
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  name: "Длинный контент",
+  args: {
+    size: "lg",
+    height: "min(38rem, 75dvh)",
+    title: "Журнал изменений"
+  },
+  render: function Render() {
+    const {
+      args,
+      close,
+      updateArgs
+    } = useModalStoryArgs();
+    return <>
+                <Button onClick={() => updateArgs({
+        isOpen: true
+      })}>Открыть длинный контент</Button>
+                <Modal {...args} isOpen={args.isOpen} onClose={close}>
+                    <ModalContent>
+                        <div style={{
+            display: "grid",
+            gap: 12
+          }}>
+                            {Array.from({
+              length: 18
+            }, (_, index) => <div key={index} style={{
+              padding: 12,
+              borderRadius: 8,
+              border: "1px solid var(--border-1)",
+              background: "var(--surface-1)"
+            }}>
+                                    <div style={{
+                fontWeight: 600
+              }}>Событие #{index + 1}</div>
+                                    <div style={{
+                opacity: 0.72
+              }}>
+                                        Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.
+                                    </div>
+                                </div>)}
+                        </div>
+                    </ModalContent>
+                    <ModalFooter>
+                        <Button onClick={close}>Закрыть</Button>
+                    </ModalFooter>
+                </Modal>
+            </>;
+  }
+}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
+  name: "Размеры",
+  args: {
+    size: "sm",
+    title: "Размер SM"
+  },
+  render: function Render() {
+    const {
+      args,
+      close,
+      updateArgs
+    } = useModalStoryArgs();
+    return <>
+                <div style={{
+        display: "flex",
+        flexWrap: "wrap",
+        gap: 12,
+        justifyContent: "center"
+      }}>
+                    {(["sm", "md", "lg", "xl", "inside"] as const).map(size => <Button key={size} variant="transparent" onClick={() => updateArgs({
+          isOpen: true,
+          size,
+          title: \`Размер \${size.toUpperCase()}\`
+        })}>
+                            {size.toUpperCase()}
+                        </Button>)}
+                </div>
+
+                <Modal {...args} isOpen={args.isOpen} onClose={close}>
+                    <ModalContent>
+                        <div style={{
+            display: "grid",
+            gap: 12
+          }}>
+                            <div>Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.</div>
+                            <div style={{
+              opacity: 0.72
+            }}>Проверьте отступы, читабельность и поведение при \`Escape\`.</div>
+                        </div>
+                    </ModalContent>
+                    <ModalFooter>
+                        <Button onClick={close}>Понятно</Button>
+                    </ModalFooter>
+                </Modal>
+            </>;
+  }
+}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  name: "Стек модалок",
+  args: {
+    size: "lg",
+    title: "Первая модалка"
+  },
+  render: function Render() {
+    const {
+      args,
+      updateArgs
+    } = useModalStoryArgs();
+    const [innerOpen, setInnerOpen] = useState(false);
+    const closeOuter = () => {
+      setInnerOpen(false);
+      args.onClose();
+      updateArgs({
+        isOpen: false
+      });
+    };
+    return <>
+                <Button onClick={() => updateArgs({
+        isOpen: true
+      })}>Открыть первую модалку</Button>
+
+                <Modal {...args} isOpen={args.isOpen} onClose={closeOuter}>
+                    <ModalContent>
+                        <div style={{
+            display: "grid",
+            gap: 16
+          }}>
+                            <div>Откройте вторую модалку и проверьте, что \`Escape\` закрывает только верхний слой.</div>
+                            <Button variant="transparent" onClick={() => setInnerOpen(true)}>
+                                Открыть вторую модалку
+                            </Button>
+                        </div>
+                    </ModalContent>
+                    <ModalFooter>
+                        <Button variant="transparent" onClick={closeOuter}>
+                            Закрыть первую
+                        </Button>
+                    </ModalFooter>
+                </Modal>
+
+                <Modal isOpen={innerOpen} onClose={() => setInnerOpen(false)} size="sm" title="Вторая модалка">
+                    <ModalContent>
+                        <div style={{
+            display: "grid",
+            gap: 12
+          }}>
+                            <div>Эта модалка должна считаться верхней в стеке.</div>
+                            <Input label="Короткое поле" value="Фокус внутри" onChange={() => {}} />
+                        </div>
+                    </ModalContent>
+                    <ModalFooter>
+                        <Button onClick={() => setInnerOpen(false)}>Закрыть вторую</Button>
+                    </ModalFooter>
+                </Modal>
+            </>;
+  }
+}`,...O.parameters?.docs?.source}}},k=[`Controlled`,`WithToolbarAndFooter`,`ScrollableContent`,`Sizes`,`StackedModals`]})))()}export{O as a,D as i,h as n,T as o,E as r,A as s,w as t};

package/storybook-static/assets/{ModalManagerProvider-CDpI_bMR.js → ModalManagerProvider-_TvqmYe3.js}

@@ -1 +1 @@
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./x-Dzd3S4ku.js";import{n as a}from"./iframe-CYobheWD.js";import{t as o}from"./react-dom-2o2phaJG.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{a as l,n as u,r as d,t as ee}from"./dom-B3G_GtJw.js";import{n as f,t as p}from"./FlexContainer-LmZIdhq2.js";import{n as m,t as te}from"./Button-G_ZnGyXY.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-CNEBWIpL.js";import{n as b,t as ae}from"./GridContainer-qDguE1HS.js";import{n as x,t as S}from"./Scrollable-bLa141TT.js";function oe(){!v.current&&ne();let[e]=(0,C.useState)(g.current);return e}var C;function w(){return(w=e((()=>{h(),_(),C=n()})))()}var T,E,D,O,k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{T=`vGPUKV`,E=`O7gb7P`,D=`RVq8v3`,O=`PCSUAL`,k=`XDCHzq`,A=`t1kl8L`,j=`o3PEEB`,M=`WhUkxm`,N=`NDgdMi`,P=`JDlse5`,F=`FaDKSt`,I={modal:T,sm:E,md:D,lg:O,xl:k,xxl:A,inside:j,header:M,body:N,headerText:P,headerButton:F}})))()}var R,z,se;function B(){return(B=e((()=>{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=e((()=>{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=e((()=>{G=t(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($=e((()=>{Z=t(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{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./x-B3ccJTtF.js";import{n as a}from"./iframe-CZ0KI0zu.js";import{t as o}from"./react-dom-2o2phaJG.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{a as l,n as u,r as d,t as ee}from"./dom-B3G_GtJw.js";import{n as f,t as p}from"./FlexContainer-LmZIdhq2.js";import{n as m,t as te}from"./Button-BUAFSG7a.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-BqQSSAdw.js";import{n as b,t as ae}from"./GridContainer-qDguE1HS.js";import{n as x,t as S}from"./Scrollable-7AnJblZH.js";function oe(){!v.current&&ne();let[e]=(0,C.useState)(g.current);return e}var C;function w(){return(w=e((()=>{h(),_(),C=n()})))()}var T,E,D,O,k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{T=`vGPUKV`,E=`O7gb7P`,D=`RVq8v3`,O=`PCSUAL`,k=`XDCHzq`,A=`t1kl8L`,j=`o3PEEB`,M=`WhUkxm`,N=`NDgdMi`,P=`JDlse5`,F=`FaDKSt`,I={modal:T,sm:E,md:D,lg:O,xl:k,xxl:A,inside:j,header:M,body:N,headerText:P,headerButton:F}})))()}var R,z,se;function B(){return(B=e((()=>{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=e((()=>{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=e((()=>{G=t(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($=e((()=>{Z=t(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-CYLKB_VV.js → MultiSelect-BD6xtx7W.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CYobheWD.js";import{i as n,r}from"./react-qN2cStNd.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-DQl3eTFV.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./MultiSelect.stories-BnmOPMcq.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-C0FnF6B9.js";import{n as t}from"./iframe-CZ0KI0zu.js";import{i as n,r}from"./react-qN2cStNd.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-LF4-T76K.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./MultiSelect.stories-Cc4-fIjA.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-Cujmvoxp.js → MultiSelect-DiBUW3Jo.js}

@@ -1,2 +1,2 @@
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./CheckBox-DdyYpHip.js";import{n as a,t as ee}from"./x-Dzd3S4ku.js";import{n as o}from"./iframe-CYobheWD.js";import{a as te,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Text-C1at2dMq.js";import{n as u,t as d}from"./ui.module-CHEKb9Cb.js";import{c as f,g as p,h as m,i as h,l as g,m as _,n as ne,p as re,r as v,s as ie,t as ae,u as y}from"./usePickerTriggerController-Cxo7izm1.js";import{i as b,n as oe,r as x,t as S}from"./usePickerQuery-C1tepQnh.js";import{n as C,t as se}from"./PickerTriggerActions-BKQ28AXr.js";import{n as w,t as T}from"./usePickerDefaultFilter-Be420WNF.js";import{a as ce,d as le,f as ue,i as E,l as de,n as fe,o as pe,t as me,u as D}from"./defaultRenderers-IYkjKXvR.js";function O({text:e,isError:t}){return(0,k.jsxs)(`div`,{className:u.uiPopupOption,children:[(0,k.jsx)(`span`,{className:u.uiPopupOptionIcon}),(0,k.jsx)(l,{color:t?`error`:`primary`,children:e})]})}var k;function A(){return(A=e((()=>{c(),d(),k=o(),O.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function he({isNoData:e,isLoading:t,error:n,children:r}){return e?(0,P.jsx)(x,{emptyState:(0,P.jsx)(O,{text:`Нет данных`})}):t?(0,P.jsx)(x,{loadingState:(0,P.jsx)(O,{text:`Загрузка...`})}):n?(0,P.jsx)(x,{errorState:(0,P.jsx)(O,{isError:!0,text:`Ошибка загрузки`})}):(0,P.jsx)(P.Fragment,{children:r})}function j(e,t){return e[t]}function ge(e,t,n){return Array.from(new Set([e[n],e[t],...Object.values(e)]))}function _e(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(e=>j(e,n)));return e.every(e=>r.has(j(e,n)))}function M({entries:e,listId:t,activeIndex:n,selectedKeys:r,codeKey:a,query:ee,highlightQuery:o,getOptionDisabled:s,getOptionId:c,setOptionRef:l,toggleOption:d,selectOnlyOption:f,renderItem:p}){return e.map(({item:e,index:m})=>{let h=m===n,g=r.has(j(e,a)),_=s?.(e)??!1;return(0,P.jsxs)(`div`,{id:c(t,m),ref:e=>l(m,e),role:`option`,"aria-selected":g,"aria-disabled":_||void 0,className:te(u.uiSelectOption,_&&u.disabled,g&&u.selected,h&&u.uiPopupOptionActive),onMouseDown:e=>{e.preventDefault()},children:[(0,P.jsx)(`div`,{onClick:e=>{e.stopPropagation()},children:(0,P.jsx)(i,{value:g,disabled:_,onChange:()=>{_||d(e)},onClick:e=>{e.stopPropagation()},onMouseDown:e=>{e.stopPropagation()}})}),(0,P.jsx)(`div`,{className:`overflowHidden`,onClick:()=>{_||f(e)},children:p(e,{selected:g,active:h,disabled:_,query:ee,highlightQuery:o})})]},`${j(e,a)}-${m}`)})}var N,P,F,I;function L(){return(L=e((()=>{N=t(n(),1),s(),a(),r(),p(),y(),b(),C(),f(),T(),v(),S(),le(),ae(),_(),d(),E(),D(),A(),P=o(),F=[],I=(0,N.forwardRef)(({codeKey:e,textKey:t,hideCode:n,items:r,value:i,onChange:a,label:o,description:te,placeholder:s,size:c,query:l,defaultQuery:d,highlightQuery:f,onQuery:p,defaultFilter:_=!0,onOpen:v,onClose:ae,getOptionDisabled:y,disabled:b,error:x,isLoading:S,renderToken:C,renderToolbar:T,renderItem:le},E)=>{let D=(0,N.useRef)(null),[O,k]=(0,N.useState)(!1),A=`search-multi`,I=i??F,L=(0,N.useMemo)(()=>new Set(I.map(t=>j(t,e))),[e,I]),R=(0,N.useMemo)(()=>r.filter(t=>!L.has(j(t,e))),[e,L,r]),z=(0,N.useMemo)(()=>pe([...I,...r],e,t),[e,I,r,t]),{query:B,setQuery:ve,resetQueryOnClose:ye}=oe({query:l,defaultQuery:d,onQuery:p,triggerMode:A}),be=e=>{O&&!e&&ye&&ve(``),k(e)},V=w({options:I,query:B,enabled:_,getSearchText:t=>ge(t,e,z)}),H=w({options:R,query:B,enabled:_,getSearchText:t=>ge(t,e,z)}),U=(0,N.useMemo)(()=>[...V,...H],[H,V]),xe=V.length>0?0:-1,{draftValue:W,setDraftValue:G,prepareOpen:Se}=ue({value:I,open:O,onCommit:a,onOpen:v,onClose:ae,isEqual:(t,n)=>_e(t,n,e)}),K=(0,N.useMemo)(()=>new Set(W.map(t=>j(t,e))),[e,W]),Ce=(0,N.useMemo)(()=>({selectedItems:W,committedSelectedItems:I,selectedKeys:K,open:O}),[I,W,O,K]),q=(0,N.useCallback)(e=>y?.(e,Ce)??!1,[y,Ce]),{activeIndex:J,context:we,floatingStyles:Te,getFloatingProps:Ee,setReference:De,setFloating:Oe,setOptionRef:ke,close:Ae,openList:je,toggleOpen:Me,selectActiveOption:Ne,handleReferenceKeyDown:Pe,handleFloatingKeyDown:Fe,getOptionId:Ie,getActiveOptionId:Le}=h({options:U,selectedIndex:xe,open:O,onOpenChange:be,onSelect:void 0,disabled:b,getOptionDisabled:q,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:A}),Re=f??B,Y=t=>{let n=j(t,e);G(r=>r.some(t=>j(t,e)===n)?r.filter(t=>j(t,e)!==n):q(t)?r:[...r,t])},ze=e=>{if(D.current=e,typeof E==`function`){E(e);return}E&&(E.current=e)},Be=()=>{G([]),O||a([])},Ve=()=>{G(t=>{let n=[...t],r=new Set(t.map(t=>j(t,e)));for(let t of U){let i=j(t,e);!r.has(i)&&!q(t)&&(r.add(i),n.push(t))}return n})},He=()=>{G([])},Ue=e=>{q(e)||(G([e]),Ae())},We=O?W:I,X=We.length>0,Ge={selectedItems:We,committedSelectedItems:I,availableItems:H,query:B,open:O,clearSelection:Be,selectAll:Ve,deselectAll:He},Ke=C===void 0?fe({codeKey:e,textKey:z}):C,qe=T===void 0?ce:T,Z=le??me({codeKey:e,textKey:z,hideCode:n}),Je=typeof Ke==`function`?Ke(Ge):null,Ye=typeof qe==`function`?qe(Ge):null,Q=V.map((e,t)=>({item:e,index:t})),Xe=H.map((e,t)=>({item:e,index:t+Q.length})),Ze=!S&&!x&&U.length===0,$=ne({mode:A,open:O,currentQuery:B,hasDisplayValue:!1,inputRef:D,setQuery:ve,openList:je,close:Ae,toggleOpen:Me,onBeforeOpen:()=>{O||Se()}});return(0,P.jsx)(m,{label:o,description:te,disabled:b,size:c,className:de.multiSelect,children:({controlId:t,labelId:n,describedBy:i})=>{let a=`${t}-listbox`;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(ie,{ref:ze,rootRef:De,id:t,type:`text`,role:`combobox`,autoComplete:`off`,disabled:b,value:B,placeholder:X?void 0:`${s??o??`Выберите значения`} <${r.length}>`,"aria-labelledby":n,"aria-describedby":i,"aria-haspopup":`listbox`,"aria-expanded":O,"aria-controls":O?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":O?Le(a):void 0,rootClassName:`flex alignItemsCenter`,endAdornment:(0,P.jsx)(se,{open:O,disabled:b,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,children:(0,P.jsx)(`button`,{type:`button`,disabled:!X,className:u.uiClearButton,"data-ui":`multi-select-clear-button`,"data-action":`clear-multi-select`,onClick:Be,"aria-label":`Очистить все`,children:(0,P.jsx)(ee,{})})}),overlay:Je,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{Pe(e),!e.defaultPrevented&&$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{if(J>=0){let e=U[J];if(e){Y(e);return}}Ne()},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}),(0,P.jsx)(g,{open:O,context:we,floatingStyles:Te,listId:a,labelId:n,descriptionId:i,activeOptionId:O?Le(a):void 0,setFloating:Oe,getFloatingProps:Ee,onKeyDown:Fe,initialFocus:-1,returnFocus:!1,tabIndex:-1,className:u.uiPopupOptions,header:Ye,children:(0,P.jsx)(he,{isNoData:Ze,isLoading:S,error:x,children:(0,P.jsxs)(`div`,{className:`scrollable h100`,children:[(0,P.jsx)(M,{entries:Q,listId:a,activeIndex:J,selectedKeys:K,codeKey:e,query:B,highlightQuery:Re,getOptionDisabled:q,getOptionId:Ie,setOptionRef:ke,toggleOption:Y,selectOnlyOption:Ue,renderItem:Z}),Q.length>0&&R.length>0&&(0,P.jsx)(re,{className:`marginBlockSm`}),(0,P.jsx)(M,{entries:Xe,listId:a,activeIndex:J,selectedKeys:K,codeKey:e,query:B,highlightQuery:Re,getOptionDisabled:q,getOptionId:Ie,setOptionRef:ke,toggleOption:Y,selectOnlyOption:Ue,renderItem:Z})]})})})]})}})}),I.displayName=`MultiSelect`,I.__docgenInfo={description:`Поле множественного выбора с внутренним черновиком значений и подтверждением выбора при закрытии списка.
+import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./CheckBox-CIv6lt7Z.js";import{n as a,t as ee}from"./x-B3ccJTtF.js";import{n as o}from"./iframe-CZ0KI0zu.js";import{a as te,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Text-VK5-gznU.js";import{n as u,t as d}from"./ui.module-DjxH5szp.js";import{c as f,g as p,h as m,i as h,l as g,m as _,n as ne,p as re,r as v,s as ie,t as ae,u as y}from"./usePickerTriggerController-gFigo0fq.js";import{i as b,n as oe,r as x,t as S}from"./usePickerQuery-DIOf9uC7.js";import{n as C,t as se}from"./PickerTriggerActions-Bt4rbg1T.js";import{n as w,t as T}from"./usePickerDefaultFilter-Be420WNF.js";import{a as ce,d as le,f as ue,i as E,l as de,n as fe,o as pe,t as me,u as D}from"./defaultRenderers-CJ0K8d9m.js";function O({text:e,isError:t}){return(0,k.jsxs)(`div`,{className:u.uiPopupOption,children:[(0,k.jsx)(`span`,{className:u.uiPopupOptionIcon}),(0,k.jsx)(l,{color:t?`error`:`primary`,children:e})]})}var k;function A(){return(A=e((()=>{c(),d(),k=o(),O.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function he({isNoData:e,isLoading:t,error:n,children:r}){return e?(0,P.jsx)(x,{emptyState:(0,P.jsx)(O,{text:`Нет данных`})}):t?(0,P.jsx)(x,{loadingState:(0,P.jsx)(O,{text:`Загрузка...`})}):n?(0,P.jsx)(x,{errorState:(0,P.jsx)(O,{isError:!0,text:`Ошибка загрузки`})}):(0,P.jsx)(P.Fragment,{children:r})}function j(e,t){return e[t]}function ge(e,t,n){return Array.from(new Set([e[n],e[t],...Object.values(e)]))}function _e(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(e=>j(e,n)));return e.every(e=>r.has(j(e,n)))}function M({entries:e,listId:t,activeIndex:n,selectedKeys:r,codeKey:a,query:ee,highlightQuery:o,getOptionDisabled:s,getOptionId:c,setOptionRef:l,toggleOption:d,selectOnlyOption:f,renderItem:p}){return e.map(({item:e,index:m})=>{let h=m===n,g=r.has(j(e,a)),_=s?.(e)??!1;return(0,P.jsxs)(`div`,{id:c(t,m),ref:e=>l(m,e),role:`option`,"aria-selected":g,"aria-disabled":_||void 0,className:te(u.uiSelectOption,_&&u.disabled,g&&u.selected,h&&u.uiPopupOptionActive),onMouseDown:e=>{e.preventDefault()},children:[(0,P.jsx)(`div`,{onClick:e=>{e.stopPropagation()},children:(0,P.jsx)(i,{value:g,disabled:_,onChange:()=>{_||d(e)},onClick:e=>{e.stopPropagation()},onMouseDown:e=>{e.stopPropagation()}})}),(0,P.jsx)(`div`,{className:`overflowHidden`,onClick:()=>{_||f(e)},children:p(e,{selected:g,active:h,disabled:_,query:ee,highlightQuery:o})})]},`${j(e,a)}-${m}`)})}var N,P,F,I;function L(){return(L=e((()=>{N=t(n(),1),s(),a(),r(),p(),y(),b(),C(),f(),T(),v(),S(),le(),ae(),_(),d(),E(),D(),A(),P=o(),F=[],I=(0,N.forwardRef)(({codeKey:e,textKey:t,hideCode:n,items:r,value:i,onChange:a,label:o,description:te,placeholder:s,size:c,query:l,defaultQuery:d,highlightQuery:f,onQuery:p,defaultFilter:_=!0,onOpen:v,onClose:ae,getOptionDisabled:y,disabled:b,error:x,isLoading:S,renderToken:C,renderToolbar:T,renderItem:le},E)=>{let D=(0,N.useRef)(null),[O,k]=(0,N.useState)(!1),A=`search-multi`,I=i??F,L=(0,N.useMemo)(()=>new Set(I.map(t=>j(t,e))),[e,I]),R=(0,N.useMemo)(()=>r.filter(t=>!L.has(j(t,e))),[e,L,r]),z=(0,N.useMemo)(()=>pe([...I,...r],e,t),[e,I,r,t]),{query:B,setQuery:ve,resetQueryOnClose:ye}=oe({query:l,defaultQuery:d,onQuery:p,triggerMode:A}),be=e=>{O&&!e&&ye&&ve(``),k(e)},V=w({options:I,query:B,enabled:_,getSearchText:t=>ge(t,e,z)}),H=w({options:R,query:B,enabled:_,getSearchText:t=>ge(t,e,z)}),U=(0,N.useMemo)(()=>[...V,...H],[H,V]),xe=V.length>0?0:-1,{draftValue:W,setDraftValue:G,prepareOpen:Se}=ue({value:I,open:O,onCommit:a,onOpen:v,onClose:ae,isEqual:(t,n)=>_e(t,n,e)}),K=(0,N.useMemo)(()=>new Set(W.map(t=>j(t,e))),[e,W]),Ce=(0,N.useMemo)(()=>({selectedItems:W,committedSelectedItems:I,selectedKeys:K,open:O}),[I,W,O,K]),q=(0,N.useCallback)(e=>y?.(e,Ce)??!1,[y,Ce]),{activeIndex:J,context:we,floatingStyles:Te,getFloatingProps:Ee,setReference:De,setFloating:Oe,setOptionRef:ke,close:Ae,openList:je,toggleOpen:Me,selectActiveOption:Ne,handleReferenceKeyDown:Pe,handleFloatingKeyDown:Fe,getOptionId:Ie,getActiveOptionId:Le}=h({options:U,selectedIndex:xe,open:O,onOpenChange:be,onSelect:void 0,disabled:b,getOptionDisabled:q,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:A}),Re=f??B,Y=t=>{let n=j(t,e);G(r=>r.some(t=>j(t,e)===n)?r.filter(t=>j(t,e)!==n):q(t)?r:[...r,t])},ze=e=>{if(D.current=e,typeof E==`function`){E(e);return}E&&(E.current=e)},Be=()=>{G([]),O||a([])},Ve=()=>{G(t=>{let n=[...t],r=new Set(t.map(t=>j(t,e)));for(let t of U){let i=j(t,e);!r.has(i)&&!q(t)&&(r.add(i),n.push(t))}return n})},He=()=>{G([])},Ue=e=>{q(e)||(G([e]),Ae())},We=O?W:I,X=We.length>0,Ge={selectedItems:We,committedSelectedItems:I,availableItems:H,query:B,open:O,clearSelection:Be,selectAll:Ve,deselectAll:He},Ke=C===void 0?fe({codeKey:e,textKey:z}):C,qe=T===void 0?ce:T,Z=le??me({codeKey:e,textKey:z,hideCode:n}),Je=typeof Ke==`function`?Ke(Ge):null,Ye=typeof qe==`function`?qe(Ge):null,Q=V.map((e,t)=>({item:e,index:t})),Xe=H.map((e,t)=>({item:e,index:t+Q.length})),Ze=!S&&!x&&U.length===0,$=ne({mode:A,open:O,currentQuery:B,hasDisplayValue:!1,inputRef:D,setQuery:ve,openList:je,close:Ae,toggleOpen:Me,onBeforeOpen:()=>{O||Se()}});return(0,P.jsx)(m,{label:o,description:te,disabled:b,size:c,className:de.multiSelect,children:({controlId:t,labelId:n,describedBy:i})=>{let a=`${t}-listbox`;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(ie,{ref:ze,rootRef:De,id:t,type:`text`,role:`combobox`,autoComplete:`off`,disabled:b,value:B,placeholder:X?void 0:`${s??o??`Выберите значения`} <${r.length}>`,"aria-labelledby":n,"aria-describedby":i,"aria-haspopup":`listbox`,"aria-expanded":O,"aria-controls":O?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":O?Le(a):void 0,rootClassName:`flex alignItemsCenter`,endAdornment:(0,P.jsx)(se,{open:O,disabled:b,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,children:(0,P.jsx)(`button`,{type:`button`,disabled:!X,className:u.uiClearButton,"data-ui":`multi-select-clear-button`,"data-action":`clear-multi-select`,onClick:Be,"aria-label":`Очистить все`,children:(0,P.jsx)(ee,{})})}),overlay:Je,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{Pe(e),!e.defaultPrevented&&$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{if(J>=0){let e=U[J];if(e){Y(e);return}}Ne()},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}),(0,P.jsx)(g,{open:O,context:we,floatingStyles:Te,listId:a,labelId:n,descriptionId:i,activeOptionId:O?Le(a):void 0,setFloating:Oe,getFloatingProps:Ee,onKeyDown:Fe,initialFocus:-1,returnFocus:!1,tabIndex:-1,className:u.uiPopupOptions,header:Ye,children:(0,P.jsx)(he,{isNoData:Ze,isLoading:S,error:x,children:(0,P.jsxs)(`div`,{className:`scrollable h100`,children:[(0,P.jsx)(M,{entries:Q,listId:a,activeIndex:J,selectedKeys:K,codeKey:e,query:B,highlightQuery:Re,getOptionDisabled:q,getOptionId:Ie,setOptionRef:ke,toggleOption:Y,selectOnlyOption:Ue,renderItem:Z}),Q.length>0&&R.length>0&&(0,P.jsx)(re,{className:`marginBlockSm`}),(0,P.jsx)(M,{entries:Xe,listId:a,activeIndex:J,selectedKeys:K,codeKey:e,query:B,highlightQuery:Re,getOptionDisabled:q,getOptionId:Ie,setOptionRef:ke,toggleOption:Y,selectOnlyOption:Ue,renderItem:Z})]})})})]})}})}),I.displayName=`MultiSelect`,I.__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) => React.ReactNode`,signature:{arguments:[{type:{name:`CollectionItem`},name:`item`},{type:{name:`MultiSelectItemState`},name:`state`}],return:{name:`ReactReactNode`,raw:`React.ReactNode`}}},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{L as n,I as t};

package/storybook-static/assets/MultiSelect.stories-Cc4-fIjA.js

@@ -0,0 +1,55 @@
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CZ0KI0zu.js";import{n as i,t as a}from"./MultiSelect-DiBUW3Jo.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:`Shared/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:`Кастомный рендер строки option.`,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]!];
+    const query = args.query ?? "";
+    const filteredItems = useMemo(() => {
+      const needle = query.trim().toLowerCase();
+      if (!needle) {
+        return catalog;
+      }
+      return catalog.filter(item => item.label.toLowerCase().includes(needle) || item.code.toLowerCase().includes(needle));
+    }, [query]);
+    return <MultiSelect {...args} value={value} items={filteredItems} query={query} onQuery={query => {
+      args.onQuery?.(query);
+      updateArgs({
+        query
+      });
+    }} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  }
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
+    return <MultiSelect {...args} value={args.value ?? []} items={[]} isLoading onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
+    return <MultiSelect {...args} value={args.value ?? []} items={[]} error="Ошибка загрузки" onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  }
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<React.ComponentProps<typeof MultiSelect>>();
+    return <MultiSelect {...args} value={args.value ?? []} items={[]} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  }
+}`,...g.parameters?.docs?.source}}},_=[`Basic`,`Loading`,`ErrorState`,`Empty`]})))()}export{o as a,m as i,g as n,v as o,h as r,p as t};

package/storybook-static/assets/{NoData-B4H6VMN9.js → NoData-BvxB_r9f.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CYobheWD.js";import{a as n,i as r}from"./utils-DUM89eIj.js";import{n as i,t as a}from"./Text-C1at2dMq.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}})))()}var f,p;function m(){return(m=e((()=>{r(),c(),i(),f=t(),p=({className:e,children:t,color:r=`muted`,minHeight:i,uppercase:o=!0})=>(0,f.jsx)(s,{className:n(`paddingMd textCenter`,e),minHeight:i,children:(0,f.jsx)(a,{as:`div`,weight:`bold`,color:r,uppercase:o,children:t})}),p.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{color:{defaultValue:{value:`"muted"`,computed:!1},required:!1},uppercase:{defaultValue:{value:`true`,computed:!1},required:!1}}}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(p,{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:``}}}})))()}var v,y;function b(){return(b=e((()=>{m(),v=t(),y=({className:e,text:t,minHeight:n=`5em`})=>(0,v.jsx)(p,{className:e,color:`muted`,minHeight:n,children:t||`Нет данных`}),y.__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}}}}})))()}export{_ as i,b as n,h as r,y as t};
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CZ0KI0zu.js";import{a as n,i as r}from"./utils-DUM89eIj.js";import{n as i,t as a}from"./Text-VK5-gznU.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}})))()}var f,p;function m(){return(m=e((()=>{r(),c(),i(),f=t(),p=({className:e,children:t,color:r=`muted`,minHeight:i,uppercase:o=!0})=>(0,f.jsx)(s,{className:n(`paddingMd textCenter`,e),minHeight:i,children:(0,f.jsx)(a,{as:`div`,weight:`bold`,color:r,uppercase:o,children:t})}),p.__docgenInfo={description:``,methods:[],displayName:`Message`,props:{color:{defaultValue:{value:`"muted"`,computed:!1},required:!1},uppercase:{defaultValue:{value:`true`,computed:!1},required:!1}}}})))()}function h({className:e,logo:t,text:r}){return(0,g.jsxs)(p,{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:``}}}})))()}var v,y;function b(){return(b=e((()=>{m(),v=t(),y=({className:e,text:t,minHeight:n=`5em`})=>(0,v.jsx)(p,{className:e,color:`muted`,minHeight:n,children:t||`Нет данных`}),y.__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}}}}})))()}export{_ as i,b as n,h as r,y as t};

package/storybook-static/assets/{NotificationsHost-DGolEXP8.js → NotificationsHost-DDxqV6_Y.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{i as t,n,r,t as i}from"./NotificationsHost.stories-DOZprbOB.js";import{n as a}from"./iframe-CYobheWD.js";import{i as o,r as s}from"./react-qN2cStNd.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-DQl3eTFV.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-C0FnF6B9.js";import{i as t,n,r,t as i}from"./NotificationsHost.stories-tMVttzUz.js";import{n as a}from"./iframe-CZ0KI0zu.js";import{i as o,r as s}from"./react-qN2cStNd.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-LF4-T76K.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-tMVttzUz.js

@@ -0,0 +1,29 @@
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./check-CxEwVoKp.js";import{n as a,t as o}from"./circle-alert-B_axag0r.js";import{n as s,t as c}from"./circle-check-DdUogvti.js";import{i as l,n as ee,r as te,t as ne}from"./info-Cb4lUntE.js";import{n as re,t as ie}from"./refresh-cw-CYH4ov0F.js";import{n as ae,t as oe}from"./trash-2-K0OwBMlQ.js";import{n as se,t as u}from"./triangle-alert-ByLBT1gp.js";import{n as ce,t as le}from"./x-B3ccJTtF.js";import{i as d,n as f,r as p}from"./iframe-CZ0KI0zu.js";import{a as ue,i as de}from"./utils-DUM89eIj.js";import{n as fe}from"./error-BZrNlEUO.js";import{n as pe,t as me}from"./FlexContainer-LmZIdhq2.js";import{n as he,t as m}from"./Button-BUAFSG7a.js";import{a as ge,i as _e,n as ve,r as h}from"./react-CvkUhHUq.js";var g,_;function v(){return(v=e((()=>{d(),g=[[`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`}]],_=p(`bell-ring`,g)})))()}var y,b;function x(){return(x=e((()=>{d(),y=[[`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`}]],b=p(`timer-reset`,y)})))()}var S,C,w,T,E,D,O;function k(){return(k=e((()=>{ge(),S=null,C=e=>(S=e,()=>{S===e&&(S=null)}),w=()=>{if(!S)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return S},T=Object.freeze({push:e=>w().getState().actions.push(e),upsert:e=>w().getState().actions.upsert(e),update:(e,t)=>w().getState().actions.update(e,t),dismiss:e=>w().getState().actions.dismiss(e),clear:()=>w().getState().actions.clear(),success:(e,t)=>w().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>w().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>w().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>w().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=w(),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=>T.update(i,{message:e}),success:(e,t=2500)=>T.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>T.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>T.dismiss(i)}}}),E=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,D=6,O=()=>{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=_e()((i,a)=>({items:[],actions:{push:e=>{let t=e.id??E(),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,D)})),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 A({children:e}){let t=(0,N.useMemo)(()=>O(),[]);return(0,N.useEffect)(()=>C(t),[t]),(0,P.jsx)(F.Provider,{value:t,children:e})}function j(){let e=(0,N.useContext)(F);if(!e)throw fe({hookName:`useNotificationApi`,providerName:`NotificationsProvider`});return e}function ye(){let e=j();return h(e,e=>e.items)}function M(){let e=j(),t=h(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 N,P,F;function I(){return(I=e((()=>{N=n(),k(),ve(),P=f(),F=(0,N.createContext)(null),A.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.`,methods:[],displayName:`NotificationsProvider`}})))()}var L,R,z,B,V,H,U,be,xe,Se,Ce,we,Te,Ee,W;function De(){return(De=e((()=>{L=`STGQ3g`,R=`RaiISE`,z=`cM81wO`,B=`nH2cuZ`,V=`A2glD7`,H=`yWjijS`,U=`_1HO2ne`,be=`OyRJpj`,xe=`vrCrow`,Se=`A0X-ma`,Ce=`AkHvPV`,we=`_4YDLB5`,Te=`CK3Bqv`,Ee=`nLmQut`,W={container:L,card:R,info:z,success:B,warning:V,error:H,header:U,content:be,copy:xe,icon:Se,kicker:Ce,title:we,message:Te,actions:Ee}})))()}function G(){let e=ye(),{dismiss:t}=M();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:ue(W.card,W[e.type]),children:(0,K.jsxs)(me,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(me,{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)(m,{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)(m,{icon:(0,K.jsx)(le,{}),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((()=>{de(),a(),s(),ee(),se(),ce(),he(),pe(),I(),De(),K=f(),Oe={info:{title:`Информация`,Icon:ne},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:u},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения очереди уведомлений.
+Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.`,methods:[],displayName:`NotificationsHost`}})))()}var Ae=t({InteractivePlayground:()=>Q,Showcase:()=>Z,__namedExportsOrder:()=>He,default:()=>Le});function je(){let{clear:e}=M();return(0,q.useEffect)(()=>(e(),()=>{e()}),[e]),null}function Me({children:e,hostProps:t}){return(0,J.jsxs)(A,{children:[(0,J.jsx)(je,{}),(0,J.jsx)(`div`,{style:Re,children:(0,J.jsxs)(`div`,{style:ze,children:[(0,J.jsxs)(`div`,{style:Be,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({children:e}){let[t]=Ie();return(0,J.jsx)(Me,{hostProps:t,children:e})}function Pe(){let{clear:e,push:t}=M();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 Fe(){let e=M(),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:Ve,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)(m,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(ne,{}),onClick:()=>e.info(`Справочник обновлён по расписанию.`,{title:`Информация`,ttlMs:3500}),children:`Info`}),(0,J.jsx)(m,{tone:`success`,appearance:`solid`,icon:(0,J.jsx)(i,{}),onClick:()=>e.success(`Изменения сохранены.`,{title:`Операция завершена`,ttlMs:2500}),children:`Success`}),(0,J.jsx)(m,{tone:`warning`,appearance:`outline`,icon:(0,J.jsx)(u,{}),onClick:()=>e.warning(`Подтвердите действие в течение 2 минут.`,{title:`Требуется подтверждение`,dismissible:!1}),children:`Sticky warning`}),(0,J.jsx)(m,{tone:`error`,appearance:`solid`,icon:(0,J.jsx)(te,{}),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)(m,{variant:`neutralOutline`,icon:(0,J.jsx)(_,{}),onClick:()=>{let n=e.push({type:`info`,title:`Экспорт архива`,message:`Подготавливаю пакет документов...`,dismissible:!1});t.current=n,r(!0)},children:`Запустить`}),(0,J.jsx)(m,{variant:`neutralOutline`,icon:(0,J.jsx)(ie,{}),onClick:()=>{o(`Обработано 68% записей. Формирую итоговый архив...`)},disabled:!n,children:`Обновить прогресс`}),(0,J.jsx)(m,{tone:`success`,appearance:`outline`,icon:(0,J.jsx)(i,{}),onClick:()=>{o(`Архив подготовлен и доступен для скачивания.`,{type:`success`,ttlMs:2500,dismissible:!0})},disabled:!n,children:`Завершить успешно`}),(0,J.jsx)(m,{tone:`error`,appearance:`outline`,icon:(0,J.jsx)(te,{}),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)(m,{variant:`neutralOutline`,icon:(0,J.jsx)(ie,{}),onClick:()=>{for(let t=1;t<=8;t+=1)e.info(`Пакет ${t} поставлен в очередь на обработку.`,{title:`Задача ${t}`,ttlMs:8e3})},children:`Заполнить очередь`}),(0,J.jsx)(m,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(b,{}),onClick:()=>e.info(`Это уведомление исчезнет автоматически через 2 секунды.`,{title:`TTL = 2000 мс`,ttlMs:2e3}),children:`Проверить TTL`}),(0,J.jsx)(m,{variant:`transparent`,icon:(0,J.jsx)(oe,{}),onClick:()=>{a(),e.clear()},children:`Очистить всё`})]})]})]})}var q,J,Ie,Le,Re,ze,Be,Ve,Y,X,Z,Q,He;function $(){return($=e((()=>{q=n(),v(),r(),ee(),re(),x(),ae(),se(),l(),he(),I(),ke(),J=f(),{useArgs:Ie}=__STORYBOOK_MODULE_PREVIEW_API__,Le={title:`Shared/UI/Notifications`,component:G,args:{},argTypes:{},parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:`Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления.`}}}},Re={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)`},ze={maxWidth:1120,margin:`0 auto`,display:`grid`,gap:16},Be={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`},Ve={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(){return(0,J.jsx)(Ne,{children:(0,J.jsx)(Pe,{})})},parameters:{docs:{description:{story:`Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.`}}}},Q={render:function(){return(0,J.jsx)(Ne,{children:(0,J.jsx)(Fe,{})})},parameters:{docs:{description:{story:`Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия.`}}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
+  render: function Render() {
+    return <NotificationsStoryCanvas>
+                <ShowcaseSeed />
+            </NotificationsStoryCanvas>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории."
+      }
+    }
+  }
+}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
+  render: function Render() {
+    return <NotificationsStoryCanvas>
+                <PlaygroundPanel />
+            </NotificationsStoryCanvas>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия."
+      }
+    }
+  }
+}`,...Q.parameters?.docs?.source}}},He=[`Showcase`,`InteractivePlayground`]})))()}export{$ as i,Ae as n,Z as r,Q as t};

package/storybook-static/assets/{ODataMultiSelect-zz9GzQ4E.js → ODataMultiSelect-96O4f-qa.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CYobheWD.js";import{i as n,r}from"./react-qN2cStNd.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-DQl3eTFV.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-DDakF7DF.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-C0FnF6B9.js";import{n as t}from"./iframe-CZ0KI0zu.js";import{i as n,r}from"./react-qN2cStNd.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-LF4-T76K.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-DpRZoXwK.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.