@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.12

package/storybook-static/assets/DateInput-C72jV86j.js

@@ -0,0 +1 @@
+import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-SfMJGCsn.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-CReRlw17.js";import{ft as o,it as s,ot as c,t as l}from"./lucide-react-CK2oyDtF.js";import{B as u,C as d,H as f,L as p,S as m,U as h,V as g,W as _,_ as v,b as y,h as b,i as x,q as S,r as C,t as w,u as T,v as E}from"./formatters-yIBztcem.js";import{i as ee,t as te}from"./popover-DWA5VOMQ.js";import{t as D}from"./Button-BUkCW8Zg.js";import{t as O}from"./button-Bl3Hu8CS.js";import{a as ne}from"./Input-B7DWcGCL.js";import{t as k}from"./input-Be5K9_B7.js";import{n as A,t as re}from"./RadioGroup-BtNCd3Je.js";function ie(e){return e===`month`?`month`:e===`year`?`year`:`day`}function j(e,t){return se.indexOf(e)>=se.indexOf(t)}function ae(e,t){let n=ie(e);return j(n,t)?n:t}function M(e,t){return!e||!t?!1:e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()}function oe(e,t,n){if(!e||!t||!n)return!1;let r=Math.min(t.start.getTime(),n.start.getTime()),i=Math.max(t.end.getTime(),n.end.getTime());return e.start.getTime()>=r&&e.end.getTime()<=i}function N({date:e,value:t,hoveredDate:n,selectsRange:r,selectionOptions:i}){let a=T(e,i),o=T(!r&&t instanceof Date?t:null,i);if(!r||!Array.isArray(t))return{selected:x(e,o),range:!1,rangeStart:!1,rangeEnd:!1};let[s,c]=t,l=T(s,i),u=T(c??(s?n:null),i),d=M(a,l),f=M(a,u);return{selected:!1,range:oe(a,l,u)&&!d&&!f,rangeStart:d,rangeEnd:f}}var se,P,ce,le=t((()=>{w(),se=[`day`,`month`,`year`],P=[`day`,`week`,`month`,`year`],ce=[`friday`,`saturday`,`sunday`]}));function F(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function ue(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function I(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function de(e){let t=S(e,V);return u(t)?t:V}function fe(e){return e.datePreset===void 0?e.dateFormat:de(e.datePreset)}function pe(e){return e.datePreset===void 0?h(e.dateFormat,we):de(e.datePreset)}function me(e,t){return g(e,fe(t),{defaultFormat:V,precision:F(t),referenceDate:t.referenceDate})?.date??null}function L(e,t){return T(e,ue(t))?.start??null}function R(e,t){if(!y(e))return null;let[n,r]=e;return[L(n,t),z(r,t)]}function z(e,t){return T(e,ue(t))?.end??null}function B(e){return e?.getTime()??null}function he(e,t,n){return B(L(e,n))===B(L(t,n))}function ge(e,t,n){let r=R(e,n),i=R(t,n);return B(r?.[0]??null)===B(i?.[0]??null)&&B(r?.[1]??null)===B(i?.[1]??null)}function _e(e,t,n){if(!e)return``;let r=I(t,n);return p(e,pe(r),{precision:F(r)})}function ve(e,t,n){if(!y(e))return``;let r=I(t,n),[i,a]=e;return i&&a?f(i,a,pe(r),{precision:F(r)}):i?`${_e(i,r)}${Ce}`:``}function ye(e,t,n){return y(e)?ve(e,t,n):_e(e,t,n)}function be(e,t,n){let r=I(t,n);return L(me(e,r),r)}function xe(e,t,n){let r=I(t,n),[i=``,a=``]=e.split(Ce);return[be(i,r),Se(a,r)]}function Se(e,t,n){let r=I(t,n);return z(me(e,r),r)}var V,Ce,we,Te=t((()=>{w(),V=_.date,Ce=` - `,we=Object.freeze({defaultFormat:V,patternPresetName:`__date_input__`})})),Ee=t((()=>{})),H=t((()=>{le(),Te(),Ee()})),De=t((()=>{A()}));function Oe(e){return y(e)?e[0]??e[1]??void 0:e??void 0}var U,ke,Ae=t((()=>{U=e(n(),1),w(),H(),ke=e=>{let t=(0,U.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?R(e.value,t):L(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),[n,r]=(0,U.useState)(t),i=(0,U.useMemo)(()=>({datePreset:e.datePreset,dateFormat:e.dateFormat,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),[a,o]=(0,U.useState)(()=>ye(t,i)),s=(0,U.useMemo)(()=>{if(e.selectsRange){let t=R(e.value,i);return`${t?.[0]?.getTime()??`null`}:${t?.[1]?.getTime()??`null`}`}let t=L(e.value,i);return String(t?.getTime()??`null`)},[i,e.selectsRange,e.value]),c=e=>ye(e,i),l=(0,U.useEffectEvent)(t=>{if(e.selectsRange){let e=R(t,i),n=c(e);r(t=>{let n=t;return(n?.[0]?.getTime()??null)===(e?.[0]?.getTime()??null)&&(n?.[1]?.getTime()??null)===(e?.[1]?.getTime()??null)?t:e}),o(e=>e===n?e:n);return}let n=L(t,i),a=c(n);r(e=>(e?.getTime()??null)===(n?.getTime()??null)?e:n),o(e=>e===a?e:a)});return(0,U.useEffect)(()=>{l(e.value)},[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectsRange,e.selectionMode,e.value,e.weekEndDay,s]),{inputValue:a,setInputValue:o,selectedDate:n,setSelectedDate:r,handleSelect:t=>{let[n,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=L(n,i),s=z(a,i);if(t&&s){if(s<t){let t=[L(a,i),z(n,i)];r(t),o(c(t)),e.onChange(t)}else{let n=[t,s];r(n),o(c(n)),e.onChange(n)}return!0}let l=[t,null];return r(l),o(c(l)),!1}let s=L(n,i);return r(s),o(c(s)),e.onChange(s),!0},formatDate:c,parseDate:t=>{let r={...i,referenceDate:Oe(n)};return e.selectsRange?xe(t,r):be(t,r)}}}})),je=t((()=>{Ae()})),Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,W,Ke=t((()=>{Me=`Dshr-j`,Ne=`esetVt`,Pe=`i-LJYe`,Fe=`XZsnCH`,Ie=`_2KDjTS`,Le=`o-freG`,Re=`GcV08-`,ze=`UCrE-I`,Be=`d1L5uw`,Ve=`cUF2pQ`,He=`LU0M9Y`,Ue=`MR3y5p`,We=`VDqDpm`,Ge=`CLR-7m`,W={dayView:Me,weekdays:Ne,weekday:Pe,daysGrid:Fe,week:Ie,day:Le,disabled:Re,outsideMonth:ze,range:Be,selected:Ve,rangeStart:He,rangeEnd:Ue,weekend:We,now:Ge}})),qe,G,Je,Ye,Xe,Ze=t((()=>{qe=e(n(),1),w(),a(),Ke(),G=r(),Je=[`Пн`,`Вт`,`Ср`,`Чт`,`Пт`,`Сб`,`Вс`],Ye=new Intl.DateTimeFormat(`ru-RU`,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),Xe=({now:e,currentDate:t,value:n,onChange:r,minDate:a,maxDate:o,selectsRange:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,qe.useState)(null),f={selectionMode:c,weekEndDay:l},p=(()=>{let e=t.getFullYear(),n=t.getMonth(),r=E(e,n,1),i=E(e,n+1,0),a=r.getDay()===0?6:r.getDay()-1,o=42-(a+i.getDate()),s=[],c=E(e,n,0).getDate();for(let t=a;t>0;--t)s.push(E(e,n-1,c-t+1));for(let t=1;t<=i.getDate();t+=1)s.push(E(e,n,t));for(let t=1;t<=o;t+=1)s.push(E(e,n+1,t));let l=[];for(let e=0;e<s.length;e+=7)l.push(s.slice(e,e+7));return l})(),h=s&&Array.isArray(n)?n[0]:null,g=s&&Array.isArray(n)?n[1]:null,_=T(s?null:n,f),y=T(u,f),b=g??(h?y?.end??null:null),S=e=>{if(!s||!h||!b)return!1;let t=v(e).getTime(),n=h.getTime(),r=b.getTime();return t>=Math.min(n,r)&&t<=Math.max(n,r)},w=e=>!C(T(e,f),{minDate:a,maxDate:o}),ee=(e,t)=>{!s||!h||g||t||d(e)};return(0,G.jsxs)(`div`,{className:W.dayView,children:[(0,G.jsx)(`div`,{className:W.weekdays,children:Je.map(e=>(0,G.jsx)(`div`,{className:W.weekday,children:e},e))}),(0,G.jsx)(`div`,{className:W.daysGrid,onMouseLeave:()=>{g||d(null)},children:p.map((n,a)=>(0,G.jsx)(`div`,{className:W.week,children:n.map((n,o)=>{let s=n.getMonth()===t.getMonth(),c=x(n,_),l=S(n),u=m(n,h),d=m(n,b),f=m(n,e),p=w(n);return(0,G.jsx)(`button`,{type:`button`,onClick:()=>!p&&r(n),onMouseEnter:()=>ee(n,p),disabled:p,"data-ui":`calendar-day-button`,"data-action":`select-calendar-day`,className:i(W.day,{[W.outsideMonth]:!s,[W.selected]:c,[W.range]:l&&!u&&!d,[W.rangeStart]:u,[W.rangeEnd]:d,[W.disabled]:p,[W.weekend]:o>4,[W.now]:f}),"aria-label":Ye.format(n),"aria-pressed":c||l||u||d,children:n.getDate()},`${a}-${o}`)})},a))})]})},Xe.__docgenInfo={description:`Отображает сетку дней месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarDayView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),Qe,$e,et,tt,nt,rt,it,at,K,ot=t((()=>{Qe=`p5pRGW`,$e=`pUHpxD`,et=`lwWv-z`,tt=`_8gn-3z`,nt=`b57d-c`,rt=`nGc5FO`,it=`JLqjri`,at=`UQMYwg`,K={monthView:Qe,monthsGrid:$e,month:et,disabled:tt,range:nt,selected:rt,rangeStart:it,rangeEnd:at}})),st,q,ct,lt,ut,dt=t((()=>{st=e(n(),1),w(),a(),H(),ot(),q=r(),ct=new Intl.DateTimeFormat(`ru-RU`,{month:`short`}),lt=new Intl.DateTimeFormat(`ru-RU`,{month:`long`,year:`numeric`}),ut=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,st.useState)(null),f=Array.from({length:12},(e,t)=>t),p=e.getFullYear(),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>ct.format(E(p,e,1)),v=e=>{if(!r&&!a)return!1;let t=E(p,e,1),n=E(p,e+1,0,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},y=(e,t)=>{!o||!h||g||t||d(e)};return(0,q.jsx)(`div`,{className:K.monthView,children:(0,q.jsx)(`div`,{className:K.monthsGrid,onMouseLeave:()=>{g||d(null)},children:f.map(e=>{let r=v(e),a=E(p,e,1),s=N({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,q.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>y(a,r),disabled:r,"data-ui":`calendar-month-button`,"data-action":`select-calendar-month`,className:i(K.month,{[K.selected]:s.selected,[K.range]:s.range,[K.rangeStart]:s.rangeStart,[K.rangeEnd]:s.rangeEnd,[K.disabled]:r}),"aria-label":lt.format(a),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:_(e)},e)})})})},ut.__docgenInfo={description:`Отображает выбор месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarMonthView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),ft,pt,mt,ht=t((()=>{ft=`E35KE6`,pt=`L14Qef`,mt={calendarView:ft,calendarHeader:pt}})),gt,_t,vt,yt,bt,xt,St,Ct,J,wt=t((()=>{gt=`_--xW7O`,_t=`-N-5Jk`,vt=`hhY92S`,yt=`IhX7jj`,bt=`NWNpWj`,xt=`d1SfcV`,St=`Gkui4r`,Ct=`_0dVZLW`,J={yearView:gt,yearsGrid:_t,year:vt,disabled:yt,range:bt,selected:xt,rangeStart:St,rangeEnd:Ct}})),Tt,Y,Et,Dt=t((()=>{Tt=e(n(),1),w(),a(),H(),wt(),Y=r(),Et=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,Tt.useState)(null),f=Math.floor(e.getFullYear()/12)*12,p=Array.from({length:12},(e,t)=>f+t),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>{if(!r&&!a)return!1;let t=E(e,0,1),n=E(e,11,31,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},v=(e,t)=>{!o||!h||g||t||d(e)};return(0,Y.jsx)(`div`,{className:J.yearView,children:(0,Y.jsx)(`div`,{className:J.yearsGrid,onMouseLeave:()=>{g||d(null)},children:p.map(e=>{let r=_(e),a=E(e,0,1),s=N({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,Y.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>v(a,r),disabled:r,"data-ui":`calendar-year-button`,"data-action":`select-calendar-year`,className:i(J.year,{[J.selected]:s.selected,[J.range]:s.range,[J.rangeStart]:s.rangeStart,[J.rangeEnd]:s.rangeEnd,[J.disabled]:r}),"aria-label":e.toString(),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:e},e)})})})},Et.__docgenInfo={description:`Отображает выбор года в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarYearView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}}));function Ot({view:e,datePickerLevel:t,selectionMode:n=`day`,weekEndDay:r=`sunday`,onViewChange:i,...a}){let[o]=(0,X.useState)(()=>v(new Date)),[l,u]=(0,X.useState)(()=>a.selectsRange&&y(a.value)&&a.value[0]instanceof Date?a.value[0]:!a.selectsRange&&a.value instanceof Date?a.value:v(new Date)),f=a.currentDate??l,p={selectionMode:n,weekEndDay:r},m=e=>{let t=typeof e==`function`?e(f):e;a.currentDate===void 0&&u(t),a.onCurrentDateChange?.(t)},h=(0,X.useEffectEvent)(e=>{if(a.selectsRange&&Array.isArray(e)&&e[0]instanceof Date){m(e[0]);return}!a.selectsRange&&e instanceof Date&&m(e)});(0,X.useEffect)(()=>{h(a.value)},[a.value]);let g=()=>{if(e===`day`){m(e=>d(e,-1));return}if(e===`month`){m(e=>b(e,-1));return}m(e=>b(e,-12))},_=()=>{if(e===`day`){m(e=>d(e,1));return}if(e===`month`){m(e=>b(e,1));return}m(e=>b(e,12))};return(0,Z.jsxs)(`div`,{className:mt.calendarView,children:[(()=>{let t=``;if(e===`day`)t=f.toLocaleDateString(`ru-RU`,{month:`long`,year:`numeric`});else if(e===`month`)t=f.getFullYear().toString();else{let e=Math.floor(f.getFullYear()/12)*12;t=`${e} - ${e+11}`}return(0,Z.jsxs)(`div`,{className:mt.calendarHeader,children:[(0,Z.jsx)(D,{icon:(0,Z.jsx)(c,{}),onClick:g,variant:`ghost`,"aria-label":`Предыдущий`,"data-action":`calendar-previous`}),(0,Z.jsx)(D,{onClick:()=>{e===`day`?i(`month`):e===`month`&&i(`year`)},variant:`ghost`,className:`flex1`,"data-ui":`calendar-view-switch-button`,"data-action":`calendar-switch-view`,children:t}),(0,Z.jsx)(D,{icon:(0,Z.jsx)(s,{}),onClick:_,variant:`ghost`,"aria-label":`Следующий`,"data-ui":`calendar-next-button`,"data-action":`calendar-next`})]})})(),(()=>{let s=e=>{let t=T(e,p);if(!(!t||!C(t,{minDate:a.minDate,maxDate:a.maxDate}))){if(a.selectsRange){let e=null,n=null;if(Array.isArray(a.value)&&([e,n]=a.value),!e||n){a.onChange([t.start,null]);return}let r=T(e,p);if(!r)return;if(t.start<r.start){a.onChange([t.start,r.end]);return}a.onChange([r.start,t.end]);return}a.onChange(t.start)}},c=e=>{if(m(e),n===`month`||!j(`day`,t)){s(e);return}i(`day`)},l=e=>{if(m(e),n===`year`||!j(`month`,t)){s(e);return}i(`month`)};switch(e){case`day`:return(0,Z.jsx)(Xe,{now:o,currentDate:f,value:a.value,onChange:s,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectionMode:n,weekEndDay:r});case`month`:return(0,Z.jsx)(ut,{currentDate:f,value:a.value,onChange:c,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`month`||!j(`day`,t),selectionMode:n,weekEndDay:r});case`year`:return(0,Z.jsx)(Et,{currentDate:f,value:a.value,onChange:l,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`year`||!j(`month`,t),selectionMode:n,weekEndDay:r});default:return null}})()]})}var X,Z,kt=t((()=>{X=e(n(),1),w(),l(),O(),H(),Ze(),dt(),ht(),Dt(),Z=r(),Ot.__docgenInfo={description:`Отображает календарь выбора даты в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarView`,props:{view:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},datePickerLevel:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},selectionMode:{required:!1,tsType:{name:`CalendarPeriodSelectionMode`},description:``,defaultValue:{value:`"day"`,computed:!1}},weekEndDay:{required:!1,tsType:{name:`CalendarWeekEndDay`},description:``,defaultValue:{value:`"sunday"`,computed:!1}},onViewChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(view: CalendarType) => void`,signature:{arguments:[{type:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},name:`view`}],return:{name:`void`}}},description:``},selectsRange:{required:!1,tsType:{name:`boolean`},description:``},value:{required:!0,tsType:{name:`union`,raw:`Date | NullableDateRange | null`,elements:[{name:`Date`},{name:`NullableDateRange`},{name:`null`}]},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(date: Date | NullableDateRange) => void`,signature:{arguments:[{type:{name:`union`,raw:`Date | NullableDateRange`,elements:[{name:`Date`},{name:`NullableDateRange`}]},name:`date`}],return:{name:`void`}}},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},currentDate:{required:!1,tsType:{name:`Date`},description:``},onCurrentDateChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(date: Date) => void`,signature:{arguments:[{type:{name:`Date`},name:`date`}],return:{name:`void`}}},description:``}}}})),At,jt,Mt,Nt=t((()=>{At=`HR4pgo`,jt=`-tM-kj`,Mt={calendarButton:At,selectionModeControl:jt}}));function Pt(e,t){let n=new Set(e?.length?e:P);return n.add(t),P.filter(e=>n.has(e))}function Ft({placeholder:e,disabled:t,error:n,onClearError:r,minDate:i,maxDate:a,datePickerLevel:s,selectionMode:c,weekEndDay:l=`sunday`,allowSelectionModeChange:u,selectionModeOptions:d,onSelectionModeChange:f,...p}){let[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(c??`day`),v=c??g,b=s??`day`,x=ae(v,b),[S,C]=(0,Q.useState)(()=>({view:x,selectionMode:v,minDatePickerLevel:b})),w=S.selectionMode===v&&S.minDatePickerLevel===b&&j(S.view,b)?S.view:x,T=(0,Q.useRef)(p.value),E={selectionMode:v,weekEndDay:l},{inputValue:te,setInputValue:O,selectedDate:k,setSelectedDate:A,handleSelect:ie,formatDate:M,parseDate:oe}=ke({...p,datePickerLevel:b,selectionMode:v,weekEndDay:l}),N=p.selectsRange?p.onChange:void 0,se=(0,Q.useCallback)(e=>{j(e,b)&&C({view:e,selectionMode:v,minDatePickerLevel:b})},[b,v]);(0,Q.useEffect)(()=>{T.current=p.value},[p.value]);let P=()=>{if(te){let e=oe(te);if(e){if(O(M(e)),p.selectsRange&&y(e)){if(ge(e,y(k)?k:null,E))return;A(e),p.onChange(e)}else if(!p.selectsRange&&e instanceof Date){if(he(e,k instanceof Date?k:null,E))return;A(e),p.onChange(e)}}}},ce=e=>{e.key===`Enter`&&(e.preventDefault(),P())},le=(0,Q.useCallback)(e=>{ie(e)&&h(!1)},[ie]),F=(0,Q.useCallback)(e=>{c===void 0&&_(e),f?.(e),C({view:ae(e,b),selectionMode:e,minDatePickerLevel:b})},[c,b,f]),ue=(0,Q.useCallback)(()=>{if(N){let[,e]=y(k)?k:[null,null];if(!e){let e=T.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];A(e),O(M(e)),N(e)}else A([null,null]),O(``),N([null,null])}}},[N,k,A,O,M]),I=Pt(d,v),de=u&&I.length>1;return(0,$.jsxs)(ee,{open:m,onOpenChange:e=>{h(e),e||ue()},children:[(0,$.jsx)(ne,{label:p.label,description:p.description,size:p.size,value:te,onChange:O,onBlur:P,onKeyUp:ce,placeholder:e,disabled:t,error:n,onClearError:r,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(ee.Trigger,{children:(0,$.jsx)(D,{variant:`transparent`,disabled:t,className:Mt.calendarButton,icon:(0,$.jsx)(o,{}),"aria-label":`Открыть календарь`})})}),(0,$.jsxs)(ee.Content,{background:`primary`,children:[(0,$.jsx)(Ot,{view:w,datePickerLevel:b,selectionMode:v,weekEndDay:l,onViewChange:se,value:k??null,onChange:le,minDate:i,maxDate:a,selectsRange:!!p.selectsRange}),de&&(0,$.jsx)(`div`,{className:Mt.selectionModeControl,children:(0,$.jsx)(re,{value:v,onChange:F,noWrap:!0,"aria-label":`Режим выбора даты`,children:I.map(e=>(0,$.jsx)(re.Option,{value:e,label:Rt[e]},e))})})]})]})}function It(e){return(0,$.jsx)(Ft,{...e})}function Lt(e){return(0,$.jsx)(Ft,{...e,selectsRange:!0})}var Q,$,Rt,zt=t((()=>{Q=e(n(),1),w(),l(),O(),k(),te(),De(),H(),je(),kt(),Nt(),$=r(),Rt={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},It.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},Lt.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}}));export{kt as a,ce as c,Ot as i,le as l,It as n,H as o,zt as r,P as s,Lt as t};

