@ryuzaki13/react-foundation-ui 3.7.6 → 3.8.0

package/storybook-static/assets/{ODataSelect-jd2QMUfT.js → ODataSelect-ChMv3gAt.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.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-C8zNjnZ6.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-tJK0ojwy.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-DmEkruYl.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-k8_NQe3D.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-CWgCeuUZ.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-tJK0ojwy.js → ODataSelect.stories-CWgCeuUZ.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-DwDg20S-.js";import{a as i,s as a,t as o}from"./odata-DcP8j5KN.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,i as d,o as f,r as p,s as m}from"./OptionContent-B5Fd_tXV.js";import{n as ee,t as h}from"./createControlledStoryRender-BouhvX-R.js";import{c as te,l as ne}from"./Input-DgO6bhmR.js";import{n as re,t as ie}from"./Select-C6CKo9z5.js";import{a as g,i as _,r as ae,t as v}from"./useODataSelectBase-BK0Oiuzg.js";import{a as oe,c as se,i as ce,l as le,n as y,o as b,r as ue,s as x,t as S,u as C}from"./odataStoryFixtures-BPBQIYhY.js";function w({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ae({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(),v()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(m,{text:e,highlight:n})}),t&&(0,O.jsx)(l,{className:i,children:(0,O.jsx)(m,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),f(),d(),u(),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}function j({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:c,dependencies:l,onChange:u,clearable:d}){let f=w({odata:e,segment:t,model:a(n),value:c,dependencies:l,onChange:u});if(f.isLoading)return(0,M.jsx)(te,{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,M.jsx)(ie,{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,M.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey]}),renderOption:e=>(0,M.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})}var M;function N(){return(N=e((()=>{i(),ne(),E(),re(),k(),M=r(),j.__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=g(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)(j,{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(),_(),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-DmEkruYl.js";import{a as i,s as a,t as o}from"./odata-DuCCq8G1.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{a as l,c as u,i as d,o as f,r as p,s as m}from"./OptionContent-DgSmB8T-.js";import{n as ee,t as h}from"./createControlledStoryRender-BouhvX-R.js";import{c as te,l as ne}from"./Input-CvT5iV9z.js";import{n as re,t as ie}from"./Select-wMvrcMy4.js";import{a as g,i as _,r as ae,t as v}from"./useODataSelectBase-F-y8dDqn.js";import{a as oe,c as se,i as ce,l as le,n as y,o as b,r as ue,s as x,t as S,u as C}from"./odataStoryFixtures-BuE6LYnL.js";function w({odata:e,segment:t,model:n,value:r,dependencies:i,onChange:a}){let o=ae({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(),v()})))()}function D({label:e,code:t,highlight:n,labelClassName:r,codeClassName:i}){return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{className:s(`flexEllipsis`,r),children:(0,O.jsx)(m,{text:e,highlight:n})}),t&&(0,O.jsx)(l,{className:i,children:(0,O.jsx)(m,{text:t,highlight:n})})]})}var O;function k(){return(k=e((()=>{c(),f(),d(),u(),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}function j({odata:e,segment:t,model:n,size:r,label:i,description:o,disabled:s,value:c,dependencies:l,onChange:u,clearable:d}){let f=w({odata:e,segment:t,model:a(n),value:c,dependencies:l,onChange:u});if(f.isLoading)return(0,M.jsx)(te,{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,M.jsx)(ie,{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,M.jsx)(D,{label:e[m],code:p?void 0:e[f.codeKey]}),renderOption:e=>(0,M.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})}var M;function N(){return(N=e((()=>{i(),ne(),E(),re(),k(),M=r(),j.__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=g(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)(j,{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(),_(),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-DQh0Miht.js → ODataTreeMultiSelect--K1Cr5rs.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.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-C8zNjnZ6.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-nGsKEFa8.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-DmEkruYl.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-k8_NQe3D.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-DkqcOU54.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-nGsKEFa8.js → ODataTreeMultiSelect.stories-DkqcOU54.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-DwDg20S-.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-C8DC5MfL.js";import{n as c,t as l}from"./useODataTreeData-B2zeGA0s.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-BPBQIYhY.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-DmEkruYl.js";import{n as i,t as a}from"./createControlledStoryRender-BouhvX-R.js";import{n as o,t as s}from"./TreeMultiSelect-BrFx88uE.js";import{n as c,t as l}from"./useODataTreeData-C1uROydE.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-BuE6LYnL.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-DH8999xS.js → ODataTreeSelect-CXPOA45d.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.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-C8zNjnZ6.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-Crmd8QRs.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-DmEkruYl.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-k8_NQe3D.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-Arr35qIR.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-Crmd8QRs.js → ODataTreeSelect.stories-Arr35qIR.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DwDg20S-.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-B2zeGA0s.js";import{n as s,t as c}from"./TreeSelect-D35PKmHd.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-BPBQIYhY.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-DmEkruYl.js";import{n as r,t as i}from"./createControlledStoryRender-BouhvX-R.js";import{n as a,t as o}from"./useODataTreeData-C1uROydE.js";import{n as s,t as c}from"./TreeSelect-Ryr5xwEV.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-BuE6LYnL.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-wahIXJlw.js → OneStepScroller-DektyW3p.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-DzR36qoc.js";import{n as a,t as o}from"./chevron-right-iCcjS-vt.js";import{n as s}from"./iframe-DwDg20S-.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)}function _({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0}){let s=(0,v.useRef)(null),l=(0,v.useRef)(null),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(!1),h=(0,v.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),_=(0,v.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,v.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>b,i=n<t-b;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,v.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,v.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,v.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+b&&c<=u-b)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,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=_(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,_]),(0,v.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,v.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.defaultPrevented||(e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()))},O=u||f;return(0,y.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,y.jsx)(i,{})}),(0,y.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,y.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,y.jsx)(o,{})})]})}var v,y,b;function x(){return(x=t((()=>{v=e(n(),1),l(),r(),a(),h(),y=s(),b=1,_.__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-BZXvWuac.js";import{n as a,t as o}from"./chevron-right-Df49J0bT.js";import{n as s}from"./iframe-DmEkruYl.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)}function _({children:e,className:t,itemSelector:n,scrollPadding:r=6,smooth:a=!0}){let s=(0,v.useRef)(null),l=(0,v.useRef)(null),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(!1),h=(0,v.useCallback)(()=>{let e=s.current;return e?n?Array.from(e.querySelectorAll(n)):Array.from(e.children).filter(e=>e instanceof HTMLElement):[]},[n]),_=(0,v.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,v.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>b,i=n<t-b;d(e=>e===r?e:r),p(e=>e===i?e:i)},[]),S=(0,v.useCallback)(()=>{l.current===null&&(l.current=requestAnimationFrame(()=>{l.current=null,x()}))},[x]),C=(0,v.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,v.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+b&&c<=u-b)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,v.useEffect)(()=>{let e=s.current;if(!e)return;let t=e=>{let t=e.target;if(!(t instanceof HTMLElement))return;let n=_(t);n&&w(n)};return e.addEventListener(`focusin`,t),()=>e.removeEventListener(`focusin`,t)},[w,_]),(0,v.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,v.useEffect)(()=>{S()},[e,S]);let T=()=>C(-1),E=()=>C(1),D=e=>{e.defaultPrevented||(e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()))},O=u||f;return(0,y.jsxs)(`div`,{className:c(m.oneStepScroller,t),style:{position:`relative`},children:[O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг влево`,className:m.ossButton,onClick:T,disabled:!u,children:(0,y.jsx)(i,{})}),(0,y.jsx)(`div`,{className:m.ossViewport,onKeyDown:D,role:`group`,"aria-label":`Элементы прокрутки`,children:(0,y.jsx)(`div`,{className:m.ossScroller,ref:s,"aria-live":`polite`,children:e})}),O&&(0,y.jsx)(`button`,{type:`button`,"aria-label":`Прокрутить шаг вправо`,className:m.ossButton,onClick:E,disabled:!f,children:(0,y.jsx)(o,{})})]})}var v,y,b;function x(){return(x=t((()=>{v=e(n(),1),l(),r(),a(),h(),y=s(),b=1,_.__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-D9p9CbDx.js → Option-DK4dHhT1.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";import{n as o,t as s}from"./Grid-k2M3ts2n.js";import{n as c,t as l}from"./Separator-D37ybDoT.js";var u,d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{u=`_81qOBF`,d=`Fj-KxT`,f=`tCn0CX`,p=`pP2yXa`,m=`bupTWA`,h=`GkeyGF`,g=`_8F667e`,_=`RMwzIX`,v=`wvU2oL`,y=`efKX6F`,b=`OGMk6I`,x={popupPositioner:u,options:d,optionsToolbar:f,optionsBody:p,status:m,statusError:h,triggerContainer:g,triggerHasClear:_,selectedToken:v,selectedTokenText:y,selectionActionButton:b}})))()}function C({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,w.jsxs)(s.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,w.jsx)(`button`,{ref:n,type:`button`,className:x.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,w.jsx)(`button`,{type:`button`,className:x.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var w;function T(){return(T=e((()=>{o(),S(),w=t(),C.__docgenInfo={description:`Общая панель массовых действий для picker-компонентов с множественным выбором.
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";import{n as o,t as s}from"./Grid-CJKjOeEG.js";import{n as c,t as l}from"./Separator-tJoZoT06.js";var u,d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{u=`_81qOBF`,d=`Fj-KxT`,f=`tCn0CX`,p=`pP2yXa`,m=`bupTWA`,h=`GkeyGF`,g=`_8F667e`,_=`RMwzIX`,v=`wvU2oL`,y=`efKX6F`,b=`OGMk6I`,x={popupPositioner:u,options:d,optionsToolbar:f,optionsBody:p,status:m,statusError:h,triggerContainer:g,triggerHasClear:_,selectedToken:v,selectedTokenText:y,selectionActionButton:b}})))()}function C({onSelectAll:e,onDeselectAll:t,selectAllButtonRef:n}){return(0,w.jsxs)(s.Container,{gap:`xs`,templateColumns:`1fr 1fr`,children:[(0,w.jsx)(`button`,{ref:n,type:`button`,className:x.selectionActionButton,onClick:e,"data-ui":`picker-select-all`,"data-action":`select-all`,children:`Выбрать все`}),(0,w.jsx)(`button`,{type:`button`,className:x.selectionActionButton,onClick:t,"data-ui":`picker-deselect-all`,"data-action":`deselect-all`,children:`Снять выбор`})]})}var w;function T(){return(T=e((()=>{o(),S(),w=t(),C.__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 E({rootRef:e,bodyRef:t,bodyProps:r,children:i,toolbar:a,selectionActions:o,layoutClassName:s,bodyClassName:c,scrollable:u=!0,className:d,...f}){let p=a===void 0&&o?(0,D.jsx)(C,{...o}):a||null;return(0,D.jsxs)(`div`,{...f,ref:e,className:n(x.options,s,d),"data-ui":`picker-options`,"data-has-toolbar":p?`true`:void 0,children:[p?(0,D.jsxs)(`div`,{className:x.optionsToolbar,children:[p,(0,D.jsx)(l,{})]}):null,(0,D.jsx)(`div`,{...r,ref:t,className:n(x.optionsBody,u?`scrollable overscroll`:`overflowHidden`,c),children:i})]})}var D;function O(){return(O=e((()=>{r(),c(),S(),T(),D=t(),E.__docgenInfo={description:`Единая оболочка списка опций для picker, listbox и menu. Если переданы
 selectionActions, но не передан toolbar, компонент показывает стандартные
 действия выбора и снятия выбора.`,methods:[],displayName:`PickerOptions`,props:{rootRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},bodyRef:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``},bodyProps:{required:!1,tsType:{name:`Omit`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLDivElement`}],raw:`HTMLAttributes<HTMLDivElement>`},{name:`union`,raw:`"children" | "className"`,elements:[{name:`literal`,value:`"children"`},{name:`literal`,value:`"className"`}]}],raw:`Omit<HTMLAttributes<HTMLDivElement>, "children" | "className">`},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-DSnw34Je.js → OptionButton-CsOv8dZ_.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./OptionContent-B5Fd_tXV.js";import{n as o,t as s}from"./ui.module-0uniSGT-.js";function c({ref:e,icon:t,text:r,searchText:i,code:s,hotkey:c,emphasizeContent:u,...d}){return(0,l.jsx)(`button`,{...d,ref:e,type:`button`,className:n(o.uiOptionButton,d.className),children:(0,l.jsx)(a,{icon:t,text:r,searchText:i,emphasizeContent:u,...s===void 0?{hotkey:c}:{code:s}})})}var l;function u(){return(u=e((()=>{r(),s(),i(),l=t(),c.__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{u as n,c as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./OptionContent-DgSmB8T-.js";import{n as o,t as s}from"./ui.module-0uniSGT-.js";function c({ref:e,icon:t,text:r,searchText:i,code:s,hotkey:c,emphasizeContent:u,...d}){return(0,l.jsx)(`button`,{...d,ref:e,type:`button`,className:n(o.uiOptionButton,d.className),children:(0,l.jsx)(a,{icon:t,text:r,searchText:i,emphasizeContent:u,...s===void 0?{hotkey:c}:{code:s}})})}var l;function u(){return(u=e((()=>{r(),s(),i(),l=t(),c.__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{u as n,c as t};

package/storybook-static/assets/{OptionContent-B5Fd_tXV.js → OptionContent-DgSmB8T-.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({text:e,highlight:t}){return t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,s.jsx)(`mark`,{children:e},n):e):e}var s;function c(){return(c=e((()=>{s=t()})))()}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:s}){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)(o,{text:t,highlight:n})}),a==null?s?(0,S.jsx)(f,{children:s}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{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:``}}}})))()}export{l as a,c,b as i,C as n,d as o,v as r,o as s,x as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({text:e,highlight:t}){return t?e.split(RegExp(`(${t})`,`gi`)).map((e,n)=>e.toLowerCase()===t.toLowerCase()?(0,s.jsx)(`mark`,{children:e},n):e):e}var s;function c(){return(c=e((()=>{s=t()})))()}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:s}){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)(o,{text:t,highlight:n})}),a==null?s?(0,S.jsx)(f,{children:s}):null:(0,S.jsx)(l,{className:r?i.uiOptionContentEmphasize:void 0,children:(0,S.jsx)(o,{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:``}}}})))()}export{l as a,c,b as i,C as n,d as o,v as r,o as s,x as t};

