@ryuzaki13/react-foundation-ui 1.5.6 → 1.5.8

package/storybook-static/assets/ExpandableActionPanel.stories-CJwc_cQU.js

@@ -1,19 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./check-CmUKUPJO.js";import{i,n as a,r as o,t as s}from"./ExpandableActionPanel-DAzBwv3l.js";import{n as c,t as l}from"./CheckBox-BTR1-W6r.js";import{n as u,t as d}from"./refresh-cw-CnbDJa0D.js";import{n as f,t as p}from"./settings-2-CtlfzeoJ.js";import{i as m,n as h,r as g}from"./iframe-DBSrNt2a.js";import{a as _,i as v}from"./utils-DUM89eIj.js";import{n as y,t as b}from"./Button-DMlznmSQ.js";import{a as x,c as S}from"./Input-C2Lss7is.js";import{n as C,t as w}from"./Select-DZI40eOj.js";var T,E;function D(){return(D=e((()=>{m(),T=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],E=g(`search`,T)})))()}function O({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:c,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,k.jsxs)(`div`,{className:_(o.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,k.jsx)(`div`,{className:_(`flexEllipsis`,o.label,n),style:d,title:f,children:e}),(0,k.jsx)(s,{...u,open:c,defaultOpen:l,className:_(o.labeledActionPanel,a)})]})}var k;function A(){return(A=e((()=>{t(),v(),a(),i(),k=h(),O.__docgenInfo={description:"Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.",methods:[],displayName:`LabeledExpandableActionPanel`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:``},labelStyle:{required:!1,tsType:{name:`ReactCSSProperties`,raw:`React.CSSProperties`},description:``},labelMinWidth:{required:!1,tsType:{name:`ReactCSSProperties["minWidth"]`,raw:`React.CSSProperties["minWidth"]`},description:``,defaultValue:{value:`"12em"`,computed:!1}},panelClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}function j(){let[e,t]=(0,M.useState)(``),[n,i]=(0,M.useState)(!1),[a,o]=(0,M.useState)(`Все`);return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,N.jsx)(x,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,N.jsx)(E,{})})}),(0,N.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,N.jsx)(w,{placeholder:`Статус`,options:I,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,N.jsx)(l,{placeholder:`Только мои`,value:n,onChange:i,noWrap:!0}),(0,N.jsx)(b,{icon:(0,N.jsx)(d,{}),title:`Обновить`}),(0,N.jsx)(b,{icon:(0,N.jsx)(p,{}),title:`Настроить`}),(0,N.jsx)(b,{icon:(0,N.jsx)(r,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var M,N,P,F,I,L,R,z;function B(){return(B=e((()=>{M=t(),n(),u(),D(),f(),y(),c(),S(),C(),a(),A(),N=h(),{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`Shared/UI/ExpandableActionPanel`,component:O,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,defaultOpen:!1,onOpenChange:P()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1}}},I=[`Все`,`Активные`,`Архив`],L={render:e=>(0,N.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,N.jsx)(O,{...e,children:(0,N.jsx)(j,{})})})},R={render:()=>(0,N.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,N.jsx)(s,{defaultOpen:!0,children:(0,N.jsx)(j,{})})})},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
-  render: args => <div style={{
-    width: "min(100%, 920px)"
-  }}>
-            <LabeledExpandableActionPanel {...args}>
-                <DemoControls />
-            </LabeledExpandableActionPanel>
-        </div>
-}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
-  render: () => <div style={{
-    width: "min(100%, 720px)",
-    display: "flex",
-    justifyContent: "flex-end"
-  }}>
-            <ExpandableActionPanel defaultOpen>
-                <DemoControls />
-            </ExpandableActionPanel>
-        </div>
-}`,...R.parameters?.docs?.source}}},z=[`Labeled`,`BasePanel`]})))()}B();export{R as BasePanel,L as Labeled,z as __namedExportsOrder,F as default};

package/storybook-static/assets/ImageRenderer.stories-CGFEpwg9.js

@@ -1,22 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./ImageRenderer-CQSICbwz.js";var r,i,a,o,s;function c(){return(c=e((()=>{t(),r={title:`Shared/UI/Image/ImageRenderer`,component:n,args:{src:`https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80`,alt:`Горный пейзаж`},parameters:{layout:`padded`},argTypes:{layout:{control:`inline-radio`,options:[`cover`,`contain`,`intrinsic`]}}},i={args:{layout:`cover`,width:`min(100%, 48rem)`,height:`24rem`}},a={args:{layout:`contain`,width:`min(100%, 48rem)`,height:`24rem`,wrapperStyle:{background:`var(--surface-1)`}}},o={args:{layout:`intrinsic`,intrinsicWidth:1600,intrinsicHeight:1067}},i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  args: {
-    layout: "cover",
-    width: "min(100%, 48rem)",
-    height: "24rem"
-  }
-}`,...i.parameters?.docs?.source}}},a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    layout: "contain",
-    width: "min(100%, 48rem)",
-    height: "24rem",
-    wrapperStyle: {
-      background: "var(--surface-1)"
-    }
-  }
-}`,...a.parameters?.docs?.source}}},o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  args: {
-    layout: "intrinsic",
-    intrinsicWidth: 1600,
-    intrinsicHeight: 1067
-  }
-}`,...o.parameters?.docs?.source}}},s=[`FixedCover`,`FixedContain`,`IntrinsicFullWidth`]})))()}c();export{a as FixedContain,i as FixedCover,o as IntrinsicFullWidth,s as __namedExportsOrder,r as default};

package/storybook-static/assets/ImageView.stories-Cu4_LfLg.js

@@ -1,9 +0,0 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DBSrNt2a.js";import{n,t as r}from"./ImageRenderer-CQSICbwz.js";function i(e){return e.map(e=>`width`in e?`${e.src} ${e.width}w`:`${e.src} ${e.density}x`).join(`, `)}function a(e,t){return(e??[]).map(e=>({srcSet:i(e.candidates),type:e.type,sizes:e.sizes??t})).filter(e=>e.srcSet.length>0)}function o(){return(o=e((()=>{})))()}function s({image:e,alt:t,sizes:n,aspectRatio:o,...s}){let l=a(e.sources,n),u=e.candidates?i(e.candidates):void 0,d=o??(e.intrinsicWidth&&e.intrinsicHeight?`${e.intrinsicWidth} / ${e.intrinsicHeight}`:void 0);return(0,c.jsx)(r,{...s,src:e.src,srcSet:u||void 0,sources:l,sizes:n,alt:t??e.alt,intrinsicWidth:e.intrinsicWidth,intrinsicHeight:e.intrinsicHeight,aspectRatio:d})}var c;function l(){return(l=e((()=>{o(),n(),c=t(),s.__docgenInfo={description:`Собирает picture/srcset из готовых URL и делегирует отображение ImageRenderer.
-Компонент не формирует имена файлов и не знает о форматах или размерах хранилища.`,methods:[],displayName:`ImageView`,props:{image:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
-	src: string;
-	alt?: string;
-	intrinsicWidth?: number;
-	intrinsicHeight?: number;
-	candidates?: readonly ImageCandidate[];
-	sources?: readonly ResponsiveImageSource[];
-}`,signature:{properties:[{key:`src`,value:{name:`string`,required:!0}},{key:`alt`,value:{name:`string`,required:!1}},{key:`intrinsicWidth`,value:{name:`number`,required:!1}},{key:`intrinsicHeight`,value:{name:`number`,required:!1}},{key:`candidates`,value:{name:`unknown`,required:!1}},{key:`sources`,value:{name:`unknown`,required:!1}}]}},description:``},alt:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`,`Pick`]}})))()}var u,d,f,p,m;function h(){return(h=e((()=>{l(),u=`photo-1500530855697-b586d89ba3ee`,d=(e,t)=>`https://images.unsplash.com/${u}?auto=format&fit=crop&w=${e}&fm=${t}&q=80`,f={title:`Shared/UI/Image/ImageView`,component:s,args:{layout:`intrinsic`,sizes:`(min-width: 64rem) 64rem, 100vw`,image:{src:d(1600,`jpg`),alt:`Responsive-пейзаж`,intrinsicWidth:1600,intrinsicHeight:1067,candidates:[{src:d(640,`jpg`),width:640},{src:d(1280,`jpg`),width:1280},{src:d(1600,`jpg`),width:1600}],sources:[{type:`image/avif`,candidates:[{src:d(640,`avif`),width:640},{src:d(1280,`avif`),width:1280},{src:d(1600,`avif`),width:1600}]},{type:`image/webp`,candidates:[{src:d(640,`webp`),width:640},{src:d(1280,`webp`),width:1280},{src:d(1600,`webp`),width:1600}]}]}},parameters:{layout:`padded`}},p={},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{}`,...p.parameters?.docs?.source}}},m=[`ResponsiveCandidates`]})))()}h();export{p as ResponsiveCandidates,m as __namedExportsOrder,f as default};