package/storybook-static/assets/DateInput.stories-0hU_T1iZ.js

@@ -0,0 +1,115 @@
+import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{c as r,n as i,o as a,r as o,s,t as c}from"./DateInput-C72jV86j.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:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
+    return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} onSelectionModeChange={selectionMode => handleSelectionModeArgChange(args, updateArgs, selectionMode)} />;
+  },
+  args: {
+    label: "Одиночная дата",
+    placeholder: "дд.мм.гггг",
+    value: new Date(2026, 2, 5, 0, 0, 0)
+  }
+}`,...m.parameters?.docs?.source},description:{story:`Демонстрирует выбор одной даты без timezone-сдвига.`,...m.parameters?.docs?.description}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<RangeDateInputStoryArgs>();
+    return <RangeDateInput {...args} value={args.value ?? null} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} onSelectionModeChange={selectionMode => handleSelectionModeArgChange(args, updateArgs, selectionMode)} />;
+  },
+  args: {
+    label: "Диапазон дат",
+    placeholder: "дд.мм.гггг - дд.мм.гггг",
+    value: [new Date(2026, 2, 5, 0, 0, 0), new Date(2026, 2, 15, 23, 59, 59)]
+  }
+}`,...h.parameters?.docs?.source},description:{story:`Демонстрирует выбор диапазона дат без timezone-сдвига.`,...h.parameters?.docs?.description}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
+    return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} onSelectionModeChange={selectionMode => handleSelectionModeArgChange(args, updateArgs, selectionMode)} />;
+  },
+  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)
+  }
+}`,...g.parameters?.docs?.source},description:{story:`Демонстрирует ограничения календаря.`,...g.parameters?.docs?.description}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<RangeDateInputStoryArgs>();
+    return <RangeDateInput {...args} value={args.value ?? null} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} onSelectionModeChange={selectionMode => handleSelectionModeArgChange(args, updateArgs, selectionMode)} />;
+  },
+  args: {
+    label: "Недели",
+    placeholder: "дд.мм.гггг - дд.мм.гггг",
+    value: [new Date(2026, 2, 2, 0, 0, 0), new Date(2026, 2, 13, 23, 59, 59)],
+    selectionMode: "week",
+    weekEndDay: "friday"
+  }
+}`,..._.parameters?.docs?.source},description:{story:`Демонстрирует выбор недели строкой календаря.`,..._.parameters?.docs?.description}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
+    return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} onSelectionModeChange={selectionMode => handleSelectionModeArgChange(args, updateArgs, selectionMode)} />;
+  },
+  args: {
+    label: "Месяц",
+    placeholder: "месяц год",
+    value: new Date(2026, 2, 1, 0, 0, 0),
+    datePreset: "date-long",
+    selectionMode: "month"
+  }
+}`,...v.parameters?.docs?.source},description:{story:`Демонстрирует связь формата отображения с режимом выбора периода.`,...v.parameters?.docs?.description}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<RangeDateInputStoryArgs>();
+    return <RangeDateInput {...args} value={args.value ?? null} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} onSelectionModeChange={selectionMode => handleSelectionModeArgChange(args, updateArgs, selectionMode)} />;
+  },
+  args: {
+    label: "Период",
+    placeholder: "дд.мм.гггг - дд.мм.гггг",
+    value: [new Date(2026, 2, 5, 0, 0, 0), new Date(2026, 2, 15, 23, 59, 59)],
+    selectionMode: "day",
+    allowSelectionModeChange: true
+  }
+}`,...y.parameters?.docs?.source},description:{story:`Демонстрирует runtime-переключение режима выбора под календарём.`,...y.parameters?.docs?.description}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [, updateArgs] = useArgs<RangeDateInputStoryArgs>();
+    return <RangeDateInput {...args} value={args.value ?? null} onChange={value => {
+      args.onChange(value);
+      updateArgs({
+        value
+      });
+    }} onSelectionModeChange={selectionMode => handleSelectionModeArgChange(args, updateArgs, selectionMode)} />;
+  },
+  args: {
+    size: "lg",
+    label: "Диапазон дат",
+    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};

