@ryuzaki13/react-foundation-ui 1.4.2 → 1.4.4

package/storybook-static/assets/{DateInput.stories-Bkw2r8CD.js → DateInput.stories-BNpS4CND.js}

@@ -1,4 +1,4 @@
-import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./iframe-BJGIOdSH.js";import{c as r,n as i,o as a,r as o,s,t as c}from"./DateInput-erobPRG_.js";var l=e({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,S=t((()=>{a(),o(),d=n(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:i,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`},dateFormat:{description:`Deprecated: ручной шаблон форматирования. Используйте datePreset.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:s},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:s},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)(i,{...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)(i,{...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)(i,{...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-CqKlnF8k.js";import{n as a}from"./iframe-DaN-XFub.js";import{n as o,r as s,t as c}from"./DateInput-D8_Oleoy.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`},dateFormat:{description:`Deprecated: ручной шаблон форматирования. Используйте datePreset.`,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 => {
@@ -112,4 +112,4 @@ import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./ifr
     placeholder: "дд.мм.гггг - дд.мм.гггг",
     value: [new Date(2026, 2, 5, 0, 0, 0), new Date(2026, 2, 15, 23, 59, 59)]
   }
-}`,...b.parameters?.docs?.source},description:{story:`Демонстрирует разные размеры.`,...b.parameters?.docs?.description}}},x=[`Single`,`Range`,`WithLimits`,`WeekSelection`,`PickerLevels`,`RuntimeSelectionMode`,`Sizes`]}));S();export{v as PickerLevels,h as Range,y as RuntimeSelectionMode,m as Single,b as Sizes,_ as WeekSelection,g as WithLimits,x as __namedExportsOrder,p as default,S as n,l as t};
+}`,...b.parameters?.docs?.source},description:{story:`Демонстрирует разные размеры.`,...b.parameters?.docs?.description}}},x=[`Single`,`Range`,`WithLimits`,`WeekSelection`,`PickerLevels`,`RuntimeSelectionMode`,`Sizes`]})))()}export{g as a,b as i,h as n,S as o,m as r,l as t};

package/storybook-static/assets/DateRangePresetSelect-Bfx-d5qg.js

@@ -0,0 +1,3 @@
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-DaN-XFub.js";import{d as r,h as i,i as a,l as o,u as s,y as c}from"./formatters--mhLir82-v41eaI4a.js";import{a as l,n as u,o as d,r as f,t as p}from"./PresetSelect-C8uIYhPJ.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((()=>{i(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:c},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:s},{id:`yesterday`,label:`За вчера`,resolveRange:o},{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{h as a,v as c,w as i,k as n,y as o,x as r,g as s,E as t};

package/storybook-static/assets/{DateRangePresetSelect-C_mLvEoK.js → DateRangePresetSelect-DCBEf98i.js}

@@ -1,11 +1,11 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-BJGIOdSH.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-ixiC6_NZ.js";import{t as f}from"./mdx-react-shim-CmoAsjhK.js";import{Default as p,n as m,t as h}from"./DateRangePresetSelect.stories-BVap0joC.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)(o,{of:h,parameters:{docs:{toc:!0}}}),`
-`,(0,v.jsx)(l,{children:`DateRangePresetSelect`}),`
-`,(0,v.jsx)(a,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DaN-XFub.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-BiaKjftm.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-PAV2jgQb.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.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
 `,(0,v.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,v.jsx)(d,{}),`
-`,(0,v.jsx)(r,{of:p}),`
+`,(0,v.jsx)(f,{}),`
+`,(0,v.jsx)(i,{of:p}),`
 `,(0,v.jsx)(t.pre,{children:(0,v.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { DateRangePresetSelect } from "@/shared/ui";
@@ -23,8 +23,8 @@ export function Example() {
 `,(0,v.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
 `,(0,v.jsx)(t.h3,{id:`сценарий-со-стандартным-поведением-и-дефолтными-настройками`,children:`Сценарий со стандартным поведением и дефолтными настройками`}),`
 `,(0,v.jsx)(t.p,{children:`Сценарий со стандартным поведением и дефолтными настройками.`}),`
-`,(0,v.jsx)(u,{of:p}),`
+`,(0,v.jsx)(d,{of:p}),`
 `,(0,v.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,v.jsx)(c,{of:h}),`
+`,(0,v.jsx)(l,{of:h}),`
 `,(0,v.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,v.jsx)(i,{includePrimary:!1})]})}function _(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(g,{...e})}):g(e)}var v;e((()=>{v=t(),f(),s(),m()}))();export{_ as default};
+`,(0,v.jsx)(a,{includePrimary:!1})]})}function _(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(g,{...e})}):g(e)}var v;function y(){return(y=e((()=>{v=t(),r(),c(),m()})))()}y();export{_ as default};

package/storybook-static/assets/DateRangePresetSelect.stories-PAV2jgQb.js

