react-motion-gallery 2.0.31 → 2.0.32

package/dist/skeleton-masonry.mjs

@@ -1 +1 @@
-export{a as MasonrySkeleton,a as Skeleton,a as default}from'./chunk-L23DATRU.mjs';import'./chunk-UKNHC4CS.mjs';import'./chunk-4ZOW533S.mjs';import'./chunk-4BTS6IIA.mjs';import'./chunk-Z34PSRMG.mjs';import'./chunk-UUAWLGWO.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';
+export{a as MasonrySkeleton,a as Skeleton,a as default}from'./chunk-7AEUL74Y.mjs';import'./chunk-LSHR3FZM.mjs';import'./chunk-4ZOW533S.mjs';import'./chunk-4BTS6IIA.mjs';import'./chunk-Z34PSRMG.mjs';import'./chunk-UUAWLGWO.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-B4CC5AGE.mjs';import'./chunk-HK2DPKES.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-motion-gallery",
-  "version": "2.0.31",
+  "version": "2.0.32",
   "description": "Composable React media gallery primitives for sliders, grids, masonry, fullscreen, video, zoom/pan, and stable skeleton loading",
   "license": "PolyForm-Noncommercial-1.0.0",
   "author": "React Motion Gallery",

package/dist/chunk-L23DATRU.mjs