package/storybook-static/assets/DateRangePresetSelect-BklzgpCR.js

@@ -0,0 +1,3 @@
+import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-SfMJGCsn.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{c as i,f as a,m as o,o as s,p as c,t as l}from"./formatters-yIBztcem.js";import{a as u,i as d,n as f,o as p,s as m,t as h}from"./preset-select-DozCGhmu.js";function g(e){return typeof e==`string`&&w.has(e)}function _(e,t=[]){return d(e,g,t)}function v(e,t=S){return m(e,t)}function y(e,t=T){return p(e,t)}function b(e,t=new Date,n=T){let r=y(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function x(e,t=new Date,n=T){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 S,C,w,T,E=t((()=>{l(),u(),S=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:s},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:c},{id:`today`,label:`За сегодня`,resolveRange:a},{id:`yesterday`,label:`За вчера`,resolveRange:o},{id:`monthAgo`,label:`Месяц назад`,resolveRange:i}]),C=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),w=new Set(S.map(e=>e.id)),T=Object.freeze(v(C))}));function D(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function O({value:e,onChange:t,options:n=T,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,k.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,k.useRef)(``),u=(0,k.useEffectEvent)(e=>{if(!i)return;let t=b(e,new Date(s),n),r=D(t);r!==l.current&&(l.current=r,i(t))});return(0,k.useEffect)(()=>{u(e)},[c,n,s,e]),(0,A.jsx)(f,{...a,options:n,value:e,onChange:t})}var k,A,j=t((()=>{k=e(n(),1),h(),E(),A=r(),O.__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{_ as a,b as c,E as i,j as n,x as o,C as r,v as s,O as t};

package/storybook-static/assets/DateRangePresetSelect-C7gJVkMB.js

@@ -0,0 +1,30 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Default as p,n as m,t as h}from"./DateRangePresetSelect.stories-DQKDcAdP.js";function g(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(a,{of:h,parameters:{docs:{toc:!0}}}),`
+`,(0,v.jsx)(c,{children:`DateRangePresetSelect`}),`
+`,(0,v.jsx)(i,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
+`,(0,v.jsx)(o.p,{children:`DateRangePresetSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,v.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,v.jsx)(u,{}),`
+`,(0,v.jsx)(n,{of:p}),`
+`,(0,v.jsx)(o.pre,{children:(0,v.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { DateRangePresetSelect } from "@/shared/ui";
+
+export function Example() {
+	const [value, setValue] = useState(undefined);
+
+	return <DateRangePresetSelect label="Период" value={value} onChange={setValue} />;
+}
+`})}),`
+`,(0,v.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,v.jsxs)(o.ul,{children:[`
+`,(0,v.jsx)(o.li,{children:`Если компонент участвует в фильтрации или поиске, заранее определите дефолтные значения и допустимые ограничения.`}),`
+`]}),`
+`,(0,v.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,v.jsx)(o.h3,{id:`сценарий-со-стандартным-поведением-и-дефолтными-настройками`,children:`Сценарий со стандартным поведением и дефолтными настройками`}),`
+`,(0,v.jsx)(o.p,{children:`Сценарий со стандартным поведением и дефолтными настройками.`}),`
+`,(0,v.jsx)(l,{of:p}),`
+`,(0,v.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,v.jsx)(s,{of:h}),`
+`,(0,v.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,v.jsx)(r,{includePrimary:!1})]})}function _(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,v.jsx)(n,{...e,children:(0,v.jsx)(g,{...e})}):g(e)}var v;e((()=>{v=d(),f(),o(),m()}))();export{_ as default};

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

@@ -0,0 +1,11 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{t as a}from"./DateInput-C72jV86j.js";import{c as o}from"./preset-select-DozCGhmu.js";import{i as s}from"./Grid-y8wKyEwc.js";import{t as c}from"./grid-D0WOuGlB.js";import{n as l,t as u}from"./DateRangePresetSelect-BklzgpCR.js";var d=e({Default:()=>h,__namedExportsOrder:()=>g,default:()=>m}),f,p,m,h,g,_=n((()=>{f=t(r(),1),o(),c(),l(),p=i(),m={title:`Shared/UI/DateRangePresetSelect`,component:u,args:{value:`monthStartToToday`,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},h={render:()=>{let[e,t]=(0,f.useState)(`monthStartToToday`),[n,r]=(0,f.useState)([new Date(2026,2,1,0,0,0),new Date(2026,2,10,23,59,59)]);return(0,p.jsxs)(s,{gap:`md`,children:[(0,p.jsx)(u,{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:e,onChange:t,onRangeChange:e=>r(e?.range??null),referenceDate:new Date(2026,2,10,12,0,0)}),(0,p.jsx)(a,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>r(e)})]})}},h.parameters={...h.parameters,docs:{...h.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>;
+  }
+}`,...h.parameters?.docs?.source},description:{story:`Демонстрирует связку выбора пресета и ручного диапазона дат.`,...h.parameters?.docs?.description}}},g=[`Default`]}));_();export{h as Default,g as __namedExportsOrder,m as default,_ as n,d as t};

package/storybook-static/assets/Detail-BKSBSfTO.css

@@ -0,0 +1 @@
+.DyKaN-{column-gap:var(--space-sm)}.DyKaN-._2Cf0DN{--row-gap:0}.DyKaN-.igyZiV{--row-gap:var(--space-xs)}.DyKaN-.lFsl-5{--row-gap:var(--space-sm)}.DyKaN-.zQlD1x{--row-gap:var(--space-md)}.a6oRih .MYdzIV{font-variation-settings:"wght" 700;font-weight:700}.a6oRih .Pxw-eb{font-variation-settings:"wght" 500;font-weight:500}.a6oRih.Kz2K6S{text-align:center}.a6oRih.Kz2K6S .MYdzIV,.a6oRih.Kz2K6S .Pxw-eb{flex:1}.a6oRih.Pbwja7{display:flex}.a6oRih.Pbwja7 .MYdzIV{text-align:right;padding-right:var(--space-sm)}.a6oRih.Pbwja7 .Pxw-eb{text-align:left}.a6oRih.Pbwja7._1DseTb{align-items:flex-start}.a6oRih.Pbwja7.h3oORx{align-items:center}.a6oRih.Pbwja7.gB9Kr4{align-items:flex-end}.a6oRih.V-PlLc .MYdzIV,.a6oRih.V-PlLc .Pxw-eb{white-space:nowrap;word-break:normal}.a6oRih.V-PlLc .Pxw-eb{text-overflow:ellipsis;overflow:hidden}.a6oRih:not(:last-child){margin-bottom:var(--row-gap)}

package/storybook-static/assets/Detail-BMu0MY4h.js

@@ -0,0 +1,40 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{BasicList as p,CustomLabel as m,MultipleColumns as h,SemanticDl as g,n as _,t as v}from"./Detail.stories-CgBJjWQd.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
+`,(0,x.jsx)(c,{children:`Detail`}),`
+`,(0,x.jsx)(i,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
+`,(0,x.jsx)(o.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,x.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,x.jsx)(u,{}),`
+`,(0,x.jsx)(n,{of:p}),`
+`,(0,x.jsx)(o.pre,{children:(0,x.jsx)(o.code,{className:`language-tsx`,children:`import { Detail } from "@/shared/ui";
+
+export function Example() {
+	return (
+		<Detail columnCount={2}>
+			<Detail.Item label="Номер" value="DOC-001" />
+			<Detail.Item label="Статус" value="Черновик" />
+		</Detail>
+	);
+}
+`})}),`
+`,(0,x.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,x.jsxs)(o.ul,{children:[`
+`,(0,x.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
+`]}),`
+`,(0,x.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,x.jsx)(o.h3,{id:`базовый-вывод-списка-пар-ключ-значение`,children:`Базовый вывод списка пар «ключ-значение»`}),`
+`,(0,x.jsx)(o.p,{children:`Базовый вывод списка пар «ключ-значение».`}),`
+`,(0,x.jsx)(l,{of:p}),`
+`,(0,x.jsx)(o.h3,{id:`многоколоночное-отображение`,children:`Многоколоночное отображение`}),`
+`,(0,x.jsx)(o.p,{children:`Многоколоночное отображение.`}),`
+`,(0,x.jsx)(l,{of:h}),`
+`,(0,x.jsx)(o.h3,{id:`семантический-режим-на-dldtdd`,children:`Семантический режим на dl/dt/dd`}),`
+`,(0,x.jsx)(o.p,{children:`Семантический режим на dl/dt/dd.`}),`
+`,(0,x.jsx)(l,{of:g}),`
+`,(0,x.jsx)(o.h3,{id:`гибкая-настройка-подписи-и-оформления`,children:`Гибкая настройка подписи и оформления`}),`
+`,(0,x.jsx)(o.p,{children:`Гибкая настройка подписи и оформления.`}),`
+`,(0,x.jsx)(l,{of:m}),`
+`,(0,x.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,x.jsx)(s,{of:v}),`
+`,(0,x.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,x.jsx)(r,{includePrimary:!1})]})}function b(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,x.jsx)(n,{...e,children:(0,x.jsx)(y,{...e})}):y(e)}var x;e((()=>{x=d(),f(),o(),_()}))();export{b as default};

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

@@ -0,0 +1,44 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";var s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S=n((()=>{s=`DyKaN-`,c=`_2Cf0DN`,l=`igyZiV`,u=`lFsl-5`,d=`zQlD1x`,f=`a6oRih`,p=`MYdzIV`,m=`Pxw-eb`,h=`Kz2K6S`,g=`Pbwja7`,_=`_1DseTb`,v=`h3oORx`,y=`gB9Kr4`,b=`V-PlLc`,x={detailList:s,none:c,small:l,normal:u,large:d,detail:f,dt:p,dd:m,textCenter:h,inline:g,start:_,center:v,end:y,noWrap:b}}));function C({label:e,value:t,withColon:n,required:r}){let{semantic:i,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,w.useContext)(E),d=a(x.detail,c&&x.textCenter,o&&x.inline,s&&x.noWrap,x[l]),f=(0,T.jsxs)(T.Fragment,{children:[e,r&&(0,T.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(i){case`detail`:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`dt`,{className:x.dt,children:f}),(0,T.jsx)(`dd`,{className:x.dd,children:t})]});case`list`:return(0,T.jsxs)(`li`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]});default:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]})}}var w,T,E,D,O=n((()=>{w=t(r(),1),o(),S(),T=i(),E=(0,w.createContext)({}),D=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:i,...o})=>{let s=a(x.detailList,x[n],i),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,T.jsx)(`dl`,{className:s,style:c,children:e}):(0,T.jsx)(`ul`,{className:s,style:c,children:e});return(0,T.jsx)(E.Provider,{value:{...o,semantic:r},children:l})},D.Item=C,D.__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}}}})),k=e({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),A,j,M,N,P,F,I,L=n((()=>{O(),A=i(),j={title:`Shared/UI/Detail`,component:D,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`}}},M={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,A.jsx)(D.Item,{label:`Приоритет`,value:`Высокий`}),(0,A.jsx)(D.Item,{label:`Автор`,value:`Иван Петров`})]}),args:{children:void 0}},N={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`ID`,value:`DOC-12345`}),(0,A.jsx)(D.Item,{label:`Дата`,value:`05.03.2026`}),(0,A.jsx)(D.Item,{label:`Версия`,value:`2.7`}),(0,A.jsx)(D.Item,{label:`Подразделение`,value:`Снабжение`}),(0,A.jsx)(D.Item,{label:`Регион`,value:`Урал`}),(0,A.jsx)(D.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]}),args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,A.jsx)(D.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,A.jsx)(D.Item,{label:`Сумма`,value:`1 250 000 ₽`})]}),args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]}),args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.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
+  }
+}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.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
+  }
+}`,...N.parameters?.docs?.source}}},P.parameters={...P.parameters,docs:{...P.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
+  }
+}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.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
+  }
+}`,...F.parameters?.docs?.source}}},I=[`BasicList`,`MultipleColumns`,`SemanticDl`,`CustomLabel`]}));L();export{M as BasicList,F as CustomLabel,N as MultipleColumns,P as SemanticDl,I as __namedExportsOrder,j as default,L as n,k as t};