@@ -0,0 +1,11 @@
+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-DaN-XFub.js";import{r as i,t as a}from"./DateInput-D8_Oleoy.js";import{n as o,t as s}from"./GridContainer-qDguE1HS.js";import{n as c,t as l}from"./DateRangePresetSelect-Bfx-d5qg.js";var u=t({Default:()=>m,__namedExportsOrder:()=>h,default:()=>p}),d,f,p,m,h;function g(){return(g=e((()=>{d=n(),i(),o(),c(),f=r(),p={title:`Shared/UI/DateRangePresetSelect`,component:l,args:{value:`monthStartToToday`,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},m={render:()=>{let[e,t]=(0,d.useState)(`monthStartToToday`),[n,r]=(0,d.useState)([new Date(2026,2,1,0,0,0),new Date(2026,2,10,23,59,59)]);return(0,f.jsxs)(s,{gap:`md`,children:[(0,f.jsx)(l,{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:e,onChange:t,onRangeChange:e=>r(e?.range??null),referenceDate:new Date(2026,2,10,12,0,0)}),(0,f.jsx)(a,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>r(e)})]})}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [presetId, setPresetId] = useState<string | undefined>("monthStartToToday");
+    const [range, setRange] = useState<DateRangePresetChangePayload["range"] | null>([new Date(2026, 2, 1, 0, 0, 0), new Date(2026, 2, 10, 23, 59, 59)]);
+    return <GridContainer gap="md">
+                <DateRangePresetSelect label="Пресет диапазона" placeholder="Выберите пресет" value={presetId} onChange={setPresetId} onRangeChange={payload => setRange(payload?.range ?? null)} referenceDate={new Date(2026, 2, 10, 12, 0, 0)} />
+
+                <RangeDateInput label="Диапазон дат" placeholder="дд.мм.гггг - дд.мм.гггг" value={range} onChange={nextRange => setRange(nextRange)} />
+            </GridContainer>;
+  }
+}`,...m.parameters?.docs?.source},description:{story:`Демонстрирует связку выбора пресета и ручного диапазона дат.`,...m.parameters?.docs?.description}}},h=[`Default`]})))()}export{m as n,g as r,u as t};

package/storybook-static/assets/{Detail-WzciiK9S.js → Detail-DvmdQCue.js}

@@ -1,11 +1,11 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-BJGIOdSH.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-ixiC6_NZ.js";import{t as f}from"./mdx-react-shim-CmoAsjhK.js";import{BasicList as p,CustomLabel as m,MultipleColumns as h,SemanticDl as g,n as _,t as v}from"./Detail.stories-CLdtvJ7q.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)(o,{of:v,parameters:{docs:{toc:!0}}}),`
-`,(0,x.jsx)(l,{children:`Detail`}),`
-`,(0,x.jsx)(a,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DaN-XFub.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-BiaKjftm.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-CEm00aSN.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.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
 `,(0,x.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,x.jsx)(d,{}),`
-`,(0,x.jsx)(r,{of:p}),`
+`,(0,x.jsx)(f,{}),`
+`,(0,x.jsx)(i,{of:v}),`
 `,(0,x.jsx)(t.pre,{children:(0,x.jsx)(t.code,{className:`language-tsx`,children:`import { Detail } from "@/shared/ui";
 
 export function Example() {
@@ -24,17 +24,17 @@ export function Example() {
 `,(0,x.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
 `,(0,x.jsx)(t.h3,{id:`базовый-вывод-списка-пар-ключ-значение`,children:`Базовый вывод списка пар «ключ-значение»`}),`
 `,(0,x.jsx)(t.p,{children:`Базовый вывод списка пар «ключ-значение».`}),`
-`,(0,x.jsx)(u,{of:p}),`
+`,(0,x.jsx)(d,{of:v}),`
 `,(0,x.jsx)(t.h3,{id:`многоколоночное-отображение`,children:`Многоколоночное отображение`}),`
 `,(0,x.jsx)(t.p,{children:`Многоколоночное отображение.`}),`
-`,(0,x.jsx)(u,{of:h}),`
+`,(0,x.jsx)(d,{of:m}),`
 `,(0,x.jsx)(t.h3,{id:`семантический-режим-на-dldtdd`,children:`Семантический режим на dl/dt/dd`}),`
 `,(0,x.jsx)(t.p,{children:`Семантический режим на dl/dt/dd.`}),`
-`,(0,x.jsx)(u,{of:g}),`
+`,(0,x.jsx)(d,{of:p}),`
 `,(0,x.jsx)(t.h3,{id:`гибкая-настройка-подписи-и-оформления`,children:`Гибкая настройка подписи и оформления`}),`
 `,(0,x.jsx)(t.p,{children:`Гибкая настройка подписи и оформления.`}),`
-`,(0,x.jsx)(u,{of:m}),`
+`,(0,x.jsx)(d,{of:h}),`
 `,(0,x.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,x.jsx)(c,{of:v}),`
+`,(0,x.jsx)(l,{of:_}),`
 `,(0,x.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,x.jsx)(i,{includePrimary:!1})]})}function b(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;e((()=>{x=t(),f(),s(),_()}))();export{b as default};
+`,(0,x.jsx)(a,{includePrimary:!1})]})}function b(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;function S(){return(S=e((()=>{x=t(),r(),c(),g()})))()}S();export{b as default};

package/storybook-static/assets/Detail.stories-CEm00aSN.js

@@ -0,0 +1,44 @@
+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-DaN-XFub.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:()=>j,CustomLabel:()=>P,MultipleColumns:()=>M,SemanticDl:()=>N,__namedExportsOrder:()=>F,default:()=>A}),k,A,j,M,N,P,F;function I(){return(I=e((()=>{D(),k=r(),A={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`},className:{description:`Дополнительный CSS-класс списка.`,control:`text`}}},j={render:e=>(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}},M={render:e=>(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}},N={render:e=>(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}},P={render:e=>(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}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item required label="Статус" value="Активен" />
+            <Detail.Item label="Приоритет" value="Высокий" />
+            <Detail.Item label="Автор" value="Иван Петров" />
+        </Detail>,
+  args: {
+    children: undefined
+  }
+}`,...j.parameters?.docs?.source}}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item label="ID" value="DOC-12345" />
+            <Detail.Item label="Дата" value="05.03.2026" />
+            <Detail.Item label="Версия" value="2.7" />
+            <Detail.Item label="Подразделение" value="Снабжение" />
+            <Detail.Item label="Регион" value="Урал" />
+            <Detail.Item label="Комментарий" value="Требуется согласование с бухгалтерией" />
+        </Detail>,
+  args: {
+    columnCount: 2,
+    rowGap: "small",
+    children: undefined
+  }
+}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item label="Клиент" value="ООО Вектор" />
+            <Detail.Item label="Менеджер" value="Анна Смирнова" />
+            <Detail.Item label="Сумма" value="1 250 000 ₽" />
+        </Detail>,
+  args: {
+    semantic: "detail",
+    inline: true,
+    columnCount: 1,
+    children: undefined
+  }
+}`,...N.parameters?.docs?.source}}},P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+  render: args => <Detail {...args}>
+            <Detail.Item label={<span>Номер договора</span>} value="KTK-2026-045" />
+            <Detail.Item label={<span title="Без двоеточия для составной метки">Статус</span>} value="На согласовании" withColon={false} />
+        </Detail>,
+  args: {
+    children: undefined
+  }
+}`,...P.parameters?.docs?.source}}},F=[`BasicList`,`MultipleColumns`,`SemanticDl`,`CustomLabel`]})))()}export{N as a,M as i,P as n,I as o,O as r,j as t};