package/storybook-static/assets/Input.stories-BWwVCwT-.js

@@ -1,38 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{a as i,c as a,i as o}from"./Input-C2Lss7is.js";var s=t({NumberControlled:()=>f,PatternValidation:()=>p,TextControlled:()=>d,WithError:()=>m,__namedExportsOrder:()=>h,default:()=>u}),c,l,u,d,f,p,m,h;function g(){return(g=e((()=>{c=n(),a(),l=r(),u={title:`Shared/UI/Input`,component:i,args:{value:``,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер нативного поля ввода.`,control:`text`},value:{description:`Текущее значение поля.`,control:`text`},onChange:{description:`Вызывается при изменении значения.`,control:!1},onClear:{description:`Callback кнопки очистки справа.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Вызывается при вводе для сброса внешней ошибки.`,control:!1},disabled:{description:`Блокирует редактирование.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},allowedPattern:{description:`Регулярное выражение для валидации введенной строки.`,control:!1}}},d={render:e=>{let[t,n]=(0,c.useState)(e.value??``);return(0,l.jsx)(i,{...e,value:t,onChange:n,onClear:()=>n(``)})},args:{label:`Наименование`,description:`Пример обычного текстового поля.`,placeholder:`Введите значение`,value:``,size:`md`}},f={render:()=>{let[e,t]=(0,c.useState)(25);return(0,l.jsx)(o,{label:`Количество`,description:`Числовой ввод с min/max.`,placeholder:`0`,value:e,min:0,max:100,onChange:t,onClear:()=>t(0)})},args:{value:void 0}},p={render:()=>{let[e,t]=(0,c.useState)(``);return(0,l.jsx)(i,{label:`Только цифры`,description:"`allowedPattern` подсвечивает невалидный ввод.",placeholder:`12345`,value:e,onChange:t,allowedPattern:/^\d*$/})},args:{value:void 0}},m={render:()=>{let[e,t]=(0,c.useState)(`admin`),[n,r]=(0,c.useState)(`Логин уже занят`);return(0,l.jsx)(i,{label:`Логин`,value:e,error:n,onChange:t,onClear:()=>t(``),onClearError:()=>r(``)})},args:{value:void 0}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState(args.value ?? "");
-    return <InputText {...args} value={value} onChange={setValue} onClear={() => setValue("")} />;
-  },
-  args: {
-    label: "Наименование",
-    description: "Пример обычного текстового поля.",
-    placeholder: "Введите значение",
-    value: "",
-    size: "md"
-  }
-}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState<number | undefined>(25);
-    return <InputNumber label="Количество" description="Числовой ввод с min/max." placeholder="0" value={value} min={0} max={100} onChange={setValue} onClear={() => setValue(0)} />;
-  },
-  args: {
-    value: undefined
-  }
-}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState("");
-    return <InputText label="Только цифры" description="\`allowedPattern\` подсвечивает невалидный ввод." placeholder="12345" value={value} onChange={setValue} allowedPattern={/^\\d*$/} />;
-  },
-  args: {
-    value: undefined
-  }
-}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [value, setValue] = useState("admin");
-    const [error, setError] = useState("Логин уже занят");
-    return <InputText label="Логин" value={value} error={error} onChange={setValue} onClear={() => setValue("")} onClearError={() => setError("")} />;
-  },
-  args: {
-    value: undefined
-  }
-}`,...m.parameters?.docs?.source}}},h=[`TextControlled`,`NumberControlled`,`PatternValidation`,`WithError`]})))()}export{m as a,d as i,f as n,g as o,p as r,s as t};

package/storybook-static/assets/InputFile.stories-CN-yFeRD.js

@@ -1,36 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./InputFile-BSVH6QKl.js";var o=t({ArrayBufferMode:()=>p,Controlled:()=>d,WithInitialValue:()=>f,__namedExportsOrder:()=>m,default:()=>u}),s,c,l,u,d,f,p,m;function h(){return(h=e((()=>{s=n(),i(),c=r(),l=(e,t=`application/pdf`)=>{let n=new File([`demo-file`],e,{type:t,lastModified:17040672e5});return{mode:`data-url`,meta:{name:n.name,mime:n.type,size:n.size,lastModified:n.lastModified},dataUrl:`data:${t};base64,ZGVtby1maWxl`,file:n}},u={title:`Shared/UI/InputFile`,component:a,args:{value:void 0,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля загрузки.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст в поле, пока файл не выбран.`,control:`text`},value:{description:`Текущий результат чтения выбранного файла.`,control:!1},onChange:{description:`Вызывается после успешного чтения файла.`,control:!1},onReadError:{description:`Вызывается при ошибке чтения или валидации файла.`,control:!1},onClear:{description:`Очищает выбранный файл и показывает кнопку очистки.`,control:!1},accept:{description:"HTML `accept` для нативного диалога выбора файла.",control:`text`},allowedMime:{description:`Белый список MIME-типов для readFile-валидации.`,control:!1},maxBytes:{description:`Максимальный размер файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файла: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Callback сброса ошибки при повторном выборе файла.`,control:!1},disabled:{description:`Блокирует выбор файла.`,control:`boolean`},size:{description:`Размер визуального контрола.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},d={render:e=>{let[t,n]=(0,s.useState)(e.value),[r,i]=(0,s.useState)(e.error??``);return(0,c.jsx)(a,{...e,value:t,error:r||void 0,onChange:n,onClear:()=>n(void 0),onClearError:()=>i(``)})},args:{label:`Документ`,description:`Загрузите один файл.`,placeholder:`Выберите файл`,accept:[`.pdf`,`.docx`],readMode:`data-url`,value:void 0}},f={render:e=>{let[t,n]=(0,s.useState)(l(`report.pdf`));return(0,c.jsx)(a,{...e,value:t,onChange:n,onClear:()=>n(void 0)})},args:{label:`Файл с предзаполнением`,description:`Демонстрация состояния после успешной загрузки.`}},p={render:e=>{let[t,n]=(0,s.useState)(void 0);return(0,c.jsx)(a,{...e,value:t,onChange:n,onClear:()=>n(void 0)})},args:{label:`Двоичное чтение`,description:"Режим `array-buffer` для дальнейшей бинарной обработки.",readMode:`array-buffer`,accept:[`.zip`,`.pdf`],value:void 0}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadFileResult | undefined>(args.value);
-    const [error, setError] = useState(args.error ?? "");
-    return <InputFile {...args} value={value} error={error || undefined} onChange={setValue} onClear={() => setValue(undefined)} onClearError={() => setError("")} />;
-  },
-  args: {
-    label: "Документ",
-    description: "Загрузите один файл.",
-    placeholder: "Выберите файл",
-    accept: [".pdf", ".docx"],
-    readMode: "data-url",
-    value: undefined
-  }
-}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadFileResult | undefined>(createMockReadFileResult("report.pdf"));
-    return <InputFile {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
-  },
-  args: {
-    label: "Файл с предзаполнением",
-    description: "Демонстрация состояния после успешной загрузки."
-  }
-}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadFileResult | undefined>(undefined);
-    return <InputFile {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
-  },
-  args: {
-    label: "Двоичное чтение",
-    description: "Режим \`array-buffer\` для дальнейшей бинарной обработки.",
-    readMode: "array-buffer",
-    accept: [".zip", ".pdf"],
-    value: undefined
-  }
-}`,...p.parameters?.docs?.source}}},m=[`Controlled`,`WithInitialValue`,`ArrayBufferMode`]})))()}export{h as a,f as i,d as n,o as r,p as t};

