react-motion-gallery 2.0.18 → 2.0.20

package/dist/fullscreen-controls.mjs

@@ -0,0 +1 @@
+import {a}from'./chunk-V7DPXRZF.mjs';function r(o){return a("controls",{options:o?{controls:o}:void 0})}export{r as fullscreenControls};

package/dist/fullscreen-crossfade.d.mts

@@ -0,0 +1,19 @@
+import { b as FullscreenCrossfadeOptions, e as FullscreenPlugin } from './responsive-Ch5b4LC-.mjs';
+import './types-DP7ogmr4.mjs';
+import 'react';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './force-C5m1QpdF.mjs';
+import './types-CfvTYIyd.mjs';
+import './media.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './text-BBcRGVzn.mjs';
+import 'plyr-react';
+import './types-B7AiQJkM.mjs';
+import 'react-dom/client';
+
+declare function fullscreenCrossfade(options?: FullscreenCrossfadeOptions): FullscreenPlugin;
+
+export { fullscreenCrossfade };

package/dist/fullscreen-crossfade.mjs

@@ -0,0 +1 @@
+import {a}from'./chunk-V7DPXRZF.mjs';function r(e){return a("crossfade",{options:e?{effects:{crossfade:e}}:void 0})}export{r as fullscreenCrossfade};

package/dist/fullscreen-lazy-load.css