@@ -1,3 +0,0 @@
-import {i,j,m,l,k,n as n$1,d}from'./chunk-UKNHC4CS.mjs';import {a as a$2}from'./chunk-4ZOW533S.mjs';import {n,l as l$1,a as a$3,m as m$1,B as B$1,v,c,o}from'./chunk-4BTS6IIA.mjs';import {a as a$1}from'./chunk-UUAWLGWO.mjs';import {a,b}from'./chunk-HK2DPKES.mjs';import*as I from'react';import {jsx,jsxs}from'react/jsx-runtime';var B={masonrySkeletonRoot:"or",masonrySkeletonCol:"sr",masonrySkeletonItem:"lr",masonrySkeletonLayoutItem:"z",masonrySkeletonLayoutItemInner:"dr"};function fe(e,a){let l=`[data-rmg-mskel-scope="${v(e)}"]`,m=[];m.push(`${l} [data-rmg-mskel-variant]{display:none !important;}`);let i=a[0];i&&m.push(`${l} [data-rmg-mskel-variant="${i.key}"]{display:block !important;}`);for(let c of a)c.minWidth<=0||m.push(`@media (min-width:${c.minWidth}px){${l} [data-rmg-mskel-variant]{display:none !important;}${l} [data-rmg-mskel-variant="${c.key}"]{display:block !important;}}`);return m.join(`
-`)}function N(e,a){return `${e}:${a} !important;`}function xe(e,a){let l=`[data-rmg-mskel-scope="${v(e)}"]`,m=[];for(let i of a){if(!i.items.some(y=>y.span>1))continue;let c=`${l} [data-rmg-mskel-variant="${v(i.state.key)}"]`;for(let y of i.containerCssRules??[]){let P=Object.entries(y.rootDecls),d=P.length>0?`${c}{`+P.map(([u,f])=>N(u,f)).join("")+"}":"",x=y.items.map(u=>{let f=`${c} > [data-rmg-mskel-index="${u.index}"]`,v=[u.topCssExpr!=null?N("top",u.topCssExpr):null,u.leftCssExpr!=null?N("left",u.leftCssExpr):null,u.widthCssExpr!=null?N("width",u.widthCssExpr):null].filter(s=>!!s);return v.length?`${f}{`+v.join("")+"}":""}).join("");m.push(`@container (min-width:${y.minWidth}px){${d}${x}}`);}}return m.join(`
-`)}function be(e,a){let l=`[data-rmg-mskel-scope="${v(e)}"]`,m=[];for(let i of a){let c=i.items.some(s=>s.span>1),y=`${l} [data-rmg-mskel-variant="${v(i.state.key)}"]`,P=i.items.length?Math.max(0,...i.items.map(s=>s.safariTop+s.safariHeight)):0,d=[["height",i.safariShellHeightCssExpr??i.shellHeightCssExpr??`${P}px`],["--rmg-cols",i.state.columns],["--rmg-gap",`${i.state.gapPx}px`],...Object.entries(i.safariPositionedCssVars??{})],x=c?d:d.filter(([s])=>s!=="height"),u=`${y}{`+x.map(([s,S])=>N(s,S)).join("")+"}",f=i.items.map(s=>{let S=`${y} [data-rmg-mskel-index="${s.index}"]`,k=c?[N("height",s.safariHeightCssExpr),N("top",s.safariTopCssExpr??`${s.safariTop}px`)]:[N("height",s.safariHeightCssExpr)];return `${S}{`+k.join("")+"}"}).join(""),v$1=(i.safariContainerCssRules??[]).map(s=>{let S=Object.entries(s.rootDecls).filter(([n])=>c||n!=="height"),k=S.length>0?`${y}{`+S.map(([n,p])=>N(n,p)).join("")+"}":"",D=c?s.items.map(n=>{let p=`${y} [data-rmg-mskel-index="${n.index}"]`,C=[n.topCssExpr!=null?N("top",n.topCssExpr):null,n.leftCssExpr!=null?N("left",n.leftCssExpr):null,n.widthCssExpr!=null?N("width",n.widthCssExpr):null].filter(_=>!!_);return C.length?`${p}{`+C.join("")+"}":""}).join(""):"";return `@container (min-width:${s.minWidth}px){${k}${D}}`}).join("");m.push(`${u}${f}${v$1}`);}return m.length?`@supports ${c}{${m.join("")}}`:""}function ye(e){if(!e)return {outerStyle:void 0,innerStyle:void 0};let a=o(e),l={};return a.boxShadow!=null&&(l["--rmg-masonry-skel-wrap-shadow"]=a.boxShadow,delete a.boxShadow),a.borderRadius!=null&&(l["--rmg-masonry-skel-wrap-shadow-radius"]=a.borderRadius),{outerStyle:Object.keys(l).length?l:void 0,innerStyle:a}}function he(e){let{count:a$2,columns:l,gap:m,breakpoints:i$1,classNames:c,ratios:y,placement:P,spec:d$1,viewportWidth:x,layoutWidthPx:u,disableShimmer:f}=e,v=I.useRef(u),s=v.current!==void 0?v.current:u,S=I.useMemo(()=>({...a,...i$1??{}}),[i$1]),k=I.useMemo(()=>a$1("mskel_",{count:a$2,columns:l,gap:m,breakpoints:S,ratios:y,heightsPx:e.heightsPx,spans:e.spans,placement:P,spec:d$1}),[a$2,l,m,S,y,e.heightsPx,e.spans,P,d$1]),D={...d$1?.backgroundColor?{"--rmg-skel-bg":d$1.backgroundColor}:null,...d$1?.radius!=null?{"--rmg-skel-radius":l$1(d$1.radius)}:null,...f?null:n(d$1?.shimmer,{enabledVarName:"--rmg-skel-card-shimmer-enabled"}),...!f&&(d$1?.shimmer?.c2??d$1?.highlightColor)!=null?{"--rmg-skel-shimmer-c2":d$1?.shimmer?.c2??d$1?.highlightColor}:null},n$1=I.useMemo(()=>i({count:a$2,columns:l,gap:m,breakpoints:S,ratios:y,heightsPx:e.heightsPx,spans:e.spans,placement:P,spec:d$1,scopeId:k,viewportWidth:x,layoutWidthPx:s}),[a$2,l,m,S,y,e.heightsPx,P,d$1,k,x,s]),p=x!==void 0,C=p?d(n$1.states,x):null,_=I.useMemo(()=>p?null:fe(k,n$1.states),[p,k,n$1.variants]),w=I.useMemo(()=>xe(k,n$1.variants),[k,n$1.variants]),z=I.useMemo(()=>be(k,n$1.variants),[k,n$1.variants]),g=n$1.structuredLayout,X=c?.root??B.masonrySkeletonRoot,A=c?.column??B.masonrySkeletonCol,T=c?.item??(g?B.masonrySkeletonLayoutItem:B.masonrySkeletonItem),E=p&&s!==void 0&&Number.isFinite(Number(s))&&Number(s)>0,Z=I.useMemo(()=>{let r=f?null:a$3.skelCardShimmer;return n$1.variants.map(t=>{let ee=t.items.some(o=>o.span>1),K=Math.max(0,...t.items.map(o=>o.top+o.height));if(!ee){let o=Array.from({length:t.state.columns},()=>[]);for(let L of t.items)o[L.columnIndex].push(L);return jsx("div",{"data-rmg-mskel-variant":t.state.key,style:{width:"100%","--rmg-cols":t.state.columns,"--rmg-gap":`${t.state.gapPx}px`,...t.positionedCssVars??{},display:p?t.state.key===C?"block":"none":t.state.key===n$1.states[0]?.key?"block":"none"},children:jsx("div",{style:{width:"100%",display:"flex",alignItems:"flex-start",columnGap:`${t.state.gapPx}px`},children:o.map((L,j)=>jsx("div",{className:A,style:{flex:1,minWidth:0,display:"flex",flexDirection:"column"},children:L.map((M,b)=>{let W=b===L.length-1?"0px":`${t.state.gapPx}px`;if(!g)return jsx("div",{"data-rmg-mskel-index":M.index,className:[T,r].filter(Boolean).join(" "),style:{height:`${M.height}px`,marginBottom:W}},`rmg-mskel-${t.state.key}-${M.index}`);let{outerStyle:O,innerStyle:$}=ye(M.slot?.itemWrapStyle);return jsx("div",{"data-rmg-mskel-index":M.index,className:T,style:{...M.slot?.itemWrapStyle?m$1(M.slot.itemWrapStyle):null,...O??null,width:"100%",height:M.heightCssExpr,marginBottom:W},children:jsx("div",{className:[B.masonrySkeletonLayoutItemInner,r].filter(Boolean).join(" "),style:$,children:jsx("div",{style:{width:"100%"},children:jsx(B$1,{node:M.slot?.item??g.item,disableShimmer:true,breakpointMap:S})})})},`rmg-mskel-${t.state.key}-${M.index}`)})},j))})},t.state.key)}return jsx("div",{"data-rmg-mskel-variant":t.state.key,style:{position:"relative",width:"100%",height:g&&!E?t.shellHeightCssExpr??`${K}px`:`${K}px`,display:p?t.state.key===C?"block":"none":t.state.key===n$1.states[0]?.key?"block":"none","--rmg-cols":t.state.columns,"--rmg-gap":`${t.state.gapPx}px`,...t.positionedCssVars??{}},children:t.items.map(o=>{if(!g)return jsx("div",{"data-rmg-mskel-index":o.index,className:[T,r].filter(Boolean).join(" "),style:{position:"absolute",top:`${o.top}px`,left:o.leftCssExpr,width:o.widthCssExpr,height:`${o.height}px`}},`rmg-mskel-${t.state.key}-${o.index}`);let{outerStyle:L,innerStyle:j}=ye(o.slot?.itemWrapStyle);return jsx("div",{"data-rmg-mskel-index":o.index,className:T,style:{...o.slot?.itemWrapStyle?m$1(o.slot.itemWrapStyle):null,...L??null,position:"absolute",top:E?`${o.top}px`:o.topCssExpr??`${o.top}px`,left:E?`${o.leftPx}px`:o.leftCssExpr,width:E?`${o.widthPx}px`:o.widthCssExpr,height:E?`${o.height}px`:o.heightCssExpr,minWidth:0},children:jsx("div",{className:[B.masonrySkeletonLayoutItemInner,r].filter(Boolean).join(" "),style:j,children:jsx("div",{style:{width:"100%"},children:jsx(B$1,{node:o.slot?.item??g.item,disableShimmer:true,breakpointMap:S})})})},`rmg-mskel-${t.state.key}-${o.index}`)})},t.state.key)})},[T,A,n$1.variants,n$1.states,g,S,p,E,C,f]);return jsxs("div",{"data-rmg-mskel-scope":k,"data-rmg-skel-node":n$1.structuredNodeId,className:[X,d$1?.className].filter(Boolean).join(" "),style:{...D,...n$1.plainStructuredStyle||{},containerType:"inline-size",width:"100%"},children:[_?jsx("style",{dangerouslySetInnerHTML:{__html:_}}):null,w?jsx("style",{dangerouslySetInnerHTML:{__html:w}}):null,Z,n$1.responsiveCss?jsx("style",{dangerouslySetInnerHTML:{__html:n$1.responsiveCss}}):null,z?jsx("style",{dangerouslySetInnerHTML:{__html:z}}):null]})}function ke(e){return !!e&&typeof e=="object"&&!("kind"in e)&&"layout"in e&&e.layout?.kind==="masonry"}function Se(e){return !!e&&typeof e=="object"&&"kind"in e&&e.kind==="masonry"}function Ce(e){if(ke(e))return e;let{className:a,backgroundColor:l,radius:m,shimmer:i,columns:c,gap:y,ratios:P,heightsPx:d,spans:x,placement:u,viewportWidth:f,layoutWidthPx:v,...s}=e;return {className:a,backgroundColor:l,radius:m,shimmer:i,layout:s}}function Fe({layout:e,children:a$3,breakpoints:l$2,className:m$1,style:i$1,shellClassName:c,shellStyle:y,contentClassName:P,contentStyle:d,backgroundColor:x,radius:u,shimmer:f,disableShimmer:v,ariaLabel:s,ready:S,enabled:k$1,force:D,timing:n$2,masonry:p}){let C=I.useMemo(()=>({...a,...l$2??{}}),[l$2]),_=I.useMemo(()=>a$1("skel_",{layout:e,breakpoints:C,backgroundColor:x,radius:u,shimmer:f,disableShimmer:v,masonry:p}),[e,C,x,u,f,v,p]),w=I.useMemo(()=>Se(e)||ke(e)?Ce(e):null,[e]),z=w?.layout?.kind==="masonry"?w.layout:null,g=Se(e)?e:null,X=I.useRef(null),A=p?.layoutWidthPx??g?.layoutWidthPx,[T,E]=I.useState(void 0),Z=A??T;I.useLayoutEffect(()=>{if(A!==void 0){E($=>$===void 0?$:void 0);return}let b=X.current;if(!b)return;let W=$=>{let H=Number($);!Number.isFinite(H)||H<=0||E(U=>U!=null&&Math.abs(U-H)<.5?U:H);},O=()=>{W(b.getBoundingClientRect().width);};if(O(),typeof ResizeObserver<"u"){let $=new ResizeObserver(H=>{let U=H[0];W(U?.contentRect.width);});return $.observe(b),()=>$.disconnect()}return window.addEventListener("resize",O),()=>window.removeEventListener("resize",O)},[A]);let r=w?{count:p?.count??(typeof z?.count=="number"?Math.max(0,z.count|0):1),columns:p?.columns??g?.columns,gap:p?.gap??g?.gap,ratios:p?.ratios??g?.ratios,heightsPx:p?.heightsPx??g?.heightsPx,spans:p?.spans??g?.spans,placement:p?.placement??g?.placement,viewportWidth:p?.viewportWidth??g?.viewportWidth,layoutWidthPx:Z,disableShimmer:v}:null,t=I.useMemo(()=>{if(!w||!r)return null;let b$1=a$1("mseed_",{scopeId:_,breakpoints:C,masonry:r,spec:w}),W=i({count:r.count,columns:r.columns,gap:r.gap,breakpoints:C,ratios:r.ratios,heightsPx:r.heightsPx,spans:r.spans,placement:r.placement,spec:w,scopeId:b$1,respectLayoutCount:false,viewportWidth:r.viewportWidth,layoutWidthPx:r.layoutWidthPx}),O=j(W.variants,r.viewportWidth??b);return {scopeId:b$1,initialHeights:O?.items.map($=>$.height),responsiveCss:k({scopeId:b$1,prediction:W}),shellReserveCss:l({scopeId:b$1,prediction:W}),shellReserveSafariCss:m({scopeId:b$1,prediction:W})}},[C,r?.columns,r?.count,r?.disableShimmer,r?.gap,r?.heightsPx,r?.layoutWidthPx,r?.placement,r?.ratios,r?.spans,r?.viewportWidth,w,_]),ee={...i$1,...x?{"--rmg-skel-bg":x}:null,...u!=null?{"--rmg-skel-radius":l$1(u)}:null,...v?null:n(f)},K=w&&r?jsx("div",{"data-rmg-skeleton-scope":_,ref:X,className:m$1,style:ee,"aria-hidden":s?void 0:true,"aria-label":s,role:s?"status":void 0,"aria-live":s?"polite":void 0,children:jsx(he,{...r,spec:w,breakpoints:C})}):null,o=I.useCallback(b=>t?jsx(n$1,{value:t,children:b}):b,[t]);if(!K)return null;let L=a$3!==void 0&&!!t?.scopeId,j$1=L&&k$1!==false&&S!==true&&!!t?.shellReserveCss,M=jsx(a$2,{skeletonNode:K,ready:S,enabled:k$1,force:D,timing:n$2,shellClassName:c,shellStyle:y,contentClassName:P,contentStyle:d,contentOwnsWrapperLayout:a$3!==void 0,loadingLayerFirst:a$3!==void 0,contentWrapper:o,shellDataAttributes:j$1?{"data-rmg-masonry-skeleton-shell":t.scopeId}:void 0,children:a$3});return L?jsxs("div",{style:{containerType:"inline-size",width:"100%"},children:[j$1?jsx("style",{dangerouslySetInnerHTML:{__html:t.shellReserveCss}}):null,M,j$1&&t.shellReserveSafariCss?jsx("style",{dangerouslySetInnerHTML:{__html:t.shellReserveSafariCss}}):null]}):M}export{Fe as a};