package/storybook-static/assets/{OptionContentContainer-DHRmFumh.js → OptionContentContainer-ROUyLVX_.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({className:e,...t}){return(0,s.jsx)(`div`,{...t,className:n(i.uiOptionButton,e)})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:`Неинтерактивная оболочка содержимого option/treeitem. Она сохраняет геометрию
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-0uniSGT-.js";function o({className:e,...t}){return(0,s.jsx)(`div`,{...t,className:n(i.uiOptionButton,e)})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:`Неинтерактивная оболочка содержимого option/treeitem. Она сохраняет геометрию
 OptionButton, когда клавиатурная модель принадлежит родительскому composite.`,methods:[],displayName:`OptionContentContainer`}})))()}export{c as n,o as t};

package/storybook-static/assets/OptionMultiSelect-BtULWPnH.js

@@ -0,0 +1,75 @@
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.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-k8_NQe3D.js";import{a as p,i as m,n as h,r as g,t as _}from"./OptionMultiSelect.stories-oNE7yvAx.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(u,{children:`OptionMultiSelect`}),`
+`,(0,b.jsx)(o,{children:`Типобезопасный getter-based мультиселект для произвольных option`}),`
+`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`OptionMultiSelect<TOption>`}),` сохраняет исходный тип option на всём пути от `,(0,b.jsx)(t.code,{children:`options`}),` и `,(0,b.jsx)(t.code,{children:`value`}),` до `,(0,b.jsx)(t.code,{children:`onChange`}),`.
+Компонент не требует `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` и независимо получает identity, основной текст, отображаемый код, группу и поисковое представление.`]}),`
+`,(0,b.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,b.jsx)(f,{}),`
+`,(0,b.jsx)(i,{of:g}),`
+`,(0,b.jsx)(t.pre,{children:(0,b.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { OptionMultiSelect } from "@ryuzaki13/react-foundation-ui/multi-select";
+
+type DepartmentOption = {
+	id: string;
+	name: string;
+	displayCode: string;
+};
+
+const options: DepartmentOption[] = [
+	{ id: "education:north", name: "Учебное отделение «Север»", displayCode: "УО-01" },
+	{ id: "education:south", name: "Учебное отделение «Юг»", displayCode: "УО-01" }
+];
+
+export function Example() {
+	const [value, setValue] = useState<DepartmentOption[]>([]);
+
+	return (
+		<OptionMultiSelect
+			label="Подразделения"
+			options={options}
+			value={value}
+			onChange={setValue}
+			getOptionKey={(option) => option.id}
+			getOptionLabel={(option) => option.name}
+			getOptionCode={(option) => option.displayCode}
+		/>
+	);
+}
+`})}),`
+`,(0,b.jsx)(t.h2,{id:`контракт-selector-функций`,children:`Контракт selector-функций`}),`
+`,(0,b.jsxs)(t.ul,{children:[`
+`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`getOptionKey`}),` задаёт единственный identity option. Строковый ключ должен быть уникальным и устойчивым; числовой domain-id следует явно преобразовать через `,(0,b.jsx)(t.code,{children:`String(id)`}),`.`]}),`
+`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`getOptionLabel`}),` возвращает основной текст, а `,(0,b.jsx)(t.code,{children:`getOptionCode`}),` — независимый дополнительный код. Одинаковый отображаемый code не объединяет option, если их key различаются.`]}),`
+`,(0,b.jsxs)(t.li,{children:[`По умолчанию поиск учитывает label, code и текст заголовка группы. `,(0,b.jsx)(t.code,{children:`getOptionSearchText`}),` полностью заменяет это представление и подходит для скрытых синонимов, транслитерации или заранее нормализованного индекса.`]}),`
+`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`getOptionGroup`}),` объединяет соседние option с одинаковым `,(0,b.jsx)(t.code,{children:`group.key`}),`. Выбранная и доступная секции группируются независимо, поэтому один заголовок может появиться в обеих секциях.`]}),`
+`]}),`
+`,(0,b.jsx)(t.h2,{id:`draft-и-commit`,children:`Draft и commit`}),`
+`,(0,b.jsxs)(t.p,{children:[`При открытии компонент создаёт draft из контролируемого `,(0,b.jsx)(t.code,{children:`value`}),`. Checkbox изменяет draft, не вызывая `,(0,b.jsx)(t.code,{children:`onChange`}),` немедленно; закрытие popup подтверждает его через `,(0,b.jsx)(t.code,{children:`onChange`}),` и передаёт то же значение в `,(0,b.jsx)(t.code,{children:`onClose`}),`.
+Кнопка с названием option выбирает только эту option и сразу закрывает popup. `,(0,b.jsx)(t.code,{children:`getOptionDisabled`}),` получает `,(0,b.jsx)(t.code,{children:`selectedOptions`}),` и `,(0,b.jsx)(t.code,{children:`selectedKeys`}),` текущего draft, а также `,(0,b.jsx)(t.code,{children:`committedSelectedOptions`}),`, поэтому взаимозависимые ограничения обновляются ещё до commit.`]}),`
+`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`renderToken`}),` и `,(0,b.jsx)(t.code,{children:`renderToolbar`}),` получают тот же текущий выбор: draft, пока popup открыт, и подтверждённое значение после закрытия.`]}),`
+`,(0,b.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,b.jsx)(t.h3,{id:`identity-независимо-от-отображаемого-code`,children:`Identity независимо от отображаемого code`}),`
+`,(0,b.jsxs)(t.p,{children:[`У двух option намеренно одинаковый `,(0,b.jsx)(t.code,{children:`code`}),`, но разные `,(0,b.jsx)(t.code,{children:`id`}),`. Их можно выбирать независимо без преобразования в `,(0,b.jsx)(t.code,{children:`CollectionItem`}),`.`]}),`
+`,(0,b.jsx)(d,{of:g}),`
+`,(0,b.jsx)(t.h3,{id:`группировка-и-selected-first`,children:`Группировка и selected-first`}),`
+`,(0,b.jsx)(t.p,{children:`Подтверждённые option отображаются первыми. После них идёт доступная секция; внутри обеих секций соседние option группируются отдельно.`}),`
+`,(0,b.jsx)(d,{of:h}),`
+`,(0,b.jsx)(t.h3,{id:`контекстная-блокировка-и-поисковый-индекс`,children:`Контекстная блокировка и поисковый индекс`}),`
+`,(0,b.jsxs)(t.p,{children:[`Option «Все подразделения» взаимоисключается с частным выбором через draft-aware `,(0,b.jsx)(t.code,{children:`getOptionDisabled`}),`.
+`,(0,b.jsx)(t.code,{children:`getOptionSearchText`}),` добавляет невидимые поисковые синонимы: например, запрос `,(0,b.jsx)(t.code,{children:`СПО`}),` находит оба учебных отделения.`]}),`
+`,(0,b.jsx)(d,{of:_}),`
+`,(0,b.jsx)(t.h2,{id:`миграция-с-multiselect`,children:`Миграция с MultiSelect`}),`
+`,(0,b.jsxs)(t.p,{children:[`Существующий `,(0,b.jsx)(t.code,{children:`MultiSelect`}),` остаётся совместимым API для `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` и OData-сценариев. Для нового типизированного consumer замените:`]}),`
+`,(0,b.jsxs)(t.ul,{children:[`
+`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`items`}),` на `,(0,b.jsx)(t.code,{children:`options`}),`;`]}),`
+`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`codeKey`}),` на `,(0,b.jsx)(t.code,{children:`getOptionKey`}),`;`]}),`
+`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`textKey`}),` на `,(0,b.jsx)(t.code,{children:`getOptionLabel`}),`;`]}),`
+`,(0,b.jsxs)(t.li,{children:[`использование identity как видимого code на отдельный `,(0,b.jsx)(t.code,{children:`getOptionCode`}),`;`]}),`
+`,(0,b.jsxs)(t.li,{children:[(0,b.jsx)(t.code,{children:`renderItem`}),`, если он только вычислял text/code, на `,(0,b.jsx)(t.code,{children:`getOptionLabel`}),` и `,(0,b.jsx)(t.code,{children:`getOptionCode`}),`; сложную структурированную пару можно вернуть через `,(0,b.jsx)(t.code,{children:`renderOption`}),`.`]}),`
+`]}),`
+`,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`onChange`}),` после миграции получает `,(0,b.jsx)(t.code,{children:`TOption[]`}),`, поэтому адаптер к `,(0,b.jsx)(t.code,{children:`CollectionItem`}),` больше не нужен. Миграция не требуется для `,(0,b.jsx)(t.code,{children:`ODataMultiSelect`}),`: он продолжает использовать совместимый контракт `,(0,b.jsx)(t.code,{children:`codeKey`}),`/`,(0,b.jsx)(t.code,{children:`textKey`}),`.`]}),`
+`,(0,b.jsx)(t.h2,{id:`api`,children:`API`}),`
+`,(0,b.jsx)(l,{of:m}),`
+`,(0,b.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,b.jsx)(a,{includePrimary:!1})]})}function y(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;function x(){return(x=e((()=>{b=t(),r(),c(),p()})))()}x();export{y as default};

package/storybook-static/assets/OptionMultiSelect.stories-oNE7yvAx.js

@@ -0,0 +1,64 @@
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DmEkruYl.js";import{n as r,t as i}from"./OptionMultiSelectCore-D8cGuRYM.js";function a(e){return(0,o.jsx)(i,{...e})}var o;function s(){return(s=e((()=>{r(),o=n(),a.__docgenInfo={description:`Множественный выбор для произвольной типизированной коллекции опций.`,methods:[],displayName:`OptionMultiSelect`}})))()}var c=t({ContextualDisabledAndSearch:()=>g,GroupedSelectedFirst:()=>h,IndependentIdentity:()=>m,__namedExportsOrder:()=>_,default:()=>p}),l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{s(),l=n(),{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:d}=__STORYBOOK_MODULE_TEST__,f=[{id:`all-departments`,name:`Все подразделения`,code:`*`,direction:`Общий выбор`,searchAliases:[`вся организация`]},{id:`education:north`,name:`Учебное отделение «Север»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`северный корпус`]},{id:`education:south`,name:`Учебное отделение «Юг»`,code:`УО-01`,direction:`Учебные подразделения`,searchAliases:[`СПО`,`южный корпус`]},{id:`support:methodology`,name:`Методический отдел`,code:`МЕТОД`,direction:`Подразделения сопровождения`,searchAliases:[`методисты`,`образовательные программы`]},{id:`support:it`,name:`Отдел цифровых сервисов`,code:`ИТ`,direction:`Подразделения сопровождения`,searchAliases:[`техническая поддержка`,`информационные технологии`]}],p={title:`UI/OptionMultiSelect`,component:a,args:{label:`Подразделения`,description:`Выберите одно или несколько подразделений.`,placeholder:`Начните вводить`,options:f,value:[],onChange:d(),getOptionKey:e=>e.id,getOptionLabel:e=>e.name,getOptionCode:e=>e.code,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Типобезопасный getter-based мультиселект для произвольных option. Identity, текст, отображаемый код, группа и поисковое представление задаются независимо.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},options:{description:`Исходные типизированные option без промежуточного CollectionItem.`,control:!1},value:{description:`Контролируемый набор выбранных option целиком.`,control:!1},onChange:{description:`Подтверждает выбор массивом исходных option.`,control:!1},getOptionKey:{description:`Возвращает устойчивый уникальный identity option.`,control:!1},getOptionLabel:{description:`Возвращает основной отображаемый текст option.`,control:!1},getOptionCode:{description:`Возвращает дополнительный отображаемый код, независимый от identity.`,control:!1},getOptionGroup:{description:`Объединяет соседние option под доступным заголовком группы.`,control:!1},getOptionSearchText:{description:`Задаёт поисковое представление option; может вернуть строку или набор строк.`,control:!1},getOptionDisabled:{description:`Блокирует option с учётом draft-выбора и подтверждённого значения.`,control:!1},query:{description:`Контролируемый поисковый запрос.`,control:`text`},defaultQuery:{description:`Начальный запрос в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Отдельный запрос для подсветки совпадений.`,control:`text`},onQuery:{description:`Вызывается при изменении поискового запроса.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается после закрытия и подтверждения draft-выбора.`,control:!1},error:{description:`Текст ошибки получения option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки.`,control:`boolean`},renderToken:{description:`Кастомный рендер значения в trigger.`,control:!1},renderToolbar:{description:`Кастомный рендер панели действий popup.`,control:!1},renderOption:{description:`Возвращает структурированные text и code для строки option.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},m={name:`Identity независимо от code`,render:function(e){let[,t]=u();return(0,l.jsx)(a,{...e,value:e.value??[f[1]],onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Обе учебные option имеют code УО-01, но остаются независимыми благодаря разным id.`,value:[f[1]]}},h={name:`Группы и выбранные option первыми`,render:function(e){let[,t]=u();return(0,l.jsx)(a,{...e,getOptionGroup:e=>({key:e.direction,label:e.direction}),onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`Подтверждённые option показаны первыми; внутри выбранной и доступной секций группы строятся независимо.`,value:[f[1],f[3]]}},g={name:`Контекстная блокировка и поиск`,render:function(e){let[,t]=u(),n=e.query??``;return(0,l.jsx)(a,{...e,query:n,onQuery:n=>{e.onQuery?.(n),t({query:n})},getOptionSearchText:e=>[e.name,e.code,...e.searchAliases],getOptionDisabled:(e,t)=>{let n=f[0].id,r=t.selectedKeys.has(n);return e.id===n?[...t.selectedKeys].some(e=>e!==n):r},onChange:n=>{e.onChange(n),t({value:n})}})},args:{description:`«Все подразделения» взаимоисключается с частным выбором. Поиск учитывает скрытые синонимы, например «СПО».`,query:``,onQuery:d(),value:[]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  name: "Identity независимо от code",
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<OptionMultiSelectProps<DepartmentOption>>();
+    return <OptionMultiSelect {...args} value={args.value ?? [departmentOptions[1]]} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  },
+  args: {
+    description: "Обе учебные option имеют code УО-01, но остаются независимыми благодаря разным id.",
+    value: [departmentOptions[1]]
+  }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  name: "Группы и выбранные option первыми",
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<OptionMultiSelectProps<DepartmentOption>>();
+    return <OptionMultiSelect {...args} getOptionGroup={option => ({
+      key: option.direction,
+      label: option.direction
+    })} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  },
+  args: {
+    description: "Подтверждённые option показаны первыми; внутри выбранной и доступной секций группы строятся независимо.",
+    value: [departmentOptions[1], departmentOptions[3]]
+  }
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  name: "Контекстная блокировка и поиск",
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<OptionMultiSelectProps<DepartmentOption>>();
+    const query = args.query ?? "";
+    return <OptionMultiSelect {...args} query={query} onQuery={nextQuery => {
+      args.onQuery?.(nextQuery);
+      updateArgs({
+        query: nextQuery
+      });
+    }} getOptionSearchText={option => [option.name, option.code, ...option.searchAliases]} getOptionDisabled={(option, context) => {
+      const allDepartmentsKey = departmentOptions[0].id;
+      const hasAllDepartments = context.selectedKeys.has(allDepartmentsKey);
+      if (option.id === allDepartmentsKey) {
+        return [...context.selectedKeys].some(key => key !== allDepartmentsKey);
+      }
+      return hasAllDepartments;
+    }} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} />;
+  },
+  args: {
+    description: "«Все подразделения» взаимоисключается с частным выбором. Поиск учитывает скрытые синонимы, например «СПО».",
+    query: "",
+    onQuery: fn<(value: string) => void>(),
+    value: []
+  }
+}`,...g.parameters?.docs?.source}}},_=[`IndependentIdentity`,`GroupedSelectedFirst`,`ContextualDisabledAndSearch`]})))()}export{v as a,c as i,h as n,m as r,g as t};

package/storybook-static/assets/OptionMultiSelectCore-D8cGuRYM.js

@@ -0,0 +1,3 @@
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./CheckBox-ivX0kZSD.js";import{n as i}from"./iframe-DmEkruYl.js";import{n as a,t as o}from"./Text-I4ck3fsu.js";import{n as s,t as c}from"./ui.module-0uniSGT-.js";import{n as l,t as ee}from"./PickerField-nBBELo78.js";import{c as u,d as te,f as d,i as ne,l as f,n as re,r as p,s as m,t as h,u as ie}from"./usePickerTriggerController-DJ1RhgvB.js";import{n as ae,t as oe}from"./Separator-tJoZoT06.js";import{n as se,t as g}from"./Option-DK4dHhT1.js";import{i as ce,n as le,r as _,t as v}from"./usePickerQuery-XIF3uyW2.js";import{n as ue,t as y}from"./usePickerDefaultFilter-ien2ZY7g.js";import{i as de,n as b,r as x,t as fe}from"./formatMultiSelectOptionCount-xGq1uM2H.js";import{n as S,t as C}from"./OptionButton-CsOv8dZ_.js";function pe(e,t=!1){return t&&Array.isArray(e)?e:[...e]}function w(){return(w=e((()=>{})))()}function me(e,t,n){if(e.length!==t.length)return!1;let r=new Set(t.map(n));return e.every(e=>r.has(n(e)))}var T,E,D,O;function k(){return(k=e((()=>{T=`_9oSdQi`,E=`d9SDKQ`,D=`xCo7w9`,O={multiSelect:T,optionCheckBox:E,optionActionCell:D}})))()}function A(e,t){let n=[];for(let r of e){let e=t(r.option),i=n.at(-1),a=i?.group?.key===e?.key;if(i&&a){i.entries.push(r);continue}n.push({group:e,entries:[r]})}return n}function j({option:e,index:t,listId:n,activeIndex:i,selectedKeys:a,query:o,highlightQuery:s,getOptionKey:c,getOptionDisabled:l,getOptionId:ee,setOptionRef:u,toggleOption:te,selectOnlyOption:d,renderOption:ne}){let f=t===i,re=c(e),p=a.has(re),m=l?.(e)??!1,h=ne(e,{selected:p,active:f,disabled:m,query:o,highlightQuery:s});return(0,M.jsxs)(g,{id:ee(n,t),ref:e=>u(t,e),role:`row`,"aria-selected":p,"aria-disabled":m||void 0,selected:p,active:f,disabled:m,children:[(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionCheckBox,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),children:(0,M.jsx)(r,{value:p,disabled:m,"aria-label":`${p?`Убрать`:`Добавить`} «${h.text}» ${p?`из выбора`:`в выбор`}`,onChange:()=>te(e)})}),(0,M.jsx)(`div`,{role:`gridcell`,className:O.optionActionCell,children:(0,M.jsx)(C,{tabIndex:-1,disabled:m,"aria-label":`Выбрать только «${h.text}»`,text:h.text,code:h.code,searchText:s,onMouseDown:e=>e.preventDefault(),onClick:()=>d(e)})})]})}var M;function N(){return(N=e((()=>{n(),se(),S(),k(),M=i(),j.__docgenInfo={description:`Одна интерактивная строка grid: checkbox меняет draft, основная кнопка подтверждает только эту опцию.`,methods:[],displayName:`MultiSelectOptionRow`}})))()}function he({entries:e,sectionId:t,getOptionGroup:n,...r}){return(n?A(e,n):[{group:void 0,entries:e}]).map((e,n)=>{let i=e.entries.map(({option:e,index:t})=>(0,F.jsx)(j,{option:e,index:t,...r},`${r.getOptionKey(e)}-${t}`));if(!e.group)return(0,F.jsx)(P.Fragment,{children:i},`${t}-ungrouped-${n}`);let a=`${t}-group-${n}`;return(0,F.jsxs)(`div`,{role:`rowgroup`,"aria-labelledby":a,children:[(0,F.jsx)(`div`,{id:a,role:`row`,className:s.uiPopupGroupLabel,children:(0,F.jsx)(`div`,{role:`gridcell`,children:e.group.label})}),i]},`${t}-${e.group.key}-${n}`)})}var P,F;function I(){return(I=e((()=>{P=t(),c(),N(),F=i()})))()}function L({text:e,isError:t}){return(0,R.jsxs)(`div`,{className:s.uiPopupOption,children:[(0,R.jsx)(`span`,{className:s.uiPopupOptionIcon}),(0,R.jsx)(o,{color:t?`error`:`primary`,children:e})]})}var R;function z(){return(z=e((()=>{a(),c(),R=i(),L.__docgenInfo={description:"Скелетон строки опции для `MultiSelect`. Используется во время загрузки или при отображении ошибок получения списка.",methods:[],displayName:`MultiSelectOptionSkeleton`,props:{text:{required:!0,tsType:{name:`string`},description:``},isError:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function ge({isNoData:e,error:t,children:n}){return e?(0,B.jsx)(_,{emptyState:(0,B.jsx)(L,{text:`Нет данных`})}):t?(0,B.jsx)(_,{errorState:(0,B.jsx)(L,{isError:!0,text:`Ошибка загрузки`})}):(0,B.jsx)(B.Fragment,{children:n})}var B;function V(){return(V=e((()=>{ce(),z(),B=i(),ge.__docgenInfo={description:`Выбирает одно доступное состояние тела popup, не меняя структуру самого grid.`,methods:[],displayName:`MultiSelectOptionsWrapper`}})))()}function H({ref:e,options:t,value:n,onChange:r,getOptionKey:i,getOptionLabel:a,getOptionCode:o,getOptionGroup:s,getOptionSearchText:c,label:l,description:u,placeholder:d,size:p,query:h,defaultQuery:ie,highlightQuery:ae,onQuery:se,defaultFilter:g=!0,onOpen:ce,onClose:_,getOptionDisabled:v,disabled:y,error:b,isLoading:x,renderToken:S,renderToolbar:C,renderOption:w,preserveOptionArrayReference:T=!1}){let E=(0,U.useRef)(null),[D,k]=(0,U.useState)(!1),A=`search-multi`,j=(0,U.useMemo)(()=>pe(n,T),[T,n]),M=(0,U.useMemo)(()=>new Set(j.map(i)),[j,i]),N=(0,U.useMemo)(()=>t.filter(e=>!M.has(i(e))),[M,i,t]),{query:P,setQuery:F,resetQueryOnClose:I}=le({query:h,defaultQuery:ie,onQuery:se,triggerMode:A}),L=e=>{D&&!e&&I&&F(``),k(e)},R=(0,U.useCallback)(e=>c?.(e)??[a(e),o?.(e),te(s?.(e)?.label)].filter(e=>!!e),[o,s,a,c]),z=ue({options:j,query:P,enabled:g,getSearchText:R}),B=ue({options:N,query:P,enabled:g,getSearchText:R}),V=(0,U.useMemo)(()=>[...z,...B],[B,z]),H=z.length>0?0:-1,G=(0,U.useCallback)((e,t)=>me(e,t,i),[i]),{draftValue:K,setDraftValue:q,prepareOpen:_e}=de({value:j,open:D,onCommit:r,onOpen:ce,onClose:_,isEqual:G}),J=(0,U.useMemo)(()=>new Set(K.map(i)),[K,i]),ve=(0,U.useMemo)(()=>({selectedOptions:K,committedSelectedOptions:j,selectedKeys:J,open:D}),[j,K,D,J]),Y=(0,U.useCallback)(e=>v?.(e,ve)??!1,[v,ve]),{activeIndex:X,context:ye,floatingStyles:be,getFloatingProps:xe,setReference:Se,setFloating:Ce,setOptionRef:we,close:Te,openList:Ee,toggleOpen:De,handleReferenceKeyDown:Oe,handleFloatingKeyDown:ke,getOptionId:Ae,getActiveOptionId:je}=ne({options:V,selectedIndex:H,open:D,onOpenChange:L,onSelect:void 0,disabled:y,getOptionDisabled:Y,closeOnSelect:!1,allowOpenWithoutOptions:!0,triggerMode:A}),Me=ae??P,Z=e=>{let t=i(e);q(n=>n.some(e=>i(e)===t)?n.filter(e=>i(e)!==t):Y(e)?n:[...n,e])},Ne=(0,U.useCallback)(t=>{if(E.current=t,typeof e==`function`){e(t);return}e&&(e.current=t)},[e]),Pe=()=>{q([]),D||r([])},Fe=()=>{q(e=>{let t=[...e],n=new Set(e.map(i));for(let e of V){let r=i(e);!n.has(r)&&!Y(e)&&(n.add(r),t.push(e))}return t})},Ie=()=>{q([])},Le=e=>{Y(e)||(q([e]),Te())},Q=D?K:j,Re=Q.length>0,ze={selectedOptions:Q,committedSelectedOptions:j,availableOptions:B,query:P,open:D,clearSelection:Pe,selectAll:Fe,deselectAll:Ie},Be=Q.length>1?fe(Q.length):Q.length===1?a(Q[0]):void 0,Ve=S===void 0?Be:typeof S==`function`?S(ze):null,He=typeof C==`function`?C(ze):C,Ue=(0,U.useCallback)(e=>({text:a(e),code:o?.(e)}),[o,a]),We=w??Ue,Ge=z.map((e,t)=>({option:e,index:t})),Ke=B.map((e,t)=>({option:e,index:t+Ge.length})),qe=!x&&!b&&V.length===0,$=re({mode:A,open:D,currentQuery:P,hasDisplayValue:!1,inputRef:E,setQuery:F,openList:Ee,close:Te,toggleOpen:De,onBeforeOpen:()=>{D||_e()}});return(0,W.jsx)(ee,{label:l,description:u,disabled:y,size:p,className:O.multiSelect,children:({controlId:e,labelId:n,describedBy:r})=>{let a=`${e}-grid`;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(m,{ref:Ne,rootRef:Se,id:e,type:`text`,role:`combobox`,autoComplete:`off`,isLoading:x,disabled:y,open:D,optionCount:t.length,label:l,placeholder:d,placeholderFallback:`Выберите значения`,value:P,selectedValue:Ve,hasSelection:Re,showSelectedValue:Re&&P.length===0,clearable:!0,onClear:Pe,clearAriaLabel:`Очистить все`,onToggleMouseDown:$.handleToggleMouseDown,onToggleClick:$.handleToggleClick,"aria-labelledby":n,"aria-describedby":r,"aria-haspopup":`grid`,"aria-expanded":D,"aria-controls":D?a:void 0,"aria-autocomplete":`list`,"aria-activedescendant":D?je(a):void 0,rootClassName:`flex alignItemsCenter`,onChange:e=>{$.handleTriggerInputChange(e.target.value)},onClick:$.handleTriggerClick,onFocus:e=>{$.handleTriggerFocus(e.currentTarget)},onKeyDown:e=>{if(Oe(e),!e.defaultPrevented){if(D&&e.ctrlKey&&e.key===` `){e.preventDefault();let t=V[X];X>=0&&X<V.length&&Z(t);return}$.handleTriggerKeyDown({event:e,onActivateWhenOpen:()=>{let e=V[X];X>=0&&X<V.length&&Le(e)},enableClosedArrowDownOpen:!0,suppressClosedArrowUp:!0})}}}),(0,W.jsx)(f,{open:D,context:ye,floatingStyles:be,listId:a,labelId:n,descriptionId:r,activeOptionId:D?je(a):void 0,ariaMultiselectable:!0,popupRole:`grid`,setFloating:Ce,getFloatingProps:xe,onKeyDown:ke,initialFocus:-1,returnFocus:!1,tabIndex:-1,toolbar:He,selectionActions:C===void 0?{onSelectAll:Fe,onDeselectAll:Ie}:void 0,children:(0,W.jsx)(ge,{isNoData:qe,error:b,children:(0,W.jsxs)(`div`,{role:`presentation`,className:`scrollable overscroll h100`,children:[(0,W.jsx)(he,{entries:Ge,sectionId:`${a}-selected`,listId:a,activeIndex:X,selectedKeys:J,query:P,highlightQuery:Me,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Ae,setOptionRef:we,toggleOption:Z,selectOnlyOption:Le,renderOption:We}),Ge.length>0&&Ke.length>0&&(0,W.jsx)(oe,{"aria-hidden":`true`,className:`marginBlockSm`}),(0,W.jsx)(he,{entries:Ke,sectionId:`${a}-available`,listId:a,activeIndex:X,selectedKeys:J,query:P,highlightQuery:Me,getOptionKey:i,getOptionGroup:s,getOptionDisabled:Y,getOptionId:Ae,setOptionRef:we,toggleOption:Z,selectOnlyOption:Le,renderOption:We})]})})})]})}})}var U,W;function G(){return(G=e((()=>{U=t(),d(),l(),ie(),u(),y(),p(),v(),x(),h(),ae(),b(),k(),I(),V(),W=i(),H.__docgenInfo={description:`Единая generic-реализация множественного выбора. Публичные компоненты только
+адаптируют свои контракты к этим selector-функциям, поэтому focus и a11y
+поведение не расходятся между новым и legacy API.`,methods:[],displayName:`OptionMultiSelectCore`,props:{defaultFilter:{defaultValue:{value:`true`,computed:!1},required:!1},preserveOptionArrayReference:{defaultValue:{value:`false`,computed:!1},required:!1}}}})))()}export{pe as i,G as n,w as r,H as t};

package/storybook-static/assets/{PeriodSelect-DuWMNZ_n.js → PeriodSelect-DrO6n1An.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.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-C8zNjnZ6.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-BhJ23e1c.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-DmEkruYl.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-k8_NQe3D.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-BEicKdLp.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`}),`.`]}),`

package/storybook-static/assets/{PeriodSelect-CU1ZfQsw.js → PeriodSelect-yuiZbhil.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.js";import{g as r,m as i}from"./odata-service-CWkHASdw-DAt28ZWr.js";import{h as a,i as o}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{l as s,o as c}from"./DateInput-LUBv1t6D.js";import{n as l,t as u}from"./PresetSelect-Cm0WuAqn.js";function d(e){return typeof e==`string`&&y.has(e)}function f(e,t=v){let n=c(e,d,t),r=n.length>0?n:v,i=new Set(r);return v.filter(e=>i.has(e))}function p(e,t=_){return s(e,t)}function m({maxDayRangeDays:e,maxWeekRangeWeeks:t,labels:n}={}){let r=i(e),a=i(t);return _.map(e=>{let t={...e,label:n?.[e.id]??e.label};return e.id===`day`&&r!==void 0?{...t,maxRangeDays:r}:e.id===`week`&&a!==void 0?{...t,maxRangeDays:a*7}:t})}function h(e,t){let n=i(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=o(t);return r!==null&&r>n}function g(e,t,n){if(t.length===0)return;let r=e===void 0?-1:t.findIndex(t=>t.id===e),i=r>=0?t[r]:void 0;return i&&!h(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!h(e,n))?.id??t.find(e=>!h(e,n))?.id}var _,v,y;function b(){return(b=e((()=>{a(),r(),_=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`},{id:`year`,label:`по годам`}]),v=Object.freeze([`day`,`week`,`month`,`year`]),y=new Set(_.map(e=>e.id))})))()}function x({value:e,onChange:t,options:n,labels:r,presetIds:i,dateRange:a,maxDayRangeDays:o,maxWeekRangeWeeks:s,...c}){let l=(0,S.useMemo)(()=>n??p(f(i),m({maxDayRangeDays:o,maxWeekRangeWeeks:s,labels:r})),[r,o,s,n,i]),d=(0,S.useMemo)(()=>g(e,l,a),[a,l,e]),_=(0,S.useRef)(null),v=(0,S.useEffectEvent)(()=>{if(d===void 0||d===e){_.current=null;return}let n=_.current;n&&n.value===e&&n.availableValue===d||(_.current={value:e,availableValue:d},t(d))});return(0,S.useEffect)(()=>{v()},[d,e]),(0,C.jsx)(u,{...c,options:l,value:d,onChange:t,getOptionDisabled:e=>h(e,a)})}var S,C;function w(){return(w=e((()=>{S=t(),l(),b(),C=n(),x.__docgenInfo={description:`Select периода детализации, который может ограничивать доступные варианты по диапазону дат.`,methods:[],displayName:`PeriodSelect`,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:``},options:{required:!1,tsType:{name:`unknown`},description:"Полный список custom options с высшим приоритетом. При его передаче\nвстроенные `presetIds`, `labels` и пороги диапазона не применяются."},labels:{required:!1,tsType:{name:`Partial`,elements:[{name:`Readonly`,elements:[{name:`Record`,elements:[{name:`union`,raw:`"day" | "week" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"week"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},{name:`string`}],raw:`Record<PeriodSelectPresetId, string>`}],raw:`Readonly<Record<PeriodSelectPresetId, string>>`}],raw:`Partial<PeriodSelectLabels>`},description:`Частично заменяет подписи встроенных вариантов, не изменяя их id,
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DmEkruYl.js";import{g as r,m as i}from"./odata-service-CWkHASdw-DAt28ZWr.js";import{h as a,i as o}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{l as s,o as c}from"./DateInput-L-Y80kKJ.js";import{n as l,t as u}from"./PresetSelect-Dxgbcd6v.js";function d(e){return typeof e==`string`&&y.has(e)}function f(e,t=v){let n=c(e,d,t),r=n.length>0?n:v,i=new Set(r);return v.filter(e=>i.has(e))}function p(e,t=_){return s(e,t)}function m({maxDayRangeDays:e,maxWeekRangeWeeks:t,labels:n}={}){let r=i(e),a=i(t);return _.map(e=>{let t={...e,label:n?.[e.id]??e.label};return e.id===`day`&&r!==void 0?{...t,maxRangeDays:r}:e.id===`week`&&a!==void 0?{...t,maxRangeDays:a*7}:t})}function h(e,t){let n=i(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=o(t);return r!==null&&r>n}function g(e,t,n){if(t.length===0)return;let r=e===void 0?-1:t.findIndex(t=>t.id===e),i=r>=0?t[r]:void 0;return i&&!h(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!h(e,n))?.id??t.find(e=>!h(e,n))?.id}var _,v,y;function b(){return(b=e((()=>{a(),r(),_=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`},{id:`year`,label:`по годам`}]),v=Object.freeze([`day`,`week`,`month`,`year`]),y=new Set(_.map(e=>e.id))})))()}function x({value:e,onChange:t,options:n,labels:r,presetIds:i,dateRange:a,maxDayRangeDays:o,maxWeekRangeWeeks:s,...c}){let l=(0,S.useMemo)(()=>n??p(f(i),m({maxDayRangeDays:o,maxWeekRangeWeeks:s,labels:r})),[r,o,s,n,i]),d=(0,S.useMemo)(()=>g(e,l,a),[a,l,e]),_=(0,S.useRef)(null),v=(0,S.useEffectEvent)(()=>{if(d===void 0||d===e){_.current=null;return}let n=_.current;n&&n.value===e&&n.availableValue===d||(_.current={value:e,availableValue:d},t(d))});return(0,S.useEffect)(()=>{v()},[d,e]),(0,C.jsx)(u,{...c,options:l,value:d,onChange:t,getOptionDisabled:e=>h(e,a)})}var S,C;function w(){return(w=e((()=>{S=t(),l(),b(),C=n(),x.__docgenInfo={description:`Select периода детализации, который может ограничивать доступные варианты по диапазону дат.`,methods:[],displayName:`PeriodSelect`,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:``},options:{required:!1,tsType:{name:`unknown`},description:"Полный список custom options с высшим приоритетом. При его передаче\nвстроенные `presetIds`, `labels` и пороги диапазона не применяются."},labels:{required:!1,tsType:{name:`Partial`,elements:[{name:`Readonly`,elements:[{name:`Record`,elements:[{name:`union`,raw:`"day" | "week" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"week"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},{name:`string`}],raw:`Record<PeriodSelectPresetId, string>`}],raw:`Readonly<Record<PeriodSelectPresetId, string>>`}],raw:`Partial<PeriodSelectLabels>`},description:`Частично заменяет подписи встроенных вариантов, не изменяя их id,
 канонический порядок и правила доступности.
 Не применяется, когда передан собственный \`options\`.`},presetIds:{required:!1,tsType:{name:`unknown`},description:`Разрешенные встроенные варианты периода. Значение нормализуется в канонический
 порядок, а пустой либо невалидный список безопасно заменяется полным набором.

package/storybook-static/assets/{PeriodSelect.stories-BhJ23e1c.js → PeriodSelect.stories-BEicKdLp.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DwDg20S-.js";import{n as r,t as i}from"./Text-CjvvAj_-.js";import{h as a,i as o,s}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as c,t as l}from"./GridContainer-P0Xa7b7y.js";import{n as u,t as d}from"./createControlledStoryRender-BouhvX-R.js";import{r as f,t as p}from"./DateInput-LUBv1t6D.js";import{i as m,n as h,r as g,t as _}from"./PeriodSelect-CU1ZfQsw.js";var v=t({AllAllowedOptionsDisabled:()=>A,AlternativeLabels:()=>k,AutoSwitchByRange:()=>D,Controlled:()=>E,Disabled:()=>j,MonthAndYear:()=>O,__namedExportsOrder:()=>M,default:()=>w});function y(e){return e!==void 0&&s(e)?e:null}var b,x,S,C,w,T,E,D,O,k,A,j,M;function N(){return(N=e((()=>{a(),f(),u(),c(),r(),m(),h(),b=n(),{fn:x}=__STORYBOOK_MODULE_TEST__,S=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],C=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],w={title:`UI/PeriodSelect`,component:_,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:x(),presetIds:g,dateRange:S,maxDayRangeDays:31,maxWeekRangeWeeks:26,disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда период не выбран.`,control:`text`},value:{description:`Текущий id периода.`,control:`select`,options:g},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`; имеет приоритет над `presetIds`, `labels` и порогами диапазона.",control:!1},labels:{description:`Частичные подписи встроенных периодов поверх канонического каталога.`,control:`object`},presetIds:{description:"Разрешенные встроенные периоды. Порядок отображения остается `day → week → month → year`.",control:`check`,options:g},dateRange:{description:`Диапазон дат, по которому вычисляются заблокированные периоды.`,control:!1},maxDayRangeDays:{description:"Максимальное количество дней, при котором доступен период `day`.",control:{type:`number`,min:1,step:1}},maxWeekRangeWeeks:{description:"Максимальное количество недель, при котором доступен период `week`.",control:{type:`number`,min:1,step:1}},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T=d((e,t)=>{let n=y(e.dateRange),r=o(e.dateRange??null);return(0,b.jsxs)(l,{gap:`md`,children:[(0,b.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,b.jsx)(p,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,b.jsxs)(i,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,b.jsx)(i,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,b.jsx)(i,{as:`code`,children:r??`не задано`}),`.`]})]})}),E={name:`Контролируемый выбор`,render:T},D={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},O={name:`Только месяцы и годы`,args:{value:`month`,presetIds:[`month`,`year`]},render:T},k={name:`Альтернативные подписи`,args:{value:`month`,labels:{day:`за день`,week:`за неделю`,month:`за месяц`,year:`за год`}},render:T},A={name:`Все разрешенные варианты недоступны`,args:{value:`day`,presetIds:[`day`,`week`],dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},j={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DmEkruYl.js";import{n as r,t as i}from"./Text-I4ck3fsu.js";import{h as a,i as o,s}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as c,t as l}from"./GridContainer-CotR1WQh.js";import{n as u,t as d}from"./createControlledStoryRender-BouhvX-R.js";import{r as f,t as p}from"./DateInput-L-Y80kKJ.js";import{i as m,n as h,r as g,t as _}from"./PeriodSelect-yuiZbhil.js";var v=t({AllAllowedOptionsDisabled:()=>A,AlternativeLabels:()=>k,AutoSwitchByRange:()=>D,Controlled:()=>E,Disabled:()=>j,MonthAndYear:()=>O,__namedExportsOrder:()=>M,default:()=>w});function y(e){return e!==void 0&&s(e)?e:null}var b,x,S,C,w,T,E,D,O,k,A,j,M;function N(){return(N=e((()=>{a(),f(),u(),c(),r(),m(),h(),b=n(),{fn:x}=__STORYBOOK_MODULE_TEST__,S=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],C=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],w={title:`UI/PeriodSelect`,component:_,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:x(),presetIds:g,dateRange:S,maxDayRangeDays:31,maxWeekRangeWeeks:26,disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`,docs:{description:{component:`Select периода детализации дат. Компонент работает с id периода и может блокировать слишком детальные варианты по переданному диапазону дат.`}}},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда период не выбран.`,control:`text`},value:{description:`Текущий id периода.`,control:`select`,options:g},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`; имеет приоритет над `presetIds`, `labels` и порогами диапазона.",control:!1},labels:{description:`Частичные подписи встроенных периодов поверх канонического каталога.`,control:`object`},presetIds:{description:"Разрешенные встроенные периоды. Порядок отображения остается `day → week → month → year`.",control:`check`,options:g},dateRange:{description:`Диапазон дат, по которому вычисляются заблокированные периоды.`,control:!1},maxDayRangeDays:{description:"Максимальное количество дней, при котором доступен период `day`.",control:{type:`number`,min:1,step:1}},maxWeekRangeWeeks:{description:"Максимальное количество недель, при котором доступен период `week`.",control:{type:`number`,min:1,step:1}},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},T=d((e,t)=>{let n=y(e.dateRange),r=o(e.dateRange??null);return(0,b.jsxs)(l,{gap:`md`,children:[(0,b.jsx)(_,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,b.jsx)(p,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,b.jsxs)(i,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,b.jsx)(i,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,b.jsx)(i,{as:`code`,children:r??`не задано`}),`.`]})]})}),E={name:`Контролируемый выбор`,render:T},D={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},O={name:`Только месяцы и годы`,args:{value:`month`,presetIds:[`month`,`year`]},render:T},k={name:`Альтернативные подписи`,args:{value:`month`,labels:{day:`за день`,week:`за неделю`,month:`за месяц`,year:`за год`}},render:T},A={name:`Все разрешенные варианты недоступны`,args:{value:`day`,presetIds:[`day`,`week`],dateRange:C,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:T},j={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
   name: "Контролируемый выбор",
   render: renderPeriodSelectStory
 }`,...E.parameters?.docs?.source},description:{story:"Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.",...E.parameters?.docs?.description}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{

package/storybook-static/assets/{PickerField-CH8N7Pny.js → PickerField-nBBELo78.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{d as n,l as r,s as i,u as a}from"./Input-DgO6bhmR.js";function o({id:e,label:t,description:r,disabled:a,size:o,className:c,error:l,children:u}){let{controlId:d,labelId:f,descriptionId:p,errorId:m,describedBy:h}=n({id:e,hasLabel:t!=null,hasDescription:!!r,hasError:!!l});return(0,s.jsx)(i,{label:t,description:r,disabled:a,size:o,className:c,error:l,controlId:d,labelId:f,descriptionId:p,errorId:m,children:u({controlId:d,labelId:f,descriptionId:p,errorId:m,describedBy:h})})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`PickerField`,props:{id:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(context: PickerFieldContext) => ReactNode`,signature:{arguments:[{type:{name:`PickerFieldContext`},name:`context`}],return:{name:`ReactNode`}}},description:``}},composes:[`Omit`]}})))()}export{c as n,o as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.js";import{d as n,l as r,s as i,u as a}from"./Input-CvT5iV9z.js";function o({id:e,label:t,description:r,disabled:a,size:o,className:c,error:l,children:u}){let{controlId:d,labelId:f,descriptionId:p,errorId:m,describedBy:h}=n({id:e,hasLabel:t!=null,hasDescription:!!r,hasError:!!l});return(0,s.jsx)(i,{label:t,description:r,disabled:a,size:o,className:c,error:l,controlId:d,labelId:f,descriptionId:p,errorId:m,children:u({controlId:d,labelId:f,descriptionId:p,errorId:m,describedBy:h})})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`PickerField`,props:{id:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(context: PickerFieldContext) => ReactNode`,signature:{arguments:[{type:{name:`PickerFieldContext`},name:`context`}],return:{name:`ReactNode`}}},description:``}},composes:[`Omit`]}})))()}export{c as n,o as t};

package/storybook-static/assets/{PickerTriggerActions-CeY0rxwK.js → PickerTriggerActions-CkKNIp3y.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./chevron-down-ExkE372q.js";import{n as r}from"./iframe-DwDg20S-.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./ui.module-0uniSGT-.js";function c({open:e,disabled:t,children:r,onToggleMouseDown:a,onToggleClick:s,openAriaLabel:c=`Открыть список`,closeAriaLabel:u=`Закрыть список`,toggleAria:d}){return(0,l.jsxs)(`div`,{className:o.uiToggleButtonContainer,"data-disabled":t||void 0,children:[r,(0,l.jsx)(`div`,{className:o.uiButtonSeparator}),(0,l.jsx)(`button`,{...d,type:`button`,disabled:t,"aria-label":e?u:c,className:o.uiToggleButton,onMouseDown:a,onClick:s,children:(0,l.jsx)(n,{className:i(o.uiToggleIcon,e&&o.uiToggleIconOpen)})})]})}var l;function u(){return(u=e((()=>{a(),t(),s(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`PickerTriggerActions`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},children:{required:!1,tsType:{name:`ReactNode`},description:``},onToggleMouseDown:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLButtonElement`}],raw:`MouseEvent<HTMLButtonElement>`},name:`event`}],return:{name:`void`}}},description:``},onToggleClick:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},openAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Открыть список"`,computed:!1}},closeAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Закрыть список"`,computed:!1}},toggleAria:{required:!1,tsType:{name:`Pick`,elements:[{name:`AriaAttributes`},{name:`union`,raw:`"aria-controls" | "aria-expanded" | "aria-haspopup"`,elements:[{name:`literal`,value:`"aria-controls"`},{name:`literal`,value:`"aria-expanded"`},{name:`literal`,value:`"aria-haspopup"`}]}],raw:`Pick<AriaAttributes, "aria-controls" | "aria-expanded" | "aria-haspopup">`},description:`Передаёт ARIA-связи непосредственно кнопке раскрытия, не меняя геометрию
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t,t as n}from"./chevron-down-BK3QcIgw.js";import{n as r}from"./iframe-DmEkruYl.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{n as o,t as s}from"./ui.module-0uniSGT-.js";function c({open:e,disabled:t,children:r,onToggleMouseDown:a,onToggleClick:s,openAriaLabel:c=`Открыть список`,closeAriaLabel:u=`Закрыть список`,toggleAria:d}){return(0,l.jsxs)(`div`,{className:o.uiToggleButtonContainer,"data-disabled":t||void 0,children:[r,(0,l.jsx)(`div`,{className:o.uiButtonSeparator}),(0,l.jsx)(`button`,{...d,type:`button`,disabled:t,"aria-label":e?u:c,className:o.uiToggleButton,onMouseDown:a,onClick:s,children:(0,l.jsx)(n,{className:i(o.uiToggleIcon,e&&o.uiToggleIconOpen)})})]})}var l;function u(){return(u=e((()=>{a(),t(),s(),l=r(),c.__docgenInfo={description:``,methods:[],displayName:`PickerTriggerActions`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},children:{required:!1,tsType:{name:`ReactNode`},description:``},onToggleMouseDown:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLButtonElement`}],raw:`MouseEvent<HTMLButtonElement>`},name:`event`}],return:{name:`void`}}},description:``},onToggleClick:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},openAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Открыть список"`,computed:!1}},closeAriaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Закрыть список"`,computed:!1}},toggleAria:{required:!1,tsType:{name:`Pick`,elements:[{name:`AriaAttributes`},{name:`union`,raw:`"aria-controls" | "aria-expanded" | "aria-haspopup"`,elements:[{name:`literal`,value:`"aria-controls"`},{name:`literal`,value:`"aria-expanded"`},{name:`literal`,value:`"aria-haspopup"`}]}],raw:`Pick<AriaAttributes, "aria-controls" | "aria-expanded" | "aria-haspopup">`},description:`Передаёт ARIA-связи непосредственно кнопке раскрытия, не меняя геометрию
 контейнера с adornment-действиями.`}}}})))()}export{u as n,c as t};

package/storybook-static/assets/{Popover-vFmaLoRU.js → Popover-Bf4a7PIe.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.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-C8zNjnZ6.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"./Popover.stories-BM5vOI4G.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:p,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DmEkruYl.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-k8_NQe3D.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"./Popover.stories-CetSmVHK.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:p,parameters:{docs:{toc:!0}}}),`
 `,(0,C.jsx)(u,{children:`Popover`}),`
 `,(0,C.jsx)(o,{children:`Всплывающий контейнер, привязанный к trigger-элементу и поддерживающий управляемое открытие`}),`
 `,(0,C.jsx)(t.p,{children:`Popover уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Popover-CU6wCOiR.js → Popover-CvpieQDS.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}from"./iframe-DwDg20S-.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{_ as o,a as s,f as c,g as l,h as u,m as d,n as f,r as p,u as m}from"./floating-ui.react-C58PtzHr.js";import{a as h,i as g,n as _,r as v}from"./dom-D9_dPJ4G.js";import{i as y,r as b}from"./FloatingPopover-CF7JQjl3.js";import{n as x}from"./error-De9R4E_F.js";function S({availableWidth:e,availableHeight:t,floating:n}){n.style.setProperty(`--popover-available-width`,`${Math.max(0,e)}px`),n.style.setProperty(`--popover-available-height`,`${Math.max(0,t)}px`)}var C,w,T,E;function D(){return(D=t((()=>{C=`JK2Y7t`,w=`_5QtpCJ`,T=`hZuysP`,E={popover:C,primary:w,secondary:T}})))()}function O(){let e=(0,k.useContext)(A);if(!e)throw x({hookName:`usePopoverContext`,providerName:`Popover`});return e}var k,A;function j(){return(j=t((()=>{k=n(),A=(0,k.createContext)(null)})))()}function M({children:e,onClose:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:a=!1,background:o=`secondary`,role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u}){let{open:d,setOpen:p,refs:m,floatingStyles:v,middlewareData:y,placement:x,arrowRef:S,contentId:C}=O(),w=(0,N.useRef)(null),T=(0,N.useCallback)(e=>{w.current=e,m.setFloating(e)},[m]),D=h({active:d,initialFocus:`container`,restoreFocus:!0,containerRef:w}),k=(0,N.useCallback)(()=>{d&&(p(!1),t?.())},[p,t,d]);_({active:d,enabled:r,onDismiss:k,containerRef:D});let A=(0,N.useCallback)(()=>{!d||a||n&&k()},[d,a,n,k]);return g([m.floating,m.reference],A),d?(0,P.jsx)(f,{children:(0,P.jsxs)(`div`,{id:C,ref:T,style:v,className:i(E.popover,E[o]),role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u,tabIndex:-1,children:[typeof e==`function`?e({setClose:k}):e,(0,P.jsx)(b,{ref:S,placement:x,middlewareData:y})]})}):null}var N,P;function F(){return(F=t((()=>{N=e(n(),1),p(),v(),a(),y(),D(),j(),P=r(),M.__docgenInfo={description:`Содержимое немодального Popover, отображаемое в портале.
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DmEkruYl.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{_ as o,a as s,f as c,g as l,h as u,m as d,n as f,r as p,u as m}from"./floating-ui.react-6Ph0JA2E.js";import{a as h,i as g,n as _,r as v}from"./dom-D9_dPJ4G.js";import{i as y,r as b}from"./FloatingPopover-DuSkz_S2.js";import{n as x}from"./error-De9R4E_F.js";function S({availableWidth:e,availableHeight:t,floating:n}){n.style.setProperty(`--popover-available-width`,`${Math.max(0,e)}px`),n.style.setProperty(`--popover-available-height`,`${Math.max(0,t)}px`)}var C,w,T,E;function D(){return(D=t((()=>{C=`JK2Y7t`,w=`_5QtpCJ`,T=`hZuysP`,E={popover:C,primary:w,secondary:T}})))()}function O(){let e=(0,k.useContext)(A);if(!e)throw x({hookName:`usePopoverContext`,providerName:`Popover`});return e}var k,A;function j(){return(j=t((()=>{k=n(),A=(0,k.createContext)(null)})))()}function M({children:e,onClose:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:a=!1,background:o=`secondary`,role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u}){let{open:d,setOpen:p,refs:m,floatingStyles:v,middlewareData:y,placement:x,arrowRef:S,contentId:C}=O(),w=(0,N.useRef)(null),T=(0,N.useCallback)(e=>{w.current=e,m.setFloating(e)},[m]),D=h({active:d,initialFocus:`container`,restoreFocus:!0,containerRef:w}),k=(0,N.useCallback)(()=>{d&&(p(!1),t?.())},[p,t,d]);_({active:d,enabled:r,onDismiss:k,containerRef:D});let A=(0,N.useCallback)(()=>{!d||a||n&&k()},[d,a,n,k]);return g([m.floating,m.reference],A),d?(0,P.jsx)(f,{children:(0,P.jsxs)(`div`,{id:C,ref:T,style:v,className:i(E.popover,E[o]),role:s,"aria-label":c,"aria-labelledby":l,"aria-describedby":u,tabIndex:-1,children:[typeof e==`function`?e({setClose:k}):e,(0,P.jsx)(b,{ref:S,placement:x,middlewareData:y})]})}):null}var N,P;function F(){return(F=t((()=>{N=e(n(),1),p(),v(),a(),y(),D(),j(),P=r(),M.__docgenInfo={description:`Содержимое немодального Popover, отображаемое в портале.
 Компонент не навязывает ARIA-role: consumer задаёт семантику содержимого
 явно и добавляет доступное имя для ролей, которым оно требуется.`,methods:[],displayName:`PopoverContent`,props:{closeOnOutside:{defaultValue:{value:`true`,computed:!1},required:!1},closeOnEscape:{defaultValue:{value:`true`,computed:!1},required:!1},disableOutsideClick:{defaultValue:{value:`false`,computed:!1},required:!1},background:{defaultValue:{value:`"secondary"`,computed:!1},required:!1}}}})))()}function I({passive:e,children:t}){let{open:n,setOpen:r,refs:i,contentId:a}=O(),o=[t.props[`aria-controls`],a].filter(Boolean).join(` `),s=(0,L.useCallback)(n=>{t.props.onClick&&t.props.onClick(n),!n.defaultPrevented&&(n.preventDefault(),n.stopPropagation(),!e&&r(e=>!e))},[t,r,e]);return(0,L.cloneElement)(t,{ref:i.setReference,"aria-expanded":n,"aria-controls":o,onClick:s})}var L;function R(){return(R=t((()=>{L=n(),j(),I.__docgenInfo={description:``,methods:[],displayName:`PopoverTrigger`,props:{passive:{required:!1,tsType:{name:`literal`,value:`true`},description:``},children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<Element>`,elements:[{name:`Element`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<Element> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<Element>`,elements:[{name:`Element`}],required:!1}}]}}]}]},description:``}}}})))()}function z({children:e,open:t,defaultOpen:n,onOpenChange:r,placement:i=`bottom`}){let[a,f]=(0,B.useState)(n??!1),p=(0,B.useId)(),h=t!==void 0,g=h?t:a,_=(0,B.useCallback)(e=>{let t=typeof e==`function`?e(g):e;h||f(t),r?.(t)},[h,r,g]),v=(0,B.useRef)(null),{refs:y,floatingStyles:b,middlewareData:x,placement:C}=s({open:g,onOpenChange:_,placement:i,middleware:[d(8),c({padding:H}),u({padding:H}),l({padding:H,apply({availableWidth:e,availableHeight:t,elements:n}){S({availableWidth:e,availableHeight:t,floating:n.floating})}}),m({element:v.current})],whileElementsMounted:o});return(0,V.jsx)(A.Provider,{value:{open:g,setOpen:_,refs:y,floatingStyles:b,placement:C,middlewareData:x,arrowRef:v,contentId:p},children:e})}var B,V,H;function U(){return(U=t((()=>{B=e(n(),1),p(),F(),j(),R(),V=r(),H=16,z.Trigger=I,z.Content=M,z.__docgenInfo={description:`Якорный немодальный Popover.
 Используется в связке с Popover.Trigger и Popover.Content; для блокирующих

package/storybook-static/assets/{Popover.stories-BM5vOI4G.js → Popover.stories-CetSmVHK.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-DwDg20S-.js";import{n as i,t as a}from"./Popover-CU6wCOiR.js";import{n as o,t as s}from"./FloatingPopover-CF7JQjl3.js";import{n as c,t as l}from"./Button-pfdvT36U.js";import{n as u,t as d}from"./createControlledStoryRender-BouhvX-R.js";import{l as f,t as p}from"./Input-DgO6bhmR.js";var m=t({AnchorPlacement:()=>D,Controlled:()=>T,Default:()=>w,Opened:()=>E,Tooltip:()=>k,WithInteractiveContent:()=>O,__namedExportsOrder:()=>A,default:()=>C});function h({args:e,updateArgs:t,trigger:n,children:r,contentSemantics:i}){return(0,y.jsxs)(a,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:[(0,y.jsx)(a.Trigger,{passive:e.passive,children:n(e.open===!0)}),(0,y.jsx)(a.Content,{onClose:()=>e.onClose?.(),closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,background:e.background,...i,children:r})]})}function g(e,t){return d((n,r)=>(0,y.jsx)(h,{args:n,updateArgs:r,trigger:e,children:t}))}function _({args:e,updateArgs:t}){let[n,r]=(0,v.useState)(``);return(0,y.jsx)(h,{args:e,updateArgs:t,trigger:()=>(0,y.jsx)(`button`,{type:`button`,children:`Форма`}),contentSemantics:{role:`dialog`,"aria-label":`Форма имени`},children:e=>(0,y.jsxs)(`form`,{onSubmit:t=>{t.preventDefault(),e.setClose()},style:{display:`flex`,flexDirection:`column`,gap:8,padding:12,width:180},children:[(0,y.jsx)(p,{label:`Имя`,placeholder:`Введите имя`,value:n,onChange:r}),(0,y.jsx)(l,{children:`Отправить`})]})})}var v,y,b,x,S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{v=n(),c(),u(),f(),i(),o(),y=r(),{useArgs:b}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:x}=__STORYBOOK_MODULE_TEST__,S=[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`],C={title:`UI/Popover`,component:a,args:{children:null,placement:`bottom`,open:!1,defaultOpen:!1,onOpenChange:x(),onClose:x(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,background:`secondary`},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:"Композиция из `Popover.Trigger` и `Popover.Content`.",control:!1},placement:{description:`Предпочтительное положение панели относительно trigger.`,control:`select`,options:S},open:{description:`Контролируемая видимость popover.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии popover.`,control:!1},passive:{description:`Оставляет trigger пассивным: он получает reference, но не переключает popover по клику.`,control:`boolean`},onClose:{description:"Вызывается после закрытия Content через Escape, клик снаружи или `setClose`.",control:!1},closeOnOutside:{description:`Закрывает Content по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает Content по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи Content.`,control:`boolean`},background:{description:`Тема фона Content.`,control:`inline-radio`,options:[`primary`,`secondary`]}}},w={render:g(()=>(0,y.jsx)(`button`,{type:`button`,children:`Открыть`}),e=>(0,y.jsxs)(`div`,{style:{padding:12,maxWidth:160},children:[(0,y.jsx)(`p`,{children:`Пример простого поповера`}),(0,y.jsx)(`button`,{type:`button`,onClick:e.setClose,children:`Закрыть`})]}))},T={render:g(e=>(0,y.jsx)(`button`,{type:`button`,children:e?`Закрыть`:`Открыть`}),(0,y.jsx)(`div`,{style:{padding:12},children:`Контролируемый режим`}))},E={args:{open:!0},render:g(()=>(0,y.jsx)(`button`,{type:`button`,children:`Открыть`}),(0,y.jsx)(`div`,{style:{padding:12},children:`Открытый немодальный popover`}))},D={render:function(){let[e,t]=b(),n=(n,r)=>{e.onOpenChange?.(n),t(n?{open:!0,placement:r}:{open:!1})};return(0,y.jsx)(`div`,{style:{display:`flex`,gap:32,flexWrap:`wrap`,justifyContent:`center`},children:S.map(t=>(0,y.jsxs)(a,{placement:t,open:e.open===!0&&e.placement===t,defaultOpen:e.defaultOpen,onOpenChange:e=>n(e,t),children:[(0,y.jsx)(a.Trigger,{passive:e.passive,children:(0,y.jsx)(`button`,{type:`button`,children:t})}),(0,y.jsx)(a.Content,{onClose:()=>e.onClose?.(),closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,background:e.background,children:(0,y.jsx)(`div`,{style:{padding:8},children:t})})]},t))})}},O={args:{open:!0},render:d((e,t)=>(0,y.jsx)(_,{args:e,updateArgs:t}))},k={render:function(){return(0,y.jsx)(s,{tooltip:!0,content:`Дополнительное описание действия`,children:(0,y.jsx)(`button`,{type:`button`,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-DmEkruYl.js";import{n as i,t as a}from"./Popover-CvpieQDS.js";import{n as o,t as s}from"./FloatingPopover-DuSkz_S2.js";import{n as c,t as l}from"./Button-B9K2X1Qh.js";import{n as u,t as d}from"./createControlledStoryRender-BouhvX-R.js";import{l as f,t as p}from"./Input-CvT5iV9z.js";var m=t({AnchorPlacement:()=>D,Controlled:()=>T,Default:()=>w,Opened:()=>E,Tooltip:()=>k,WithInteractiveContent:()=>O,__namedExportsOrder:()=>A,default:()=>C});function h({args:e,updateArgs:t,trigger:n,children:r,contentSemantics:i}){return(0,y.jsxs)(a,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:[(0,y.jsx)(a.Trigger,{passive:e.passive,children:n(e.open===!0)}),(0,y.jsx)(a.Content,{onClose:()=>e.onClose?.(),closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,background:e.background,...i,children:r})]})}function g(e,t){return d((n,r)=>(0,y.jsx)(h,{args:n,updateArgs:r,trigger:e,children:t}))}function _({args:e,updateArgs:t}){let[n,r]=(0,v.useState)(``);return(0,y.jsx)(h,{args:e,updateArgs:t,trigger:()=>(0,y.jsx)(`button`,{type:`button`,children:`Форма`}),contentSemantics:{role:`dialog`,"aria-label":`Форма имени`},children:e=>(0,y.jsxs)(`form`,{onSubmit:t=>{t.preventDefault(),e.setClose()},style:{display:`flex`,flexDirection:`column`,gap:8,padding:12,width:180},children:[(0,y.jsx)(p,{label:`Имя`,placeholder:`Введите имя`,value:n,onChange:r}),(0,y.jsx)(l,{children:`Отправить`})]})})}var v,y,b,x,S,C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{v=n(),c(),u(),f(),i(),o(),y=r(),{useArgs:b}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:x}=__STORYBOOK_MODULE_TEST__,S=[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`],C={title:`UI/Popover`,component:a,args:{children:null,placement:`bottom`,open:!1,defaultOpen:!1,onOpenChange:x(),onClose:x(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,background:`secondary`},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:"Композиция из `Popover.Trigger` и `Popover.Content`.",control:!1},placement:{description:`Предпочтительное положение панели относительно trigger.`,control:`select`,options:S},open:{description:`Контролируемая видимость popover.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии popover.`,control:!1},passive:{description:`Оставляет trigger пассивным: он получает reference, но не переключает popover по клику.`,control:`boolean`},onClose:{description:"Вызывается после закрытия Content через Escape, клик снаружи или `setClose`.",control:!1},closeOnOutside:{description:`Закрывает Content по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает Content по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи Content.`,control:`boolean`},background:{description:`Тема фона Content.`,control:`inline-radio`,options:[`primary`,`secondary`]}}},w={render:g(()=>(0,y.jsx)(`button`,{type:`button`,children:`Открыть`}),e=>(0,y.jsxs)(`div`,{style:{padding:12,maxWidth:160},children:[(0,y.jsx)(`p`,{children:`Пример простого поповера`}),(0,y.jsx)(`button`,{type:`button`,onClick:e.setClose,children:`Закрыть`})]}))},T={render:g(e=>(0,y.jsx)(`button`,{type:`button`,children:e?`Закрыть`:`Открыть`}),(0,y.jsx)(`div`,{style:{padding:12},children:`Контролируемый режим`}))},E={args:{open:!0},render:g(()=>(0,y.jsx)(`button`,{type:`button`,children:`Открыть`}),(0,y.jsx)(`div`,{style:{padding:12},children:`Открытый немодальный popover`}))},D={render:function(){let[e,t]=b(),n=(n,r)=>{e.onOpenChange?.(n),t(n?{open:!0,placement:r}:{open:!1})};return(0,y.jsx)(`div`,{style:{display:`flex`,gap:32,flexWrap:`wrap`,justifyContent:`center`},children:S.map(t=>(0,y.jsxs)(a,{placement:t,open:e.open===!0&&e.placement===t,defaultOpen:e.defaultOpen,onOpenChange:e=>n(e,t),children:[(0,y.jsx)(a.Trigger,{passive:e.passive,children:(0,y.jsx)(`button`,{type:`button`,children:t})}),(0,y.jsx)(a.Content,{onClose:()=>e.onClose?.(),closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,background:e.background,children:(0,y.jsx)(`div`,{style:{padding:8},children:t})})]},t))})}},O={args:{open:!0},render:d((e,t)=>(0,y.jsx)(_,{args:e,updateArgs:t}))},k={render:function(){return(0,y.jsx)(s,{tooltip:!0,content:`Дополнительное описание действия`,children:(0,y.jsx)(`button`,{type:`button`,children:`Навести или сфокусировать`})})}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
   render: createPopoverStoryRender(() => <button type="button">Открыть</button>, ctx => <div style={{
     padding: 12,
     maxWidth: 160

package/storybook-static/assets/{PresetRangeDateInput-H5QilHxu.js → PresetRangeDateInput-D1uKkeQM.js}

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

package/storybook-static/assets/{PresetRangeDateInput-Cn_RWr5D.js → PresetRangeDateInput-VqFGeOlz.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.js";import{n as r,t as i}from"./FlexContainer-D2-q1g5m.js";import{r as a,t as o}from"./DateInput-LUBv1t6D.js";import{a as s,c,l,n as u,o as d,r as f,s as p,t as m}from"./DateRangePresetSelect-BM-LfU65.js";function h(e){return e??`__empty__`}function g({value:e,onChange:t,presetId:n,onPresetIdChange:r,referenceDate:a,presetIds:s,presetOptions:u,presetLabel:g,presetDescription:y,presetPlaceholder:b=`Выберите пресет диапазона`,presetDisabled:x,...S}){let[C]=(0,_.useState)(()=>new Date),w=a??C,T=(0,_.useMemo)(()=>u??c(d(s,f)),[s,u]),E=e??null,D=(0,_.useMemo)(()=>p(E,w,T),[E,T,w]),O=n??D??void 0,k=(0,_.useRef)(``),A=(0,_.useCallback)(e=>{if(!r)return;let t=h(e);t!==k.current&&(k.current=t,r(e))},[r]),j=e=>{let n=l(e,w,T);if(!n){A(null);return}A(n.id),t(n.range)},M=e=>{t(e),A(p(e,w,T))};return(0,v.jsxs)(i,{gap:`sm`,align:`end`,children:[(0,v.jsx)(m,{size:S.size,label:g,description:y,placeholder:b,disabled:x??S.disabled,value:O,onChange:j,options:T,referenceDate:w}),(0,v.jsx)(o,{...S,value:E,onChange:M})]})}var _,v;function y(){return(y=e((()=>{_=t(),a(),u(),s(),r(),v=n(),g.__docgenInfo={description:`Составной компонент выбора диапазона дат через пресет или ручной ввод.`,methods:[],displayName:`PresetRangeDateInput`,props:{presetId:{required:!1,tsType:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},description:``},onPresetIdChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(presetId: DateRangePresetOption["id"] | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},name:`presetId`}],return:{name:`void`}}},description:``},referenceDate:{required:!1,tsType:{name:`Date`},description:``},presetIds:{required:!1,tsType:{name:`unknown`},description:``},presetOptions:{required:!1,tsType:{name:`unknown`},description:``},presetLabel:{required:!1,tsType:{name:`ReactNode`},description:``},presetDescription:{required:!1,tsType:{name:`string`},description:``},presetPlaceholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите пресет диапазона"`,computed:!1}},presetDisabled:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}export{y as n,g as t};
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DmEkruYl.js";import{n as r,t as i}from"./FlexContainer-Cp7KpERB.js";import{r as a,t as o}from"./DateInput-L-Y80kKJ.js";import{a as s,c,l,n as u,o as d,r as f,s as p,t as m}from"./DateRangePresetSelect-Cedah5Yp.js";function h(e){return e??`__empty__`}function g({value:e,onChange:t,presetId:n,onPresetIdChange:r,referenceDate:a,presetIds:s,presetOptions:u,presetLabel:g,presetDescription:y,presetPlaceholder:b=`Выберите пресет диапазона`,presetDisabled:x,...S}){let[C]=(0,_.useState)(()=>new Date),w=a??C,T=(0,_.useMemo)(()=>u??c(d(s,f)),[s,u]),E=e??null,D=(0,_.useMemo)(()=>p(E,w,T),[E,T,w]),O=n??D??void 0,k=(0,_.useRef)(``),A=(0,_.useCallback)(e=>{if(!r)return;let t=h(e);t!==k.current&&(k.current=t,r(e))},[r]),j=e=>{let n=l(e,w,T);if(!n){A(null);return}A(n.id),t(n.range)},M=e=>{t(e),A(p(e,w,T))};return(0,v.jsxs)(i,{gap:`sm`,align:`end`,children:[(0,v.jsx)(m,{size:S.size,label:g,description:y,placeholder:b,disabled:x??S.disabled,value:O,onChange:j,options:T,referenceDate:w}),(0,v.jsx)(o,{...S,value:E,onChange:M})]})}var _,v;function y(){return(y=e((()=>{_=t(),a(),u(),s(),r(),v=n(),g.__docgenInfo={description:`Составной компонент выбора диапазона дат через пресет или ручной ввод.`,methods:[],displayName:`PresetRangeDateInput`,props:{presetId:{required:!1,tsType:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},description:``},onPresetIdChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(presetId: DateRangePresetOption["id"] | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetOption["id"] | null`,elements:[{name:`DateRangePresetOption["id"]`,raw:`DateRangePresetOption["id"]`},{name:`null`}]},name:`presetId`}],return:{name:`void`}}},description:``},referenceDate:{required:!1,tsType:{name:`Date`},description:``},presetIds:{required:!1,tsType:{name:`unknown`},description:``},presetOptions:{required:!1,tsType:{name:`unknown`},description:``},presetLabel:{required:!1,tsType:{name:`ReactNode`},description:``},presetDescription:{required:!1,tsType:{name:`string`},description:``},presetPlaceholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Выберите пресет диапазона"`,computed:!1}},presetDisabled:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})))()}export{y as n,g as t};