@ryuzaki13/react-foundation-ui 1.4.2 → 1.4.3

package/storybook-static/assets/ImageViewerRuntime-D8KSESgf.js

@@ -0,0 +1,51 @@
+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"./chevron-left-BoVuWD4h.js";import{n as a,t as o}from"./chevron-right-DS62_o_9.js";import{n as s,t as c}from"./download-DnZ6jhvY.js";import{n as l,t as u}from"./x-CyFk00QC.js";import{i as d,n as f,r as p}from"./iframe-CrnMVMTc.js";import{t as m}from"./react-dom-2o2phaJG.js";import{a as h,i as g}from"./utils-DUM89eIj.js";var _,v;function y(){return(y=e((()=>{d(),_=[[`path`,{d:`M10.5 5H19a2 2 0 0 1 2 2v8.5`,key:`jqtk4d`}],[`path`,{d:`M17 11h-.5`,key:`1961ue`}],[`path`,{d:`M19 19H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2`,key:`1keqsi`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M7 11h4`,key:`1o1z6v`}],[`path`,{d:`M7 15h2.5`,key:`1ina1g`}]],v=p(`captions-off`,_)})))()}var b,x;function S(){return(S=e((()=>{d(),b=[[`rect`,{width:`18`,height:`14`,x:`3`,y:`5`,rx:`2`,ry:`2`,key:`12ruh7`}],[`path`,{d:`M7 15h4M15 15h2M7 11h2M13 11h4`,key:`1ueiar`}]],x=p(`captions`,b)})))()}var C,w;function T(){return(T=e((()=>{d(),C=[[`rect`,{width:`18`,height:`14`,x:`3`,y:`3`,rx:`2`,key:`74y24f`}],[`path`,{d:`M4 21h1`,key:`16zlid`}],[`path`,{d:`M9 21h1`,key:`15o7lz`}],[`path`,{d:`M14 21h1`,key:`v9vybs`}],[`path`,{d:`M19 21h1`,key:`edywat`}]],w=p(`gallery-thumbnails`,C)})))()}var E,ee;function D(){return(D=e((()=>{d(),E=[[`line`,{x1:`2`,x2:`22`,y1:`2`,y2:`22`,key:`a6p6uj`}],[`path`,{d:`M10.41 10.41a2 2 0 1 1-2.83-2.83`,key:`1bzlo9`}],[`line`,{x1:`13.5`,x2:`6`,y1:`13.5`,y2:`21`,key:`1q0aeu`}],[`line`,{x1:`18`,x2:`21`,y1:`12`,y2:`15`,key:`5mozeu`}],[`path`,{d:`M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59`,key:`mmje98`}],[`path`,{d:`M21 15V5a2 2 0 0 0-2-2H9`,key:`43el77`}]],ee=p(`image-off`,E)})))()}var O,k;function te(){return(te=e((()=>{d(),O=[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]],k=p(`loader-circle`,O)})))()}var A,ne;function re(){return(re=e((()=>{d(),A=[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`m21 3-7 7`,key:`1l2asr`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M9 21H3v-6`,key:`wtvkvv`}]],ne=p(`maximize-2`,A)})))()}var ie,ae;function oe(){return(oe=e((()=>{d(),ie=[[`path`,{d:`m14 10 7-7`,key:`oa77jy`}],[`path`,{d:`M20 10h-6V4`,key:`mjg0md`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M4 14h6v6`,key:`rmj7iw`}]],ae=p(`minimize-2`,ie)})))()}var se,ce;function le(){return(le=e((()=>{d(),se=[[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`line`,{x1:`21`,x2:`16.65`,y1:`21`,y2:`16.65`,key:`13gj7c`}],[`line`,{x1:`11`,x2:`11`,y1:`8`,y2:`14`,key:`1vmskp`}],[`line`,{x1:`8`,x2:`14`,y1:`11`,y2:`11`,key:`durymu`}]],ce=p(`zoom-in`,se)})))()}var ue,de;function fe(){return(fe=e((()=>{d(),ue=[[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`line`,{x1:`21`,x2:`16.65`,y1:`21`,y2:`16.65`,key:`13gj7c`}],[`line`,{x1:`8`,x2:`14`,y1:`11`,y2:`11`,key:`durymu`}]],de=p(`zoom-out`,ue)})))()}var pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,Ke,qe,Je,Ye,Xe,Ze,Qe,$e,et,tt;function nt(){return(nt=e((()=>{pe=`carousel`,me=`controller`,he=`navigation`,ge=`no-scroll`,_e=`portal`,ve=`root`,ye=`toolbar`,be=`captions`,xe=`counter`,Se=`download`,Ce=`fullscreen`,we=`thumbnails`,Te=`zoom`,Ee=`loading`,De=`playing`,Oe=`error`,ke=`complete`,Ae=e=>`active-slide-${e}`,Ae(Ee),Ae(De),Ae(Oe),Ae(ke),je=`fullsize`,Me=`flex_center`,Ne=`no_scroll`,Pe=`no_scroll_padding`,Fe=`slide`,Ie=`slide_wrapper`,Le=`prev`,Re=`next`,ze=`swipe`,Be=`close`,Ve=`onPointerDown`,He=`onPointerMove`,Ue=`onPointerUp`,We=`onPointerLeave`,Ge=`onPointerCancel`,Ke=`onKeyDown`,qe=`onKeyUp`,Je=`onWheel`,Ye=`Escape`,Xe=`ArrowLeft`,Ze=`ArrowRight`,Qe=`button`,$e=`icon`,et=`contain`,tt=`Unknown action type`})))()}function j(...e){return e.filter(Boolean).join(` `)}function M(e){return`${Cn}${e}`}function N(e){return`--${Cn}${e}`}function rt(e,t){return`${e}${t?`_${t}`:``}`}function it(e){return t=>rt(e,t)}function at(e,t){return e?.[t]??t}function ot(e,t,n){return at(e,`{index} of {total}`).replace(/\{index}/g,`${ht(n,t.length)+1}`).replace(/\{total}/g,`${t.length}`)}function st(...e){return()=>{e.forEach(e=>{e()})}}function P(e,t,n){return()=>{let r=B.useContext(n);if(!r)throw Error(`${e} must be used within a ${t}.Provider`);return r}}function ct(){return typeof window<`u`}function lt(e,t=0){let n=10**t;return Math.round((e+2**-52)*n)/n}function F(e){return e.type===void 0||e.type===`image`}function ut(e,t){return e.imageFit===`cover`||e.imageFit!==`contain`&&t===`cover`}function dt(e){return typeof e==`string`?Number.parseInt(e,10):e}function ft(e){if(typeof e==`number`)return{pixel:e};if(typeof e==`string`){let t=dt(e);return e.endsWith(`%`)?{percent:t}:{pixel:t}}return{pixel:0}}function pt(e,t){let n=ft(t),r=n.percent===void 0?n.pixel:e.width/100*n.percent;return{width:Math.max(e.width-2*r,0),height:Math.max(e.height-2*r,0)}}function mt(){return(ct()?window==null?void 0:window.devicePixelRatio:void 0)||1}function ht(e,t){return t>0?(e%t+t)%t:0}function gt(e){return e.length>0}function _t(e,t){return e[ht(t,e.length)]}function vt(e,t){return gt(e)?_t(e,t):void 0}function yt(e){return F(e)?e.src:void 0}function bt(e,t,n){if(!n)return e;let{buttons:r,...i}=e,a=r.findIndex(e=>e===t),o=B.isValidElement(n)?B.cloneElement(n,{key:t},null):n;if(a>=0){let e=[...r];return e.splice(a,1,o),{buttons:e,...i}}return{buttons:[o,...r],...i}}function xt(e,t,n=0){return Math.min(e.preload,Math.max(e.finite?t.length-1:Math.floor(t.length/2),n))}function St(e){return{inert:wn?e:e?``:void 0}}function Ct(e){e.scrollTop}function I(e,t){return{name:e,component:t}}function L(e,t){return{module:e,children:t}}function wt(e,t,n){return e.module.name===t?n(e):e.children?[L(e.module,e.children.flatMap(e=>wt(e,t,n)??[]))]:[e]}function Tt(e,t,n){return e.flatMap(e=>wt(e,t,n)??[])}function Et(e,t=[],n=[]){let r=e,i=e=>{let t=[...r];for(;t.length>0;){let n=t.pop();if(n?.module.name===e)return!0;n?.children&&t.push(...n.children)}return!1},a=(e,t)=>{if(e===``){r=[L(t,r)];return}r=Tt(r,e,e=>[L(t,[e])])},o=(e,t)=>{r=Tt(r,e,e=>[L(e.module,[L(t,e.children)])])},s=(e,t,n)=>{r=Tt(r,e,e=>[L(e.module,[...n?[L(t)]:[],...e.children??[],...n?[]:[L(t)]])])},c=(e,t,n)=>{r=Tt(r,e,e=>[...n?[L(t)]:[],e,...n?[]:[L(t)]])},l=e=>{o(me,e)},u=(e,t)=>{r=Tt(r,e,e=>[L(t,e.children)])},d=e=>{r=Tt(r,e,e=>e.children)},f=e=>{n.push(e)};return t.forEach(e=>{e({contains:i,addParent:a,append:o,addChild:s,addSibling:c,addModule:l,replace:u,remove:d,augment:f})}),{config:r,augmentation:e=>n.reduce((e,t)=>t(e),e)}}function Dt({children:e}){let[t,n]=B.useState(!1),[r,i]=B.useState(!1),a=B.useMemo(()=>({focusWithin:t,trackFocusWithin:(e,t)=>{let r=r=>i=>{var a;i.currentTarget.contains(i.relatedTarget)||n(r),(a=r?e:t)==null||a(i)};return{onFocus:r(!0),onBlur:r(!1)}},autoPlaying:r,setAutoPlaying:i}),[t,r]);return B.createElement(En.Provider,{value:a},e)}function Ot({nodeRef:e,children:t}){let n=B.useMemo(()=>{let t=t=>(t||e.current)?.ownerDocument||document;return{getOwnerDocument:t,getOwnerWindow:e=>t(e)?.defaultView||window}},[e]);return B.createElement(On.Provider,{value:n},t)}function kt({children:e}){let[t]=B.useState({});B.useEffect(()=>()=>{Object.keys(t).forEach(e=>delete t[e])},[t]);let n=B.useMemo(()=>{let e=(e,n)=>{var r;(r=t[e])==null||r.splice(0,t[e].length,...t[e].filter(e=>e!==n))};return{publish:(...[e,n])=>{var r;(r=t[e])==null||r.forEach(e=>e(n))},subscribe:(n,r)=>(t[n]||(t[n]=[]),t[n].push(r),()=>e(n,r)),unsubscribe:e}},[t]);return B.createElement(An.Provider,{value:n},e)}function At({children:e,...t}){return B.createElement(Mn.Provider,{value:t},e)}function jt(e,t){switch(t.type){case`swipe`:{let{slides:n}=e,r=t?.increment||0,i=e.globalIndex+r,a=ht(i,n.length);return{slides:n,currentIndex:a,globalIndex:i,currentSlide:vt(n,a),animation:r||t.duration!==void 0?{increment:r,duration:t.duration,easing:t.easing}:void 0}}case`update`:return t.slides!==e.slides||t.index!==e.currentIndex?{slides:t.slides,currentIndex:t.index,globalIndex:t.index,currentSlide:vt(t.slides,t.index)}:e;default:throw Error(tt)}}function Mt({slides:e,index:t,children:n}){let[r,i]=B.useReducer(jt,{slides:e,currentIndex:t,globalIndex:t,currentSlide:vt(e,t)}),[a,o]=B.useState(e),[s,c]=B.useState(t);(e!==a||t!==s)&&(o(e),c(t),i({type:`update`,slides:e,index:t}));let l=B.useMemo(()=>({...r,state:r,dispatch:i}),[r,i]);return B.createElement(Pn.Provider,{value:i},B.createElement(Nn.Provider,{value:l},n))}function Nt({isRTL:e,children:t}){let n=B.useMemo(()=>({isRTL:e}),[e]);return B.createElement(In.Provider,{value:n},t)}function Pt({children:e}){let[t]=B.useState([]);B.useEffect(()=>()=>{t.forEach(e=>window.clearTimeout(e)),t.splice(0,t.length)},[t]);let n=B.useMemo(()=>{let e=e=>{t.splice(0,t.length,...t.filter(t=>t!==e))};return{setTimeout:(n,r)=>{let i=window.setTimeout(()=>{e(i),n()},r);return t.push(i),i},clearTimeout:t=>{t!==void 0&&(e(t),window.clearTimeout(t))}}},[t]);return B.createElement(Rn.Provider,{value:n},e)}function Ft(e,t){let n=e=>B.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:`24`,height:`24`,"aria-hidden":`true`,focusable:`false`,...e},t);return n.displayName=e,n}function R(e,t){return Ft(e,B.createElement(`g`,{fill:`currentColor`},B.createElement(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),t))}function It(e,t){return Ft(e,B.createElement(B.Fragment,null,B.createElement(`defs`,null,B.createElement(`mask`,{id:`strike`},B.createElement(`path`,{d:`M0 0h24v24H0z`,fill:`white`}),B.createElement(`path`,{d:`M0 0L24 24`,stroke:`black`,strokeWidth:4}))),B.createElement(`path`,{d:`M0.70707 2.121320L21.878680 23.292883`,stroke:`currentColor`,strokeWidth:2}),B.createElement(`g`,{fill:`currentColor`,mask:`url(#strike)`},B.createElement(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),t)))}function Lt(){let[e,t]=B.useState(!1);return B.useEffect(()=>{var e;let n=window.matchMedia?.call(window,`(prefers-reduced-motion: reduce)`);t(n?.matches);let r=e=>t(e.matches);return(e=n?.addEventListener)==null||e.call(n,`change`,r),()=>(n?.removeEventListener)?.call(n,`change`,r)},[]),e}function Rt(e){let t=0,n=0,r=0,i=window.getComputedStyle(e).transform.match(/matrix.*\((.+)\)/);if(i){let e=i[1].split(`,`).map(dt);e.length===6?(t=e[4],n=e[5]):e.length===16&&(t=e[12],n=e[13],r=e[14])}return{x:t,y:n,z:r}}function zt(e,t){let n=B.useRef(void 0),r=B.useRef(void 0),i=Lt();return U(()=>{var a,o;if(e.current&&n.current!==void 0&&!i){let{keyframes:i,duration:s,easing:c,onfinish:l}=t(n.current,e.current.getBoundingClientRect(),Rt(e.current))||{};if(i&&s){(a=r.current)==null||a.cancel(),r.current=void 0;try{r.current=(o=e.current).animate?.call(o,i,{duration:s,easing:c})}catch(e){console.error(e)}r.current&&(r.current.onfinish=()=>{r.current=void 0,l?.()})}}n.current=void 0}),{prepareAnimation:e=>{n.current=e},isAnimationPlaying:()=>r.current?.playState===`running`}}function Bt(){let e=B.useRef(null),t=B.useRef(void 0),[n,r]=B.useState();return{setContainerRef:B.useCallback(n=>{e.current=n,t.current&&=(t.current.disconnect(),void 0);let i=()=>{if(n){let e=window.getComputedStyle(n),t=e=>parseFloat(e)||0;r({width:Math.round(n.clientWidth-t(e.paddingLeft)-t(e.paddingRight)),height:Math.round(n.clientHeight-t(e.paddingTop)-t(e.paddingBottom))})}else r(void 0)};i(),n&&typeof ResizeObserver<`u`&&(t.current=new ResizeObserver(i),t.current.observe(n))},[]),containerRef:e,containerRect:n}}function Vt(){let e=B.useRef(void 0),{setTimeout:t,clearTimeout:n}=zn();return B.useCallback((r,i)=>{n(e.current),e.current=t(r,i>0?i:0)},[t,n])}function z(e){let t=B.useRef(e);return U(()=>{t.current=e}),B.useCallback((...e)=>t.current?.call(t,...e),[])}function Ht(e,t){typeof e==`function`?e(t):e&&(e.current=t)}function Ut(e,t){return B.useMemo(()=>e==null&&t==null?null:n=>{Ht(e,n),Ht(t,n)},[e,t])}function Wt(e,t=!1){let n=B.useRef(!1);return U(()=>{t&&n.current&&(n.current=!1,e())},[t,e]),{onFocus:B.useCallback(()=>{n.current=!0},[]),onBlur:B.useCallback(()=>{n.current=!1},[])}}function Gt(){return Ln().isRTL}function Kt(){let[e]=B.useState({}),t=B.useCallback((t,n)=>{var r;(r=e[t])==null||r.forEach(e=>{n.isPropagationStopped()||e(n)})},[e]);return{registerSensors:B.useMemo(()=>({onPointerDown:e=>t(Ve,e),onPointerMove:e=>t(He,e),onPointerUp:e=>t(Ue,e),onPointerLeave:e=>t(We,e),onPointerCancel:e=>t(Ge,e),onKeyDown:e=>t(Ke,e),onKeyUp:e=>t(qe,e),onWheel:e=>t(Je,e)}),[t]),subscribeSensors:B.useCallback((t,n)=>(e[t]||(e[t]=[]),e[t].unshift(n),()=>{let r=e[t];r&&r.splice(0,r.length,...r.filter(e=>e!==n))}),[e])}}function qt(e,t){let n=B.useRef(0),r=Vt(),i=z((...t)=>{n.current=Date.now(),e(...t)});return B.useCallback((...e)=>{r(()=>{i(...e)},t-(Date.now()-n.current))},[t,i,r])}function Jt({slide:e,offset:t,render:n,rect:r,imageFit:i,imageProps:a,onClick:o,onLoad:s,onError:c,style:l}){let[u,d]=B.useState(Ee),{publish:f}=jn(),{setTimeout:p}=zn(),m=B.useRef(null);B.useEffect(()=>{t===0&&f(Ae(u))},[t,u,f]);let h=z(e=>{(`decode`in e?e.decode():Promise.resolve()).catch(()=>{}).then(()=>{e.parentNode&&(d(ke),p(()=>{s?.(e)},0))})}),g=B.useCallback(e=>{m.current=e,e?.complete&&h(e)},[h]),_=B.useCallback(e=>{h(e.currentTarget)},[h]),v=z(()=>{d(Oe),c?.()}),y=ut(e,i),b=(e,t)=>Number.isFinite(e)?e:t,x=b(Math.max(...(e.srcSet?.map(e=>e.width)??[]).concat(e.width?[e.width]:[]).filter(Boolean)),m.current?.naturalWidth||0),S=b(Math.max(...(e.srcSet?.map(e=>e.height)??[]).concat(e.height?[e.height]:[]).filter(Boolean)),m.current?.naturalHeight||0),C=x&&S?{maxWidth:`min(${x}px, 100%)`,maxHeight:`min(${S}px, 100%)`}:{maxWidth:`100%`,maxHeight:`100%`},w=e.srcSet?.slice().sort((e,t)=>e.width-t.width).map(e=>`${e.src} ${e.width}w`).join(`, `),T=w&&r&&ct()?`${Math.round(Math.min(r&&!y&&e.width&&e.height?r.height/e.height*e.width:Number.MAX_VALUE,r.width))}px`:void 0,{style:E,className:ee,...D}=(typeof a==`function`?a(e):a)||{};return B.createElement(B.Fragment,null,B.createElement(`img`,{ref:g,onLoad:_,onError:v,onClick:o,draggable:!1,className:j(M(qn()),y&&M(qn(`cover`)),u!==`complete`&&M(qn(`loading`)),ee),style:{...C,...l,...E},...D,alt:e.alt??``,sizes:T,srcSet:w,src:e.src}),u!==`complete`&&B.createElement(`div`,{className:M(Kn(`placeholder`))},u===`loading`&&(n?.iconLoading?n.iconLoading():B.createElement(Wn,{className:j(M(`icon`),M(Kn(`loading`)))})),u===`error`&&(n?.iconError?n.iconError():B.createElement(Gn,{className:j(M(`icon`),M(Kn(`error`)))}))))}function Yt(e,t,n,r,i){B.useEffect(()=>i?()=>{}:st(e(Ve,t),e(He,n),e(Ue,r),e(We,r),e(Ge,r)),[e,t,n,r,i])}function Xt({disableSwipeNavigation:e,closeOnBackdropClick:t},n,r,i,a,o,s,c,l,u,d,f,p,m,h,g){let _=B.useRef(0),v=B.useRef([]),y=B.useRef(void 0),b=B.useRef(0),x=B.useRef(G.NONE),S=B.useCallback(e=>{y.current===e.pointerId&&(y.current=void 0,x.current=G.NONE);let t=v.current;t.splice(0,t.length,...t.filter(t=>t.pointerId!==e.pointerId))},[]),C=B.useCallback(e=>{S(e),e.persist(),v.current.push(e)},[S]),w=B.useCallback(e=>v.current.find(({pointerId:t})=>e.pointerId===t),[]),T=z(e=>{C(e)}),E=(e,t)=>d&&e>t||u&&e<-t,ee=z(e=>{let n=w(e);if(n)if(y.current===e.pointerId){let e=Date.now()-b.current,t=_.current;x.current===G.SWIPE?Math.abs(t)>.3*i||Math.abs(t)>5&&e<a?c(t,e):l(t):x.current===G.PULL&&(E(t,60)?m(t,e):h(t)),_.current=0,x.current=G.NONE}else{let{target:r}=e;t&&r instanceof HTMLElement&&r===n.target&&(r.classList.contains(M(`slide`))||r.classList.contains(M(`slide_wrapper`)))&&g()}S(e)});Yt(n,T,z(t=>{let n=w(t);if(n){let i=y.current===t.pointerId;if(t.buttons===0){i&&_.current!==0?ee(t):S(n);return}let a=t.clientX-n.clientX,c=t.clientY-n.clientY;if(y.current===void 0){let n=e=>{C(t),y.current=t.pointerId,b.current=Date.now(),x.current=e};Math.abs(a)>Math.abs(c)&&Math.abs(a)>Yn&&r(a)?e||(n(G.SWIPE),o()):Math.abs(c)>Math.abs(a)&&E(c,Yn)&&(n(G.PULL),f())}else i&&(x.current===G.SWIPE?(_.current=a,s(a)):x.current===G.PULL&&(_.current=c,p(c)))}}),ee)}function Zt({preventDefaultWheelX:e,preventDefaultWheelY:t}){let n=B.useRef(null),r=z(n=>{let r=Math.abs(n.deltaX)>Math.abs(n.deltaY);(r&&e||!r&&t||n.ctrlKey)&&n.preventDefault()});return B.useCallback(e=>{var t;e?e.addEventListener(`wheel`,r,{passive:!1}):(t=n.current)==null||t.removeEventListener(`wheel`,r),n.current=e},[r])}function Qt(e,t,n,r,i,a,o,s,c){let l=B.useRef(0),u=B.useRef(0),d=B.useRef(void 0),f=B.useRef(void 0),p=B.useRef(0),m=B.useRef(void 0),h=B.useRef(0),{setTimeout:g,clearTimeout:_}=zn(),v=B.useCallback(()=>{d.current&&=(_(d.current),void 0)},[_]),y=B.useCallback(()=>{f.current&&=(_(f.current),void 0)},[_]),b=z(()=>{e!==W.SWIPE&&(l.current=0,h.current=0,v(),y())});B.useEffect(b,[e,b]);let x=z(e=>{f.current=void 0,l.current===e&&c(l.current)}),S=z(t=>{if(t.ctrlKey||Math.abs(t.deltaY)>Math.abs(t.deltaX))return;let c=e=>{p.current=e,_(m.current),m.current=e>0?g(()=>{p.current=0,m.current=void 0},300):void 0};if(e===W.NONE){if(Math.abs(t.deltaX)<=1.2*Math.abs(p.current)){c(t.deltaX);return}if(!n(-t.deltaX))return;if(u.current+=t.deltaX,v(),Math.abs(u.current)>30)u.current=0,c(0),h.current=Date.now(),a();else{let e=u.current;d.current=g(()=>{d.current=void 0,e===u.current&&(u.current=0)},i)}}else if(e===W.SWIPE){let e=l.current-t.deltaX;if(e=Math.min(Math.abs(e),r)*Math.sign(e),l.current=e,o(e),y(),Math.abs(e)>.2*r){c(t.deltaX),s(e,Date.now()-h.current);return}f.current=g(()=>x(e),2*i)}else c(t.deltaX)});B.useEffect(()=>t(Je,S),[t,S])}function $t({children:e,...t}){let{carousel:n,animation:r,controller:i,on:a,styles:o,render:s}=t,{closeOnPullUp:c,closeOnPullDown:l,preventDefaultWheelX:u,preventDefaultWheelY:d}=i,[f,p]=B.useState(),m=H(),h=Fn(),[g,_]=B.useState(W.NONE),v=B.useRef(0),y=B.useRef(0),b=B.useRef(1),{registerSensors:x,subscribeSensors:S}=Kt(),{subscribe:C,publish:w}=jn(),T=Vt(),E=Vt(),ee=Vt(),{containerRef:D,setContainerRef:O,containerRect:k}=Bt(),te=Ut(Zt({preventDefaultWheelX:u,preventDefaultWheelY:d}),O),A=B.useRef(null),ne=Ut(A,void 0),{getOwnerDocument:re}=kn(),ie=Gt(),ae=e=>(ie?-1:1)*(typeof e==`number`?e:1),oe=z(()=>D.current?.focus()),se=z(()=>t),ce=z(()=>m),le=B.useCallback(e=>w(Le,e),[w]),ue=B.useCallback(e=>w(Re,e),[w]),de=B.useCallback(()=>w(Be),[w]),fe=e=>!(n.finite&&(ae(e)>0&&m.currentIndex===0||ae(e)<0&&m.currentIndex===m.slides.length-1)),pe=e=>{var t;v.current=e,(t=D.current)==null||t.style.setProperty(N(`swipe_offset`),`${Math.round(e)}px`)},me=e=>{var t,n;y.current=e,b.current=(()=>{let t=l&&e>0?e:c&&e<0?-e:0;return Math.min(Math.max(lt(1-t/60*.5,2),.5),1)})(),(t=D.current)==null||t.style.setProperty(N(`pull_offset`),`${Math.round(e)}px`),(n=D.current)==null||n.style.setProperty(N(`pull_opacity`),`${b.current}`)},{prepareAnimation:he}=zt(A,(e,t,n)=>{if(A.current&&k)return{keyframes:[{transform:`translate(0, ${e.rect.y-t.y+n.y}px)`,opacity:e.opacity},{transform:`translate(0, 0)`,opacity:1}],duration:e.duration,easing:r.easing.fade}}),ge=(e,t)=>{if(c||l){me(e);let n=0;A.current&&(n=r.fade*(t?2:1),he({rect:A.current.getBoundingClientRect(),opacity:b.current,duration:n})),ee(()=>{me(0),_(W.NONE)},n),_(W.ANIMATION),t||de()}},{prepareAnimation:_e,isAnimationPlaying:ve}=zt(A,(e,t,r)=>{if(A.current&&k&&m.animation?.duration){let i=ft(n.spacing),a=(i.percent?i.percent*k.width/100:i.pixel)||0;return{keyframes:[{transform:`translate(${ae(m.globalIndex-e.index)*(k.width+a)+e.rect.x-t.x+r.x}px, 0)`},{transform:`translate(0, 0)`}],duration:m.animation.duration,easing:m.animation.easing}}}),ye=z(e=>{let t=e.offset||0,n=t?r.swipe:r.navigation??r.swipe,i=!t&&!ve()?r.easing.navigation:r.easing.swipe,{direction:a}=e,o=e.count??1,s=W.ANIMATION,c=n*o;if(!a){let r=k?.width,i=e.duration||0,s=r?n/r*Math.abs(t):n;o===0?c=n/2:(i<s?c=c/s*Math.max(i,s/5):r&&(c=n/r*(r-Math.abs(t))),a=ae(t)>0?Le:Re)}let l=0;a===`prev`?fe(ae(1))?l=-o:(s=W.NONE,c=n):a===`next`&&(fe(ae(-1))?l=o:(s=W.NONE,c=n)),c=Math.round(c),E(()=>{pe(0),_(W.NONE)},c),A.current&&_e({rect:A.current.getBoundingClientRect(),index:m.globalIndex}),_(s),w(ze,{type:`swipe`,increment:l,duration:c,easing:i})});B.useEffect(()=>{m.animation?.increment&&m.animation?.duration&&T(()=>h({type:`swipe`,increment:0}),m.animation.duration)},[m.animation,h,T]);let be=[S,fe,k?.width||0,r.swipe,()=>_(W.SWIPE),e=>pe(e),(e,t)=>ye({offset:e,duration:t,count:1}),e=>ye({offset:e,count:0})],xe=[()=>{l&&_(W.PULL)},e=>me(e),e=>ge(e),e=>ge(e,!0)];Xt(i,...be,c,l,...xe,de),Qt(g,...be);let Se=z(()=>{i.focus&&re().querySelector(`.${M(`portal`)} .${M(Xn())}`)&&oe()});B.useEffect(Se,[Se]);let Ce=z(()=>{var e;(e=a.view)==null||e.call(a,{index:m.currentIndex})});B.useEffect(Ce,[m.globalIndex,Ce]),B.useEffect(()=>st(C(Le,e=>ye({direction:Le,...e})),C(Re,e=>ye({direction:Re,...e})),C(ze,e=>h(e))),[C,ye,h]);let we=B.useMemo(()=>({prev:le,next:ue,close:de,focus:oe,slideRect:k?pt(k,n.padding):{width:0,height:0},containerRect:k||{width:0,height:0},subscribeSensors:S,containerRef:D,setCarouselRef:ne,toolbarWidth:f,setToolbarWidth:p}),[le,ue,de,oe,S,k,D,ne,f,p,n.padding]);return B.useImperativeHandle(i.ref,()=>({prev:le,next:ue,close:de,focus:oe,getLightboxProps:se,getLightboxState:ce}),[le,ue,de,oe,se,ce]),B.createElement(`div`,{ref:te,className:j(M(Xn()),M(Me)),style:{...g===W.SWIPE?{[N(`swipe_offset`)]:`${Math.round(v.current)}px`}:null,...g===W.PULL?{[N(`pull_offset`)]:`${Math.round(y.current)}px`,[N(`pull_opacity`)]:`${b.current}`}:null,...i.touchAction===`none`?null:{[N(`controller_touch_action`)]:i.touchAction},...o.container},tabIndex:-1,...x},k&&B.createElement(Zn.Provider,{value:we},e,s.controls?.call(s)))}function en(e){return rt(pe,e)}function tn(e){return rt(Fe,e)}function nn({slide:e,offset:t}){let n=B.useRef(null),{currentIndex:r,slides:i}=H(),{slideRect:a,focus:o}=K(),{render:s,carousel:{imageFit:c,imageProps:l},on:{click:u},styles:{slide:d},labels:f}=V(),{getOwnerDocument:p}=kn(),m=t!==0;B.useEffect(()=>{m&&n.current?.contains(p().activeElement)&&o()},[m,o,p]);let h=()=>{let n=s.slide?.call(s,{slide:e,offset:t,rect:a});return!n&&F(e)&&(n=B.createElement(Jt,{slide:e,offset:t,render:s,rect:a,imageFit:c,imageProps:l,onClick:m?void 0:()=>u?.({index:r})})),n?B.createElement(B.Fragment,null,s.slideHeader?.call(s,{slide:e}),(s.slideContainer??(({children:e})=>e))({slide:e,children:n}),s.slideFooter?.call(s,{slide:e})):null};return B.createElement(`div`,{ref:n,className:j(M(tn()),!m&&M(tn(`current`)),M(Me)),...St(m),style:d,role:`group`,"aria-roledescription":at(f,`Slide`),"aria-label":ot(f,i,r+t)},h())}function rn(){let e=V().styles.slide;return B.createElement(`div`,{className:M(Fe),style:e})}function an({carousel:e,labels:t}){let{slides:n,currentIndex:r,globalIndex:i}=H(),{setCarouselRef:a}=K(),{autoPlaying:o,focusWithin:s}=Dn(),c=ft(e.spacing),l=ft(e.padding),u=xt(e,n,1),d=[];if(gt(n))for(let t=r-u;t<=r+u;t+=1){let a=_t(n,t),o=i-r+t,s=e.finite&&(t<0||t>n.length-1);d.push(s?{key:o}:{key:[`${o}`,yt(a)].filter(Boolean).join(`|`),offset:t-r,slide:a})}return B.createElement(`div`,{ref:a,className:j(M(en()),d.length>0&&M(en(`with_slides`))),style:{[`${N(en(`slides_count`))}`]:d.length,[`${N(en(`spacing_px`))}`]:c.pixel||0,[`${N(en(`spacing_percent`))}`]:c.percent||0,[`${N(en(`padding_px`))}`]:l.pixel||0,[`${N(en(`padding_percent`))}`]:l.percent||0},role:`region`,"aria-live":o&&!s?`off`:`polite`,"aria-roledescription":at(t,`Carousel`),"aria-label":at(t,`Photo gallery`)},d.map(({key:e,slide:t,offset:n})=>t?B.createElement(nn,{key:e,slide:t,offset:n}):B.createElement(rn,{key:e})))}function on(){let{carousel:e}=V(),{slides:t,currentIndex:n}=H();return{prevDisabled:t.length===0||e.finite&&n===0,nextDisabled:t.length===0||e.finite&&n===t.length-1}}function sn(e){let t=Gt(),{publish:n}=jn(),{animation:r,controller:i}=V(),{prevDisabled:a,nextDisabled:o}=on(),s=(r.navigation??r.swipe)/2,c=qt(()=>n(Le),s),l=qt(()=>n(Re),s),u=z(e=>{switch(e.key){case Ye:if(!i.closeOnEscape)return;n(Be);break;case Xe:(t?o:a)||(t?l:c)();break;case Ze:(t?a:o)||(t?c:l)();break;default:return}e.stopPropagation()});B.useEffect(()=>e(Ke,u),[e,u])}function cn({label:e,icon:t,renderIcon:n,action:r,onClick:i,disabled:a,style:o}){return B.createElement(Bn,{label:e,icon:t,renderIcon:n,className:M(`navigation_${r}`),disabled:a,onClick:i,style:o,...Wt(K().focus,a)})}function ln({render:{buttonPrev:e,buttonNext:t,iconPrev:n,iconNext:r},styles:i}){let{prev:a,next:o,subscribeSensors:s}=K(),{prevDisabled:c,nextDisabled:l}=on();return sn(s),B.createElement(B.Fragment,null,e?e():B.createElement(cn,{label:`Previous`,action:Le,icon:Hn,renderIcon:n,style:i.navigationPrev,disabled:c,onClick:a}),t?t():B.createElement(cn,{label:`Next`,action:Re,icon:Un,renderIcon:r,style:i.navigationNext,disabled:l,onClick:o}))}function un(e){return`style`in e}function dn(e,t,n){let r=window.getComputedStyle(e),i=n?`padding-left`:`padding-right`,a=n?r.paddingLeft:r.paddingRight,o=e.style.getPropertyValue(i);return e.style.setProperty(i,`${(dt(a)||0)+t}px`),()=>{o?e.style.setProperty(i,o):e.style.removeProperty(i)}}function fn({noScroll:{disabled:e},children:t}){let n=Gt(),{getOwnerDocument:r,getOwnerWindow:i}=kn();return B.useEffect(()=>{if(e)return()=>{};let t=[],a=i(),{body:o,documentElement:s}=r(),c=Math.round(a.innerWidth-s.clientWidth);if(c>0){t.push(dn(o,c,n));let e=o.getElementsByTagName(`*`);for(let r=0;r<e.length;r+=1){let i=e[r];un(i)&&a.getComputedStyle(i).getPropertyValue(`position`)===`fixed`&&!i.classList.contains(nr)&&t.push(dn(i,c,n))}}return o.classList.add(tr),()=>{o.classList.remove(tr),t.forEach(e=>e())}},[n,e,r,i]),B.createElement(B.Fragment,null,t)}function pn(e){return rt(_e,e)}function mn(e,t,n){let r=e.getAttribute(t);return e.setAttribute(t,n),()=>{r?e.setAttribute(t,r):e.removeAttribute(t)}}function hn({portal:{root:e,container:{className:t,style:n,...r}={}},animation:i,styles:a,className:o,on:s,close:c,labels:l,children:u}){let[d,f]=B.useState(!1),[p,m]=B.useState(!1),h=B.useRef([]),g=B.useRef(null),{setTimeout:_}=zn(),{subscribe:v}=jn(),y=Lt()?0:i.fade;B.useEffect(()=>(f(!0),()=>{f(!1),m(!1)}),[]);let b=z(()=>{h.current.forEach(e=>e()),h.current=[]}),x=z(()=>{var e;m(!1),b(),(e=s.exiting)==null||e.call(s),_(()=>{var e;(e=s.exited)==null||e.call(s),c()},y)});B.useEffect(()=>v(Be,x),[v,x]);let S=z(e=>{var t;Ct(e),m(!0),(t=s.entering)==null||t.call(s);let n=e.parentNode?.children??[];for(let t=0;t<n.length;t+=1){let r=n[t];[`TEMPLATE`,`SCRIPT`,`STYLE`].indexOf(r.tagName)===-1&&r!==e&&(h.current.push(mn(r,`inert`,``)),h.current.push(mn(r,`aria-hidden`,`true`)))}h.current.push(()=>{var e,t;(t=(e=g.current)?.focus)==null||t.call(e)}),_(()=>{var e;(e=s.entered)==null||e.call(s)},y)}),C=B.useCallback(e=>{e?S(e):b()},[S,b]);return d?(0,Sn.createPortal)(B.createElement(Jn,{ref:C,className:j(o,t,M(pn()),M(Pe),p&&M(pn(`open`))),"aria-modal":!0,role:`dialog`,"aria-label":at(l,`Lightbox`),style:{...i.fade===Tn.animation.fade?null:{[N(`fade_animation_duration`)]:`${y}ms`},...i.easing.fade===Tn.animation.easing.fade?null:{[N(`fade_animation_timing_function`)]:i.easing.fade},...a.root,...n},onFocus:e=>{g.current||=e.relatedTarget},...r},u),(typeof e==`function`?e():e)||document.body):null}function gn({children:e}){return B.createElement(B.Fragment,null,e)}function _n(e){return rt(ye,e)}function vn({toolbar:{buttons:e},render:{buttonClose:t,iconClose:n},styles:r}){let{close:i,setToolbarWidth:a}=K(),{setContainerRef:o,containerRect:s}=Bt();U(()=>{a(s?.width)},[a,s?.width]);let c=()=>t?t():B.createElement(Bn,{key:Be,label:`Close`,icon:Vn,renderIcon:n,onClick:i});return B.createElement(`div`,{ref:o,style:r.toolbar,className:M(_n())},e?.map(e=>e===`close`?c():e))}function yn(e,t){return B.createElement(e.module.component,{key:e.module.name,...t},e.children?.map(e=>yn(e,t)))}function bn(e,t={}){let{easing:n,...r}=e,{easing:i,...a}=t;return{easing:{...n,...i},...r,...a}}function xn({carousel:e,animation:t,render:n,toolbar:r,controller:i,noScroll:a,on:o,plugins:s,slides:c,index:l,...u}){let{animation:d,carousel:f,render:p,toolbar:m,controller:h,noScroll:g,on:_,slides:v,index:y,plugins:b,...x}=Tn,{config:S,augmentation:C}=Et([L(ir,[L(rr,[L(Qn,[L($n),L(or),L(er)])])])],s||b),w=C({animation:bn(d,t),carousel:{...f,...e},render:{...p,...n},toolbar:{...m,...r},controller:{...h,...i},noScroll:{...g,...a},on:{..._,...o},...x,...u});return w.open?B.createElement(At,{...w},B.createElement(Mt,{slides:c||v,index:dt(l||y)},B.createElement(Pt,null,B.createElement(kt,null,B.createElement(Dt,null,yn(L(ar,S),w)))))):null}var B,Sn,Cn,wn,Tn,En,Dn,On,kn,An,jn,Mn,V,Nn,H,Pn,Fn,In,Ln,Rn,zn,Bn,Vn,Hn,Un,Wn,Gn,U,Kn,qn,Jn,W,G,Yn,Xn,Zn,K,Qn,$n,er,tr,nr,rr,ir,ar,or;function sr(){return(sr=e((()=>{B=t(n(),1),nt(),Sn=m(),Cn=`yarl__`,wn=Number(`19.2.8`.split(`.`)[0])>=19,Tn={open:!1,close:()=>{},index:0,slides:[],render:{},plugins:[],toolbar:{buttons:[Be]},labels:{},animation:{fade:250,swipe:500,easing:{fade:`ease`,swipe:`ease-out`,navigation:`ease-in-out`}},carousel:{finite:!1,preload:2,padding:`16px`,spacing:`30%`,imageFit:et,imageProps:{}},controller:{ref:null,focus:!0,aria:!1,touchAction:`none`,closeOnPullUp:!1,closeOnPullDown:!1,closeOnBackdropClick:!1,closeOnEscape:!0,preventDefaultWheelX:!0,preventDefaultWheelY:!1,disableSwipeNavigation:!1},portal:{},noScroll:{disabled:!1},on:{},styles:{},className:``},En=B.createContext(null),Dn=P(`useA11yContext`,`A11yContext`,En),On=B.createContext(null),kn=P(`useDocument`,`DocumentContext`,On),An=B.createContext(null),jn=P(`useEvents`,`EventsContext`,An),Mn=B.createContext(null),V=P(`useLightboxProps`,`LightboxPropsContext`,Mn),Nn=B.createContext(null),H=P(`useLightboxState`,`LightboxStateContext`,Nn),Pn=B.createContext(null),Fn=P(`useLightboxDispatch`,`LightboxDispatchContext`,Pn),In=B.createContext(null),Ln=P(`useRTLContext`,`RTLContext`,In),Rn=B.createContext(null),zn=P(`useTimeouts`,`TimeoutsContext`,Rn),Bn=B.forwardRef(function({label:e,className:t,icon:n,renderIcon:r,onClick:i,style:a,...o},s){let{styles:c,labels:l}=V(),u=at(l,e);return B.createElement(`button`,{ref:s,type:`button`,title:u,"aria-label":u,className:j(M(Qe),t),onClick:i,style:{...a,...c.button},...o},r?r():B.createElement(n,{className:M($e),style:c.icon}))}),Vn=R(`Close`,B.createElement(`path`,{d:`M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z`})),Hn=R(`Previous`,B.createElement(`path`,{d:`M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z`})),Un=R(`Next`,B.createElement(`path`,{d:`M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z`})),Wn=R(`Loading`,B.createElement(B.Fragment,null,Array.from({length:8}).map((e,t,n)=>B.createElement(`line`,{key:t,x1:`12`,y1:`6.5`,x2:`12`,y2:`1.8`,strokeLinecap:`round`,strokeWidth:`2.6`,stroke:`currentColor`,strokeOpacity:1/n.length*(t+1),transform:`rotate(${360/n.length*t}, 12, 12)`})))),Gn=R(`Error`,B.createElement(`path`,{d:`M21.9,21.9l-8.49-8.49l0,0L3.59,3.59l0,0L2.1,2.1L0.69,3.51L3,5.83V19c0,1.1,0.9,2,2,2h13.17l2.31,2.31L21.9,21.9z M5,18 l3.5-4.5l2.5,3.01L12.17,15l3,3H5z M21,18.17L5.83,3H19c1.1,0,2,0.9,2,2V18.17z`})),U=ct()?B.useLayoutEffect:B.useEffect,Kn=it(`slide`),qn=it(`slide_image`),Jn=B.forwardRef(function({className:e,children:t,onFocus:n,onBlur:r,...i},a){let o=B.useRef(null),[s,c]=B.useState(!1),{trackFocusWithin:l}=Dn(),u=z(()=>{if(o.current){let e=window.getComputedStyle(o.current).direction===`rtl`;e!==s&&c(e)}});return B.useEffect(u),B.createElement(Ot,{nodeRef:o},B.createElement(Nt,{isRTL:s},B.createElement(`div`,{ref:Ut(a,o),className:j(M(`root`),e),...l(n,r),...i},t)))}),(function(e){e[e.NONE=0]=`NONE`,e[e.SWIPE=1]=`SWIPE`,e[e.PULL=2]=`PULL`,e[e.ANIMATION=3]=`ANIMATION`})(W||={}),(function(e){e[e.NONE=0]=`NONE`,e[e.SWIPE=1]=`SWIPE`,e[e.PULL=2]=`PULL`})(G||={}),Yn=30,Xn=it(`container`),Zn=B.createContext(null),K=P(`useController`,`ControllerContext`,Zn),Qn=I(me,$t),$n=I(pe,an),er=I(he,ln),tr=M(Ne),nr=M(Pe),rr=I(ge,fn),ir=I(_e,hn),ar=I(ve,gn),or=I(ye,vn)})))()}function cr(){let{captions:e}=V();return gr(e)}function lr({captions:e,children:t}){let{ref:n,hidden:r}=gr(e),[i,a]=q.useState(!r),o=q.useMemo(()=>({visible:i,show:()=>a(!0),hide:()=>a(!1)}),[i]);return q.useImperativeHandle(n,()=>o,[o]),q.createElement(_r.Provider,{value:o},t)}function ur({title:e}){let{toolbarWidth:t}=K(),{styles:n}=V(),{visible:r}=vr();return r?q.createElement(`div`,{role:`heading`,"aria-level":2,style:n.captionsTitleContainer,className:j(mr(`captions_container`),mr(`title_container`))},q.createElement(`div`,{className:mr(`title`),style:{...t?{[N(`toolbar_width`)]:`${t}px`}:null,...n.captionsTitle}},e)):null}function dr({description:e}){let{descriptionTextAlign:t,descriptionMaxLines:n}=cr(),{styles:r,labels:i}=V(),{visible:a}=vr();return a?q.createElement(`div`,{style:r.captionsDescriptionContainer,className:j(mr(`captions_container`),mr(`description_container`))},q.createElement(`div`,{className:mr(`description`),style:{...t!==hr.descriptionTextAlign||n!==hr.descriptionMaxLines?{[N(`slide_description_text_align`)]:t,[N(`slide_description_max_lines`)]:n}:null,...r.captionsDescription},role:`paragraph`,"aria-roledescription":at(i,`Caption`)},typeof e==`string`?e.split(`
+`).flatMap((e,t)=>[...t>0?[q.createElement(`br`,{key:t})]:[],e]):e)):null}function fr(){let{visible:e,show:t,hide:n}=vr(),{render:r}=V();return r.buttonCaptions?q.createElement(q.Fragment,null,r.buttonCaptions({visible:e,show:t,hide:n})):q.createElement(Bn,{label:e?`Hide captions`:`Show captions`,icon:e?br:xr,renderIcon:e?r.iconCaptionsVisible:r.iconCaptionsHidden,onClick:e?n:t})}function pr({augment:e,addModule:t}){e(({captions:e,render:{slideFooter:t,...n},toolbar:r,...i})=>{let a=gr(e);return{render:{slideFooter:({slide:e})=>q.createElement(q.Fragment,null,t?.({slide:e}),e.title&&q.createElement(ur,{title:e.title}),e.description&&q.createElement(dr,{description:e.description})),...n},toolbar:bt(r,be,a.showToggle?q.createElement(fr,null):null),captions:a,...i}}),t(I(be,lr))}var q,mr,hr,gr,_r,vr,yr,br,xr;function Sr(){return(Sr=e((()=>{q=t(n(),1),sr(),nt(),mr=e=>M(`slide_${e}`),hr={descriptionTextAlign:`start`,descriptionMaxLines:3,showToggle:!1,hidden:!1},gr=e=>({...hr,...e}),_r=q.createContext(null),vr=P(`useCaptions`,`CaptionsContext`,_r),yr=()=>q.createElement(q.Fragment,null,q.createElement(`path`,{strokeWidth:2,stroke:`currentColor`,strokeLinejoin:`round`,fill:`none`,d:`M3 5l18 0l0 14l-18 0l0-14z`}),q.createElement(`path`,{d:`M7 15h3c.55 0 1-.45 1-1v-1H9.5v.5h-2v-3h2v.5H11v-1c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm7 0h3c.55 0 1-.45 1-1v-1h-1.5v.5h-2v-3h2v.5H18v-1c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1z`})),br=R(`CaptionsVisible`,yr()),xr=It(`CaptionsVisible`,yr())})))()}function Cr({counter:e}){let{slides:t,currentIndex:n}=H(),{separator:r,container:{className:i,...a},className:o,...s}=Dr(e);return t.length===0?null:Tr.createElement(`div`,{className:j(M(`counter`),i||o),...s,...a,"aria-hidden":!0},n+1,` `,r,` `,t.length)}function wr({augment:e,addChild:t}){e(({counter:e,...t})=>({counter:Dr(e),...t})),t(me,I(xe,Cr))}var Tr,Er,Dr;function Or(){return(Or=e((()=>{Tr=t(n(),1),sr(),nt(),Er={separator:`/`,container:{}},Dr=e=>({...Er,...e})})))()}function kr(e){if(!e)return;let t=/filename\*\s*=\s*UTF-8''([^;]+)/i.exec(e);if(t)try{let e=decodeURIComponent(t[1].trim());if(e)return e}catch{}return/filename\s*=\s*("[^"]*"|[^;]+)/i.exec(e)?.[1].trim().replace(/^"(.*)"$/,`$1`)||void 0}function Ar(e){return/^content-disposition:(.*)$/im.exec(e.getAllResponseHeaders())?.[1]??null}function jr(e,t){let n=new XMLHttpRequest;n.open(`GET`,e),n.responseType=`blob`,n.onload=()=>{Pr(n.response,t||kr(Ar(n)))},n.onerror=()=>{console.error(`Failed to download file`)},n.send()}function Mr(e){let t=new XMLHttpRequest;t.open(`HEAD`,e,!1);try{t.send()}catch{}return t.status>=200&&t.status<=299}function Nr(e){try{e.dispatchEvent(new MouseEvent(`click`))}catch{let t=document.createEvent(`MouseEvents`);t.initMouseEvent(`click`,!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(t)}}function Pr(e,t){let n=document.createElement(`a`);n.rel=`noopener`,n.download=t||``,n.download||(n.target=`_blank`),typeof e==`string`?(n.href=e,n.origin===window.location.origin?Nr(n):Mr(n.href)?jr(e,t):(n.target=`_blank`,Nr(n))):(n.href=URL.createObjectURL(e),setTimeout(()=>URL.revokeObjectURL(n.href),3e4),setTimeout(()=>Nr(n),0))}function Fr(){let{render:e,on:t,download:n}=V(),{download:r}=zr(n),{currentSlide:i,currentIndex:a}=H();if(e.buttonDownload)return Lr.createElement(Lr.Fragment,null,e.buttonDownload());let o=i&&(i.downloadUrl||typeof i.download==`string`&&i.download||typeof i.download==`object`&&i.download.url||F(i)&&i.src)||void 0,s=r?i?.download!==!1:!!o,c=()=>{if(i&&o){let e=i.downloadFilename||typeof i.download==`object`&&i.download.filename||void 0;Pr(o,e)}};return Lr.createElement(Bn,{label:`Download`,icon:Br,renderIcon:e.iconDownload,disabled:!s,onClick:()=>{var e;i&&((r||c)({slide:i,saveAs:Pr}),(e=t.download)==null||e.call(t,{index:a}))}})}function Ir({augment:e}){e(({toolbar:e,download:t,...n})=>({toolbar:bt(e,Se,Lr.createElement(Fr,null)),download:zr(t),...n}))}var Lr,Rr,zr,Br;function Vr(){return(Vr=e((()=>{Lr=t(n(),1),sr(),nt(),Rr={download:void 0},zr=e=>({...Rr,...e}),Br=R(`DownloadIcon`,Lr.createElement(`path`,{d:`M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zm-1-4-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59 7 11l5 5 5-5z`}))})))()}function Hr({fullscreen:e,on:t,children:n}){let{auto:r,ref:i}=Kr(e),a=J.useRef(null),[o,s]=J.useState(),[c,l]=J.useState(!1),u=J.useRef(!1),{getOwnerDocument:d}=kn();U(()=>{let e=d();s(!(e.fullscreenEnabled??e.webkitFullscreenEnabled??e.mozFullScreenEnabled??e.msFullscreenEnabled??!1))},[d]);let f=J.useCallback(()=>{let e=d(),t=e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement;return t?.shadowRoot?.fullscreenElement||t},[d]),p=J.useCallback(()=>{let e=a.current;try{e.requestFullscreen?e.requestFullscreen().catch(()=>{}):e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()}catch{}},[]),m=J.useCallback(()=>{if(!f())return;let e=d();try{e.exitFullscreen?e.exitFullscreen().catch(()=>{}):e.webkitExitFullscreen?e.webkitExitFullscreen():e.mozCancelFullScreen?e.mozCancelFullScreen():e.msExitFullscreen&&e.msExitFullscreen()}catch{}},[f,d]);J.useEffect(()=>{let e=d(),t=()=>{l(f()===a.current)};return st(...[`fullscreenchange`,`webkitfullscreenchange`,`mozfullscreenchange`,`MSFullscreenChange`].map(n=>(e.addEventListener(n,t),()=>e.removeEventListener(n,t))))},[f,d]);let h=z(()=>t.enterFullscreen?.call(t)),g=z(()=>t.exitFullscreen?.call(t));J.useEffect(()=>{c&&(u.current=!0),u.current&&(c?h:g)()},[c,h,g]);let _=z(()=>{var e;return(e=r?p:null)==null||e(),m});J.useEffect(_,[_]);let v=J.useMemo(()=>({fullscreen:c,disabled:o,enter:p,exit:m}),[c,o,p,m]);return J.useImperativeHandle(i,()=>v,[v]),J.createElement(`div`,{ref:a,className:j(M(Ce),M(je))},J.createElement(qr.Provider,{value:v},n))}function Ur(){let{fullscreen:e,disabled:t,enter:n,exit:r}=Jr(),{render:i}=V();return t?null:i.buttonFullscreen?J.createElement(J.Fragment,null,i.buttonFullscreen?.call(i,{fullscreen:e,disabled:t,enter:n,exit:r})):J.createElement(Bn,{disabled:t,label:e?`Exit Fullscreen`:`Enter Fullscreen`,icon:e?Xr:Yr,renderIcon:e?i.iconExitFullscreen:i.iconEnterFullscreen,onClick:e?r:n})}function Wr({augment:e,contains:t,addParent:n}){e(({fullscreen:e,toolbar:t,...n})=>({toolbar:bt(t,Ce,J.createElement(Ur,null)),fullscreen:Kr(e),...n})),n(t(`thumbnails`)?we:me,I(Ce,Hr))}var J,Gr,Kr,qr,Jr,Yr,Xr;function Zr(){return(Zr=e((()=>{J=t(n(),1),sr(),nt(),Gr={auto:!1,ref:null},Kr=e=>({...Gr,...e}),qr=J.createContext(null),Jr=P(`useFullscreen`,`FullscreenContext`,qr),Yr=R(`EnterFullscreen`,J.createElement(`path`,{d:`M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z`})),Xr=R(`ExitFullscreen`,J.createElement(`path`,{d:`M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z`}))})))()}function Qr(){let{thumbnails:e}=V();return li(e)}function $r({slide:e,render:t,rect:n,imageFit:r}){let i=t.thumbnail?.call(t,{slide:e,render:t,rect:n,imageFit:r});if(i)return i;let a={render:t,rect:n,imageFit:r};if(e.thumbnail)return Y.createElement(Jt,{slide:{src:e.thumbnail},...a});if(F(e))return Y.createElement(Jt,{slide:e,...a});let o=M(X($e));return e.type===`video`?Y.createElement(Y.Fragment,null,e.poster&&Y.createElement(Jt,{slide:{src:e.poster},...a}),Y.createElement(di,{className:o})):Y.createElement(fi,{className:o})}function ei({slide:e,index:t,onClick:n,fadeIn:r,fadeOut:i,placeholder:a,onLoseFocus:o}){let s=Y.useRef(null),{render:c,styles:l,labels:u}=V(),{slides:d,globalIndex:f}=H(),{getOwnerDocument:p}=kn(),{width:m,height:h,imageFit:g}=Qr(),_={width:m,height:h},v=t===f,y=z(o);return Y.useEffect(()=>{i&&p().activeElement===s.current&&y()},[i,y,p]),Y.createElement(`button`,{ref:s,type:`button`,className:j(M(Me),M(X()),v&&M(X(pi())),r&&M(X(mi())),i&&M(X(hi())),a&&M(X(gi()))),style:{...r?{[N(X(mi(vi)))]:`${r.duration}ms`,[N(X(mi(_i)))]:`${r.delay}ms`}:null,...i?{[N(X(hi(vi)))]:`${i.duration}ms`,[N(X(hi(_i)))]:`${i.delay}ms`}:null,...l.thumbnail},onClick:n,"aria-current":v?!0:void 0,"aria-label":ot(u,d,t)},e&&$r({slide:e,render:c,rect:_,imageFit:g}))}function ti(e){return[`top`,`bottom`].includes(e)}function ni(e,t){return t+2*(e.border+e.padding)+e.gap}function ri(e){let{thumbnail:t,poster:n}=e||{thumbnail:`placeholder`};return typeof t==`string`&&t||typeof n==`string`&&n||e&&yt(e)||void 0}function ii({visible:e,containerRef:t}){let n=Y.useRef(null),r=Gt(),{publish:i,subscribe:a}=jn(),{carousel:o,styles:s,labels:c}=V(),{slides:l,globalIndex:u,animation:d}=H(),{registerSensors:f,subscribeSensors:p}=Kt();sn(p);let m=Qr(),{position:h,width:g,height:_,border:v,borderStyle:y,borderColor:b,borderRadius:x,padding:S,gap:C,vignette:w}=m,T=d?.duration!==void 0&&d?.increment||0,E=d?.duration||0,{prepareAnimation:ee}=zt(n,e=>({keyframes:ti(h)?[{transform:`translateX(${(r?-1:1)*ni(m,g)*T+e}px)`},{transform:`translateX(0)`}]:[{transform:`translateY(${ni(m,_)*T+e}px)`},{transform:`translateY(0)`}],duration:E,easing:d?.easing})),D=z(()=>{let e=0;if(t.current&&n.current){let r=t.current.getBoundingClientRect(),i=n.current.getBoundingClientRect();e=ti(h)?i.left-r.left-(r.width-i.width)/2:i.top-r.top-(r.height-i.height)/2}ee(e)});Y.useEffect(()=>st(a(ze,D)),[a,D]);let O=xt(o,l),k=[];if(gt(l))for(let e=u-O-Math.abs(T);e<=u+O+Math.abs(T);e+=1){let t=o.finite&&(e<0||e>l.length-1)||T<0&&e<u-O||T>0&&e>u+O?null:_t(l,e),n=[`${e}`,ri(t)].filter(Boolean).join(`|`);k.push({key:n,index:e,slide:t})}let te=e=>()=>{e>u?i(Re,{count:e-u}):e<u&&i(Le,{count:u-e})};return Y.createElement(`div`,{className:j(M(ui(`container`)),M(Me)),style:{...e?null:{display:`none`},...g===ci.width?null:{[N(X(`width`))]:`${g}px`},..._===ci.height?null:{[N(X(`height`))]:`${_}px`},...v===ci.border?null:{[N(X(`border`))]:`${v}px`},...y?{[N(X(`border_style`))]:y}:null,...b?{[N(X(`border_color`))]:b}:null,...x===ci.borderRadius?null:{[N(X(`border_radius`))]:`${x}px`},...S===ci.padding?null:{[N(X(`padding`))]:`${S}px`},...C===ci.gap?null:{[N(X(`gap`))]:`${C}px`},...s.thumbnailsContainer}},Y.createElement(`nav`,{ref:n,style:s.thumbnailsTrack,className:j(M(ui(`track`)),M(Me)),"aria-label":at(c,`Thumbnails`),tabIndex:-1,...f},k.map(({key:e,index:t,slide:r})=>{let i=E/Math.abs(T||1),a=T>0&&t>u+O-T&&t<=u+O||T<0&&t<u-O-T&&t>=u-O?{duration:i,delay:((T>0?t-(u+O-T):u-O-T-t)-1)*i}:void 0,o=T>0&&t<u-O||T<0&&t>u+O?{duration:i,delay:(T>0?T-(u-O-t):-T-(t-(u+O)))*i}:void 0;return Y.createElement(ei,{key:e,index:t,slide:r,fadeIn:a,fadeOut:o,placeholder:!r,onClick:te(t),onLoseFocus:()=>n.current?.focus()})})),w&&Y.createElement(`div`,{className:M(ui(`vignette`))}))}function ai({children:e,...t}){let{ref:n,position:r,hidden:i}=li(t.thumbnails),[a,o]=Y.useState(!i),s=Y.useRef(null),c=Y.useMemo(()=>({visible:a,show:()=>o(!0),hide:()=>o(!1)}),[a]);return Y.useImperativeHandle(n,()=>c,[c]),Y.createElement(At,{...t},Y.createElement(yi.Provider,{value:c},Y.createElement(`div`,{ref:s,className:j(M(ui()),M(ui(`${r}`)))},[`start`,`top`].includes(r)&&Y.createElement(ii,{containerRef:s,visible:a}),Y.createElement(`div`,{className:M(ui(`wrapper`))},e),[`end`,`bottom`].includes(r)&&Y.createElement(ii,{containerRef:s,visible:a}))))}function oi(){let{visible:e,show:t,hide:n}=bi(),{render:r}=V();return r.buttonThumbnails?Y.createElement(Y.Fragment,null,r.buttonThumbnails({visible:e,show:t,hide:n})):Y.createElement(Bn,{label:e?`Hide thumbnails`:`Show thumbnails`,icon:e?Si:Ci,renderIcon:e?r.iconThumbnailsVisible:r.iconThumbnailsHidden,onClick:e?n:t})}function si({augment:e,contains:t,append:n,addParent:r}){e(({thumbnails:e,toolbar:t,...n})=>{let r=li(e);return{toolbar:bt(t,we,r.showToggle?Y.createElement(oi,null):null),thumbnails:r,...n}});let i=I(we,ai);t(`fullscreen`)?n(Ce,i):r(me,i)}var Y,ci,li,ui,X,di,fi,pi,mi,hi,gi,_i,vi,yi,bi,xi,Si,Ci;function wi(){return(wi=e((()=>{Y=t(n(),1),sr(),nt(),ci={ref:null,position:`bottom`,width:120,height:80,border:1,borderRadius:4,padding:4,gap:16,imageFit:`contain`,vignette:!0,hidden:!1,showToggle:!1},li=e=>({...ci,...e}),ui=e=>rt(we,e),X=e=>ui(rt(`thumbnail`,e)),di=R(`VideoThumbnail`,Y.createElement(`path`,{d:`M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z`})),fi=R(`UnknownThumbnail`,Y.createElement(`path`,{d:`M23 18V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zM8.5 12.5l2.5 3.01L14.5 11l4.5 6H5l3.5-4.5z`})),pi=it(`active`),mi=it(`fadein`),hi=it(`fadeout`),gi=it(`placeholder`),_i=`delay`,vi=`duration`,yi=Y.createContext(null),bi=P(`useThumbnails`,`ThumbnailsContext`,yi),xi=()=>Y.createElement(Y.Fragment,null,Y.createElement(`path`,{strokeWidth:2,stroke:`currentColor`,strokeLinejoin:`round`,fill:`none`,d:`M3 5l18 0l0 14l-18 0l0-14z`}),Y.createElement(`path`,{d:`M5 14h4v3h-4zM10 14h4v3h-4zM15 14h4v3h-4z`})),Si=R(`ThumbnailsVisible`,xi()),Ci=It(`ThumbnailsHidden`,xi())})))()}function Ti(e){return Math.min(Math.max(e,2**-52),1)}function Ei(e){let{minZoom:t,...n}={...Ui,...e};return{minZoom:Ti(t),...n}}function Di(e,t,n,r){let i=Z.useRef(void 0),a=Z.useRef(void 0),{zoom:o}=V().animation,s=Lt(),c=z(()=>{var c,l;if((c=i.current)==null||c.cancel(),i.current=void 0,a.current&&r?.current){try{i.current=(l=r.current).animate?.call(l,[{transform:a.current},{transform:`scale(${e}) translateX(${t}px) translateY(${n}px)`}],{duration:s?0:o??500,easing:i.current?`ease-out`:`ease-in-out`})}catch(e){console.error(e)}a.current=void 0,i.current&&(i.current.onfinish=()=>{i.current=void 0})}});return U(c,[e,t,n,c]),Z.useCallback(()=>{a.current=r?.current?window.getComputedStyle(r.current).transform:void 0},[r])}function Oi(e,t){let{on:n}=V(),r=z(()=>{var r;t||(r=n.zoom)==null||r.call(n,{zoom:e})});Z.useEffect(r,[e,r])}function ki(){let{zoom:e}=V();return Ei(e)}function Ai(e,t){let n=typeof e==`function`?e(t)??Ui.maxZoom:e;return Math.max(n,1)}function ji(e,t){let n={width:0,height:0},r={width:0,height:0},{currentSlide:i}=H(),{imageFit:a}=V().carousel,{maxZoomPixelRatio:o,maxZoom:s}=ki();if(e&&i){let s={...i,...t};if(F(s)){let t=ut(s,a),i=Math.max(...(s.srcSet?.map(e=>e.width)||[]).concat(s.width?[s.width]:[])),c=Math.max(...(s.srcSet?.map(e=>e.height)||[]).concat(s.height?[s.height]:[]));i>0&&c>0&&e.width>0&&e.height>0&&(r=t?{width:Math.round(Math.min(i,e.width/e.height*c)),height:Math.round(Math.min(c,e.height/e.width*i))}:{width:i,height:c},r={width:r.width*o,height:r.height*o},n=t?{width:Math.min(e.width,r.width,i),height:Math.min(e.height,r.height,c)}:{width:Math.round(Math.min(e.width,e.height/c*i,i)),height:Math.round(Math.min(e.height,e.width/i*c,c))})}else e.width>0&&e.height>0&&(n=t&&t.width>0&&t.height>0?{width:Math.min(e.width,t.width),height:Math.min(e.height,t.height)}:{width:e.width,height:e.height})}let c=i&&n.width?F(i)?Math.max(lt(r.width/n.width,5),1):Ai(s,i):1;return{imageRect:n,maxZoom:c}}function Mi(e,t){return Math.hypot(e.clientX-t.clientX,e.clientY-t.clientY)}function Ni(e,t,n=100,r=2){return e*Math.min(1+Math.abs(t/n),r)**Math.sign(t)}function Pi(e,t,n,r,i,a,o,s,c){let l=Z.useRef([]),u=Z.useRef(0),d=Z.useRef(void 0),{globalIndex:f}=H(),{getOwnerWindow:p}=kn(),{containerRef:m,subscribeSensors:h}=K(),{keyboardMoveDistance:g,zoomInMultiplier:_,wheelZoomDistanceFactor:v,scrollToZoom:y,doubleTapDelay:b,doubleClickDelay:x,doubleClickMaxStops:S,pinchZoomDistanceFactor:C,pinchZoomV4:w}=ki(),T=Z.useCallback(e=>{if(m.current){let{pageX:t,pageY:n}=e,{scrollX:r,scrollY:i}=p(),{left:a,top:o,width:s,height:c}=m.current.getBoundingClientRect();return[t-a-r-s/2,n-o-i-c/2]}return[]},[m,p]),E=z(t=>{let{key:n,metaKey:r,ctrlKey:c}=t,l=r||c,u=()=>{t.preventDefault(),t.stopPropagation()};if(e>1){let e=(e,t)=>{u(),s(e,t)};n===`ArrowDown`?e(0,g):n===`ArrowUp`?e(0,-g):n===`ArrowLeft`?e(-g,0):n===`ArrowRight`&&e(g,0)}n===`+`||l&&n===`=`?(u(),i()):n===`-`||l&&n===`_`?(u(),a()):l&&n===`0`&&(u(),o(1))}),ee=z(t=>{if((t.ctrlKey||y)&&Math.abs(t.deltaY)>Math.abs(t.deltaX)){t.stopPropagation(),o(Ni(e,-t.deltaY,v),!0,...T(t));return}e>1&&(t.stopPropagation(),y||s(t.deltaX,t.deltaY))}),D=Z.useCallback(e=>{let t=l.current;t.splice(0,t.length,...t.filter(t=>t.pointerId!==e.pointerId))},[]),O=Z.useCallback(e=>{D(e),e.persist(),l.current.push(e)},[D]),k=z(r=>{let i=l.current;if(r.pointerType===`mouse`&&r.buttons>1||!(c?.current)?.contains(r.target))return;e>1&&r.stopPropagation();let{timeStamp:a}=r;if(i.length===0&&a-u.current<(r.pointerType===`touch`?b:x)?(u.current=0,o(e>=1?e===n?1:e*Math.max(n**(1/S),_):e===t?1:e/Math.max(t**(-1/S),_),!1,...T(r))):u.current=a,O(r),i.length===2){let t=Mi(i[0],i[1]);d.current={previousDistance:t,initialDistance:Math.max(t,1),initialZoom:e}}}),te=z(t=>{let n=l.current,r=n.find(e=>e.pointerId===t.pointerId);if(n.length===2&&d.current){t.stopPropagation(),O(t);let r=Mi(n[0],n[1]);o(w?d.current.initialZoom/d.current.initialDistance*r:Ni(e,r-d.current.previousDistance,C),!0,...n.map(e=>T(e)).reduce((e,t)=>t.map((t,n)=>e[n]+t/2))),d.current.previousDistance=r;return}e>1&&(t.stopPropagation(),r&&(n.length===1&&s((r.clientX-t.clientX)/e,(r.clientY-t.clientY)/e),O(t)))}),A=Z.useCallback(e=>{let t=l.current;t.length===2&&t.find(t=>t.pointerId===e.pointerId)&&(d.current=void 0),D(e)},[D]),ne=Z.useCallback(()=>{let e=l.current;e.splice(0,e.length),u.current=0,d.current=void 0},[]);Yt(h,k,te,A,r),Z.useEffect(ne,[f,ne]),Z.useEffect(()=>r?()=>{}:st(ne,h(Ke,E),h(Je,ee)),[r,h,ne,E,ee])}function Fi(e,t,n){let[r,i]=Z.useState(1),[a,o]=Z.useState(0),[s,c]=Z.useState(0),l=Di(r,a,s,n),{currentSlide:u,globalIndex:d}=H(),{containerRect:f,slideRect:p}=K(),{minZoom:m,zoomInMultiplier:h}=ki(),g=u&&F(u)?u.src:void 0,_=!n?.current;U(()=>{i(1),o(0),c(0)},[d,g]);let v=Z.useCallback((t,n,i)=>{let l=i||r,u=a-(t||0),d=s-(n||0),f=(e.width*l-p.width)/2/l,m=(e.height*l-p.height)/2/l;o(Math.min(Math.abs(u),Math.max(f,0))*Math.sign(u)),c(Math.min(Math.abs(d),Math.max(m,0))*Math.sign(d))},[r,a,s,p,e.width,e.height]),y=Z.useCallback((e,n,a,o)=>{let s=lt(e+.01<t?e-.01>m?e:m:t,5);n||l(),v(a?a*(1/r-1/s):0,o?o*(1/r-1/s):0,s),i(s)},[r,m,t,v,l]),b=z(()=>{r>1&&(r>t&&y(t,!0),v())});return U(b,[f.width,f.height,b]),{zoom:r,offsetX:a,offsetY:s,disabled:_,changeOffsets:v,changeZoom:y,zoomIn:Z.useCallback(()=>{let e=r*h;y(r<1&&e>1?1:e)},[r,h,y]),zoomOut:Z.useCallback(()=>{let e=r/h;y(r>1&&e<1?1:e)},[r,h,y])}}function Ii({children:e}){let[t,n]=Z.useState(),{slideRect:r}=K(),{ref:i,minZoom:a}=ki(),{imageRect:o,maxZoom:s}=ji(r,t?.imageDimensions),{zoom:c,offsetX:l,offsetY:u,disabled:d,changeZoom:f,changeOffsets:p,zoomIn:m,zoomOut:h}=Fi(o,s,t?.zoomWrapperRef);Oi(c,d),Pi(c,a,s,d,m,h,f,p,t?.zoomWrapperRef);let g=Z.useMemo(()=>({zoom:c,minZoom:a,maxZoom:s,offsetX:l,offsetY:u,disabled:d,zoomIn:m,zoomOut:h,changeZoom:f}),[c,a,s,l,u,d,m,h,f]);Z.useImperativeHandle(i,()=>g,[g]);let _=Z.useMemo(()=>({...g,setZoomWrapper:n}),[g,n]);return Z.createElement(Wi.Provider,{value:_},e)}function Li(){let e=Z.useRef(null),t=Z.useRef(null),{focus:n}=K(),r=Z.useCallback(e=>{var t;e.current?.disabled?n():(t=e.current)==null||t.focus()},[n]),i=Z.useCallback(()=>r(e),[r]),a=Z.useCallback(()=>r(t),[r]);return Z.createElement(Z.Fragment,null,Z.createElement(Ji,{zoomIn:!0,ref:e,onLoseFocus:a}),Z.createElement(Ji,{ref:t,onLoseFocus:i}))}function Ri(){let{render:e}=V(),t=Gi();return e.buttonZoom?Z.createElement(Z.Fragment,null,e.buttonZoom(t)):Z.createElement(Li,null)}function zi(e){return(e.srcSet?.length||0)>0}function Bi({current:e,preload:t},{type:n,source:r}){switch(n){case`fetch`:return e?{current:e,preload:r}:{current:r};case`done`:return r===t?{current:r}:{current:e,preload:t};default:throw Error(tt)}}function Vi(e){let[{current:t,preload:n},r]=Z.useReducer(Bi,{}),{slide:i,rect:a,imageFit:o,render:s,interactive:c}=e,l=i.srcSet.sort((e,t)=>e.width-t.width),u=i.width??l[l.length-1].width,d=i.height??l[l.length-1].height,f=ut(i,o),p=Math.max(...l.map(e=>e.width)),m=Math.min((f?Math.max:Math.min)(a.width,u*(a.height/d)),p),h=mt(),g=z(()=>{let e=l.find(e=>e.width>=m*h)??l[l.length-1];(!t||l.findIndex(e=>e.src===t)<l.findIndex(t=>t===e))&&r({type:`fetch`,source:e.src})});U(g,[a.width,a.height,h,g]);let _=z(e=>r({type:`done`,source:e})),v={WebkitTransform:c?`initial`:`translateZ(0)`};return f||Object.assign(v,a.width/a.height<u/d?{width:`100%`,height:`auto`}:{width:`auto`,height:`100%`}),Z.createElement(Z.Fragment,null,n&&n!==t&&Z.createElement(Jt,{key:`preload`,...e,offset:void 0,slide:{...i,src:n,srcSet:void 0},style:{position:`absolute`,visibility:`hidden`,...v},onLoad:()=>_(n),render:{...s,iconLoading:()=>null,iconError:()=>null}}),t&&Z.createElement(Jt,{key:`current`,...e,slide:{...i,src:t,srcSet:void 0},style:v}))}function Hi({render:e,slide:t,offset:n,rect:r}){let[i,a]=Z.useState(),o=Z.useRef(null),s=F(t),{zoom:c,maxZoom:l,offsetX:u,offsetY:d,setZoomWrapper:f}=Gi(),p=c>1,{carousel:m,on:h}=V(),{currentIndex:g}=H();U(()=>{if(n!==0||s||!o.current)return()=>{};let e=()=>{let e=o.current;if(!e)return;let t=0,n=0;for(let r of e.children)r instanceof HTMLElement&&(t=Math.max(t,r.offsetWidth),n=Math.max(n,r.offsetHeight));a(e=>e&&e.width===t&&e.height===n?e:{width:t,height:n})};if(e(),typeof ResizeObserver>`u`)return()=>{};let t=new ResizeObserver(e);for(let e of o.current.children)t.observe(e);return()=>t.disconnect()},[n,s,r]),U(()=>n===0?(f({zoomWrapperRef:o,imageDimensions:i}),()=>f(void 0)):()=>{},[n,i,f]);let _=e.slide?.call(e,{slide:t,offset:n,rect:r,zoom:c,maxZoom:l});if(!_&&s){let i={slide:t,offset:n,rect:r,render:e,imageFit:m.imageFit,imageProps:m.imageProps,onClick:n===0?()=>h.click?.call(h,{index:g}):void 0};_=zi(t)?Z.createElement(Vi,{...i,slide:t,interactive:p,rect:n===0?{width:r.width*c,height:r.height*c}:r}):Z.createElement(Jt,{onLoad:e=>a({width:e.naturalWidth,height:e.naturalHeight}),...i})}return _?Z.createElement(`div`,{ref:o,className:j(M(je),M(Me),M(Ie),p&&M(`slide_wrapper_interactive`)),style:n===0?{transform:`scale(${c}) translateX(${u}px) translateY(${d}px)`}:void 0},_):null}var Z,Ui,Wi,Gi,Ki,qi,Ji,Yi;function Xi(){return(Xi=e((()=>{Z=t(n(),1),sr(),nt(),Ui={minZoom:1,maxZoomPixelRatio:1,zoomInMultiplier:2,doubleTapDelay:300,doubleClickDelay:500,doubleClickMaxStops:2,keyboardMoveDistance:50,wheelZoomDistanceFactor:100,pinchZoomDistanceFactor:100,pinchZoomV4:!1,scrollToZoom:!1,maxZoom:8},Wi=Z.createContext(null),Gi=P(`useZoom`,`ZoomControllerContext`,Wi),Ki=R(`ZoomIn`,Z.createElement(Z.Fragment,null,Z.createElement(`path`,{d:`M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z`}),Z.createElement(`path`,{d:`M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z`}))),qi=R(`ZoomOut`,Z.createElement(`path`,{d:`M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z`})),Ji=Z.forwardRef(function({zoomIn:e,onLoseFocus:t},n){let r=Z.useRef(!1),i=Z.useRef(!1),{zoom:a,minZoom:o,maxZoom:s,zoomIn:c,zoomOut:l,disabled:u}=Gi(),{render:d}=V(),f=u||(e?a>=s:a<=o);return Z.useEffect(()=>{f&&r.current&&i.current&&t(),f||(r.current=!0)},[f,t]),Z.createElement(Bn,{ref:n,disabled:f,label:e?`Zoom in`:`Zoom out`,icon:e?Ki:qi,renderIcon:e?d.iconZoomIn:d.iconZoomOut,onClick:e?c:l,onFocus:()=>{i.current=!0},onBlur:()=>{i.current=!1}})}),Yi=({augment:e,addModule:t})=>{e(({zoom:e,toolbar:t,render:n,controller:r,...i})=>{let a=Ei(e);return{zoom:a,toolbar:bt(t,Te,Z.createElement(Ri,null)),render:{...n,slide:e=>F(e.slide)||e.slide.type!=null&&a.supports?.includes(e.slide.type)?Z.createElement(Hi,{render:n,...e}):n.slide?.call(n,e)},controller:{...r,preventDefaultWheelY:a.scrollToZoom},...i}}),t(I(Te,Ii))}})))()}function Zi(e){return Number.isFinite(e)&&e>0}function Qi(e,t){let n=e.width===void 0?e.density===void 0?0:t*e.density:e.width;return Zi(n)?Math.round(n):null}function $i(e){let{intrinsicWidth:t,intrinsicHeight:n}=e;if(t===void 0||n===void 0||!Zi(t)||!Zi(n))return;let r=new Map;for(let i of e.candidates??[]){let e=Qi(i,t);e===null||r.has(e)||r.set(e,{src:i.src,width:e,height:Math.max(1,Math.round(e*n/t))})}let i=[...r.values()].sort((e,t)=>e.width-t.width);return i.length>0?i:void 0}function ea(e){return e.map(e=>{let t=Zi(e.intrinsicWidth??0)&&Zi(e.intrinsicHeight??0);return{src:e.src,alt:e.alt,width:t?e.intrinsicWidth:void 0,height:t?e.intrinsicHeight:void 0,srcSet:$i(e),title:e.title===void 0?e.alt:e.title,description:e.description,thumbnail:e.thumbnail,download:e.download}})}function ta(e){let t={...na,...e};return{Previous:t.previous,Next:t.next,Close:t.close,Slide:t.slide,Carousel:t.carousel,Lightbox:t.lightbox,"Photo gallery":t.photoGallery,"{index} of {total}":t.slideCounter,"Zoom in":t.zoomIn,"Zoom out":t.zoomOut,"Enter Fullscreen":t.enterFullscreen,"Exit Fullscreen":t.exitFullscreen,Thumbnails:t.thumbnails,"Show thumbnails":t.showThumbnails,"Hide thumbnails":t.hideThumbnails,Caption:t.caption,"Show captions":t.showCaptions,"Hide captions":t.hideCaptions,Download:t.download}}var na;function ra(){return(ra=e((()=>{na={previous:`Предыдущее изображение`,next:`Следующее изображение`,close:`Закрыть просмотр`,slide:`Изображение`,carousel:`Карусель изображений`,lightbox:`Просмотр изображений`,photoGallery:`Галерея изображений`,slideCounter:`{index} из {total}`,zoomIn:`Увеличить`,zoomOut:`Уменьшить`,enterFullscreen:`Перейти в полноэкранный режим`,exitFullscreen:`Выйти из полноэкранного режима`,thumbnails:`Миниатюры`,showThumbnails:`Показать миниатюры`,hideThumbnails:`Скрыть миниатюры`,caption:`Подпись изображения`,showCaptions:`Показать подписи`,hideCaptions:`Скрыть подписи`,download:`Скачать изображение`}})))()}var ia,aa,oa,sa,Q;function ca(){return(ca=e((()=>{ia=`acj1dM`,aa=`jt3y3m`,oa=`_2SAWIU`,sa=`_1GqI3h`,Q={viewer:ia,icon:aa,loadingIcon:oa,imageViewerSpin:sa}})))()}function la({open:e,images:t,index:n=0,onClose:r,onIndexChange:a,features:s,loop:l=!1,closeOnBackdropClick:d=!0,closeOnPullDown:f=!0,labels:p,className:m,style:g,onRuntimeMounted:_}){(0,ua.useEffect)(()=>{_()},[_]);let y=(0,ua.useMemo)(()=>ea(t),[t]),b=Number.isFinite(n)?Math.trunc(n):0,S=y.length>0?Math.min(Math.max(b,0),y.length-1):0,C=t.some(e=>(e.title===void 0?e.alt:e.title)!=null||e.description!==void 0&&e.description!==null),T=s?.captions??C,E=s?.counter??y.length>1,D=s?.download??!1,O=s?.fullscreen??!0,te=s?.thumbnails??y.length>1,A=s?.zoom??!0,re=(0,ua.useMemo)(()=>[...T?[pr]:[],...E?[wr]:[],...D?[Ir]:[],...O?[Wr]:[],...te?[si]:[],...A?[Yi]:[]],[T,E,D,O,te,A]),ie=(0,ua.useMemo)(()=>ta(p),[p]),oe={open:e&&y.length>0,close:r,index:S,slides:y,plugins:re,className:h(Q.viewer,m),portal:{container:{style:g}},labels:ie,carousel:{finite:!l},controller:{closeOnBackdropClick:d,closeOnPullDown:f},captions:{showToggle:!0},counter:{separator:` / `,container:{style:T?{top:da}:void 0}},thumbnails:{showToggle:!0},download:{download:({slide:e,saveAs:t})=>{if(!(!F(e)||e.download===!1)){if(typeof e.download==`string`){t(e.download);return}if(typeof e.download==`object`){t(e.download.url,e.download.filename);return}t(e.src)}}},on:{view:({index:e})=>{e!==S&&a?.(e)}},render:{iconPrev:()=>(0,$.jsx)(i,{"aria-hidden":`true`,className:Q.icon}),iconNext:()=>(0,$.jsx)(o,{"aria-hidden":`true`,className:Q.icon}),iconClose:()=>(0,$.jsx)(u,{"aria-hidden":`true`,className:Q.icon}),iconLoading:()=>(0,$.jsx)(k,{"aria-hidden":`true`,className:h(Q.icon,Q.loadingIcon)}),iconError:()=>(0,$.jsx)(ee,{"aria-hidden":`true`,className:Q.icon}),iconZoomIn:()=>(0,$.jsx)(ce,{"aria-hidden":`true`,className:Q.icon}),iconZoomOut:()=>(0,$.jsx)(de,{"aria-hidden":`true`,className:Q.icon}),iconEnterFullscreen:()=>(0,$.jsx)(ne,{"aria-hidden":`true`,className:Q.icon}),iconExitFullscreen:()=>(0,$.jsx)(ae,{"aria-hidden":`true`,className:Q.icon}),iconThumbnailsVisible:()=>(0,$.jsx)(w,{"aria-hidden":`true`,className:Q.icon}),iconThumbnailsHidden:()=>(0,$.jsx)(w,{"aria-hidden":`true`,className:Q.icon}),iconCaptionsVisible:()=>(0,$.jsx)(x,{"aria-hidden":`true`,className:Q.icon}),iconCaptionsHidden:()=>(0,$.jsx)(v,{"aria-hidden":`true`,className:Q.icon}),iconDownload:()=>(0,$.jsx)(c,{"aria-hidden":`true`,className:Q.icon})}};return(0,$.jsx)(xn,{...oe})}var ua,$,da;function fa(){return(fa=e((()=>{ua=n(),g(),S(),y(),r(),a(),s(),T(),D(),te(),re(),oe(),l(),le(),fe(),sr(),Sr(),Or(),Vr(),Zr(),wi(),Xi(),ra(),ca(),$=f(),da=`var(--_image-viewer-top-row-height)`,la.__docgenInfo={description:"Тяжёлый runtime ImageViewer, изолированный в отдельном динамическом chunk.\nКомпонент приватен для `/image`: YARL-типы и plugin-контракты не должны становиться API foundation.",methods:[],displayName:`ImageViewerRuntime`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},images:{required:!0,tsType:{name:`unknown`},description:``},index:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`0`,computed:!1}},onClose:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onIndexChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(index: number) => void`,signature:{arguments:[{type:{name:`number`},name:`index`}],return:{name:`void`}}},description:``},features:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
+	readonly captions?: boolean;
+	readonly counter?: boolean;
+	readonly download?: boolean;
+	readonly fullscreen?: boolean;
+	readonly thumbnails?: boolean;
+	readonly zoom?: boolean;
+}`,signature:{properties:[{key:`captions`,value:{name:`boolean`,required:!1}},{key:`counter`,value:{name:`boolean`,required:!1}},{key:`download`,value:{name:`boolean`,required:!1}},{key:`fullscreen`,value:{name:`boolean`,required:!1}},{key:`thumbnails`,value:{name:`boolean`,required:!1}},{key:`zoom`,value:{name:`boolean`,required:!1}}]}},description:``},loop:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},closeOnBackdropClick:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},closeOnPullDown:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},labels:{required:!1,tsType:{name:`Partial`,elements:[{name:`signature`,type:`object`,raw:`{
+	readonly previous: string;
+	readonly next: string;
+	readonly close: string;
+	readonly slide: string;
+	readonly carousel: string;
+	readonly lightbox: string;
+	readonly photoGallery: string;
+	readonly slideCounter: string;
+	readonly zoomIn: string;
+	readonly zoomOut: string;
+	readonly enterFullscreen: string;
+	readonly exitFullscreen: string;
+	readonly thumbnails: string;
+	readonly showThumbnails: string;
+	readonly hideThumbnails: string;
+	readonly caption: string;
+	readonly showCaptions: string;
+	readonly hideCaptions: string;
+	readonly download: string;
+}`,signature:{properties:[{key:`previous`,value:{name:`string`,required:!0}},{key:`next`,value:{name:`string`,required:!0}},{key:`close`,value:{name:`string`,required:!0}},{key:`slide`,value:{name:`string`,required:!0}},{key:`carousel`,value:{name:`string`,required:!0}},{key:`lightbox`,value:{name:`string`,required:!0}},{key:`photoGallery`,value:{name:`string`,required:!0}},{key:`slideCounter`,value:{name:`string`,required:!0}},{key:`zoomIn`,value:{name:`string`,required:!0}},{key:`zoomOut`,value:{name:`string`,required:!0}},{key:`enterFullscreen`,value:{name:`string`,required:!0}},{key:`exitFullscreen`,value:{name:`string`,required:!0}},{key:`thumbnails`,value:{name:`string`,required:!0}},{key:`showThumbnails`,value:{name:`string`,required:!0}},{key:`hideThumbnails`,value:{name:`string`,required:!0}},{key:`caption`,value:{name:`string`,required:!0}},{key:`showCaptions`,value:{name:`string`,required:!0}},{key:`hideCaptions`,value:{name:`string`,required:!0}},{key:`download`,value:{name:`string`,required:!0}}]}}],raw:`Partial<ImageViewerLabels>`},description:``},className:{required:!1,tsType:{name:`string`},description:``},style:{required:!1,tsType:{name:`intersection`,raw:`CSSProperties & Partial<Record<ImageViewerCssVariable, string | number>>`,elements:[{name:`CSSProperties`},{name:`Partial`,elements:[{name:`Record`,elements:[{name:`union`,raw:`| "--image-viewer-z-index"
+| "--image-viewer-backdrop"
+| "--image-viewer-control-color"
+| "--image-viewer-control-active-color"
+| "--image-viewer-control-disabled-color"
+| "--image-viewer-control-background"
+| "--image-viewer-control-border"
+| "--image-viewer-control-radius"
+| "--image-viewer-control-filter"
+| "--image-viewer-icon-size"
+| "--image-viewer-icon-stroke-width"
+| "--image-viewer-toolbar-padding"
+| "--image-viewer-focus"
+| "--image-viewer-focus-offset"
+| "--image-viewer-image-radius"
+| "--image-viewer-caption-background"
+| "--image-viewer-caption-color"
+| "--image-viewer-counter-color"
+| "--image-viewer-thumbnail-background"
+| "--image-viewer-thumbnail-border-color"
+| "--image-viewer-thumbnail-active-border-color"
+| "--image-viewer-loading-color"
+| "--image-viewer-error-color"`,elements:[{name:`literal`,value:`"--image-viewer-z-index"`},{name:`literal`,value:`"--image-viewer-backdrop"`},{name:`literal`,value:`"--image-viewer-control-color"`},{name:`literal`,value:`"--image-viewer-control-active-color"`},{name:`literal`,value:`"--image-viewer-control-disabled-color"`},{name:`literal`,value:`"--image-viewer-control-background"`},{name:`literal`,value:`"--image-viewer-control-border"`},{name:`literal`,value:`"--image-viewer-control-radius"`},{name:`literal`,value:`"--image-viewer-control-filter"`},{name:`literal`,value:`"--image-viewer-icon-size"`},{name:`literal`,value:`"--image-viewer-icon-stroke-width"`},{name:`literal`,value:`"--image-viewer-toolbar-padding"`},{name:`literal`,value:`"--image-viewer-focus"`},{name:`literal`,value:`"--image-viewer-focus-offset"`},{name:`literal`,value:`"--image-viewer-image-radius"`},{name:`literal`,value:`"--image-viewer-caption-background"`},{name:`literal`,value:`"--image-viewer-caption-color"`},{name:`literal`,value:`"--image-viewer-counter-color"`},{name:`literal`,value:`"--image-viewer-thumbnail-background"`},{name:`literal`,value:`"--image-viewer-thumbnail-border-color"`},{name:`literal`,value:`"--image-viewer-thumbnail-active-border-color"`},{name:`literal`,value:`"--image-viewer-loading-color"`},{name:`literal`,value:`"--image-viewer-error-color"`}]},{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]}],raw:`Record<ImageViewerCssVariable, string | number>`}],raw:`Partial<Record<ImageViewerCssVariable, string | number>>`}]},description:``},onRuntimeMounted:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}})))()}fa();export{la as default};

package/storybook-static/assets/{Input-pyUNDVtk.js → Input-CGHba0oM.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{NumberControlled as p,PatternValidation as m,TextControlled as h,WithError as g,n as _,t as v}from"./Input.stories-Ban0Gnck.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:`Input`}),`
-`,(0,x.jsx)(a,{children:`Базовое текстовое и числовое поле для форм, фильтров и служебных панелей`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CrnMVMTc.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-Dz3dJBcm.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Input.stories-C0qWd6SH.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:v,parameters:{docs:{toc:!0}}}),`
+`,(0,x.jsx)(u,{children:`Input`}),`
+`,(0,x.jsx)(o,{children:`Базовое текстовое и числовое поле для форм, фильтров и служебных панелей`}),`
 `,(0,x.jsx)(t.p,{children:`Input уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
 `,(0,x.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,x.jsx)(d,{}),`
-`,(0,x.jsx)(r,{of:h}),`
+`,(0,x.jsx)(f,{}),`
+`,(0,x.jsx)(i,{of:m}),`
 `,(0,x.jsx)(t.pre,{children:(0,x.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { Input } from "@/shared/ui";
@@ -23,17 +23,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:h}),`
+`,(0,x.jsx)(d,{of:m}),`
 `,(0,x.jsx)(t.h3,{id:`контролируемое-числовое-поле`,children:`Контролируемое числовое поле`}),`
 `,(0,x.jsx)(t.p,{children:`Контролируемое числовое поле.`}),`
-`,(0,x.jsx)(u,{of:p}),`
+`,(0,x.jsx)(d,{of:h}),`
 `,(0,x.jsx)(t.h3,{id:`сценарий-с-валидацией-формата`,children:`Сценарий с валидацией формата`}),`
 `,(0,x.jsx)(t.p,{children:`Сценарий с валидацией формата.`}),`
-`,(0,x.jsx)(u,{of:m}),`
+`,(0,x.jsx)(d,{of:_}),`
 `,(0,x.jsx)(t.h3,{id:`состояние-с-ошибкой`,children:`Состояние с ошибкой`}),`
 `,(0,x.jsx)(t.p,{children:`Состояние с ошибкой.`}),`
-`,(0,x.jsx)(u,{of:g}),`
+`,(0,x.jsx)(d,{of:p}),`
 `,(0,x.jsx)(t.h2,{id:`api`,children:`API`}),`
-`,(0,x.jsx)(c,{of:v}),`
+`,(0,x.jsx)(l,{of:v}),`
 `,(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/Input-DtOsW7ur.js

@@ -0,0 +1,3 @@
+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"./x-CyFk00QC.js";import{n as a}from"./iframe-CrnMVMTc.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{o as c,s as l}from"./odata-service-DnPlNGpU-Bpd4Zh9L.js";import{n as u,t as d}from"./ui.module-DoMIk8Oc.js";var f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{f=`lRn5ye`,p=`ce5HAY`,m=`_8TObqB`,h=`Gx3Wbd`,g=`cpwaYo`,_=`itlmix`,v=`aITEGl`,y=`ekyJIt`,b={controlLayout:f,input:p,inputNumber:m,controlWithEndAdornment:h,controlEndAdornment:g,endAdornmentGroup:_,clearButton:v,error:y}})))()}function S({id:e,hasLabel:t,hasDescription:n,hasError:r}){let i=(0,C.useId)(),a=e??i,o=t?`${a}-label`:void 0,s=n?`${a}-description`:void 0,c=r?`${a}-error`:void 0;return{controlId:a,labelId:o,descriptionId:s,errorId:c,describedBy:[s,c].filter(Boolean).join(` `)||void 0}}var C;function w(){return(w=e((()=>{C=n()})))()}function T({label:e,controlId:t,labelId:n}){return(0,F.jsx)(`label`,{id:n,htmlFor:t,className:u.uiLabel,children:e})}function E({label:e,description:t,size:n,disabled:r,className:i}){let{controlId:a,labelId:s,descriptionId:c}=S({hasLabel:e!=null,hasDescription:!!t});return(0,F.jsxs)(`div`,{className:o(u.uiElement,u.uiSizable,n&&u[n],u.disabled,i),"aria-disabled":r||void 0,children:[e&&(0,F.jsx)(T,{label:e,controlId:a,labelId:s}),t&&(0,F.jsx)(`p`,{id:c,className:u.uiDescription,children:t}),(0,F.jsx)(`div`,{className:o(u.uiInputControlFake,`skeletonLine`)})]})}function D({label:e,description:t,disabled:n,className:r,error:i,size:a,controlId:s,labelId:c,descriptionId:l,errorId:d,children:f}){return(0,F.jsxs)(`div`,{className:o(u.uiElement,u.uiSizable,a&&u[a],n&&u.disabled,r),"aria-disabled":n||void 0,children:[e&&(0,F.jsx)(T,{label:e,controlId:s,labelId:c}),t&&(0,F.jsx)(`p`,{id:l,className:u.uiDescription,children:t}),(0,F.jsxs)(`div`,{className:b.controlLayout,children:[f,i&&(0,F.jsx)(`p`,{id:d,className:b.error,role:`alert`,children:i})]})]})}function O({className:e,endAdornment:t,endAdornmentClassName:n,endAdornmentWidth:r,children:i}){let a=t!=null,s=a&&r?{"--input-end-adornment-width":r}:void 0;return(0,F.jsxs)(`div`,{className:o(b.controlLayout,e),style:s,children:[i({controlClassName:a?b.controlWithEndAdornment:void 0}),a&&(0,F.jsx)(`div`,{className:o(b.controlEndAdornment,n),children:t})]})}function k({onClick:e,disabled:t,className:n,ariaLabel:r=`Очистить значение`}){return(0,F.jsx)(`button`,{type:`button`,disabled:t||!e,className:o(b.clearButton,`flexCenter radiusSm`,n),onClick:e,"aria-label":r,children:(0,F.jsx)(i,{})})}function A(e,t,n){if(n)return n;if(e&&t)return`calc((var(--control-height) * 2) + var(--space-xs))`;if(e||t)return`var(--control-height)`}function j({endAdornment:e,onClear:t,disabled:n}){if(!(e==null&&!t))return(0,F.jsxs)(`div`,{className:b.endAdornmentGroup,children:[e,t&&(0,F.jsx)(k,{onClick:t,disabled:n})]})}function M({label:e,description:t,disabled:n,className:r,onClear:i,error:a,onClearError:s,onChange:c,value:l,size:d,allowedPattern:f,endAdornment:p,endAdornmentClassName:m,endAdornmentWidth:h,type:g=`text`,..._}){let[v,y]=(0,P.useState)(!1),x=e=>{let t=e.target.value;f!==void 0&&y(t!==``&&!f.test(t)),c(t),a&&s&&s()},C=!!(l&&l.length>0),w=C?a:void 0,{controlId:T,labelId:E,descriptionId:k,errorId:M,describedBy:N}=S({id:_.id,hasLabel:e!=null,hasDescription:!!t,hasError:!!w}),I=C&&(!!a||v),L=j({endAdornment:p,onClear:i,disabled:n}),R=A(p!=null,!!i,h);return(0,F.jsx)(D,{label:e,description:t,disabled:n,className:r,size:d,error:w,controlId:T,labelId:E,descriptionId:k,errorId:M,children:(0,F.jsx)(O,{endAdornment:L,endAdornmentClassName:m,endAdornmentWidth:R,children:({controlClassName:e})=>(0,F.jsx)(`input`,{..._,id:T,type:g,disabled:n,value:l,"aria-invalid":I||void 0,"aria-labelledby":E,"aria-describedby":N,"data-invalid":I?``:void 0,className:o(u.uiInputControl,b.input,e),onChange:x})})})}function N({label:e,description:t,disabled:n,className:r,onClear:i,error:a,onClearError:s,onChange:l,value:d,size:f,endAdornment:p,endAdornmentClassName:m,endAdornmentWidth:h,...g}){let _=g,{controlId:v,labelId:y,descriptionId:x,errorId:C,describedBy:w}=S({id:g.id,hasLabel:e!=null,hasDescription:!!t,hasError:!!a}),[T,E]=(0,P.useState)(()=>String(d)),k=(0,P.useEffectEvent)(e=>{E(e)});(0,P.useEffect)(()=>{k(d!==void 0&&typeof d==`number`&&!isNaN(d)?String(d):``)},[d]);let M=i?()=>{E(``),i()}:void 0,N=e=>{let t=e.target.value;E(t),l(c(t)),a&&s&&s()},I=j({endAdornment:p,onClear:M,disabled:n}),L=A(p!=null,!!M,h);return(0,F.jsx)(D,{label:e,description:t,disabled:n,className:r,size:f,error:a,controlId:v,labelId:y,descriptionId:x,errorId:C,children:(0,F.jsx)(O,{endAdornment:I,endAdornmentClassName:m,endAdornmentWidth:L,children:({controlClassName:e})=>(0,F.jsx)(`input`,{..._,id:v,type:`number`,inputMode:`decimal`,disabled:n,value:T,"aria-labelledby":y,"aria-describedby":w,className:o(u.uiInputControl,b.input,b.inputNumber,e),onChange:N})})})}var P,F,I;function L(){return(L=e((()=>{P=t(n(),1),l(),s(),r(),d(),x(),w(),F=a(),I=M,E.__docgenInfo={description:``,methods:[],displayName:`InputUILoading`},D.__docgenInfo={description:`Низкоуровневая оболочка поля ввода с общими элементами оформления.`,methods:[],displayName:`InputUI`,props:{className:{required:!1,tsType:{name:`string`},description:``},error:{required:!1,tsType:{name:`string`},description:``},controlId:{required:!1,tsType:{name:`string`},description:``},labelId:{required:!1,tsType:{name:`string`},description:``},descriptionId:{required:!1,tsType:{name:`string`},description:``},errorId:{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}},composes:[`Omit`]},O.__docgenInfo={description:``,methods:[],displayName:`InputControl`,props:{className:{required:!1,tsType:{name:`string`},description:``},endAdornment:{required:!1,tsType:{name:`ReactNode`},description:``},endAdornmentClassName:{required:!1,tsType:{name:`string`},description:``},endAdornmentWidth:{required:!1,tsType:{name:`string`},description:``},children:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(props: InputControlRenderProps) => ReactNode`,signature:{arguments:[{type:{name:`InputControlRenderProps`},name:`props`}],return:{name:`ReactNode`}}},description:``}}},k.__docgenInfo={description:``,methods:[],displayName:`InputClearButton`,props:{onClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},className:{required:!1,tsType:{name:`string`},description:``},ariaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Очистить значение"`,computed:!1}}}},M.__docgenInfo={description:`Базовое текстовое поле ввода для строковых значений.`,methods:[],displayName:`InputText`,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:`T`},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:``},onClear:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},defaultValue:{required:!1,tsType:{name:`string`},description:``},endAdornment:{required:!1,tsType:{name:`ReactNode`},description:``},endAdornmentClassName:{required:!1,tsType:{name:`string`},description:``},endAdornmentWidth:{required:!1,tsType:{name:`string`},description:``},type:{required:!1,tsType:{name:`union`,raw:`"email" | "password" | "search" | "tel" | "text" | "url"`,elements:[{name:`literal`,value:`"email"`},{name:`literal`,value:`"password"`},{name:`literal`,value:`"search"`},{name:`literal`,value:`"tel"`},{name:`literal`,value:`"text"`},{name:`literal`,value:`"url"`}]},description:``,defaultValue:{value:`"text"`,computed:!1}},allowedPattern:{required:!1,tsType:{name:`RegExp`},description:`Регулярное выражение для валидации всего введённого значения.
+При несоответствии поле подсвечивается как невалидное, но текст не удаляется.
+Пример: \`/^\\d*$/\``}},composes:[`Omit`]},N.__docgenInfo={description:`Числовое поле ввода с нормализацией значения и защитой от промежуточного невалидного ввода.`,methods:[],displayName:`InputNumber`,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:``},onClear:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},onClearError:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},defaultValue:{required:!1,tsType:{name:`T`},description:``},endAdornment:{required:!1,tsType:{name:`ReactNode`},description:``},endAdornmentClassName:{required:!1,tsType:{name:`string`},description:``},endAdornmentWidth:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}export{M as a,L as c,N as i,w as l,k as n,D as o,O as r,E as s,I as t,S as u};

