react-motion-gallery 2.0.80 → 2.0.82

package/dist/skeleton-cache-slider.css

@@ -1 +0,0 @@
-.v{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.v[data-rmg-axis=x]{flex-direction:row}.v[data-rmg-axis=y]{flex-direction:column}.P .v{left:auto;right:0}.Qe{overflow:hidden;height:auto;width:100%;position:relative}:where(.Re){display:flex;justify-content:center;position:absolute;z-index:10;background:#00000080;border-radius:9999px;cursor:auto}:where(.Se){left:50%;bottom:10px;transform:translate(-50%);flex-direction:row;padding:4px 8px}:where(.Te){top:50%;left:10px;transform:translateY(-50%);flex-direction:column;padding:8px 4px}.Ue{position:relative;z-index:2}.Ve{pointer-events:none}.Q{position:absolute;inset:0;z-index:1;opacity:var(--rmg-loading-opacity, 1);--rmg-slider-skel-wrap-shadow-opacity: 1;pointer-events:none;transition:opacity var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity;overflow:hidden}.We{z-index:3}.er{--rmg-loading-fade-shadow-duration: var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) );--rmg-loading-opacity: 0;--rmg-slider-skel-wrap-shadow-opacity: 0;transition-duration:var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) )}.f{transition:opacity var(--rmg-reveal-duration, .42s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.rr{opacity:0}.R{opacity:1}@media(prefers-reduced-motion:reduce){.f,.Q{transition:none}}.u{position:relative;width:14px;height:14px;overflow:hidden;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease}.u:hover{transform:scale(1.2)}.u.ar{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.u.ir{background-color:#d3d3d3}.c{-webkit-tap-highlight-color:rgba(0,0,0,.18);-webkit-appearance:none;appearance:none;background:transparent;touch-action:manipulation;display:flex;cursor:pointer;border:0;margin:0;padding:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / 2) 0;pointer-events:auto;--rmg-scrollbar-track: rgba(15, 23, 42, .16);--rmg-scrollbar-track-active: rgba(80, 163, 255, .28);--rmg-scrollbar-thumb: rgb(80, 163, 255);--rmg-scrollbar-thumb-shadow: 0 4px 14px rgba(80, 163, 255, .28)}.tr{transform-origin:center}.c::-webkit-slider-runnable-track{border-radius:9999px;background:linear-gradient(90deg,var(--rmg-scrollbar-track-active) 0%,var(--rmg-scrollbar-track-active) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) 100%);height:var(--rmg-scrollbar-track-size, .375rem)}.c::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.c::-webkit-slider-thumb{-webkit-appearance:none;width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow);margin-top:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / -2)}.c::-moz-range-thumb{width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow)}.Z{position:absolute;border-radius:50%;transform:scale(0);animation:Z .6s linear;background-color:#0000004d;pointer-events:none}@keyframes Z{to{transform:scale(4);opacity:0}}.f [data-rmg-idx]>*{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-reveal-index, 0) * var(--rmg-reveal-stagger, 60ms));will-change:opacity}.f.R [data-rmg-idx]>*{opacity:1}.nr{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:S 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 S{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.or{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}.T{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.sr{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.mr{position:absolute;inset:0;z-index:2;pointer-events:none}.dr{display:flex;width:100%;gap:.75rem;height:var(--rmg-slider-row-height, var(--rmg-slider-initial-height, var(--rmg-slider-height, 320px)));align-items:stretch}.lr{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.gr{position:relative;width:100%;container-type:inline-size}.cr{position:relative;overflow-anchor:none;width:100%;height:auto;max-height:none}.q{position:relative;flex:1 1 0;height:100%;min-width:0;display:flex;box-sizing:border-box}.q:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-slider-skel-wrap-shadow-radius, var(--rmg-skel-radius, 12px));box-shadow:var(--rmg-slider-skel-wrap-shadow, none);opacity:var(--rmg-slider-skel-wrap-shadow-opacity, 1);transition:opacity calc(var( --rmg-loading-fade-shadow-duration, var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ) * .45) ease-out;pointer-events:none}.pr{position:relative;z-index:1;display:flex;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.T[data-rmg-skel-mode=peek] .q{flex:0 0 auto}.hr{display:flex;min-width:0;min-height:0;width:100%}.U{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start;overflow:hidden}@supports (font: -apple-system-body) and (-webkit-hyphens: none){.U{height:var(--rmg-skel-text-safari-height)!important;max-height:var(--rmg-skel-text-safari-height)!important;padding-block:var(--rmg-skel-text-safari-padding-block)!important;row-gap:var(--rmg-skel-text-safari-row-gap)!important}}.vr{min-width:0;align-self:flex-start;flex:0 0 auto}.A{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.A:after{content:"";position:absolute;inset:0;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:V var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}@keyframes V{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.A:after{animation:none}}.be{aspect-ratio:1 / 1}.ye{aspect-ratio:1 / 1;border-radius:999px}.ke{display:flex;min-width:0}.xe{flex-direction:row;align-items:center}.we,.ze{flex-direction:column;align-items:stretch}.I{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start;overflow:hidden}@supports (font: -apple-system-body) and (-webkit-hyphens: none){.I{height:var(--rmg-skel-text-safari-height)!important;max-height:var(--rmg-skel-text-safari-height)!important;padding-block:var(--rmg-skel-text-safari-padding-block)!important;row-gap:var(--rmg-skel-text-safari-row-gap)!important}}._e{min-width:0;align-self:flex-start;flex:0 0 auto}.je{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}.z{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.z:after{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-card-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:_ var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform;backface-visibility:hidden;pointer-events:none}.J:before{content:"";position:absolute;inset:0;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:_ var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate3d(-100%,0,0);will-change:transform;backface-visibility:hidden;pointer-events:none}@keyframes _{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.z:after,.J:before{animation:none}}.Ye{display:grid;position:relative;width:100%}.j,.Y{grid-area:1 / 1;min-width:0}.j{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity}.Xe{opacity:1;pointer-events:auto}.Ze{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.qe{position:absolute;inset:0;width:100%;min-height:100%;pointer-events:none}.Y{position:relative;z-index:1;opacity:var(--rmg-standalone-skeleton-opacity, 1);--rmg-masonry-skel-wrap-shadow-opacity: 1;pointer-events:none;transition:opacity var( --rmg-loading-fade-enter-duration, var(--rmg-loading-fade-duration, .6s) ) ease;will-change:opacity;overflow:hidden}.Ae{overflow:visible}.Be{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.Ce{z-index:3}.De{--rmg-loading-fade-shadow-duration: var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) );--rmg-standalone-skeleton-opacity: 0;--rmg-masonry-skel-wrap-shadow-opacity: 0;transition-duration:var( --rmg-loading-fade-exit-duration, var(--rmg-loading-fade-duration, .6s) )}@media(prefers-reduced-motion:reduce){.j,.Y{transition:none}}

package/dist/skeleton-cache-slider.d.mts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SliderSkeletonProps } from './skeleton-slider.mjs';
-import { SkeletonCacheOptions } from './skeleton-cache.mjs';
-export { SkeletonCacheSnapshot } from './skeleton-cache.mjs';
-export { SkeletonNode, SkeletonSliderLayout, SliderSkeletonNode, SliderSkeletonSlot, SliderSkeletonSpec } from './skeleton-slider-restore.mjs';
-import './responsiveNumber-CouEMJ9O.mjs';
-import './skeleton-base.mjs';
-import 'react';
-import './force-C5m1QpdF.mjs';
-import './transitions-ChhEdSB6.mjs';
-import './layout-BOy4geKv.mjs';
-import './text-BBcRGVzn.mjs';
-import './types-D9WBOrx6.mjs';
-import './media.mjs';
-
-type CachedSliderSkeletonProps = SliderSkeletonProps & {
-    cache?: SkeletonCacheOptions;
-};
-declare function CachedSliderSkeleton({ cache, ...props }: CachedSliderSkeletonProps): react_jsx_runtime.JSX.Element;
-
-export { CachedSliderSkeleton, type CachedSliderSkeletonProps, CachedSliderSkeleton as Skeleton, SkeletonCacheOptions, CachedSliderSkeleton as SliderSkeleton, CachedSliderSkeleton as default };

package/dist/skeleton-cache-slider.mjs

@@ -1 +0,0 @@
-import {l}from'./chunk-TL6MR4EC.mjs';import {b as b$2}from'./chunk-35GYJ57E.mjs';import {a as a$1}from'./chunk-AQ4TBMBW.mjs';import {b,c,d as d$1}from'./chunk-FPSEC6V4.mjs';import {i}from'./chunk-TLLL2WEG.mjs';import'./chunk-R6EGYRTJ.mjs';import'./chunk-YJ7RDT3C.mjs';import'./chunk-BNMFSBHJ.mjs';import'./chunk-Z3JUCPSU.mjs';import {d}from'./chunk-6H2MRVWI.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-DZKLZ4W2.mjs';import'./chunk-QE3NYNL4.mjs';import {b as b$1}from'./chunk-UML6FCOQ.mjs';import'./chunk-B4CC5AGE.mjs';import {a}from'./chunk-HK2DPKES.mjs';import*as o from'react';import {jsx}from'react/jsx-runtime';function P(t){if(!(!t||typeof t!="object")){if("kind"in t&&t.kind==="slider")return t;if(!("kind"in t)&&"layout"in t)return t.layout}}function n({cache:t,...e}){let i$1=o.useMemo(()=>({...a,...e.breakpoints??{}}),[e.breakpoints]),r=o.useMemo(()=>d("skel_",{layout:e.layout,breakpoints:i$1,backgroundColor:e.backgroundColor,radius:e.radius,shimmer:e.shimmer,disableShimmer:e.disableShimmer}),[e.layout,i$1,e.backgroundColor,e.radius,e.shimmer,e.disableShimmer]),b$3=b(),l$1=c(t,b$3),x=d$1(l$1),M=b$1(),d$2=o.useMemo(()=>P(e.layout),[e.layout]),a$2=o.useMemo(()=>Array.from(a$1(d$2)),[d$2]),v=i(x,{key:l$1?.key,scopeId:r,kind:"slider",routeKey:l$1?.routeKey,ttlMs:l$1?.ttlMs,viewportWidth:M||void 0,textIds:a$2}),c$1=o.useRef(null),S=o.useRef(null);return l({cache:l$1,kind:"slider",scopeId:r,textIds:e.ready===true?a$2:[],skeletonRootRef:c$1,shellRef:S}),jsx(b$2,{...e,cacheSnapshot:v,scopeId:r,skeletonRootRef:c$1,shellRef:S})}export{n as CachedSliderSkeleton,n as Skeleton,n as SliderSkeleton,n as default};