@ryuzaki13/react-foundation-ui 1.4.2 → 1.4.4

package/storybook-static/assets/Slider.stories-D3O3_tqE.js

@@ -1,77 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-BJGIOdSH.js";import{a,o,t as s}from"./slider--Yp_sa_W.js";var c=e({Disabled:()=>D,MonthsIndexMarks:()=>S,RangeMonthToDaysOutput:()=>T,RangeOpenMonthToDaysOutput:()=>E,RangeOpenWithoutExplicitMiddleOutput:()=>w,RangePlain:()=>C,SingleStep:()=>b,SingleWithMarks:()=>x,__namedExportsOrder:()=>O,default:()=>y});function l(e,t){return e===null?`null`:`${e}${t}`}function u(e,t,n=``){let[r,i]=e??[null,null],a=[];return r!==null&&a.push(`${t} >= ${r}${n}`),i!==null&&a.push(`${t} <= ${i}${n}`),a.length>0?a.join(` AND `):`Фильтр не ограничивает значение`}function d({value:e,field:t,unit:n=``,children:r}){let[i,a]=e??[null,null];return(0,p.jsxs)(`div`,{className:`marginTopMd`,children:[(0,p.jsx)(`div`,{className:`textSm сontent2`,children:`Preview фильтра`}),(0,p.jsx)(`pre`,{children:JSON.stringify({value:[i,a],human:`${l(i,n)} — ${l(a,n)}`,filter:u(e,t,n)},null,2)}),r]})}var f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k=n((()=>{f=t(r(),1),s(),p=i(),m=[{value:0,label:`0`},{value:25,label:`25`},{value:50,label:`50`},{value:75,label:`75`},{value:100,label:`100`}],h=[{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:9,label:`9 мес.`},{value:12,label:`12 мес.`},{value:18,label:`18 мес.`},{value:24,label:`24 мес.`}],g=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:12,label:`12 мес.`},{value:24,label:`24 мес.`},{value:25,label:`Без верхней границы`,outputValue:null}],_=[{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720}],v=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720},{value:25,label:`Без верхней границы`,outputValue:null}],y={title:`Shared/UI/Slider`,component:a,args:{value:30,onChange:()=>{},min:0,max:100,step:5},parameters:{atomicCanvas:!0,layout:`padded`}},b={render:e=>{let t=e,[n,r]=(0,f.useState)(e.value);return(0,p.jsx)(a,{...t,label:`Громкость`,value:n,onChange:r})},args:{description:`Компактный single-value слайдер со step=5.`,value:35,step:5}},x={render:e=>{let t=e,[n,r]=(0,f.useState)(50);return(0,p.jsx)(a,{...t,label:`Процент выполнения`,value:n,onChange:r})},args:{description:`Marks активны, кликабельны и показывают подписи через tooltip.`,value:50,marks:m}},S={render:e=>{let t=e,[n,r]=(0,f.useState)(6);return(0,p.jsx)(a,{...t,label:`Срок`,value:n,onChange:r})},args:{min:1,max:24,value:6,marks:h,marksPosition:`index`,description:`Неравномерные значения месяцев расположены с равным визуальным шагом.`}},C={render:()=>{let[e,t]=(0,f.useState)([25,75]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(o,{label:`Процент выполнения`,description:"Обычный range: `value` mark является и координатой шкалы, и значением фильтра.",min:0,max:100,marks:m,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`progress`,unit:`%`})]})}},w={render:()=>{let[e,t]=(0,f.useState)([null,12]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(o,{label:`Срок в месяцах`,description:"Открытые границы задаются только крайними `outputValue:null`; у обычных marks outputValue не указан и берётся `value`.",min:0,max:25,marks:g,marksPosition:`index`,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`months`,unit:` мес.`})]})}},T={render:()=>{let[e,t]=(0,f.useState)([90,360]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(o,{label:`Срок: месяцы на шкале, дни в фильтре`,description:"`value` хранит координату/месяцы, `outputValue` отдаёт наружу дни.",min:1,max:24,marks:_,marksPosition:`index`,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`days`,unit:` дн.`})]})}},E={render:()=>{let[e,t]=(0,f.useState)([null,720]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(o,{label:`Срок: открытые границы и дни в фильтре`,description:"Крайние marks отдают null, обычные marks отдают дни через `outputValue`.",min:0,max:25,marks:v,marksPosition:`index`,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`days`,unit:` дн.`})]})}},D={args:{label:`Недоступно`,description:`Состояние без интеракций.`,value:40,disabled:!0,marks:m}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const sliderArgs = args as SliderProps;
-    const [value, setValue] = useState<number | undefined>(args.value as number | undefined);
-    return <Slider {...sliderArgs} label="Громкость" value={value} onChange={setValue} />;
-  },
-  args: {
-    description: "Компактный single-value слайдер со step=5.",
-    value: 35,
-    step: 5
-  }
-}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const sliderArgs = args as SliderProps;
-    const [value, setValue] = useState<number | undefined>(50);
-    return <Slider {...sliderArgs} label="Процент выполнения" value={value} onChange={setValue} />;
-  },
-  args: {
-    description: "Marks активны, кликабельны и показывают подписи через tooltip.",
-    value: 50,
-    marks: percentMarks
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const sliderArgs = args as SliderProps;
-    const [value, setValue] = useState<number | undefined>(6);
-    return <Slider {...sliderArgs} label="Срок" value={value} onChange={setValue} />;
-  },
-  args: {
-    min: 1,
-    max: 24,
-    value: 6,
-    marks: monthMarks,
-    marksPosition: "index",
-    description: "Неравномерные значения месяцев расположены с равным визуальным шагом."
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([25, 75]);
-    return <>
-                <SliderRange label="Процент выполнения" description="Обычный range: \`value\` mark является и координатой шкалы, и значением фильтра." min={0} max={100} marks={percentMarks} value={value} onChange={setValue} />
-                <RangePreview value={value} field="progress" unit="%" />
-            </>;
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([null, 12]);
-    return <>
-                <SliderRange label="Срок в месяцах" description="Открытые границы задаются только крайними \`outputValue:null\`; у обычных marks outputValue не указан и берётся \`value\`." min={0} max={25} marks={openMonthMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="months" unit=" мес." />
-            </>;
-  }
-}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([90, 360]);
-    return <>
-                <SliderRange label="Срок: месяцы на шкале, дни в фильтре" description="\`value\` хранит координату/месяцы, \`outputValue\` отдаёт наружу дни." min={1} max={24} marks={monthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue | undefined>([null, 720]);
-    return <>
-                <SliderRange label="Срок: открытые границы и дни в фильтре" description="Крайние marks отдают null, обычные marks отдают дни через \`outputValue\`." min={0} max={25} marks={openMonthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: "Недоступно",
-    description: "Состояние без интеракций.",
-    value: 40,
-    disabled: true,
-    marks: percentMarks
-  }
-}`,...D.parameters?.docs?.source}}},O=[`SingleStep`,`SingleWithMarks`,`MonthsIndexMarks`,`RangePlain`,`RangeOpenWithoutExplicitMiddleOutput`,`RangeMonthToDaysOutput`,`RangeOpenMonthToDaysOutput`,`Disabled`]}));k();export{D as Disabled,S as MonthsIndexMarks,T as RangeMonthToDaysOutput,E as RangeOpenMonthToDaysOutput,w as RangeOpenWithoutExplicitMiddleOutput,C as RangePlain,b as SingleStep,x as SingleWithMarks,O as __namedExportsOrder,y as default,k as n,c as t};

package/storybook-static/assets/SliderInput.stories-D1puleZB.js

@@ -1,67 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-BJGIOdSH.js";import{j as a}from"./formatters-BtIOYENB.js";import{t as o}from"./odata-service-C2oJ-ZmZ.js";import{n as s,r as c,t as l}from"./slider--Yp_sa_W.js";var u=e({Basic:()=>y,DecimalManualInput:()=>x,Disabled:()=>D,MarksSnap:()=>b,RangeInputMonthToDaysOutput:()=>w,RangeInputOpenMonthToDaysOutput:()=>T,RangeInputOpenWithoutExplicitMiddleOutput:()=>C,RangeInputPlain:()=>S,RangeInputReadonlyText:()=>E,__namedExportsOrder:()=>O,default:()=>v});function d({value:e,field:t,children:n}){let[r,i]=e??[null,null];return(0,p.jsxs)(`div`,{className:`marginTopMd`,children:[(0,p.jsx)(`div`,{className:`textSm сontent2`,children:`Preview фильтра`}),(0,p.jsx)(`pre`,{children:JSON.stringify({value:[r,i],filter:a(t,e)},null,2)}),n]})}var f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k=n((()=>{f=t(r(),1),o(),l(),p=i(),m=[{value:0,label:`0`},{value:20,label:`20`},{value:40,label:`40`},{value:60,label:`60`},{value:80,label:`80`},{value:100,label:`100`}],h=[{value:0,label:`Без нижней границы`,outputValue:null},{value:1,label:`1 мес.`},{value:3,label:`3 мес.`},{value:6,label:`6 мес.`},{value:12,label:`12 мес.`},{value:24,label:`24 мес.`},{value:25,label:`Без верхней границы`,outputValue:null}],g=[{value:1,label:`1 мес.`,outputValue:30},{value:3,label:`3 мес.`,outputValue:90},{value:6,label:`6 мес.`,outputValue:180},{value:12,label:`12 мес.`,outputValue:360},{value:24,label:`24 мес.`,outputValue:720}],_=[{value:0,label:`-`,outputValue:null},{value:1,label:`1м.`,outputValue:30},{value:3,label:`3м.`,outputValue:90},{value:6,label:`6м.`,outputValue:180},{value:12,label:`1г.`,outputValue:360},{value:18,label:`1.5г.`,outputValue:540},{value:24,label:`2г.`,outputValue:720},{value:25,label:`-`,outputValue:null}],v={title:`Shared/UI/SliderInput`,component:s,args:{value:12,onChange:()=>{},min:0,max:100,step:.5},parameters:{atomicCanvas:!0,layout:`padded`}},y={render:e=>{let[t,n]=(0,f.useState)(e.value);return(0,p.jsx)(s,{...e,label:`Порог`,description:`Ручной ввод и popover slider работают с одним значением.`,value:t,onChange:n})}},b={render:e=>{let[t,n]=(0,f.useState)(40);return(0,p.jsx)(s,{...e,label:`Готовый пресет`,marks:m,value:t,onChange:n})}},x={render:e=>{let[t,n]=(0,f.useState)(17.5);return(0,p.jsx)(s,{...e,label:`Десятичное значение`,value:t,onChange:n})},args:{step:.5}},S={render:()=>{let[e,t]=(0,f.useState)([20,80]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(c,{label:`Процент выполнения`,description:"RangeInput без outputValue: наружу отдаётся координата `value`.",min:0,max:100,marks:m,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`progress`,unit:`%`})]})}},C={render:()=>{let[e,t]=(0,f.useState)([null,12]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(c,{label:`Срок в месяцах`,description:"У крайних marks `outputValue:null`; у обычных marks outputValue не указан и берётся `value`.",min:0,max:25,marks:h,marksPosition:`index`,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`months`,unit:` мес.`})]})}},w={render:()=>{let[e,t]=(0,f.useState)([90,360]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(c,{label:`Срок: месяцы на шкале, дни в фильтре`,description:`В поле и фильтре видны дни, а popover показывает месячные marks.`,min:1,max:24,marks:g,marksPosition:`index`,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`days`,unit:` дн.`})]})}},T={render:()=>{let[e,t]=(0,f.useState)([null,720]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(c,{label:`Срок: открытые границы и дни в фильтре`,description:"Крайние marks отдают null, обычные marks отдают дни через `outputValue`.",min:0,max:25,marks:_,marksPosition:`index`,value:e,onChange:t}),(0,p.jsx)(d,{value:e,field:`days`,unit:` дн.`})]})}},E={render:()=>{let[e,t]=(0,f.useState)([90,180]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(c,{label:`Срок текстом`,description:`В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии.`,min:0,max:25,marks:_,marksPosition:`index`,value:e,onChange:t,readonlyValueText:!0,placeholder:`Любой срок`}),(0,p.jsx)(d,{value:e,field:`days`,unit:` дн.`})]})}},D={args:{label:`Недоступно`,description:`Поле и popover отключены.`,value:20,disabled:!0,marks:m}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<number>(args.value);
-    return <SliderInput {...args} label="Порог" description="Ручной ввод и popover slider работают с одним значением." value={value} onChange={setValue} />;
-  }
-}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<number>(40);
-    return <SliderInput {...args} label="Готовый пресет" marks={percentMarks} value={value} onChange={setValue} />;
-  }
-}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<number>(17.5);
-    return <SliderInput {...args} label="Десятичное значение" value={value} onChange={setValue} />;
-  },
-  args: {
-    step: 0.5
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([20, 80]);
-    return <>
-                <SliderRangeInput label="Процент выполнения" description="RangeInput без outputValue: наружу отдаётся координата \`value\`." min={0} max={100} marks={percentMarks} value={value} onChange={setValue} />
-                <RangePreview value={value} field="progress" unit="%" />
-            </>;
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([null, 12]);
-    return <>
-                <SliderRangeInput label="Срок в месяцах" description="У крайних marks \`outputValue:null\`; у обычных marks outputValue не указан и берётся \`value\`." min={0} max={25} marks={openMonthMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="months" unit=" мес." />
-            </>;
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([90, 360]);
-    return <>
-                <SliderRangeInput label="Срок: месяцы на шкале, дни в фильтре" description="В поле и фильтре видны дни, а popover показывает месячные marks." min={1} max={24} marks={monthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([null, 720]);
-    return <>
-                <SliderRangeInput label="Срок: открытые границы и дни в фильтре" description="Крайние marks отдают null, обычные marks отдают дни через \`outputValue\`." min={0} max={25} marks={openMonthToDayMarks} marksPosition="index" value={value} onChange={setValue} />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<SliderRangeValue>([90, 180]);
-    return <>
-                <SliderRangeInput label="Срок текстом" description="В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии." min={0} max={25} marks={openMonthToDayMarks} marksPosition="index" value={value} onChange={setValue} readonlyValueText placeholder="Любой срок" />
-                <RangePreview value={value} field="days" unit=" дн." />
-            </>;
-  }
-}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: "Недоступно",
-    description: "Поле и popover отключены.",
-    value: 20,
-    disabled: true,
-    marks: percentMarks
-  }
-}`,...D.parameters?.docs?.source}}},O=[`Basic`,`MarksSnap`,`DecimalManualInput`,`RangeInputPlain`,`RangeInputOpenWithoutExplicitMiddleOutput`,`RangeInputMonthToDaysOutput`,`RangeInputOpenMonthToDaysOutput`,`RangeInputReadonlyText`,`Disabled`]}));k();export{y as Basic,x as DecimalManualInput,D as Disabled,b as MarksSnap,w as RangeInputMonthToDaysOutput,T as RangeInputOpenMonthToDaysOutput,C as RangeInputOpenWithoutExplicitMiddleOutput,S as RangeInputPlain,E as RangeInputReadonlyText,O as __namedExportsOrder,v as default,k as n,u as t};