package/storybook-static/assets/Input.stories-C0qWd6SH.js

@@ -0,0 +1,38 @@
+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-CrnMVMTc.js";import{a as i,c as a,i as o}from"./Input-DtOsW7ur.js";var s=t({NumberControlled:()=>f,PatternValidation:()=>p,TextControlled:()=>d,WithError:()=>m,__namedExportsOrder:()=>h,default:()=>u}),c,l,u,d,f,p,m,h;function g(){return(g=e((()=>{c=n(),a(),l=r(),u={title:`Shared/UI/Input`,component:i,args:{value:``,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер нативного поля ввода.`,control:`text`},value:{description:`Текущее значение поля.`,control:`text`},onChange:{description:`Вызывается при изменении значения.`,control:!1},onClear:{description:`Callback кнопки очистки справа.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Вызывается при вводе для сброса внешней ошибки.`,control:!1},disabled:{description:`Блокирует редактирование.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},allowedPattern:{description:`Регулярное выражение для валидации введенной строки.`,control:!1}}},d={render:e=>{let[t,n]=(0,c.useState)(e.value??``);return(0,l.jsx)(i,{...e,value:t,onChange:n,onClear:()=>n(``)})},args:{label:`Наименование`,description:`Пример обычного текстового поля.`,placeholder:`Введите значение`,value:``,size:`md`}},f={render:()=>{let[e,t]=(0,c.useState)(25);return(0,l.jsx)(o,{label:`Количество`,description:`Числовой ввод с min/max.`,placeholder:`0`,value:e,min:0,max:100,onChange:t,onClear:()=>t(0)})},args:{value:void 0}},p={render:()=>{let[e,t]=(0,c.useState)(``);return(0,l.jsx)(i,{label:`Только цифры`,description:"`allowedPattern` подсвечивает невалидный ввод.",placeholder:`12345`,value:e,onChange:t,allowedPattern:/^\d*$/})},args:{value:void 0}},m={render:()=>{let[e,t]=(0,c.useState)(`admin`),[n,r]=(0,c.useState)(`Логин уже занят`);return(0,l.jsx)(i,{label:`Логин`,value:e,error:n,onChange:t,onClear:()=>t(``),onClearError:()=>r(``)})},args:{value:void 0}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState(args.value ?? "");
+    return <InputText {...args} value={value} onChange={setValue} onClear={() => setValue("")} />;
+  },
+  args: {
+    label: "Наименование",
+    description: "Пример обычного текстового поля.",
+    placeholder: "Введите значение",
+    value: "",
+    size: "md"
+  }
+}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [value, setValue] = useState<number | undefined>(25);
+    return <InputNumber label="Количество" description="Числовой ввод с min/max." placeholder="0" value={value} min={0} max={100} onChange={setValue} onClear={() => setValue(0)} />;
+  },
+  args: {
+    value: undefined
+  }
+}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [value, setValue] = useState("");
+    return <InputText label="Только цифры" description="\`allowedPattern\` подсвечивает невалидный ввод." placeholder="12345" value={value} onChange={setValue} allowedPattern={/^\\d*$/} />;
+  },
+  args: {
+    value: undefined
+  }
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [value, setValue] = useState("admin");
+    const [error, setError] = useState("Логин уже занят");
+    return <InputText label="Логин" value={value} error={error} onChange={setValue} onClear={() => setValue("")} onClearError={() => setError("")} />;
+  },
+  args: {
+    value: undefined
+  }
+}`,...m.parameters?.docs?.source}}},h=[`TextControlled`,`NumberControlled`,`PatternValidation`,`WithError`]})))()}export{m as a,d as i,f as n,g as o,p as r,s as t};

package/storybook-static/assets/{InputDateTime-CWk5KBwD.js → InputDateTime-CgYkmVYu.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{CustomMask as p,DateAndTime as m,DateOnly as h,TimeOnly as g,n as _,t as v}from"./InputDateTime.stories-DgKVmf54.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:`InputDateTime`}),`
-`,(0,x.jsx)(a,{children:`Маскированный ввод даты, времени и объединенного значения дата-время`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CrnMVMTc.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-Dz3dJBcm.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./InputDateTime.stories-Brxo7Chn.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:m,parameters:{docs:{toc:!0}}}),`
+`,(0,x.jsx)(u,{children:`InputDateTime`}),`
+`,(0,x.jsx)(o,{children:`Маскированный ввод даты, времени и объединенного значения дата-время`}),`
 `,(0,x.jsx)(t.p,{children:`InputDateTime уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
 `,(0,x.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,x.jsx)(d,{}),`
