@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.12

package/storybook-static/assets/ODataSelect-aNdHSjo_.js

@@ -0,0 +1,52 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{BasicDivision as p,CollectionError as m,HideCode as h,LinkedFilters as g,LoadingState as _,MetadataError as v,SelectTextValue as y,StaticDependency as b,n as x,t as S}from"./ODataSelect.stories-CjXA9Y9l.js";function C(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(a,{of:S,parameters:{docs:{toc:!0}}}),`
+`,(0,T.jsx)(c,{children:`ODataSelect`}),`
+`,(0,T.jsx)(i,{children:`Single-select с загрузкой OData-справочника, поиском и зависимостями от внешних фильтров`}),`
+`,(0,T.jsx)(o.p,{children:`ODataSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,T.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,T.jsx)(u,{}),`
+`,(0,T.jsx)(n,{of:p}),`
+`,(0,T.jsx)(o.pre,{children:(0,T.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { ODataSelect } from "@/shared/ui";
+
+export function Example() {
+	const [value, setValue] = useState<string | undefined>(undefined);
+
+	return (
+		<ODataSelect
+			label="Регион"
+			value={value}
+			onChange={setValue}
+			odata={{ service: "DEMO_REFERENCE_SRV", target: "DemoReferenceItems" }}
+			model={{ codeKey: "REGION" }}
+			segment={{ placeholder: "Регион" }}
+		/>
+	);
+}
+`})}),`
+`,(0,T.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,T.jsxs)(o.ul,{children:[`
+`,(0,T.jsx)(o.li,{children:`Для OData-сценариев проверяйте не только выбор значения, но и поиск, загрузку, пустой результат и ошибочные ответы сервиса.`}),`
+`]}),`
+`,(0,T.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,T.jsx)(o.h3,{id:`базовый-сценарий-загрузки-odata-коллекции`,children:`Базовый сценарий загрузки OData-коллекции`}),`
+`,(0,T.jsx)(l,{of:p}),`
+`,(0,T.jsx)(o.h3,{id:`сценарий-скрытия-кода-option-в-интерфейсе`,children:`Сценарий скрытия кода option в интерфейсе`}),`
+`,(0,T.jsx)(l,{of:h}),`
+`,(0,T.jsx)(o.h3,{id:`работа-с-текстовым-значением`,children:`Работа с текстовым значением`}),`
+`,(0,T.jsx)(l,{of:y}),`
+`,(0,T.jsx)(o.h3,{id:`статическая-зависимость-от-другого-фильтра`,children:`Статическая зависимость от другого фильтра`}),`
+`,(0,T.jsx)(l,{of:b}),`
+`,(0,T.jsx)(o.h3,{id:`связка-нескольких-фильтров-между-собой`,children:`Связка нескольких фильтров между собой`}),`
+`,(0,T.jsx)(l,{of:g}),`
+`,(0,T.jsx)(o.h3,{id:`состояние-загрузки-данных`,children:`Состояние загрузки данных`}),`
+`,(0,T.jsx)(l,{of:_}),`
+`,(0,T.jsx)(o.h3,{id:`ошибки-загрузки-или-разбора-метаданных`,children:`Ошибки загрузки или разбора метаданных`}),`
+`,(0,T.jsx)(l,{of:v}),`
+`,(0,T.jsx)(o.h3,{id:`ошибки-получения-коллекции-значений`,children:`Ошибки получения коллекции значений`}),`
+`,(0,T.jsx)(l,{of:m}),`
+`,(0,T.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,T.jsx)(s,{of:S}),`
+`,(0,T.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,T.jsx)(r,{includePrimary:!1})]})}function w(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,T.jsx)(n,{...e,children:(0,T.jsx)(C,{...e})}):C(e)}var T;e((()=>{T=d(),f(),o(),x()}))();export{w as default};

package/storybook-static/assets/ODataSelect.stories-CjXA9Y9l.js

