@ryuzaki13/react-foundation-ui 1.5.5 → 1.5.7

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

@@ -0,0 +1,26 @@
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CZ0KI0zu.js";import{n as r,t as i}from"./createControlledStoryRender-DHsyXc1B.js";import{n as a,t as o}from"./InputFiles-Ay6AhGXY.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: "Вложения",
+    description: "Можно выбрать несколько файлов.",
+    placeholder: "Выберите файлы",
+    accept: [".pdf", ".png", ".jpg"],
+    maxFiles: 5,
+    value: []
+  }
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: renderInputFilesStory,
+  args: {
+    label: "Предзаполненный список",
+    description: "Иллюстрация удаления файлов из уже заполненного значения.",
+    value: [createMockReadFileResult("contract.pdf"), createMockReadFileResult("diagram.png", "image/png")]
+  }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  render: renderInputFilesStory,
+  args: {
+    label: "Лимит файлов",
+    description: "После достижения лимита поле выбора блокируется.",
+    maxFiles: 2,
+    value: [createMockReadFileResult("first.pdf"), createMockReadFileResult("second.pdf")]
+  }
+}`,...h.parameters?.docs?.source}}},g=[`Controlled`,`WithInitialFiles`,`LimitReached`]})))()}export{_ as a,m as i,s as n,h as r,p as t};

package/storybook-static/assets/{InputFilesList-YZLWgLqU.js → InputFilesList-O66HnsfV.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-Dzd3S4ku.js";import{n as i}from"./iframe-CYobheWD.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-B3ccJTtF.js";import{n as i}from"./iframe-CZ0KI0zu.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-CoqzaT5z.js → InputImage-8CkQNIx-.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-CYobheWD.js";import{a as r,i,n as a}from"./utils-DUM89eIj.js";import{n as o,t as s}from"./ui.module-CHEKb9Cb.js";import{c,l,n as u,o as d,r as f,u as p}from"./Input-g2XrzU2e.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-CZ0KI0zu.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-Fk3IRww_.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-Ct2PIHnB.js → InputImage-C61yYNvh.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CYobheWD.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-DQl3eTFV.js";import{a as p,i as m,n as h,r as g,t as _}from"./InputImage.stories-48QPNNvb.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-CZ0KI0zu.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-LF4-T76K.js";import{a as p,i as m,n as h,r as g,t as _}from"./InputImage.stories-B9EdEI54.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.stories-B9EdEI54.js

@@ -0,0 +1,56 @@
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CZ0KI0zu.js";import{n as r,t as i}from"./createControlledStoryRender-DHsyXc1B.js";import{n as a,t as o}from"./InputImage-8CkQNIx-.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: "Аватар",
+    description: "Выберите одно изображение профиля.",
+    placeholder: "Выберите изображение",
+    readMode: "data-url",
+    allowedMime: ["image/png", "image/jpeg", "image/webp"],
+    value: undefined
+  }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<InputImageProps>();
+    const value = args.value;
+    return <div style={{
+      display: "grid",
+      gap: 12
+    }}>
+                <InputImage {...args} onChange={nextValue => {
+        args.onChange(nextValue);
+        updateArgs({
+          value: nextValue
+        });
+      }} onClear={() => {
+        args.onClear?.();
+        updateArgs({
+          value: undefined
+        });
+      }} onClearError={() => {
+        args.onClearError?.();
+        updateArgs({
+          error: 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.",
+    value: createMockReadImageResult()
+  }
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  render: renderInputImageStory,
+  args: {
+    label: "Двоичный режим",
+    description: "Используется, когда изображение нужно обработать как бинарные данные.",
+    readMode: "array-buffer",
+    value: undefined
+  }
+}`,...g.parameters?.docs?.source}}},_=[`Controlled`,`WithInitialImage`,`ArrayBufferMode`]})))()}export{v as a,h as i,m as n,s as r,g as t};

package/storybook-static/assets/InteractiveComponents-D3625WeG.js