package/storybook-static/assets/{Dialog-CwLsVxJY.js → Dialog-3I2Y7jD7.js}

@@ -1,11 +1,11 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-BJGIOdSH.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-ixiC6_NZ.js";import{t as f}from"./mdx-react-shim-CmoAsjhK.js";import{Controlled as p,Opened as m,n as h,t as g}from"./Dialog.stories-Dx0jZO19.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)(o,{of:g,parameters:{docs:{toc:!0}}}),`
-`,(0,y.jsx)(l,{children:`Dialog`}),`
-`,(0,y.jsx)(a,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DaN-XFub.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-BiaKjftm.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-lcadmonM.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.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии.`}),`
 `,(0,y.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,y.jsx)(d,{}),`
-`,(0,y.jsx)(r,{of:p}),`
+`,(0,y.jsx)(f,{}),`
+`,(0,y.jsx)(i,{of:g}),`
 `,(0,y.jsx)(t.pre,{children:(0,y.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { Button, Dialog } from "@/shared/ui";
@@ -30,11 +30,11 @@ export function Example() {
 `,(0,y.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
 `,(0,y.jsx)(t.h3,{id:`компонент-работает-в-контролируемом-режиме-когда-состояние-хранится-во-внешнем-компоненте`,children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте`}),`
 `,(0,y.jsx)(t.p,{children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте.`}),`
-`,(0,y.jsx)(u,{of:p}),`
+`,(0,y.jsx)(d,{of:g}),`
 `,(0,y.jsx)(t.h3,{id:`компонент-открыт-сразу-при-первом-рендере`,children:`Компонент открыт сразу при первом рендере`}),`
 `,(0,y.jsx)(t.p,{children:`Компонент открыт сразу при первом рендере.`}),`
-`,(0,y.jsx)(u,{of:m}),`
+`,(0,y.jsx)(d,{of:h}),`
 `,(0,y.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,y.jsx)(c,{of:g}),`
+`,(0,y.jsx)(l,{of:m}),`
 `,(0,y.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,y.jsx)(i,{includePrimary:!1})]})}function v(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=t(),f(),s(),h()}))();export{v as default};
+`,(0,y.jsx)(a,{includePrimary:!1})]})}function v(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;function b(){return(b=e((()=>{y=t(),r(),c(),p()})))()}b();export{v as default};

package/storybook-static/assets/Dialog.stories-lcadmonM.js

@@ -0,0 +1,31 @@
+import{n as e,o as t,r as n}from"./rolldown-runtime-C0FnF6B9.js";import{t as r}from"./react-C21x__mS.js";import{n as i}from"./iframe-DaN-XFub.js";import{t as a}from"./react-dom-2o2phaJG.js";import{a as o,n as s,r as c,t as l}from"./dom-B3G_GtJw.js";import{n as u,t as d}from"./Button-mjF9HSg0.js";function f({title:e,description:t,open:n,onClose:r,minWidth:i,children:a}){let c=(0,p.useId)(),u=(0,p.useId)(),d=o({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(s({active:n,onDismiss:r,containerRef:d}),!n||typeof document>`u`)return null;let f=l(`dialog-root`);return f?(0,m.createPortal)((0,h.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,h.jsxs)(`div`,{ref:d,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?c:void 0,"aria-describedby":t?u:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,h.jsx)(`h2`,{id:c,className:`margin0`,children:e}),t&&(0,h.jsx)(`p`,{id:u,children:t}),a]})}),f):null}var p,m,h;function g(){return(g=e((()=>{p=t(r(),1),c(),m=a(),h=i()})))()}var _=n({Controlled:()=>x,Opened:()=>S,__namedExportsOrder:()=>C,default:()=>b}),v,y,b,x,S,C;function w(){return(w=e((()=>{v=r(),u(),g(),y=i(),b={title:`Shared/UI/Dialog`,component:f,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:()=>{},minWidth:360,children:(0,y.jsx)(`div`,{children:`Содержимое диалога`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},x={render:e=>{let[t,n]=(0,v.useState)(!1);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{onClick:()=>n(!0),children:`Открыть диалог`}),(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,y.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,y.jsx)(d,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,y.jsx)(d,{variant:`success`,onClick:()=>n(!1),children:`Подтвердить`})]})]})})]})}},S={render:e=>{let[t,n]=(0,v.useState)(!0);return(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`})})},args:{open:!0}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button onClick={() => setOpen(true)}>Открыть диалог</Button>
+                <Dialog {...args} open={open} onClose={() => setOpen(false)} children={<div>
+                            <p>Подтвердите выполнение действия.</p>
+                            <div style={{
+          display: "flex",
+          gap: 8,
+          justifyContent: "flex-end"
+        }}>
+                                <Button variant="transparent" onClick={() => setOpen(false)}>
+                                    Отмена
+                                </Button>
+                                <Button variant="success" onClick={() => setOpen(false)}>
+                                    Подтвердить
+                                </Button>
+                            </div>
+                        </div>} />
+            </>;
+  }
+}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [open, setOpen] = useState(true);
+    return <Dialog {...args} open={open} onClose={() => setOpen(false)} children={<div>Диалог изначально открыт для демонстрации верстки.</div>} />;
+  },
+  args: {
+    open: true
+  }
+}`,...S.parameters?.docs?.source}}},C=[`Controlled`,`Opened`]})))()}export{w as i,_ as n,S as r,x as t};

