react-motion-gallery 2.0.78 → 2.0.80

package/dist/masonry-fullscreen.mjs

@@ -1 +1 @@
-import {d}from'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import*as s from'react';function f(e,n={}){return {__rmgLightMasonryPlugin:true,kind:e,...n}}var L=6,R="[data-rmg-fullscreen-trigger]",E="[data-rmg-idx]",y="[data-rmg-plyr='true'],.plyr,video,iframe";function a(e){return e instanceof Element?e:null}function x(e){return a(e)?.closest(R)??null}function I(e){return !!e.querySelector(y)}function P(e,n,l){if(l instanceof HTMLImageElement)return l;let t=l?.querySelector("img")??null;if(t)return t;let u=a(e);return u instanceof HTMLImageElement?u:n.querySelector("img")}function _(e){return !!a(e)?.closest(["a","button","input","select","textarea","summary","[role='button']",y,".plyr__controls"].join(","))}function p(e){let n=x(e);if(!n&&_(e))return null;let l=a(e),t=n?.closest(E)??l?.closest(E)??null;if(!t||I(t)&&!n)return null;let u=Number.parseInt(t.getAttribute("data-rmg-idx")??"",10);if(!Number.isFinite(u))return null;let i=P(e,t,n);return i?{index:u,image:i}:null}function C({host:e}){let n=d(),l=s.useRef(null);return s.useEffect(()=>{if(!n||n.layout!=="masonry"||!e.handle||!n.fsEnabled)return;let t=e.handle.getRootNode();if(!t)return;t.setAttribute("data-rmg-fullscreen-enabled","true");let u=new Set;n.registerFullscreenAdapter("masonry",{closestSelector:".rmg__masonry-item"});let i=()=>{e.handle?.getItemNodes().forEach(r=>{let o=Number.parseInt(r.getAttribute("data-rmg-idx")??"",10);Number.isFinite(o)&&(u.add(o),n.registerExpandableImage(o,r));});};i();let M=e.handle.onReady(i),m=r=>{r.button!==0&&r.pointerType==="mouse"||(l.current={x:r.clientX,y:r.clientY,id:r.pointerId});},g=r=>{if(r.defaultPrevented)return;let o=l.current;if(l.current=null,o){let T=r.clientX-o.x,b=r.clientY-o.y;if(Math.hypot(T,b)>L)return}let c=p(r.target);c&&n.requestFullscreenOpen({source:"masonry",index:c.index,image:c.image,event:r});};return t.addEventListener("pointerdown",m,true),t.addEventListener("click",g,true),()=>{t.removeAttribute("data-rmg-fullscreen-enabled"),t.removeEventListener("pointerdown",m,true),t.removeEventListener("click",g,true),M(),u.forEach(r=>{n.registerExpandableImage(r,null);}),u.clear();}},[n,n?.fsEnabled,e.handle,e.itemCount,e.ready]),null}function F(){return f("fullscreen",{Runtime:C})}export{F as masonryFullscreen,p as resolveMasonryFullscreenClick};
+import {d}from'./chunk-WMG2LTLR.mjs';import'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import*as s from'react';function E(e,n={}){return {__rmgLightMasonryPlugin:true,kind:e,...n}}var b=6,R="[data-rmg-fullscreen-trigger]",y="[data-rmg-idx]",p="[data-rmg-plyr='true'],.plyr,video,iframe";function a(e){return e instanceof Element?e:null}function x(e){return a(e)?.closest(R)??null}function I(e){return !!e.querySelector(p)}function H(e,n,l){if(l instanceof HTMLImageElement)return l;let r=l?.querySelector("img")??null;if(r)return r;let u=a(e);return u instanceof HTMLImageElement?u:n.querySelector("img")}function P(e,n){return n?.querySelector("video,[data-rmg-plyr='true'],.plyr")??e.querySelector("video,[data-rmg-plyr='true'],.plyr")}function _(e){return !!a(e)?.closest(["a","button","input","select","textarea","summary","[role='button']",p,".plyr__controls"].join(","))}function M(e){let n=x(e);if(!n&&_(e))return null;let l=a(e),r=n?.closest(y)??l?.closest(y)??null;if(!r||I(r)&&!n)return null;let u=Number.parseInt(r.getAttribute("data-rmg-idx")??"",10);if(!Number.isFinite(u))return null;let i=H(e,r,n);return i??P(r,n)?{index:u,image:i}:null}function S({host:e}){let n=d(),l=s.useRef(null);return s.useEffect(()=>{if(!n||n.layout!=="masonry"||!e.handle||!n.fsEnabled)return;let r=e.handle.getRootNode();if(!r)return;r.setAttribute("data-rmg-fullscreen-enabled","true");let u=new Set;n.registerFullscreenAdapter("masonry",{closestSelector:".rmg__masonry-item"});let i=()=>{e.handle?.getItemNodes().forEach(t=>{let o=Number.parseInt(t.getAttribute("data-rmg-idx")??"",10);Number.isFinite(o)&&(u.add(o),n.registerExpandableImage(o,t));});};i();let m=e.handle.onReady(i),d=t=>{t.button!==0&&t.pointerType==="mouse"||(l.current={x:t.clientX,y:t.clientY,id:t.pointerId});},g=t=>{if(t.defaultPrevented)return;let o=l.current;if(l.current=null,o){let T=t.clientX-o.x,L=t.clientY-o.y;if(Math.hypot(T,L)>b)return}let c=M(t.target);c&&n.requestFullscreenOpen({source:"masonry",index:c.index,image:c.image,event:t});};return r.addEventListener("pointerdown",d,true),r.addEventListener("click",g,true),()=>{r.removeAttribute("data-rmg-fullscreen-enabled"),r.removeEventListener("pointerdown",d,true),r.removeEventListener("click",g,true),m(),u.forEach(t=>{n.registerExpandableImage(t,null);}),u.clear();}},[n,n?.fsEnabled,e.handle,e.itemCount,e.ready]),null}function v(){return E("fullscreen",{Runtime:S})}export{v as masonryFullscreen,M as resolveMasonryFullscreenClick};