package/storybook-static/assets/Dialog-M7Uy3LiO.js

@@ -0,0 +1,40 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Controlled as p,Opened as m,n as h,t as g}from"./Dialog.stories-BZ0opvaJ.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
+`,(0,y.jsx)(c,{children:`Dialog`}),`
+`,(0,y.jsx)(i,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
+`,(0,y.jsx)(o.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии.`}),`
+`,(0,y.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,y.jsx)(u,{}),`
+`,(0,y.jsx)(n,{of:p}),`
+`,(0,y.jsx)(o.pre,{children:(0,y.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { Button, Dialog } from "@/shared/ui";
+
+export function Example() {
+	const [open, setOpen] = useState(false);
+
+	return (
+		<>
+			<Button onClick={() => setOpen(true)}>Удалить</Button>
+			<Dialog title="Подтверждение" description="Действие нельзя отменить" open={open} onClose={() => setOpen(false)}>
+				<Button onClick={() => setOpen(false)}>Понятно</Button>
+			</Dialog>
+		</>
+	);
+}
+`})}),`
+`,(0,y.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,y.jsxs)(o.ul,{children:[`
+`,(0,y.jsx)(o.li,{children:`Если состояние должно жить во внешней форме или модели, ориентируйтесь на контролируемый режим из документации.`}),`
+`]}),`
+`,(0,y.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,y.jsx)(o.h3,{id:`компонент-работает-в-контролируемом-режиме-когда-состояние-хранится-во-внешнем-компоненте`,children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте`}),`
+`,(0,y.jsx)(o.p,{children:`Компонент работает в контролируемом режиме, когда состояние хранится во внешнем компоненте.`}),`
+`,(0,y.jsx)(l,{of:p}),`
+`,(0,y.jsx)(o.h3,{id:`компонент-открыт-сразу-при-первом-рендере`,children:`Компонент открыт сразу при первом рендере`}),`
+`,(0,y.jsx)(o.p,{children:`Компонент открыт сразу при первом рендере.`}),`
+`,(0,y.jsx)(l,{of:m}),`
+`,(0,y.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,y.jsx)(s,{of:g}),`
+`,(0,y.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,y.jsx)(r,{includePrimary:!1})]})}function v(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,y.jsx)(n,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=d(),f(),o(),h()}))();export{v as default};

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

@@ -0,0 +1,31 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./react-dom-CncQzc_h.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{a as o,c as s,i as c,r as l}from"./error-RVOk7zpw.js";import{t as u}from"./Button-BUkCW8Zg.js";import{t as d}from"./button-Bl3Hu8CS.js";function f({title:e,description:t,open:n,onClose:r,minWidth:i,children:a}){let o=(0,p.useId)(),u=(0,p.useId)(),d=s({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(c({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?o: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:o,className:`margin0`,children:e}),t&&(0,h.jsx)(`p`,{id:u,children:t}),a]})}),f):null}var p,m,h,g=n((()=>{p=t(r(),1),o(),m=t(i(),1),h=a()})),_=e({Controlled:()=>x,Opened:()=>S,__namedExportsOrder:()=>C,default:()=>b}),v,y,b,x,S,C,w=n((()=>{v=t(r(),1),d(),g(),y=a(),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)(u,{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)(u,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,y.jsx)(u,{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`]}));w();export{x as Controlled,S as Opened,C as __namedExportsOrder,b as default,w as n,_ as t};