@@ -0,0 +1,73 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{n as a,t as o}from"./ODataSelect-D7GAFOcM.js";import{a as s,i as c,n as l,r as u,s as d,t as f}from"./odataStoryFixtures-BBfdskiC.js";var p=e({BasicDivision:()=>y,CollectionError:()=>E,HideCode:()=>b,LinkedFilters:()=>C,LoadingState:()=>w,MetadataError:()=>T,SelectTextValue:()=>x,StaticDependency:()=>S,__namedExportsOrder:()=>D,default:()=>v});function m({initialValue:e,odata:t=l,model:n=f,segment:r=u,dependencies:i,label:a=`OData Select`,description:s}){let[c,d]=(0,g.useState)(e);return(0,_.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,_.jsx)(o,{label:a,description:s,odata:t,model:n,segment:r,value:c,dependencies:i,onChange:d}),(0,_.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,c||`пусто`]})]})}function h(){let[e,t]=(0,g.useState)(s.region),[n,r]=(0,g.useState)(s.branch),[i,a]=(0,g.useState)(s.team),[c,u]=(0,g.useState)(s.owner),d=e?{REGION:[e]}:void 0,p=e&&n?{REGION:[e],BRANCH:[n]}:d,m=e&&n&&i?{REGION:[e],BRANCH:[n],TEAM:[i]}:p;return(0,_.jsxs)(`div`,{style:{display:`grid`,gap:16,maxWidth:720},children:[(0,_.jsx)(o,{label:`Регион`,description:`Первый фильтр в цепочке. Меняет доступный набор подразделений.`,odata:l,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`},value:e,onChange:e=>{t(e),r(void 0),a(void 0),u(void 0)}}),(0,_.jsx)(o,{label:`Подразделение`,description:`Второй фильтр зависит от выбранного региона.`,odata:l,model:{...f,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:d,value:n,onChange:e=>{r(e),a(void 0),u(void 0)}}),(0,_.jsx)(o,{label:`Команда`,description:`Третий фильтр зависит от сочетания региона и подразделения.`,odata:l,model:{...f,codeKey:`TEAM`},segment:{placeholder:`Команда`},dependencies:p,value:i,onChange:e=>{a(e),u(void 0)}}),(0,_.jsx)(o,{label:`Ответственный`,description:`Последний фильтр показывает leaf-узлы для выбранного пути.`,odata:l,model:{...f,codeKey:`OWNER`},segment:{placeholder:`Ответственный`},dependencies:m,value:c,onChange:u}),(0,_.jsxs)(`div`,{style:{display:`grid`,gap:4,fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[(0,_.jsxs)(`div`,{children:[`Регион: `,e||`пусто`]}),(0,_.jsxs)(`div`,{children:[`Подразделение: `,n||`пусто`]}),(0,_.jsxs)(`div`,{children:[`Команда: `,i||`пусто`]}),(0,_.jsxs)(`div`,{children:[`Ответственный: `,c||`пусто`]})]})]})}var g,_,v,y,b,x,S,C,w,T,E,D,O=n((()=>{g=t(r(),1),a(),c(),_=i(),v={title:`Shared/UI/ODataSelect`,component:o,decorators:[d],parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`Регион`,description:`Пример OData Select на основе конфигурации ui control.`,odata:l,model:f,segment:u,value:void 0,onChange:()=>{}},argTypes:{onChange:{control:!1},value:{control:!1},dependencies:{control:!1}}},y={name:`Базовый регион`,render:()=>(0,_.jsx)(m,{label:`Регион`,description:`Базовая настройка single-select для выбора кода REGION.`,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`},initialValue:s.region})},b={name:`Скрытый код`,render:()=>(0,_.jsx)(m,{label:`Подразделение`,description:`Код скрыт и в выпадающем списке, и в выбранном значении.`,model:{...f,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`,hideCode:!0},initialValue:s.branch})},x={name:`Выбор текста вместо кода`,render:()=>(0,_.jsx)(m,{label:`Регион по тексту`,description:`Снаружи хранится текстовое значение, а не код.`,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`,selectText:!0},initialValue:s.regionText})},S={name:`Зависимость от региона`,render:()=>(0,_.jsx)(m,{label:`Подразделение c зависимостью`,description:`Фильтрация подразделений по уже выбранному региону через props.dependencies.`,model:{...f,codeKey:`BRANCH`},segment:{placeholder:`Подразделение`},dependencies:{REGION:[s.region]},initialValue:s.branch})},C={name:`Связанная цепочка фильтров`,render:()=>(0,_.jsx)(h,{})},w={name:`Состояние загрузки`,parameters:{odataMockMode:`loading`},render:()=>(0,_.jsx)(m,{label:`Команда`,description:`Mock с задержкой ответа, чтобы проверить loading-state.`,model:{...f,codeKey:`TEAM`},segment:{placeholder:`Команда`}})},T={name:`Ошибка metadata`,parameters:{odataMockMode:`metadataError`},render:()=>(0,_.jsx)(m,{label:`Регион`,description:`Сервис возвращает ошибку metadata.`,model:{...f,codeKey:`REGION`},segment:{placeholder:`Регион`}})},E={name:`Ошибка коллекции`,parameters:{odataMockMode:`collectionError`},render:()=>(0,_.jsx)(m,{label:`Ответственный`,description:`Metadata доступна, но загрузка коллекции завершается ошибкой.`,model:{...f,codeKey:`OWNER`},segment:{placeholder:`Ответственный`}})},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  name: "Базовый регион",
+  render: () => <StatefulODataSelect label="Регион" description="Базовая настройка single-select для выбора кода REGION." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион"
+  }} initialValue={storyValues.region} />
+}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  name: "Скрытый код",
+  render: () => <StatefulODataSelect label="Подразделение" description="Код скрыт и в выпадающем списке, и в выбранном значении." model={{
+    ...baseModel,
+    codeKey: "BRANCH"
+  }} segment={{
+    placeholder: "Подразделение",
+    hideCode: true
+  }} initialValue={storyValues.branch} />
+}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  name: "Выбор текста вместо кода",
+  render: () => <StatefulODataSelect label="Регион по тексту" description="Снаружи хранится текстовое значение, а не код." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион",
+    selectText: true
+  }} initialValue={storyValues.regionText} />
+}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  name: "Зависимость от региона",
+  render: () => <StatefulODataSelect label="Подразделение c зависимостью" description="Фильтрация подразделений по уже выбранному региону через props.dependencies." model={{
+    ...baseModel,
+    codeKey: "BRANCH"
+  }} segment={{
+    placeholder: "Подразделение"
+  }} dependencies={{
+    REGION: [storyValues.region]
+  }} initialValue={storyValues.branch} />
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  name: "Связанная цепочка фильтров",
+  render: () => <LinkedFiltersDemo />
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  name: "Состояние загрузки",
+  parameters: {
+    odataMockMode: "loading"
+  },
+  render: () => <StatefulODataSelect label="Команда" description="Mock с задержкой ответа, чтобы проверить loading-state." model={{
+    ...baseModel,
+    codeKey: "TEAM"
+  }} segment={{
+    placeholder: "Команда"
+  }} />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  name: "Ошибка metadata",
+  parameters: {
+    odataMockMode: "metadataError"
+  },
+  render: () => <StatefulODataSelect label="Регион" description="Сервис возвращает ошибку metadata." model={{
+    ...baseModel,
+    codeKey: "REGION"
+  }} segment={{
+    placeholder: "Регион"
+  }} />
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  name: "Ошибка коллекции",
+  parameters: {
+    odataMockMode: "collectionError"
+  },
+  render: () => <StatefulODataSelect label="Ответственный" description="Metadata доступна, но загрузка коллекции завершается ошибкой." model={{
+    ...baseModel,
+    codeKey: "OWNER"
+  }} segment={{
+    placeholder: "Ответственный"
+  }} />
+}`,...E.parameters?.docs?.source}}},D=[`BasicDivision`,`HideCode`,`SelectTextValue`,`StaticDependency`,`LinkedFilters`,`LoadingState`,`MetadataError`,`CollectionError`]}));O();export{y as BasicDivision,E as CollectionError,b as HideCode,C as LinkedFilters,w as LoadingState,T as MetadataError,x as SelectTextValue,S as StaticDependency,D as __namedExportsOrder,v as default,O as n,p as t};

package/storybook-static/assets/ODataTreeMultiSelect-DKodulQ8.js

@@ -0,0 +1,17 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Basic as p,ErrorState as m,LoadingState as h,MixedSelection as g,ParentCompression as _,n as v,t as y}from"./ODataTreeMultiSelect.stories-BjRcb4W0.js";function b(e){let o={code:`code`,h2:`h2`,p:`p`,...t(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(a,{of:y,parameters:{docs:{toc:!0}}}),`
+`,(0,S.jsx)(c,{children:`ODataTreeMultiSelect`}),`
+`,(0,S.jsx)(i,{children:`Мультивыбор по одной OData-цепочке в виде дерева`}),`
+`,(0,S.jsxs)(o.p,{children:[(0,S.jsx)(o.code,{children:`ODataTreeMultiSelect`}),` строит дерево из одной OData-цепочки и отдает наружу канонизированный выбор в формате `,(0,S.jsx)(o.code,{children:`Record<string, string[]>`}),`.`]}),`
+`,(0,S.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,S.jsx)(u,{}),`
+`,(0,S.jsx)(n,{of:p}),`
+`,(0,S.jsx)(o.h2,{id:`сценарии`,children:`Сценарии`}),`
+`,(0,S.jsx)(l,{of:p}),`
+`,(0,S.jsx)(l,{of:_}),`
+`,(0,S.jsx)(l,{of:g}),`
+`,(0,S.jsx)(l,{of:h}),`
+`,(0,S.jsx)(l,{of:m}),`
+`,(0,S.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,S.jsx)(s,{of:y}),`
+`,(0,S.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,S.jsx)(r,{includePrimary:!1})]})}function x(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,S.jsx)(n,{...e,children:(0,S.jsx)(b,{...e})}):b(e)}var S;e((()=>{S=d(),f(),o(),v()}))();export{x as default};

package/storybook-static/assets/ODataTreeMultiSelect.stories-BjRcb4W0.js

@@ -0,0 +1,24 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o,n as s,o as c,s as l}from"./odataStoryFixtures-BBfdskiC.js";import{n as u,t as d}from"./useODataTreeData-CDdzN-LC.js";import{n as f,t as p}from"./TreeMultiSelect-Ci3bUpmv.js";function m({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:s,value:c,onChange:l,odata:d,segments:f,model:m}){let g=u({odata:d,segments:f,model:m});return(0,h.jsx)(p,{label:e,description:t,disabled:n||g.isLoading,size:r,placeholder:i??g.placeholder,nodes:g.nodes,value:c,onChange:l,query:a,defaultQuery:o,onQuery:s,isLoading:g.isLoading,error:g.isError?`Ошибка загрузки`:void 0})}var h,g=n((()=>{d(),f(),h=i(),m.__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:``}},composes:[`Omit`]}})),_=e({Basic:()=>S,ErrorState:()=>E,LoadingState:()=>T,MixedSelection:()=>w,ParentCompression:()=>C,__namedExportsOrder:()=>D,default:()=>x});function v({initialValue:e={},odata:t=s,segments:n=c,label:r=`ODataTreeMultiSelect`,description:i}){let[a,o]=(0,y.useState)(e);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,b.jsx)(m,{label:r,description:i,odata:t,segments:n,value:a,onChange:o}),(0,b.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(a)]})]})}var y,b,x,S,C,w,T,E,D,O=n((()=>{y=t(r(),1),o(),g(),b=i(),x={title:`Shared/UI/ODataTreeMultiSelect`,component:m,decorators:[l],parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Multi-select поверх одной OData-цепочки.`,odata:s,segments:c,value:{},onChange:()=>{}},argTypes:{segments:{control:!1},value:{control:!1},onChange:{control:!1}}},S={render:()=>(0,b.jsx)(v,{initialValue:{OWNER:[a.owner]}})},C={render:()=>(0,b.jsx)(v,{label:`Компрессия subtree`,description:`Пример, когда наружу уходит узел верхнего уровня вместо полного списка потомков.`,initialValue:{REGION:[a.region]}})},w={render:()=>(0,b.jsx)(v,{label:`Смешанный выбор`,description:`Смешанный frontier по соседним уровням в OData-дереве.`,initialValue:{BRANCH:[a.branch],OWNER:[a.ownerAlt]}})},T={parameters:{odataMockMode:`loading`},render:()=>(0,b.jsx)(v,{description:`Сценарий загрузки дерева.`})},E={parameters:{odataMockMode:`collectionError`},render:()=>(0,b.jsx)(v,{description:`Сценарий ошибки загрузки дерева.`})},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeMultiSelect initialValue={{
+    OWNER: [storyValues.owner]
+  }} />
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeMultiSelect label="Компрессия subtree" description="Пример, когда наружу уходит узел верхнего уровня вместо полного списка потомков." initialValue={{
+    REGION: [storyValues.region]
+  }} />
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeMultiSelect label="Смешанный выбор" description="Смешанный frontier по соседним уровням в OData-дереве." initialValue={{
+    BRANCH: [storyValues.branch],
+    OWNER: [storyValues.ownerAlt]
+  }} />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "loading"
+  },
+  render: () => <StatefulODataTreeMultiSelect description="Сценарий загрузки дерева." />
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "collectionError"
+  },
+  render: () => <StatefulODataTreeMultiSelect description="Сценарий ошибки загрузки дерева." />
+}`,...E.parameters?.docs?.source}}},D=[`Basic`,`ParentCompression`,`MixedSelection`,`LoadingState`,`ErrorState`]}));O();export{S as Basic,E as ErrorState,T as LoadingState,w as MixedSelection,C as ParentCompression,D as __namedExportsOrder,x as default,O as n,_ as t};

package/storybook-static/assets/ODataTreeSelect-Ck8HCh74.js

@@ -0,0 +1,16 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Basic as p,ErrorState as m,LoadingState as h,SelectParent as g,n as _,t as v}from"./ODataTreeSelect.stories-BgDj08mH.js";function y(e){let o={code:`code`,h2:`h2`,p:`p`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
+`,(0,x.jsx)(c,{children:`ODataTreeSelect`}),`
+`,(0,x.jsx)(i,{children:`Single-select по одной OData-цепочке в виде дерева`}),`
+`,(0,x.jsxs)(o.p,{children:[(0,x.jsx)(o.code,{children:`ODataTreeSelect`}),` загружает одну OData-коллекцию, строит дерево по цепочке codeKey и позволяет выбрать любой узел.`]}),`
+`,(0,x.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,x.jsx)(u,{}),`
+`,(0,x.jsx)(n,{of:p}),`
+`,(0,x.jsx)(o.h2,{id:`сценарии`,children:`Сценарии`}),`
+`,(0,x.jsx)(l,{of:p}),`
+`,(0,x.jsx)(l,{of:g}),`
+`,(0,x.jsx)(l,{of:h}),`
+`,(0,x.jsx)(l,{of:m}),`
+`,(0,x.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,x.jsx)(s,{of:v}),`
+`,(0,x.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,x.jsx)(r,{includePrimary:!1})]})}function b(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,x.jsx)(n,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;e((()=>{x=d(),f(),o(),_()}))();export{b as default};

package/storybook-static/assets/ODataTreeSelect.stories-BgDj08mH.js

@@ -0,0 +1,21 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o,n as s,o as c,s as l}from"./odataStoryFixtures-BBfdskiC.js";import{n as u,t as d}from"./useODataTreeData-CDdzN-LC.js";import{n as f,t as p}from"./TreeSelect-bOgRYtQQ.js";function m({label:e,description:t,disabled:n,size:r,placeholder:i,query:a,defaultQuery:o,onQuery:s,value:c,onChange:l,odata:d,segments:f,model:m,clearable:g}){let _=u({odata:d,segments:f,model:m});return(0,h.jsx)(p,{label:e,description:t,disabled:n||_.isLoading,size:r,placeholder:i??_.placeholder,nodes:_.nodes,value:c,onChange:l,query:a,defaultQuery:o,onQuery:s,isLoading:_.isLoading,error:_.isError?`Ошибка загрузки`:void 0,clearable:g})}var h,g=n((()=>{d(),f(),h=i(),m.__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:``}},composes:[`Omit`]}})),_=e({Basic:()=>S,ErrorState:()=>T,LoadingState:()=>w,SelectParent:()=>C,__namedExportsOrder:()=>E,default:()=>x});function v({initialValue:e,odata:t=s,segments:n=c,label:r=`ODataTreeSelect`,description:i}){let[a,o]=(0,y.useState)(e);return(0,b.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,b.jsx)(m,{label:r,description:i,odata:t,segments:n,value:a,onChange:o}),(0,b.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,a?`${a.codeKey}=${a.value}`:`пусто`]})]})}var y,b,x,S,C,w,T,E,D=n((()=>{y=t(r(),1),o(),g(),b=i(),x={title:`Shared/UI/ODataTreeSelect`,component:m,decorators:[l],parameters:{atomicCanvas:!0,layout:`padded`,odataMockMode:`success`},args:{label:`OData дерево`,description:`Single-select поверх одной OData-цепочки.`,odata:s,segments:c,value:void 0,onChange:()=>{}},argTypes:{segments:{control:!1},value:{control:!1},onChange:{control:!1}}},S={render:()=>(0,b.jsx)(v,{initialValue:{codeKey:`OWNER`,value:a.owner}})},C={render:()=>(0,b.jsx)(v,{label:`Выбор родителя`,description:`Проверка выбора узла верхнего уровня из OData-дерева.`,initialValue:{codeKey:`REGION`,value:a.region}})},w={parameters:{odataMockMode:`loading`},render:()=>(0,b.jsx)(v,{description:`Сценарий загрузки дерева.`})},T={parameters:{odataMockMode:`collectionError`},render:()=>(0,b.jsx)(v,{description:`Сценарий ошибки загрузки дерева.`})},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeSelect initialValue={{
+    codeKey: "OWNER",
+    value: storyValues.owner
+  }} />
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  render: () => <StatefulODataTreeSelect label="Выбор родителя" description="Проверка выбора узла верхнего уровня из OData-дерева." initialValue={{
+    codeKey: "REGION",
+    value: storyValues.region
+  }} />
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "loading"
+  },
+  render: () => <StatefulODataTreeSelect description="Сценарий загрузки дерева." />
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    odataMockMode: "collectionError"
+  },
+  render: () => <StatefulODataTreeSelect description="Сценарий ошибки загрузки дерева." />
+}`,...T.parameters?.docs?.source}}},E=[`Basic`,`SelectParent`,`LoadingState`,`ErrorState`]}));D();export{S as Basic,T as ErrorState,w as LoadingState,C as SelectParent,E as __namedExportsOrder,x as default,D as n,_ as t};

package/storybook-static/assets/PeriodSelect-Db7QmUfi.js

@@ -0,0 +1,35 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{AutoSwitchByRange as p,Controlled as m,Disabled as h,n as g,t as _}from"./PeriodSelect.stories-BI6yLRCK.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(c,{children:`PeriodSelect`}),`
+`,(0,b.jsx)(i,{children:`Выбор периода детализации дат с ограничением вариантов по связанному диапазону`}),`
+`,(0,b.jsxs)(o.p,{children:[`PeriodSelect используется для выбора уровня детализации: `,(0,b.jsx)(o.code,{children:`day`}),`, `,(0,b.jsx)(o.code,{children:`week`}),` или `,(0,b.jsx)(o.code,{children:`month`}),`. Компонент хранит только id выбранного периода, а недоступность вариантов вычисляет по переданному `,(0,b.jsx)(o.code,{children:`dateRange`}),` и порогам `,(0,b.jsx)(o.code,{children:`maxDayRangeDays`}),` / `,(0,b.jsx)(o.code,{children:`maxWeekRangeWeeks`}),`.`]}),`
+`,(0,b.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,b.jsx)(u,{}),`
+`,(0,b.jsx)(n,{of:m}),`
+`,(0,b.jsx)(o.pre,{children:(0,b.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { PeriodSelect } from "@/shared/ui";
+
+export function Example() {
+	const [value, setValue] = useState("day");
+	const dateRange = [new Date(2026, 2, 1), new Date(2026, 2, 14)] as const;
+
+	return <PeriodSelect label="Период" value={value} onChange={setValue} dateRange={dateRange} maxDayRangeDays={31} />;
+}
+`})}),`
+`,(0,b.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,b.jsxs)(o.ul,{children:[`
+`,(0,b.jsxs)(o.li,{children:[`Передавайте `,(0,b.jsx)(o.code,{children:`dateRange`}),`, если период должен зависеть от выбранного диапазона дат.`]}),`
+`,(0,b.jsxs)(o.li,{children:[`Настраивайте `,(0,b.jsx)(o.code,{children:`maxDayRangeDays`}),` и `,(0,b.jsx)(o.code,{children:`maxWeekRangeWeeks`}),` в конфиге параметрического контрола, а не в потребителях runtime.`]}),`
+`,(0,b.jsxs)(o.li,{children:[`В story `,(0,b.jsx)(o.code,{children:`Controlled`}),` значения обновляются через `,(0,b.jsx)(o.code,{children:`useArgs`}),`, поэтому Controls и сам Select остаются синхронизированы.`]}),`
+`]}),`
+`,(0,b.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,b.jsx)(o.h3,{id:`контролируемый-выбор-с-редактированием-props-через-storybook-controls`,children:`Контролируемый выбор с редактированием props через Storybook Controls`}),`
+`,(0,b.jsx)(l,{of:m}),`
+`,(0,b.jsx)(o.h3,{id:`автопереключение-при-слишком-большом-диапазоне`,children:`Автопереключение при слишком большом диапазоне`}),`
+`,(0,b.jsx)(l,{of:p}),`
+`,(0,b.jsx)(o.h3,{id:`заблокированное-состояние`,children:`Заблокированное состояние`}),`
+`,(0,b.jsx)(l,{of:h}),`
+`,(0,b.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,b.jsx)(s,{of:_}),`
+`,(0,b.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,b.jsx)(r,{includePrimary:!1})]})}function y(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,b.jsx)(n,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=d(),f(),o(),g()}))();export{y as default};