package/storybook-static/assets/InputFiles.stories--iCRqdJV.js

@@ -1,33 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./InputFiles-CA7eAjuN.js";var o=t({Controlled:()=>d,LimitReached:()=>p,WithInitialFiles:()=>f,__namedExportsOrder:()=>m,default:()=>u}),s,c,l,u,d,f,p,m;function h(){return(h=e((()=>{s=n(),i(),c=r(),l=(e,t=`application/pdf`)=>{let n=new File([`demo-file`],e,{type:t,lastModified:17040672e5});return{mode:`data-url`,meta:{name:n.name,mime:n.type,size:n.size,lastModified:n.lastModified},dataUrl:`data:${t};base64,ZGVtby1maWxl`,file:n}},u={title:`Shared/UI/InputFiles`,component:a,args:{value:[],onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля множественной загрузки.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст в поле, пока список файлов пуст.`,control:`text`},value:{description:`Массив результатов чтения выбранных файлов.`,control:!1},onChange:{description:`Вызывается с новым массивом файлов после добавления/удаления.`,control:!1},onReadError:{description:`Вызывается при ошибке чтения отдельного файла.`,control:!1},accept:{description:"HTML `accept` для диалога выбора файлов.",control:`text`},allowedMime:{description:`Список допустимых MIME-типов при валидации.`,control:!1},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},maxFiles:{description:`Лимит количества файлов в списке.`,control:`number`},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Вызывается при выборе новых файлов для сброса ошибки.`,control:!1},disabled:{description:`Полностью блокирует выбор файлов.`,control:`boolean`},size:{description:`Размер визуального контрола.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},d={render:e=>{let[t,n]=(0,s.useState)([]);return(0,c.jsx)(a,{...e,readMode:`data-url`,value:t,onChange:n})},args:{label:`Вложения`,description:`Можно выбрать несколько файлов.`,placeholder:`Выберите файлы`,accept:[`.pdf`,`.png`,`.jpg`],maxFiles:5,value:[]}},f={render:e=>{let[t,n]=(0,s.useState)([l(`contract.pdf`),l(`diagram.png`,`image/png`)]);return(0,c.jsx)(a,{...e,readMode:`data-url`,value:t,onChange:n})},args:{label:`Предзаполненный список`,description:`Иллюстрация удаления файлов из уже заполненного значения.`}},p={render:e=>{let[t,n]=(0,s.useState)([l(`first.pdf`),l(`second.pdf`)]);return(0,c.jsx)(a,{...e,readMode:`data-url`,value:t,onChange:n})},args:{label:`Лимит файлов`,description:`После достижения лимита поле выбора блокируется.`,maxFiles:2}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadFileAsDataUrlResult[]>([]);
-    return <InputFiles {...args} readMode="data-url" value={value} onChange={setValue} />;
-  },
-  args: {
-    label: "Вложения",
-    description: "Можно выбрать несколько файлов.",
-    placeholder: "Выберите файлы",
-    accept: [".pdf", ".png", ".jpg"],
-    maxFiles: 5,
-    value: []
-  }
-}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadFileAsDataUrlResult[]>([createMockReadFileResult("contract.pdf"), createMockReadFileResult("diagram.png", "image/png")]);
-    return <InputFiles {...args} readMode="data-url" value={value} onChange={setValue} />;
-  },
-  args: {
-    label: "Предзаполненный список",
-    description: "Иллюстрация удаления файлов из уже заполненного значения."
-  }
-}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadFileAsDataUrlResult[]>([createMockReadFileResult("first.pdf"), createMockReadFileResult("second.pdf")]);
-    return <InputFiles {...args} readMode="data-url" value={value} onChange={setValue} />;
-  },
-  args: {
-    label: "Лимит файлов",
-    description: "После достижения лимита поле выбора блокируется.",
-    maxFiles: 2
-  }
-}`,...p.parameters?.docs?.source}}},m=[`Controlled`,`WithInitialFiles`,`LimitReached`]})))()}export{h as a,f as i,o as n,p as r,d as t};

package/storybook-static/assets/InputImage.stories-_XP04DfA.js

@@ -1,45 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-DBSrNt2a.js";import{n as i,t as a}from"./InputImage-BPmp_DbZ.js";var o=t({ArrayBufferMode:()=>p,Controlled:()=>d,WithInitialImage:()=>f,__namedExportsOrder:()=>m,default:()=>u}),s,c,l,u,d,f,p,m;function h(){return(h=e((()=>{s=n(),i(),c=r(),l=(e=`avatar.png`)=>{let t=new File([`image-demo`],e,{type:`image/png`,lastModified:17040672e5});return{mode:`data-url`,meta:{name:t.name,mime:t.type,size:t.size,lastModified:t.lastModified},dataUrl:`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAusB9YxM9a0AAAAASUVORK5CYII=`,file:t,dimensions:{width:1,height:1}}},u={title:`Shared/UI/InputImage`,component:a,args:{value:void 0,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля выбора изображения.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст до выбора изображения.`,control:`text`},value:{description:`Результат чтения выбранного изображения.`,control:!1},onChange:{description:`Вызывается после успешного чтения изображения.`,control:!1},onReadError:{description:`Вызывается при ошибке валидации или чтения изображения.`,control:!1},onClear:{description:`Очищает выбранное изображение.`,control:!1},allowedMime:{description:`Разрешенные MIME-типы изображений.`,control:!1},maxBytes:{description:`Максимальный размер изображения в байтах.`,control:`number`},readMode:{description:`Режим чтения: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс ошибки при повторном выборе изображения.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер визуального контрола.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},d={render:e=>{let[t,n]=(0,s.useState)(e.value);return(0,c.jsx)(a,{...e,value:t,onChange:n,onClear:()=>n(void 0)})},args:{label:`Аватар`,description:`Выберите одно изображение профиля.`,placeholder:`Выберите изображение`,readMode:`data-url`,allowedMime:[`image/png`,`image/jpeg`,`image/webp`],value:void 0}},f={render:e=>{let[t,n]=(0,s.useState)(l());return(0,c.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,c.jsx)(a,{...e,value:t,onChange:n,onClear:()=>n(void 0)}),t?.mode===`data-url`&&(0,c.jsx)(`img`,{src:t.dataUrl,alt:`Предпросмотр`,style:{width:96,height:96,objectFit:`cover`,border:`1px solid var(--border-0)`}})]})},args:{label:`Изображение с предпросмотром`,description:`Сторис показывает, что значение можно использовать для preview.`}},p={render:e=>{let[t,n]=(0,s.useState)(void 0);return(0,c.jsx)(a,{...e,value:t,onChange:n,onClear:()=>n(void 0)})},args:{label:`Двоичный режим`,description:`Используется, когда изображение нужно обработать как бинарные данные.`,readMode:`array-buffer`,value:void 0}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadImageResult | undefined>(args.value);
-    return <InputImage {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
-  },
-  args: {
-    label: "Аватар",
-    description: "Выберите одно изображение профиля.",
-    placeholder: "Выберите изображение",
-    readMode: "data-url",
-    allowedMime: ["image/png", "image/jpeg", "image/webp"],
-    value: undefined
-  }
-}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadImageResult | undefined>(createMockReadImageResult());
-    return <div style={{
-      display: "grid",
-      gap: 12
-    }}>
-                <InputImage {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />
-                {value?.mode === "data-url" && <img src={value.dataUrl} alt="Предпросмотр" style={{
-        width: 96,
-        height: 96,
-        objectFit: "cover",
-        border: "1px solid var(--border-0)"
-      }} />}
-            </div>;
-  },
-  args: {
-    label: "Изображение с предпросмотром",
-    description: "Сторис показывает, что значение можно использовать для preview."
-  }
-}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [value, setValue] = useState<ReadImageResult | undefined>(undefined);
-    return <InputImage {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
-  },
-  args: {
-    label: "Двоичный режим",
-    description: "Используется, когда изображение нужно обработать как бинарные данные.",
-    readMode: "array-buffer",
-    value: undefined
-  }
-}`,...p.parameters?.docs?.source}}},m=[`Controlled`,`WithInitialImage`,`ArrayBufferMode`]})))()}export{h as a,f as i,d as n,o as r,p as t};