package/storybook-static/assets/Sortable.stories-BoaL4W6r.js

@@ -1,141 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-BJGIOdSH.js";import{i as a,n as o,r as s,t as c}from"./sortable-jALaQqYE.js";var l=e({Basic:()=>b,DisabledItems:()=>C,GridCards:()=>S,HandleOnly:()=>w,HorizontalList:()=>x,NestedContainers:()=>T,SortablePreview:()=>f,__namedExportsOrder:()=>E,default:()=>y});function u(e,t,n){let r=[...e],[i]=r.splice(t,1);return r.splice(n,0,i),r}function d(e){switch(e){case`horizontal`:return{display:`flex`,gap:`var(--space-sm)`,overflowX:`auto`};case`grid`:return{display:`grid`,gap:`var(--space-sm)`,gridTemplateColumns:`repeat(auto-fill, minmax(12rem, 1fr))`};default:return{display:`grid`,gap:`var(--space-sm)`}}}function f(e){let[t,n]=(0,p.useState)(e.initialItems),r=new Set(e.disabledIds??[]);return(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(c.Root,{onDragEnd:r=>{let i=s({event:r,items:{[e.containerId]:t}});i&&n(e=>u(e,i.fromIndex,i.toIndex))},children:(0,m.jsx)(c.Container,{containerId:e.containerId,items:t,layout:e.layout,children:(0,m.jsx)(`div`,{style:d(e.layout),children:t.map(t=>(0,m.jsxs)(c.Item,{id:t,disabled:r.has(t),style:{...h,minWidth:e.itemWidth},children:[(0,m.jsx)(c.DragHandle,{title:`Перетащить ${t}`}),(0,m.jsx)(`div`,{children:t})]},t))})})}),(0,m.jsx)(`div`,{style:{fontSize:14,opacity:.8},children:`Порядок элементов изменяется локально в рамках story.`})]})}var p,m,h,g,_,v,y,b,x,S,C,w,T,E,D=n((()=>{p=t(r(),1),o(),a(),m=i(),h={display:`grid`,gridTemplateColumns:`var(--control-height) 1fr`,alignItems:`center`,gap:`var(--space-sm)`,padding:`var(--space-sm)`,border:`var(--border)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-0)`},g=[`Alpha`,`Bravo`,`Charlie`,`Delta`],_=[`Фильтры`,`Графики`,`Сводка`,`История`],v=[`Карточка 1`,`Карточка 2`,`Карточка 3`,`Карточка 4`,`Карточка 5`,`Карточка 6`],y={title:`Shared/UI/Sortable`,component:f,args:{containerId:`sortable-demo`,layout:`vertical`,initialItems:g,itemWidth:void 0,disabledIds:[]},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{containerId:{description:"Идентификатор `SortableContext`, который используется для вычисления reorder внутри контейнера.",control:`text`},layout:{description:`Режим раскладки и стратегия сортировки: вертикальный список, горизонтальный список или grid.`,control:`inline-radio`,options:[`vertical`,`horizontal`,`grid`]},initialItems:{description:`Начальный набор элементов. Внутри story состояние управляется локально.`,control:!1},itemWidth:{description:`Минимальная ширина карточки; полезна для горизонтального режима.`,control:`text`},disabledIds:{description:`Список id, для которых drag-handle отключен.`,control:!1}}},b={},x={args:{containerId:`sortable-horizontal`,layout:`horizontal`,initialItems:_,itemWidth:`12rem`}},S={args:{containerId:`sortable-grid`,layout:`grid`,initialItems:v}},C={args:{containerId:`sortable-disabled`,layout:`vertical`,initialItems:g,disabledIds:[`Bravo`,`Delta`]}},w={args:{containerId:`sortable-handle-only`,layout:`vertical`,initialItems:[`Пункт 1`,`Пункт 2`,`Пункт 3`,`Пункт 4`]}},T={args:{containerId:`top`,layout:`vertical`,initialItems:[`Группа A`,`Группа B`]},render:()=>{let[e,t]=(0,p.useState)([`Группа A`,`Группа B`]),[n,r]=(0,p.useState)({"Группа A":[`A.1`,`A.2`,`A.3`],"Группа B":[`B.1`,`B.2`]});return(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(c.Root,{onDragEnd:i=>{let a=s({event:i,items:{top:e,...Object.fromEntries(e.map(e=>[`parent:${e}`,n[e]??[]]))}});if(!a)return;if(a.containerId===`top`){t(e=>u(e,a.fromIndex,a.toIndex));return}let o=String(a.containerId).slice(7);r(e=>({...e,[o]:u(e[o]??[],a.fromIndex,a.toIndex)}))},children:(0,m.jsx)(c.Container,{containerId:`top`,items:e,children:(0,m.jsx)(`div`,{style:{display:`grid`,gap:`var(--space-md)`},children:e.map(e=>(0,m.jsxs)(c.Item,{id:e,style:{...h,gridTemplateColumns:`var(--control-height) 1fr`,alignItems:`start`},children:[(0,m.jsx)(c.DragHandle,{title:`Перетащить ${e}`}),(0,m.jsxs)(`div`,{style:{display:`grid`,gap:`var(--space-sm)`},children:[(0,m.jsx)(`strong`,{children:e}),(0,m.jsx)(c.Container,{containerId:`parent:${e}`,items:n[e]??[],children:(0,m.jsx)(`div`,{style:{display:`grid`,gap:`var(--space-xs)`},children:(n[e]??[]).map(e=>(0,m.jsxs)(c.Item,{id:e,style:{...h,background:`var(--surface-1)`},children:[(0,m.jsx)(c.DragHandle,{title:`Перетащить ${e}`}),(0,m.jsx)(`div`,{children:e})]},e))})})]})]},e))})})}),(0,m.jsx)(`div`,{style:{fontSize:14,opacity:.8},children:"Вложенные контейнеры сортируются независимо и используют общий `Sortable.Root`."})]})}},f.__docgenInfo={description:``,methods:[],displayName:`SortablePreview`,props:{containerId:{required:!0,tsType:{name:`string`},description:``},layout:{required:!0,tsType:{name:`union`,raw:`"vertical" | "horizontal" | "grid"`,elements:[{name:`literal`,value:`"vertical"`},{name:`literal`,value:`"horizontal"`},{name:`literal`,value:`"grid"`}]},description:``},initialItems:{required:!0,tsType:{name:`Array`,elements:[{name:`string`}],raw:`string[]`},description:``},itemWidth:{required:!1,tsType:{name:`string`},description:``},disabledIds:{required:!1,tsType:{name:`Array`,elements:[{name:`string`}],raw:`string[]`},description:``}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`function SortablePreview(props: SortablePreviewProps) {
-  const [items, setItems] = useState(props.initialItems);
-  const disabledIdSet = new Set(props.disabledIds ?? []);
-  return <div style={{
-    display: "grid",
-    gap: 12
-  }}>
-            <Sortable.Root onDragEnd={event => {
-      const reorder = getSortableReorderResult({
-        event,
-        items: {
-          [props.containerId]: items
-        }
-      });
-      if (!reorder) return;
-      setItems(prev => reorderItems(prev, reorder.fromIndex, reorder.toIndex) as string[]);
-    }}>
-                <Sortable.Container containerId={props.containerId} items={items} layout={props.layout}>
-                    <div style={getContainerStyle(props.layout)}>
-                        {items.map(item => <Sortable.Item key={item} id={item} disabled={disabledIdSet.has(item)} style={{
-            ...itemStyle,
-            minWidth: props.itemWidth
-          }}>
-                                <Sortable.DragHandle title={\`Перетащить \${item}\`} />
-                                <div>{item}</div>
-                            </Sortable.Item>)}
-                    </div>
-                </Sortable.Container>
-            </Sortable.Root>
-
-            <div style={{
-      fontSize: 14,
-      opacity: 0.8
-    }}>Порядок элементов изменяется локально в рамках story.</div>
-        </div>;
-}`,...f.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-horizontal",
-    layout: "horizontal",
-    initialItems: horizontalItems,
-    itemWidth: "12rem"
-  }
-}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-grid",
-    layout: "grid",
-    initialItems: gridItems
-  }
-}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-disabled",
-    layout: "vertical",
-    initialItems: verticalItems,
-    disabledIds: ["Bravo", "Delta"]
-  }
-}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "sortable-handle-only",
-    layout: "vertical",
-    initialItems: ["Пункт 1", "Пункт 2", "Пункт 3", "Пункт 4"]
-  }
-}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  args: {
-    containerId: "top",
-    layout: "vertical",
-    initialItems: ["Группа A", "Группа B"]
-  },
-  render: () => {
-    const [topItems, setTopItems] = useState(["Группа A", "Группа B"]);
-    const [childItemsByGroup, setChildItemsByGroup] = useState<Record<string, string[]>>({
-      "Группа A": ["A.1", "A.2", "A.3"],
-      "Группа B": ["B.1", "B.2"]
-    });
-    return <div style={{
-      display: "grid",
-      gap: 12
-    }}>
-                <Sortable.Root onDragEnd={event => {
-        const reorder = getSortableReorderResult({
-          event,
-          items: {
-            top: topItems,
-            ...Object.fromEntries(topItems.map(item => [\`parent:\${item}\`, childItemsByGroup[item] ?? []]))
-          }
-        });
-        if (!reorder) return;
-        if (reorder.containerId === "top") {
-          setTopItems(prev => reorderItems(prev, reorder.fromIndex, reorder.toIndex) as string[]);
-          return;
-        }
-        const parentId = String(reorder.containerId).slice("parent:".length);
-        setChildItemsByGroup(prev => ({
-          ...prev,
-          [parentId]: reorderItems(prev[parentId] ?? [], reorder.fromIndex, reorder.toIndex) as string[]
-        }));
-      }}>
-                    <Sortable.Container containerId="top" items={topItems}>
-                        <div style={{
-            display: "grid",
-            gap: "var(--space-md)"
-          }}>
-                            {topItems.map(groupId => <Sortable.Item key={groupId} id={groupId} style={{
-              ...itemStyle,
-              gridTemplateColumns: "var(--control-height) 1fr",
-              alignItems: "start"
-            }}>
-                                    <Sortable.DragHandle title={\`Перетащить \${groupId}\`} />
-                                    <div style={{
-                display: "grid",
-                gap: "var(--space-sm)"
-              }}>
-                                        <strong>{groupId}</strong>
-                                        <Sortable.Container containerId={\`parent:\${groupId}\`} items={childItemsByGroup[groupId] ?? []}>
-                                            <div style={{
-                    display: "grid",
-                    gap: "var(--space-xs)"
-                  }}>
-                                                {(childItemsByGroup[groupId] ?? []).map(item => <Sortable.Item key={item} id={item} style={{
-                      ...itemStyle,
-                      background: "var(--surface-1)"
-                    }}>
-                                                        <Sortable.DragHandle title={\`Перетащить \${item}\`} />
-                                                        <div>{item}</div>
-                                                    </Sortable.Item>)}
-                                            </div>
-                                        </Sortable.Container>
-                                    </div>
-                                </Sortable.Item>)}
-                        </div>
-                    </Sortable.Container>
-                </Sortable.Root>
-
-                <div style={{
-        fontSize: 14,
-        opacity: 0.8
-      }}>
-                    Вложенные контейнеры сортируются независимо и используют общий \`Sortable.Root\`.
-                </div>
-            </div>;
-  }
-}`,...T.parameters?.docs?.source}}},E=[`SortablePreview`,`Basic`,`HorizontalList`,`GridCards`,`DisabledItems`,`HandleOnly`,`NestedContainers`]}));D();export{b as Basic,C as DisabledItems,S as GridCards,w as HandleOnly,x as HorizontalList,T as NestedContainers,f as SortablePreview,E as __namedExportsOrder,y as default,D as n,l as t};

package/storybook-static/assets/Splitter.stories-DJpFzZVJ.js

@@ -1,22 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{pn as r,t as i}from"./iframe-BJGIOdSH.js";import{a,i as o}from"./utils-DzbSigQl.js";var s,c,l,u,d,f,p,m=n((()=>{s=`wAovST`,c=`QVVMwe`,l=`H43AJ8`,u=`pgo8sW`,d=`_8fCvqA`,f=`t6RFcI`,p={splitter:s,vertical:c,separator:l,horizontal:u,topLeft:d,bottomRight:f}}));function h(e,t,n){return Math.min(n,Math.max(t,e))}function g(e,t){return Number.isFinite(e)?h(e,0,1):t}function _(e,t){let n=g(e,D),r=g(t,O);return n<=r?[n,r]:[r,n]}function v(e,t){return e===`vertical`?t.clientX:t.clientY}function y(e,t){return e===`vertical`?t.width:t.height}function b(e,t){if(e===`vertical`){if(t===`ArrowLeft`)return-.02;if(t===`ArrowRight`)return A}if(e===`horizontal`){if(t===`ArrowUp`)return-.02;if(t===`ArrowDown`)return A}return null}function x(e,t){return t===`start`?0:t===`end`?1:e}function S({direction:e,initial:t,min:n,max:r,collapsedPane:i}){let[a,o]=_(n,r),s=(0,T.useRef)(null),c=(0,T.useRef)(null),l=(0,T.useRef)(null),u=(0,T.useRef)(null),d=(0,T.useRef)(null),f=(0,T.useRef)(null),p=(0,T.useRef)(0),m=(0,T.useRef)(h(g(t,k),a,o)),S=(0,T.useRef)(t),[C,w]=(0,T.useState)(()=>h(g(t,k),a,o)),E=(0,T.useRef)(C),D=(0,T.useCallback)(e=>{E.current=e,c.current?.style.setProperty(`flex-basis`,`${x(e,i)*100}%`),l.current?.setAttribute(`aria-valuenow`,`${Math.round(e*100)}`)},[i]),O=()=>{if(f.current!==null&&(cancelAnimationFrame(f.current),f.current=null),d.current===null)return E.current;let e=d.current;return d.current=null,D(e),e},A=e=>{d.current=e,f.current===null&&(f.current=requestAnimationFrame(()=>{f.current=null,d.current!==null&&D(d.current)}))},j=()=>{u.current?.(),u.current=null},M=e=>{O(),w(h(e,a,o))};return(0,T.useLayoutEffect)(()=>{D(C)},[D,C]),(0,T.useEffect)(()=>{w(e=>{let n=S.current!==t;return S.current=t,h(n?g(t,k):e,a,o)})},[t,a,o]),(0,T.useEffect)(()=>()=>{j(),f.current!==null&&cancelAnimationFrame(f.current)},[]),{containerRef:s,topLeftRef:c,separatorRef:l,ratio:C,minRatio:a,maxRatio:o,handleSeparatorPointerDown:t=>{if(t.button!==0)return;t.preventDefault();let n=s.current;if(!n)return;j();try{t.currentTarget.setPointerCapture?.(t.pointerId)}catch{}p.current=v(e,t),m.current=E.current;let r=t=>{let r=y(e,n.getBoundingClientRect());if(r<=0)return;let i=v(e,t)-p.current,s=h(m.current+i/r,a,o);A(s)},i=()=>{j(),w(O())};u.current=()=>{document.removeEventListener(`pointermove`,r),document.removeEventListener(`pointerup`,i),document.removeEventListener(`pointercancel`,i)},document.addEventListener(`pointermove`,r),document.addEventListener(`pointerup`,i),document.addEventListener(`pointercancel`,i)},handleSeparatorKeyDown:t=>{let n=b(e,t.key);if(n!==null){t.preventDefault(),M(E.current+n);return}if(t.key===`Home`){t.preventDefault(),M(a);return}t.key===`End`&&(t.preventDefault(),M(o))}}}function C({className:e,direction:t,left:n,right:r,collapsedPane:i,logic:o}){let{containerRef:s,topLeftRef:c,separatorRef:l,ratio:u,minRatio:d,maxRatio:f,handleSeparatorPointerDown:m,handleSeparatorKeyDown:h}=o,g=x(u,i),_=i===`start`,v=i===`end`,y=i===null;return(0,E.jsxs)(`div`,{ref:s,className:a(p.splitter,p[t],e),children:[(0,E.jsx)(`div`,{ref:c,className:p.topLeft,style:{flexBasis:`${g*100}%`},hidden:_,children:n}),(0,E.jsx)(`div`,{ref:l,hidden:!y,role:`separator`,"aria-orientation":t===`vertical`?`vertical`:`horizontal`,"aria-valuemin":Math.round(d*100),"aria-valuemax":Math.round(f*100),"aria-valuenow":Math.round(u*100),tabIndex:y?0:-1,onPointerDown:m,onKeyDown:h,className:p.separator}),(0,E.jsx)(`div`,{className:p.bottomRight,hidden:v,children:r})]})}function w({direction:e=`vertical`,initial:t=k,min:n=D,max:r=O,className:i,collapsedPane:a=null,children:o}){let[s,c]=T.Children.toArray(o),l=S({direction:e,initial:t,min:n,max:r,collapsedPane:a});return c?(0,E.jsx)(C,{className:i,direction:e,left:s,right:c,collapsedPane:a,logic:l}):s}var T,E,D,O,k,A,j=n((()=>{T=t(r(),1),o(),m(),E=i(),D=.1,O=.9,k=.7,A=.02,w.__docgenInfo={description:``,methods:[],displayName:`Splitter`,props:{direction:{defaultValue:{value:`"vertical"`,computed:!1},required:!1},initial:{defaultValue:{value:`0.7`,computed:!1},required:!1},min:{defaultValue:{value:`0.1`,computed:!1},required:!1},max:{defaultValue:{value:`0.9`,computed:!1},required:!1},collapsedPane:{defaultValue:{value:`null`,computed:!1},required:!1}}}})),M=e({Basic:()=>B,Constrained:()=>U,Horizontal:()=>V,NestedFourPanels:()=>H,__namedExportsOrder:()=>W,default:()=>z});function N({children:e}){return(0,R.jsx)(`div`,{style:{height:490},children:e})}function P({title:e,description:t,items:n=[]}){return(0,R.jsxs)(`div`,{style:{height:`100%`,padding:`var(--space-md)`,borderRadius:`var(--radius-md)`,border:`var(--border)`,display:`grid`,alignContent:`start`,gap:`var(--space-md)`},className:`scrollable`,children:[(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h2`,{children:e}),(0,R.jsx)(`p`,{children:t})]}),n.length>0&&(0,R.jsx)(`div`,{style:{display:`grid`,gap:`var(--space-sm)`},children:n.map(e=>(0,R.jsx)(`div`,{style:{padding:`var(--space-sm) var(--space-md)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`},children:e},e))})]})}function F(e){return(0,R.jsx)(N,{children:(0,R.jsxs)(w,{...e,children:[(0,R.jsx)(P,{title:`Навигация`,description:`Левая панель подходит для фильтров, дерева разделов, списка сущностей или структуры документа.`,items:[`Раздел 1`,`Раздел 2`,`Раздел 3`,`Раздел 4`]}),(0,R.jsx)(P,{title:`Рабочая область`,description:`Правая панель обычно содержит детальный контент: таблицу, карточку объекта, форму или вкладки.`,items:[`Текущий документ`,`История изменений`,`Комментарии`,`Связанные объекты`,`Параметры отображения`]})]})})}function I(){return(0,R.jsx)(N,{children:(0,R.jsxs)(w,{initial:.48,min:.25,max:.75,children:[(0,R.jsxs)(w,{direction:`horizontal`,initial:.58,min:.25,max:.75,children:[(0,R.jsx)(P,{title:`Список`,description:`Верхняя левая панель может держать навигацию или результат поиска.`,items:[`Поиск`,`Фильтр по статусу`,`Группы`,`Быстрые действия`]}),(0,R.jsx)(P,{title:`Подробности`,description:`Нижняя левая панель подходит для связанного контента по выбранному элементу.`,items:[`Свойства`,`Ответственный`,`Теги`,`Контекст`]})]}),(0,R.jsxs)(w,{direction:`horizontal`,initial:.36,min:.2,max:.8,children:[(0,R.jsx)(P,{title:`Превью`,description:`Верхняя правая панель может содержать документ, схему, карту или live-просмотр.`,items:[`Предпросмотр файла`,`Масштаб 100%`,`Слой подсветки`]}),(0,R.jsx)(P,{title:`Журнал`,description:`Нижняя правая панель часто используется для событий, логов или вспомогательных данных.`,items:[`10:31 Импорт завершён`,`10:34 Индексация`,`10:36 Синхронизация`,`10:38 Проверка целостности`]})]})]})})}function L(e){return(0,R.jsx)(N,{children:(0,R.jsxs)(w,{...e,children:[(0,R.jsx)(P,{title:`Фиксированные ограничения`,description:"У этой панели ужаты границы `min` и `max`, поэтому splitter нельзя увести слишком далеко.",items:[`Нажмите на разделитель`,`Используйте стрелки`,`Home = минимум`,`End = максимум`]}),(0,R.jsx)(P,{title:`Проверка доступности`,description:`Сценарий помогает проверить клавиатурное управление, устойчивость границ и отсутствие рывков при drag.`,items:[`ArrowLeft / ArrowRight`,`ArrowUp / ArrowDown`,`Перетаскивание мышью`,`Перетаскивание на тач-устройстве`]})]})})}var R,z,B,V,H,U,W,G=n((()=>{j(),R=i(),z={title:`Shared/UI/Splitter`,component:w,parameters:{atomicCanvas:!0,layout:`padded`},args:{direction:`vertical`,initial:.45,min:.15,max:.85},argTypes:{direction:{description:`Направление разделения: вертикальное по ширине или горизонтальное по высоте.`,control:`inline-radio`,options:[`vertical`,`horizontal`]},initial:{description:`Начальная доля первой панели в диапазоне от 0 до 1.`,control:{type:`range`,min:0,max:1,step:.01}},min:{description:`Минимальная доля первой панели. Значение автоматически нормализуется в диапазон 0..1.`,control:{type:`range`,min:0,max:1,step:.01}},max:{description:"Максимальная доля первой панели. Если `min` и `max` перепутаны местами, компонент сам исправит диапазон.",control:{type:`range`,min:0,max:1,step:.01}},className:{description:`Дополнительный CSS-класс корневого контейнера.`,control:`text`},children:{description:`Splitter ожидает ровно два прямых дочерних элемента. Для большего количества областей используйте вложенные Splitter.`,control:!1}}},B={name:`Две панели`,render:e=>(0,R.jsx)(F,{...e})},V={name:`Горизонтальное разделение`,render:e=>(0,R.jsx)(F,{...e}),args:{direction:`horizontal`,initial:.55}},H={name:`Четыре панели через вложенность`,render:()=>(0,R.jsx)(I,{})},U={name:`Ограничения и клавиатура`,render:e=>(0,R.jsx)(L,{...e}),args:{initial:.35,min:.25,max:.55}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
-  name: "Две панели",
-  render: args => <TwoPaneLayout {...args} />
-}`,...B.parameters?.docs?.source}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
-  name: "Горизонтальное разделение",
-  render: args => <TwoPaneLayout {...args} />,
-  args: {
-    direction: "horizontal",
-    initial: 0.55
-  }
-}`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
-  name: "Четыре панели через вложенность",
-  render: () => <NestedFourPaneLayout />
-}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
-  name: "Ограничения и клавиатура",
-  render: args => <ConstrainedLayout {...args} />,
-  args: {
-    initial: 0.35,
-    min: 0.25,
-    max: 0.55
-  }
-}`,...U.parameters?.docs?.source}}},W=[`Basic`,`Horizontal`,`NestedFourPanels`,`Constrained`]}));G();export{B as Basic,U as Constrained,V as Horizontal,H as NestedFourPanels,W as __namedExportsOrder,z as default,G as n,M as t};