package/dist/masonry-infinite-scroll.d.mts

@@ -1,12 +1,7 @@
-import { k as DataInfiniteScrollOptions } from './dataPlugins-DzaWlM6f.mjs';
-import { M as MasonryPlugin } from './types-L2pRy8k4.mjs';
+import { k as DataInfiniteScrollOptions } from './dataPlugins-C91mlyu6.mjs';
+import { M as MasonryPlugin } from './types-Bg0qLhxl.mjs';
 import { M as MasonryPlugin$1 } from './types-qMg7LB37.mjs';
 import 'react';
-import './responsiveNumber-CouEMJ9O.mjs';
-import './force-C5m1QpdF.mjs';
-import './skeleton-cache.mjs';
-import './layout-BSjd7pwQ.mjs';
-import './text-BBcRGVzn.mjs';
 
 type MasonryInfiniteScrollOptions = DataInfiniteScrollOptions;
 type UseMasonryInfiniteScrollOptions = MasonryInfiniteScrollOptions;

package/dist/masonry-lazy-load.css

@@ -1 +1 @@
-.Zr{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:ie 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)}.qr{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 ie{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
+.Xr{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:ae 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)}.Zr{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 ae{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}

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

@@ -1,12 +1,7 @@
 import { G as GalleryLazyLoadOptions } from './lazy-dGoYpcRa.mjs';
-import { M as MasonryPlugin } from './types-L2pRy8k4.mjs';
+import { M as MasonryPlugin } from './types-Bg0qLhxl.mjs';
 import { M as MasonryPlugin$1 } from './types-qMg7LB37.mjs';
 import 'react';
-import './responsiveNumber-CouEMJ9O.mjs';
-import './force-C5m1QpdF.mjs';
-import './skeleton-cache.mjs';
-import './layout-BSjd7pwQ.mjs';
-import './text-BBcRGVzn.mjs';
 
 type MasonryLazyLoadOptions = GalleryLazyLoadOptions;
 type MasonryLazyLoadPlugin = MasonryPlugin & MasonryPlugin$1;

package/dist/masonry-lazy-load.mjs

@@ -1 +1 @@
-import {c}from'./chunk-ROSKTQWL.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import {jsx}from'react/jsx-runtime';function r(n){return {...n,enabled:n.enabled??true}}function y(n,e){let o=r(e??{});return jsx(c,{ref:n.itemRef,index:n.index,lazyLoad:o,revealedIndicesRef:n.revealedIndicesRef,...n.itemProps,children:n.children})}function t(n={}){let e=n.enabled!==false;return {__rmgMasonryPlugin:true,__rmgLightMasonryPlugin:true,kind:"lazy-load",options:n,blocksReady:e,renderItem:e?y:void 0}}export{t as masonryLazyLoad};
+import {c}from'./chunk-ZDX6GV52.mjs';import'./chunk-UP6P6CQS.mjs';import'./chunk-NHIKOJLU.mjs';import {jsx}from'react/jsx-runtime';function r(e){return {...e,enabled:e.enabled??true}}function y(e,n){let a=r(n??{});return jsx(c,{ref:e.itemRef,index:e.index,resetKey:e.itemIndex??e.index,lazyLoad:a,revealedIndicesRef:e.revealedIndicesRef,...e.itemProps,children:e.children})}function t(e={}){let n=e.enabled!==false;return {__rmgMasonryPlugin:true,__rmgLightMasonryPlugin:true,kind:"lazy-load",options:e,blocksReady:n,renderItem:n?y:void 0}}export{t as masonryLazyLoad};

package/dist/masonry-load-more.d.mts

@@ -1,12 +1,7 @@
-import { l as DataLoadMoreOptions, m as UseDataLoadMoreOptions, n as DataLoadMoreController } from './dataPlugins-DzaWlM6f.mjs';
-import { M as MasonryPlugin } from './types-L2pRy8k4.mjs';
+import { l as DataLoadMoreOptions, m as UseDataLoadMoreOptions, n as DataLoadMoreController } from './dataPlugins-C91mlyu6.mjs';
+import { M as MasonryPlugin } from './types-Bg0qLhxl.mjs';
 import { M as MasonryPlugin$1 } from './types-qMg7LB37.mjs';
 import 'react';
-import './responsiveNumber-CouEMJ9O.mjs';
-import './force-C5m1QpdF.mjs';
-import './skeleton-cache.mjs';
-import './layout-BSjd7pwQ.mjs';
-import './text-BBcRGVzn.mjs';
 
 type MasonryLoadMoreOptions = DataLoadMoreOptions;
 type UseMasonryLoadMoreOptions = UseDataLoadMoreOptions;

package/dist/masonry-pagination.d.mts

@@ -1,12 +1,7 @@
-import { a as DataItemsPerPageOption, o as DataPaginationOptions, i as DataPaginationSessionStorageOptions, U as UseDataPaginationOptions, f as DataPaginationControlsProps, c as DataPageItemsOptions, b as DataPageControlItem, e as DataPageRangeOptions, d as DataPageRangeItem, D as DataPaginationController, g as DataPaginationRippleOptions, h as DataPaginationRippleProp, j as DataPaginationUrlSyncOptions } from './dataPlugins-DzaWlM6f.mjs';
+import { f as DataItemsPerPageOption, o as DataPaginationOptions, i as DataPaginationSessionStorageOptions, U as UseDataPaginationOptions, D as DataPaginationControlsProps, a as DataPageItemsOptions, b as DataPageControlItem, c as DataPageRangeOptions, d as DataPageRangeItem, e as DataPaginationController, g as DataPaginationRippleOptions, h as DataPaginationRippleProp, j as DataPaginationUrlSyncOptions } from './dataPlugins-C91mlyu6.mjs';
 import * as React from 'react';
-import { M as MasonryPlugin } from './types-L2pRy8k4.mjs';
+import { M as MasonryPlugin } from './types-Bg0qLhxl.mjs';
 import { M as MasonryPlugin$1 } from './types-qMg7LB37.mjs';
-import './responsiveNumber-CouEMJ9O.mjs';
-import './force-C5m1QpdF.mjs';
-import './skeleton-cache.mjs';
-import './layout-BSjd7pwQ.mjs';
-import './text-BBcRGVzn.mjs';
 
 type MasonryPaginationOptions = DataPaginationOptions;
 type UseMasonryPaginationOptions = UseDataPaginationOptions;

package/dist/masonry-ready.d.mts

@@ -1,10 +1,5 @@
 import * as React from 'react';
-import { g as MasonryHandle } from './types-L2pRy8k4.mjs';
-import './responsiveNumber-CouEMJ9O.mjs';
-import './force-C5m1QpdF.mjs';
-import './skeleton-cache.mjs';
-import './layout-BSjd7pwQ.mjs';
-import './text-BBcRGVzn.mjs';
+import { b as MasonryHandle } from './types-Bg0qLhxl.mjs';
 
 type MasonryReadyController = {
     ref: React.RefCallback<MasonryHandle>;

package/dist/masonry-text-wrap.d.mts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { S as SkeletonNode } from './layout-BOy4geKv.mjs';
+import { R as ResponsiveMasonrySpan, b as MasonryHeightOffsetPx } from './placement-DyqA2MX3.mjs';
+import './text-BBcRGVzn.mjs';
+import './responsiveNumber-CouEMJ9O.mjs';
+
+type MasonryTextWrapResponsiveNumber = number | Record<string | number, number>;
+type MasonryTextWrapTextState = {
+    lines: MasonryTextWrapResponsiveNumber;
+    barHeight?: MasonryTextWrapResponsiveNumber;
+    lineHeight?: MasonryTextWrapResponsiveNumber;
+    responsiveBy?: "viewport" | "container";
+};
+type MasonryTextWrapTextEntry = {
+    badge: MasonryTextWrapTextState;
+    title: MasonryTextWrapTextState;
+    body: MasonryTextWrapTextState;
+};
+type MasonryTextWrapChromeMetrics = {
+    cardPaddingBlockPx: number;
+    cardPaddingInlinePx: number;
+    cardGapPx: number;
+    metaGapPx: number;
+    metaPaddingInlinePx: number;
+    borderBlockPx?: number;
+    borderInlinePx?: number;
+    textGapCount?: number;
+};
+type MasonryTextWrapLayoutOptions = {
+    columns: MasonryTextWrapResponsiveNumber;
+    gap: MasonryTextWrapResponsiveNumber;
+    metrics: MasonryTextWrapChromeMetrics;
+};
+type MasonryTextWrapItemGeometryOptions = {
+    ratio: string;
+    span?: ResponsiveMasonrySpan;
+    skeletonText?: MasonryTextWrapTextEntry;
+    textStates?: readonly MasonryTextWrapTextState[];
+};
+type MasonryTextWrapItemGeometry = {
+    width: number;
+    height: number;
+    heightOffsetPx: MasonryHeightOffsetPx;
+};
+type MasonryTextWrapLayoutController = {
+    rootRef: React.RefCallback<HTMLElement>;
+    getItemGeometry: (args: MasonryTextWrapItemGeometryOptions) => MasonryTextWrapItemGeometry;
+};
+declare function createMasonryTextWrapSkeletonLayout(args: {
+    item: SkeletonNode;
+    itemWrapStyle: React.CSSProperties;
+}): SkeletonNode;
+declare function useMasonryTextWrapLayout({ columns, gap, metrics, }: MasonryTextWrapLayoutOptions): MasonryTextWrapLayoutController;
+
+export { type MasonryTextWrapChromeMetrics, type MasonryTextWrapItemGeometry, type MasonryTextWrapItemGeometryOptions, type MasonryTextWrapLayoutController, type MasonryTextWrapLayoutOptions, type MasonryTextWrapResponsiveNumber, type MasonryTextWrapTextEntry, type MasonryTextWrapTextState, createMasonryTextWrapSkeletonLayout, useMasonryTextWrapLayout };

package/dist/masonry-text-wrap.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as u from'react';var b=1200,w=1200,I=.001;function W(t,e,n){if(typeof t=="number"&&Number.isFinite(t))return t;if(!t||typeof t!="object")return n;let i=n,s=false;return Object.entries(t).map(([r,a])=>({minWidth:Number(r),value:a})).filter(r=>Number.isFinite(r.minWidth)&&Number.isFinite(r.value)).sort((r,a)=>r.minWidth-a.minWidth).forEach(r=>{e+I>=r.minWidth&&(i=r.value,s=true);}),s?i:n}function L(t,e,n){let i=Math.max(1,e|0);if(t==="full")return i;if(typeof t=="number"&&Number.isFinite(t))return Math.max(1,Math.min(i,t|0));if(!t||typeof t!="object")return 1;let s;return Object.entries(t).map(([r,a])=>({minWidth:Number(r),value:a})).filter(r=>Number.isFinite(r.minWidth)).sort((r,a)=>r.minWidth-a.minWidth).forEach(r=>{n>=r.minWidth&&(s=r.value);}),s==="full"?i:typeof s=="number"&&Number.isFinite(s)?Math.max(1,Math.min(i,s|0)):1}function h(t,e){!t||typeof t!="object"||Array.isArray(t)||Object.keys(t).map(Number).filter(n=>Number.isFinite(n)&&n>=0).forEach(n=>e.add(n));}function k(t){return [t.badge,t.title,t.body]}function E(t){return Math.max(0,t.textGapCount??2)}function v(t,e){h(t.lines,e),h(t.barHeight,e),h(t.lineHeight,e);}function O(t){return Math.floor(t*64)/64}function G(t){let e=t.state.responsiveBy==="container"?t.textWidth:t.viewportWidth,n=Math.max(1,Math.trunc(W(t.state.lines,e,1))),i=Math.max(0,W(t.state.barHeight,e,0)),s=Math.max(0,W(t.state.lineHeight,e,1)),r=Math.max(0,i*s),a=Math.min(i,r);return Math.max(a,O(r))*n}function C(t){let[e,n]=t.split("/").map(i=>Number(i.trim()));return !Number.isFinite(e)||!Number.isFinite(n)||e<=0||n<=0?{width:1,height:1}:{width:e,height:n}}function F(t){let e=C(t);return {width:w,height:Math.max(1,M(w*(e.height/e.width)))}}function g(t){let e=C(t.ratio);return (t.metrics.cardPaddingInlinePx+(t.metrics.borderInlinePx??0))*(e.height/e.width)}function S(t){let e=Math.max(1,W(t.columns,t.viewportWidth,1)|0),n=Math.max(0,W(t.gap,t.viewportWidth,0)),i=L(t.span,e,t.viewportWidth);return {columnCount:e,gapPx:n,span:i}}function P(t){return (t.columnCount<=1?t.layoutWidth:Math.max(0,(t.layoutWidth-t.gapPx*(t.columnCount-1))/t.columnCount))*t.span+t.gapPx*Math.max(0,t.span-1)}function R(t){return Math.max(0,t.itemWidth-t.metrics.cardPaddingInlinePx-(t.metrics.borderInlinePx??0)-t.metrics.metaPaddingInlinePx)}function B(t){let e=t.metrics.cardPaddingInlinePx+(t.metrics.borderInlinePx??0)+t.metrics.metaPaddingInlinePx,n=t.textMinWidth+e,i=t.gapPx*(t.span/t.columnCount-1);return Math.max(0,(n-i)*t.columnCount/t.span)}function N(t){return t.textStates.reduce((e,n)=>e+G({state:n,viewportWidth:t.viewportWidth,textWidth:t.textWidth}),0)}function H(t){return M(Math.max(0,t.metrics.cardPaddingBlockPx+(t.metrics.borderBlockPx??0)+t.metrics.cardGapPx+t.metrics.metaGapPx*E(t.metrics)+t.textHeight-g({ratio:t.ratio,metrics:t.metrics})))}function V(t){let e=new Set([0]);h(t.columns,e),h(t.gap,e),h(t.span,e);for(let a of t.textStates)a.responsiveBy!=="container"&&v(a,e);let n=[];for(let a of Array.from(e).sort((c,x)=>c-x)){let c=Math.max(1,a),x=S({columns:t.columns,gap:t.gap,span:t.span,viewportWidth:c}),y=new Set([0]);for(let p of t.textStates){if(p.responsiveBy!=="container")continue;let o=new Set([0]);v(p,o);for(let m of o)y.add(M(B({textMinWidth:m,...x,metrics:t.metrics})));}for(let p of Array.from(y).sort((o,m)=>o-m)){let o=P({layoutWidth:p,...x}),m=R({itemWidth:o,metrics:t.metrics}),d=N({textStates:t.textStates,viewportWidth:c,textWidth:m});n.push({viewportMinWidth:a,containerMinWidth:p,value:H({ratio:t.ratio,metrics:t.metrics,textHeight:d})});}}let i=S({columns:t.columns,gap:t.gap,span:t.span,viewportWidth:t.fallbackViewportWidth}),s=P({layoutWidth:t.fallbackLayoutWidth,...i}),r=N({textStates:t.textStates,viewportWidth:t.fallbackViewportWidth,textWidth:R({itemWidth:s,metrics:t.metrics})});return {fallback:H({ratio:t.ratio,metrics:t.metrics,textHeight:r}),rules:n}}function M(t){return Math.round(t*1e3)/1e3}function z(t){return {kind:"col",style:{width:"100%",boxSizing:"border-box",...t.itemWrapStyle},children:[t.item]}}function A({columns:t,gap:e,metrics:n}){let[i,s]=u.useState(null),[r,a]=u.useState(0),[c,x]=u.useState(b),y=u.useCallback(o=>{s(o);},[]);u.useLayoutEffect(()=>{let o=()=>{x(typeof window>"u"?b:window.innerWidth||b);};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),u.useLayoutEffect(()=>{if(!i)return;let o=l=>{let f=Number(l);!Number.isFinite(f)||f<=0||a(T=>Math.abs(T-f)<.5?T:f);},m=()=>o(i.getBoundingClientRect().width);if(m(),typeof ResizeObserver>"u")return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m);let d=new ResizeObserver(l=>{o(l[0]?.contentRect.width);});return d.observe(i),()=>d.disconnect()},[i]);let p=u.useCallback(o=>{let m=c||b,d=r||m,l=o.textStates??(o.skeletonText?k(o.skeletonText):[]);return {...F(o.ratio),heightOffsetPx:V({columns:t,gap:e,metrics:n,ratio:o.ratio,span:o.span,textStates:l,fallbackViewportWidth:m,fallbackLayoutWidth:d})}},[t,e,n,r,c]);return {rootRef:y,getItemGeometry:p}}export{z as createMasonryTextWrapSkeletonLayout,A as useMasonryTextWrapLayout};

package/dist/masonry-virtualization.d.mts

@@ -1,12 +1,7 @@
-import { p as DataVirtualizationOptions } from './dataPlugins-DzaWlM6f.mjs';
-import { M as MasonryPlugin } from './types-L2pRy8k4.mjs';
+import { p as DataVirtualizationOptions } from './dataPlugins-C91mlyu6.mjs';
+import { M as MasonryPlugin } from './types-Bg0qLhxl.mjs';
 import { M as MasonryPlugin$1 } from './types-qMg7LB37.mjs';
 import 'react';
-import './responsiveNumber-CouEMJ9O.mjs';
-import './force-C5m1QpdF.mjs';
-import './skeleton-cache.mjs';
-import './layout-BSjd7pwQ.mjs';
-import './text-BBcRGVzn.mjs';
 
 type MasonryVirtualizationOptions = DataVirtualizationOptions;
 type UseMasonryVirtualizerOptions = MasonryVirtualizationOptions;

package/dist/masonry.css

@@ -1 +1 @@
-.A{position:relative;width:100%;container-type:inline-size}.i{position:absolute;display:block;min-width:0;isolation:isolate}.i img,.i video{display:block;width:100%;height:100%;object-fit:cover}.A[data-rmg-fullscreen-enabled=true] .i img,.A[data-rmg-fullscreen-enabled=true] [data-rmg-fullscreen-trigger]{cursor:zoom-in}.l{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.V{opacity:1}.l>[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, .16s));will-change:opacity}.l.V>[data-rmg-idx]{opacity:1}.i[data-rmg-masonry-item-stage="1"]>:not([data-rmg-masonry-item-skeleton]){opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));will-change:opacity;backface-visibility:hidden}.i[data-rmg-masonry-item-stage="1"][data-rmg-masonry-item-reveal="1"]>:not([data-rmg-masonry-item-skeleton]){opacity:1}.g{--rmg-masonry-item-skeleton-transition-duration: var( --rmg-masonry-item-skeleton-enter-duration, var(--rmg-masonry-item-skeleton-exit-duration, .22s) );position:absolute;inset:0;z-index:2;display:flex;align-items:stretch;opacity:var(--rmg-masonry-item-skeleton-opacity, 1);pointer-events:none;transition:opacity var(--rmg-masonry-item-skeleton-transition-duration) ease;will-change:opacity;backface-visibility:hidden}.g>*{flex:1 1 auto;width:100%;min-width:0;min-height:0}.i[data-rmg-masonry-item-reveal="1"]>.g{--rmg-masonry-item-skeleton-transition-duration: var( --rmg-masonry-item-skeleton-exit-duration, .22s );opacity:0}.i[data-rmg-masonry-item-compare="1"]>.g{opacity:var(--rmg-masonry-item-skeleton-opacity, 1)}@media(prefers-reduced-motion:reduce){.l,.l>[data-rmg-idx],.i[data-rmg-masonry-item-stage="1"]>:not([data-rmg-masonry-item-skeleton]),.g{transition:none}}.fr{display:grid;position:relative;width:100%}.ur{grid-area:1 / 1;min-width:0}.W{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--rmg-light-mskel-exit-ms, .6s) ease;will-change:opacity}.br{opacity:1;pointer-events:auto}.yr{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.kr{position:relative;z-index:1;opacity:1;pointer-events:none;transition:opacity var( --rmg-light-mskel-enter-ms, var(--rmg-light-mskel-exit-ms, .6s) ) ease;will-change:opacity;overflow:hidden}.xr{--rmg-light-mskel-enter-ms: var(--rmg-light-mskel-exit-ms, .6s);opacity:0;transition-duration:var(--rmg-light-mskel-exit-ms, .6s)}.wr{width:100%;container-type:inline-size}.zr{position:relative;width:100%;container-type:inline-size}._r{position:absolute;display:block;min-width:0;overflow:hidden;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius, 12px)}.ee:after{content:"";position:absolute;inset:0;opacity: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:re 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 re{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.W{transition:none}.ee:after{animation:none}}
+.X{position:relative;width:100%;container-type:inline-size;overflow-anchor:none}.i{position:absolute;display:block;min-width:0;isolation:isolate;overflow-anchor:none}.i img,.i video{display:block;width:100%;height:100%;object-fit:cover}.X[data-rmg-fullscreen-enabled=true] .i img,.X[data-rmg-fullscreen-enabled=true] [data-rmg-fullscreen-trigger]{cursor:zoom-in}.l{opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1))}.K{opacity:1}.l>[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, .16s));will-change:opacity}.l.K>[data-rmg-idx]{opacity:1}.i[data-rmg-masonry-item-stage="1"]>:not([data-rmg-masonry-item-skeleton]){opacity:0;transition:opacity var(--rmg-reveal-duration, .6s) var(--rmg-reveal-easing, cubic-bezier(.2,.7,.2,1));will-change:opacity;backface-visibility:hidden}.i[data-rmg-masonry-item-stage="1"][data-rmg-masonry-item-reveal="1"]>:not([data-rmg-masonry-item-skeleton]){opacity:1}.i>[data-rmg-masonry-item-content=true]{position:relative;z-index:1;display:block;width:100%;height:100%;min-width:0;min-height:0}.t{--rmg-masonry-item-skeleton-transition-duration: var( --rmg-masonry-item-skeleton-enter-duration, var(--rmg-masonry-item-skeleton-exit-duration, .22s) );position:absolute;inset:0;z-index:2;display:flex;align-items:stretch;opacity:var(--rmg-masonry-item-skeleton-opacity, 1);pointer-events:none;transition:opacity var(--rmg-masonry-item-skeleton-transition-duration) ease;will-change:opacity;backface-visibility:hidden}.t>*{flex:1 1 auto;width:100%;min-width:0;min-height:0}.i[data-rmg-masonry-item-reveal="1"]:not([data-rmg-masonry-item-compare="1"])>.t{--rmg-masonry-item-skeleton-transition-duration: var( --rmg-masonry-item-skeleton-exit-duration, .22s );opacity:0}.i[data-rmg-masonry-item-compare="1"]>.t{opacity:var(--rmg-masonry-item-skeleton-opacity, 1)}.t[data-rmg-masonry-item-shimmer=off]{--rmg-skel-shimmer-enabled: 0;--rmg-skel-card-shimmer-enabled: 0;will-change:auto}.t[data-rmg-masonry-item-shimmer=off]:after,.t[data-rmg-masonry-item-shimmer=off] *:after{opacity:0;animation:none;will-change:auto}@media(prefers-reduced-motion:reduce){.l,.l>[data-rmg-idx],.i[data-rmg-masonry-item-stage="1"]>:not([data-rmg-masonry-item-skeleton]),.t{transition:none}}.Ee{display:grid;position:relative;width:100%}.Fe{grid-area:1 / 1;min-width:0}.L{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--rmg-light-mskel-exit-ms, .6s) ease;will-change:opacity}.Ge{opacity:1;pointer-events:auto}.He{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.Ie{position:relative;z-index:1;opacity:1;pointer-events:none;transition:opacity var( --rmg-light-mskel-enter-ms, var(--rmg-light-mskel-exit-ms, .6s) ) ease;will-change:opacity;overflow:hidden}.Je{--rmg-light-mskel-enter-ms: var(--rmg-light-mskel-exit-ms, .6s);opacity:0;transition-duration:var(--rmg-light-mskel-exit-ms, .6s)}.Ke{width:100%;container-type:inline-size}.Le{position:relative;width:100%;container-type:inline-size}.Me{position:absolute;display:block;min-width:0;overflow:hidden;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius, 12px)}.M:after{content:"";position:absolute;inset:0;opacity: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:N 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 N{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.L{transition:none}.M:after{animation:none}}

package/dist/masonry.d.mts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { R as ResponsiveNumber, B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
 import { L as LoadingForceOptions } from './force-C5m1QpdF.mjs';
-import { SkeletonCacheOptions } from './skeleton-cache.mjs';
-import { M as MasonryPlacement, d as MasonrySkeletonProps, R as ResponsiveMasonrySpan } from './masonry-BOnLW8R5.mjs';
-export { a as MasonrySpan } from './masonry-BOnLW8R5.mjs';
+import { b as MasonrySkeletonProps } from './masonry-BlNqj9Vn.mjs';
+import { M as MasonryPlacement, R as ResponsiveMasonrySpan, b as MasonryHeightOffsetPx } from './placement-DyqA2MX3.mjs';
+export { c as MasonryHeightOffsetRule, a as MasonrySpan } from './placement-DyqA2MX3.mjs';
 import { M as MasonryPlugin } from './types-qMg7LB37.mjs';
 export { a as MasonryPluginHost, b as MasonryPluginKind, c as MasonryPluginRuntimeProps } from './types-qMg7LB37.mjs';
 export { MasonryReadyController, useMasonryReady } from './masonry-ready.mjs';
@@ -12,10 +12,8 @@ export { MasonryLoadMoreOptions, UseMasonryLoadMoreOptions } from './masonry-loa
 export { MasonryInfiniteScrollOptions, UseMasonryInfiniteScrollOptions } from './masonry-infinite-scroll.mjs';
 export { MasonryVirtualizationOptions, UseMasonryVirtualizerOptions } from './masonry-virtualization.mjs';
 import 'react/jsx-runtime';
-import './types-L2pRy8k4.mjs';
-import './layout-BSjd7pwQ.mjs';
-import './text-BBcRGVzn.mjs';
-import './dataPlugins-DzaWlM6f.mjs';
+import './types-Bg0qLhxl.mjs';
+import './dataPlugins-C91mlyu6.mjs';
 
 type MasonryClassNames = {
     root?: string;
@@ -38,13 +36,13 @@ type MasonryLoadingSkeletonArgs = {
     span?: ResponsiveMasonrySpan;
     width?: number;
     height?: number;
+    heightOffsetPx?: MasonryHeightOffsetPx;
 };
 type MasonryLoadingOptions = {
     enabled?: boolean;
     active?: boolean;
     count?: number;
     skeleton?: MasonrySkeletonProps | ((args: MasonryLoadingSkeletonArgs) => React.ReactNode);
-    cache?: SkeletonCacheOptions;
     force?: LoadingForceOptions;
     timing?: {
         enterMs?: number;
@@ -62,6 +60,7 @@ type MasonryLoadingOptions = {
 type MasonryItemProps = {
     width: number;
     height: number;
+    heightOffsetPx?: MasonryHeightOffsetPx;
     span?: ResponsiveMasonrySpan;
     revealKey?: React.Key;
     placeholder?: boolean;
@@ -100,4 +99,4 @@ type MasonryComponent = React.ForwardRefExoticComponent<MasonryOptions & React.R
 declare const MasonryItem: MasonryItemComponent;
 declare const Masonry: MasonryComponent;
 
-export { Masonry, type MasonryHandle, MasonryItem, type MasonryItemProps, type MasonryLoadingOptions, type MasonryLoadingSkeletonArgs, type MasonryOptions, MasonryPlacement, MasonryPlugin, type MasonryRevealOptions, ResponsiveMasonrySpan, Masonry as default };
+export { Masonry, type MasonryHandle, MasonryHeightOffsetPx, MasonryItem, type MasonryItemProps, type MasonryLoadingOptions, type MasonryLoadingSkeletonArgs, type MasonryOptions, MasonryPlacement, MasonryPlugin, type MasonryRevealOptions, ResponsiveMasonrySpan, Masonry as default };

package/dist/masonry.mjs

@@ -1 +1 @@
-export{a as useMasonryReady}from'./chunk-NJBA4372.mjs';export{b as Masonry,a as MasonryItem,c as default}from'./chunk-2AHQQNSJ.mjs';import'./chunk-2AM3S2QN.mjs';import'./chunk-6POQO2IQ.mjs';import'./chunk-SPCWUWPZ.mjs';import'./chunk-QE3NYNL4.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-AO4U6D24.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import'./chunk-L4NJDMCU.mjs';
+export{a as useMasonryReady}from'./chunk-NJBA4372.mjs';export{c as Masonry,b as MasonryItem,d as default}from'./chunk-VJK7JOIV.mjs';import'./chunk-BNL3ZZSS.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-SPCWUWPZ.mjs';import'./chunk-6H2MRVWI.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-QE3NYNL4.mjs';import'./chunk-UML6FCOQ.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';import'./chunk-L4NJDMCU.mjs';