import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{i as n,r}from"./react-qN2cStNd.js";import{l as i,m as a,r as o}from"./blocks-DkLPipTQ.js";import{n as ee,r as te,s as ne}from"./Badge.stories-DOjr28o2.js";import{n as re,o as ie,t as ae}from"./Button.stories-D0rzleM2.js";import{n as oe,o as s,t as c}from"./CheckBox.stories-uzWzWdBP.js";import{a as l,i as u,n as d,t as f}from"./ContextMenu.stories-GKjmoJwq.js";import{n as p,o as m,r as h,t as g}from"./DateInput.stories-C15mR3FZ.js";import{n as _,r as v,t as y}from"./DateRangePresetSelect.stories-BonHaWgW.js";import{r as b,s as x,t as S}from"./SingleDateTimeInput.stories-BOeq9K5L.js";import{i as C,n as w,t as T}from"./Dialog.stories-BxlH7I9g.js";import{a as E,n as D,t as O}from"./Disclosure.stories-Cx8XZZw_.js";import{a as k,r as A,t as j}from"./DropZone.stories-DbwDQvRh.js";import{n as M,r as N,t as P}from"./ExpandableActionPanel.stories-9_MhTDyp.js";import{a as F,n as I,r as L}from"./InputFile.stories-D9gn4cjK.js";import{a as R,n as z,t as B}from"./InputFiles.stories-Brf5-0Ex.js";import{a as V,n as H,r as U}from"./InputImage.stories-CjzWEMxy.js";import{i as W,n as G,o as K,t as q}from"./Input.stories-DQUDw-dZ.js";import{c as se,o as ce,t as le}from"./LayoutPicker.stories-BiYp-g4W.js";import{a as ue,o as de,r as J}from"./Listbox.stories-C_UchIjW.js";import{n as fe,s as pe,t as me}from"./Modal.stories-D0wRJtGa.js";import{a as he,o as ge,t as _e}from"./MultiSelect.stories-BaLHVCAU.js";import{c as ve,i as ye,s as be}from"./PeriodSelect.stories-BRIzJUwe.js";import{i as xe,o as Se,r as Ce}from"./Popover.stories-BaBGQvUE.js";import{n as we,r as Te,t as Ee}from"./PresetRangeDateInput.stories-C7PKRHvB.js";import{a as De,i as Oe,t as ke}from"./RadioButton.stories-BwwCGMt4.js";import{a as Ae,r as je,t as Me}from"./RadioGroup.stories-DQOUSATM.js";import{c as Ne,s as Pe,t as Fe}from"./Select.stories-D8cCs9Su.js";import{l as Y,o as Ie,s as Le,u as Re}from"./Slider.stories-CeRPn_vO.js";import{c as ze,d as Be,t as Ve,u as X}from"./SliderInput.stories-DIagI46P.js";import{a as He,r as Ue,t as We}from"./StateSelect.stories-EJLDkZ19.js";import{a as Ge,r as Ke,t as qe}from"./Switch.stories-DcvGm8IA.js";import{l as Je,t as Ye,u as Xe}from"./Tabs.stories-DupvhpD5.js";import{n as Ze,r as Qe,t as $e}from"./TagInput.stories-DlQuGbIi.js";import{a as et,r as tt,t as nt}from"./Textarea.stories-CamMJOgu.js";import{a as rt,i as it,t as at}from"./Toggle.stories-D5ttoNph.js";import{c as ot,l as st,n as ct}from"./TreeMultiSelect.stories-D07rkjBe.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: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`}),`
`,(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(),Xe(),Qe(),et(),rt(),st()})))()}$();export{lt as default};