package/storybook-static/assets/Disclosure-BXnfHC6v.js

@@ -0,0 +1,29 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Basic as p,Group as m,n as h,t as g}from"./Disclosure.stories-C7wh6KJU.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
+`,(0,y.jsx)(c,{children:`Disclosure`}),`
+`,(0,y.jsx)(i,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
+`,(0,y.jsx)(o.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
+`,(0,y.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,y.jsx)(u,{}),`
+`,(0,y.jsx)(n,{of:p}),`
+`,(0,y.jsx)(o.pre,{children:(0,y.jsx)(o.code,{className:`language-tsx`,children:`import { Disclosure } from "@/shared/ui";
+
+export function Example() {
+	return <Disclosure />;
+}
+`})}),`
+`,(0,y.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,y.jsxs)(o.ul,{children:[`
+`,(0,y.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
+`]}),`
+`,(0,y.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,y.jsx)(o.h3,{id:`базовый-сценарий-без-дополнительной-логики`,children:`Базовый сценарий без дополнительной логики`}),`
+`,(0,y.jsx)(o.p,{children:`Базовый сценарий без дополнительной логики.`}),`
+`,(0,y.jsx)(l,{of:p}),`
+`,(0,y.jsx)(o.h3,{id:`работа-группы-взаимосвязанных-элементов`,children:`Работа группы взаимосвязанных элементов`}),`
+`,(0,y.jsx)(o.p,{children:`Работа группы взаимосвязанных элементов.`}),`
+`,(0,y.jsx)(l,{of:m}),`
+`,(0,y.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,y.jsx)(s,{of:g}),`
+`,(0,y.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,y.jsx)(r,{includePrimary:!1})]})}function v(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,y.jsx)(n,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=d(),f(),o(),h()}))();export{v as default};