-`,(0,x.jsx)(r,{of:h}),`
+`,(0,x.jsx)(f,{}),`
+`,(0,x.jsx)(i,{of:_}),`
 `,(0,x.jsx)(t.pre,{children:(0,x.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { InputDateTime } from "@/shared/ui";
@@ -23,17 +23,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:h}),`
+`,(0,x.jsx)(d,{of:_}),`
 `,(0,x.jsx)(t.h3,{id:`ввод-только-времени`,children:`Ввод только времени`}),`
 `,(0,x.jsx)(t.p,{children:`Ввод только времени.`}),`
-`,(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.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.h2,{id:`api`,children:`API`}),`
-`,(0,x.jsx)(c,{of:v}),`
+`,(0,x.jsx)(l,{of:m}),`
 `,(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/InputDateTime.stories-Brxo7Chn.js

@@ -0,0 +1,35 @@
+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-CrnMVMTc.js";import{a as i,i as a}from"./utils-DUM89eIj.js";import{n as o,t as s}from"./ui.module-DoMIk8Oc.js";import{c,l,n as u,o as d,r as f,u as p}from"./Input-DtOsW7ur.js";import{a as m,i as h,n as g,r as _}from"./date-segments-D3HouZ37.js";var v,y,b;function x(){return(x=e((()=>{v=`t1iysX`,y=`_-4oX-p`,b={segmentInput:v,separator:y}})))()}function S(e){return h(e).map(e=>e.kind===`editable`?{...e,type:e.id}:e)}function C(e,t){let n=g(e,t),r=new Map;return t.forEach((e,t)=>{e.kind===`editable`&&r.set(e.type,n.get(t)??``)}),r}function w(e,t){let n=new Map;return e.forEach((e,r)=>{e.kind===`editable`&&n.set(r,t.get(e.type)??``)}),m(e,n)}function T(){return(T=e((()=>{_()})))()}function E(e,t){let n=C(e,t),r=new Map;return t.forEach((e,t)=>{e.kind===`editable`&&r.set(t,n.get(e.type)??``)}),r}function D(e){let t=[];return e.forEach((e,n)=>{e.kind===`editable`&&t.push(n)}),t}function O({mask:e,value:t,onChange:n,onClearError:r,disabled:i}){let a=(0,k.useMemo)(()=>S(e),[e]),o=(0,k.useMemo)(()=>D(a),[a]),s=(0,k.useMemo)(()=>E(t,a),[t,a]),[c,l]=(0,k.useState)(null),[u,d]=(0,k.useState)(()=>t?.getTime()),f=t?.getTime();f!==u&&(d(f),l(null));let p=c??s,m=(0,k.useRef)(new Map),h=(0,k.useRef)(0),[g,_]=(0,k.useState)(!1),v=(0,k.useCallback)(e=>{let t=new Map;a.forEach((n,r)=>{n.kind===`editable`&&t.set(n.type,e.get(r)??``)});let r=w(a,t);r!==null&&n(r)},[a,n]),y=(0,k.useCallback)((e,t=!0)=>{let n=m.current.get(e);n&&(n.focus(),t&&requestAnimationFrame(()=>n.select()))},[]),b=(0,k.useCallback)(e=>{let t=o.indexOf(e);return t<o.length-1?o[t+1]:null},[o]),x=(0,k.useCallback)(e=>{let t=o.indexOf(e);return t>0?o[t-1]:null},[o]),C=(0,k.useCallback)((e,t)=>e.padStart(t.length,`0`),[]);return{segments:a,segmentValues:p,isFocused:g,registerRef:(0,k.useCallback)(e=>t=>{t?m.current.set(e,t):m.current.delete(e)},[]),handleInput:(0,k.useCallback)(e=>t=>{if(i)return;let n=a[e],o=t.target.value.replace(/\D/g,``).slice(0,n.length),s=new Map(p);if(s.set(e,o),l(s),r?.(),o.length===n.length){let t=b(e);t!==null&&requestAnimationFrame(()=>y(t))}v(s)},[i,a,p,r,b,y,v]),handleKeyDown:(0,k.useCallback)(e=>t=>{if(i)return;let n=a[e],r=p.get(e)??``,o=t.currentTarget;switch(t.key){case`ArrowRight`:if(o.selectionStart===r.length||r===``){t.preventDefault();let n=b(e);n!==null&&y(n)}break;case`ArrowLeft`:if(o.selectionStart===0||r===``){t.preventDefault();let n=x(e);n!==null&&y(n)}break;case`ArrowUp`:{t.preventDefault();let i=r===``?n.min:parseInt(r,10)+1;i>n.max&&(i=n.min);let a=C(i.toString(),n),s=new Map(p);s.set(e,a),l(s),v(s),requestAnimationFrame(()=>o.select());break}case`ArrowDown`:{t.preventDefault();let i=r===``?n.max:parseInt(r,10)-1;i<n.min&&(i=n.max);let a=C(i.toString(),n),s=new Map(p);s.set(e,a),l(s),v(s),requestAnimationFrame(()=>o.select());break}case`Backspace`:if(r===``){t.preventDefault();let n=x(e);n!==null&&y(n)}break;case`Delete`:{t.preventDefault();let n=new Map(p);n.set(e,``),l(n),v(n);break}}},[i,a,p,b,x,y,C,v]),handleFocus:(0,k.useCallback)(()=>e=>{e.target.select()},[]),handleContainerFocus:(0,k.useCallback)(()=>{clearTimeout(h.current),_(!0)},[]),handleContainerBlur:(0,k.useCallback)(()=>{h.current=window.setTimeout(()=>{_(!1),l(null)},0)},[]),focusFirstEmpty:(0,k.useCallback)(()=>{let e=o.find(e=>!(p.get(e)??``))??o[o.length-1];e!==void 0&&y(e)},[o,p,y])}}var k;function A(){return(A=e((()=>{k=n(),T()})))()}function j({mask:e,value:t,onChange:n,label:r,description:a,disabled:s,size:c,className:l,error:m,onClearError:h,onClear:g,"aria-label":_}){let{segments:v,segmentValues:y,registerRef:x,handleInput:S,handleKeyDown:C,handleFocus:w,handleContainerFocus:T,handleContainerBlur:E,focusFirstEmpty:D}=O({mask:e,value:t,onChange:n,onClearError:h,disabled:s}),{controlId:k,labelId:A,descriptionId:j,errorId:M,describedBy:N}=p({hasLabel:r!=null,hasDescription:!!a,hasError:!!m});return(0,F.jsx)(d,{label:r,description:a,disabled:s,className:l,size:c,error:m,labelId:A,descriptionId:j,errorId:M,children:(0,F.jsx)(f,{endAdornment:g?(0,F.jsx)(u,{onClick:g,disabled:s}):void 0,endAdornmentWidth:g?`var(--control-height)`:void 0,children:({controlClassName:e})=>(0,F.jsx)(`div`,{id:k,className:i(o.uiInputControlFake,e),"data-invalid":m?``:void 0,"data-disabled":s||void 0,role:`group`,"aria-invalid":!!m||void 0,"aria-label":_||(typeof r==`string`?r:void 0),"aria-labelledby":_?void 0:A,"aria-describedby":N,onFocus:T,onBlur:E,onClick:e=>{e.target===e.currentTarget&&D()},children:v.map((e,t)=>e.kind===`literal`?(0,F.jsx)(`span`,{className:b.separator,"data-disabled":s||void 0,children:e.text},t):(0,F.jsx)(`input`,{ref:x(t),type:`text`,inputMode:`numeric`,className:b.segmentInput,style:{width:`${e.length+.5}ch`},value:y.get(t)??``,placeholder:e.placeholder,maxLength:e.length,disabled:s,"aria-label":e.type,autoComplete:`off`,onChange:S(t),onKeyDown:C(t),onFocus:w()},t))})})})}function M({mask:e=`YYYY.MM.DD`,...t}){return(0,F.jsx)(j,{mask:e,...t})}function N({mask:e=`hh:mm`,...t}){return(0,F.jsx)(j,{mask:e,...t})}function P({mask:e=`YYYY.MM.DD hh:mm`,...t}){return(0,F.jsx)(j,{mask:e,...t})}var F;function I(){return(I=e((()=>{a(),c(),l(),s(),x(),A(),F=r(),M.__docgenInfo={description:``,methods:[],displayName:`InputDate`,props:{mask:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"YYYY.MM.DD"`,computed:!1}}}},N.__docgenInfo={description:``,methods:[],displayName:`InputTime`,props:{mask:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"hh:mm"`,computed:!1}}}},P.__docgenInfo={description:``,methods:[],displayName:`InputDateTime`,props:{mask:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"YYYY.MM.DD hh:mm"`,computed:!1}}}}})))()}var L=t({CustomMask:()=>W,DateAndTime:()=>U,DateOnly:()=>V,TimeOnly:()=>H,__namedExportsOrder:()=>G,default:()=>B}),R,z,B,V,H,U,W,G;function K(){return(K=e((()=>{R=n(),I(),z=r(),B={title:`Shared/UI/InputDateTime`,component:M,args:{value:void 0,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},value:{description:"Текущее значение в виде `Date`.",control:!1},onChange:{description:`Вызывается при формировании валидной даты/времени.`,control:!1},mask:{description:"Маска сегментов (`YYYY`, `MM`, `DD`, `hh`, `mm`, `ss`).",control:`text`},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},onClear:{description:`Очищает значение и активирует кнопку очистки.`,control:!1},disabled:{description:`Блокирует редактирование сегментов.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},"aria-label":{description:`ARIA-метка для контейнера сегментного ввода.`,control:`text`}}},V={render:e=>{let[t,n]=(0,R.useState)(e.value);return(0,z.jsx)(M,{...e,value:t,onChange:n,onClear:()=>n(void 0)})},args:{label:`Дата`,description:`Формат по умолчанию: YYYY.MM.DD`,value:new Date(2026,2,5)}},H={render:()=>{let[e,t]=(0,R.useState)(new Date(2026,2,5,14,30,0));return(0,z.jsx)(N,{label:`Время`,description:`Формат по умолчанию: hh:mm`,value:e,onChange:t,onClear:()=>t(void 0)})},args:{value:void 0}},U={render:()=>{let[e,t]=(0,R.useState)(new Date(2026,2,5,9,15,0));return(0,z.jsx)(P,{label:`Дата и время`,description:`Комбинированный ввод даты и времени.`,value:e,onChange:t,onClear:()=>t(void 0)})},args:{value:void 0}},W={render:()=>{let[e,t]=(0,R.useState)(new Date(2026,2,5,9,15,42));return(0,z.jsx)(P,{label:`Кастомная маска`,description:`Добавлены секунды: YYYY.MM.DD hh:mm:ss`,mask:`YYYY.MM.DD hh:mm:ss`,value:e,onChange:t})},args:{value:void 0}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<Date | undefined>(args.value);
+    return <InputDate {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
+  },
+  args: {
+    label: "Дата",
+    description: "Формат по умолчанию: YYYY.MM.DD",
+    value: new Date(2026, 2, 5)
+  }
+}`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 14, 30, 0));
+    return <InputTime label="Время" description="Формат по умолчанию: hh:mm" value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
+  },
+  args: {
+    value: undefined
+  }
+}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 9, 15, 0));
+    return <InputDateTime label="Дата и время" description="Комбинированный ввод даты и времени." value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
+  },
+  args: {
+    value: undefined
+  }
+}`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 9, 15, 42));
+    return <InputDateTime label="Кастомная маска" description="Добавлены секунды: YYYY.MM.DD hh:mm:ss" mask="YYYY.MM.DD hh:mm:ss" value={value} onChange={setValue} />;
+  },
+  args: {
+    value: undefined
+  }
+}`,...W.parameters?.docs?.source}}},G=[`DateOnly`,`TimeOnly`,`DateAndTime`,`CustomMask`]})))()}export{H as a,L as i,U as n,K as o,V as r,W as t};

