@daisforge/ui 1.12.2 → 1.13.0

package/chunks/Stories-Dvh6rMeV.cjs

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