package/storybook-static/assets/{Disclosure-BlRuGrk2.js → Disclosure-DUIQ37oh.js}

@@ -1,11 +1,11 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-BJGIOdSH.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-ixiC6_NZ.js";import{t as f}from"./mdx-react-shim-CmoAsjhK.js";import{Basic as p,Group as m,HeaderActions as h,n as g,t as _}from"./Disclosure.stories-DhUdeDK6.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)(o,{of:_,parameters:{docs:{toc:!0}}}),`
-`,(0,b.jsx)(l,{children:`Disclosure`}),`
-`,(0,b.jsx)(a,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DaN-XFub.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-BiaKjftm.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-BeizaZWP.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.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
 `,(0,b.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,b.jsx)(d,{}),`
-`,(0,b.jsx)(r,{of:p}),`
+`,(0,b.jsx)(f,{}),`
+`,(0,b.jsx)(i,{of:_}),`
 `,(0,b.jsx)(t.pre,{children:(0,b.jsx)(t.code,{className:`language-tsx`,children:`import { Disclosure } from "@/shared/ui";
 
 export function Example() {
@@ -19,14 +19,14 @@ export function Example() {
 `,(0,b.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
 `,(0,b.jsx)(t.h3,{id:`базовый-сценарий-без-дополнительной-логики`,children:`Базовый сценарий без дополнительной логики`}),`
 `,(0,b.jsx)(t.p,{children:`Базовый сценарий без дополнительной логики.`}),`
-`,(0,b.jsx)(u,{of:p}),`
+`,(0,b.jsx)(d,{of:_}),`
 `,(0,b.jsx)(t.h3,{id:`работа-группы-взаимосвязанных-элементов`,children:`Работа группы взаимосвязанных элементов`}),`
 `,(0,b.jsx)(t.p,{children:`Работа группы взаимосвязанных элементов.`}),`
-`,(0,b.jsx)(u,{of:m}),`
+`,(0,b.jsx)(d,{of:g}),`
 `,(0,b.jsx)(t.h3,{id:`независимые-действия-в-заголовке`,children:`Независимые действия в заголовке`}),`
 `,(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`headerActions`}),` размещает кнопки справа от toggle-кнопки. Действия получают собственный focus и не изменяют состояние раскрытия.`]}),`
-`,(0,b.jsx)(u,{of:h}),`
+`,(0,b.jsx)(d,{of:m}),`
 `,(0,b.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,b.jsx)(c,{of:_}),`
+`,(0,b.jsx)(l,{of:h}),`
 `,(0,b.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,b.jsx)(i,{includePrimary:!1})]})}function y(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=t(),f(),s(),g()}))();export{y as default};