package/dist/chunk-UKNHC4CS.mjs

@@ -1,4 +0,0 @@
-import {p,t,v as v$1,c as c$1,u,i,z,A as A$1,q,j as j$1,e as e$1,f,g,d,h,r}from'./chunk-4BTS6IIA.mjs';import {a,c,e}from'./chunk-HK2DPKES.mjs';import*as H from'react';import {jsx}from'react/jsx-runtime';var mn=Object.assign(function({children:e}){return H.createElement(H.Fragment,null,e)},{__rmgMasonryItem:true,displayName:"Masonry.Item"});function Ie(t,e){let n=e[t];if(typeof n=="number"&&Number.isFinite(n))return n;let r=parseFloat(t);return Number.isNaN(r)?0:r}function Jt(t){if(t==="full")return t;if(!(typeof t!="number"||!Number.isFinite(t)))return Math.max(1,t|0)}function Ae(t){let e=H.Children.toArray(t);return e.length===0?null:e.length===1?e[0]??null:H.createElement(H.Fragment,null,t)}function Ve(t){return H.isValidElement(t)&&!!t.type?.__rmgMasonryItem}function hn(t){if(!Ve(t))return {node:t};let e={span:t.props.span,className:t.props.className,style:t.props.style};return {node:Ae(t.props.children),layoutMeta:e}}function Oe(t){return !!t&&typeof t=="object"&&!Array.isArray(t)}function kt(t,e){if(!Oe(t)){let r=Jt(t);return r==null?[]:[{minWidth:0,span:r}]}let n=Object.entries(t).map(([r,i])=>({minWidth:Ie(r,e),span:Jt(i)})).filter(r=>r.span!=null).sort((r,i)=>r.minWidth-i.minWidth);return n.length===0?[]:(n[0].minWidth>0?n.unshift({minWidth:0,span:n[0].span}):n[0].minWidth<0&&(n[0]={...n[0],minWidth:0}),n)}function _e(t,e){let n=Math.max(1,e|0);return t==="full"?n:typeof t!="number"||!Number.isFinite(t)?1:Math.max(1,Math.min(n,t|0))}function Qt(t){let{span:e,columnCount:n,width:r,breakpointMap:i}=t,s=kt(e,i);if(!s.length)return 1;let l=s[0].span;for(let a of s)if(r>=a.minWidth)l=a.span;else break;return _e(l,n)}var it=240,he=[55,90,130,75];function fe(t){return t!=null&&Number.isFinite(t)?[{minWidth:0,value:t}]:[]}function je(t){return t!=null&&Number.isFinite(t)?t:void 0}function De(){return {ratios:[...he],radius:12}}function T(t){return `${Math.max(0,t)}px`}function A(t){return `calc(${t})`}function te(t){let e=t.trim();for(;e.startsWith("(")&&e.endsWith(")");){let n=0,r=true;for(let i=0;i<e.length;i++){let s=e[i];if(s==="("&&(n+=1),s===")"&&(n-=1),n===0&&i<e.length-1){r=false;break}if(n<0){r=false;break}}if(!r||n!==0)break;e=e.slice(1,-1).trim();}return e}function xe(t){let e=te(t);return e.startsWith("calc(")&&e.endsWith(")")?te(e.slice(5,-1).trim()):e}function j(t){return `(${xe(t)})`}function X(t){let e=xe(t);if(!e)return null;let n=e.match(/^(-?\d*\.?\d+)([a-zA-Z%]+)?$/);if(!n)return null;let r=Number(n[1]);return Number.isFinite(r)?{value:r,unit:n[2]??null}:null}function ze(t){let e=X(t);return e!=null&&e.value===0}function ft(t,e,n){return Number.isFinite(t)?t===0&&n?.preferPxForZero?"0px":e?`${t}${e}`:`${t}`:e?`0${e}`:"0"}function y(t){let e=t.filter(Boolean);if(!e.length)return "0px";let n=[],r=0;for(let i of e){let s=X(i);if(!s){n.push(i);continue}if(s.unit==="px"||s.unit==null&&s.value===0){r+=s.value;continue}n.push(i);}return (r!==0||!n.length&&r===0)&&n.push(ft(r,"px",{preferPxForZero:true})),n.length===1?n[0]:A(n.map(j).join(" + "))}function Ft(t,e){if(ze(e))return t;let n=X(t),r=X(e);return n&&r&&(n.unit===r.unit&&n.unit!=null||n.unit==="px"&&r.unit==null&&r.value===0||r.unit==="px"&&n.unit==null&&n.value===0||n.unit==null&&r.unit==null)?ft(n.value-r.value,n.unit??r.unit,{preferPxForZero:(n.unit??r.unit)==="px"}):A(`${j(t)} - ${j(e)}`)}function v(t,e){if(!Number.isFinite(e))return A(`${j(t)} * ${e}`);if(e===0)return "0px";if(e===1)return t;let n=X(t);return n?ft(n.value*e,n.unit,{preferPxForZero:n.unit==="px"}):A(`${j(t)} * ${e}`)}function ee(t,e){if(!Number.isFinite(e)||e===0)return A(`${j(t)} / ${e}`);if(e===1)return t;let n=X(t);return n?ft(n.value/e,n.unit,{preferPxForZero:n.unit==="px"}):A(`${j(t)} / ${e}`)}function be(t){let e=t.filter(Boolean);return e.length?e.length===1?e[0]:`max(${e.join(", ")})`:"0px"}function ne(t,e){if(!t)return [];if(typeof t=="number")return [];if(typeof t=="string")return [];if(typeof t!="object")return [];let n=[];for(let[i,s]of Object.entries(t)){let l=Number(s);if(!Number.isFinite(l))continue;if(String(+i)===i){let o=+i;Number.isFinite(o)&&o>=0&&n.push({minWidth:o,value:l});continue}let a=e?.[i];typeof a=="number"&&Number.isFinite(a)&&n.push({minWidth:a,value:l});}n.sort((i,s)=>i.minWidth-s.minWidth);let r=[];for(let i of n){let s=r[r.length-1];s&&s.minWidth===i.minWidth?s.value=i.value:r.push(i);}return r}function re(t,e,n){if(t==null)return n;if(typeof t=="number")return t;if(typeof t=="string"){let r=Number(t);return Number.isFinite(r)?r:n}return e.length?e[0].value:n}function ie(t,e,n){let r=n;for(let i of t)if(i.minWidth<=e)r=i.value;else break;return r}function Ke(t,e){if(!(!t&&!e))return {...t||{},...e||{}}}function L(t,e){if(t==null)return null;if(typeof t=="number")return Number.isFinite(t)?t:null;let n=t.trim();if(!n)return null;if(n.endsWith("%")){let i=Number(n.slice(0,-1));return !Number.isFinite(i)||e==null?null:e*i/100}let r=parseFloat(n);return Number.isFinite(r)?r:null}function I(t,e){if(t==null)return null;if(typeof t=="number")return T(t);let n=t.trim();if(!n)return null;if(n.endsWith("%")){let r=Number(n.slice(0,-1));return !Number.isFinite(r)||!e?null:v(e,r/100)}return n}function ye(t){if(t==null)return null;if(typeof t=="number")return Number.isFinite(t)&&t>0?t:null;let e=t.replace(/\s+/g,"");if(!e)return null;if(e.includes("/")){let[r,i]=e.split("/"),s=Number(r),l=Number(i);return Number.isFinite(s)&&Number.isFinite(l)&&s>0&&l>0?s/l:null}let n=parseFloat(e);return Number.isFinite(n)&&n>0?n:null}function st(t,e,n){if(t==null)return 0;let r=t.toString().trim().split(/\s+/).map(i=>L(i,n)).filter(i=>Number.isFinite(i));return r.length?r.length===1?r[0]*2:r.length===2?e==="block"?r[0]*2:r[1]*2:r.length===3?e==="block"?r[0]+r[2]:r[1]*2:e==="block"?r[0]+r[2]:r[1]+r[3]:0}function ot(t,e,n){if(t==null)return null;let r=t.toString().trim().split(/\s+/).map(i=>I(i,n)).filter(Boolean);return r.length?r.length===1?v(r[0],2):r.length===2?v(e==="block"?r[0]:r[1],2):r.length===3?e==="block"?y([r[0],r[2]]):v(r[1],2):y(e==="block"?[r[0],r[2]]:[r[1],r[3]]):null}function ge(t){if(typeof t!="string")return 0;let e=t.trim().split(/\s+/)[0],n=L(e);return n!=null?n*2:0}function Me(t){return ge(t)}function Ce(t){if(typeof t!="string")return null;let e=t.trim().split(/\s+/)[0],n=I(e);return n?v(n,2):null}function qe(t){return Ce(t)}function G(t,e){return (L(t?.marginTop,e)??0)+(L(t?.marginBottom,e)??0)}function Y(t,e){let n=I(t?.marginTop,e),r=I(t?.marginBottom,e);return !n&&!r?null:y([n??"0px",r??"0px"])}function se(t,e){return t?G(t,e)+st(t.padding,"block",e)+ge(t.border):0}function oe(t,e){return t?y([Y(t,e)??"0px",ot(t.padding,"block",e)??"0px",Ce(t.border)??"0px"]):null}function Se(t,e){return t==null?null:Math.max(0,t-st(e?.padding,"inline",t)-Me(e?.border))}function Ze(t,e){if(!t)return null;let n=ot(e?.padding,"inline",t),r=qe(e?.border);return !n&&!r?t:Ft(t,y([n??"0px",r??"0px"]))}function Tt(t,e){return {slope:t.slope*e,intercept:t.intercept*e}}function We(t,e){return {slope:t.slope,intercept:t.intercept-e}}function Pe(t,e){if(t==null)return null;if(typeof t=="number")return Number.isFinite(t)?{slope:0,intercept:t}:null;let n=t.trim();if(!n)return null;if(n.endsWith("%")){let i=Number(n.slice(0,-1));return Number.isFinite(i)?Tt(e,i/100):null}let r=parseFloat(n);return Number.isFinite(r)?{slope:0,intercept:r}:null}function ke(t,e,n){if(t==null)return {slope:0,intercept:0};let r=t.toString().trim().split(/\s+/).map(l=>Pe(l,n));if(!r.length||r.some(l=>l==null))return null;let i=(l,a)=>({slope:l.slope+a.slope,intercept:l.intercept+a.intercept}),s=(l,a)=>Tt(l,a);return r.length===1?s(r[0],2):r.length===2?s(r[1],2):r.length===3?s(r[1],2):i(r[1],r[3])}function Ge(t,e){let n=Pe(t?.width,e)??e;return t?.maxWidth==null?n:null}function Ye(t,e){let n=ke(e?.padding,"inline",t);return n?We({slope:t.slope-n.slope,intercept:t.intercept-n.intercept},Me(e?.border)):null}function ae(t,e){let n=ke(e?.padding,"inline",t);return n?{slope:t.slope-n.slope,intercept:t.intercept-n.intercept}:null}function dt(t,e){return t==null?null:Math.max(0,t-st(e?.padding,"inline",t))}function le(t,e){if(!t)return null;let n=ot(e?.padding,"inline",t);return n?Ft(t,n):t}function mt(t,e){let n=L(t?.width,e)??e,r=L(t?.maxWidth,e);return r==null?Math.max(0,n):Math.max(0,Math.min(n,r))}function Nt(t,e){let n=I(t?.width,e)??e,r=I(t?.maxWidth,e);return r?be([`min(${n}, ${r})`]):n}function Re(t){let e=t.node.responsiveBy==="container"&&t.availableWidthPx!=null&&Number.isFinite(t.availableWidthPx)&&t.availableWidthPx>0?t.availableWidthPx:t.responsiveMinWidth,n=q(t.node.style,t.responsiveMinWidth,t.breakpointMap);if(t.conservativeContainerText&&t.node.responsiveBy==="container"){let l=t.node.__rmgTextRenderState??j$1({barHeight:t.node.barHeight,barWidth:t.node.barWidth,lineHeight:t.node.lineHeight,lines:t.node.lines,lastBarWidth:t.node.lastBarWidth,responsiveBy:t.node.responsiveBy,breakpointMap:t.breakpointMap}),a=l.states.reduce((o,p)=>p.state.metrics.totalHeight>o.metrics.totalHeight?p.state:o,l.baseState);return {style:n,metrics:t.textMetricsMode==="safari"?e$1(a.metrics):a.metrics}}let r=f(t.node.lines,1,e,t.breakpointMap),i=g(t.node.barHeight,typeof t.node.barHeight=="number"?t.node.barHeight:0,e,t.breakpointMap),s=d({barHeight:i,lineHeight:h(t.node.lineHeight,typeof t.node.lineHeight=="number"?t.node.lineHeight:1,e,t.breakpointMap),lines:r});return {style:n,metrics:t.textMetricsMode==="safari"?e$1(s):s}}function J(t,e,n=a){return r(t,e,n)}function wt(t,e){let n=e?.responsiveMinWidth??0,r=e?.availableWidthPx??null,i=e?.breakpointMap??a,s=e?.conservativeContainerText===true,l=e?.textMetricsMode??"default";if(t.kind==="rect"||t.kind==="square"||t.kind==="circle"){let a=q(t.style,n,i),o=L(a?.height,r??void 0);if(o!=null)return o+G(a,r??void 0);let p=mt(a,r??it);if(t.kind==="square"&&p!=null)return p+G(a,r??void 0);let c=ye(a?.aspectRatio);if(c!=null&&p!=null&&p>0)return p/c+G(a,r??void 0);let u=G(a,r??void 0);return u>0?u:null}if(t.kind==="text"){let{style:a,metrics:o}=Re({node:t,responsiveMinWidth:n,availableWidthPx:r,breakpointMap:i,conservativeContainerText:s,textMetricsMode:l});return o.totalHeight+G(a,r??void 0)}if(t.kind==="media"){let a=J(t.style,n,i),o=dt(r,a),p=L(a?.gap,o??void 0)??0,c=st(a?.padding,"block",r??void 0),u=Math.max(0,t.count|0),h={kind:t.tile?.shape??"rect",style:t.tile?.style,shimmer:t.tile?.shimmer},b=(t.direction??"row")==="row"&&u>1&&o!=null?Math.max(0,(o-p*Math.max(0,u-1))/u):o,m=wt(h,{responsiveMinWidth:n,availableWidthPx:b,breakpointMap:i,conservativeContainerText:s,textMetricsMode:l});return m==null?c||null:(t.direction??"row")==="row"||u<=1?m+c:m*u+p*Math.max(0,u-1)+c}if(t.kind==="row"||t.kind==="col"||t.kind==="stack"){let a=J(t.style,n,i),o=dt(r,a),p=L(a?.gap,o??void 0)??0,c=st(a?.padding,"block",r??void 0),u=t.children.map(h=>wt(h,{responsiveMinWidth:n,availableWidthPx:o,breakpointMap:i,conservativeContainerText:s,textMetricsMode:l})).filter(h=>h!=null);return u.length?t.kind==="row"?Math.max(...u)+c:u.reduce((h,b)=>h+b,0)+p*Math.max(0,u.length-1)+c:c||null}return null}function Lt(t,e){let n=e?.responsiveMinWidth??0,r=e?.availableWidthExpr??null,i=e?.availableWidthPx??null,s=e?.breakpointMap??a,l=e?.conservativeContainerText===true,a$1=e?.textMetricsMode??"default";if(t.kind==="rect"||t.kind==="square"||t.kind==="circle"){let o=q(t.style,n,s),p=I(o?.height,r??void 0);if(p!=null)return y([p,Y(o,r??void 0)??"0px"]);let c=Nt(o,r??T(it));if(t.kind==="square")return y([c,Y(o,r??void 0)??"0px"]);let u=ye(o?.aspectRatio);return u!=null?y([ee(c,u),Y(o,r??void 0)??"0px"]):Y(o,r??void 0)??null}if(t.kind==="text"){let{style:o,metrics:p}=Re({node:t,responsiveMinWidth:n,availableWidthPx:i,breakpointMap:s,conservativeContainerText:l,textMetricsMode:a$1});return y([T(p.totalHeight),Y(o,r??void 0)??"0px"])}if(t.kind==="media"){let o=J(t.style,n,s),p=le(r,o),c=dt(i,o),u=I(o?.gap,p??void 0)??"0px",h=L(o?.gap,c??void 0)??0,b=ot(o?.padding,"block",r??void 0)??"0px",m=Math.max(0,t.count|0),f={kind:t.tile?.shape??"rect",style:t.tile?.style,shimmer:t.tile?.shimmer},S=(t.direction??"row")==="row"&&m>1&&p!=null?ee(Ft(p,v(u,Math.max(0,m-1))),m):p,P=(t.direction??"row")==="row"&&m>1&&c!=null?Math.max(0,(c-h*Math.max(0,m-1))/m):c,M=Lt(f,{responsiveMinWidth:n,availableWidthExpr:S,availableWidthPx:P,breakpointMap:s,conservativeContainerText:l,textMetricsMode:a$1});return M==null?b||null:(t.direction??"row")==="row"||m<=1?y([M,b]):y([v(M,m),v(u,Math.max(0,m-1)),b])}if(t.kind==="row"||t.kind==="col"||t.kind==="stack"){let o=J(t.style,n,s),p=le(r,o),c=dt(i,o),u=I(o?.gap,p??void 0)??"0px",h=ot(o?.padding,"block",r??void 0)??"0px",b=t.children.map(m=>Lt(m,{responsiveMinWidth:n,availableWidthExpr:p,availableWidthPx:c,breakpointMap:s,conservativeContainerText:l,textMetricsMode:a$1})).filter(m=>!!m);return b.length?t.kind==="row"?y([be(b),h]):y([...b.flatMap((m,f)=>f>0?[u,m]:[m]),h]):h||null}return null}function Ue(t){if(t==null)return null;let e=Number(t);return Number.isFinite(e)?Math.max(25,Math.min(260,e)):null}function Xe(t){if(t==null)return null;let e=Number(t);return Number.isFinite(e)&&e>0?e:null}function $t(t,e){let n=t.slots?.[e];return {item:n?.item??t.item,itemWrapStyle:Ke(t.itemWrapStyle,n?.itemWrapStyle),ratio:Ue(n?.ratio),heightPx:Xe(n?.heightPx),span:n?.span}}function Ee(t,e,n){let r=kt(t,n);for(let i of r)e.add(i.minWidth);}function Ht(t){return Qt({span:t.span,columnCount:t.columnCount,width:t.minWidth,breakpointMap:t.breakpointMap})}function Cn(t,e){return ve(t,e)?.key??null}function ve(t,e){if(!t.length)return null;let n=t[0];for(let r of t)if(e>=r.minWidth)n=r;else break;return n}function Je(t){let{columnsRules:e,gapRules:n,baseColumns:r,baseGapPx:i,extraMinWidths:s}=t,l=new Set([0]),a=new Set;for(let u of e)l.add(u.minWidth);for(let u of n)l.add(u.minWidth);if(s)for(let u of s){let h=Math.max(0,u|0);l.add(h),a.add(h);}let o=Array.from(l).sort((u,h)=>u-h),p=[],c$1="";for(let u of o){let h=ie(e,u,r),b=ie(n,u,i),m=Math.max(1,h|0),f=Math.max(0,c(b,i)),S=`c${m}_g${f}`;S===c$1&&!a.has(u)||(p.push({minWidth:u,columns:m,gapPx:f,key:S===c$1?`${S}_m${u}`:S}),c$1=S);}return p.length?p:[{minWidth:0,columns:r,gapPx:i,key:`c${r}_g${i}`}]}function Qe(t){let e$1=fe(t.layoutWidthPx).filter(r=>r.value>0);if(!e$1.length)return;if(t.viewportWidth!=null){let r=ve(t.states,t.viewportWidth),i=je(t.layoutWidthPx);return !r||i==null||i<=0?void 0:new Map([[r.key,i]])}let n=new Map;for(let r of t.states){let i=e(e$1,r.minWidth);i!=null&&i>0&&n.set(r.key,i);}return n.size?n:void 0}function tn(t,e){return e!=null&&Number.isFinite(e)&&e>0?Math.max(e,it):Math.max(t.minWidth||it,it)}function ue(t,e){let n=tn(t,e);return t.columns>0?(n-t.gapPx*(t.columns-1))/t.columns:n}function pt(t,e,n){if(t){if(t.kind==="masonry"){u(t.style,e,n),pt(t.item,e,n);for(let r of t.slots??[])Ee(r.span,e,n),pt(r.item,e,n);return}switch(t.kind){case "rect":case "square":case "circle":u(t.style,e,n);return;case "text":u(t.style,e,n);for(let r of i({barHeight:t.barHeight,barWidth:t.barWidth,lineHeight:t.lineHeight,lines:t.lines,lastBarWidth:t.lastBarWidth,breakpointMap:n}))e.add(r);return;case "media":u(t.style,e,n),u(t.tile?.style,e,n);return;case "stack":case "row":case "col":u(t.style,e,n);for(let r of t.children)pt(r,e,n);return}}}function en(t){return Number.isFinite(t)?Math.max(0,Math.round(t*1e3)/1e3):null}function nn(t,e,n){if(t<=0){n.add(0);return}if(e.slope<=0)return;let r=en((t-e.intercept)/e.slope);r!=null&&n.add(r);}function Bt(t){let{node:e,availableWidth:n,responsiveMinWidth:r,breakpointMap:i$1,out:s}=t;if(!(!e||!n))switch(e.kind){case "rect":case "square":case "circle":return;case "text":if(e.responsiveBy!=="container")return;for(let l of i({barHeight:e.barHeight,barWidth:e.barWidth,lineHeight:e.lineHeight,lines:e.lines,lastBarWidth:e.lastBarWidth,breakpointMap:i$1}))nn(l,n,s);return;case "media":{let l=J(e.style,r,i$1),a=ae(n,l);if(!a)return;let o=L(l?.gap,0)??0,p=Math.max(0,e.count|0),c=(e.direction??"row")==="row"&&p>1?Tt(We(a,o*Math.max(0,p-1)),1/p):a,u={kind:e.tile?.shape??"rect",style:e.tile?.style,shimmer:e.tile?.shimmer};Bt({node:u,availableWidth:c,responsiveMinWidth:r,breakpointMap:i$1,out:s});return}case "stack":case "row":case "col":{let l=J(e.style,r,i$1),a=ae(n,l);if(!a)return;for(let o of e.children)Bt({node:o,availableWidth:a,responsiveMinWidth:r,breakpointMap:i$1,out:s});return}}}function rn(t){let{state:e,span:n}=t,r=Math.max(1,e.columns|0),i={slope:1/r,intercept:-(e.gapPx*Math.max(0,r-1))/r};return {slope:i.slope*n,intercept:i.intercept*n+e.gapPx*Math.max(0,n-1)}}function sn(t){let e=new Set([0]),{state:n,itemCount:r,structuredLayout:i,spans:s,breakpointMap:l}=t;if(!i)return [];for(let a=0;a<r;a++){let o=$t(i,a),p=Ht({span:o?.span??s?.[a],columnCount:n.columns,minWidth:n.minWidth,breakpointMap:l}),c=rn({state:n,span:p}),u=Ge(o.itemWrapStyle,c),h=u?Ye(u,o.itemWrapStyle):null;Bt({node:o.item,availableWidth:h,responsiveMinWidth:n.minWidth,breakpointMap:l,out:e});}return Array.from(e).sort((a,o)=>a-o)}function on(t){if(!t.layout)return {structuredLayout:null,responsiveCss:""};let e=t.breakpointMap??a,n=0,r=()=>`n${++n}`,i=[],s=z(t.layout,r,i,"masonry",e),l=t.scopeId?A$1({scopeAttr:"data-rmg-mskel-scope",scopeId:t.scopeId,rules:i}):"";return {structuredLayout:s,responsiveCss:l}}function an(t){let e=t?.colsCssVar??"--rmg-cols",n=t?.gapCssVar??"--rmg-gap",r=t?.containerWidthCss??"100cqw";return A(`(${r} - ((var(${e}) - 1) * var(${n}))) / var(${e})`)}function ce(t){let{span:e,columnWidthCssExpr:n,gapCssExpr:r="var(--rmg-gap)"}=t;return e<=1?n:y([v(n,e),v(r,Math.max(0,e-1))])}function pe(t){let{columnStart:e,columnWidthCssExpr:n,gapCssExpr:r="var(--rmg-gap)"}=t;return e<=0?"0px":y([v(n,e),v(r,e)])}function de(t){let{index:e,slot:n,state:r,safeRatios:i,safeHeights:s,itemWidthCssExpr:l,itemWidthPx:a,breakpointMap:o,conservativeContainerText:p,textMetricsMode:c="default"}=t;if(n){let b=Nt(n.itemWrapStyle,l),m=mt(n.itemWrapStyle,a),f=Ze(b,n.itemWrapStyle),S=Se(m,n.itemWrapStyle),P=Lt(n.item,{responsiveMinWidth:r.minWidth,availableWidthExpr:f,availableWidthPx:S,breakpointMap:o,conservativeContainerText:p,textMetricsMode:c});if(P)return y([P,oe(n.itemWrapStyle,b)??"0px"])}let u=Nt(n?.itemWrapStyle,l),h=oe(n?.itemWrapStyle,u)??"0px";return n?.heightPx!=null?y([T(n.heightPx),h]):n?.ratio!=null?y([A(`${u} * ${n.ratio/100}`),h]):s?.length?y([T(s[e%s.length]),h]):i.length?y([A(`${u} * ${i[e%i.length]/100}`),h]):y([u,h])}function me(t){let{index:e,slot:n,state:r,safeRatios:i,safeHeights:s,itemWidthPx:l,breakpointMap:a,conservativeContainerText:o,textMetricsMode:p="default"}=t;if(n){let b=mt(n.itemWrapStyle,l),m=Se(b,n.itemWrapStyle),f=wt(n.item,{responsiveMinWidth:r.minWidth,availableWidthPx:m,breakpointMap:a,conservativeContainerText:o,textMetricsMode:p});if(f!=null)return Math.ceil(f+se(n.itemWrapStyle,b))}let c=mt(n?.itemWrapStyle,l),u=se(n?.itemWrapStyle,c),h=n?.heightPx!=null?n.heightPx:n?.ratio!=null?Math.round(n.ratio/100*c):s?.length?s[e%s.length]:i.length?Math.round(i[e%i.length]/100*c):c;return Math.ceil(h+u)}function Rt(t,e,n){let r=0;for(let i=e;i<e+n;i++)r=Math.max(r,t[i]??0);return r}function ln(t,e,n){let r=0;for(let i=e;i<e+n;i++)r+=t[i]??0;return r}function un(t){let e=Math.max(1,t.columnCount-t.span+1);return t.cursor%e}function Et(t){let{itemCount:e,columnCount:n,placement:r,heights:i,gapPx:s,spans:l}=t,a=Math.max(1,n|0),o=new Array(a).fill(0),p=new Array(a).fill(0),c=[],u=0,h=0,b=0;for(let m=0;m<e;m++){let f=Math.max(1,Math.min(a,Math.round(l?.[m]??1)||1)),S=i[m]??0,P=Math.max(0,a-f),M=0,C=0;if(r==="roundRobin")M=un({cursor:h,columnCount:a,span:f}),C=Rt(o,M,f),h+=1;else if(r==="horizontalOrder")M=b%a,M+f>a&&(M=0),C=Rt(o,M,f),b=M+f;else {let E=0,N=Number.POSITIVE_INFINITY,Q=Number.POSITIVE_INFINITY;for(let d=0;d<=P;d++){let w=Rt(o,d,f),D=ln(p,d,f);(w<N||w===N&&D<Q||w===N&&D===Q&&d<E)&&(E=d,N=w,Q=D);}M=E,C=Number.isFinite(N)?N:0;}let B=C+S+s;for(let E=M;E<M+f;E++)o[E]=B,p[E]=(p[E]??0)+1;u=Math.max(u,C+S),c.push({index:m,span:f,columnStart:M,top:C,height:S});}return {items:c,height:u}}function vt(t){if(t.items.length===0)return {itemTopCssExprs:[],itemHeightCssExprs:[],shellHeightCssExpr:"0px",cssVars:{}};let e=Math.max(1,t.columnCount|0),n=new Array(e).fill(0),r=new Array(e).fill(null),i=[],s=[],l={};for(let[c,u]of t.items.entries()){let h=`--rmg-mskel-height-${u.index}`,b=`var(${h})`;l[h]=u.heightCssExpr,s.push(b);let m=0,f=null;for(let C=u.columnStart;C<u.columnStart+u.span;C++){let B=n[C]??0,E=r[C]??null;(B>m||f==null)&&(m=B,f=E);}let S=m<=0||!f?"0px":t.gapPx>0?y([f,T(t.gapPx)]):f,P=y([S,b]);i.push(S);let M=(m>0?m+t.gapPx:0)+u.heightPx;for(let C=u.columnStart;C<u.columnStart+u.span;C++)n[C]=M,r[C]=P;}let o=0,p="0px";for(let c=0;c<e;c++){let u=n[c]??0,h=r[c]??"0px";u>=o&&(o=u,p=h);}return {itemTopCssExprs:i,itemHeightCssExprs:s,shellHeightCssExpr:p,cssVars:l}}function Sn(t$1){let e=t$1.spec??De(),n={...a,...t$1.breakpoints??{}},r=fe(t$1.layoutWidthPx).filter(d=>d.value>0),i=e.ratios??he,s=(Array.isArray(t$1.ratios)&&t$1.ratios.length?t$1.ratios:Array.isArray(e.ratios)&&e.ratios.length?e.ratios:i).map(d=>Number(d)).filter(d=>Number.isFinite(d)).map(d=>Math.max(25,Math.min(220,d))),l=(Array.isArray(t$1.heightsPx)&&t$1.heightsPx.length?t$1.heightsPx:Array.isArray(e.heightsPx)&&e.heightsPx.length?e.heightsPx:null)?.map(d=>Number(d)).filter(d=>Number.isFinite(d)&&d>0)??null,a$1=ne(t$1.columns,n),o=ne(t$1.gap,n),p$1=re(t$1.columns,a$1,4),c$1=re(t$1.gap,o,8),u=Math.max(1,p$1|0),h=Math.max(0,c(c$1,8)),b=Je({columnsRules:a$1,gapRules:o,baseColumns:u,baseGapPx:h,extraMinWidths:(()=>{let d=new Set;pt(e.layout,d,n);for(let w of t$1.spans??[])Ee(w,d,n);for(let w of r)d.add(w.minWidth);return d})()}),m=Qe({states:b,layoutWidthPx:t$1.layoutWidthPx,viewportWidth:t$1.viewportWidth}),{structuredLayout:f,responsiveCss:S}=on({layout:e.layout,scopeId:t$1.scopeId,breakpointMap:n}),P=t$1.respectLayoutCount===false?Math.max(0,t$1.count|0):f?.count!=null?Math.max(0,f.count|0):Math.max(0,t$1.count|0),M=t$1.placement??"balanced",C="--rmg-mskel-colw",B=`var(${C})`,E=an(),N="var(--rmg-gap)",Q=b.map(d=>{let w=m?.has(d.key)===true,D=!w,It=ue(d,m?.get(d.key)),At=x=>Array.from({length:P},(g,W)=>{let V=f?$t(f,W):null,$=Ht({span:V?.span??t$1.spans?.[W],columnCount:d.columns,minWidth:d.minWidth,breakpointMap:n}),F=It*$+d.gapPx*Math.max(0,$-1),K=`--rmg-mskel-width-${W}`,lt=ce({span:$,columnWidthCssExpr:B,gapCssExpr:N}),q=`var(${K})`,gt=me({index:W,slot:V,state:d,safeRatios:s,safeHeights:l,itemWidthPx:F,breakpointMap:n,conservativeContainerText:D,textMetricsMode:x}),Mt=de({index:W,slot:V,state:d,safeRatios:s,safeHeights:l,itemWidthCssExpr:q,itemWidthPx:F,breakpointMap:n,conservativeContainerText:D,textMetricsMode:x});return {slot:V,span:$,height:gt,heightCssExpr:Mt,itemWidthPx:F,itemWidthVarName:K,itemWidthCssValue:lt,itemWidthCssExpr:q}}),tt=At("default"),z=At("safari"),bt=Et({itemCount:P,columnCount:d.columns,placement:M,heights:tt.map(x=>x.height),gapPx:d.gapPx,spans:tt.map(x=>x.span)}),et=vt({columnCount:d.columns,gapPx:d.gapPx,items:bt.items.map((x,g)=>({index:g,columnStart:x.columnStart,span:x.span,heightPx:x.height,heightCssExpr:tt[g]?.heightCssExpr??T(x.height)}))}),yt=Et({itemCount:P,columnCount:d.columns,placement:M,heights:z.map(x=>x.height),gapPx:d.gapPx,spans:z.map(x=>x.span)}),nt=vt({columnCount:d.columns,gapPx:d.gapPx,items:yt.items.map((x,g)=>({index:g,columnStart:x.columnStart,span:x.span,heightPx:x.height,heightCssExpr:z[g]?.heightCssExpr??T(x.height)}))}),at={[C]:E};for(let x of tt)at[x.itemWidthVarName]=x.itemWidthCssValue;Object.assign(at,et.cssVars);let Le={...at,...nt.cssVars},Vt=x=>{if(w||!f)return;let g=x==="safari"?nt:et,W=x==="safari"?yt:bt,V={height:g.shellHeightCssExpr,...g.cssVars};return sn({state:d,itemCount:P,structuredLayout:f,spans:t$1.spans,breakpointMap:n}).map($=>{let F=ue(d,$),K=Array.from({length:P},(k,R)=>{let O=$t(f,R),rt=Ht({span:O?.span??t$1.spans?.[R],columnCount:d.columns,minWidth:d.minWidth,breakpointMap:n}),Ot=F*rt+d.gapPx*Math.max(0,rt-1),Be=`var(${`--rmg-mskel-width-${R}`})`,Fe=me({index:R,slot:O,state:d,safeRatios:s,safeHeights:l,itemWidthPx:Ot,breakpointMap:n,conservativeContainerText:false,textMetricsMode:x}),Te=de({index:R,slot:O,state:d,safeRatios:s,safeHeights:l,itemWidthCssExpr:Be,itemWidthPx:Ot,breakpointMap:n,conservativeContainerText:false,textMetricsMode:x});return {slot:O,span:rt,height:Fe,heightCssExpr:Te}}),lt=Et({itemCount:P,columnCount:d.columns,placement:M,heights:K.map(k=>k.height),gapPx:d.gapPx,spans:K.map(k=>k.span)}),q=vt({columnCount:d.columns,gapPx:d.gapPx,items:lt.items.map((k,R)=>({index:R,columnStart:k.columnStart,span:k.span,heightPx:k.height,heightCssExpr:K[R]?.heightCssExpr??T(k.height)}))}),gt={height:q.shellHeightCssExpr,...q.cssVars},Mt=Object.fromEntries(Object.entries(gt).filter(([k,R])=>V[k]!==R));return {minWidth:$,rootDecls:Mt,items:lt.items.map((k,R)=>{let O=q.itemTopCssExprs[R],rt=g.itemTopCssExprs[R];return {index:R,...O!==rt?{topCssExpr:O}:null,...W.items[R]?.columnStart!==k.columnStart?{leftCssExpr:pe({columnStart:k.columnStart,columnWidthCssExpr:B,gapCssExpr:N})}:null,...W.items[R]?.span!==k.span?{widthCssExpr:ce({span:k.span,columnWidthCssExpr:B,gapCssExpr:N})}:null}})}}).filter($=>Object.keys($.rootDecls).length>0||$.items.some(F=>F.topCssExpr!=null||F.leftCssExpr!=null||F.widthCssExpr!=null))},$e=Vt("default"),He=Vt("safari");return {state:d,shellHeightCssExpr:et.shellHeightCssExpr,positionedCssVars:at,containerCssRules:$e,safariShellHeightCssExpr:nt.shellHeightCssExpr,safariPositionedCssVars:Le,safariContainerCssRules:He,items:tt.map((x,g)=>{let W=bt.items[g]??{span:x.span,columnStart:0,top:0,height:x.height},V=yt.items[g]??{span:x.span,columnStart:W.columnStart,top:W.top,height:z[g]?.height??x.height};return {index:g,height:x.height,columnIndex:W.columnStart,columnStart:W.columnStart,span:W.span,top:W.top,topCssExpr:et.itemTopCssExprs[g],leftPx:W.columnStart*(It+d.gapPx),leftCssExpr:pe({columnStart:W.columnStart,columnWidthCssExpr:B,gapCssExpr:N}),widthPx:x.itemWidthPx,widthCssExpr:x.itemWidthCssExpr,slot:x.slot,heightCssExpr:et.itemHeightCssExprs[g]??x.heightCssExpr,safariHeight:z[g]?.height??x.height,safariTop:V.top,safariTopCssExpr:nt.itemTopCssExprs[g],safariHeightCssExpr:nt.itemHeightCssExprs[g]??z[g]?.heightCssExpr??x.heightCssExpr}})}});return {itemCount:P,states:b,variants:Q,structuredLayout:f,structuredNodeId:f?.__rmgNodeId,plainStructuredStyle:f?p(t(f.style,n)):void 0,responsiveCss:S}}function Wn(t,e){if(!t.length)return null;let n=t[0];for(let r of t)if(e>=r.state.minWidth)n=r;else break;return n}function cn(t){return t.items.length?Math.max(0,...t.items.map(e=>e.top+e.height)):0}function U(t,e){return `${t}:${e} !important;`}function ht(t,e="default"){let n=e==="safari"?t.safariShellHeightCssExpr??t.shellHeightCssExpr:t.shellHeightCssExpr,r=e==="safari"?t.safariPositionedCssVars??t.positionedCssVars:t.positionedCssVars,i=[["height",n??`${cn(t)}px`],["--rmg-cols",t.state.columns],["--rmg-gap",`${t.state.gapPx}px`]];for(let[s,l]of Object.entries(r??{}))i.push([s,l]);return i}function Ne(t){return t.map(([e,n])=>e==="height"?["min-height",n]:[e,n])}function Pn(t){if(!t.scopeId||!t.prediction.variants.length)return "";let e=`[data-rmg-masonry-layout-seed="${v$1(t.scopeId)}"]`,n=(i,s)=>{let l=i.length>0?`${e}{`+i.map(([o,p])=>U(o,p)).join("")+"}":"",a=s.map(o=>{let p=`${e}>[data-rmg-idx="${o.index}"]`,c=[o.topCssExpr!=null?U("top",o.topCssExpr):null,o.leftCssExpr!=null?U("left",o.leftCssExpr):null,o.widthCssExpr!=null?U("width",o.widthCssExpr):null].filter(u=>!!u);return c.length?`${p}{`+c.join("")+"}":""}).join("");return `${l}${a}`},r=i=>{let s=ht(i),l=n(s,i.items.map(c=>({index:c.index,topCssExpr:c.topCssExpr??`${c.top}px`,leftCssExpr:c.leftCssExpr,widthCssExpr:c.widthCssExpr}))),a=(i.containerCssRules??[]).map(c=>{let u=n(Object.entries(c.rootDecls),c.items);return u?`@container (min-width:${c.minWidth}px){${u}}`:""}).filter(Boolean).join(""),o=n(ht(i,"safari"),i.items.map(c=>({index:c.index,topCssExpr:c.safariTopCssExpr??c.topCssExpr??`${c.safariTop}px`,leftCssExpr:c.leftCssExpr,widthCssExpr:c.widthCssExpr}))),p=(i.safariContainerCssRules??[]).map(c=>{let u=n(Object.entries(c.rootDecls),c.items);return u?`@container (min-width:${c.minWidth}px){${u}}`:""}).filter(Boolean).join("");return `${l}${a}@supports ${c$1}{${o}${p}}`};return t.prediction.variants.map(i=>{let s=r(i);return i.state.minWidth<=0?s:`@media (min-width:${i.state.minWidth}px){${s}}`}).join(`
-`)}function kn(t){if(!t.scopeId||!t.prediction.variants.length)return "";let e=`[data-rmg-masonry-skeleton-shell="${v$1(t.scopeId)}"]`,n=i=>`${e}{`+Ne(i).map(([s,l])=>U(s,l)).join("")+"}",r=i=>{let s=n(ht(i)),l=(i.containerCssRules??[]).map(a=>`@container (min-width:${a.minWidth}px){${n(Object.entries(a.rootDecls))}}`).join("");return `${s}${l}`};return t.prediction.variants.map(i=>{let s=r(i);return i.state.minWidth<=0?s:`@media (min-width:${i.state.minWidth}px){${s}}`}).join(`
-`)}function Rn(t){if(!t.scopeId||!t.prediction.variants.length)return "";let e=`[data-rmg-masonry-skeleton-shell="${v$1(t.scopeId)}"]`,n=i=>`${e}{`+Ne(i).map(([s,l])=>U(s,l)).join("")+"}",r=i=>{let s=n(ht(i,"safari")),l=(i.safariContainerCssRules??[]).map(a=>`@container (min-width:${a.minWidth}px){${n(Object.entries(a.rootDecls))}}`).join("");return `@supports ${c$1}{${s}${l}}`};return t.prediction.variants.map(i=>{let s=r(i);return i.state.minWidth<=0?s:`@media (min-width:${i.state.minWidth}px){${s}}`}).join(`
-`)}var we=H.createContext(null);function vn(t){return jsx(we.Provider,{value:t.value,children:t.children})}function Nn(){return H.useContext(we)}export{mn as a,hn as b,Qt as c,Cn as d,an as e,ce as f,pe as g,Et as h,Sn as i,Wn as j,Pn as k,kn as l,Rn as m,vn as n,Nn as o};