@ryuzaki13/react-foundation-ui 1.5.16 → 1.6.1

package/storybook-static/assets/{DateInput.stories-DuAcnLrF.js → DateInput.stories-DLcGvFrw.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-b-XJA739.js";import{n as a}from"./iframe-BO6kl_y3.js";import{n as o,r as s,t as c}from"./DateInput-Ccfirs_5.js";var l=t({PickerLevels:()=>v,Range:()=>h,RuntimeSelectionMode:()=>y,Single:()=>m,Sizes:()=>b,WeekSelection:()=>_,WithLimits:()=>g,__namedExportsOrder:()=>x,default:()=>p});function u(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{n(),s(),d=a(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:o,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер в текстовом поле даты.`,control:`text`},value:{description:"Текущее значение даты (`Date | null`).",control:!1},onChange:{description:`Вызывается при выборе даты или диапазона.`,control:!1},minDate:{description:`Минимально доступная дата в календаре.`,control:`date`},maxDate:{description:`Максимально доступная дата в календаре.`,control:`date`},datePreset:{description:`Имя пресета форматирования выбранной даты, например date-long, month-long или month-short.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:i},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:i},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},m={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},h={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},g={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},_={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},v={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},y={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0}},b={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-B3ua0dXh.js";import{n as a}from"./iframe-CL2itEXQ.js";import{n as o,r as s,t as c}from"./DateInput-BPoAtUFc.js";var l=t({PickerLevels:()=>v,Range:()=>h,RuntimeSelectionMode:()=>y,Single:()=>m,Sizes:()=>b,WeekSelection:()=>_,WithLimits:()=>g,__namedExportsOrder:()=>x,default:()=>p});function u(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{n(),s(),d=a(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:o,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер в текстовом поле даты.`,control:`text`},value:{description:"Текущее значение даты (`Date | null`).",control:!1},onChange:{description:`Вызывается при выборе даты или диапазона.`,control:!1},minDate:{description:`Минимально доступная дата в календаре.`,control:`date`},maxDate:{description:`Максимально доступная дата в календаре.`,control:`date`},datePreset:{description:`Имя пресета форматирования выбранной даты, например date-long, month-long или month-short.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:i},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:i},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},m={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},h={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},g={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},_={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},v={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},y={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0}},b={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   render: function Render(args) {
     const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
     return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {

package/storybook-static/assets/{DateRangePresetSelect-B656ZC5n.js → DateRangePresetSelect-JBRiwEaO.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BO6kl_y3.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-Ex02VobV.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-C5jaj4AU.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CL2itEXQ.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-ChBwnZQl.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-C78KeQis.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
 `,(0,v.jsx)(u,{children:`DateRangePresetSelect`}),`
 `,(0,v.jsx)(o,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
 `,(0,v.jsx)(t.p,{children:`DateRangePresetSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{DateRangePresetSelect-iyLfUWrk.js → DateRangePresetSelect-M_mC2ox7.js}

@@ -1,3 +1,3 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-BO6kl_y3.js";import{_ as r,f as i,p as a,s as o,t as s,y as c}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{a as l,n as u,o as d,r as f,t as p}from"./PresetSelect-CQA8gZre.js";function m(e){return typeof e==`string`&&S.has(e)}function h(e,t=[]){return f(e,m,t)}function g(e,t=b){return d(e,t)}function _(e,t=C){return l(e,t)}function v(e,t=new Date,n=C){let r=_(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function y(e,t=new Date,n=C){if(!Array.isArray(e))return null;let[r,i]=e;if(!(r instanceof Date)||!(i instanceof Date))return null;let a=r.getTime(),o=i.getTime();for(let e of n){let[n,r]=e.resolveRange({referenceDate:t});if(!(!(n instanceof Date)||!(r instanceof Date))&&n.getTime()===a&&r.getTime()===o)return e.id}return null}var b,x,S,C;function w(){return(w=e((()=>{c(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:i},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:o},{id:`yesterday`,label:`За вчера`,resolveRange:s},{id:`monthAgo`,label:`Месяц назад`,resolveRange:r}]),x=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),S=new Set(b.map(e=>e.id)),C=Object.freeze(g(x))})))()}function T(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function E({value:e,onChange:t,options:n=C,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,D.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,D.useRef)(``),u=(0,D.useEffectEvent)(e=>{if(!i)return;let t=v(e,new Date(s),n),r=T(t);r!==l.current&&(l.current=r,i(t))});return(0,D.useEffect)(()=>{u(e)},[c,n,s,e]),(0,O.jsx)(p,{...a,options:n,value:e,onChange:t})}var D,O;function k(){return(k=e((()=>{D=t(),u(),w(),O=n(),E.__docgenInfo={description:`Выбор пресета диапазона дат с вычислением диапазона без timezone-сдвига.`,methods:[],displayName:`DateRangePresetSelect`,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:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`Object.freeze(
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CL2itEXQ.js";import{_ as r,f as i,p as a,s as o,t as s,y as c}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{a as l,n as u,o as d,r as f,t as p}from"./PresetSelect-CBLy4IZi.js";function m(e){return typeof e==`string`&&S.has(e)}function h(e,t=[]){return f(e,m,t)}function g(e,t=b){return d(e,t)}function _(e,t=C){return l(e,t)}function v(e,t=new Date,n=C){let r=_(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function y(e,t=new Date,n=C){if(!Array.isArray(e))return null;let[r,i]=e;if(!(r instanceof Date)||!(i instanceof Date))return null;let a=r.getTime(),o=i.getTime();for(let e of n){let[n,r]=e.resolveRange({referenceDate:t});if(!(!(n instanceof Date)||!(r instanceof Date))&&n.getTime()===a&&r.getTime()===o)return e.id}return null}var b,x,S,C;function w(){return(w=e((()=>{c(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:i},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:o},{id:`yesterday`,label:`За вчера`,resolveRange:s},{id:`monthAgo`,label:`Месяц назад`,resolveRange:r}]),x=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),S=new Set(b.map(e=>e.id)),C=Object.freeze(g(x))})))()}function T(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function E({value:e,onChange:t,options:n=C,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,D.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,D.useRef)(``),u=(0,D.useEffectEvent)(e=>{if(!i)return;let t=v(e,new Date(s),n),r=T(t);r!==l.current&&(l.current=r,i(t))});return(0,D.useEffect)(()=>{u(e)},[c,n,s,e]),(0,O.jsx)(p,{...a,options:n,value:e,onChange:t})}var D,O;function k(){return(k=e((()=>{D=t(),u(),w(),O=n(),E.__docgenInfo={description:`Выбор пресета диапазона дат с вычислением диапазона без timezone-сдвига.`,methods:[],displayName:`DateRangePresetSelect`,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:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`Object.freeze(
 	resolveDateRangePresetOptionsByIds(DEFAULT_DATE_RANGE_PRESET_IDS)
 )`,computed:!0}},referenceDate:{required:!1,tsType:{name:`Date`},description:``},onRangeChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(payload: DateRangePresetChangePayload | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetChangePayload | null`,elements:[{name:`DateRangePresetChangePayload`},{name:`null`}]},name:`payload`}],return:{name:`void`}}},description:``}}}})))()}export{w as a,g as c,C as i,v as l,k as n,h as o,x as r,y as s,E as t};