+`,(0,b.jsx)(a,{includePrimary:!1})]})}function y(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;function x(){return(x=e((()=>{b=t(),r(),c(),p()})))()}x();export{y as default};

package/storybook-static/assets/Disclosure.stories-BeizaZWP.js

@@ -0,0 +1,41 @@
+import{n as e,o as t,r as n}from"./rolldown-runtime-C0FnF6B9.js";import{t as r}from"./react-C21x__mS.js";import{n as i,t as a}from"./chevron-down-B9GH0QvB.js";import{i as o,n as s,r as c}from"./iframe-DaN-XFub.js";import{a as l,i as u}from"./utils-DUM89eIj.js";import{n as d,t as f}from"./ui.module-DoMIk8Oc.js";import{n as p,t as m}from"./FlexItem-vkDYa5tA.js";import{n as h,t as g}from"./Button-mjF9HSg0.js";var _,v;function y(){return(y=e((()=>{o(),_=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],v=c(`chevron-up`,_)})))()}var b,x,S;function C(){return(C=e((()=>{b=r(),p(),x=s(),S=(0,b.forwardRef)((e,t)=>(0,x.jsx)(m,{...e,ref:t,flex1:!0})),S.displayName=`FlexSpacer`,S.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var w,T,E,D,O,k;function A(){return(A=e((()=>{w=`O-da-N`,T=`P-rCx1`,E=`_9yjaDf`,D=`izVkky`,O=`KAIPfW`,k={disclosure:w,disclosureHeader:T,disclosureButton:E,disclosureActions:D,disclosureGroup:O}})))()}function j({label:e,defaultOpen:t,headerActions:n,children:r}){let[i,o]=(0,M.useState)(t===!0),s=(0,M.useId)(),c=(0,M.useId)();return(0,N.jsxs)(`div`,{className:l(d.uiElement,d.uiPanel,k.disclosure),children:[(0,N.jsxs)(`div`,{className:k.disclosureHeader,children:[(0,N.jsxs)(`button`,{id:c,type:`button`,"aria-expanded":i,"aria-controls":s,className:l(k.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":i?`collapse-disclosure`:`expand-disclosure`,onClick:()=>o(e=>!e),children:[i?(0,N.jsx)(v,{}):(0,N.jsx)(a,{}),e]}),n?(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(S,{}),n]}):null]}),i&&(0,N.jsx)(`div`,{id:s,role:`region`,"aria-labelledby":c,children:(0,N.jsx)(`div`,{className:`paddingMd`,children:r})})]})}var M,N;function P(){return(P=e((()=>{M=t(r(),1),u(),i(),y(),C(),f(),A(),N=s(),j.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},headerActions:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function F({className:e,children:t}){return(0,I.jsx)(`div`,{className:l(k.disclosureGroup,e),children:t})}var I;function L(){return(L=e((()=>{r(),u(),A(),I=s(),F.__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:``}}}})))()}var R=n({Basic:()=>V,Group:()=>U,HeaderActions:()=>H,__namedExportsOrder:()=>W,default:()=>B}),z,B,V,H,U,W;function G(){return(G=e((()=>{h(),P(),L(),z=s(),B={title:`Shared/UI/Disclosure`,component:j,args:{label:`Раздел`,defaultOpen:!1,children:(0,z.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}}},V={},H={args:{headerActions:(0,z.jsx)(g,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})}},U={render:()=>(0,z.jsxs)(F,{children:[(0,z.jsx)(j,{label:`Параметры поиска`,defaultOpen:!0,children:(0,z.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,z.jsx)(`span`,{children:`Период: март 2026`}),(0,z.jsx)(`span`,{children:`Регион: Урал`})]})}),(0,z.jsx)(j,{label:`Сортировка`,children:(0,z.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,z.jsx)(`span`,{children:`Поле: Дата создания`}),(0,z.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,z.jsx)(j,{label:`Дополнительные фильтры`,children:(0,z.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,z.jsx)(`span`,{children:`Только активные`}),(0,z.jsx)(`span`,{children:`Без архивных записей`})]})})]}),args:{label:`Раздел`}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{}`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+  args: {
+    headerActions: <Button variant="transparent" onClick={() => undefined}>
+                Очистить
+            </Button>
+  }
+}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+  render: () => <DisclosureGroup>
+            <Disclosure label="Параметры поиска" defaultOpen>
+                <div style={{
+        display: "grid",
+        gap: 8
+      }}>
+                    <span>Период: март 2026</span>
+                    <span>Регион: Урал</span>
+                </div>
+            </Disclosure>
+            <Disclosure label="Сортировка">
+                <div style={{
+        display: "grid",
+        gap: 8
+      }}>
+                    <span>Поле: Дата создания</span>
+                    <span>Порядок: По убыванию</span>
+                </div>
+            </Disclosure>
+            <Disclosure label="Дополнительные фильтры">
+                <div style={{
+        display: "grid",
+        gap: 8
+      }}>
+                    <span>Только активные</span>
+                    <span>Без архивных записей</span>
+                </div>
+            </Disclosure>
+        </DisclosureGroup>,
+  args: {
+    label: "Раздел"
+  }
+}`,...U.parameters?.docs?.source}}},W=[`Basic`,`HeaderActions`,`Group`]})))()}export{G as a,H as i,R as n,U as r,V as t};

package/storybook-static/assets/DocsRenderer-JROSPFPF-DwPk6ai7.js

@@ -0,0 +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-BiaKjftm.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-Cr3nfCWA.js → DropZone-BGuCU5dq.js}

@@ -1,11 +1,11 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-BJGIOdSH.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-ixiC6_NZ.js";import{t as f}from"./mdx-react-shim-CmoAsjhK.js";import{Basic as p,Disabled as m,SingleFile as h,n as g,t as _}from"./DropZone.stories-6yYrwQOe.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)(o,{of:_,parameters:{docs:{toc:!0}}}),`
-`,(0,b.jsx)(l,{children:`DropZone`}),`
-`,(0,b.jsx)(a,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DaN-XFub.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-BiaKjftm.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-B4J6OZ3T.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.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны заблокированные состояния.`}),`
 `,(0,b.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,b.jsx)(d,{}),`
-`,(0,b.jsx)(r,{of:p}),`
+`,(0,b.jsx)(f,{}),`
+`,(0,b.jsx)(i,{of:_}),`
 `,(0,b.jsx)(t.pre,{children:(0,b.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { DropZone } from "@/shared/ui";
@@ -23,14 +23,14 @@ export function Example() {
 `,(0,b.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
 `,(0,b.jsx)(t.h3,{id:`базовый-сценарий-без-дополнительной-логики`,children:`Базовый сценарий без дополнительной логики`}),`
 `,(0,b.jsx)(t.p,{children:`Базовый сценарий без дополнительной логики.`}),`
-`,(0,b.jsx)(u,{of:p}),`
+`,(0,b.jsx)(d,{of:_}),`
 `,(0,b.jsx)(t.h3,{id:`режим-выбора-только-одного-файла`,children:`Режим выбора только одного файла`}),`
 `,(0,b.jsx)(t.p,{children:`Режим выбора только одного файла.`}),`
-`,(0,b.jsx)(u,{of:h}),`
+`,(0,b.jsx)(d,{of:m}),`
 `,(0,b.jsx)(t.h3,{id:`проверка-поведения-в-заблокированном-состоянии`,children:`Проверка поведения в заблокированном состоянии`}),`
 `,(0,b.jsx)(t.p,{children:`Проверка поведения в заблокированном состоянии.`}),`
-`,(0,b.jsx)(u,{of:m}),`
+`,(0,b.jsx)(d,{of:h}),`
 `,(0,b.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,b.jsx)(c,{of:_}),`
+`,(0,b.jsx)(l,{of:g}),`
 `,(0,b.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,b.jsx)(i,{includePrimary:!1})]})}function y(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=t(),f(),s(),g()}))();export{y as default};
