@ryuzaki13/react-foundation-ui 1.5.8 → 1.5.10

package/storybook-static/assets/{InputFiles.stories-Dihf3LA3.js → InputFiles.stories-BlD8cBmt.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-DuAeRvx6.js";import{n as r,t as i}from"./createControlledStoryRender-DHsyXc1B.js";import{n as a,t as o}from"./InputFiles-CDgBA7Tt.js";var s=t({Controlled:()=>p,LimitReached:()=>h,WithInitialFiles:()=>m,__namedExportsOrder:()=>g,default:()=>d}),c,l,u,d,f,p,m,h,g;function _(){return(_=e((()=>{r(),a(),c=n(),{fn:l}=__STORYBOOK_MODULE_TEST__,u=(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}},d={title:`Shared/UI/InputFiles`,component:o,args:{value:[],onChange:l(),readMode:`data-url`},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:`object`},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`]}}},f=i((e,t)=>(0,c.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}})),p={render:f,args:{label:`Вложения`,description:`Можно выбрать несколько файлов.`,placeholder:`Выберите файлы`,accept:[`.pdf`,`.png`,`.jpg`],maxFiles:5,value:[]}},m={render:f,args:{label:`Предзаполненный список`,description:`Иллюстрация удаления файлов из уже заполненного значения.`,value:[u(`contract.pdf`),u(`diagram.png`,`image/png`)]}},h={render:f,args:{label:`Лимит файлов`,description:`После достижения лимита поле выбора блокируется.`,maxFiles:2,value:[u(`first.pdf`),u(`second.pdf`)]}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-BnjRbLCp.js";import{n as r,t as i}from"./createControlledStoryRender-DHsyXc1B.js";import{n as a,t as o}from"./InputFiles-D72fv8HQ.js";var s=t({Controlled:()=>p,LimitReached:()=>h,WithInitialFiles:()=>m,__namedExportsOrder:()=>g,default:()=>d}),c,l,u,d,f,p,m,h,g;function _(){return(_=e((()=>{r(),a(),c=n(),{fn:l}=__STORYBOOK_MODULE_TEST__,u=(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}},d={title:`Shared/UI/InputFiles`,component:o,args:{value:[],onChange:l(),readMode:`data-url`},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:`object`},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`]}}},f=i((e,t)=>(0,c.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}})),p={render:f,args:{label:`Вложения`,description:`Можно выбрать несколько файлов.`,placeholder:`Выберите файлы`,accept:[`.pdf`,`.png`,`.jpg`],maxFiles:5,value:[]}},m={render:f,args:{label:`Предзаполненный список`,description:`Иллюстрация удаления файлов из уже заполненного значения.`,value:[u(`contract.pdf`),u(`diagram.png`,`image/png`)]}},h={render:f,args:{label:`Лимит файлов`,description:`После достижения лимита поле выбора блокируется.`,maxFiles:2,value:[u(`first.pdf`),u(`second.pdf`)]}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   render: renderInputFilesStory,
   args: {
     label: "Вложения",

package/storybook-static/assets/{InputFilesList-CCkGwmuk.js → InputFilesList-Dol1dIX5.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./x-BXPCGZYS.js";import{n as i}from"./iframe-DuAeRvx6.js";import{a,i as o}from"./utils-DUM89eIj.js";var s,c,l,u,d,f,p;function m(){return(m=e((()=>{s=`h9SMea`,c=`rUyh0y`,l=`Q0CY1r`,u=`AJuYXd`,d=`CKKkOD`,f=`UgxhS1`,p={control:s,hiddenInput:c,fileList:l,fileItem:u,fileItemName:d,removeButton:f}})))()}function h({files:e,onChange:t}){let n=(0,g.useCallback)(n=>{t(e.filter((e,t)=>t!==n))},[e,t]);return!e||!e.length?null:(0,_.jsx)(`ul`,{className:p.fileList,children:e.map((e,t)=>(0,_.jsxs)(`li`,{className:p.fileItem,children:[(0,_.jsx)(`span`,{className:p.fileItemName,children:e.meta.name}),(0,_.jsx)(`button`,{type:`button`,className:a(p.removeButton,`flexCenter`),onClick:()=>n(t),"aria-label":`Удалить ${e.meta.name}`,children:(0,_.jsx)(r,{})})]},`${e.meta.name}-${e.meta.lastModified}`))})}var g,_;function v(){return(v=e((()=>{g=t(),o(),n(),m(),_=i(),h.__docgenInfo={description:``,methods:[],displayName:`InputFilesList`,props:{files:{required:!0,tsType:{name:`Array`,elements:[{name:`TFile`}],raw:`TFile[]`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(files: TFile[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TFile`}],raw:`TFile[]`},name:`files`}],return:{name:`void`}}},description:``}}}})))()}export{m as i,v as n,p as r,h as t};
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./x-DvnP0o1b.js";import{n as i}from"./iframe-BnjRbLCp.js";import{a,i as o}from"./utils-DUM89eIj.js";var s,c,l,u,d,f,p;function m(){return(m=e((()=>{s=`h9SMea`,c=`rUyh0y`,l=`Q0CY1r`,u=`AJuYXd`,d=`CKKkOD`,f=`UgxhS1`,p={control:s,hiddenInput:c,fileList:l,fileItem:u,fileItemName:d,removeButton:f}})))()}function h({files:e,onChange:t}){let n=(0,g.useCallback)(n=>{t(e.filter((e,t)=>t!==n))},[e,t]);return!e||!e.length?null:(0,_.jsx)(`ul`,{className:p.fileList,children:e.map((e,t)=>(0,_.jsxs)(`li`,{className:p.fileItem,children:[(0,_.jsx)(`span`,{className:p.fileItemName,children:e.meta.name}),(0,_.jsx)(`button`,{type:`button`,className:a(p.removeButton,`flexCenter`),onClick:()=>n(t),"aria-label":`Удалить ${e.meta.name}`,children:(0,_.jsx)(r,{})})]},`${e.meta.name}-${e.meta.lastModified}`))})}var g,_;function v(){return(v=e((()=>{g=t(),o(),n(),m(),_=i(),h.__docgenInfo={description:``,methods:[],displayName:`InputFilesList`,props:{files:{required:!0,tsType:{name:`Array`,elements:[{name:`TFile`}],raw:`TFile[]`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(files: TFile[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TFile`}],raw:`TFile[]`},name:`files`}],return:{name:`void`}}},description:``}}}})))()}export{m as i,v as n,p as r,h as t};