@@ -0,0 +1 @@
+.Re{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:J 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.Se{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes J{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:M 1s linear infinite;animation-play-state:paused;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes M{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.N .plyr__poster{pointer-events:none}.P{position:relative;left:0}.O .P{left:auto;right:0}.hr{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.r{opacity:1;pointer-events:auto}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}.fr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.X,.l,.m,._{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.X.r,.l.r,.m.r,._.r{opacity:1;pointer-events:auto}.X{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.l,.m{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.l{left:0;transform:rotate(180deg)}.m{right:0}._{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Q{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:opacity,transform}.Q.r{opacity:1;transform:translateY(0)}.fullscreen_slider[data-rmg-fs-hide-track-captions=true] [data-rmg-fs-caption=true]{opacity:0;visibility:hidden;pointer-events:none}.br{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:R 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes R{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.vr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}

package/dist/fullscreen-lazy-load.d.mts

@@ -0,0 +1,19 @@
+import { c as FullscreenLazyLoadOptions, e as FullscreenPlugin } from './responsive-Ch5b4LC-.mjs';
+import './types-DP7ogmr4.mjs';
+import 'react';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './force-C5m1QpdF.mjs';
+import './types-CfvTYIyd.mjs';
+import './media.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './text-BBcRGVzn.mjs';
+import 'plyr-react';
+import './types-B7AiQJkM.mjs';
+import 'react-dom/client';
+
+declare function fullscreenLazyLoad(options?: FullscreenLazyLoadOptions): FullscreenPlugin;
+
+export { fullscreenLazyLoad };

package/dist/fullscreen-lazy-load.mjs

@@ -0,0 +1 @@
+import {b,a as a$1}from'./chunk-CR2MZG3Q.mjs';import'./chunk-VXMW2JT5.mjs';import'./chunk-UAEPMZQY.mjs';import'./chunk-BJBHSWMF.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-ASH5AOA4.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import {a}from'./chunk-V7DPXRZF.mjs';function o(e){return a("lazy-load",{options:e?{lazyLoad:e}:void 0,runtime:{renderSlides:a$1,renderCrossfadeSlides:b}})}export{o as fullscreenLazyLoad};

package/dist/fullscreen-slider.css

@@ -0,0 +1 @@
+.P{position:relative;left:0}.O .P{left:auto;right:0}.hr{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.r{opacity:1;pointer-events:auto}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}.fr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.X,.l,.m,._{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.X.r,.l.r,.m.r,._.r{opacity:1;pointer-events:auto}.X{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.l,.m{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.l{left:0;transform:rotate(180deg)}.m{right:0}._{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Q{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:opacity,transform}.Q.r{opacity:1;transform:translateY(0)}.fullscreen_slider[data-rmg-fs-hide-track-captions=true] [data-rmg-fs-caption=true]{opacity:0;visibility:hidden;pointer-events:none}.br{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:R 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes R{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.vr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}

package/dist/fullscreen-slider.d.mts

@@ -0,0 +1,19 @@
+import { g as FullscreenSliderOptions, e as FullscreenPlugin } from './responsive-Ch5b4LC-.mjs';
+import './types-DP7ogmr4.mjs';
+import 'react';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './force-C5m1QpdF.mjs';
+import './types-CfvTYIyd.mjs';
+import './media.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './text-BBcRGVzn.mjs';
+import 'plyr-react';
+import './types-B7AiQJkM.mjs';
+import 'react-dom/client';
+
+declare function fullscreenSlider(options?: FullscreenSliderOptions): FullscreenPlugin;
+
+export { fullscreenSlider };

package/dist/fullscreen-slider.mjs

@@ -0,0 +1 @@
+import {a}from'./chunk-V7DPXRZF.mjs';import*as l from'react';import {jsx}from'react/jsx-runtime';var t=()=>import('./FullscreenRuntime-GNH22QHC.mjs').then(e=>({default:e.default??e.FullscreenRuntime})),o=l.lazy(t);function u(){t();}function i(e){return jsx(l.Suspense,{fallback:null,children:jsx(o,{...e})})}function s(e,c){return a(e,{options:c,RuntimeHost:i,preload:u})}function p(e){return s("slider",e?{slider:e}:void 0)}export{p as fullscreenSlider};

package/dist/fullscreen-thumbnails.d.mts

@@ -0,0 +1,19 @@
+import { e as FullscreenPlugin } from './responsive-Ch5b4LC-.mjs';
+import './types-DP7ogmr4.mjs';
+import 'react';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './force-C5m1QpdF.mjs';
+import './types-CfvTYIyd.mjs';
+import './media.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './text-BBcRGVzn.mjs';
+import 'plyr-react';
+import './types-B7AiQJkM.mjs';
+import 'react-dom/client';
+
+declare function fullscreenThumbnails(): FullscreenPlugin;
+
+export { fullscreenThumbnails };

package/dist/fullscreen-thumbnails.mjs

@@ -0,0 +1 @@
+import {a}from'./chunk-V7DPXRZF.mjs';function l(){return a("thumbnails")}export{l as fullscreenThumbnails};

package/dist/fullscreen-video.css

@@ -0,0 +1 @@
+.Re{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:J 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.Se{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes J{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:M 1s linear infinite;animation-play-state:paused;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes M{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.N .plyr__poster{pointer-events:none}.P{position:relative;left:0}.O .P{left:auto;right:0}.hr{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.r{opacity:1;pointer-events:auto}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}.fr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.X,.l,.m,._{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.X.r,.l.r,.m.r,._.r{opacity:1;pointer-events:auto}.X{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.l,.m{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.l{left:0;transform:rotate(180deg)}.m{right:0}._{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Q{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:opacity,transform}.Q.r{opacity:1;transform:translateY(0)}.fullscreen_slider[data-rmg-fs-hide-track-captions=true] [data-rmg-fs-caption=true]{opacity:0;visibility:hidden;pointer-events:none}.br{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:R 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes R{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.vr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}

package/dist/fullscreen-video.d.mts

@@ -0,0 +1,19 @@
+import { h as FullscreenVideoOptions, e as FullscreenPlugin } from './responsive-Ch5b4LC-.mjs';
+import './types-DP7ogmr4.mjs';
+import 'react';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './force-C5m1QpdF.mjs';
+import './types-CfvTYIyd.mjs';
+import './media.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './text-BBcRGVzn.mjs';
+import 'plyr-react';
+import './types-B7AiQJkM.mjs';
+import 'react-dom/client';
+
+declare function fullscreenVideo(options?: FullscreenVideoOptions): FullscreenPlugin;
+
+export { fullscreenVideo };

package/dist/fullscreen-video.mjs

@@ -0,0 +1 @@
+import {a as a$3}from'./chunk-C6PKH3FH.mjs';import'./chunk-PFEGIWQJ.mjs';import {b,a as a$2}from'./chunk-CR2MZG3Q.mjs';import'./chunk-VXMW2JT5.mjs';import {d,a as a$4,c as c$1,b as b$1}from'./chunk-UAEPMZQY.mjs';import'./chunk-BJBHSWMF.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-ASH5AOA4.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import {a as a$1}from'./chunk-V7DPXRZF.mjs';import*as c from'react';var a={aspectRatio:"16 / 9",height:"auto",width:"100%",maxWidth:"calc(100dvh * (16 / 9))",position:"absolute",left:"50%",transform:"translateX(-50%)"};function y(e){let{items:r,source:t,options:o}=e;return c.useMemo(()=>{if(!r?.length)return [];let f=(S,g)=>(t??b$1)(S,g),P=d(a$4,o);return c$1(r,f,P)},[r,t,o])}function h(e){return a$1("video",{options:e?{video:e}:void 0,runtime:{usePlyrProps:y,defaultPlayerStyle:a,createVideoSnapshotStore:a$3,renderSlides:a$2,renderCrossfadeSlides:b}})}export{h as fullscreenVideo};

package/dist/fullscreen-zoom-pan.d.mts

@@ -0,0 +1,19 @@
+import { i as FullscreenZoomPanOptions, e as FullscreenPlugin } from './responsive-Ch5b4LC-.mjs';
+import './types-DP7ogmr4.mjs';
+import 'react';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './force-C5m1QpdF.mjs';
+import './types-CfvTYIyd.mjs';
+import './media.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './text-BBcRGVzn.mjs';
+import 'plyr-react';
+import './types-B7AiQJkM.mjs';
+import 'react-dom/client';
+
+declare function fullscreenZoomPan(options?: FullscreenZoomPanOptions): FullscreenPlugin;
+
+export { fullscreenZoomPan };

package/dist/fullscreen-zoom-pan.mjs

@@ -0,0 +1 @@
+import {h,j,a as a$2,i,g as g$1,f as f$1,e as e$1,d,c as c$3,b as b$2}from'./chunk-L4TRPKGX.mjs';import {b,a as a$3,c as c$2,f as f$2,g as g$3}from'./chunk-ADIHG7AT.mjs';import {c}from'./chunk-P2GQPFSL.mjs';import {e,c as c$1,b as b$1}from'./chunk-HGY3QLCE.mjs';import {g as g$2}from'./chunk-UAEPMZQY.mjs';import {a as a$1}from'./chunk-B4CC5AGE.mjs';import {f,g}from'./chunk-HK2DPKES.mjs';import {a}from'./chunk-V7DPXRZF.mjs';import*as F from'react';var Ge=300,Ke="cubic-bezier(.4,0,.22,1)";function qe(r){return {enabled:r?.zoomFade!==false,durationMs:r?.zoomFadeDurationMs??Ge,easing:r?.zoomFadeEasing??Ke,zoomInTransform:r?.zoomInTransform??"",zoomOutTransform:r?.zoomOutTransform??""}}function je(r){if(!(!r.enabled||r.durationMs<=0))return `opacity ${r.durationMs}ms ${r.easing}, transform ${r.durationMs}ms ${r.easing}`}function Je(r){let{phase:e,isZoomed:t,settings:n}=r;if(!n.enabled)return {phase:"visible",isZoomed:t,interactive:true,contentStyle:{}};let E=1,i="",m;switch(e){case "hiding":E=0,i=n.zoomInTransform,m=je(n);break;case "hidden":E=0,i=n.zoomInTransform;break;case "showingStart":E=0,i=n.zoomOutTransform;break;case "showing":E=1,i="",m=je(n);break;default:E=1,i="";break}return {phase:e,isZoomed:t,interactive:e==="visible",contentStyle:{opacity:E,transform:i,transition:m,willChange:"opacity, transform"}}}function ve(r){let{caption:e,isZoomed:t}=r,n=F.useMemo(()=>qe(e),[e?.zoomFade,e?.zoomFadeDurationMs,e?.zoomFadeEasing,e?.zoomInTransform,e?.zoomOutTransform]),[E,i]=F.useState(()=>n.enabled&&t?"hidden":"visible"),m=F.useRef(false),u=F.useRef(t),l=F.useRef(n.enabled);return F.useEffect(()=>{let T=u.current,y=l.current;if(u.current=t,l.current=n.enabled,!m.current){m.current=true,i(n.enabled&&t?"hidden":"visible");return}let f=0,s=0,a=0;return n.enabled?y!==n.enabled?(i(t?"hidden":"visible"),()=>{f&&cancelAnimationFrame(f),s&&cancelAnimationFrame(s),a&&clearTimeout(a);}):T===t?()=>{f&&cancelAnimationFrame(f),s&&cancelAnimationFrame(s),a&&clearTimeout(a);}:(t?(i("hiding"),n.durationMs<=0?i("hidden"):a=window.setTimeout(()=>{i("hidden");},n.durationMs+20)):(i("showingStart"),f=requestAnimationFrame(()=>{s=requestAnimationFrame(()=>{if(i("showing"),n.durationMs<=0){i("visible");return}a=window.setTimeout(()=>{i("visible");},n.durationMs+20);});})),()=>{f&&cancelAnimationFrame(f),s&&cancelAnimationFrame(s),a&&clearTimeout(a);}):(i("visible"),()=>{f&&cancelAnimationFrame(f),s&&cancelAnimationFrame(s),a&&clearTimeout(a);})},[t,n.enabled,n.durationMs]),F.useMemo(()=>Je({phase:E,isZoomed:t,settings:n}),[E,t,n])}function Qe(r){if(r.ctrlKey)return  true;let e=Math.abs(r.deltaX),t=Math.abs(r.deltaY);if(e<1&&t<1)return  false;let n=e/t;return n>=.8&&n<=1.2}function Ye(r){let{scaleRef:e,zoomCtx:t,zoomTo:n,isZoomed:E,currentImage:i,imageRefs:m,fullscreenSliderApi:u,rebuildPanBodies:l,baseFitSize:T,boundsForCurrent:y,ScrollBounds:f,boundsX:s,boundsY:a,offX:P,offY:c,tgtX:w,tgtY:S,bodyX:C,bodyY:M,animRef:b,panDuration:p,findImgAtPoint:D,readDataIndex:z,distance:h,midpoint:O}=r,Y=F.useRef(false),A=F.useRef(false),me=F.useRef(false),W=F.useRef(0),Q=F.useRef(1),ee=F.useCallback((o,d)=>{if(!d.current||!o.ctrlKey)return;o.preventDefault(),u.current?.centerSlider(),e.current>1.01&&(Y.current=true);let{ctrlKey:R,deltaMode:v}=o,{deltaY:g}=o;v===1&&(g*=15);let _=1-g/(R?100:300),j=e.current*_;n(t,{destZoomLevel:j,centerPoint:{x:o.clientX,y:o.clientY},imageRef:d});},[u,e,n,t]),B=F.useCallback(o=>{if(!E||Qe(o)||o.ctrlKey||!i.current)return;o.preventDefault(),l();let d=i.current,R=c$2(d)?.getBoundingClientRect()??d.getBoundingClientRect(),v=R.width,g=R.height,k=a$3(d);if(!k)return;let{baseW:_,baseH:j}=T(k,v,g),{x:V,y:ne,povX:fe,povY:de}=y(e.current,_,j,v,g);s.current=f(V,P.current,w.current,C.current,fe,p),a.current=f(ne,c.current,S.current,M.current,de,p);let U=(P.current?.get()??0)-o.deltaX,$=(c.current?.get()??0)-o.deltaY;U=V.constrain(U),$=ne.constrain($),w.current?.set(U),S.current?.set($),C.current?.useDuration(0).useFriction(1),M.current?.useDuration(0).useFriction(1),b.current?.start();},[E,i,l,T,y,e,s,a,f,P,c,w,S,C,M,b,p]);F.useEffect(()=>(window.addEventListener("wheel",B,{passive:false}),()=>window.removeEventListener("wheel",B)),[B]),F.useLayoutEffect(()=>{function o(d){let R=D(document,d.clientX,d.clientY);if(!R)return;let v=z(R);if(v==null)return;let g=m.current[v];g&&(i.current=g.current,ee(d,g));}return window.addEventListener("wheel",o,{passive:false}),()=>window.removeEventListener("wheel",o)},[D,z,m,i,ee]);let N=F.useCallback(o=>{if(o.touches.length!==2)return;o.preventDefault(),u.current?.centerSlider(),A.current=true;let[d,R]=[o.touches[0],o.touches[1]];W.current=h(d,R),Q.current=e.current;},[h,u,e]),te=F.useCallback((o,d)=>{if(!A.current||o.touches.length!==2)return;o.preventDefault();let[R,v]=[o.touches[0],o.touches[1]],k=h(R,v)/W.current,_=Q.current*k,j=O(R,v);n(t,{destZoomLevel:_,centerPoint:j,imageRef:d});},[h,O,n,t]),x=F.useCallback(()=>{A.current&&(A.current=false,me.current=true);},[]);return F.useLayoutEffect(()=>{function o(d){if(d.touches.length<2)return;let R=O(d.touches[0],d.touches[1]),v=D(document,R.x,R.y);if(!v)return;let g=z(v);if(g==null)return;let k=m.current[g];k&&(i.current=k.current,te(d,k));}return window.addEventListener("touchstart",N,{passive:false}),window.addEventListener("touchmove",o,{passive:false}),window.addEventListener("touchend",x),window.addEventListener("touchcancel",x),()=>{window.removeEventListener("touchstart",N),window.removeEventListener("touchmove",o),window.removeEventListener("touchend",x),window.removeEventListener("touchcancel",x);}},[N,te,x,O,D,z,m,i]),{isPinching:Y,isTouchPinching:A}}function Xe(r){let{setScale:e,zoomState:t,imageRefs:n,resetPan:E,stopPanMotion:i}=r;if(t.scaleRef.current===1)return;t.changingSlides.current=true,t.suppressLoopRef.current=false,i?.(),e(1),t.previousZoom.current={x:0,y:0},t.panRef.current={x:0,y:0},t.scaleRef.current=1;let m=r.transition??"transform 0.2s cubic-bezier(.4,0,.22,1)",u="translate3d(0, 0, 0) scale(1)",l=m.trim()==="none",T=l?null:m.match(/([\d.]+)s/),y=T?parseFloat(T[1])*1e3:300;n.current.forEach(s=>{let a=s.current;if(!a)return;let P=a.children[0];if(g$2(P))return;let c=a$3(a);if(!c)return;let w=c.style.transition,S=w==="none"?"":w;if(c.style.transition=m,c.offsetWidth,c.style.transform=u,l){requestAnimationFrame(()=>{c.style.transition===m&&(c.style.transition=S);});return}window.setTimeout(()=>{c.style.transition===m&&(c.style.transition="");},y+50);}),E?.();let f=r.unlockDelayMs??(l?0:y+50);window.setTimeout(()=>{t.changingSlides.current=false;},f);}function We(r){let{fs:e$2,entriesObject:t,hasEntriesViewportOverlay:n,layout:E,resolveFsCaptionPlacement:i$1,windowSize:m,currentImage:u,scaleRef:l,setScale:T,previousZoom:y,suppressLoopRef:f$3,locX:s,prevX:a,offX:P,tgtX:c$2,locY:w,prevY:S,offY:C,tgtY:M,bodyX:b$3,bodyY:p,boundsX:D,boundsY:z,animRef:h$1,panRef:O,imageRefs:Y,changingSlides:A,fullscreenSliderApi:me,isZoomed:W,pointerDownRef:Q,interactionModeRef:ee,axisRef:B,suppressNextClickRef:N,closingModal:te}=r,x=F.useCallback((I,L,oe,pe,G,Be)=>{let X=f(m.width),ye=g(m.height),K=e$2.caption?.layout!=="overlay",_e=e$2.caption?.layout==="overlay"&&(e$2.caption?.width!=null||e$2.caption?.height!=null),re=K||_e?i$1(e$2.caption?.placement,e$2.caption?.breakpoint,X):null,ie=e$2.caption?.width==null?void 0:a$1(e$2.caption.width,280,X,X),ae=e$2.caption?.height==null?void 0:a$1(e$2.caption.height,200,X,ye),se=n?i$1(t.overlay?.placement,t.overlay?.breakpoint,X):null,ge=!n||t.overlay?.width==null?void 0:a$1(t.overlay.width,280,X,X),Fe=!n||t.overlay?.height==null?void 0:a$1(t.overlay.height,200,X,ye),Ne=(re==="left"?K?ie??280:ie??0:0)+(se==="left"?ge??0:0),Ve=(re==="right"?K?ie??280:ie??0:0)+(se==="right"?ge??0:0),Ue=(re==="top"?K?ae??200:ae??0:0)+(se==="top"?Fe??0:0),$e=(re==="bottom"?K?ae??200:ae??0:0)+(se==="bottom"?Fe??0:0),ce=!Be?.ignoreReserved;return h({scale:I,imgW:L,imgH:oe,currentImageEl:u.current,viewW:pe,viewH:G,reservedLeft:ce?Ne:0,reservedRight:ce?Ve:0,reservedTop:ce?Ue:0,reservedBottom:ce?$e:0})},[u,t.overlay,t.render?.overlay,e$2.caption,n,E,i$1,m.height,m.width]);F.useEffect(()=>{B.current=c();},[B]);let o=F.useCallback((I,L)=>{if(A.current||!u.current)return;let oe=b(u.current);if(!oe.length)return;let pe=`translate3d(${I}px, ${L}px, 0) scale(${l.current})`;oe.forEach(G=>{G.style.transition&&(G.style.transition=""),G.style.transform=pe;});},[A,u,l]),d$1=F.useCallback(()=>{h$1.current?.stop(),b$3.current?.useDuration(0).useFriction(1).sync(),p.current?.useDuration(0).useFriction(1).sync();let I=0,L=0;s.current?.set(I),a.current?.set(I),P.current?.set(I),c$2.current?.set(I),w.current?.set(L),S.current?.set(L),C.current?.set(L),M.current?.set(L);},[h$1,b$3,p,s,w,P,C,a,S,c$2,M]),R=F.useCallback(()=>{h$1.current?.stop(),A.current=false,f$3.current=false,b$3.current?.resetVelocity(),b$3.current?.useBaseDuration(),b$3.current?.useBaseFriction(),b$3.current?.sync(),p.current?.resetVelocity(),p.current?.useBaseDuration(),p.current?.useBaseFriction(),p.current?.sync();},[h$1,b$3,p,A,f$3]),v=F.useCallback(()=>{j({currentImage:u,locX:s,prevX:a,offX:P,tgtX:c$2,locY:w,prevY:S,offY:C,tgtY:M,bodyX:b$3,bodyY:p,boundsX:D,boundsY:z,ScrollBody:c$1,ScrollBounds:e,baseFitSize:a$2,boundsForCurrent:x,panDuration:e$2.zoom?.panDuration,panFriction:e$2.zoom?.panFriction,animRef:h$1});},[h$1,b$3,p,x,D,z,u,e$2.zoom?.panDuration,e$2.zoom?.panFriction,s,w,P,C,a,S,c$2,M]),g$2=F.useCallback(I=>{let L=!!I?.disableImageTransition;Xe({setScale:T,zoomState:{previousZoom:y,panRef:O,scaleRef:l,suppressLoopRef:f$3,changingSlides:A},imageRefs:Y,resetPan:v,stopPanMotion:d$1,transition:L?"none":void 0,unlockDelayMs:L?0:void 0});},[A,Y,O,y,v,l,T,d$1,f$3]),k=F.useCallback(()=>{g$2({disableImageTransition:!!e$2.effects?.crossfade?.drag});},[e$2.effects?.crossfade?.drag,g$2]),_=F.useCallback(()=>{i({setScale:T,zoomState:{previousZoom:y,panRef:O,scaleRef:l},imageRefs:Y,resetPan:v});},[Y,O,y,v,l,T]),j$1=F.useMemo(()=>({fs:e$2,currentImage:u,scaleRef:l,setScale:T,previousZoom:y,suppressLoopRef:f$3,locX:s,prevX:a,offX:P,tgtX:c$2,locY:w,prevY:S,offY:C,tgtY:M,bodyX:b$3,bodyY:p,boundsX:D,boundsY:z,Vector1D:b$1,ScrollBody:c$1,ScrollBounds:e,boundsForCurrent:x,renderPan:o,animRef:h$1,panRef:O,resetAllZoomDom:R}),[h$1,b$3,p,x,D,z,u,e$2,s,w,P,C,O,a,S,y,R,o,l,T,f$3,c$2,M]),V=F.useCallback(()=>{g$1({fs:e$2,currentImage:u,scaleRef:l,locX:s,prevX:a,offX:P,tgtX:c$2,locY:w,prevY:S,offY:C,tgtY:M,bodyX:b$3,bodyY:p,boundsX:D,boundsY:z,Vector1D:b$1,ScrollBody:c$1,ScrollBounds:e,boundsForCurrent:x});},[x,b$3,p,D,z,u,e$2,s,w,P,C,a,S,l,c$2,M]),{isPinching:ne,isTouchPinching:fe}=Ye({scaleRef:l,zoomCtx:j$1,zoomTo:d,isZoomed:W,currentImage:u,imageRefs:Y,fullscreenSliderApi:me,rebuildPanBodies:V,baseFitSize:a$2,boundsForCurrent:x,ScrollBounds:e,boundsX:D,boundsY:z,offX:P,offY:C,tgtX:c$2,tgtY:M,bodyX:b$3,bodyY:p,animRef:h$1,panDuration:e$2.zoom?.panDuration,findImgAtPoint:f$2,readDataIndex:g$3,distance:c$3,midpoint:b$2}),de=ve({caption:{zoomFade:t.overlay?.zoomFade,zoomFadeDurationMs:t.overlay?.zoomFadeDurationMs,zoomFadeEasing:t.overlay?.zoomFadeEasing,zoomInTransform:t.overlay?.zoomInTransform,zoomOutTransform:t.overlay?.zoomOutTransform},isZoomed:W}),U=ve({caption:e$2.caption,isZoomed:W}),$=f$1({fs:e$2,isZoomed:W,zoomCtx:j$1,currentImage:u,rebuildPanBodies:V,renderPan:o,handleZoomToggle:e$1,suppressNextClickRef:N,pointerDownRef:Q,interactionModeRef:ee,boundsX:D,boundsY:z,bodyX:b$3,bodyY:p,locX:s,locY:w,prevX:a,prevY:S,offX:P,offY:C,tgtX:c$2,tgtY:M,axisRef:B,animRef:h$1});return F.useEffect(()=>{h$1.current&&(h$1.current.stop(),T(1),y.current.x=0,y.current.y=0,O.current={x:0,y:0},l.current=1);},[h$1,te,O,y,l,T]),{isPinching:ne,isTouchPinching:fe,entryOverlayZoomMotion:de,captionZoomMotion:U,handlePanPointerStart:$.handlePanPointerStart,handleZoomToggle:(I,L)=>e$1(j$1,I,L),resetAllZoomDom:g$2,resetForSlideNavigation:k,forceResetZoom:_}}function et(r){return a("zoom-pan",{options:r?{zoom:r}:void 0,runtime:{useZoomPanRuntime:We}})}export{et as fullscreenZoomPan};

package/dist/fullscreen.css

@@ -1 +1 @@
-.j{position:relative;left:0}._ .j{left:auto;right:0}.or{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.r{opacity:1;pointer-events:auto}.sr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.l,.a,.t,.d{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.l.r,.a.r,.t.r,.d.r{opacity:1;pointer-events:auto}.l{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.a,.t{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.a{left:0;transform:rotate(180deg)}.t{right:0}.d{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Z{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1)}.Z.r{opacity:1;transform:translateY(0)}.mr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:q 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes q{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.lr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}.dr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;z-index:3;animation:A 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.cr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}@keyframes A{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:B 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes B{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.C .plyr__poster{pointer-events:none}
+.P{position:relative;left:0}.O .P{left:auto;right:0}.hr{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:calc(var(--rmg-fs-z, 9999) - 1);transform:translateZ(0);backface-visibility:hidden;contain:paint}.r{opacity:1;pointer-events:auto}[data-rmg-fs-root=true][data-rmg-fs-closing=true],[data-rmg-fs-root=true][data-rmg-fs-closing=true] *{pointer-events:none!important}.fr{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:transform}.X,.l,.m,._{position:fixed;opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 2)}.X.r,.l.r,.m.r,._.r{opacity:1;pointer-events:auto}.X{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.l,.m{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.l{left:0;transform:rotate(180deg)}.m{right:0}._{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.Q{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:calc(var(--rmg-fs-z, 9999) + 1);will-change:opacity,transform}.Q.r{opacity:1;transform:translateY(0)}.fullscreen_slider[data-rmg-fs-hide-track-captions=true] [data-rmg-fs-caption=true]{opacity:0;visibility:hidden;pointer-events:none}.br{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:R 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}@keyframes R{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.vr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}.rmg__player .plyr__poster{pointer-events:none}

package/dist/fullscreen.d.mts

@@ -1,137 +1,31 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import { d as FullscreenOptions, e as FullscreenPlugin, w as FullscreenClose, x as FullscreenArrows, y as FullscreenCounter, l as ResponsiveLength, R as ResponsiveCaptionPlacement, z as FsCaptionRenderArgs, A as FSImageRender, h as FullscreenVideoOptions, c as FullscreenLazyLoadOptions } from './responsive-Ch5b4LC-.mjs';
+export { j as FsCaptionPlacement, k as FsIntroRequest, F as FullscreenCaptionOptions, a as FullscreenControlsOptions, b as FullscreenCrossfadeOptions, f as FullscreenPluginKind, g as FullscreenSliderOptions, i as FullscreenZoomPanOptions } from './responsive-Ch5b4LC-.mjs';
 import React__default from 'react';
-import { M as MediaItem } from './media-moIXOhT1.mjs';
-import { E as ElementStyle } from './elements-24CTbRWj.mjs';
-import { a as FullscreenOpenMethod$1, F as FullscreenOpenRequest } from './types-tb9Qf2Mj.mjs';
-export { G as GalleryApi, I as IndexMode } from './types-tb9Qf2Mj.mjs';
-import { P as PlyrSourceBuilder, a as PlyrOptionsBuilder } from './plyrTypes-CmP9NWvX.mjs';
-import { a as FullscreenThumbnailBridge } from './types-CvTlITct.mjs';
-import './responsive-CvE5dTnP.mjs';
-import './types-9g3BgMxk.mjs';
-
-type FsCounterArgs = {
-    index: number;
-    count: number;
-};
-type FsCaptionPlacement = "top" | "right" | "bottom" | "left";
-type FsIntroRequest = null | {
-    originalImage: HTMLImageElement | null;
-    index: number;
-    method: FullscreenOpenMethod$1;
-    closestSelector?: string;
-};
-type FSImageRender = (args: {
-    item: Extract<MediaItem, {
-        kind: "image";
-    }>;
-    index: number;
-    isZoomed: boolean;
-    className: string;
-    baseStyle: React.CSSProperties;
-}) => React.ReactNode;
-type FullscreenArrows = {
-    enabled?: boolean;
-    arrow?: ElementStyle;
-    prev?: ElementStyle;
-    next?: ElementStyle;
-    render?: (args: {
-        dir: "prev" | "next";
-    }) => React.ReactNode;
-    renderPrev?: () => React.ReactNode;
-    renderNext?: () => React.ReactNode;
-};
-type FullscreenClose = {
-    enabled?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    render?: () => React.ReactNode;
-};
-type FullscreenCounter = {
-    enabled?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    render?: (args: FsCounterArgs) => React.ReactNode;
-};
-type FullscreenControlsOptions = {
-    close?: FullscreenClose;
-    arrows?: FullscreenArrows;
-    counter?: FullscreenCounter;
-};
-type FsCaptionRenderArgs = {
-    item: MediaItem;
-    index: number;
-    isZoomed: boolean;
-};
-type FullscreenCaptionOptions = {
-    className?: string;
-    style?: React.CSSProperties;
-    placement?: FsCaptionPlacement;
-    width?: number;
-    height?: number;
-    breakpoint?: number;
-    render?: (args: FsCaptionRenderArgs) => React.ReactNode;
-};
-type FullscreenEffectsOptions = {
-    introDuration?: number;
-    introEasing?: string;
-    introFade?: boolean;
-    slideFade?: boolean;
-    slideFadeDuration?: number;
-    slideFadeEasing?: string;
-};
-type FullscreenSliderOptions = {
-    duration?: number;
-    friction?: number;
-    direction?: "ltr" | "rtl";
-};
-type FullscreenZoomPanOptions = {
-    clickZoomLevel?: number;
-    maxZoomLevel?: number;
-    panDuration?: number;
-    panFriction?: number;
-};
-type FullscreenVideoOptions = {
-    source?: PlyrSourceBuilder;
-    options?: PlyrOptionsBuilder;
-    style?: React.CSSProperties;
-    className?: string;
-};
-type FullscreenLazyLoadKind = "image" | "video";
-type FullscreenLazyLoadArgs = {
-    kind: FullscreenLazyLoadKind;
-    isClone?: boolean;
-};
-type FullscreenLazyLoadConfig = {
-    enabled?: boolean;
-    spinner?: boolean | React.ReactNode | ((args: FullscreenLazyLoadArgs) => React.ReactNode);
-    spinnerClassName?: string;
-    spinnerStyle?: React.CSSProperties;
-};
-type FullscreenLazyLoadOptions = {
-    images?: FullscreenLazyLoadConfig;
-    videos?: FullscreenLazyLoadConfig;
-};
-type FullscreenOptions = {
-    enabled?: boolean;
-    items?: MediaItem[] | string[];
-    renderImage?: FSImageRender;
-    video?: FullscreenVideoOptions;
-    controls?: FullscreenControlsOptions;
-    caption?: FullscreenCaptionOptions;
-    slider?: FullscreenSliderOptions;
-    zoom?: FullscreenZoomPanOptions;
-    effects?: FullscreenEffectsOptions;
-    lazyLoad?: FullscreenLazyLoadOptions;
-};
+import { MediaItem } from './media.mjs';
+import { d as CrossFadeWheel, H as FullscreenOpenRequest } from './types-CfvTYIyd.mjs';
+export { G as GalleryApi, a as GalleryCoreApi, I as IndexMode } from './types-CfvTYIyd.mjs';
+import { a as FullscreenThumbnailBridge } from './types-B7AiQJkM.mjs';
+import { R as ResponsiveNumber } from './responsiveNumber-CouEMJ9O.mjs';
+import './types-DP7ogmr4.mjs';
+import './force-C5m1QpdF.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './text-BBcRGVzn.mjs';
+import 'plyr-react';
+import 'react-dom/client';
 
 type FullscreenOpenMethod = "fade" | "scale";
 type UseFullscreenArgs = {
     fullscreen?: FullscreenOptions;
+    plugins?: FullscreenPlugin[];
 };
 declare function useFullscreenController(args: UseFullscreenArgs): {
     fs: {
         slider: {
+            gap: ResponsiveNumber;
             duration: number;
             friction: number;
             direction: "ltr" | "rtl";
@@ -143,12 +37,17 @@ declare function useFullscreenController(args: UseFullscreenArgs): {
             panFriction: number;
         };
         effects: {
+            crossfade: {
+                controls: boolean;
+                drag: boolean;
+                wheel?: CrossFadeWheel;
+                durationMs: number;
+                easing: string;
+            };
             introDuration: number;
             introEasing: string;
             introFade: boolean;
-            slideFade: boolean;
-            slideFadeDuration: number;
-            slideFadeEasing: string;
+            introStickyNavSelector?: string;
             thumbnailsFadeDuration?: number;
             thumbnailsFadeEasing?: string;
         };
@@ -160,11 +59,20 @@ declare function useFullscreenController(args: UseFullscreenArgs): {
         caption: {
             className?: string;
             style?: React__default.CSSProperties;
-            placement?: FsCaptionPlacement;
-            width?: number;
-            height?: number;
+            width?: ResponsiveLength;
+            height?: ResponsiveLength;
+            placement?: ResponsiveCaptionPlacement;
             breakpoint?: number;
             render?: (args: FsCaptionRenderArgs) => React__default.ReactNode;
+            layout?: "overlay" | "slide";
+            overlayCrossfadeTarget: "content" | "overlay";
+            overlayCrossfadeDurationMs: number;
+            overlayCrossfadeEasing: string;
+            zoomFade: boolean;
+            zoomFadeDurationMs: number;
+            zoomFadeEasing: string;
+            zoomInTransform: string;
+            zoomOutTransform: string;
         };
         enabled: boolean;
         items?: MediaItem[] | string[];
@@ -212,51 +120,4 @@ declare function useFullscreenController(args: UseFullscreenArgs): {
     closingModal: boolean;
 };
 
-declare const DEFAULT_FULLSCREEN: {
-    readonly enabled: false;
-    readonly controls: {
-        readonly close: {
-            readonly enabled: true;
-            readonly style: {};
-            readonly className: "";
-            readonly render: undefined;
-        };
-        readonly arrows: {
-            readonly enabled: true;
-            readonly arrow: {};
-            readonly prev: {};
-            readonly next: {};
-            readonly render: undefined;
-            readonly renderPrev: undefined;
-            readonly renderNext: undefined;
-        };
-        readonly counter: {
-            readonly enabled: true;
-            readonly style: {};
-            readonly className: "";
-            readonly render: undefined;
-        };
-    };
-    readonly effects: {
-        readonly introDuration: 300;
-        readonly introEasing: "cubic-bezier(.4,0,.22,1)";
-        readonly introFade: false;
-        readonly slideFade: false;
-        readonly slideFadeDuration: 120;
-        readonly slideFadeEasing: "cubic-bezier(.4,0,.22,1)";
-    };
-    readonly slider: {
-        readonly duration: 25;
-        readonly friction: 0.68;
-        readonly direction: "ltr";
-    };
-    readonly zoom: {
-        readonly clickZoomLevel: 2.5;
-        readonly maxZoomLevel: 3;
-        readonly panDuration: 43;
-        readonly panFriction: 0.68;
-    };
-    readonly caption: {};
-};
-
-export { DEFAULT_FULLSCREEN, type FsCaptionPlacement, type FsIntroRequest, type FullscreenOptions, useFullscreenController };
+export { FullscreenLazyLoadOptions, FullscreenOptions, FullscreenPlugin, FullscreenVideoOptions, useFullscreenController };

package/dist/fullscreen.mjs

@@ -1 +1 @@
-export{a as DEFAULT_FULLSCREEN,b as useFullscreenController}from'./chunk-Q2WWO4HE.mjs';import'./chunk-5BVPDHQ4.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-ZZZZXO5U.mjs';import'./chunk-KZUAS63N.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
+export{a as useFullscreenController}from'./chunk-6CJ7JFOA.mjs';import'./chunk-JJMFOLJZ.mjs';import'./chunk-XUQO5F2F.mjs';import'./chunk-BJBHSWMF.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';

package/dist/fullscreenThumbnails.css

@@ -1 +1 @@
-.fr{position:relative}.hr{position:relative;z-index:1}.br{pointer-events:none}.D{position:absolute;inset:0;z-index:5;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity;overflow:hidden}.vr{opacity:0}.ur{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.yr{display:flex;width:100%;height:100%}.xr{border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--rmg-shimmer-c1, #f0f2f5) 25%,var(--rmg-shimmer-c2, #e6e9ef) 37%,var(--rmg-shimmer-c3, #f0f2f5) 63%);background-size:var(--rmg-shimmer-size, 400% 100%);animation:E var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear)}@keyframes E{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.D{transition:none}}.c{position:relative;overflow:hidden;box-sizing:border-box}.c:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.c[data-active=true]:after{opacity:1}.kr{opacity:0}.g{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.g{transition:none}}.F [data-rmg-thumb-index]>*{opacity:0;transform:translateY(var(--rmg-intro-transform, 10px));transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.F.g [data-rmg-thumb-index]>*{opacity:1;transform:translateY(0)}.p{position:absolute;border-radius:50%;transform:scale(0);animation:p .6s linear;background-color:#0000004d;pointer-events:none}@keyframes p{to{transform:scale(4);opacity:0}}
+.ur{position:relative}.yr{position:relative;z-index:2}.xr{pointer-events:none}.S{position:absolute;inset:0;z-index:1;opacity:var(--rmg-thumb-loading-opacity, 1);--rmg-thumb-skel-shadow-opacity: 1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.kr{z-index:3}.wr{--rmg-thumb-loading-opacity: 0;--rmg-thumb-skel-shadow-opacity: 0}.j{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.j:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, 6px);box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var(--rmg-loading-fade-duration, .6s) * .45) ease-out;pointer-events:none}.zr{position:relative;z-index:1;display:flex;width:100%;height:100%}.a{--rmg-thumb-skel-shadow-radius: var(--rmg-skel-radius, 6px);border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.a:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-thumb-skel-shadow-radius, var(--rmg-skel-radius, 6px));box-shadow:var(--rmg-thumb-skel-shadow, none);opacity:var(--rmg-thumb-skel-shadow-opacity, 1);transition:opacity calc(var(--rmg-loading-fade-duration, .6s) * .45) ease-out;pointer-events:none}.a:after{content:"";position:absolute;inset:0;z-index:1;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:var(--rmg-skel-shimmer-filter, none);background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:T var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes T{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.a:after{animation:none}.S{transition:none}.a:before{transition:none}.j:before{transition:none}}.Y{position:relative;overflow:hidden;box-sizing:border-box}.Y:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.Y[data-active=true]:after{opacity:1}.Xr{opacity:0}.Z{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.Z{transition:none}}.U [data-rmg-thumb-index]>*{opacity:0;transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity}.U.Z [data-rmg-thumb-index]>*{opacity:1}.q{position:absolute;border-radius:50%;transform:scale(0);animation:q .6s linear;background-color:#0000004d;pointer-events:none}@keyframes q{to{transform:scale(4);opacity:0}}

package/dist/fullscreenThumbnails.d.mts

@@ -1,10 +1,13 @@
 import React__default from 'react';
-import { b as FullscreenThumbnailSliderProps } from './types-CvTlITct.mjs';
-export { F as FSItem, a as FullscreenThumbnailBridge, c as FullscreenThumbnailSlotLayout } from './types-CvTlITct.mjs';
-import './responsive-CvE5dTnP.mjs';
-import './types-9g3BgMxk.mjs';
-import './elements-24CTbRWj.mjs';
+import { b as FullscreenThumbnailSliderProps } from './types-B7AiQJkM.mjs';
+export { F as FSItem, a as FullscreenThumbnailBridge, c as FullscreenThumbnailSlotLayout } from './types-B7AiQJkM.mjs';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './types-DP7ogmr4.mjs';
+import './force-C5m1QpdF.mjs';
+import './types-CfvTYIyd.mjs';
+import './media.mjs';
+import './transitions-DU3ftmIq.mjs';
 
-declare function FullscreenThumbnailSlider({ bridge, items, position, containerClassName, containerStyle, thumbnailWidth, thumbnailHeight, thumbnailsCenter, thumbnailsContainerWidth, thumbnailsContainerHeight, fadeDurationMs, fadeEasing, thumbnailItemClassName, thumbnailItemStyle, gap, freeScroll, groupCells, loop, skipSnaps, centerActiveThumb, selectDuration, freeScrollDuration, sliderFriction, breakpointMap, rippleEnabled, rippleClassName, showArrows, arrowStyles, arrowClassName, prevArrowStyles, prevArrowClassName, nextArrowStyles, nextArrowClassName, renderArrows, renderPrevArrow, renderNextArrow }: FullscreenThumbnailSliderProps): React__default.ReactPortal | null;
+declare function FullscreenThumbnailSlider({ bridge, items, position, containerClassName, containerStyle, thumbnailWidth, thumbnailHeight, thumbnailsCenter, thumbnailsContainerWidth, thumbnailsContainerHeight, fadeDurationMs, fadeEasing, thumbnailItemClassName, thumbnailItemStyle, gap, freeScroll, groupCells, loop, skipSnaps, centerActiveThumb, selectDuration, freeScrollDuration, sliderFriction, breakpointMap, rippleEnabled, rippleClassName, showArrows, arrowStyles, arrowClassName, prevArrowStyles, prevArrowClassName, nextArrowStyles, nextArrowClassName, renderArrows, renderPrevArrow, renderNextArrow, thumbnailCrossfade, }: FullscreenThumbnailSliderProps): React__default.ReactPortal | null;
 
 export { FullscreenThumbnailSlider, FullscreenThumbnailSliderProps, FullscreenThumbnailSlider as default };

package/dist/fullscreenThumbnails.mjs

@@ -1 +1 @@
-export{a as FullscreenThumbnailSlider,a as default}from'./chunk-VQ742FWN.mjs';import'./chunk-RQXWOXAH.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-UHXXMYPP.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-ESF6XBYF.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
+export{a as FullscreenThumbnailSlider,a as default}from'./chunk-OHD2HQP7.mjs';import'./chunk-6ZNRPJC2.mjs';import'./chunk-R6EGYRTJ.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-GUNIA4DZ.mjs';import'./chunk-4NT4UVB5.mjs';import'./chunk-Z34PSRMG.mjs';import'./chunk-HGY3QLCE.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-UUAWLGWO.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-NHIKOJLU.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';

package/dist/grid-ready.d.mts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { G as GridHandle } from './types-BlFwyRVQ.mjs';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './lazy-dGoYpcRa.mjs';
+
+type GridReadyController = {
+    ref: React.RefCallback<GridHandle>;
+    ready: boolean;
+    handleRef: React.MutableRefObject<GridHandle | null>;
+};
+declare function useGridReady(): GridReadyController;
+
+export { type GridReadyController, useGridReady };

package/dist/grid-ready.mjs

@@ -0,0 +1 @@
+import'./chunk-RLT5FULN.mjs';export{a as useGridReady}from'./chunk-STRS7UNJ.mjs';

package/dist/grid.css

@@ -1 +1 @@
-.wr,.zr{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.n{position:relative;display:block}.n img,.n video{display:block;width:100%;height:auto;object-fit:cover}.Xr{display:grid;position:relative;width:100%}.G,.f{grid-area:1 / 1;min-width:0}.G{position:relative;z-index:1}.Yr{pointer-events:none}.f{position:relative;z-index:2;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity}._r{opacity:0}.jr{position:relative;width:100%}.Zr{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.H{position:relative;width:100%}@keyframes h{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.H{animation:none}.f{transition:none}}.Ar{aspect-ratio:1 / 1}.Br{aspect-ratio:1 / 1;border-radius:999px}.Cr{display:flex;min-width:0}.Dr{flex-direction:row;align-items:center}.Er,.Fr{flex-direction:column;align-items:stretch}.Gr{position:relative;display:block;width:100%;min-width:0;height:auto;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius, 12px);overflow:hidden}.Hr:before{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * var(--rmg-skel-shimmer-opacity, 1));filter:blur(var(--rmg-skel-shimmer-blur, .2px));background-image:linear-gradient(var(--rmg-skel-shimmer-angle, 90deg),transparent 0%,var(--rmg-skel-shimmer-c1, rgba(255, 255, 255, .25)) 22%,var(--rmg-skel-shimmer-c2, rgba(255, 255, 255, .45)) 50%,var(--rmg-skel-shimmer-c3, rgba(255, 255, 255, .25)) 78%,transparent 100%);animation:h var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes h{0%{transform:translate(-100%)}to{transform:translate(100%)}}.b{opacity:0}.I{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.b [data-rmg-idx]{opacity:0;transform:var(--rmg-intro-transform, translateY(10px) scale(.99));transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.b.I [data-rmg-idx]{opacity:1;transform:none}.n:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.dr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;z-index:3;animation:A 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.cr{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}@keyframes A{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
+.Oe{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.d{position:relative;display:block}.d img,.d video{display:block;width:100%;height:auto;object-fit:cover}.Pe{width:100%}.u{opacity:0}.I{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.u [data-rmg-idx]{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity}.u.I [data-rmg-idx]{opacity:1}.d:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:4px}.Re{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3;animation:J 1s linear infinite;background:conic-gradient(from 0deg,#fff,#cfe6ff,#8ec5ff,#4ea1ff,#2f7fff,#1d4ed8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0)}.Se{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease;will-change:opacity;z-index:3}@keyframes J{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}