package/storybook-static/assets/StateSelect.stories-Ch2Gzzmd.js

@@ -1,47 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{at as r,d as i,lt as a,n as o,pn as s,st as c,t as l,z as u}from"./iframe-BJGIOdSH.js";import{a as d,i as f}from"./utils-DzbSigQl.js";import{l as p,n as m,t as h}from"./formatters-BtIOYENB.js";import{t as g}from"./Select-DyO25wSA.js";import{t as _}from"./select-sUla5-3b.js";var v,y,b,x,S,C,w,T,E,D,O,k,A=n((()=>{v=`p4nQdZ`,y=`_94tg5v`,b=`HyK7Zs`,x=`Mm4hrB`,S=`clxxBQ`,C=`_5pJ7o-`,w=`VV6hKN`,T=`cuQNP0`,E=`w7nIOT`,D=`ed-Afj`,O=`Lbxloe`,k={button:v,valueContainer:y,swatch:b,optionsPalette:x,optionsDetailed:S,option:C,optionPalette:w,optionDetailed:T,optionMeta:E,optionMetaIcon:D,optionMetaLabel:O}}));function j({state:e,className:t}){return(0,R.jsx)(`span`,{className:d(k.swatch,t),"data-empty":e===`none`?``:void 0,style:{"--state-color":p[e]}})}function M(e){return!!(e?.icon||e?.label)}function N(e,t){return typeof t?.label==`string`&&t.label.trim()?t.label:e||`empty`}function P(e){return M(e)?(0,R.jsxs)(`span`,{className:k.optionMeta,children:[e?.icon?(0,R.jsx)(`span`,{className:k.optionMetaIcon,children:e.icon}):null,e?.label?(0,R.jsx)(`span`,{className:k.optionMetaLabel,children:e.label}):null]}):null}function F(e,t){return(0,R.jsxs)(`div`,{className:k.valueContainer,children:[(0,R.jsx)(j,{state:e}),P(t)]})}function I({label:e,description:t,disabled:n,placeholder:r,size:i,value:a,onChange:o,options:s=m,stateMeta:c,className:l,clearable:u}){let f=(0,L.useMemo)(()=>Array.from(new Set(s)),[s]),p=f.some(e=>M(c?.[e]));return(0,R.jsx)(g,{label:e,description:t,disabled:n,placeholder:r,size:i,value:a,onChange:o,options:f,className:l,clearable:u,getOptionKey:e=>e||`__empty_state__`,getOptionLabel:e=>c?.[e]?.label??e,getOptionAriaLabel:e=>N(e,c?.[e]),renderValue:e=>F(e,c?.[e]),renderOption:e=>(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(j,{state:e}),p?P(c?.[e]):null]}),buttonClassName:k.button,optionsContentClassName:d(p?k.optionsDetailed:k.optionsPalette),getOptionClassName:()=>d(k.option,p?k.optionDetailed:k.optionPalette)})}var L,R,z=n((()=>{L=t(s(),1),h(),f(),_(),A(),R=l(),I.__docgenInfo={description:`Специализированный селект для выбора цветового или статусного состояния. Используется там, где значению соответствует визуальный swatch.`,methods:[],displayName:`StateSelect`,props:{placeholder:{required:!1,tsType:{name:`string`},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`DEFAULT_VALUE_STATES`,computed:!0}},stateMeta:{required:!1,tsType:{name:`Partial`,elements:[{name:`Record`,elements:[{name:`State`},{name:`signature`,type:`object`,raw:`{
-	label?: ReactNode;
-	icon?: ReactNode;
-}`,signature:{properties:[{key:`label`,value:{name:`ReactNode`,required:!1}},{key:`icon`,value:{name:`ReactNode`,required:!1}}]}}],raw:`Record<State, StateMeta>`}],raw:`Partial<Record<State, StateMeta>>`},description:``},className:{required:!1,tsType:{name:`string`},description:``},clearable:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`Omit`]}})),B=e({Controlled:()=>W,PaletteOnly:()=>K,WithMeta:()=>G,__namedExportsOrder:()=>q,default:()=>U}),V,H,U,W,G,K,q,J=n((()=>{V=t(s(),1),o(),z(),H=l(),U={title:`Shared/UI/StateSelect`,component:I,args:{label:`Состояние`,description:`Выберите визуальный статус.`,placeholder:`Выберите значение`,value:`information`,onChange:()=>{},disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля выбора состояния.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, когда значение не выбрано.`,control:`text`},value:{description:`Текущее состояние.`,control:`select`,options:[``,`none`,`information`,`success`,`warning`,`error`]},onChange:{description:`Вызывается при выборе состояния.`,control:!1},options:{description:`Кастомный набор доступных состояний.`,control:!1},stateMeta:{description:`Кастомные иконки и подписи для значений.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},className:{description:`Дополнительный CSS-класс.`,control:`text`}}},W={render:e=>{let[t,n]=(0,V.useState)(`information`);return(0,H.jsx)(I,{...e,value:t,onChange:n})}},G={render:e=>{let[t,n]=(0,V.useState)(`warning`);return(0,H.jsx)(I,{...e,value:t,onChange:n,stateMeta:{none:{label:`Без статуса`,icon:(0,H.jsx)(c,{})},information:{label:`Инфо`,icon:(0,H.jsx)(u,{})},success:{label:`Успех`,icon:(0,H.jsx)(a,{})},warning:{label:`Предупреждение`,icon:(0,H.jsx)(i,{})},error:{label:`Ошибка`,icon:(0,H.jsx)(r,{})}}})},args:{value:`warning`}},K={render:e=>{let[t,n]=(0,V.useState)(`none`);return(0,H.jsx)(I,{...e,value:t,onChange:n,options:[`none`,`success`,`error`]})},args:{options:[`none`,`success`,`error`],value:`none`}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<State | undefined>("information");
-    return <StateSelect {...args} value={value} onChange={setValue} />;
-  }
-}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<State | undefined>("warning");
-    return <StateSelect {...args} value={value} onChange={setValue} stateMeta={{
-      none: {
-        label: "Без статуса",
-        icon: <MinusCircleIcon />
-      },
-      information: {
-        label: "Инфо",
-        icon: <InfoIcon />
-      },
-      success: {
-        label: "Успех",
-        icon: <CheckCircle2Icon />
-      },
-      warning: {
-        label: "Предупреждение",
-        icon: <AlertTriangleIcon />
-      },
-      error: {
-        label: "Ошибка",
-        icon: <XCircleIcon />
-      }
-    }} />;
-  },
-  args: {
-    value: "warning"
-  }
-}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<State | undefined>("none");
-    return <StateSelect {...args} value={value} onChange={setValue} options={["none", "success", "error"]} />;
-  },
-  args: {
-    options: ["none", "success", "error"],
-    value: "none"
-  }
-}`,...K.parameters?.docs?.source}}},q=[`Controlled`,`WithMeta`,`PaletteOnly`]}));J();export{W as Controlled,K as PaletteOnly,G as WithMeta,q as __namedExportsOrder,U as default,J as n,B as t};

package/storybook-static/assets/StringToggle.stories-B8qIG0M3.js

@@ -1,6 +0,0 @@
-import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{pn as n,t as r}from"./iframe-BJGIOdSH.js";import{n as i,t as a}from"./Toggle-BFhzeK2e.js";function o(e,t){return typeof e==`string`?e:t}var s,c,l=t((()=>{s=`true`,c=`false`}));function u({value:e,onChange:t,checkedValue:n,uncheckedValue:r,defaultChecked:i,...l}){let u=o(n,s),f=o(r,c),p=e===u;return(0,d.jsx)(a,{...l,value:p,onChange:e=>t(e?u:f)})}var d,f=t((()=>{l(),i(),d=r(),u.__docgenInfo={description:`Адаптирует boolean-состояние Toggle к паре настраиваемых строковых значений.`,methods:[],displayName:`StringToggle`,props:{checkedValue:{required:!1,tsType:{name:`string`},description:``},uncheckedValue:{required:!1,tsType:{name:`string`},description:``},value:{required:!0,tsType:{name:`string`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``}}}})),p,m,h,g,_;t((()=>{p=e(n(),1),f(),m=r(),h={title:`Shared/UI/Toggle/StringToggle`,component:u,args:{value:`ZBP_MANAGER`,onChange:()=>void 0,checkedText:`за клиента`,uncheckedText:`за сделку`,checkedValue:`ZM_MANAGER`,uncheckedValue:`ZBP_MANAGER`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущее строковое значение.`,control:!1},onChange:{description:`Возвращает строку выбранного состояния.`,control:!1},checkedValue:{description:`Значение включённого состояния.`,control:`text`},uncheckedValue:{description:`Значение выключенного состояния.`,control:`text`},checkedText:{description:`Текст включённого состояния.`,control:`text`},uncheckedText:{description:`Текст выключенного состояния.`,control:`text`}}},g={render:e=>{let[t,n]=(0,p.useState)(e.value);return(0,m.jsx)(u,{...e,value:t,onChange:n})}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<string>(args.value);
-    return <StringToggle {...args} value={value} onChange={setValue} />;
-  }
-}`,...g.parameters?.docs?.source}}},_=[`ManagerScope`]}))();export{g as ManagerScope,_ as __namedExportsOrder,h as default};

package/storybook-static/assets/Switch.stories-BysIhUHa.js

@@ -1,26 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{Lt as r,lt as i,n as a,pn as o,t as s}from"./iframe-BJGIOdSH.js";import{a as c,i as l}from"./utils-DzbSigQl.js";import{n as u,t as d}from"./ui.module-wFHXkJzp.js";var f,p,m,h,g,_=n((()=>{f=`Or5LYA`,p=`w0AMfA`,m=`P1x4lq`,h=`-ZVOZo`,g={switchWrapper:f,switch:`qge3io`,iconWrapper:p,auto:m,checked:h}}));function v(e){let{label:t,description:n,disabled:a,checkedIcon:o=(0,b.jsx)(i,{}),uncheckedIcon:s=(0,b.jsx)(r,{}),className:l,type:d,id:f,size:p,placeholder:m,onChange:h,value:_,triState:v,...x}=e,S=(0,y.useId)(),C=f??S,w=n?`${C}-description`:void 0,T=t?`${C}-label`:void 0,E=()=>{if(!e.triState){e.onChange(!e.value);return}if(e.value===void 0){e.onChange(!0);return}if(e.value===!0){e.onChange(!1);return}e.value===!1&&e.onChange(void 0)},D=typeof e.value==`boolean`?e.value:!1,O=e.triState&&typeof e.value!=`boolean`,k=x[`aria-label`]??(t?void 0:`Переключатель`);return(0,b.jsxs)(`div`,{className:c(u.uiElement,a&&u.disabled),"aria-disabled":a||void 0,children:[t&&(0,b.jsxs)(`div`,{id:T,className:u.uiLabel,children:[t,`:`]}),n&&(0,b.jsx)(`p`,{id:w,className:u.uiDescription,children:n}),(0,b.jsx)(`button`,{...x,id:C,type:d??`button`,role:`switch`,disabled:a,"aria-checked":D,"aria-describedby":w,"aria-labelledby":T,"aria-label":k,"aria-disabled":a,"data-ui":`switch`,"data-action":`toggle-switch`,onClick:E,className:c(u.uiInputControl,g.switchWrapper,l),children:(0,b.jsx)(`div`,{className:g.switch,"data-disabled":a||void 0,children:O?(0,b.jsx)(`div`,{className:c(g.iconWrapper,g.auto,g.checked),children:`Auto`}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`div`,{className:c(g.iconWrapper,!e.value&&g.checked),children:s}),(0,b.jsx)(`div`,{className:c(g.iconWrapper,e.value&&g.checked),children:o})]})})})]})}var y,b,x=n((()=>{y=t(o(),1),l(),a(),d(),_(),b=s(),v.__docgenInfo={description:`Переключатель boolean-состояния в виде слайдера. Подходит для быстрых настроек и включения/отключения опций.`,methods:[],displayName:`Switch`}})),S=e({BiState:()=>E,Disabled:()=>O,TriState:()=>D,__namedExportsOrder:()=>k,default:()=>T}),C,w,T,E,D,O,k,A=n((()=>{C=t(o(),1),x(),w=s(),T={title:`Shared/UI/Switch`,component:v,args:{label:`Режим обработки`,description:`Переключение состояния`,value:!1,onChange:()=>{},triState:!1,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок переключателя.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},value:{description:"Текущее значение (`boolean` или `undefined` в tri-state).",control:!1},onChange:{description:`Вызывается при изменении состояния.`,control:!1},triState:{description:"Включает трехсостоянный режим (`undefined → true → false`).",control:`boolean`},checkedIcon:{description:"Кастомная иконка для состояния `true`.",control:!1},uncheckedIcon:{description:"Кастомная иконка для состояния `false`.",control:!1},disabled:{description:`Блокирует переключение.`,control:`boolean`}}},E={render:e=>{let[t,n]=(0,C.useState)(!1);return(0,w.jsx)(v,{...e,value:t,onChange:n,triState:!1})}},D={render:e=>{let[t,n]=(0,C.useState)(void 0);return(0,w.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,w.jsx)(v,{...e,value:t,onChange:n,triState:!0}),(0,w.jsxs)(`div`,{children:[`Текущее значение: `,String(t)]})]})},args:{triState:!0,value:void 0}},O={args:{disabled:!0,value:!0}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState(false);
-    return <Switch {...args} value={value} onChange={setValue} triState={false} />;
-  }
-}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<boolean | undefined>(undefined);
-    return <div style={{
-      display: "grid",
-      gap: 8
-    }}>
-                <Switch {...args} value={value} onChange={setValue} triState />
-                <div>Текущее значение: {String(value)}</div>
-            </div>;
-  },
-  args: {
-    triState: true,
-    value: undefined
-  }
-}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
-  args: {
-    disabled: true,
-    value: true
-  }
-}`,...O.parameters?.docs?.source}}},k=[`BiState`,`TriState`,`Disabled`]}));A();export{E as BiState,O as Disabled,D as TriState,k as __namedExportsOrder,T as default,A as n,S as t};