package/storybook-static/assets/{DateRangePresetSelect.stories-C5jaj4AU.js → DateRangePresetSelect.stories-C78KeQis.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-BO6kl_y3.js";import{r,t as i}from"./DateInput-Ccfirs_5.js";import{n as a,t as o}from"./GridContainer-qDguE1HS.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-iyLfUWrk.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`Shared/UI/DateRangePresetSelect`,component:d,args:{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:`monthStartToToday`,onChange:g(),options:c,referenceDate:new Date(2026,2,10,12,0,0),onRangeChange:g(),disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок выбора пресета.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, который показывается до выбора пресета.`,control:`text`},value:{description:`ID активного пресета диапазона.`,control:`select`,options:c.map(e=>e.id)},onChange:{description:`Вызывается с ID выбранного пресета.`,control:!1},options:{description:`Кастомный каталог пресетов с функциями вычисления диапазона.`,control:!1},referenceDate:{description:`Опорная дата, относительно которой вычисляется диапазон пресета.`,control:`date`},onRangeChange:{description:`Вызывается с вычисленным диапазоном активного пресета.`,control:!1},disabled:{description:`Блокирует выбор пресета.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},v={render:function(e){let[,t]=m(),[n,r]=h(()=>l(e.value,e.referenceDate,e.options)?.range??null);return(0,p.jsxs)(o,{gap:`md`,children:[(0,p.jsx)(d,{...e,onChange:n=>{e.onChange(n),t({value:n})},onRangeChange:t=>{e.onRangeChange?.(t),r(t?.range??null)}}),(0,p.jsx)(i,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:r})]})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CL2itEXQ.js";import{r,t as i}from"./DateInput-BPoAtUFc.js";import{n as a,t as o}from"./GridContainer-qDguE1HS.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-M_mC2ox7.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`Shared/UI/DateRangePresetSelect`,component:d,args:{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:`monthStartToToday`,onChange:g(),options:c,referenceDate:new Date(2026,2,10,12,0,0),onRangeChange:g(),disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок выбора пресета.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, который показывается до выбора пресета.`,control:`text`},value:{description:`ID активного пресета диапазона.`,control:`select`,options:c.map(e=>e.id)},onChange:{description:`Вызывается с ID выбранного пресета.`,control:!1},options:{description:`Кастомный каталог пресетов с функциями вычисления диапазона.`,control:!1},referenceDate:{description:`Опорная дата, относительно которой вычисляется диапазон пресета.`,control:`date`},onRangeChange:{description:`Вызывается с вычисленным диапазоном активного пресета.`,control:!1},disabled:{description:`Блокирует выбор пресета.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},v={render:function(e){let[,t]=m(),[n,r]=h(()=>l(e.value,e.referenceDate,e.options)?.range??null);return(0,p.jsxs)(o,{gap:`md`,children:[(0,p.jsx)(d,{...e,onChange:n=>{e.onChange(n),t({value:n})},onRangeChange:t=>{e.onRangeChange?.(t),r(t?.range??null)}}),(0,p.jsx)(i,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:r})]})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   render: function Render(args) {
     const [, updateArgs] = useArgs<DateRangePresetSelectProps>();
     const [range, setRange] = useStorybookState<DateRangePresetChangePayload["range"] | null>(() => resolveDateRangePresetPayload(args.value, args.referenceDate, args.options)?.range ?? null);

package/storybook-static/assets/{Detail-eDKQEd3h.js → Detail-C7Tq8_iP.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BO6kl_y3.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-Ex02VobV.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-DOR0R1ae.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CL2itEXQ.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-ChBwnZQl.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-DJXrdlwp.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
 `,(0,x.jsx)(u,{children:`Detail`}),`
 `,(0,x.jsx)(o,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
 `,(0,x.jsx)(t.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Detail.stories-DOR0R1ae.js → Detail.stories-DJXrdlwp.js}

@@ -1,4 +1,4 @@
-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-BO6kl_y3.js";import{a as i,i as a}from"./utils-DUM89eIj.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}function S({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,C.useContext)(T),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,w.jsxs)(w.Fragment,{children:[e,r&&(0,w.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`dt`,{className:b.dt,children:f}),(0,w.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,w.jsxs)(`li`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]})}}var C,w,T,E;function D(){return(D=e((()=>{C=n(),a(),x(),w=r(),T=(0,C.createContext)({}),E=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,...o})=>{let s=i(b.detailList,b[n],a),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,w.jsx)(`dl`,{className:s,style:c,children:e}):(0,w.jsx)(`ul`,{className:s,style:c,children:e});return(0,w.jsx)(T.Provider,{value:{...o,semantic:r},children:l})},E.Item=S,E.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})))()}var O=t({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{D(),k=r(),{useArgs:A}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:`Shared/UI/Detail`,component:E,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},M={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,k.jsx)(E.Item,{label:`Приоритет`,value:`Высокий`}),(0,k.jsx)(E.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},N={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`ID`,value:`DOC-12345`}),(0,k.jsx)(E.Item,{label:`Дата`,value:`05.03.2026`}),(0,k.jsx)(E.Item,{label:`Версия`,value:`2.7`}),(0,k.jsx)(E.Item,{label:`Подразделение`,value:`Снабжение`}),(0,k.jsx)(E.Item,{label:`Регион`,value:`Урал`}),(0,k.jsx)(E.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,k.jsx)(E.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,k.jsx)(E.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children: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{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CL2itEXQ.js";import{a as i,i as a}from"./utils-DUM89eIj.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}function S({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,C.useContext)(T),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,w.jsxs)(w.Fragment,{children:[e,r&&(0,w.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`dt`,{className:b.dt,children:f}),(0,w.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,w.jsxs)(`li`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]})}}var C,w,T,E;function D(){return(D=e((()=>{C=n(),a(),x(),w=r(),T=(0,C.createContext)({}),E=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,...o})=>{let s=i(b.detailList,b[n],a),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,w.jsx)(`dl`,{className:s,style:c,children:e}):(0,w.jsx)(`ul`,{className:s,style:c,children:e});return(0,w.jsx)(T.Provider,{value:{...o,semantic:r},children:l})},E.Item=S,E.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})))()}var O=t({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{D(),k=r(),{useArgs:A}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:`Shared/UI/Detail`,component:E,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},M={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,k.jsx)(E.Item,{label:`Приоритет`,value:`Высокий`}),(0,k.jsx)(E.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},N={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`ID`,value:`DOC-12345`}),(0,k.jsx)(E.Item,{label:`Дата`,value:`05.03.2026`}),(0,k.jsx)(E.Item,{label:`Версия`,value:`2.7`}),(0,k.jsx)(E.Item,{label:`Подразделение`,value:`Снабжение`}),(0,k.jsx)(E.Item,{label:`Регион`,value:`Урал`}),(0,k.jsx)(E.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,k.jsx)(E.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,k.jsx)(E.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
   render: function Render() {
     const [args] = useArgs<DetailProps>();
     return <Detail {...args}>

package/storybook-static/assets/{Dialog-B0MVfYY5.js → Dialog-D2dZtKVy.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BO6kl_y3.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-Ex02VobV.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-A7-9xaGT.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CL2itEXQ.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-ChBwnZQl.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-Dc6V41nq.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
 `,(0,y.jsx)(u,{children:`Dialog`}),`
 `,(0,y.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
 `,(0,y.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Dialog-i9mgH9Cb.js → Dialog-fje-CyN_.js}

@@ -1 +1 @@
-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}from"./iframe-BO6kl_y3.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,n as o,r as s,t as c}from"./dom-B3G_GtJw.js";function l({title:e,description:t,open:n,onClose:r,minWidth:i,children:s}){let l=(0,u.useId)(),p=(0,u.useId)(),m=a({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(o({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=c(`dialog-root`);return h?(0,d.createPortal)((0,f.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,f.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?p:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,f.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,f.jsx)(`p`,{id:p,children:t}),s]})}),h):null}var u,d,f;function p(){return(p=e((()=>{u=t(n(),1),s(),d=i(),f=r()})))()}export{p as n,l as t};
+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}from"./iframe-CL2itEXQ.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,n as o,r as s,t as c}from"./dom-B3G_GtJw.js";function l({title:e,description:t,open:n,onClose:r,minWidth:i,children:s}){let l=(0,u.useId)(),p=(0,u.useId)(),m=a({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(o({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=c(`dialog-root`);return h?(0,d.createPortal)((0,f.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,f.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?p:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,f.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,f.jsx)(`p`,{id:p,children:t}),s]})}),h):null}var u,d,f;function p(){return(p=e((()=>{u=t(n(),1),s(),d=i(),f=r()})))()}export{p as n,l as t};

package/storybook-static/assets/{Dialog.stories-A7-9xaGT.js → Dialog.stories-Dc6V41nq.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-BO6kl_y3.js";import{n as r,t as i}from"./Button-CGe-WQzy.js";import{n as a,t as o}from"./createControlledStoryRender-DHsyXc1B.js";import{n as s,t as c}from"./Dialog-i9mgH9Cb.js";var l=t({Controlled:()=>h,Opened:()=>g,__namedExportsOrder:()=>_,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`Shared/UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),minWidth:360,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна в CSS-единицах или пикселях.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CL2itEXQ.js";import{n as r,t as i}from"./Button-BL9zhcVb.js";import{n as a,t as o}from"./createControlledStoryRender-DHsyXc1B.js";import{n as s,t as c}from"./Dialog-fje-CyN_.js";var l=t({Controlled:()=>h,Opened:()=>g,__namedExportsOrder:()=>_,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`Shared/UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),minWidth:360,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна в CSS-единицах или пикселях.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   render: createDialogStoryRender(close => <div>
             <p>Подтвердите выполнение действия.</p>
             <div style={{

package/storybook-static/assets/{Disclosure-B6hdBRNS.js → Disclosure-BA4ksb8c.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BO6kl_y3.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-Ex02VobV.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-j6zDvBJo.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:h,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CL2itEXQ.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-ChBwnZQl.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-DTyvzm8b.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:h,parameters:{docs:{toc:!0}}}),`
 `,(0,b.jsx)(u,{children:`Disclosure`}),`
 `,(0,b.jsx)(o,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
 `,(0,b.jsx)(t.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Disclosure.stories-j6zDvBJo.js → Disclosure.stories-DTyvzm8b.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-DVwpZwnT.js";import{n as o}from"./iframe-BO6kl_y3.js";import{n as s,t as c}from"./Button-CGe-WQzy.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`Shared/UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-9cjGiqTB.js";import{n as o}from"./iframe-CL2itEXQ.js";import{n as s,t as c}from"./Button-BL9zhcVb.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`Shared/UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   render: renderDisclosureStory
 }`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   args: {

package/storybook-static/assets/{DisclosureGroup-DVwpZwnT.js → DisclosureGroup-9cjGiqTB.js}

@@ -1,2 +1,2 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./chevron-down-DSy2QeCK.js";import{i,n as a,r as o}from"./iframe-BO6kl_y3.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{n as l,t as u}from"./ui.module-CiLQZm_L.js";import{i as d,n as f}from"./uiClasses-DiXn3Hc-.js";import{n as p,t as m}from"./FlexItem-vkDYa5tA.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}var v,y,b;function x(){return(x=e((()=>{v=t(),p(),y=a(),b=(0,v.forwardRef)((e,t)=>(0,y.jsx)(m,{...e,ref:t,flex1:!0})),b.displayName=`FlexSpacer`,b.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var S,C,w,T,E,D;function O(){return(O=e((()=>{S=`P-rCx1`,C=`_9yjaDf`,w=`izVkky`,T=`KAIPfW`,E=`O-da-N`,D={disclosureHeader:S,disclosureButton:C,disclosureActions:w,disclosureGroup:T,disclosure:E}})))()}function k({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,A.useState)(t===!0),u=(0,A.useId)(),d=(0,A.useId)(),p=f(i);return(0,j.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,D.disclosure),children:[(0,j.jsxs)(`div`,{className:D.disclosureHeader,children:[(0,j.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(D.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,j.jsx)(g,{}):(0,j.jsx)(r,{}),e]}),n?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b,{}),n]}):null]}),o&&(0,j.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,j.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var A,j;function M(){return(M=e((()=>{A=t(),c(),n(),_(),x(),u(),d(),O(),j=a(),k.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function N({className:e,children:t}){return(0,P.jsx)(`div`,{className:s(D.disclosureGroup,e),children:t})}var P;function F(){return(F=e((()=>{t(),c(),O(),P=a(),N.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./chevron-down-CZ3426hc.js";import{i,n as a,r as o}from"./iframe-CL2itEXQ.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{n as l,t as u}from"./ui.module-CiLQZm_L.js";import{i as d,n as f}from"./uiClasses-DiXn3Hc-.js";import{n as p,t as m}from"./FlexItem-vkDYa5tA.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}var v,y,b;function x(){return(x=e((()=>{v=t(),p(),y=a(),b=(0,v.forwardRef)((e,t)=>(0,y.jsx)(m,{...e,ref:t,flex1:!0})),b.displayName=`FlexSpacer`,b.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var S,C,w,T,E,D;function O(){return(O=e((()=>{S=`P-rCx1`,C=`_9yjaDf`,w=`izVkky`,T=`KAIPfW`,E=`O-da-N`,D={disclosureHeader:S,disclosureButton:C,disclosureActions:w,disclosureGroup:T,disclosure:E}})))()}function k({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,A.useState)(t===!0),u=(0,A.useId)(),d=(0,A.useId)(),p=f(i);return(0,j.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,D.disclosure),children:[(0,j.jsxs)(`div`,{className:D.disclosureHeader,children:[(0,j.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(D.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,j.jsx)(g,{}):(0,j.jsx)(r,{}),e]}),n?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b,{}),n]}):null]}),o&&(0,j.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,j.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var A,j;function M(){return(M=e((()=>{A=t(),c(),n(),_(),x(),u(),d(),O(),j=a(),k.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function N({className:e,children:t}){return(0,P.jsx)(`div`,{className:s(D.disclosureGroup,e),children:t})}var P;function F(){return(F=e((()=>{t(),c(),O(),P=a(),N.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
 | (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`,elements:[{name:`unknown`},{name:`Array`,elements:[{name:`unknown`}],raw:`(React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{M as i,F as n,k as r,N as t};

package/storybook-static/assets/{DocsRenderer-JROSPFPF-zZ4ZLuXF.js → DocsRenderer-JROSPFPF-CX3n6ybS.js}

@@ -1,2 +1,2 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-qN2cStNd.js","./rolldown-runtime-C0FnF6B9.js","./react-C21x__mS.js"])))=>i.map(i=>d[i]);
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-Ex02VobV.js";import{i as u,r as d,t as f}from"./react-18-CgkwBzTo.js";var p,m,h,g;function _(){return(_=e((()=>{p=t(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./react-qN2cStNd.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}})))()}function v(){return(v=e((()=>{_()})))()}v();export{g as DocsRenderer};
+import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-ChBwnZQl.js";import{i as u,r as d,t as f}from"./react-18-CgkwBzTo.js";var p,m,h,g;function _(){return(_=e((()=>{p=t(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./react-qN2cStNd.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}})))()}function v(){return(v=e((()=>{_()})))()}v();export{g as DocsRenderer};

package/storybook-static/assets/{DropZone-CxohBLs1.js → DropZone-BSKkETTV.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BO6kl_y3.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-Ex02VobV.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-Ivz53spD.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-CL2itEXQ.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-ChBwnZQl.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-DLcBPvsN.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:`DropZone`}),`
 `,(0,b.jsx)(o,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
 `,(0,b.jsx)(t.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{DropZone-53wdVvSw.js → DropZone-C7l_2i94.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{i as n,n as r,r as i}from"./iframe-BO6kl_y3.js";import{a,i as o,n as s}from"./utils-DUM89eIj.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-vPGnhPr-.js";import{n as p,t as m}from"./InputFilesList-CWFXc9yC.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{i as n,n as r,r as i}from"./iframe-CL2itEXQ.js";import{a,i as o,n as s}from"./utils-DUM89eIj.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-vPGnhPr-.js";import{n as p,t as m}from"./InputFilesList-By2rmxTs.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
 
 При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
 При сбросе файлов каждый читается через readFile, успешные результаты

package/storybook-static/assets/{DropZone.stories-Ivz53spD.js → DropZone.stories-DLcBPvsN.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./DropZone-53wdVvSw.js";import{i,n as a,r as o}from"./iframe-BO6kl_y3.js";import{n as s,t as c}from"./createControlledStoryRender-DHsyXc1B.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`Shared/UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./DropZone-C7l_2i94.js";import{i,n as a,r as o}from"./iframe-CL2itEXQ.js";import{n as s,t as c}from"./createControlledStoryRender-DHsyXc1B.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`Shared/UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   render: createDropZoneStoryRender({
     showStatus: true
   })

package/storybook-static/assets/{DropdownMenu-DjTxZ9mG.js → DropdownMenu-BBHmJglv.js}

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-BO6kl_y3.js";import{_ as r,a as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _}from"./ContextMenu-StOWAKzK.js";var v,y;function b(){return(b=e((()=>{v=t(),m(),y=({children:e})=>{let{mode:t,open:n,registerTriggerElement:i,onTriggerClick:a,onTriggerKeyDown:o}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,v.cloneElement)(e,{ref:t=>{let n=e.props.ref;l(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:r(e.props.onClick,a),onKeyDown:c(e.props.onKeyDown,o)})},y.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})))()}var x,S,C;function w(){return(w=e((()=>{t(),b(),s(),_(),a(),p(),u(),x=n(),S=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a})=>(0,x.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e}),C=Object.assign(S,{Trigger:y,Content:o,Item:g,Separator:h,GroupLabel:d}),S.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{w as n,C as t};
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CL2itEXQ.js";import{_ as r,a as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _}from"./ContextMenu-Be1OUlfQ.js";var v,y;function b(){return(b=e((()=>{v=t(),m(),y=({children:e})=>{let{mode:t,open:n,registerTriggerElement:i,onTriggerClick:a,onTriggerKeyDown:o}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,v.cloneElement)(e,{ref:t=>{let n=e.props.ref;l(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:r(e.props.onClick,a),onKeyDown:c(e.props.onKeyDown,o)})},y.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})))()}var x,S,C;function w(){return(w=e((()=>{t(),b(),s(),_(),a(),p(),u(),x=n(),S=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a})=>(0,x.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e}),C=Object.assign(S,{Trigger:y,Content:o,Item:g,Separator:h,GroupLabel:d}),S.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{w as n,C as t};

package/storybook-static/assets/{ExpandableActionPanel-C7dhAmzv.js → ExpandableActionPanel-Blj-_j3I.js}

@@ -1,2 +1,2 @@
-import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-BO6kl_y3.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Button-CGe-WQzy.js";import{n as u,t as d}from"./OneStepScroller-CeDwkCiM.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=e((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=e((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=e((()=>{D=t(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
+import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-CL2itEXQ.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Button-BL9zhcVb.js";import{n as u,t as d}from"./OneStepScroller-DrfF4iDt.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=e((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=e((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=e((()=>{D=t(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
 Не знает о внешнем layout и может использоваться рядом с любым содержимым.`,methods:[],displayName:`ExpandableActionPanel`,props:{className:{required:!1,tsType:{name:`string`},description:``},contentClassName:{required:!1,tsType:{name:`string`},description:``},toggleClassName:{required:!1,tsType:{name:`string`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``},expandLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Раскрыть панель действий влево"`,computed:!1}},collapseLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Свернуть панель действий"`,computed:!1}},panelLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Действия панели"`,computed:!1}},itemSelector:{required:!1,tsType:{name:`string`},description:``},scrollPadding:{required:!1,tsType:{name:`number`},description:``},smoothScroll:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}})))()}export{T as i,k as n,w as r,E as t};

package/storybook-static/assets/{ExpandableActionPanel.stories-bbNSWlHO.js → ExpandableActionPanel.stories-eXDGek0U.js}

@@ -1,4 +1,4 @@
-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,t as i}from"./check-DB2dx1__.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-C7dhAmzv.js";import{n as l,t as u}from"./CheckBox-BL5Dbx7D.js";import{n as d,t as f}from"./refresh-cw-DcaQJ7Aq.js";import{n as p,t as m}from"./settings-2-BVQ9p9iA.js";import{i as h,n as g,r as _}from"./iframe-BO6kl_y3.js";import{a as v,i as y}from"./utils-DUM89eIj.js";import{n as b,t as x}from"./Button-CGe-WQzy.js";import{n as S,t as C}from"./createControlledStoryRender-DHsyXc1B.js";import{l as w,o as T}from"./Input-BF_XmTD5.js";import{n as E,t as D}from"./Select-Ckfg31rf.js";var O,k;function A(){return(A=e((()=>{h(),O=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],k=_(`search`,O)})))()}function j({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:o,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,M.jsxs)(`div`,{className:v(s.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,M.jsx)(`div`,{className:v(`flexEllipsis`,s.label,n),style:d,title:f,children:e}),(0,M.jsx)(c,{...u,open:o,defaultOpen:l,className:v(s.labeledActionPanel,a)})]})}var M;function N(){return(N=e((()=>{n(),y(),o(),a(),M=g(),j.__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`]}})))()}var P=t({BasePanel:()=>W,Labeled:()=>U,__namedExportsOrder:()=>G,default:()=>z});function F(){let[e,t]=(0,I.useState)(``),[n,r]=(0,I.useState)(!1),[a,o]=(0,I.useState)(`Все`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,L.jsx)(T,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,L.jsx)(k,{})})}),(0,L.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,L.jsx)(D,{placeholder:`Статус`,options:B,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,L.jsx)(u,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,L.jsx)(x,{icon:(0,L.jsx)(f,{}),title:`Обновить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(m,{}),title:`Настроить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(i,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var I,L,R,z,B,V,H,U,W,G;function K(){return(K=e((()=>{I=n(),r(),d(),A(),p(),b(),l(),S(),w(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`Shared/UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+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,t as i}from"./check-KgNcwDHG.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-Blj-_j3I.js";import{n as l,t as u}from"./CheckBox-BCoYlf-d.js";import{n as d,t as f}from"./refresh-cw-B_ciLHHF.js";import{n as p,t as m}from"./settings-2-B-IfrgcK.js";import{i as h,n as g,r as _}from"./iframe-CL2itEXQ.js";import{a as v,i as y}from"./utils-DUM89eIj.js";import{n as b,t as x}from"./Button-BL9zhcVb.js";import{n as S,t as C}from"./createControlledStoryRender-DHsyXc1B.js";import{l as w,o as T}from"./Input-B7WaTsXd.js";import{n as E,t as D}from"./Select-BgcU_Ix3.js";var O,k;function A(){return(A=e((()=>{h(),O=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],k=_(`search`,O)})))()}function j({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:o,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,M.jsxs)(`div`,{className:v(s.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,M.jsx)(`div`,{className:v(`flexEllipsis`,s.label,n),style:d,title:f,children:e}),(0,M.jsx)(c,{...u,open:o,defaultOpen:l,className:v(s.labeledActionPanel,a)})]})}var M;function N(){return(N=e((()=>{n(),y(),o(),a(),M=g(),j.__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`]}})))()}var P=t({BasePanel:()=>W,Labeled:()=>U,__namedExportsOrder:()=>G,default:()=>z});function F(){let[e,t]=(0,I.useState)(``),[n,r]=(0,I.useState)(!1),[a,o]=(0,I.useState)(`Все`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,L.jsx)(T,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,L.jsx)(k,{})})}),(0,L.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,L.jsx)(D,{placeholder:`Статус`,options:B,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,L.jsx)(u,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,L.jsx)(x,{icon:(0,L.jsx)(f,{}),title:`Обновить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(m,{}),title:`Настроить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(i,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var I,L,R,z,B,V,H,U,W,G;function K(){return(K=e((()=>{I=n(),r(),d(),A(),p(),b(),l(),S(),w(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`Shared/UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
   render: renderLabeledPanelStory
 }`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
   args: {

package/storybook-static/assets/{Flex-CnGuvcet.js → Flex-Cx7rx8NQ.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-BO6kl_y3.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-Ex02VobV.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Flex.stories-CO0Tcbqc.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CL2itEXQ.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-ChBwnZQl.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Flex.stories-afvYrcji.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
 `,(0,O.jsx)(u,{children:`Flex`}),`
 `,(0,O.jsx)(o,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
 `,(0,O.jsx)(t.p,{children:`Flex уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.

package/storybook-static/assets/{Flex.stories-CO0Tcbqc.js → Flex.stories-afvYrcji.js}

@@ -1,4 +1,4 @@
-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-BO6kl_y3.js";import{i,t as a}from"./useFlexClasses-Gn9spXEB.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./FlexItem-vkDYa5tA.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>D,BasicColumn:()=>w,BasicRow:()=>C,Directions:()=>T,FlexItems:()=>A,Gaps:()=>k,InlineFlex:()=>M,JustifyContent:()=>E,Predefined:()=>j,RealWorld:()=>N,Wrapping:()=>O,__namedExportsOrder:()=>P,default:()=>S}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{n(),h(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...y.item,backgroundColor:b(t)},children:e}),S={title:`Shared/Layout/Flex`,component:m.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]}),row:!0}},w={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Header`}),(0,_.jsx)(x,{index:1,children:`Content`}),(0,_.jsx)(x,{index:2,children:`Footer`})]}),column:!0}},T={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]})]}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(x,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(x,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(x,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(x,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(x,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Left`}),(0,_.jsx)(x,{index:1,children:`Right`})]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:0,children:`inline`}),(0,_.jsx)(x,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:2,children:`vertical`}),(0,_.jsx)(x,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},N={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(x,{index:0,children:`Logo`}),(0,_.jsx)(x,{index:1,children:`Home`}),(0,_.jsx)(x,{index:2,children:`About`}),(0,_.jsx)(x,{index:3,children:`Contact`})]}),(0,_.jsx)(x,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:1,children:`Last Name`})})]}),(0,_.jsx)(x,{index:2,children:`Email`}),(0,_.jsx)(x,{index:3,children:`Message`})]})]}),args:{children:void 0}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+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-CL2itEXQ.js";import{i,t as a}from"./useFlexClasses-Gn9spXEB.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./FlexItem-vkDYa5tA.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>D,BasicColumn:()=>w,BasicRow:()=>C,Directions:()=>T,FlexItems:()=>A,Gaps:()=>k,InlineFlex:()=>M,JustifyContent:()=>E,Predefined:()=>j,RealWorld:()=>N,Wrapping:()=>O,__namedExportsOrder:()=>P,default:()=>S}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{n(),h(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...y.item,backgroundColor:b(t)},children:e}),S={title:`Shared/Layout/Flex`,component:m.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]}),row:!0}},w={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Header`}),(0,_.jsx)(x,{index:1,children:`Content`}),(0,_.jsx)(x,{index:2,children:`Footer`})]}),column:!0}},T={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]})]}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(x,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(x,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(x,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(x,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(x,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Left`}),(0,_.jsx)(x,{index:1,children:`Right`})]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:0,children:`inline`}),(0,_.jsx)(x,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:2,children:`vertical`}),(0,_.jsx)(x,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},N={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(x,{index:0,children:`Logo`}),(0,_.jsx)(x,{index:1,children:`Home`}),(0,_.jsx)(x,{index:2,children:`About`}),(0,_.jsx)(x,{index:3,children:`Contact`})]}),(0,_.jsx)(x,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:1,children:`Last Name`})})]}),(0,_.jsx)(x,{index:2,children:`Email`}),(0,_.jsx)(x,{index:3,children:`Message`})]})]}),args:{children:void 0}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
   render: args => <Flex.Container {...args} style={demoStyles.container} />,
   args: {
     children: <>

package/storybook-static/assets/{FloatingPopover-DVUsWDK1.js → FloatingPopover-DqhpAE-b.js}

@@ -1 +1 @@
-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}from"./iframe-BO6kl_y3.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,c,d as l,g as u,i as d,l as f,m as p,o as m,p as h,r as g,s as _}from"./floating-ui.react-3jbDwBbN.js";function v(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var y,b,x;function S(){return(S=e((()=>{y=n(),b=r(),x=(0,y.forwardRef)(({placement:e,middlewareData:t},n)=>(0,b.jsx)(`div`,{ref:n,style:v(e,t),children:(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,b.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),x.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}var M,N,P,F;function I(){return(I=e((()=>{M=t(n(),1),g(),o(),N=i(),S(),j(),P=r(),F=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:v,tooltip:y,positionUpdateKey:b})=>{let[S,C]=(0,M.useState)(!1),w=(0,M.useRef)(null),{refs:T,floatingStyles:E,middlewareData:D,context:O,placement:k,update:j}=s({open:S,onOpenChange:C,placement:r,middleware:[h(8),l({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),p({padding:16}),f({element:w,padding:8})],whileElementsMounted:u});(0,M.useLayoutEffect)(()=>{S&&j()},[S,b,j]);let F=m(O,{enabled:n,move:!1,delay:{open:i,close:o}}),I=d(O),L=c(O),{getReferenceProps:R,getFloatingProps:z}=_([F,I,L]);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{ref:T.setReference,...R(),style:{lineHeight:1},children:t}),S&&(0,N.createPortal)((0,P.jsxs)(`div`,{ref:T.setFloating,style:{...E,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...z(),role:`tooltip`,className:a(A.tooltipPanel,y&&A.tooltip,v&&A[v]),children:[e,(0,P.jsx)(x,{ref:w,placement:k,middlewareData:D})]}),document.body)]})},F.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,x as r,F as t};
+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}from"./iframe-CL2itEXQ.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,c,d as l,g as u,i as d,l as f,m as p,o as m,p as h,r as g,s as _}from"./floating-ui.react-DhJnZYRz.js";function v(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var y,b,x;function S(){return(S=e((()=>{y=n(),b=r(),x=(0,y.forwardRef)(({placement:e,middlewareData:t},n)=>(0,b.jsx)(`div`,{ref:n,style:v(e,t),children:(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,b.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),x.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}var M,N,P,F;function I(){return(I=e((()=>{M=t(n(),1),g(),o(),N=i(),S(),j(),P=r(),F=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:v,tooltip:y,positionUpdateKey:b})=>{let[S,C]=(0,M.useState)(!1),w=(0,M.useRef)(null),{refs:T,floatingStyles:E,middlewareData:D,context:O,placement:k,update:j}=s({open:S,onOpenChange:C,placement:r,middleware:[h(8),l({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),p({padding:16}),f({element:w,padding:8})],whileElementsMounted:u});(0,M.useLayoutEffect)(()=>{S&&j()},[S,b,j]);let F=m(O,{enabled:n,move:!1,delay:{open:i,close:o}}),I=d(O),L=c(O),{getReferenceProps:R,getFloatingProps:z}=_([F,I,L]);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{ref:T.setReference,...R(),style:{lineHeight:1},children:t}),S&&(0,N.createPortal)((0,P.jsxs)(`div`,{ref:T.setFloating,style:{...E,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...z(),role:`tooltip`,className:a(A.tooltipPanel,y&&A.tooltip,v&&A[v]),children:[e,(0,P.jsx)(x,{ref:w,placement:k,middlewareData:D})]}),document.body)]})},F.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,x as r,F as t};