package/storybook-static/assets/InteractiveComponents.stories-CLEBQnZj.js

@@ -1,303 +0,0 @@
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./Switch-CZpcIIzj.js";import{i as a,n as o,r as s,t as ee}from"./DisclosureGroup-C4o0IITt.js";import{n as c,t as te}from"./ExpandableActionPanel-DAzBwv3l.js";import{n as ne,t as re}from"./RadioButton-sTaoMULx.js";import{n as l,t as ie}from"./SingleDateTimeInput-DfsGAFoU.js";import{n as u,t as ae}from"./CheckBox-BTR1-W6r.js";import{n as d,t as oe}from"./DropZone-Cw3X-9Xt.js";import{n as f}from"./iframe-DBSrNt2a.js";import{n as p,t as m}from"./Popover-CAmdlvk7.js";import{n as se,t as h}from"./Button-DMlznmSQ.js";import{n as ce,t as g}from"./ContextMenu-0zHy_xbK.js";import{a as le,i as ue,n as de,r as fe,s as pe,t as me}from"./ModalManagerProvider-DPGYpfId.js";import{n as _,t as v}from"./DropdownMenu-CPj2r3k-.js";import{n as he,r as ge}from"./DateInput-CNO6uPbo.js";import{a as y,c as b,i as x,t as _e}from"./Input-C2Lss7is.js";import{n as ve,t as S}from"./RadioGroup-Bi6nDRg3.js";import{n as C,t as ye}from"./Select-DZI40eOj.js";import{n as w,t as be}from"./DateRangePresetSelect-CfuLAxW0.js";import{n as T,t as xe}from"./Dialog-PPguLwie.js";import{n as E,t as Se}from"./InputFiles-CA7eAjuN.js";import{n as D,t as Ce}from"./InputFile-BSVH6QKl.js";import{n as O,t as we}from"./InputImage-BPmp_DbZ.js";import{n as k,t as Te}from"./LayoutPicker-Bz8Vo6L7.js";import{n as A,t as Ee}from"./Listbox-BbSsDx2u.js";import{n as j,t as De}from"./MultiSelect-DKv6Qe08.js";import{n as M,t as Oe}from"./PeriodSelect-U8W5a0AG.js";import{n as N,t as ke}from"./PresetRangeDateInput-BSoQmjSq.js";import{i as Ae,t as je}from"./Slider-DLtF6vGD.js";import{r as Me,t as Ne}from"./SliderInput-UCsxAR-B.js";import{n as Pe,t as Fe}from"./StateSelect-BxRXr-2U.js";import{n as Ie,t as Le}from"./TabsBox-6G7F_Vo9.js";import{n as Re,t as ze}from"./TagInput-CIsnKs98.js";import{n as P,t as Be}from"./Textarea-Cv8Iiqm7.js";import{n as F,t as Ve}from"./Toggle-BAhzEihH.js";import{n as He,t as I}from"./TreeMultiSelect-BTe_-dq5.js";import{n as Ue,t as We}from"./treeStoryFixtures-Ci7STpiz.js";function Ge({onChange:e,...t}){let[n,r]=(0,L.useState)(()=>t.defaultValue??t.value??``),[i,a]=(0,L.useState)(()=>t.defaultValue??t.value??``),o=t=>{let n=t.trim();n!==i&&(a(n),e(n))},s=()=>{r(``),a(``),e(``)},ee=e=>{e.key===`Enter`&&(e.preventDefault(),o(n))},c=()=>{o(n)},te=e=>{r(e)};return(0,R.jsx)(_e,{...t,value:n,onChange:te,onKeyDown:ee,onBlur:c,onClear:s})}var L,R;function z(){return(z=e((()=>{L=t(n(),1),b(),R=f(),Ge.__docgenInfo={description:``,methods:[],displayName:`InputSearch`,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:`T`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},onClear:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},endAdornment:{required:!1,tsType:{name:`ReactNode`},description:``},endAdornmentClassName:{required:!1,tsType:{name:`string`},description:``},endAdornmentWidth:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}function B({title:e,children:t}){return(0,U.jsxs)(`section`,{style:W,children:[(0,U.jsx)(`div`,{style:G,children:e}),t]})}function Ke({initialValue:e={},label:t=`TreeMultiSelect`,description:n,optionsLayout:r=`tree`,nodes:i=We,defaultExpandedCodeKeys:a}){let[o,s]=(0,H.useState)(e);return(0,U.jsxs)(`div`,{style:{display:`grid`,gap:12,maxWidth:520},children:[(0,U.jsx)(I,{label:t,description:n,nodes:i,value:o,onChange:s,optionsLayout:r,defaultExpandedCodeKeys:a}),(0,U.jsxs)(`div`,{style:{fontSize:`var(--font-size-sm)`,color:`var(--content-1)`},children:[`Текущее значение: `,JSON.stringify(o)]})]})}function V(){let[e,t]=(0,H.useState)(`Значение`),[n,r]=(0,H.useState)(42),[a,o]=(0,H.useState)(``),[c,ne]=(0,H.useState)(`Комментарий`),[l,u]=(0,H.useState)(!0),[d,f]=(0,H.useState)(!1),[p,se]=(0,H.useState)(`first`),[ce,de]=(0,H.useState)(!0),[pe,_]=(0,H.useState)(!1),[ge,b]=(0,H.useState)(60),[_e,ve]=(0,H.useState)(60),[C,w]=(0,H.useState)(q[0]),[T,E]=(0,H.useState)([J[0]]),[D,O]=(0,H.useState)([`UI`,`Стили`]),[k,A]=(0,H.useState)(`week`),[j,M]=(0,H.useState)(`information`),[N,Ae]=(0,H.useState)(`two-columns`),[Me,Pe]=(0,H.useState)(new Date(2026,2,10)),[Ie,Re]=(0,H.useState)(new Date(2026,2,10,10,30)),[P,F]=(0,H.useState)(`today`),[He,I]=(0,H.useState)([new Date(2026,2,1),new Date(2026,2,10)]),[Ue,We]=(0,H.useState)(`month`),[L,R]=(0,H.useState)(),[z,V]=(0,H.useState)([]),[W,G]=(0,H.useState)(),[Y,X]=(0,H.useState)([]),[Z,Q]=(0,H.useState)(!1),[Ye,$]=(0,H.useState)(!1);return(0,U.jsxs)(`div`,{style:qe,children:[(0,U.jsxs)(B,{title:`Button`,children:[(0,U.jsx)(h,{variant:`transparent`,children:`Действие`}),(0,U.jsx)(h,{variant:`ghost`,children:`Действие`}),(0,U.jsx)(h,{variant:`neutral`,children:`Действие`}),(0,U.jsx)(h,{variant:`neutralOutline`,children:`Действие`}),(0,U.jsx)(h,{variant:`info`,children:`Действие`}),(0,U.jsx)(h,{variant:`infoOutline`,children:`Действие`})]}),(0,U.jsxs)(B,{title:`InputText`,children:[(0,U.jsx)(y,{label:`Текст`,description:`Поле ввода текста`,placeholder:`Введите текст`,disabled:!0,value:e,onChange:t}),(0,U.jsx)(y,{label:`Текст`,description:`Поле ввода текста`,placeholder:`Введите текст`,value:e,onChange:t}),(0,U.jsx)(y,{required:!0,label:`Текст`,description:`Поле ввода текста`,placeholder:`Введите текст`,value:e,onChange:t,onClear:()=>t(``)})]}),(0,U.jsxs)(B,{title:`InputNumber`,children:[(0,U.jsx)(x,{label:`Количество`,value:n,min:0,onChange:r,disabled:!0}),(0,U.jsx)(x,{label:`Количество`,value:n,min:0,onChange:r,required:!0}),(0,U.jsx)(x,{label:`Количество`,value:n,min:0,onChange:r}),(0,U.jsx)(x,{label:`Количество`,value:n,min:0,onChange:r,onClear:()=>r(void 0)})]}),(0,U.jsx)(B,{title:`InputSearch`,children:(0,U.jsx)(Ge,{label:`Поиск`,placeholder:`Найти`,value:a,onChange:o})}),(0,U.jsx)(B,{title:`Textarea`,children:(0,U.jsx)(Be,{label:`Комментарий`,required:!0,placeholder:`Многострочный комментарий`,rows:6,value:c,onChange:ne})}),(0,U.jsxs)(B,{title:`CheckBox`,children:[(0,U.jsx)(ae,{label:`Опция включена`,disabled:!0,value:l,onChange:u}),(0,U.jsx)(ae,{label:`Опция включена`,value:l,onChange:u,indeterminate:!0})]}),(0,U.jsxs)(B,{title:`RadioButton`,children:[(0,U.jsx)(re,{label:`Выбранная опция`,disabled:!0,value:d,onChange:f}),(0,U.jsx)(re,{label:`Выбранная опция`,value:d,onChange:f})]}),(0,U.jsx)(B,{title:`RadioGroup`,children:(0,U.jsxs)(S,{value:p,onChange:se,orientation:`vertical`,"aria-label":`Вариант`,children:[(0,U.jsx)(S.Option,{value:`first`,label:`Первый`}),(0,U.jsx)(S.Option,{value:`second`,label:`Второй`})]})}),(0,U.jsx)(B,{title:`Switch`,children:(0,U.jsx)(i,{label:`Уведомления`,value:ce,onChange:de})}),(0,U.jsx)(B,{title:`Toggle`,children:(0,U.jsx)(Ve,{label:`Режим`,value:pe,onChange:_,checkedText:`Вкл`,uncheckedText:`Выкл`})}),(0,U.jsx)(B,{title:`Slider`,children:(0,U.jsx)(je,{label:`Уровень`,value:ge,min:0,max:100,onChange:b})}),(0,U.jsx)(B,{title:`SliderInput`,children:(0,U.jsx)(Ne,{label:`Порог`,value:_e,min:0,max:100,onChange:ve})}),(0,U.jsxs)(B,{title:`Select`,children:[(0,U.jsx)(ye,{label:`Статус`,options:q,value:C,onChange:w,getOptionKey:e=>e.id,getOptionLabel:e=>e.label}),(0,U.jsx)(ye,{label:`Статус`,searchable:!0,options:q,value:C,onChange:w,getOptionKey:e=>e.id,getOptionLabel:e=>e.label})]}),(0,U.jsx)(B,{title:`MultiSelect`,children:(0,U.jsx)(De,{label:`Города`,items:J,value:T,query:``,codeKey:`code`,textKey:`label`,onChange:E,onQuery:()=>void 0,onOpen:()=>void 0,onClose:()=>void 0})}),(0,U.jsx)(B,{title:`TreeMultiSelect`,children:(0,U.jsx)(Ke,{})}),(0,U.jsx)(B,{title:`TagInput`,children:(0,U.jsx)(ze,{label:`Теги`,placeholder:`Добавить`,value:D,onChange:O})}),(0,U.jsx)(B,{title:`Listbox`,children:(0,U.jsx)(Ee,{options:Je,value:k,onChange:e=>A(e)})}),(0,U.jsx)(B,{title:`StateSelect`,children:(0,U.jsx)(Fe,{label:`Состояние`,value:j,onChange:M})}),(0,U.jsx)(B,{title:`LayoutPicker`,children:(0,U.jsx)(Te,{label:`Раскладка`,value:N,onChange:Ae,showPlaceholder:!0})}),(0,U.jsx)(B,{title:`SingleDateInput`,children:(0,U.jsx)(he,{label:`Дата`,value:Me,onChange:Pe,selectionMode:`week`})}),(0,U.jsx)(B,{title:`SingleDateTimeInput`,children:(0,U.jsx)(ie,{label:`Дата и время`,value:Ie,onChange:Re})}),(0,U.jsx)(B,{title:`DateRangePresetSelect`,children:(0,U.jsx)(be,{label:`Период`,value:P??void 0,onChange:e=>F(e??null),onRangeChange:e=>I(e?.range??null),referenceDate:new Date(2026,2,10,12)})}),(0,U.jsx)(B,{title:`PresetRangeDateInput`,children:(0,U.jsx)(ke,{value:He,onChange:I,presetId:P??null,onPresetIdChange:e=>F(e??null),referenceDate:new Date(2026,2,10,12),presetLabel:`Быстрый диапазон`})}),(0,U.jsx)(B,{title:`PeriodSelect`,children:(0,U.jsx)(Oe,{label:`Группировка`,value:Ue,onChange:We})}),(0,U.jsx)(B,{title:`InputFile`,children:(0,U.jsx)(Ce,{label:`Файл`,placeholder:`Выберите файл`,value:L,onChange:R,onClear:()=>R(void 0),readMode:`data-url`})}),(0,U.jsx)(B,{title:`InputFiles`,children:(0,U.jsx)(Se,{label:`Файлы`,placeholder:`Выберите файлы`,value:z,onChange:V,readMode:`data-url`})}),(0,U.jsx)(B,{title:`InputImage`,children:(0,U.jsx)(we,{label:`Изображение`,value:W,onChange:G,onClear:()=>G(void 0)})}),(0,U.jsx)(B,{title:`DropZone`,children:(0,U.jsx)(oe,{value:Y,multiple:!0,readMode:`data-url`,onChange:e=>X(e),children:(0,U.jsx)(`div`,{style:{display:`grid`,placeItems:`center`,minHeight:`6em`,textAlign:`center`},children:Y.length?`Файлов: ${Y.length}`:`Перетащите файлы`})})}),(0,U.jsx)(B,{title:`TabsBox`,children:(0,U.jsx)(Le,{defaultValue:`first`,bordered:!0,items:[{id:`first`,title:`Первый`,content:`Содержимое`},{id:`second`,title:`Второй`,content:`Другая панель`},{id:`third`,title:`Ещё одна`,content:`Другая панель`},{id:`quat`,title:`Четвертая`,content:`Другая панель`}]})}),(0,U.jsx)(B,{title:`TabsBox`,children:(0,U.jsx)(Le,{defaultValue:`first`,orientation:`vertical`,bordered:!0,items:[{id:`first`,title:`Первый`,content:`Содержимое`},{id:`second`,title:`Второй`,content:`Другая панель`},{id:`third`,title:`Ещё одна`,content:`Другая панель`},{id:`quat`,title:`Четвертая`,content:`Другая панель`}]})}),(0,U.jsxs)(B,{title:`Disclosure`,children:[(0,U.jsxs)(ee,{children:[(0,U.jsx)(s,{label:`Раскрыть 1`,children:`Содержимое панели 1`}),(0,U.jsx)(s,{label:`Раскрыть 2`,children:`Содержимое панели 2`}),(0,U.jsx)(s,{label:`Раскрыть 3`,children:`Содержимое панели 3`}),(0,U.jsx)(s,{label:`Раскрыть 4`,children:`Содержимое панели 4`})]}),(0,U.jsx)(s,{label:`Раскрыть 1`,children:`Содержимое панели 1`})]}),(0,U.jsx)(B,{title:`ExpandableActionPanel`,children:(0,U.jsx)(te,{children:(0,U.jsx)(h,{variant:`transparent`,children:`Действие`})})}),(0,U.jsx)(B,{title:`Popover`,children:(0,U.jsxs)(m,{children:[(0,U.jsx)(m.Trigger,{children:(0,U.jsx)(h,{style:K,children:`Открыть`})}),(0,U.jsx)(m.Content,{children:({setClose:e})=>(0,U.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`,padding:`1em`,maxWidth:`14em`},children:[(0,U.jsx)(`div`,{children:`Содержимое popover`}),(0,U.jsx)(h,{onClick:e,children:`Закрыть`})]})})]})}),(0,U.jsx)(B,{title:`DropdownMenu`,children:(0,U.jsxs)(v,{children:[(0,U.jsx)(v.Trigger,{children:(0,U.jsx)(h,{style:K,children:`Действия`})}),(0,U.jsxs)(v.Content,{children:[(0,U.jsx)(v.Item,{children:`Редактировать`}),(0,U.jsx)(v.Item,{children:`Удалить`})]})]})}),(0,U.jsx)(B,{title:`ContextMenu`,children:(0,U.jsxs)(g,{children:[(0,U.jsx)(g.Trigger,{children:(0,U.jsx)(`div`,{style:{display:`grid`,placeItems:`center`,minHeight:`6em`,padding:`0.75em`,border:`var(--border)`,borderRadius:`var(--radius-sm)`,textAlign:`center`},children:`Правая кнопка мыши`})}),(0,U.jsxs)(g.Content,{children:[(0,U.jsx)(g.Item,{children:`Переименовать`}),(0,U.jsx)(g.Item,{children:`Удалить`})]})]})}),(0,U.jsxs)(B,{title:`Dialog`,children:[(0,U.jsx)(h,{style:K,onClick:()=>Q(!0),children:`Открыть диалог`}),(0,U.jsx)(xe,{title:`Подтверждение`,description:`Подтвердите действие`,open:Z,onClose:()=>Q(!1),children:(0,U.jsx)(h,{onClick:()=>Q(!1),children:`Закрыть`})})]}),(0,U.jsx)(B,{title:`Modal`,children:(0,U.jsxs)(me,{children:[(0,U.jsx)(h,{style:K,onClick:()=>$(!0),children:`Открыть модалку`}),(0,U.jsxs)(fe,{title:`Параметры`,isOpen:Ye,onClose:()=>$(!1),children:[(0,U.jsx)(ue,{children:`Содержимое модального окна`}),(0,U.jsx)(le,{children:(0,U.jsx)(h,{onClick:()=>$(!1),children:`Готово`})})]})]})})]})}var H,U,qe,W,G,K,q,J,Je,Y,X,Z;function Q(){return(Q=e((()=>{H=n(),se(),u(),ce(),_(),ge(),w(),l(),T(),a(),o(),d(),c(),b(),D(),E(),O(),z(),k(),A(),pe(),de(),j(),M(),p(),N(),ne(),ve(),C(),Ae(),Me(),Pe(),r(),Ie(),Re(),P(),F(),He(),Ue(),U=f(),qe={display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(var(--ui-width-xl), 1fr))`,alignItems:`start`,gap:`2em`,padding:`2em`},W={display:`grid`,alignContent:`start`,gridTemplateColumns:`100%`,gap:`0.5em`,padding:`1em`,overflow:`hidden`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-lg)`},G={fontWeight:700,color:`var(--content-0)`},K={width:`100%`},q=[{id:`draft`,label:`Черновик`},{id:`review`,label:`На согласовании`},{id:`published`,label:`Опубликован`}],J=[{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`MOW`,label:`Москва`}],Je=[{value:`day`,label:`День`},{value:`week`,label:`Неделя`},{value:`month`,label:`Месяц`}],Y={title:`Development/Interactive components`,component:V,parameters:{layout:`fullscreen`,docs:{description:{component:`Быстрая витрина интерактивных UI-компонентов для разработки и проверки общих стилей.`}}}},X={},V.__docgenInfo={description:``,methods:[],displayName:`InteractiveComponents`},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`function InteractiveComponents() {
-  const [text, setText] = useState("Значение");
-  const [number, setNumber] = useState<number | undefined>(42);
-  const [search, setSearch] = useState("");
-  const [textarea, setTextarea] = useState("Комментарий");
-  const [checked, setChecked] = useState(true);
-  const [radio, setRadio] = useState(false);
-  const [radioGroup, setRadioGroup] = useState("first");
-  const [switchValue, setSwitchValue] = useState(true);
-  const [toggleValue, setToggleValue] = useState(false);
-  const [sliderValue, setSliderValue] = useState<number | undefined>(60);
-  const [sliderInputValue, setSliderInputValue] = useState(60);
-  const [selectedStatus, setSelectedStatus] = useState<(typeof statusOptions)[number] | undefined>(statusOptions[0]);
-  const [selectedCities, setSelectedCities] = useState<CollectionItem[]>([cityOptions[0]!]);
-  const [tags, setTags] = useState<readonly string[]>(["UI", "Стили"]);
-  const [listboxValue, setListboxValue] = useState("week");
-  const [state, setState] = useState<State | undefined>("information");
-  const [layout, setLayout] = useState("two-columns");
-  const [date, setDate] = useState<Date | null>(new Date(2026, 2, 10));
-  const [dateTime, setDateTime] = useState<Date | null>(new Date(2026, 2, 10, 10, 30));
-  const [presetId, setPresetId] = useState<string | null>("today");
-  const [range, setRange] = useState<NullableDateRange | null>([new Date(2026, 2, 1), new Date(2026, 2, 10)]);
-  const [period, setPeriod] = useState<string | undefined>("month");
-  const [file, setFile] = useState<ReadFileResult>();
-  const [files, setFiles] = useState<ReadFileAsDataUrlResult[]>([]);
-  const [image, setImage] = useState<ReadImageResult>();
-  const [droppedFiles, setDroppedFiles] = useState<ReadFileResult[]>([]);
-  const [dialogOpen, setDialogOpen] = useState(false);
-  const [modalOpen, setModalOpen] = useState(false);
-  return <div style={gridStyle}>
-            <ComponentCard title="Button">
-                <Button variant="transparent">Действие</Button>
-                <Button variant="ghost">Действие</Button>
-                <Button variant="neutral">Действие</Button>
-                <Button variant="neutralOutline">Действие</Button>
-                <Button variant="info">Действие</Button>
-                <Button variant="infoOutline">Действие</Button>
-            </ComponentCard>
-
-            <ComponentCard title="InputText">
-                <InputText label="Текст" description="Поле ввода текста" placeholder="Введите текст" disabled value={text} onChange={setText} />
-                <InputText label="Текст" description="Поле ввода текста" placeholder="Введите текст" value={text} onChange={setText} />
-                <InputText required label="Текст" description="Поле ввода текста" placeholder="Введите текст" value={text} onChange={setText} onClear={() => setText("")} />
-            </ComponentCard>
-
-            <ComponentCard title="InputNumber">
-                <InputNumber label="Количество" value={number} min={0} onChange={setNumber} disabled />
-                <InputNumber label="Количество" value={number} min={0} onChange={setNumber} required />
-                <InputNumber label="Количество" value={number} min={0} onChange={setNumber} />
-                <InputNumber label="Количество" value={number} min={0} onChange={setNumber} onClear={() => setNumber(undefined)} />
-            </ComponentCard>
-
-            <ComponentCard title="InputSearch">
-                <InputSearch label="Поиск" placeholder="Найти" value={search} onChange={setSearch} />
-            </ComponentCard>
-
-            <ComponentCard title="Textarea">
-                <Textarea label="Комментарий" required placeholder="Многострочный комментарий" rows={6} value={textarea} onChange={setTextarea} />
-            </ComponentCard>
-
-            <ComponentCard title="CheckBox">
-                <CheckBox label="Опция включена" disabled value={checked} onChange={setChecked} />
-                <CheckBox label="Опция включена" value={checked} onChange={setChecked} indeterminate />
-            </ComponentCard>
-
-            <ComponentCard title="RadioButton">
-                <RadioButton label="Выбранная опция" disabled value={radio} onChange={setRadio} />
-                <RadioButton label="Выбранная опция" value={radio} onChange={setRadio} />
-            </ComponentCard>
-
-            <ComponentCard title="RadioGroup">
-                <RadioGroup value={radioGroup} onChange={setRadioGroup} orientation="vertical" aria-label="Вариант">
-                    <RadioGroup.Option value="first" label="Первый" />
-                    <RadioGroup.Option value="second" label="Второй" />
-                </RadioGroup>
-            </ComponentCard>
-
-            <ComponentCard title="Switch">
-                <Switch label="Уведомления" value={switchValue} onChange={setSwitchValue} />
-            </ComponentCard>
-
-            <ComponentCard title="Toggle">
-                <Toggle label="Режим" value={toggleValue} onChange={setToggleValue} checkedText="Вкл" uncheckedText="Выкл" />
-            </ComponentCard>
-
-            <ComponentCard title="Slider">
-                <Slider label="Уровень" value={sliderValue} min={0} max={100} onChange={setSliderValue} />
-            </ComponentCard>
-
-            <ComponentCard title="SliderInput">
-                <SliderInput label="Порог" value={sliderInputValue} min={0} max={100} onChange={setSliderInputValue} />
-            </ComponentCard>
-
-            <ComponentCard title="Select">
-                <Select label="Статус" options={statusOptions} value={selectedStatus} onChange={setSelectedStatus} getOptionKey={option => option.id} getOptionLabel={option => option.label} />
-                <Select label="Статус" searchable options={statusOptions} value={selectedStatus} onChange={setSelectedStatus} getOptionKey={option => option.id} getOptionLabel={option => option.label} />
-            </ComponentCard>
-
-            <ComponentCard title="MultiSelect">
-                <MultiSelect label="Города" items={cityOptions} value={selectedCities} query="" codeKey="code" textKey="label" onChange={setSelectedCities} onQuery={() => undefined} onOpen={() => undefined} onClose={() => undefined} />
-            </ComponentCard>
-
-            <ComponentCard title="TreeMultiSelect">
-                <StatefulTreeMultiSelect />
-            </ComponentCard>
-
-            <ComponentCard title="TagInput">
-                <TagInput label="Теги" placeholder="Добавить" value={tags} onChange={setTags} />
-            </ComponentCard>
-
-            <ComponentCard title="Listbox">
-                <Listbox options={listboxOptions} value={listboxValue} onChange={value => setListboxValue(value)} />
-            </ComponentCard>
-
-            <ComponentCard title="StateSelect">
-                <StateSelect label="Состояние" value={state} onChange={setState} />
-            </ComponentCard>
-
-            <ComponentCard title="LayoutPicker">
-                <LayoutPicker label="Раскладка" value={layout} onChange={setLayout} showPlaceholder />
-            </ComponentCard>
-
-            <ComponentCard title="SingleDateInput">
-                <SingleDateInput label="Дата" value={date} onChange={setDate} selectionMode="week" />
-            </ComponentCard>
-
-            <ComponentCard title="SingleDateTimeInput">
-                <SingleDateTimeInput label="Дата и время" value={dateTime} onChange={setDateTime} />
-            </ComponentCard>
-
-            <ComponentCard title="DateRangePresetSelect">
-                <DateRangePresetSelect label="Период" value={presetId ?? undefined} onChange={nextPresetId => setPresetId(nextPresetId ?? null)} onRangeChange={payload => setRange(payload?.range ?? null)} referenceDate={new Date(2026, 2, 10, 12)} />
-            </ComponentCard>
-
-            <ComponentCard title="PresetRangeDateInput">
-                <PresetRangeDateInput value={range} onChange={setRange} presetId={presetId ?? null} onPresetIdChange={nextPresetId => setPresetId(nextPresetId ?? null)} referenceDate={new Date(2026, 2, 10, 12)} presetLabel="Быстрый диапазон" />
-            </ComponentCard>
-
-            <ComponentCard title="PeriodSelect">
-                <PeriodSelect label="Группировка" value={period} onChange={setPeriod} />
-            </ComponentCard>
-
-            <ComponentCard title="InputFile">
-                <InputFile label="Файл" placeholder="Выберите файл" value={file} onChange={setFile} onClear={() => setFile(undefined)} readMode="data-url" />
-            </ComponentCard>
-
-            <ComponentCard title="InputFiles">
-                <InputFiles label="Файлы" placeholder="Выберите файлы" value={files} onChange={setFiles} readMode="data-url" />
-            </ComponentCard>
-
-            <ComponentCard title="InputImage">
-                <InputImage label="Изображение" value={image} onChange={setImage} onClear={() => setImage(undefined)} />
-            </ComponentCard>
-
-            <ComponentCard title="DropZone">
-                <DropZone value={droppedFiles} multiple readMode="data-url" onChange={nextFiles => setDroppedFiles(nextFiles)}>
-                    <div style={{
-          display: "grid",
-          placeItems: "center",
-          minHeight: "6em",
-          textAlign: "center"
-        }}>
-                        {droppedFiles.length ? \`Файлов: \${droppedFiles.length}\` : "Перетащите файлы"}
-                    </div>
-                </DropZone>
-            </ComponentCard>
-
-            <ComponentCard title="TabsBox">
-                <TabsBox defaultValue="first" bordered items={[{
-        id: "first",
-        title: "Первый",
-        content: "Содержимое"
-      }, {
-        id: "second",
-        title: "Второй",
-        content: "Другая панель"
-      }, {
-        id: "third",
-        title: "Ещё одна",
-        content: "Другая панель"
-      }, {
-        id: "quat",
-        title: "Четвертая",
-        content: "Другая панель"
-      }]} />
-            </ComponentCard>
-
-            <ComponentCard title="TabsBox">
-                <TabsBox defaultValue="first" orientation="vertical" bordered items={[{
-        id: "first",
-        title: "Первый",
-        content: "Содержимое"
-      }, {
-        id: "second",
-        title: "Второй",
-        content: "Другая панель"
-      }, {
-        id: "third",
-        title: "Ещё одна",
-        content: "Другая панель"
-      }, {
-        id: "quat",
-        title: "Четвертая",
-        content: "Другая панель"
-      }]} />
-            </ComponentCard>
-
-            <ComponentCard title="Disclosure">
-                <DisclosureGroup>
-                    <Disclosure label="Раскрыть 1">Содержимое панели 1</Disclosure>
-                    <Disclosure label="Раскрыть 2">Содержимое панели 2</Disclosure>
-                    <Disclosure label="Раскрыть 3">Содержимое панели 3</Disclosure>
-                    <Disclosure label="Раскрыть 4">Содержимое панели 4</Disclosure>
-                </DisclosureGroup>
-
-                <Disclosure label="Раскрыть 1">Содержимое панели 1</Disclosure>
-            </ComponentCard>
-
-            <ComponentCard title="ExpandableActionPanel">
-                <ExpandableActionPanel>
-                    <Button variant="transparent">Действие</Button>
-                </ExpandableActionPanel>
-            </ComponentCard>
-
-            <ComponentCard title="Popover">
-                <Popover>
-                    <Popover.Trigger>
-                        <Button style={compactButtonStyle}>Открыть</Button>
-                    </Popover.Trigger>
-                    <Popover.Content>
-                        {({
-            setClose
-          }) => <div style={{
-            display: "grid",
-            gap: "0.75em",
-            padding: "1em",
-            maxWidth: "14em"
-          }}>
-                                <div>Содержимое popover</div>
-                                <Button onClick={setClose}>Закрыть</Button>
-                            </div>}
-                    </Popover.Content>
-                </Popover>
-            </ComponentCard>
-
-            <ComponentCard title="DropdownMenu">
-                <DropdownMenu>
-                    <DropdownMenu.Trigger>
-                        <Button style={compactButtonStyle}>Действия</Button>
-                    </DropdownMenu.Trigger>
-                    <DropdownMenu.Content>
-                        <DropdownMenu.Item>Редактировать</DropdownMenu.Item>
-                        <DropdownMenu.Item>Удалить</DropdownMenu.Item>
-                    </DropdownMenu.Content>
-                </DropdownMenu>
-            </ComponentCard>
-
-            <ComponentCard title="ContextMenu">
-                <ContextMenu>
-                    <ContextMenu.Trigger>
-                        <div style={{
-            display: "grid",
-            placeItems: "center",
-            minHeight: "6em",
-            padding: "0.75em",
-            border: "var(--border)",
-            borderRadius: "var(--radius-sm)",
-            textAlign: "center"
-          }}>
-                            Правая кнопка мыши
-                        </div>
-                    </ContextMenu.Trigger>
-                    <ContextMenu.Content>
-                        <ContextMenu.Item>Переименовать</ContextMenu.Item>
-                        <ContextMenu.Item>Удалить</ContextMenu.Item>
-                    </ContextMenu.Content>
-                </ContextMenu>
-            </ComponentCard>
-
-            <ComponentCard title="Dialog">
-                <Button style={compactButtonStyle} onClick={() => setDialogOpen(true)}>
-                    Открыть диалог
-                </Button>
-                <Dialog title="Подтверждение" description="Подтвердите действие" open={dialogOpen} onClose={() => setDialogOpen(false)}>
-                    <Button onClick={() => setDialogOpen(false)}>Закрыть</Button>
-                </Dialog>
-            </ComponentCard>
-
-            <ComponentCard title="Modal">
-                <ModalManagerProvider>
-                    <Button style={compactButtonStyle} onClick={() => setModalOpen(true)}>
-                        Открыть модалку
-                    </Button>
-                    <Modal title="Параметры" isOpen={modalOpen} onClose={() => setModalOpen(false)}>
-                        <ModalContent>Содержимое модального окна</ModalContent>
-                        <ModalFooter>
-                            <Button onClick={() => setModalOpen(false)}>Готово</Button>
-                        </ModalFooter>
-                    </Modal>
-                </ModalManagerProvider>
-            </ComponentCard>
-        </div>;
-}`,...V.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{}`,...X.parameters?.docs?.source}}},Z=[`InteractiveComponents`,`All`]})))()}Q();export{X as All,V as InteractiveComponents,Z as __namedExportsOrder,Y as default};