package/storybook-static/assets/Disclosure-zNgXNDkm.css

@@ -0,0 +1 @@
+.O-da-N{--ui-panel-background:var(--surface-2);box-shadow:none}._9yjaDf{justify-content:flex-start;align-items:center;display:flex}._9yjaDf:hover{color:var(--content-accent)}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}

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

@@ -0,0 +1,35 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CReRlw17.js";import{ct as s,nt as c,t as l}from"./lucide-react-CK2oyDtF.js";import{n as u,t as d}from"./ui.module-DS2qtZts.js";var f,p,m,h,g=n((()=>{f=`O-da-N`,p=`_9yjaDf`,m=`KAIPfW`,h={disclosure:f,disclosureButton:p,disclosureGroup:m}}));function _({label:e,defaultOpen:t,children:n}){let[r,i]=(0,v.useState)(t===!0),o=(0,v.useId)(),l=(0,v.useId)();return(0,y.jsxs)(`div`,{className:a(u.uiElement,u.uiPanel,h.disclosure),children:[(0,y.jsxs)(`button`,{id:l,type:`button`,"aria-expanded":r,"aria-controls":o,className:a(h.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":r?`collapse-disclosure`:`expand-disclosure`,onClick:()=>i(e=>!e),children:[r?(0,y.jsx)(c,{}):(0,y.jsx)(s,{}),e]}),r&&(0,y.jsx)(`div`,{id:o,role:`region`,"aria-labelledby":l,children:(0,y.jsx)(`div`,{className:`paddingMd`,children:n})})]})}var v,y,b=n((()=>{v=t(r(),1),o(),l(),d(),g(),y=i(),_.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}}));function x({className:e,children:t}){return(0,S.jsx)(`div`,{className:a(h.disclosureGroup,e),children:t})}var S,C=n((()=>{r(),o(),g(),S=i(),x.__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:``}}}})),w=e({Basic:()=>D,Group:()=>O,__namedExportsOrder:()=>k,default:()=>E}),T,E,D,O,k,A=n((()=>{b(),C(),T=i(),E={title:`Shared/UI/Disclosure`,component:_,args:{label:`Раздел`,defaultOpen:!1,children:(0,T.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт).`,control:`boolean`},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},D={},O={render:()=>(0,T.jsxs)(x,{children:[(0,T.jsx)(_,{label:`Параметры поиска`,defaultOpen:!0,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Период: март 2026`}),(0,T.jsx)(`span`,{children:`Регион: Урал`})]})}),(0,T.jsx)(_,{label:`Сортировка`,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Поле: Дата создания`}),(0,T.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,T.jsx)(_,{label:`Дополнительные фильтры`,children:(0,T.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,T.jsx)(`span`,{children:`Только активные`}),(0,T.jsx)(`span`,{children:`Без архивных записей`})]})})]}),args:{label:`Раздел`}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.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: "Раздел"
+  }
+}`,...O.parameters?.docs?.source}}},k=[`Basic`,`Group`]}));A();export{D as Basic,O as Group,k as __namedExportsOrder,E as default,A as n,w as t};

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

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./blocks-CwEU-ME1.js","./preload-helper-B45gAKPr.js","./iframe-SfMJGCsn.js","./theming-DZauqOKI.js","./chunk-3LY4VQVK-BxHCYS2R.js","./react-dom-CncQzc_h.js","./jsx-runtime-BBQGix-2.js","./chunk-LITCR56V-euffoZAN.js","./chunk-242VQQM5-Dtm7LRbQ.js"])))=>i.map(i=>d[i]);
+import{c as e,i as t,n,t as r}from"./preload-helper-B45gAKPr.js";import{C as i}from"./iframe-SfMJGCsn.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-CwEU-ME1.js";import{i as u,r as d,t as f}from"./react-18-CfpYK14y.js";var p,m,h,g,_=t((()=>{p=e(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(`./blocks-CwEU-ME1.js`).then(e=>(e.C(),e.w));return{MDXProvider:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8]),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)}}}}));t((()=>{_()}))();export{g as DocsRenderer};