+`,(0,b.jsx)(a,{includePrimary:!1})]})}function y(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;function x(){return(x=e((()=>{b=t(),r(),c(),p()})))()}x();export{y as default};

package/storybook-static/assets/DropZone.stories-B4J6OZ3T.js

@@ -0,0 +1,44 @@
+import{n as e,r 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-DaN-XFub.js";import{a as o,i as s,n as c}from"./utils-DUM89eIj.js";import{a as l,i as u,o as d,r as f,s as p}from"./file-vPGnhPr-.js";import{n as m,t as h}from"./InputFilesList-OEX4zGI3.js";var g,_;function v(){return(v=e((()=>{r(),g=[[`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`}]],_=a(`cloud-upload`,g)})))()}var y,b;function x(){return(x=e((()=>{r(),y=[[`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`}]],b=a(`upload`,y)})))()}var S,C,w,T,E,D;function O(){return(O=e((()=>{S=`q2D6Pw`,C=`QVgB0d`,w=`-nyQKp`,T=`kY0O9g`,E=`F5K1bE`,D={zone:S,dragOver:C,disabled:w,icon:T,hint:E}})))()}function k({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:a,readMode:s,multiple:u=!0,disabled:m,className:g,children:_}){l(i),d(r);let v=(0,A.useRef)(0),y=(0,A.useRef)(null),[x,S]=(0,A.useState)(!1),C=(0,A.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),w=(0,A.useCallback)(e=>s===`array-buffer`?p(e,{allowedMime:i,maxBytes:a,mode:`array-buffer`}):p(e,{allowedMime:i,maxBytes:a}),[i,a,s]),T=(0,A.useCallback)(async e=>{if(m||e.length===0)return;let r=u?e:e.slice(0,1),i=[];for(let e of r)try{let t=await w(e);i.push(t)}catch(e){e instanceof f&&n&&n(e)}i.length>0&&t(i)},[m,u,t,n,w]),E=(0,A.useCallback)(()=>{m||y.current?.click()},[m]),O=(0,A.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!m&&(v.current+=1,v.current===1&&S(!0))},[m]),k=(0,A.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!m&&(e.dataTransfer.dropEffect=`copy`)},[m]),M=(0,A.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!m&&(--v.current,v.current===0&&S(!1))},[m]),N=(0,A.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),v.current=0,S(!1),m)return;let t=Array.from(e.dataTransfer.files);await T(t)},[m,T]),P=(0,A.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await T(t),e.target.value=``},[T]),F=(0,A.useCallback)(e=>{c(e,E,{disabled:m})},[m,E]);return(0,j.jsxs)(`div`,{children:[(0,j.jsx)(`input`,{ref:y,type:`file`,hidden:!0,disabled:m,multiple:u,accept:C,onChange:P}),(0,j.jsx)(`div`,{className:o(D.zone,x&&D.dragOver,m&&D.disabled,g),onClick:E,onKeyDown:F,onDragEnter:O,onDragOver:k,onDragLeave:M,onDrop:N,role:`button`,tabIndex:m?-1:0,"aria-disabled":m,children:_??(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b,{className:D.icon}),(0,j.jsx)(`span`,{className:D.hint,children:u?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,j.jsx)(h,{files:e,onChange:t})]})}var A,j;function M(){return(M=e((()=>{A=n(),u(),s(),x(),m(),O(),j=i(),k.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
+
+При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
+При сбросе файлов каждый читается через readFile, успешные результаты
+передаются в onDrop, ошибки — в onDropError.
+
+Поддерживает кастомный контент через children.
+Если children не указан — отображается иконка загрузки и подсказка.`,methods:[],displayName:`DropZone`,props:{value:{required:!0,tsType:{name:`Array`,elements:[{name:`ReadFileResult`}],raw:`ReadFileResult[]`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(results: ReadFileResult[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`ReadFileResult`}],raw:`ReadFileResult[]`},name:`results`}],return:{name:`void`}}},description:`Вызывается с массивом результатов readFile после сброса файлов`},onChangeError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(error: ReadFileError) => void`,signature:{arguments:[{type:{name:`ReadFileError`},name:`error`}],return:{name:`void`}}},description:`Callback ошибки чтения одного из файлов`},accept:{required:!1,tsType:{name:`unknown`},description:'HTML-атрибут accept для нативного input[type="file"] (например `[".pdf", ".docx"]`)'},allowedMime:{required:!1,tsType:{name:`unknown`},description:'Список допустимых MIME-типов — передаётся в readFile (например `["application/pdf", "image/png"]`)'},maxBytes:{required:!1,tsType:{name:`number`},description:`Максимальный размер одного файла в байтах`},readMode:{required:!1,tsType:{name:`ReadMode`},description:`Режим чтения: "data-url" (по умолчанию) или "array-buffer"`},multiple:{required:!1,tsType:{name:`boolean`},description:`Разрешить сброс нескольких файлов (по умолчанию true)`,defaultValue:{value:`true`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:`Блокировка компонента`},className:{required:!1,tsType:{name:`string`},description:`CSS-класс обёртки`},children:{required:!1,tsType:{name:`ReactNode`},description:`Кастомный контент внутри зоны.
+По умолчанию отображается иконка загрузки и текст "Перетащите файлы сюда".`}}}})))()}var N=t({Basic:()=>L,Disabled:()=>z,SingleFile:()=>R,__namedExportsOrder:()=>B,default:()=>I}),P,F,I,L,R,z,B;function V(){return(V=e((()=>{P=n(),v(),M(),F=i(),I={title:`Shared/UI/DropZone`,component:k,args:{value:[],onChange:()=>{},multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:!1},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1},className:{description:`Дополнительный CSS-класс контейнера.`,control:`text`}}},L={render:e=>{let[t,n]=(0,P.useState)([]);return(0,F.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,F.jsx)(k,{...e,onChange:e=>n(e)}),(0,F.jsx)(`div`,{style:{fontSize:14},children:t.length>0?`Получено файлов: ${t.length}`:`Перетащите файл(ы) в область выше`})]})}},R={render:e=>(0,F.jsx)(k,{...e,multiple:!1,children:(0,F.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,F.jsx)(_,{}),(0,F.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},z={args:{disabled:!0,multiple:!0}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [files, setFiles] = useState<ReadFileResult[]>([]);
+    return <div style={{
+      display: "grid",
+      gap: 12
+    }}>
+                <DropZone {...args} onChange={results => setFiles(results)} />
+                <div style={{
+        fontSize: 14
+      }}>
+                    {files.length > 0 ? \`Получено файлов: \${files.length}\` : "Перетащите файл(ы) в область выше"}
+                </div>
+            </div>;
+  }
+}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+  render: args => <DropZone {...args} multiple={false}>
+            <div style={{
+      display: "grid",
+      placeItems: "center",
+      gap: 6,
+      minHeight: 120
+    }}>
+                <UploadCloudIcon />
+                <span>Перетащите один файл</span>
+            </div>
+        </DropZone>,
+  args: {
+    multiple: false
+  }
+}`,...R.parameters?.docs?.source}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  args: {
+    disabled: true,
+    multiple: true
+  }
+}`,...z.parameters?.docs?.source}}},B=[`Basic`,`SingleFile`,`Disabled`]})))()}export{V as a,R as i,z as n,N as r,L as t};

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

@@ -0,0 +1,20 @@
+import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./check-fB4gCKB_.js";import{n as a,t as o}from"./CheckBox-Clpeg9q7.js";import{n as s,t as c}from"./refresh-cw-BN3JCsXv.js";import{n as l,t as u}from"./settings-2-jtcbbWm5.js";import{i as d,n as f,r as p}from"./iframe-DaN-XFub.js";import{a as m,i as h}from"./utils-DUM89eIj.js";import{n as g,t as _}from"./Button-mjF9HSg0.js";import{a as v,c as y}from"./Input-Co--DMHY.js";import{n as b,t as x}from"./Select-X_O4M8Hi.js";import{n as S,t as ee}from"./OneStepScroller-BSvYN6QP.js";var C,w;function T(){return(T=e((()=>{d(),C=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],w=p(`chevrons-left`,C)})))()}var E,D;function O(){return(O=e((()=>{d(),E=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],D=p(`chevrons-right`,E)})))()}var k,A;function j(){return(j=e((()=>{d(),k=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],A=p(`search`,k)})))()}var M,te,N,P,F,I,L;function R(){return(R=e((()=>{M=`sj-rIq`,te=`_3anR7j`,N=`gMRIsT`,P=`f5Pv1e`,F=`q7eZzv`,I=`maUL24`,L={expandableActionPanel:M,content:te,contentScroller:N,labeledPanel:P,label:F,labeledActionPanel:I}})))()}function z({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:o,onOpenChange:s,expandLabel:c=`Раскрыть панель действий влево`,collapseLabel:l=`Свернуть панель действий`,panelLabel:u=`Действия панели`,itemSelector:d,scrollPadding:f,smoothScroll:p}){let[h,g]=(0,B.useState)(a),v=(0,B.useId)(),y=i!==void 0,b=y?i:h,x=(0,B.useCallback)(e=>{let t=typeof e==`function`?e(b):e;y||g(t),s?.(t)},[y,s,b]),S=()=>x(e=>!e),C=b?D:w;return(0,V.jsxs)(`div`,{className:m(L.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":b?``:void 0,children:[(0,V.jsx)(_,{className:r,icon:(0,V.jsx)(C,{}),title:b?l:c,disabled:o,variant:`neutralOutline`,"aria-expanded":b,"aria-controls":v,"data-ui":`expandable-action-panel-toggle`,"data-action":b?`collapse-action-panel`:`expand-action-panel`,onClick:S}),b&&(0,V.jsx)(`div`,{id:v,role:`group`,"aria-label":u,className:m(L.content,n),children:(0,V.jsx)(ee,{className:L.contentScroller,itemSelector:d,scrollPadding:f,smooth:p,children:e})})]})}var B,V;function H(){return(H=e((()=>{B=t(n(),1),h(),T(),O(),g(),S(),R(),V=f(),z.__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`]}})))()}function U({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:o,defaultOpen:s,...c}){let l={...r,minWidth:i},u=typeof e==`string`?e:void 0;return(0,W.jsxs)(`div`,{className:m(L.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,W.jsx)(`div`,{className:m(`flexEllipsis`,L.label,n),style:l,title:u,children:e}),(0,W.jsx)(z,{...c,open:o,defaultOpen:s,className:m(L.labeledActionPanel,a)})]})}var W;function G(){return(G=e((()=>{n(),h(),H(),R(),W=f(),U.__docgenInfo={description:"Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.",methods:[],displayName:`LabeledExpandableActionPanel`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:``},labelStyle:{required:!1,tsType:{name:`ReactCSSProperties`,raw:`React.CSSProperties`},description:``},labelMinWidth:{required:!1,tsType:{name:`ReactCSSProperties["minWidth"]`,raw:`React.CSSProperties["minWidth"]`},description:``,defaultValue:{value:`"12em"`,computed:!1}},panelClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}function K(){let[e,t]=(0,q.useState)(``),[n,r]=(0,q.useState)(!1),[a,s]=(0,q.useState)(`Все`);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,J.jsx)(v,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,J.jsx)(A,{})})}),(0,J.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,J.jsx)(x,{placeholder:`Статус`,options:Z,value:a,onChange:s,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,J.jsx)(o,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,J.jsx)(_,{icon:(0,J.jsx)(c,{}),title:`Обновить`}),(0,J.jsx)(_,{icon:(0,J.jsx)(u,{}),title:`Настроить`}),(0,J.jsx)(_,{icon:(0,J.jsx)(i,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var q,J,Y,X,Z,Q,$,ne;function re(){return(re=e((()=>{q=n(),r(),s(),j(),l(),g(),a(),y(),b(),H(),G(),J=f(),{fn:Y}=__STORYBOOK_MODULE_TEST__,X={title:`Shared/UI/ExpandableActionPanel`,component:U,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,defaultOpen:!1,onOpenChange:Y()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1}}},Z=[`Все`,`Активные`,`Архив`],Q={render:e=>(0,J.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,J.jsx)(U,{...e,children:(0,J.jsx)(K,{})})})},$={render:()=>(0,J.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,J.jsx)(z,{defaultOpen:!0,children:(0,J.jsx)(K,{})})})},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
+  render: args => <div style={{
+    width: "min(100%, 920px)"
+  }}>
+            <LabeledExpandableActionPanel {...args}>
+                <DemoControls />
+            </LabeledExpandableActionPanel>
+        </div>
+}`,...Q.parameters?.docs?.source}}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    width: "min(100%, 720px)",
+    display: "flex",
+    justifyContent: "flex-end"
+  }}>
+            <ExpandableActionPanel defaultOpen>
+                <DemoControls />
+            </ExpandableActionPanel>
+        </div>
+}`,...$.parameters?.docs?.source}}},ne=[`Labeled`,`BasePanel`]})))()}re();export{$ as BasePanel,Q as Labeled,ne as __namedExportsOrder,X as default};