package/storybook-static/assets/PeriodSelect.stories-BI6yLRCK.js

@@ -0,0 +1,23 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{i as a,t as o}from"./text-BxA8yj6Z.js";import{N as s,b as c,s as l,t as u}from"./formatters-yIBztcem.js";import{t as d}from"./DateInput-C72jV86j.js";import{c as f,n as p,t as m}from"./preset-select-DozCGhmu.js";import{i as h}from"./Grid-y8wKyEwc.js";import{t as g}from"./grid-D0WOuGlB.js";var _=n((()=>{}));function v({maxDayRangeDays:e,maxWeekRangeWeeks:t}={}){let n=s(e),r=s(t);return x.map(e=>e.id===`day`&&n!==void 0?{...e,maxRangeDays:n}:e.id===`week`&&r!==void 0?{...e,maxRangeDays:r*7}:{...e})}function y(e,t){let n=s(e.maxRangeDays);if(n===void 0||t===void 0)return!1;let r=l(t);return r!==null&&r>n}function b(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&&!y(i,n)?i.id:(r>=0?t.slice(r+1):t).find(e=>!y(e,n))?.id??t.find(e=>!y(e,n))?.id}var x,S=n((()=>{u(),x=Object.freeze([{id:`day`,label:`по дням`},{id:`week`,label:`по неделям`},{id:`month`,label:`по месяцам`}]),Object.freeze([`day`,`week`,`month`]),new Set(x.map(e=>e.id))})),C=n((()=>{_(),S()}));function w({value:e,onChange:t,options:n,dateRange:r,maxDayRangeDays:i,maxWeekRangeWeeks:a,...o}){let s=(0,T.useMemo)(()=>n??v({maxDayRangeDays:i,maxWeekRangeWeeks:a}),[i,a,n]),c=(0,T.useMemo)(()=>b(e,s,r),[r,s,e]),l=(0,T.useEffectEvent)(()=>{c===void 0||c===e||t(c)});return(0,T.useEffect)(()=>{l()},[c,e]),(0,E.jsx)(p,{...o,options:s,value:c,onChange:t,getOptionDisabled:e=>y(e,r)})}var T,E,D=n((()=>{T=t(r(),1),m(),C(),E=i(),w.__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:``},dateRange:{required:!1,tsType:{name:`DateRangeInput`},description:``},maxDayRangeDays:{required:!1,tsType:{name:`number`},description:``},maxWeekRangeWeeks:{required:!1,tsType:{name:`number`},description:``}}}})),O=n((()=>{C(),D()})),k=e({AutoSwitchByRange:()=>z,Controlled:()=>R,Disabled:()=>B,__namedExportsOrder:()=>V,default:()=>L});function A(e){return e!==void 0&&c(e)?e:null}function j(e){let[,t]=N(),n=A(e.dateRange),r=l(e.dateRange??null);return(0,M.jsxs)(h,{gap:`md`,children:[(0,M.jsx)(w,{...e,onChange:n=>{e.onChange(n),t({value:n})}}),(0,M.jsx)(d,{label:`Связанный диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>t({dateRange:e??void 0})}),(0,M.jsxs)(a,{as:`p`,color:`secondary`,"aria-live":`polite`,children:[`Выбрано: `,(0,M.jsx)(a,{as:`code`,children:e.value??`не выбрано`}),`. Дней в диапазоне:`,` `,(0,M.jsx)(a,{as:`code`,children:r??`не задано`}),`.`]})]})}var M,N,P,F,I,L,R,z,B,V,H=n((()=>{u(),f(),g(),o(),O(),M=i(),{useArgs:N}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:P}=__STORYBOOK_MODULE_TEST__,F=[new Date(2026,2,1,0,0,0),new Date(2026,2,14,23,59,59)],I=[new Date(2026,0,1,0,0,0),new Date(2026,4,20,23,59,59)],L={title:`Shared/UI/PeriodSelect`,component:w,args:{label:`Период детализации`,description:`Выберите уровень группировки дат.`,placeholder:`Выберите период`,value:`day`,onChange:P(),dateRange:F,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:[`day`,`week`,`month`]},onChange:{description:`Вызывается с id выбранного периода.`,control:!1},options:{description:"Кастомный список периодов по контракту `PeriodSelectOption`.",control:!1},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`]}}},R={name:`Контролируемый выбор`,render:function(e){return(0,M.jsx)(j,{...e})}},z={name:`Автопереключение по диапазону`,args:{value:`day`,dateRange:I,maxDayRangeDays:31,maxWeekRangeWeeks:8},render:function(e){return(0,M.jsx)(j,{...e})}},B={name:`Заблокированный контрол`,args:{disabled:!0,value:`week`}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+  name: "Контролируемый выбор",
+  render: function Render(args) {
+    return <PeriodSelectStoryCanvas {...args} />;
+  }
+}`,...R.parameters?.docs?.source},description:{story:"Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.",...R.parameters?.docs?.description}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  name: "Автопереключение по диапазону",
+  args: {
+    value: "day",
+    dateRange: longDateRange,
+    maxDayRangeDays: 31,
+    maxWeekRangeWeeks: 8
+  },
+  render: function Render(args) {
+    return <PeriodSelectStoryCanvas {...args} />;
+  }
+}`,...z.parameters?.docs?.source},description:{story:"Длинный диапазон блокирует `day` и `week`, поэтому контрол переключает значение на ближайший доступный период.",...z.parameters?.docs?.description}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
+  name: "Заблокированный контрол",
+  args: {
+    disabled: true,
+    value: "week"
+  }
+}`,...B.parameters?.docs?.source}}},V=[`Controlled`,`AutoSwitchByRange`,`Disabled`]}));H();export{z as AutoSwitchByRange,R as Controlled,B as Disabled,V as __namedExportsOrder,L as default,H as n,k as t};

package/storybook-static/assets/Popover-DR-r8iC5.js

@@ -0,0 +1,45 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{AnchorPlacement as p,Controlled as m,Default as h,WithInteractiveContent as g,n as _,t as v}from"./Popover.stories-ReRFMWiO.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
+`,(0,x.jsx)(c,{children:`Popover`}),`
+`,(0,x.jsx)(i,{children:`Всплывающий контейнер, привязанный к trigger-элементу и поддерживающий управляемое открытие`}),`
+`,(0,x.jsx)(o.p,{children:`Popover уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии.`}),`
+`,(0,x.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,x.jsx)(u,{}),`
+`,(0,x.jsx)(n,{of:h}),`
+`,(0,x.jsx)(o.pre,{children:(0,x.jsx)(o.code,{className:`language-tsx`,children:`import { Button, Popover } from "@/shared/ui";
+
+export function Example() {
+	return (
+		<Popover>
+			<Popover.Trigger>
+				<Button>Открыть</Button>
+			</Popover.Trigger>
+			<Popover.Content>
+				<div style={{ padding: 12 }}>Содержимое поповера</div>
+			</Popover.Content>
+		</Popover>
+	);
+}
+`})}),`
+`,(0,x.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,x.jsxs)(o.ul,{children:[`
+`,(0,x.jsx)(o.li,{children:`Если состояние должно жить во внешней форме или модели, ориентируйтесь на контролируемый режим из документации.`}),`
+`,(0,x.jsx)(o.li,{children:`Если компонент участвует в фильтрации или поиске, заранее определите дефолтные значения и допустимые ограничения.`}),`
+`]}),`
+`,(0,x.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,x.jsx)(o.h3,{id:`сценарий-со-стандартным-поведением-и-дефолтными-настройками`,children:`Сценарий со стандартным поведением и дефолтными настройками`}),`
+`,(0,x.jsx)(o.p,{children:`Сценарий со стандартным поведением и дефолтными настройками.`}),`
+`,(0,x.jsx)(l,{of:h}),`
+`,(0,x.jsx)(o.h3,{id:`компонент-работает-в-контролируемом-режиме-когда-состояние-хранится-во-внешнем-компоненте`,children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте`}),`
+`,(0,x.jsx)(o.p,{children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте.`}),`
+`,(0,x.jsx)(l,{of:m}),`
+`,(0,x.jsx)(o.h3,{id:`сравнение-вариантов-позиционирования-относительно-trigger-элемента`,children:`Сравнение вариантов позиционирования относительно trigger-элемента`}),`
+`,(0,x.jsx)(o.p,{children:`Сравнение вариантов позиционирования относительно trigger-элемента.`}),`
+`,(0,x.jsx)(l,{of:p}),`
+`,(0,x.jsx)(o.h3,{id:`with-interactive-content`,children:`With Interactive Content`}),`
+`,(0,x.jsxs)(o.p,{children:[`Сценарий демонстрирует вариант `,(0,x.jsx)(o.code,{children:`WithInteractiveContent`}),` и помогает быстро сравнить его с остальными режимами компонента.`]}),`
+`,(0,x.jsx)(l,{of:g}),`
+`,(0,x.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,x.jsx)(s,{of:v}),`
+`,(0,x.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,x.jsx)(r,{includePrimary:!1})]})}function b(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,x.jsx)(n,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;e((()=>{x=d(),f(),o(),_()}))();export{b as default};

package/storybook-static/assets/Popover.stories-ReRFMWiO.js

@@ -0,0 +1,69 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./popover-DWA5VOMQ.js";import{n as s,t as c}from"./Button-BUkCW8Zg.js";import{c as l,t as u}from"./Input-B7DWcGCL.js";var d=e({AnchorPlacement:()=>_,Controlled:()=>g,Default:()=>h,WithInteractiveContent:()=>v,__namedExportsOrder:()=>y,default:()=>m}),f,p,m,h,g,_,v,y,b=n((()=>{f=t(r(),1),s(),l(),a(),p=i(),m={title:`Shared/UI/Popover`,component:o,parameters:{atomicCanvas:!0,layout:`centered`}},h={render:()=>(0,p.jsxs)(o,{children:[(0,p.jsx)(o.Trigger,{children:(0,p.jsx)(`button`,{children:`Открыть`})}),(0,p.jsx)(o.Content,{children:e=>(0,p.jsxs)(`div`,{style:{padding:12,maxWidth:160},children:[(0,p.jsx)(`p`,{children:`Пример простого поповера`}),(0,p.jsx)(`button`,{onClick:e.setClose,children:`Закрыть`})]})})]})},g={render:()=>{let[e,t]=(0,f.useState)(!1);return(0,p.jsxs)(o,{open:e,onOpenChange:t,children:[(0,p.jsx)(o.Trigger,{children:(0,p.jsx)(`button`,{children:e?`Закрыть`:`Открыть`})}),(0,p.jsx)(o.Content,{children:(0,p.jsx)(`div`,{style:{padding:12},children:`Контролируемый режим`})})]})}},_={render:()=>(0,p.jsx)(`div`,{style:{display:`flex`,gap:32,flexWrap:`wrap`,justifyContent:`center`},children:[`top`,`bottom`,`left`,`right`,`top-start`,`bottom-end`].map(e=>(0,p.jsxs)(o,{placement:e,children:[(0,p.jsx)(o.Trigger,{children:(0,p.jsx)(`button`,{children:e})}),(0,p.jsx)(o.Content,{children:(0,p.jsx)(`div`,{style:{padding:8},children:e})})]},e))})},v={render:()=>(0,p.jsxs)(o,{children:[(0,p.jsx)(o.Trigger,{children:(0,p.jsx)(`button`,{children:`Форма`})}),(0,p.jsx)(o.Content,{children:e=>(0,p.jsxs)(`form`,{onSubmit:t=>{t.preventDefault(),e.setClose()},style:{display:`flex`,flexDirection:`column`,gap:8,padding:12,width:180},children:[(0,p.jsx)(u,{label:`Имя`,placeholder:`Введите имя`,value:``,onChange:()=>{}}),(0,p.jsx)(c,{children:`Отправить`})]})})]})},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  render: () => <Popover>
+            <Popover.Trigger>
+                <button>Открыть</button>
+            </Popover.Trigger>
+            <Popover.Content>
+                {ctx => <div style={{
+        padding: 12,
+        maxWidth: 160
+      }}>
+                        <p>Пример простого поповера</p>
+                        <button onClick={ctx.setClose}>Закрыть</button>
+                    </div>}
+            </Popover.Content>
+        </Popover>
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [open, setOpen] = useState(false);
+    return <Popover open={open} onOpenChange={setOpen}>
+                <Popover.Trigger>
+                    <button>{open ? "Закрыть" : "Открыть"}</button>
+                </Popover.Trigger>
+                <Popover.Content>
+                    <div style={{
+          padding: 12
+        }}>Контролируемый режим</div>
+                </Popover.Content>
+            </Popover>;
+  }
+}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    display: "flex",
+    gap: 32,
+    flexWrap: "wrap",
+    justifyContent: "center"
+  }}>
+            {["top", "bottom", "left", "right", "top-start", "bottom-end"].map(pos => <Popover key={pos} placement={pos as Placement}>
+                    <Popover.Trigger>
+                        <button>{pos}</button>
+                    </Popover.Trigger>
+                    <Popover.Content>
+                        <div style={{
+          padding: 8
+        }}>{pos}</div>
+                    </Popover.Content>
+                </Popover>)}
+        </div>
+}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  render: () => <Popover>
+            <Popover.Trigger>
+                <button>Форма</button>
+            </Popover.Trigger>
+            <Popover.Content>
+                {ctx => <form onSubmit={e => {
+        e.preventDefault();
+        ctx.setClose();
+      }} style={{
+        display: "flex",
+        flexDirection: "column",
+        gap: 8,
+        padding: 12,
+        width: 180
+      }}>
+                        <Input label="Имя" placeholder="Введите имя" value={""} onChange={() => {}} />
+                        <Button>Отправить</Button>
+                    </form>}
+            </Popover.Content>
+        </Popover>
+}`,...v.parameters?.docs?.source}}},y=[`Default`,`Controlled`,`AnchorPlacement`,`WithInteractiveContent`]}));b();export{_ as AnchorPlacement,g as Controlled,h as Default,v as WithInteractiveContent,y as __namedExportsOrder,m as default,b as n,d as t};

package/storybook-static/assets/PresetRangeDateInput-tSpiPAT9.js

@@ -0,0 +1,31 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Default as p,n as m,t as h}from"./PresetRangeDateInput.stories-LVQa2_DG.js";function g(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(a,{of:h,parameters:{docs:{toc:!0}}}),`
+`,(0,v.jsx)(c,{children:`PresetRangeDateInput`}),`
+`,(0,v.jsx)(i,{children:`Составной контрол диапазона дат с синхронизацией ручного ввода и готовых пресетов`}),`
+`,(0,v.jsx)(o.p,{children:`PresetRangeDateInput уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,v.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,v.jsx)(u,{}),`
+`,(0,v.jsx)(n,{of:p}),`
+`,(0,v.jsx)(o.pre,{children:(0,v.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { PresetRangeDateInput } from "@/shared/ui";
+
+export function Example() {
+	const [range, setRange] = useState(null);
+	const [presetId, setPresetId] = useState(null);
+
+	return <PresetRangeDateInput value={range} onChange={setRange} presetId={presetId} onPresetIdChange={setPresetId} />;
+}
+`})}),`
+`,(0,v.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,v.jsxs)(o.ul,{children:[`
+`,(0,v.jsx)(o.li,{children:`Если компонент участвует в фильтрации или поиске, заранее определите дефолтные значения и допустимые ограничения.`}),`
+`]}),`
+`,(0,v.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,v.jsx)(o.h3,{id:`сценарий-со-стандартным-поведением-и-дефолтными-настройками`,children:`Сценарий со стандартным поведением и дефолтными настройками`}),`
+`,(0,v.jsx)(o.p,{children:`Сценарий со стандартным поведением и дефолтными настройками.`}),`
+`,(0,v.jsx)(l,{of:p}),`
+`,(0,v.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,v.jsx)(s,{of:h}),`
+`,(0,v.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,v.jsx)(r,{includePrimary:!1})]})}function _(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,v.jsx)(n,{...e,children:(0,v.jsx)(g,{...e})}):g(e)}var v;e((()=>{v=d(),f(),o(),m()}))();export{_ as default};

package/storybook-static/assets/PresetRangeDateInput.stories-LVQa2_DG.js

@@ -0,0 +1,15 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{i as a,t as o}from"./text-BxA8yj6Z.js";import{o as s}from"./Flex-C_VnI9xY.js";import{t as c}from"./flex-DuYzsEBQ.js";import{t as l}from"./DateInput-C72jV86j.js";import{c as u}from"./preset-select-DozCGhmu.js";import{a as d,c as f,i as p,n as m,o as h,r as g,s as _,t as v}from"./DateRangePresetSelect-BklzgpCR.js";var y=n((()=>{m(),p()}));function b(e){return e??`__empty__`}function x({value:e,onChange:t,presetId:n,onPresetIdChange:r,referenceDate:i,presetIds:a,presetOptions:o,presetLabel:c,presetDescription:u,presetPlaceholder:p=`Выберите пресет диапазона`,presetDisabled:m,...y}){let[x]=(0,S.useState)(()=>new Date),w=i??x,T=(0,S.useMemo)(()=>o??_(d(a,g)),[a,o]),E=e??null,D=(0,S.useMemo)(()=>h(E,w,T),[E,T,w]),O=n??D??void 0,k=(0,S.useRef)(``),A=(0,S.useCallback)(e=>{if(!r)return;let t=b(e);t!==k.current&&(k.current=t,r(e))},[r]),j=e=>{let n=f(e,w,T);if(!n){A(null);return}A(n.id),t(n.range)},M=e=>{t(e),A(h(e,w,T))};return(0,C.jsxs)(s,{gap:`sm`,align:`end`,children:[(0,C.jsx)(v,{size:`md`,label:c,description:u,placeholder:p,disabled:m??y.disabled,value:O,onChange:j,options:T,referenceDate:w}),(0,C.jsx)(l,{...y,size:`md`,value:E,onChange:M})]})}var S,C,w=n((()=>{S=t(r(),1),u(),y(),c(),C=i(),x.__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`]}})),T=e({Default:()=>k,__namedExportsOrder:()=>A,default:()=>O}),E,D,O,k,A,j=n((()=>{E=t(r(),1),c(),o(),w(),D=i(),O={title:`Shared/UI/PresetRangeDateInput`,component:x,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},k={render:()=>{let[e,t]=(0,E.useState)([new Date(2026,2,10,0,0,0),new Date(2026,2,10,23,59,59)]),[n,r]=(0,E.useState)(`today`);return(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(s,{gap:`sm`,align:`end`,children:(0,D.jsx)(x,{value:e,onChange:t,presetId:n,onPresetIdChange:r,referenceDate:new Date(2026,2,10,12,0,0),presetLabel:`Быстрый диапазон`,size:`md`})}),(0,D.jsxs)(a,{as:`p`,className:`marginBlockSm`,children:[`Активный presetId: `,(0,D.jsx)(a,{as:`code`,children:n??`null`})]})]})}},k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [value, setValue] = useState<NullableDateRange | null>([new Date(2026, 2, 10, 0, 0, 0), new Date(2026, 2, 10, 23, 59, 59)]);
+    const [presetId, setPresetId] = useState<string | null>("today");
+    return <>
+                <FlexContainer gap="sm" align="end">
+                    <PresetRangeDateInput value={value} onChange={setValue} presetId={presetId} onPresetIdChange={setPresetId} referenceDate={new Date(2026, 2, 10, 12, 0, 0)} presetLabel="Быстрый диапазон" size="md" />
+                </FlexContainer>
+
+                <Text as="p" className="marginBlockSm">
+                    Активный presetId: <Text as="code">{presetId ?? "null"}</Text>
+                </Text>
+            </>;
+  }
+}`,...k.parameters?.docs?.source},description:{story:`Демонстрирует совместную работу пресета и ручного диапазона.`,...k.parameters?.docs?.description}}},A=[`Default`]}));j();export{k as Default,A as __namedExportsOrder,O as default,j as n,T as t};

package/storybook-static/assets/RadioButton-C-RjN-wY.css

@@ -0,0 +1 @@
+.gu8UMB{border-radius:50%}

package/storybook-static/assets/RadioButton-sEzdlL1y.js

@@ -0,0 +1,38 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Controlled as p,Disabled as m,Group as h,n as g,t as _}from"./RadioButton.stories-CR0km0zF.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(c,{children:`RadioButton`}),`
+`,(0,b.jsx)(i,{children:`Одиночная radio-кнопка для ручной сборки наборов выбора и специальных компоновок`}),`
+`,(0,b.jsx)(o.p,{children:`RadioButton уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии, заблокированные состояния.`}),`
+`,(0,b.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,b.jsx)(u,{}),`
+`,(0,b.jsx)(n,{of:p}),`
+`,(0,b.jsx)(o.pre,{children:(0,b.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { RadioButton } from "@/shared/ui";
+
+export function Example() {
+	const [checked, setChecked] = useState(true);
+
+	return <RadioButton label="Основной вариант" value={checked} onChange={setChecked} />;
+}
+`})}),`
+`,(0,b.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,b.jsxs)(o.ul,{children:[`
+`,(0,b.jsx)(o.li,{children:`Если состояние должно жить во внешней форме или модели, ориентируйтесь на контролируемый режим из документации.`}),`
+`,(0,b.jsx)(o.li,{children:`Сначала выберите семантику и визуальную схему, а затем уже подстраивайте остальные пропсы компонента.`}),`
+`,(0,b.jsx)(o.li,{children:`Заблокированное состояние лучше проверять отдельно, чтобы убедиться, что визуально и поведенчески оно остается понятным.`}),`
+`]}),`
+`,(0,b.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,b.jsx)(o.h3,{id:`компонент-работает-в-контролируемом-режиме-когда-состояние-хранится-во-внешнем-компоненте`,children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте`}),`
+`,(0,b.jsx)(o.p,{children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте.`}),`
+`,(0,b.jsx)(l,{of:p}),`
+`,(0,b.jsx)(o.h3,{id:`работа-группы-взаимосвязанных-элементов`,children:`Работа группы взаимосвязанных элементов`}),`
+`,(0,b.jsx)(o.p,{children:`Работа группы взаимосвязанных элементов.`}),`
+`,(0,b.jsx)(l,{of:h}),`
+`,(0,b.jsx)(o.h3,{id:`проверка-поведения-в-заблокированном-состоянии`,children:`Проверка поведения в заблокированном состоянии`}),`
+`,(0,b.jsx)(o.p,{children:`Проверка поведения в заблокированном состоянии.`}),`
+`,(0,b.jsx)(l,{of:m}),`
+`,(0,b.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,b.jsx)(s,{of:_}),`
+`,(0,b.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,b.jsx)(r,{includePrimary:!1})]})}function y(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,b.jsx)(n,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=d(),f(),o(),g()}))();export{y as default};