package/storybook-static/assets/DropZone-C7HIN5ml.css

@@ -0,0 +1 @@
+.q2D6Pw{justify-content:center;align-items:center;gap:var(--space-sm);min-height:8em;padding:var(--space-lg);border:var(--border-width) dashed var(--border-0);border-radius:var(--radius-sm);background-color:var(--surface-0);color:var(--content-2);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-fast);flex-direction:column;display:flex}.q2D6Pw.QVgB0d{border-color:var(--content-accent);background-color:var(--surface-1)}.q2D6Pw.-nyQKp{cursor:default;pointer-events:none;background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.q2D6Pw.-nyQKp .kY0O9g,.q2D6Pw.-nyQKp .F5K1bE{opacity:.25}.kY0O9g{width:2em;height:2em;color:var(--content-2)}.F5K1bE{text-align:center}

package/storybook-static/assets/DropZone-cd1aCNT1.js

@@ -0,0 +1,36 @@
+import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-CwEU-ME1.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DnKFgFHy.js";import{Basic as p,Disabled as m,SingleFile as h,n as g,t as _}from"./DropZone.stories-CVu731Lk.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
+`,(0,b.jsx)(c,{children:`DropZone`}),`
+`,(0,b.jsx)(i,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
+`,(0,b.jsx)(o.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
+Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны заблокированные состояния.`}),`
+`,(0,b.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
+`,(0,b.jsx)(u,{}),`
+`,(0,b.jsx)(n,{of:p}),`
+`,(0,b.jsx)(o.pre,{children:(0,b.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
+
+import { DropZone } from "@/shared/ui";
+
+export function Example() {
+	const [files, setFiles] = useState([]);
+
+	return <DropZone value={files} onChange={setFiles} />;
+}
+`})}),`
+`,(0,b.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
+`,(0,b.jsxs)(o.ul,{children:[`
+`,(0,b.jsx)(o.li,{children:`Заблокированное состояние лучше проверять отдельно, чтобы убедиться, что визуально и поведенчески оно остается понятным.`}),`
+`]}),`
+`,(0,b.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
+`,(0,b.jsx)(o.h3,{id:`базовый-сценарий-без-дополнительной-логики`,children:`Базовый сценарий без дополнительной логики`}),`
+`,(0,b.jsx)(o.p,{children:`Базовый сценарий без дополнительной логики.`}),`
+`,(0,b.jsx)(l,{of:p}),`
+`,(0,b.jsx)(o.h3,{id:`режим-выбора-только-одного-файла`,children:`Режим выбора только одного файла`}),`
+`,(0,b.jsx)(o.p,{children:`Режим выбора только одного файла.`}),`
+`,(0,b.jsx)(l,{of:h}),`
+`,(0,b.jsx)(o.h3,{id:`проверка-поведения-в-заблокированном-состоянии`,children:`Проверка поведения в заблокированном состоянии`}),`
+`,(0,b.jsx)(o.p,{children:`Проверка поведения в заблокированном состоянии.`}),`
+`,(0,b.jsx)(l,{of:m}),`
+`,(0,b.jsx)(o.h2,{id:`api`,children:`API`}),`
+`,(0,b.jsx)(s,{of:_}),`
+`,(0,b.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
+`,(0,b.jsx)(r,{includePrimary:!1})]})}function y(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,b.jsx)(n,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=d(),f(),o(),g()}))();export{y as default};

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