package/storybook-static/assets/{InputImage-CL1d5Pan.js → InputImage-_sOF8mmB.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DuAeRvx6.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Dk_BOKmc.js";import{a as p,i as m,n as h,r as g,t as _}from"./InputImage.stories-CJSA6DVX.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BnjRbLCp.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DXv0kKnO.js";import{a as p,i as m,n as h,r as g,t as _}from"./InputImage.stories-R6HZFGuR.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
 `,(0,b.jsx)(u,{children:`InputImage`}),`
 `,(0,b.jsx)(o,{children:`Контрол загрузки и предварительного просмотра изображения в формах и карточках`}),`
 `,(0,b.jsx)(t.p,{children:`InputImage уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{InputImage-B-yYeHyx.js → InputImage-uE0JlBq5.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-DuAeRvx6.js";import{a as r,i,n as a}from"./utils-DUM89eIj.js";import{n as o,t as s}from"./ui.module-DjxH5szp.js";import{c,l,n as u,o as d,r as f,u as p}from"./Input-B9ykEI3i.js";import{i as m,n as h,t as g}from"./file-vPGnhPr-.js";var _,v,y,b;function x(){return(x=e((()=>{_=`EV-Vji`,v=`A5-T93`,y=`V1Rhiv`,b={control:_,fileName:v,hiddenInput:y}})))()}function S({value:e,onChange:t,onClear:n,onReadError:i,allowedMime:s,maxBytes:c,readMode:l,label:m,description:_,placeholder:v=`Выберите изображение`,disabled:y,size:x,error:S,onClearError:T,className:E}){let D=(0,C.useRef)(null),{controlId:O,labelId:k,descriptionId:A,errorId:j,describedBy:M}=p({hasLabel:m!=null,hasDescription:!!_,hasError:!!S}),N=(0,C.useCallback)(e=>l===`array-buffer`?g(e,{allowedMime:s,maxBytes:c,mode:`array-buffer`}):g(e,{allowedMime:s,maxBytes:c}),[s,c,l]),P=(0,C.useMemo)(()=>s&&s.length>0?s.join(`,`):`image/*`,[s]),F=(0,C.useCallback)(async e=>{let n=e.target.files?.[0];if(n){e.target.value=``,S&&T&&T();try{t(await N(n))}catch(e){e instanceof h&&i&&i(e)}}},[N,t,i,S,T]),I=(0,C.useCallback)(()=>{D.current?.click()},[]);return(0,w.jsxs)(d,{label:m,description:_,disabled:y,className:E,size:x,error:S,controlId:O,labelId:k,descriptionId:A,errorId:j,children:[(0,w.jsx)(`input`,{ref:D,id:O,type:`file`,accept:P,disabled:y,className:b.hiddenInput,onChange:F,tabIndex:-1}),(0,w.jsx)(f,{endAdornment:n?(0,w.jsx)(u,{onClick:n,disabled:y}):void 0,endAdornmentWidth:n?`var(--control-height)`:void 0,children:({controlClassName:t})=>(0,w.jsx)(`div`,{role:`button`,tabIndex:y?-1:0,onClick:I,onKeyDown:e=>a(e,I,{disabled:y}),className:r(o.uiInputControl,b.control,t,!!S&&`invalid`),"data-disabled":y||void 0,"aria-invalid":!!S||void 0,"aria-disabled":y,"aria-labelledby":k,"aria-describedby":M,children:e?(0,w.jsx)(`span`,{className:b.fileName,children:e.meta.name}):(0,w.jsx)(`span`,{className:o.uiPlaceholder,children:v})})})]})}var C,w;function T(){return(T=e((()=>{C=t(),m(),i(),c(),l(),s(),x(),w=n(),S.__docgenInfo={description:`InputImage — компонент выбора одного изображения.
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-BnjRbLCp.js";import{a as r,i,n as a}from"./utils-DUM89eIj.js";import{n as o,t as s}from"./ui.module-Bh9yvZgk.js";import{c,l,n as u,o as d,r as f,u as p}from"./Input-8dAj3L5M.js";import{i as m,n as h,t as g}from"./file-vPGnhPr-.js";var _,v,y,b;function x(){return(x=e((()=>{_=`EV-Vji`,v=`A5-T93`,y=`V1Rhiv`,b={control:_,fileName:v,hiddenInput:y}})))()}function S({value:e,onChange:t,onClear:n,onReadError:i,allowedMime:s,maxBytes:c,readMode:l,label:m,description:_,placeholder:v=`Выберите изображение`,disabled:y,size:x,error:S,onClearError:T,className:E}){let D=(0,C.useRef)(null),{controlId:O,labelId:k,descriptionId:A,errorId:j,describedBy:M}=p({hasLabel:m!=null,hasDescription:!!_,hasError:!!S}),N=(0,C.useCallback)(e=>l===`array-buffer`?g(e,{allowedMime:s,maxBytes:c,mode:`array-buffer`}):g(e,{allowedMime:s,maxBytes:c}),[s,c,l]),P=(0,C.useMemo)(()=>s&&s.length>0?s.join(`,`):`image/*`,[s]),F=(0,C.useCallback)(async e=>{let n=e.target.files?.[0];if(n){e.target.value=``,S&&T&&T();try{t(await N(n))}catch(e){e instanceof h&&i&&i(e)}}},[N,t,i,S,T]),I=(0,C.useCallback)(()=>{D.current?.click()},[]);return(0,w.jsxs)(d,{label:m,description:_,disabled:y,className:E,size:x,error:S,controlId:O,labelId:k,descriptionId:A,errorId:j,children:[(0,w.jsx)(`input`,{ref:D,id:O,type:`file`,accept:P,disabled:y,className:b.hiddenInput,onChange:F,tabIndex:-1}),(0,w.jsx)(f,{endAdornment:n?(0,w.jsx)(u,{onClick:n,disabled:y}):void 0,endAdornmentWidth:n?`var(--control-height)`:void 0,children:({controlClassName:t})=>(0,w.jsx)(`div`,{role:`button`,tabIndex:y?-1:0,onClick:I,onKeyDown:e=>a(e,I,{disabled:y}),className:r(o.uiInputControl,b.control,t,!!S&&`invalid`),"data-disabled":y||void 0,"aria-invalid":!!S||void 0,"aria-disabled":y,"aria-labelledby":k,"aria-describedby":M,children:e?(0,w.jsx)(`span`,{className:b.fileName,children:e.meta.name}):(0,w.jsx)(`span`,{className:o.uiPlaceholder,children:v})})})]})}var C,w;function T(){return(T=e((()=>{C=t(),m(),i(),c(),l(),s(),x(),w=n(),S.__docgenInfo={description:`InputImage — компонент выбора одного изображения.
 
 Визуально идентичен InputText. Под капотом использует readImageFile,
 который валидирует что файл — изображение и извлекает его размеры.

package/storybook-static/assets/{InputImage.stories-CJSA6DVX.js → InputImage.stories-R6HZFGuR.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-DuAeRvx6.js";import{n as r,t as i}from"./createControlledStoryRender-DHsyXc1B.js";import{n as a,t as o}from"./InputImage-B-yYeHyx.js";var s=t({ArrayBufferMode:()=>g,Controlled:()=>m,WithInitialImage:()=>h,__namedExportsOrder:()=>_,default:()=>f}),c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),c=n(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=(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}}},f={title:`Shared/UI/InputImage`,component:o,args:{value:void 0,onChange:u(),readMode:`data-url`},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`]}}},p=i((e,t)=>(0,c.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})},onClear:()=>{e.onClear?.(),t({value:void 0})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}})),m={render:p,args:{label:`Аватар`,description:`Выберите одно изображение профиля.`,placeholder:`Выберите изображение`,readMode:`data-url`,allowedMime:[`image/png`,`image/jpeg`,`image/webp`],value:void 0}},h={render:function(e){let[,t]=l(),n=e.value;return(0,c.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,c.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})},onClear:()=>{e.onClear?.(),t({value:void 0})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}}),n?.mode===`data-url`&&(0,c.jsx)(`img`,{src:n.dataUrl,alt:`Предпросмотр`,style:{width:96,height:96,objectFit:`cover`,border:`1px solid var(--border-0)`}})]})},args:{label:`Изображение с предпросмотром`,description:`Сторис показывает, что значение можно использовать для preview.`,value:d()}},g={render:p,args:{label:`Двоичный режим`,description:`Используется, когда изображение нужно обработать как бинарные данные.`,readMode:`array-buffer`,value:void 0}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-BnjRbLCp.js";import{n as r,t as i}from"./createControlledStoryRender-DHsyXc1B.js";import{n as a,t as o}from"./InputImage-uE0JlBq5.js";var s=t({ArrayBufferMode:()=>g,Controlled:()=>m,WithInitialImage:()=>h,__namedExportsOrder:()=>_,default:()=>f}),c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),c=n(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=(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}}},f={title:`Shared/UI/InputImage`,component:o,args:{value:void 0,onChange:u(),readMode:`data-url`},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`]}}},p=i((e,t)=>(0,c.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})},onClear:()=>{e.onClear?.(),t({value:void 0})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}})),m={render:p,args:{label:`Аватар`,description:`Выберите одно изображение профиля.`,placeholder:`Выберите изображение`,readMode:`data-url`,allowedMime:[`image/png`,`image/jpeg`,`image/webp`],value:void 0}},h={render:function(e){let[,t]=l(),n=e.value;return(0,c.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,c.jsx)(o,{...e,onChange:n=>{e.onChange(n),t({value:n})},onClear:()=>{e.onClear?.(),t({value:void 0})},onClearError:()=>{e.onClearError?.(),t({error:void 0})}}),n?.mode===`data-url`&&(0,c.jsx)(`img`,{src:n.dataUrl,alt:`Предпросмотр`,style:{width:96,height:96,objectFit:`cover`,border:`1px solid var(--border-0)`}})]})},args:{label:`Изображение с предпросмотром`,description:`Сторис показывает, что значение можно использовать для preview.`,value:d()}},g={render:p,args:{label:`Двоичный режим`,description:`Используется, когда изображение нужно обработать как бинарные данные.`,readMode:`array-buffer`,value:void 0}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   render: renderInputImageStory,
   args: {
     label: "Аватар",

package/storybook-static/assets/{InteractiveComponents-BbTcKx2O.js → InteractiveComponents-BDmyyudJ.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DuAeRvx6.js";import{i as n,r}from"./react-qN2cStNd.js";import{l as i,m as a,r as o}from"./blocks-Dk_BOKmc.js";import{n as ee,r as te,s as ne}from"./Badge.stories-zOcsfaff.js";import{n as re,o as ie,t as ae}from"./Button.stories-1WKvAI-j.js";import{n as oe,o as s,t as c}from"./CheckBox.stories-BPX1Rg46.js";import{a as l,i as u,n as d,t as f}from"./ContextMenu.stories-DUNNczmV.js";import{n as p,o as m,r as h,t as g}from"./DateInput.stories-Do_7epv1.js";import{n as _,r as v,t as y}from"./DateRangePresetSelect.stories-BaulSowp.js";import{r as b,s as x,t as S}from"./SingleDateTimeInput.stories-CbCzAEH_.js";import{i as C,n as w,t as T}from"./Dialog.stories-DDgSBPse.js";import{a as E,n as D,t as O}from"./Disclosure.stories-ShTbXMfl.js";import{a as k,r as A,t as j}from"./DropZone.stories-B19OUO0s.js";import{n as M,r as N,t as P}from"./ExpandableActionPanel.stories-DCNEDnZa.js";import{a as F,n as I,r as L}from"./InputFile.stories-CK-ACsW2.js";import{a as R,n as z,t as B}from"./InputFiles.stories-Dihf3LA3.js";import{a as V,n as H,r as U}from"./InputImage.stories-CJSA6DVX.js";import{i as W,n as G,o as K,t as q}from"./Input.stories-B0ij_iCD.js";import{c as se,o as ce,t as le}from"./LayoutPicker.stories-DW9dESrS.js";import{a as ue,o as de,r as J}from"./Listbox.stories-Df-qKPoO.js";import{n as fe,s as pe,t as me}from"./Modal.stories-uOYpbXVv.js";import{a as he,o as ge,t as _e}from"./MultiSelect.stories-CmXVD8NV.js";import{c as ve,i as ye,s as be}from"./PeriodSelect.stories-Y9ouTAuy.js";import{i as xe,o as Se,r as Ce}from"./Popover.stories-D5sWLE6b.js";import{n as we,r as Te,t as Ee}from"./PresetRangeDateInput.stories-CUwrsRrL.js";import{a as De,i as Oe,t as ke}from"./RadioButton.stories-CzL_GQa2.js";import{a as Ae,r as je,t as Me}from"./RadioGroup.stories-CxrEMC1U.js";import{c as Ne,s as Pe,t as Fe}from"./Select.stories-BVue1oEG.js";import{l as Y,o as Ie,s as Le,u as Re}from"./Slider.stories-oq8MwiOM.js";import{c as ze,d as Be,t as Ve,u as X}from"./SliderInput.stories-oSDfsTGl.js";import{a as He,r as Ue,t as We}from"./StateSelect.stories-uqTINtV1.js";import{a as Ge,r as Ke,t as qe}from"./Switch.stories-qmAfTk2T.js";import{d as Je,t as Ye,u as Xe}from"./Tabs.stories-BDpQCjIJ.js";import{n as Ze,r as Qe,t as $e}from"./TagInput.stories-VMOT59Cx.js";import{a as et,r as tt,t as nt}from"./Textarea.stories-C2UVl6PS.js";import{a as rt,i as it,t as at}from"./Toggle.stories-B98YrV_V.js";import{c as ot,l as st,n as ct}from"./TreeMultiSelect.stories-CWlzx-1-.js";function Z(e){let t={code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,p:`p`,...n(),...e.components};return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(i,{title:`Development/Interactive components/Catalog`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BnjRbLCp.js";import{i as n,r}from"./react-qN2cStNd.js";import{l as i,m as a,r as o}from"./blocks-DXv0kKnO.js";import{n as ee,r as te,s as ne}from"./Badge.stories-BEUzIGxR.js";import{n as re,o as ie,t as ae}from"./Button.stories-RTpFQ0lC.js";import{n as oe,o as s,t as c}from"./CheckBox.stories-B6gt-Pyy.js";import{a as l,i as u,n as d,t as f}from"./ContextMenu.stories-UUZnkfjK.js";import{n as p,o as m,r as h,t as g}from"./DateInput.stories-B9oAtjEF.js";import{n as _,r as v,t as y}from"./DateRangePresetSelect.stories-CkkmtUCo.js";import{r as b,s as x,t as S}from"./SingleDateTimeInput.stories-CwAP5lI3.js";import{i as C,n as w,t as T}from"./Dialog.stories-CFwZCUTc.js";import{a as E,n as D,t as O}from"./Disclosure.stories-DoRb7eFP.js";import{a as k,r as A,t as j}from"./DropZone.stories-DjyWW5NR.js";import{n as M,r as N,t as P}from"./ExpandableActionPanel.stories-hrKtH1J5.js";import{a as F,n as I,r as L}from"./InputFile.stories-MD9cAu-W.js";import{a as R,n as z,t as B}from"./InputFiles.stories-BlD8cBmt.js";import{a as V,n as H,r as U}from"./InputImage.stories-R6HZFGuR.js";import{i as W,n as G,o as K,t as q}from"./Input.stories-KAOo2cMb.js";import{c as se,o as ce,t as le}from"./LayoutPicker.stories-BMiwqihl.js";import{a as ue,o as de,r as J}from"./Listbox.stories-BeWjK-CY.js";import{n as fe,s as pe,t as me}from"./Modal.stories-DepzRvWp.js";import{a as he,o as ge,t as _e}from"./MultiSelect.stories-9xtLUsmK.js";import{c as ve,i as ye,s as be}from"./PeriodSelect.stories-DcUE2clK.js";import{i as xe,o as Se,r as Ce}from"./Popover.stories-CGLUaRgH.js";import{n as we,r as Te,t as Ee}from"./PresetRangeDateInput.stories-DgrBel6_.js";import{a as De,i as Oe,t as ke}from"./RadioButton.stories-6q7CeUZY.js";import{a as Ae,r as je,t as Me}from"./RadioGroup.stories-Bwv8Bgn8.js";import{c as Ne,s as Pe,t as Fe}from"./Select.stories-kCFhGvWP.js";import{l as Y,o as Ie,s as Le,u as Re}from"./Slider.stories-D7ADzpCF.js";import{c as ze,d as Be,t as Ve,u as X}from"./SliderInput.stories-CKe5q8PZ.js";import{a as He,r as Ue,t as We}from"./StateSelect.stories-yKKasuZq.js";import{a as Ge,r as Ke,t as qe}from"./Switch.stories-DqVmpD3F.js";import{l as Je,t as Ye,u as Xe}from"./Tabs.stories-Bx3SVBYV.js";import{n as Ze,r as Qe,t as $e}from"./TagInput.stories-BfUUxxvB.js";import{a as et,r as tt,t as nt}from"./Textarea.stories-B5YnG6Hg.js";import{a as rt,i as it,t as at}from"./Toggle.stories-CR8xCkXd.js";import{c as ot,l as st,n as ct}from"./TreeMultiSelect.stories-B4zkiRfC.js";function Z(e){let t={code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,p:`p`,...n(),...e.components};return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(i,{title:`Development/Interactive components/Catalog`}),`
 `,(0,Q.jsx)(t.h1,{id:`каталог-интерактивных-компонентов`,children:`Каталог интерактивных компонентов`}),`
 `,(0,Q.jsxs)(t.p,{children:[`Эта страница собирает существующие CSF-сторисы в одном месте. Каждый canvas использует канонический сценарий компонента, поэтому его состояние, `,(0,Q.jsx)(t.code,{children:`args`}),` и обработчики остаются в исходной story, а не дублируются в development-витрине.`]}),`
 `,(0,Q.jsx)(t.h2,{id:`поля-ввода-и-простые-переключатели`,children:`Поля ввода и простые переключатели`}),`
@@ -70,7 +70,7 @@ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-D
 `,(0,Q.jsx)(o,{of:j,meta:A,sourceState:`none`,withToolbar:!1}),`
 `,(0,Q.jsx)(t.h2,{id:`контент-и-оверлеи`,children:`Контент и оверлеи`}),`
 `,(0,Q.jsx)(t.h3,{id:`tabsbox`,children:`TabsBox`}),`
-`,(0,Q.jsx)(o,{of:Ye,meta:Xe,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(o,{of:Ye,meta:Je,sourceState:`none`,withToolbar:!1}),`
 `,(0,Q.jsx)(t.h3,{id:`disclosure`,children:`Disclosure`}),`
 `,(0,Q.jsx)(o,{of:O,meta:D,sourceState:`none`,withToolbar:!1}),`
 `,(0,Q.jsx)(t.h3,{id:`expandableactionpanel`,children:`ExpandableActionPanel`}),`
@@ -84,4 +84,4 @@ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-D
 `,(0,Q.jsx)(t.h3,{id:`dialog`,children:`Dialog`}),`
 `,(0,Q.jsx)(o,{of:T,meta:w,sourceState:`none`,withToolbar:!1}),`
 `,(0,Q.jsx)(t.h3,{id:`modal`,children:`Modal`}),`
-`,(0,Q.jsx)(o,{of:me,meta:fe,sourceState:`none`,withToolbar:!1})]})}function lt(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,Q.jsx)(t,{...e,children:(0,Q.jsx)(Z,{...e})}):Z(e)}var Q;function $(){return($=e((()=>{Q=t(),r(),a(),ne(),ie(),s(),l(),m(),v(),x(),C(),E(),k(),N(),F(),R(),V(),K(),se(),de(),pe(),ge(),ve(),Se(),Te(),De(),Ae(),Ne(),Re(),Be(),He(),Ge(),Je(),Qe(),et(),rt(),st()})))()}$();export{lt as default};
+`,(0,Q.jsx)(o,{of:me,meta:fe,sourceState:`none`,withToolbar:!1})]})}function lt(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,Q.jsx)(t,{...e,children:(0,Q.jsx)(Z,{...e})}):Z(e)}var Q;function $(){return($=e((()=>{Q=t(),r(),a(),ne(),ie(),s(),l(),m(),v(),x(),C(),E(),k(),N(),F(),R(),V(),K(),se(),de(),pe(),ge(),ve(),Se(),Te(),De(),Ae(),Ne(),Re(),Be(),He(),Ge(),Xe(),Qe(),et(),rt(),st()})))()}$();export{lt as default};