package/storybook-static/assets/{Flex-C10912WS.js → Flex-CBwbh1yu.js}

@@ -1,11 +1,11 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{t}from"./iframe-BJGIOdSH.js";import{E as n,a as r,d as i,f as a,l as o,m as s,n as c,p as l,r as u,u as d}from"./blocks-ixiC6_NZ.js";import{t as f}from"./mdx-react-shim-CmoAsjhK.js";import{AlignItems as p,BasicColumn as m,BasicRow as h,Directions as g,FlexItems as _,Gaps as v,InlineFlex as y,JustifyContent as b,Predefined as x,RealWorld as S,Wrapping as C,n as w,t as T}from"./Flex.stories-BZv94LD8.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)(o,{of:T,parameters:{docs:{toc:!0}}}),`
-`,(0,O.jsx)(l,{children:`Flex`}),`
-`,(0,O.jsx)(a,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DaN-XFub.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-BiaKjftm.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-cdk6vRZq.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.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
 `,(0,O.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,O.jsx)(d,{}),`
-`,(0,O.jsx)(r,{of:h}),`
+`,(0,O.jsx)(f,{}),`
+`,(0,O.jsx)(i,{of:S}),`
 `,(0,O.jsx)(t.pre,{children:(0,O.jsx)(t.code,{className:`language-tsx`,children:`import { Flex } from "@/shared/ui";
 
 export function Example() {
@@ -24,38 +24,38 @@ export function Example() {
 `,(0,O.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
 `,(0,O.jsx)(t.h3,{id:`базовый-row-сценарий-flex-раскладки`,children:`Базовый row-сценарий flex-раскладки`}),`
 `,(0,O.jsx)(t.p,{children:`Базовый row-сценарий flex-раскладки.`}),`
-`,(0,O.jsx)(u,{of:h}),`
+`,(0,O.jsx)(d,{of:S}),`
 `,(0,O.jsx)(t.h3,{id:`базовый-column-сценарий-flex-раскладки`,children:`Базовый column-сценарий flex-раскладки`}),`
 `,(0,O.jsx)(t.p,{children:`Базовый column-сценарий flex-раскладки.`}),`
-`,(0,O.jsx)(u,{of:m}),`
+`,(0,O.jsx)(d,{of:y}),`
 `,(0,O.jsx)(t.h3,{id:`сравнение-доступных-направлений-раскладки`,children:`Сравнение доступных направлений раскладки`}),`
 `,(0,O.jsx)(t.p,{children:`Сравнение доступных направлений раскладки.`}),`
-`,(0,O.jsx)(u,{of:g}),`
+`,(0,O.jsx)(d,{of:_}),`
 `,(0,O.jsx)(t.h3,{id:`выравнивание-элементов-по-главной-оси`,children:`Выравнивание элементов по главной оси`}),`
 `,(0,O.jsx)(t.p,{children:`Выравнивание элементов по главной оси.`}),`
-`,(0,O.jsx)(u,{of:b}),`
+`,(0,O.jsx)(d,{of:v}),`
 `,(0,O.jsx)(t.h3,{id:`выравнивание-по-поперечной-оси`,children:`Выравнивание по поперечной оси`}),`
 `,(0,O.jsx)(t.p,{children:`Выравнивание по поперечной оси.`}),`
-`,(0,O.jsx)(u,{of:p}),`
+`,(0,O.jsx)(d,{of:w}),`
 `,(0,O.jsx)(t.h3,{id:`поведение-при-переносе-элементов`,children:`Поведение при переносе элементов`}),`
 `,(0,O.jsx)(t.p,{children:`Поведение при переносе элементов.`}),`
-`,(0,O.jsx)(u,{of:C}),`
+`,(0,O.jsx)(d,{of:g}),`
 `,(0,O.jsx)(t.h3,{id:`сравнение-интервалов-между-элементами`,children:`Сравнение интервалов между элементами`}),`
 `,(0,O.jsx)(t.p,{children:`Сравнение интервалов между элементами.`}),`
-`,(0,O.jsx)(u,{of:v}),`
+`,(0,O.jsx)(d,{of:C}),`
 `,(0,O.jsx)(t.h3,{id:`настройка-поведения-отдельных-flex-элементов`,children:`Настройка поведения отдельных flex-элементов`}),`
 `,(0,O.jsx)(t.p,{children:`Настройка поведения отдельных flex-элементов.`}),`
-`,(0,O.jsx)(u,{of:_}),`
+`,(0,O.jsx)(d,{of:p}),`
 `,(0,O.jsx)(t.h3,{id:`использование-готовых-преднастроенных-вариантов`,children:`Использование готовых преднастроенных вариантов`}),`
 `,(0,O.jsx)(t.p,{children:`Использование готовых преднастроенных вариантов.`}),`
-`,(0,O.jsx)(u,{of:x}),`
+`,(0,O.jsx)(d,{of:T}),`
 `,(0,O.jsx)(t.h3,{id:`режим-inline-flex-в-составе-потока`,children:`Режим inline-flex в составе потока`}),`
 `,(0,O.jsx)(t.p,{children:`Режим inline-flex в составе потока.`}),`
-`,(0,O.jsx)(u,{of:y}),`
+`,(0,O.jsx)(d,{of:m}),`
 `,(0,O.jsx)(t.h3,{id:`прикладной-пример-использования-в-интерфейсе`,children:`Прикладной пример использования в интерфейсе`}),`
 `,(0,O.jsx)(t.p,{children:`Прикладной пример использования в интерфейсе.`}),`
-`,(0,O.jsx)(u,{of:S}),`
+`,(0,O.jsx)(d,{of:h}),`
 `,(0,O.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,O.jsx)(c,{of:T}),`
+`,(0,O.jsx)(l,{of:b}),`
 `,(0,O.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
-`,(0,O.jsx)(i,{includePrimary:!1})]})}function D(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(E,{...e})}):E(e)}var O;e((()=>{O=t(),f(),s(),w()}))();export{D as default};
+`,(0,O.jsx)(a,{includePrimary:!1})]})}function D(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(E,{...e})}):E(e)}var O;function k(){return(k=e((()=>{O=t(),r(),c(),x()})))()}k();export{D as default};