@@ -0,0 +1,44 @@
+import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-SfMJGCsn.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o,n as s}from"./utils-CReRlw17.js";import{R as c,i as l,t as u}from"./lucide-react-CK2oyDtF.js";import{a as d,i as f,o as p,r as m,s as h}from"./file-hArYcyES.js";import{i as g,r as _}from"./InputFiles-DPz7PiOC.js";var v=n((()=>{g()})),y,b,x,S,C,w,T=n((()=>{y=`q2D6Pw`,b=`QVgB0d`,x=`-nyQKp`,S=`kY0O9g`,C=`F5K1bE`,w={zone:y,dragOver:b,disabled:x,icon:S,hint:C}}));function E({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:c,multiple:u=!0,disabled:f,className:g,children:v}){d(i),p(r);let y=(0,D.useRef)(0),b=(0,D.useRef)(null),[x,S]=(0,D.useState)(!1),C=(0,D.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,D.useCallback)(e=>c===`array-buffer`?h(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):h(e,{allowedMime:i,maxBytes:o}),[i,o,c]),E=(0,D.useCallback)(async e=>{if(f||e.length===0)return;let r=u?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof m&&n&&n(e)}i.length>0&&t(i)},[f,u,t,n,T]),k=(0,D.useCallback)(()=>{f||b.current?.click()},[f]),A=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(y.current+=1,y.current===1&&S(!0))},[f]),j=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(e.dataTransfer.dropEffect=`copy`)},[f]),M=(0,D.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!f&&(--y.current,y.current===0&&S(!1))},[f]),N=(0,D.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),f)return;let t=Array.from(e.dataTransfer.files);await E(t)},[f,E]),P=(0,D.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await E(t),e.target.value=``},[E]),F=(0,D.useCallback)(e=>{s(e,k,{disabled:f})},[f,k]);return(0,O.jsxs)(`div`,{children:[(0,O.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:f,multiple:u,accept:C,onChange:P}),(0,O.jsx)(`div`,{className:a(w.zone,x&&w.dragOver,f&&w.disabled,g),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:f?-1:0,"aria-disabled":f,children:v??(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(l,{className:w.icon}),(0,O.jsx)(`span`,{className:w.hint,children:u?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,O.jsx)(_,{files:e,onChange:t})]})}var D,O,k=n((()=>{D=t(r(),1),f(),o(),u(),v(),T(),O=i(),E.__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:`Кастомный контент внутри зоны.
+По умолчанию отображается иконка загрузки и текст "Перетащите файлы сюда".`}}}})),A=e({Basic:()=>P,Disabled:()=>I,SingleFile:()=>F,__namedExportsOrder:()=>L,default:()=>N}),j,M,N,P,F,I,L,R=n((()=>{j=t(r(),1),u(),k(),M=i(),N={title:`Shared/UI/DropZone`,component:E,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`}}},P={render:e=>{let[t,n]=(0,j.useState)([]);return(0,M.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,M.jsx)(E,{...e,onChange:e=>n(e)}),(0,M.jsx)(`div`,{style:{fontSize:14},children:t.length>0?`Получено файлов: ${t.length}`:`Перетащите файл(ы) в область выше`})]})}},F={render:e=>(0,M.jsx)(E,{...e,multiple:!1,children:(0,M.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,M.jsx)(c,{}),(0,M.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},I={args:{disabled:!0,multiple:!0}},P.parameters={...P.parameters,docs:{...P.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>;
+  }
+}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.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
+  }
+}`,...F.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
+  args: {
+    disabled: true,
+    multiple: true
+  }
+}`,...I.parameters?.docs?.source}}},L=[`Basic`,`SingleFile`,`Disabled`]}));R();export{P as Basic,I as Disabled,F as SingleFile,L as __namedExportsOrder,N as default,R as n,A as t};