package/storybook-static/assets/RadioButton.stories-CR0km0zF.js

@@ -0,0 +1,36 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";import{H as s,t as c}from"./lucide-react-CK2oyDtF.js";import{n as l,t as u}from"./ui.module-DS2qtZts.js";import{n as d,r as f}from"./uiClasses-CZ_HVS3Y.js";import{n as p,t as m}from"./CheckBox.module-Hr3mvdAC.js";var h,g,_=n((()=>{h=`gu8UMB`,g={radioInput:h}})),v,y,b,x=n((()=>{v=t(r(),1),o(),c(),p(),u(),f(),_(),y=i(),b=({label:e,description:t,placeholder:n,disabled:r,size:i,className:o,onChange:c,value:u,id:f,tone:p=`neutral`,...h})=>{let _=(0,v.useId)(),b=f??_,x=t?`${b}-description`:void 0,S=e??n,C=u??!1;return(0,y.jsxs)(`div`,{className:a(l.uiElement,i&&l.uiSizable,i&&l[i],r&&l.disabled,o),children:[(0,y.jsxs)(`div`,{className:m.row,children:[(0,y.jsxs)(`div`,{className:a(m.wrapper,d(p)),children:[(0,y.jsx)(`input`,{...h,id:b,type:`checkbox`,role:`radio`,checked:C,disabled:r,"aria-disabled":r,"aria-checked":C,"aria-describedby":x,className:a(l.uiSelectionControl,m.input,g.radioInput),onChange:()=>c?.(!C)}),(0,y.jsx)(`div`,{className:a(l.uiSelectionIcon,m.icon),"aria-hidden":`true`,children:(0,y.jsx)(s,{})})]}),S&&(0,y.jsx)(`label`,{htmlFor:b,className:l.uiLabel,children:S})]}),t&&(0,y.jsx)(`p`,{id:x,className:l.uiDescription,children:t})]})},b.__docgenInfo={description:`Компонент радиокнопки для выбора одного варианта.
+Поддерживает tone + appearance и использует общие selection utility-классы из ui.module.scss.`,methods:[],displayName:`RadioButton`,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:``},tone:{required:!1,tsType:{name:`union`,raw:`"neutral" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`}]},description:``,defaultValue:{value:`"neutral"`,computed:!1}}},composes:[`Omit`]}})),S=e({Controlled:()=>E,Disabled:()=>O,Group:()=>D,__namedExportsOrder:()=>k,default:()=>T}),C,w,T,E,D,O,k,A=n((()=>{C=t(r(),1),x(),w=i(),T={title:`Shared/UI/RadioButton`,component:b,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст подписи радиокнопки.`,control:`text`},description:{description:`Дополнительное описание под элементом.`,control:`text`},placeholder:{description:"Резервная подпись, если `label` не задан.",control:`text`},value:{description:`Признак выбранного состояния.`,control:`boolean`},onChange:{description:`Вызывается при изменении выбранности.`,control:!1},disabled:{description:`Блокирует взаимодействие.`,control:`boolean`},size:{description:`Размер визуального контрола и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Семантический тон радиокнопки.`,control:`inline-radio`,options:[`neutral`,`error`,`warning`,`success`,`info`]},name:{description:"HTML `name` для группировки кнопок.",control:`text`}}},E={render:e=>{let[t,n]=(0,C.useState)(e.value??!1);return(0,w.jsx)(b,{...e,value:t,onChange:n})},args:{label:`Выбрать опцию`,description:`Одиночная радиокнопка в controlled-режиме.`,value:!1,name:`single-radio`,tone:`neutral`}},D={render:()=>{let[e,t]=(0,C.useState)(`email`);return(0,w.jsxs)(`div`,{role:`radiogroup`,"aria-label":`Канал уведомлений`,style:{display:`grid`,gap:12},children:[(0,w.jsx)(b,{name:`notify-channel`,label:`Email`,value:e===`email`,onChange:e=>e&&t(`email`),tone:`info`}),(0,w.jsx)(b,{name:`notify-channel`,label:`SMS`,value:e===`sms`,onChange:e=>e&&t(`sms`),tone:`info`})]})},args:{value:void 0}},O={args:{label:`Недоступная опция`,description:`Заблокировано политикой конфигурации.`,value:!0,disabled:!0,tone:`neutral`}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState(args.value ?? false);
+    return <RadioButton {...args} value={value} onChange={setValue} />;
+  },
+  args: {
+    label: "Выбрать опцию",
+    description: "Одиночная радиокнопка в controlled-режиме.",
+    value: false,
+    name: "single-radio",
+    tone: "neutral"
+  }
+}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [selected, setSelected] = useState<"email" | "sms">("email");
+    return <div role="radiogroup" aria-label="Канал уведомлений" style={{
+      display: "grid",
+      gap: 12
+    }}>
+                <RadioButton name="notify-channel" label="Email" value={selected === "email"} onChange={checked => checked && setSelected("email")} tone="info" />
+                <RadioButton name="notify-channel" label="SMS" value={selected === "sms"} onChange={checked => checked && setSelected("sms")} tone="info" />
+            </div>;
+  },
+  args: {
+    value: undefined
+  }
+}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: "Недоступная опция",
+    description: "Заблокировано политикой конфигурации.",
+    value: true,
+    disabled: true,
+    tone: "neutral"
+  }
+}`,...O.parameters?.docs?.source}}},k=[`Controlled`,`Group`,`Disabled`]}));A();export{E as Controlled,O as Disabled,D as Group,k as __namedExportsOrder,T as default,A as n,S as t};

package/storybook-static/assets/RadioGroup-BtNCd3Je.js

@@ -0,0 +1 @@
+import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-SfMJGCsn.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a,n as o,o as s}from"./utils-CReRlw17.js";import{n as c,t as l}from"./ui.module-DS2qtZts.js";var u,d,f,p,m,h,g,_=t((()=>{u=`nINbA6`,d=`GL-UWx`,f=`_6PeF-i`,p=`_5wP4aR`,m=`S3MnZI`,h=`KHJ0ja`,g={radioGroup:u,noWrap:d,horizontal:f,vertical:p,radioItem:m,checked:h}}));function v({value:e,onChange:t,label:n,description:r,disabled:a,className:o,noWrap:s,orientation:l=`horizontal`,"aria-label":u,children:d}){let f=(0,b.useId)(),p=n?`${f}-label`:void 0,m=r?`${f}-description`:void 0,[h,_]=(0,b.useState)([]),v=(0,b.useCallback)(e=>t?.(e),[t]),y=(0,b.useCallback)(e=>(_(t=>t.includes(e)?t:[...t,e]),()=>{_(t=>t.filter(t=>t!==e))}),[]),C=(0,b.useMemo)(()=>({value:e,onChange:v,disabled:a,orientation:l,groupId:f,labelId:p,descriptionId:m,firstOptionId:h[0],registerOption:y}),[m,a,f,v,p,l,y,h,e]);return(0,x.jsxs)(`div`,{className:i(c.uiElement,a&&c.disabled,o),children:[n&&(0,x.jsx)(`div`,{id:p,className:c.uiLabel,children:n}),r&&(0,x.jsx)(`div`,{id:m,className:c.uiDescription,children:r}),(0,x.jsx)(S.Provider,{value:C,children:(0,x.jsx)(`div`,{role:`radiogroup`,"aria-labelledby":p,"aria-label":p?void 0:u,"aria-describedby":m,"aria-disabled":a||void 0,"data-disabled":a||void 0,className:i(c.uiInputControl,g.radioGroup,s&&g.noWrap,g[l]),children:d})})]})}function y({value:e,label:t,description:n,className:r}){let a=(0,b.useContext)(S),c=(0,b.useId)(),l=a?.registerOption;if((0,b.useLayoutEffect)(()=>{if(l)return l(c)},[l,c]),!a)return(0,x.jsxs)(`div`,{className:i(g.radioItem,r),children:[(0,x.jsx)(`p`,{className:`textNoWrap`,children:t}),n&&(0,x.jsx)(`div`,{className:`fontSizeSm content2`,children:n})]});let u=Object.is(a.value,e),d=a.disabled===!0,f=a.value===void 0&&a.firstOptionId===c,p=()=>{d||u||a.onChange?.(e)};return(0,x.jsxs)(`button`,{id:`${a.groupId}-option-${c}`,type:`button`,role:`radio`,"aria-checked":u,disabled:d,tabIndex:u||f?0:-1,className:i(g.radioItem,u&&g.checked,r),"data-ui":`radio-option`,"data-action":`select-radio-option`,onClick:p,onKeyDown:e=>{if(d||o(e,p))return;let t=e.currentTarget,n=t.closest(`[role="radiogroup"]`),r=Array.from(n?.querySelectorAll(`[role="radio"]:not([disabled])`)??[]);if(!r.length)return;let i=r.indexOf(t);if(i===-1)return;let c=s({currentIndex:i,itemCount:r.length,key:e.key,orientation:a.orientation});c!==null&&(e.preventDefault(),r[c]?.focus(),r[c]?.click())},children:[(0,x.jsx)(`p`,{className:`textNoWrap`,children:t}),n&&(0,x.jsx)(`div`,{className:`fontSizeSm content2`,children:n})]})}var b,x,S,C=t((()=>{b=e(n(),1),a(),l(),_(),x=r(),S=(0,b.createContext)(null),v.Option=y,v.__docgenInfo={description:`Группа радиокнопок с общим состоянием выбранного значения. Обеспечивает единый API выбора и контекст для дочерних опций.`,methods:[{name:`Option`,docblock:null,modifiers:[`static`],params:[{name:`{ value, label, description, className }: OptionProps<T>`,optional:!1,type:{name:`OptionProps`,elements:[{name:`T`}],raw:`OptionProps<T>`,alias:`OptionProps`}}],returns:null}],displayName:`RadioGroup`,props:{value:{required:!1,tsType:{name:`T`},description:``},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`T`},name:`value`}],return:{name:`void`}}},description:``},label:{required:!1,tsType:{name:`string`},description:``},description:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},noWrap:{required:!1,tsType:{name:`literal`,value:`true`},description:``},orientation:{required:!1,tsType:{name:`union`,raw:`"vertical" | "horizontal"`,elements:[{name:`literal`,value:`"vertical"`},{name:`literal`,value:`"horizontal"`}]},description:``,defaultValue:{value:`"horizontal"`,computed:!1}},"aria-label":{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}},y.__docgenInfo={description:"Опция внутри `RadioGroup`, представляющая одно выбираемое значение. Отрисовывает подпись, описание и состояние выбора.",methods:[],displayName:`Option`,props:{value:{required:!0,tsType:{name:`T`},description:``},label:{required:!0,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}}));export{C as n,v as t};

package/storybook-static/assets/RadioGroup-D-J7t20C.css

@@ -0,0 +1 @@
+.nINbA6{flex-wrap:wrap;align-content:flex-start;height:auto;display:flex}.nINbA6.GL-UWx{flex-wrap:nowrap}.nINbA6._6PeF-i{flex-direction:row}.nINbA6._5wP4aR{flex-direction:column;align-content:stretch}.S3MnZI{color:var(--content-2);border-radius:var(--radius-xs);padding:0 var(--space-md);margin:var(--border-width);min-height:calc(var(--control-height) - var(--border-width) * 4);cursor:pointer;flex:1 0 0;display:block}.S3MnZI:hover{color:var(--content-accent)}.S3MnZI.KHJ0ja{color:var(--status-neutral-on-fill);background-color:var(--status-neutral-fill)}.S3MnZI:disabled{opacity:var(--disabled-opacity)}