@@ -0,0 +1,87 @@
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CZ0KI0zu.js";import{i as n,r}from"./react-qN2cStNd.js";import{l as i,m as a,r as o}from"./blocks-LF4-T76K.js";import{n as ee,r as te,s as ne}from"./Badge.stories-CUtS3gdC.js";import{n as re,o as ie,t as ae}from"./Button.stories-CG-Xqadt.js";import{n as oe,o as s,t as c}from"./CheckBox.stories-foJ6NnTj.js";import{a as l,i as u,n as d,t as f}from"./ContextMenu.stories-CFwISC9P.js";import{n as p,o as m,r as h,t as g}from"./DateInput.stories-BIMqPAY-.js";import{n as _,r as v,t as y}from"./DateRangePresetSelect.stories-Bqxh85ie.js";import{r as b,s as x,t as S}from"./SingleDateTimeInput.stories-BY6gytNo.js";import{i as C,n as w,t as T}from"./Dialog.stories-Cw9Inezq.js";import{a as E,n as D,t as O}from"./Disclosure.stories-B3cOFkzP.js";import{a as k,r as A,t as j}from"./DropZone.stories-DCILeRID.js";import{n as M,r as N,t as P}from"./ExpandableActionPanel.stories-CnpIhE-p.js";import{a as F,n as I,r as L}from"./InputFile.stories-CTyjqf2i.js";import{a as R,n as z,t as B}from"./InputFiles.stories-DpulRmAF.js";import{a as V,n as H,r as U}from"./InputImage.stories-B9EdEI54.js";import{i as W,n as G,o as K,t as q}from"./Input.stories-BQMPGwcm.js";import{c as se,o as ce,t as le}from"./LayoutPicker.stories-BcQcVoGX.js";import{a as ue,o as de,r as J}from"./Listbox.stories-RaF4O2dQ.js";import{n as fe,s as pe,t as me}from"./Modal.stories-jAQ3yHty.js";import{a as he,o as ge,t as _e}from"./MultiSelect.stories-Cc4-fIjA.js";import{c as ve,i as ye,s as be}from"./PeriodSelect.stories-1gMZgYMb.js";import{i as xe,o as Se,r as Ce}from"./Popover.stories-Yt2zItKA.js";import{n as we,r as Te,t as Ee}from"./PresetRangeDateInput.stories-DEv0NvxR.js";import{a as De,i as Oe,t as ke}from"./RadioButton.stories-kT4uLnRo.js";import{a as Ae,r as je,t as Me}from"./RadioGroup.stories-XUcezf_a.js";import{c as Ne,s as Pe,t as Fe}from"./Select.stories-6NgDnQLy.js";import{l as Y,o as Ie,s as Le,u as Re}from"./Slider.stories-C9CiqYKL.js";import{c as ze,d as Be,t as Ve,u as X}from"./SliderInput.stories-DScPfD4E.js";import{a as He,r as Ue,t as We}from"./StateSelect.stories-7YPBHcZj.js";import{a as Ge,r as Ke,t as qe}from"./Switch.stories-DacAiGQz.js";import{d as Je,t as Ye,u as Xe}from"./Tabs.stories-DCGe98nI.js";import{n as Ze,r as Qe,t as $e}from"./TagInput.stories-Crz2d9WK.js";import{a as et,r as tt,t as nt}from"./Textarea.stories-DlVs_0Da.js";import{a as rt,i as it,t as at}from"./Toggle.stories-OHqcyxRB.js";import{c as ot,l as st,n as ct}from"./TreeMultiSelect.stories-CmZ3kEc3.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:`Поля ввода и простые переключатели`}),`
+`,(0,Q.jsx)(t.h3,{id:`badge`,children:`Badge`}),`
+`,(0,Q.jsx)(o,{of:te,meta:ee,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`button`,children:`Button`}),`
+`,(0,Q.jsx)(o,{of:ae,meta:re,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`inputtext`,children:`InputText`}),`
+`,(0,Q.jsx)(o,{of:W,meta:q,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`inputnumber`,children:`InputNumber`}),`
+`,(0,Q.jsx)(o,{of:G,meta:q,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`textarea`,children:`Textarea`}),`
+`,(0,Q.jsx)(o,{of:nt,meta:tt,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`checkbox`,children:`CheckBox`}),`
+`,(0,Q.jsx)(o,{of:oe,meta:c,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`radiobutton`,children:`RadioButton`}),`
+`,(0,Q.jsx)(o,{of:ke,meta:Oe,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`radiogroup`,children:`RadioGroup`}),`
+`,(0,Q.jsx)(o,{of:Me,meta:je,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`switch`,children:`Switch`}),`
+`,(0,Q.jsx)(o,{of:qe,meta:Ke,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`toggle`,children:`Toggle`}),`
+`,(0,Q.jsx)(o,{of:at,meta:it,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`slider`,children:`Slider`}),`
+`,(0,Q.jsx)(o,{of:Le,meta:Y,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`sliderrange`,children:`SliderRange`}),`
+`,(0,Q.jsx)(o,{of:Ie,meta:Y,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`sliderinput`,children:`SliderInput`}),`
+`,(0,Q.jsx)(o,{of:Ve,meta:X,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`sliderrangeinput`,children:`SliderRangeInput`}),`
+`,(0,Q.jsx)(o,{of:ze,meta:X,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsxs)(t.p,{children:[(0,Q.jsx)(t.code,{children:`InputSearch`}),` пока не имеет отдельной CSF-story, поэтому в каталог не добавляется до появления переиспользуемого сценария.`]}),`
+`,(0,Q.jsx)(t.h2,{id:`выбор-и-списки`,children:`Выбор и списки`}),`
+`,(0,Q.jsx)(t.h3,{id:`select`,children:`Select`}),`
+`,(0,Q.jsx)(o,{of:Fe,meta:Pe,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`multiselect`,children:`MultiSelect`}),`
+`,(0,Q.jsx)(o,{of:_e,meta:he,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`treemultiselect`,children:`TreeMultiSelect`}),`
+`,(0,Q.jsx)(o,{of:ct,meta:ot,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`taginput`,children:`TagInput`}),`
+`,(0,Q.jsx)(o,{of:$e,meta:Ze,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`listbox`,children:`Listbox`}),`
+`,(0,Q.jsx)(o,{of:ue,meta:J,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`stateselect`,children:`StateSelect`}),`
+`,(0,Q.jsx)(o,{of:We,meta:Ue,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`layoutpicker`,children:`LayoutPicker`}),`
+`,(0,Q.jsx)(o,{of:le,meta:ce,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`periodselect`,children:`PeriodSelect`}),`
+`,(0,Q.jsx)(o,{of:ye,meta:be,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h2,{id:`дата-и-время`,children:`Дата и время`}),`
+`,(0,Q.jsx)(t.h3,{id:`singledateinput`,children:`SingleDateInput`}),`
+`,(0,Q.jsx)(o,{of:h,meta:g,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`rangedateinput`,children:`RangeDateInput`}),`
+`,(0,Q.jsx)(o,{of:p,meta:g,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`singledatetimeinput`,children:`SingleDateTimeInput`}),`
+`,(0,Q.jsx)(o,{of:S,meta:b,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`daterangepresetselect`,children:`DateRangePresetSelect`}),`
+`,(0,Q.jsx)(o,{of:_,meta:y,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`presetrangedateinput`,children:`PresetRangeDateInput`}),`
+`,(0,Q.jsx)(o,{of:Ee,meta:we,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h2,{id:`файлы-и-изображения`,children:`Файлы и изображения`}),`
+`,(0,Q.jsx)(t.h3,{id:`inputfile`,children:`InputFile`}),`
+`,(0,Q.jsx)(o,{of:I,meta:L,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`inputfiles`,children:`InputFiles`}),`
+`,(0,Q.jsx)(o,{of:B,meta:z,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`inputimage`,children:`InputImage`}),`
+`,(0,Q.jsx)(o,{of:H,meta:U,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`dropzone`,children:`DropZone`}),`
+`,(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)(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`}),`
+`,(0,Q.jsx)(o,{of:M,meta:P,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`popover`,children:`Popover`}),`
+`,(0,Q.jsx)(o,{of:Ce,meta:xe,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`dropdownmenu`,children:`DropdownMenu`}),`
+`,(0,Q.jsx)(o,{of:u,meta:d,sourceState:`none`,withToolbar:!1}),`
+`,(0,Q.jsx)(t.h3,{id:`contextmenu`,children:`ContextMenu`}),`
+`,(0,Q.jsx)(o,{of:f,meta:d,sourceState:`none`,withToolbar:!1}),`
+`,(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};