package/storybook-static/assets/{InputFile-BLQq7mY9.js → InputFile-Bsxafe88.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{ArrayBufferMode as p,Controlled as m,WithInitialValue as h,n as g,t as _}from"./InputFile.stories-VnRv_q2r.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:`InputFile`}),`
-`,(0,b.jsx)(a,{children:`Контрол для выбора одного файла с поддержкой предварительного значения и бинарного режима`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CrnMVMTc.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-Dz3dJBcm.js";import{a as p,i as m,n as h,r as g,t as _}from"./InputFile.stories-BzEV7ybE.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:`InputFile`}),`
+`,(0,b.jsx)(o,{children:`Контрол для выбора одного файла с поддержкой предварительного значения и бинарного режима`}),`
 `,(0,b.jsx)(t.p,{children:`InputFile уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
 Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента. Отдельно разобраны контролируемые сценарии.`}),`
 `,(0,b.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
-`,(0,b.jsx)(d,{}),`
-`,(0,b.jsx)(r,{of:m}),`
+`,(0,b.jsx)(f,{}),`
+`,(0,b.jsx)(i,{of:h}),`
 `,(0,b.jsx)(t.pre,{children:(0,b.jsx)(t.code,{className:`language-tsx`,children:`import { useState } from "react";
 
 import { InputFile } from "@/shared/ui";
@@ -24,14 +24,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:m}),`
+`,(0,b.jsx)(d,{of:h}),`
 `,(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:p}),`
+`,(0,b.jsx)(d,{of:_}),`
 `,(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/InputFile.stories-BzEV7ybE.js

@@ -0,0 +1,36 @@
+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-CrnMVMTc.js";import{a as i,i as a,n as o}from"./utils-DUM89eIj.js";import{n as s,t as c}from"./ui.module-DoMIk8Oc.js";import{c as l,l as u,n as d,o as f,r as p,u as m}from"./Input-DtOsW7ur.js";import{a as h,i as g,o as _,r as v,s as y}from"./file-vPGnhPr-.js";var b,x,S,C;function w(){return(w=e((()=>{b=`Ggxyuj`,x=`fthcmO`,S=`wyY60X`,C={control:b,fileName:x,hiddenInput:S}})))()}function T(e){let{value:t,onClear:n,onReadError:r,accept:a,allowedMime:c,maxBytes:l,label:u,description:g,placeholder:b=`Выберите файл`,disabled:x,size:S,error:w,onClearError:T,className:O}=e;h(c),_(a);let k=(0,E.useRef)(null),{controlId:A,labelId:j,descriptionId:M,errorId:N,describedBy:P}=m({hasLabel:u!=null,hasDescription:!!g,hasError:!!w}),F=(0,E.useCallback)(async t=>{let n=t.target.files?.[0];if(n){t.target.value=``,w&&T&&T();try{if(e.readMode===`array-buffer`){let t=await y(n,{allowedMime:c,maxBytes:l,mode:`array-buffer`});e.onChange(t);return}let t=await y(n,{allowedMime:c,maxBytes:l});e.onChange(t)}catch(e){e instanceof v&&r&&r(e)}}},[e,c,l,r,w,T]),I=(0,E.useCallback)(()=>{k.current?.click()},[]);return(0,D.jsxs)(f,{label:u,description:g,disabled:x,className:O,size:S,error:w,controlId:A,labelId:j,descriptionId:M,errorId:N,children:[(0,D.jsx)(`input`,{ref:k,id:A,type:`file`,accept:(a??c)?.join(`,`),disabled:x,className:C.hiddenInput,onChange:F,tabIndex:-1}),(0,D.jsx)(p,{endAdornment:n?(0,D.jsx)(d,{onClick:n,disabled:x}):void 0,endAdornmentWidth:n?`var(--control-height)`:void 0,children:({controlClassName:e})=>(0,D.jsx)(`div`,{role:`button`,tabIndex:x?-1:0,onClick:I,onKeyDown:e=>o(e,I,{disabled:x}),className:i(s.uiInputControl,C.control,e,!!w&&s.invalid),"data-disabled":x||void 0,"aria-invalid":!!w||void 0,"aria-disabled":x,"aria-labelledby":j,"aria-describedby":P,children:t?(0,D.jsx)(`span`,{className:C.fileName,children:t.meta.name}):(0,D.jsx)(`span`,{className:s.uiPlaceholder,children:b})})})]})}var E,D;function O(){return(O=e((()=>{E=n(),g(),a(),l(),u(),c(),w(),D=r(),T.__docgenInfo={description:'InputFile — компонент выбора одного файла.\n\nВизуально идентичен InputText: поле с label, description, placeholder,\nкнопкой очистки (крестик) и блоком ошибки.\n\nПри клике открывается нативный диалог выбора файла.\nПосле выбора файл читается через readFile, результат передаётся в onChange.\n\nInputFile позволяет выбрать один файл и передаёт наружу типизированный результат чтения.\nЕсли `readMode` не задан или равен `"data-url"`, в `onChange` приходит объект с `dataUrl`.\nЕсли `readMode` равен `"array-buffer"`, в `onChange` приходит объект с `buffer`.',methods:[],displayName:`InputFile`}})))()}var k=t({ArrayBufferMode:()=>I,Controlled:()=>P,WithInitialValue:()=>F,__namedExportsOrder:()=>L,default:()=>N}),A,j,M,N,P,F,I,L;function R(){return(R=e((()=>{A=n(),O(),j=r(),M=(e,t=`application/pdf`)=>{let n=new File([`demo-file`],e,{type:t,lastModified:17040672e5});return{mode:`data-url`,meta:{name:n.name,mime:n.type,size:n.size,lastModified:n.lastModified},dataUrl:`data:${t};base64,ZGVtby1maWxl`,file:n}},N={title:`Shared/UI/InputFile`,component:T,args:{value:void 0,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля загрузки.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст в поле, пока файл не выбран.`,control:`text`},value:{description:`Текущий результат чтения выбранного файла.`,control:!1},onChange:{description:`Вызывается после успешного чтения файла.`,control:!1},onReadError:{description:`Вызывается при ошибке чтения или валидации файла.`,control:!1},onClear:{description:`Очищает выбранный файл и показывает кнопку очистки.`,control:!1},accept:{description:"HTML `accept` для нативного диалога выбора файла.",control:`text`},allowedMime:{description:`Белый список MIME-типов для readFile-валидации.`,control:!1},maxBytes:{description:`Максимальный размер файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файла: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Callback сброса ошибки при повторном выборе файла.`,control:!1},disabled:{description:`Блокирует выбор файла.`,control:`boolean`},size:{description:`Размер визуального контрола.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},P={render:e=>{let[t,n]=(0,A.useState)(e.value),[r,i]=(0,A.useState)(e.error??``);return(0,j.jsx)(T,{...e,value:t,error:r||void 0,onChange:n,onClear:()=>n(void 0),onClearError:()=>i(``)})},args:{label:`Документ`,description:`Загрузите один файл.`,placeholder:`Выберите файл`,accept:[`.pdf`,`.docx`],readMode:`data-url`,value:void 0}},F={render:e=>{let[t,n]=(0,A.useState)(M(`report.pdf`));return(0,j.jsx)(T,{...e,value:t,onChange:n,onClear:()=>n(void 0)})},args:{label:`Файл с предзаполнением`,description:`Демонстрация состояния после успешной загрузки.`}},I={render:e=>{let[t,n]=(0,A.useState)(void 0);return(0,j.jsx)(T,{...e,value:t,onChange:n,onClear:()=>n(void 0)})},args:{label:`Двоичное чтение`,description:"Режим `array-buffer` для дальнейшей бинарной обработки.",readMode:`array-buffer`,accept:[`.zip`,`.pdf`],value:void 0}},P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<ReadFileResult | undefined>(args.value);
+    const [error, setError] = useState(args.error ?? "");
+    return <InputFile {...args} value={value} error={error || undefined} onChange={setValue} onClear={() => setValue(undefined)} onClearError={() => setError("")} />;
+  },
+  args: {
+    label: "Документ",
+    description: "Загрузите один файл.",
+    placeholder: "Выберите файл",
+    accept: [".pdf", ".docx"],
+    readMode: "data-url",
+    value: undefined
+  }
+}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<ReadFileResult | undefined>(createMockReadFileResult("report.pdf"));
+    return <InputFile {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
+  },
+  args: {
+    label: "Файл с предзаполнением",
+    description: "Демонстрация состояния после успешной загрузки."
+  }
+}`,...F.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [value, setValue] = useState<ReadFileResult | undefined>(undefined);
+    return <InputFile {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;
+  },
+  args: {
+    label: "Двоичное чтение",
+    description: "Режим \`array-buffer\` для дальнейшей бинарной обработки.",
+    readMode: "array-buffer",
+    accept: [".zip", ".pdf"],
+    value: undefined
+  }
+}`,...I.parameters?.docs?.source}}},L=[`Controlled`,`WithInitialValue`,`ArrayBufferMode`]})))()}export{R as a,F as i,P as n,k as r,I as t};

package/storybook-static/assets/{InputFiles-B6J4XBdP.js → InputFiles-KJFUsmSS.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,LimitReached as m,WithInitialFiles as h,n as g,t as _}from"./InputFiles.stories-CLVn5Xfq.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:`InputFiles`}),`
-`,(0,b.jsx)(a,{children:`Выбор и хранение нескольких файлов в контролируемом режиме`}),`
+import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CrnMVMTc.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-Dz3dJBcm.js";import{a as p,i as m,n as h,r as g,t as _}from"./InputFiles.stories-ffjxiHSh.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:`InputFiles`}),`
+`,(0,b.jsx)(o,{children:`Выбор и хранение нескольких файлов в контролируемом режиме`}),`
 `,(0,b.jsx)(t.p,{children:`InputFiles уже имеет живые 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 { InputFiles } from "@/shared/ui";
@@ -24,14 +24,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:`limit-reached`,children:`Limit Reached`}),`
 `,(0,b.jsxs)(t.p,{children:[`Сценарий демонстрирует вариант `,(0,b.jsx)(t.code,{children:`LimitReached`}),` и помогает быстро сравнить его с остальными режимами компонента.`]}),`
-`,(0,b.jsx)(u,{of:m}),`
+`,(0,b.jsx)(d,{of:g}),`
 `,(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};