@daisforge/ui 1.12.2 → 1.14.0

package/chunks/Stories-e_CX_1CS.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),J=require("@salutejs/sdds-finai"),ne=require("@salutejs/plasma-icons"),s=require("react"),fe=require("react-dom"),Ie=require("./EmptyState-Du-RIjie.cjs"),Y=require("./utils-DvDFSlCG.cjs"),G=require("@salutejs/sdds-themes/tokens/sdds_finai"),l=require("styled-components"),_e=require("./AnalyticalWidget-B6czTLSw.cjs"),Ce=({controller:e,pauseHoldDelay:n,tapPrevZone:r,isOpen:o})=>{const i=s.useRef(),y=s.useRef(!1),u=s.useRef("next"),p=()=>{i.current&&(clearTimeout(i.current),i.current=void 0)},v=f=>{const c=f.currentTarget.getBoundingClientRect(),_=c.width>0?(f.clientX-c.left)/c.width:1;u.current=_<r?"prev":"next",y.current=!1,p(),i.current=setTimeout(()=>{y.current=!0,e.pause()},n)},I=()=>{if(p(),y.current){y.current=!1,e.resume();return}u.current==="prev"?e.prev():e.next()},d=()=>{p(),y.current&&(y.current=!1,e.resume())};return s.useEffect(()=>{if(!o)return;const f=c=>{c.key==="ArrowLeft"?(c.preventDefault(),e.prev()):c.key==="ArrowRight"?(c.preventDefault(),e.next()):c.key==="Escape"&&(c.preventDefault(),e.close())};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[o,e]),{onPointerDown:v,onPointerUp:I,onPointerLeave:d,onPointerCancel:d}},ge=s.createContext(null),Re=ge.Provider,Z=()=>{const e=s.useContext(ge);if(!e)throw new Error("Компоненты Stories должны использоваться внутри <Stories>.");return e},K=e=>s.useSyncExternalStore(e.subscribe,e.getSnapshot,e.getSnapshot),R={root:"df-stories",preview:"df-stories-preview",previewRing:"df-stories-preview__ring",previewGap:"df-stories-preview__gap",previewBody:"df-stories-preview__body",previewTitle:"df-stories-preview__title",viewer:"df-stories-viewer",overlay:"df-stories-viewer__overlay",stage:"df-stories-viewer__stage",banner:"df-stories-banner",progress:"df-stories-progress",progressItem:"df-stories-progress__item",content:"df-stories-content",action:"df-stories-banner__action",arrowPrev:"df-stories-viewer__arrow-prev",arrowNext:"df-stories-viewer__arrow-next",close:"df-stories-viewer__close"},ke="linear-gradient(135deg, #08c6c9 0%, #99b0fe 100%)",Ne="#ecf6fc",L="df-stories-banner",q={duration:5e3,pauseHoldDelay:200,tapPrevZone:1/3,overlayColor:"#060a0c47",zIndex:9e3},m={circle:98,ring:2,titleGap:6,rectRadiusOuter:12,rectRadiusBody:8,bannerMaxWidth:430,bannerMaxHeight:900,bannerRadius:16,bannerPadding:28,stageWidth:558,progressHeight:4,progressRadius:2,progressFillRadius:6,progressGap:4},je="StoriesPreview",ce=l.div.withConfig({displayName:"StoriesContentstyled__StyledContent"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:",";"],G.surfaceSolidCard),Pe=l.img.withConfig({displayName:"StoriesContentstyled__StyledImage"})(["width:100%;height:100%;object-fit:",";opacity:",";transition:opacity 0.2s ease;user-select:none;"],({$objectFit:e})=>e,({$loaded:e})=>e?1:0),Ee=l.div.withConfig({displayName:"StoriesContentstyled__StyledSpinner"})(["position:absolute;display:flex;align-items:center;justify-content:center;"]),Te=l.div.withConfig({displayName:"StoriesContentstyled__StyledErrorSlot"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:","px;"],m.bannerPadding),ye=({slide:e,status:n,errorNode:r})=>{const o=e.objectFit??"cover",i=n==="loaded";return n==="error"?t.jsx(ce,{className:R.content,children:t.jsx(Te,{children:r})}):t.jsxs(ce,{className:R.content,children:[t.jsx(Pe,{src:e.src,alt:"",draggable:!1,$objectFit:o,$loaded:i}),n==="loading"?t.jsx(Ee,{children:t.jsx(J.Spinner,{view:"default",size:"l"})}):null]})},ue=(e,n)=>{e&&(e.style.transform=`scaleX(${n})`)},Oe=({fillRef:e,active:n,duration:r,isPlaying:o,isReady:i,resetKey:y,onComplete:u})=>{const p=s.useRef(0),v=s.useRef(u);v.current=u,s.useEffect(()=>{p.current=0,ue(e.current,0)},[y,e]),s.useEffect(()=>{if(!n||!o||!i||r<=0)return;let I=0,d=performance.now();const f=c=>{p.current+=c-d,d=c;const _=Math.min(1,p.current/r);if(ue(e.current,_),_>=1){v.current();return}I=requestAnimationFrame(f)};return I=requestAnimationFrame(f),()=>cancelAnimationFrame(I)},[n,o,i,r,y,e])},Ae=l.div.withConfig({displayName:"StoriesProgressstyled__StyledProgress"})(["display:flex;gap:","px;width:100%;"],m.progressGap),ze=l.div.withConfig({displayName:"StoriesProgressstyled__StyledItem"})(["position:relative;flex:1 1 0;height:","px;border-radius:","px;overflow:hidden;background:",";"],m.progressHeight,m.progressRadius,({$bg:e})=>e),De=l.span.withConfig({displayName:"StoriesProgressstyled__StyledFill"})(["position:absolute;inset:0;border-radius:","px;background:",";transform:scaleX(0);transform-origin:left center;will-change:transform;"],m.progressFillRadius,({$color:e})=>e),xe=({isReady:e})=>{var O;const{store:n,controller:r,groups:o,defaultDuration:i,mode:y}=Z(),{groupIndex:u,slideIndex:p,isPlaying:v,isOpen:I}=K(n),d=Y.useActiveTheme(),c=(y??d)==="dark",_=c?G.onLightSurfaceTransparentTertiary:G.onDarkSurfaceTransparentTertiary,S=c?G.onLightSurfaceTransparentDeep:G.onDarkSurfaceTransparentDeep,b=o[u],h=(b==null?void 0:b.slides)??[],z=s.useRef(null),P=((O=h[p])==null?void 0:O.duration)??(b==null?void 0:b.defaultDuration)??i;return Oe({fillRef:z,active:I,duration:P,isPlaying:v,isReady:e,resetKey:`${u}-${p}`,onComplete:r.next}),t.jsx(Ae,{className:R.progress,children:h.map((D,E)=>{const T=D.id??`${u}-${E}`,N=E<p,V=E===p;return t.jsx(ze,{className:R.progressItem,$bg:N?S:_,children:V?t.jsx(De,{ref:z,$color:S}):null},T)})})},$e=l.keyframes(["from{opacity:0;transform:scale(0.92) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}"]),Be=l.keyframes(["from{opacity:1;transform:scale(1) translateY(0);}to{opacity:0;transform:scale(0.96) translateY(6px);}"]),Ge=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBanner"})(["position:relative;height:100%;width:auto;aspect-ratio:"," / ",";max-width:calc( 100vw - ","px );border-radius:","px;overflow:hidden;view-transition-name:",";animation:"," "," ease forwards;"],m.bannerMaxWidth,m.bannerMaxHeight,m.stageWidth-m.bannerMaxWidth,m.bannerRadius,L,({$closing:e})=>e?Be:$e,({$closing:e})=>e?"0.2s":"0.24s"),Ve=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTapLayer"})(["position:absolute;inset:0;z-index:1;touch-action:none;"]),Le=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTop"})(["position:absolute;top:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],m.bannerPadding),Fe=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBottom"})(["position:absolute;bottom:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],m.bannerPadding),He=l.div.withConfig({displayName:"StoriesBannerstyled__StyledActionSlot"})(["pointer-events:auto;"]),me=({closing:e,onAnimationEnd:n})=>{const{store:r,controller:o,groups:i,pauseHoldDelay:y,tapPrevZone:u,loadingDelay:p,onError:v,renderError:I}=Z(),{groupIndex:d,slideIndex:f,isOpen:c}=K(r),_=i[d],S=_==null?void 0:_.slides[f],{status:b,reload:h}=Y.useImageLoader(S==null?void 0:S.src,p),z=Ce({controller:o,pauseHoldDelay:y,tapPrevZone:u,isOpen:c}),P=s.useRef();s.useEffect(()=>{if(b!=="error"||!S)return;const N=`${d}-${f}`;P.current!==N&&(P.current=N,v==null||v({groupIndex:d,slideIndex:f,slide:S,retry:h}))},[b,d,f,S,v,h]);const O=N=>N.stopPropagation(),D=N=>{N.target===N.currentTarget&&n()};if(!S)return null;const{footer:E}=S,T=I?I({groupIndex:d,slideIndex:f,slide:S,retry:h}):t.jsx(Ie.EmptyState,{size:"s",variant:"loading",title:"Не удалось загрузить",centered:!0,buttons:[{type:"link",props:{text:"Обновить",view:"accent",onClick:h}}]});return t.jsxs(Ge,{className:R.banner,$closing:e,onClick:O,onAnimationEnd:D,children:[t.jsx(ye,{slide:S,status:b,errorNode:T}),b==="error"?null:t.jsx(Ve,{...z}),t.jsx(Le,{children:t.jsx(xe,{isReady:b==="loaded"})}),E?t.jsx(Fe,{children:t.jsx(He,{className:R.action,children:E})}):null]})},se={ring:()=>ke,fallback:()=>Ne,boxShadow:()=>G.shadowDownSoftL},re=(e,n)=>e==="circle"?"50%":`${{outer:m.rectRadiusOuter,body:m.rectRadiusBody}[n]}px`,Me=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledPreview"})(["display:flex;flex-direction:column;align-items:center;width:","px;"],({$width:e})=>e),We=l.button.withConfig({displayName:"StoriesPreviewstyled__StyledTrigger"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:",";outline:none;&:focus-visible{outline:2px solid ",";outline-offset:2px;}"],({$width:e})=>e,({$height:e})=>e,({$shape:e})=>re(e,"outer"),G.textAccent),Xe=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledRing"})(["position:absolute;inset:0;box-sizing:border-box;padding:","px;background:",";border-radius:",";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;"],m.ring,se.ring,({$shape:e})=>re(e,"outer")),qe=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledBody"})(["position:absolute;inset:","px;box-sizing:border-box;box-shadow:",";background-color:",";background-position:center;background-size:cover;background-repeat:no-repeat;"," border-radius:",";"],({$viewed:e})=>e?0:m.ring*2,se.boxShadow,se.fallback,({$image:e})=>e&&l.css(["background-image:url('","');"],e),({$shape:e,$viewed:n})=>re(e,n?"outer":"body")),Ye=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledTitle"})(["margin-top:","px;width:100%;text-align:",";& > *{width:100%;}"],m.titleGap,({$align:e})=>e),oe=e=>{var $;const{slides:n,shape:r="circle",title:o,titleProps:i,image:y,viewed:u=!1,size:p=m.circle,width:v,height:I,renderTrigger:d,className:f,__index:c=0}=e,{store:_,controller:S,preloadOnHover:b}=Z(),h=K(_),z=h.isOpen&&h.groupIndex===c,P=r==="rect"?v??p:p,O=r==="rect"?I??p:p,D=()=>S.open(c),E=()=>{b&&n[0]&&Y.preloadImage(n[0].src)},T=()=>d?d({index:c,viewed:u,isActive:z}):t.jsxs(t.Fragment,{children:[u?null:t.jsx(Xe,{className:R.previewRing,$shape:r}),t.jsx(qe,{className:R.previewBody,$shape:r,$viewed:u,$image:y})]}),N={variant:"BodyXXS",bold:!0,lines:2,tooltipText:o,color:G.textPrimary,...i,children:o},V=(($=i==null?void 0:i.style)==null?void 0:$.textAlign)??"center";return t.jsxs(Me,{className:[R.preview,f].filter(Boolean).join(" "),"data-component":je,$width:P,children:[t.jsx(We,{type:"button","aria-label":o,$width:P,$height:O,$shape:r,onClick:D,onMouseEnter:E,children:T()}),o?t.jsx(Ye,{className:R.previewTitle,style:{maxWidth:P},$align:V,children:t.jsx(_e.TypographyWithAutoTooltip,{...N})}):null]})},Ze=l.keyframes(["from{opacity:0;}to{opacity:1;}"]),Ke=l.keyframes(["from{opacity:1;}to{opacity:0;}"]),Se=e=>l.css(["animation:"," "," ease forwards;"],e?Ke:Ze,e?"0.2s":"0.24s"),Ue=l.div.withConfig({displayName:"StoriesViewerstyled__StyledRoot"})(["position:fixed;inset:0;z-index:",";display:flex;align-items:center;justify-content:center;"],({$zIndex:e})=>e),Je=l.div.withConfig({displayName:"StoriesViewerstyled__StyledOverlay"})(["position:absolute;inset:0;background:",";opacity:",";transition:opacity 0.24s ease;"],({$color:e})=>e,({$closing:e})=>e?0:1),Qe=l.div.withConfig({displayName:"StoriesViewerstyled__StyledStage"})(["position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:min(","px,100vw);height:min(","px,calc(100vh - 32px));padding:0 ","px;outline:none;"],m.stageWidth,m.bannerMaxHeight,(m.stageWidth-m.bannerMaxWidth)/2),pe=l.div.withConfig({displayName:"StoriesViewerstyled__StyledArrow"})(["position:absolute;top:50%;"," z-index:3;transform:translateY(-50%);",""],({$side:e})=>e==="prev"?"left: 0;":"right: 0;",({$closing:e})=>Se(e)),et=l.div.withConfig({displayName:"StoriesViewerstyled__StyledClose"})(["position:absolute;top:0;right:0;z-index:3;",""],({$closing:e})=>Se(e)),tt=l.keyframes(["from{transform:translateX(24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),nt=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(-24px);opacity:0;}"]),st=l.keyframes(["from{transform:translateX(-24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),rt=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(24px);opacity:0;}"]),ot=l.createGlobalStyle(["::view-transition-old(","),::view-transition-new(","){animation-duration:0.3s;animation-timing-function:ease;}html[data-df-stories-dir='next']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='next']::view-transition-old(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-old(","){animation-name:",";}"],L,L,L,tt,L,nt,L,st,L,rt),he=()=>{var F;const{store:e,controller:n,groups:r,overlay:o,overlayColor:i,zIndex:y,groupTransition:u,arrows:p,hideDisabledArrows:v,preloadGroup:I}=Z(),{isOpen:d,groupIndex:f,slideIndex:c}=K(e),[_,S]=s.useState(d),b=s.useRef(null);s.useEffect(()=>{d&&S(!0)},[d]),s.useEffect(()=>{var A;d&&((A=b.current)==null||A.focus())},[d]),s.useEffect(()=>{d&&I(f)},[d,f,I]);const h=_&&!d,z=s.useCallback(()=>{h&&S(!1)},[h]);if(!_||typeof document>"u")return null;const P=((F=r[f])==null?void 0:F.slides.length)??0,O=f>0||c>0,D=c+1<P||f+1<r.length,E=r.reduce((A,H)=>A+H.slides.length,0),T=p==="always"||p==="auto"&&E>1,N=T&&(O||!v),V=T&&(D||!v),$=A=>A.stopPropagation(),Q=t.jsxs(Ue,{className:R.viewer,$zIndex:y,onClick:()=>n.close(),children:[o?t.jsx(Je,{className:R.overlay,$color:i,$closing:h}):null,u==="slide"?t.jsx(ot,{}):null,t.jsxs(Qe,{ref:b,tabIndex:-1,className:R.stage,children:[N?t.jsx(pe,{className:R.arrowPrev,$side:"prev",$closing:h,onClick:$,children:t.jsx(J.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Назад",disabled:!O,onClick:()=>n.prev(),children:t.jsx(ne.IconDisclosureLeftOutline,{size:"s"})})}):null,t.jsx(me,{closing:h,onAnimationEnd:z}),V?t.jsx(pe,{className:R.arrowNext,$side:"next",$closing:h,onClick:$,children:t.jsx(J.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Вперёд",disabled:!D,onClick:()=>n.next(),children:t.jsx(ne.IconDisclosureRightOutline,{size:"s"})})}):null,t.jsx(et,{className:R.close,$closing:h,onClick:$,children:t.jsx(J.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Закрыть",onClick:()=>n.close(),children:t.jsx(ne.IconClose,{size:"s"})})})]})]});return fe.createPortal(Q,document.body)},it=Object.freeze(Object.defineProperty({__proto__:null,StoriesViewer:he},Symbol.toStringTag,{value:"Module"})),we=s.lazy(()=>Promise.resolve().then(()=>it).then(e=>({default:e.StoriesViewer}))),at=e=>{const n=s.useRef(e);return n.current=e,s.useCallback(r=>{const o=n.current[r];if(!o)return;o.slides.forEach(y=>Y.preloadImage(y.src));const i=n.current[r+1];i!=null&&i.slides[0]&&Y.preloadImage(i.slides[0].src)},[])},lt={isOpen:!1,groupIndex:0,slideIndex:0,isPlaying:!0,direction:"next"},dt=e=>{let n={...lt,...e};const r=new Set;return{getSnapshot:()=>n,subscribe:o=>(r.add(o),()=>{r.delete(o)}),setState:o=>{Object.keys(o).some(u=>n[u]!==o[u])&&(n={...n,...o},r.forEach(u=>u()))}}},ct=()=>typeof document<"u"&&typeof document.startViewTransition=="function",ut=(e,n)=>{const{direction:r="next",enabled:o=!0}=n??{};if(!o||!ct()){e();return}const i=document;i.documentElement.dataset.dfStoriesDir=r,i.startViewTransition(()=>fe.flushSync(e)).finished.finally(()=>{delete i.documentElement.dataset.dfStoriesDir})},pt=l.div.withConfig({displayName:"Storiesstyled__StyledStories"})(["display:flex;align-items:flex-start;gap:16px;"]),ft=e=>s.isValidElement(e)&&e.type===oe,gt=()=>{const{store:e}=Z(),{isOpen:n}=K(e),[r,o]=s.useState(n);return s.useEffect(()=>{n&&o(!0)},[n]),r?t.jsx(s.Suspense,{fallback:null,children:t.jsx(we,{})}):null},yt=(e,n)=>{const{children:r,defaultDuration:o=q.duration,open:i,defaultOpen:y,activeGroupIndex:u,activeSlideIndex:p,onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_,onError:S,renderError:b,overlay:h=!0,overlayColor:z=q.overlayColor,zIndex:P=q.zIndex,preloadOnHover:O=!0,loadingDelay:D=0,pauseHoldDelay:E=q.pauseHoldDelay,groupTransition:T="slide",arrows:N="auto",hideDisabledArrows:V=!0,mode:$,className:Q}=e,F=s.Children.toArray(r).filter(ft),A=F.map(C=>({slides:C.props.slides??[],defaultDuration:C.props.defaultDuration})),H=s.useRef();H.current||(H.current=dt({isOpen:y??!1}));const g=H.current,U=s.useRef(A);U.current=A;const ae=s.useRef({groupTransition:T});ae.current={groupTransition:T};const M=s.useRef({onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_});M.current={onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_};const ee=s.useRef();if(!ee.current){const C=(a,k)=>g.setState({slideIndex:a,direction:k,isPlaying:!0}),x=(a,k,j)=>ut(()=>g.setState({groupIndex:a,slideIndex:k,direction:j,isPlaying:!0}),{direction:j,enabled:ae.current.groupTransition!=="none"}),w=()=>{var a,k;(k=(a=M.current).onComplete)==null||k.call(a),g.setState({isOpen:!1,isPlaying:!1})};ee.current={open:(a,k)=>{const j=g.getSnapshot();g.setState({isOpen:!0,groupIndex:a??j.groupIndex,slideIndex:k??0,isPlaying:!0,direction:"next"})},close:()=>g.setState({isOpen:!1,isPlaying:!1}),next:()=>{var j,B,W,X,de;const a=g.getSnapshot(),k=((j=U.current[a.groupIndex])==null?void 0:j.slides.length)??0;a.slideIndex+1<k?C(a.slideIndex+1,"next"):a.groupIndex+1<U.current.length?((W=(B=M.current).onGroupComplete)==null||W.call(B,a.groupIndex),x(a.groupIndex+1,0,"next")):((de=(X=M.current).onGroupComplete)==null||de.call(X,a.groupIndex),w())},prev:()=>{const a=g.getSnapshot();a.slideIndex>0?C(a.slideIndex-1,"prev"):a.groupIndex>0&&x(a.groupIndex-1,0,"prev")},nextGroup:()=>{const a=g.getSnapshot();a.groupIndex+1<U.current.length&&x(a.groupIndex+1,0,"next")},prevGroup:()=>{const a=g.getSnapshot();a.groupIndex>0&&x(a.groupIndex-1,0,"prev")},goTo:(a,k)=>{const j=g.getSnapshot(),B=a<j.groupIndex?"prev":"next";a===j.groupIndex?C(k??0,B):x(a,k??0,B)},pause:()=>g.setState({isPlaying:!1}),resume:()=>g.setState({isPlaying:!0})}}const te=ee.current,ve=at(A),le=s.useRef(g.getSnapshot());s.useEffect(()=>g.subscribe(()=>{var a,k,j,B,W,X;const C=le.current,x=g.getSnapshot();le.current=x;const w=M.current;if(C.isOpen!==x.isOpen){(a=w.onOpenChange)==null||a.call(w,x.isOpen,{groupIndex:x.groupIndex}),x.isOpen?((k=w.onGroupChange)==null||k.call(w,x.groupIndex),(j=w.onSlideChange)==null||j.call(w,x.groupIndex,x.slideIndex)):(B=w.onClose)==null||B.call(w);return}x.isOpen&&(C.groupIndex!==x.groupIndex&&((W=w.onGroupChange)==null||W.call(w,x.groupIndex)),(C.groupIndex!==x.groupIndex||C.slideIndex!==x.slideIndex)&&((X=w.onSlideChange)==null||X.call(w,x.groupIndex,x.slideIndex)))}),[g]),s.useEffect(()=>{i!==void 0&&g.setState({isOpen:i})},[i,g]),s.useEffect(()=>{u!==void 0&&g.setState({groupIndex:u})},[u,g]),s.useEffect(()=>{p!==void 0&&g.setState({slideIndex:p})},[p,g]),s.useImperativeHandle(n,()=>({...te,getState:()=>{const C=g.getSnapshot();return{isOpen:C.isOpen,groupIndex:C.groupIndex,slideIndex:C.slideIndex,isPlaying:C.isPlaying}}}),[te,g]);const be={store:g,controller:te,groups:A,defaultDuration:o,pauseHoldDelay:E,tapPrevZone:q.tapPrevZone,preloadGroup:ve,preloadOnHover:O,loadingDelay:D,overlay:h,overlayColor:z,zIndex:P,groupTransition:T,arrows:N,hideDisabledArrows:V,mode:$,onError:S,renderError:b};return t.jsxs(Re,{value:be,children:[t.jsx(pt,{className:[R.root,Q].filter(Boolean).join(" "),children:F.map((C,x)=>s.cloneElement(C,{__index:x}))}),t.jsx(gt,{})]})},ie=s.forwardRef(yt);ie.Preview=oe;ie.displayName="Stories";exports.Stories=ie;exports.StoriesBanner=me;exports.StoriesContent=ye;exports.StoriesPreview=oe;exports.StoriesProgress=xe;exports.StoriesViewer=he;exports.StoriesViewerLazy=we;exports.storiesClassNames=R;