react-motion-gallery 2.0.18 → 2.0.20

package/dist/grid.d.mts

@@ -1,126 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import { R as ResponsiveNumber, a as BreakpointMap } from './responsive-CvE5dTnP.mjs';
-import { G as GalleryLazyLoadOptions } from './lazy-dGoYpcRa.mjs';
-
-type SkeletonLength = number | string;
-type SkeletonShimmer = {
-    enabled?: boolean;
-    durationMs?: number;
-    angleDeg?: number;
-    opacity?: number;
-    blurPx?: number;
-    timing?: string;
-    c1?: string;
-    c2?: string;
-    c3?: string;
-};
-type SkeletonBaseStyle = {
-    width?: SkeletonLength;
-    maxWidth?: SkeletonLength;
-    height?: SkeletonLength;
-    maxHeight?: SkeletonLength;
-    backgroundColor?: string;
-    borderRadius?: SkeletonLength;
-    marginTop?: SkeletonLength;
-    marginRight?: SkeletonLength;
-    marginBottom?: SkeletonLength;
-    marginLeft?: SkeletonLength;
-    alignSelf?: React$1.CSSProperties["alignSelf"];
-    aspectRatio?: SkeletonLength;
-};
-type SkeletonContainerStyle = {
-    gap?: SkeletonLength;
-    padding?: SkeletonLength;
-    align?: React$1.CSSProperties["alignItems"];
-    justify?: React$1.CSSProperties["justifyContent"];
-    wrap?: boolean;
-    width?: SkeletonLength;
-    maxWidth?: SkeletonLength;
-};
-type SkeletonContainerStyleResponsive = SkeletonContainerStyle | Record<string, SkeletonContainerStyle>;
-type GridSkeletonNode = {
-    kind: "grid";
-    style?: SkeletonContainerStyleResponsive;
-    count?: number;
-    item: SkeletonNode;
-    itemWrapStyle?: SkeletonBaseStyle;
-} | SkeletonNode;
-type SkeletonNode = {
-    kind: "stack" | "row" | "col";
-    style?: SkeletonContainerStyleResponsive;
-    children: SkeletonNode[];
-} | {
-    kind: "rect" | "square" | "circle";
-    style?: SkeletonBaseStyle;
-    shimmer?: SkeletonShimmer;
-} | {
-    kind: "media";
-    count: number;
-    direction?: "row" | "col";
-    style?: SkeletonContainerStyleResponsive;
-    tile?: {
-        shape?: "rect" | "square" | "circle";
-        style?: SkeletonBaseStyle;
-        shimmer?: SkeletonShimmer;
-    };
-} | {
-    kind: "text";
-    fontSize: number;
-    lineHeight: number;
-    lines?: number;
-    style?: SkeletonBaseStyle;
-    shimmer?: SkeletonShimmer;
-};
-type GridSkeletonSpec = {
-    className?: string;
-    layout?: GridSkeletonNode;
-    backgroundColor?: string;
-    radius?: SkeletonLength;
-    shimmer?: SkeletonShimmer;
-};
-
-type LoadingOptions = {
-    enabled?: boolean;
-    force?: boolean;
-    renderLoading?: (args: {
-        count: number;
-    }) => React.ReactNode;
-    skeleton?: GridSkeletonSpec;
-};
-type IntroOptions = {
-    renderIntro?: (args: {
-        active: boolean;
-        containerProps: React.HTMLAttributes<HTMLDivElement>;
-    }, content: React.ReactNode) => React.ReactNode;
-    staggerMs?: number;
-    transform?: string;
-    durationMs?: number;
-    easing?: string;
-    staggerLimit?: number;
-};
-type FullscreenTrigger = 'item' | 'media';
-type GridLazyLoadOptions = GalleryLazyLoadOptions;
-type GridOptions = {
-    columns?: ResponsiveNumber;
-    minColumnWidth?: number | string;
-    gap?: ResponsiveNumber;
-    rootClassName?: string;
-    itemClassName?: string;
-    fullscreenTrigger?: FullscreenTrigger;
-    lazyLoad?: GridLazyLoadOptions;
-    loading?: LoadingOptions;
-    intro?: IntroOptions;
-};
-
-type Props = GridOptions & {
-    children?: React$1.ReactNode;
-    breakpoints?: BreakpointMap;
-    gridItemBaseClass?: string;
-    renderMode?: "wrap" | "passthrough";
-};
-declare function GridLayoutRuntime(props: Props): react_jsx_runtime.JSX.Element;
-
-declare const DEFAULT_GRID: Required<Pick<GridOptions, "minColumnWidth" | "gap">>;
-
-export { DEFAULT_GRID, GridLayoutRuntime as Grid, type GridLazyLoadOptions, type GridOptions, GridLayoutRuntime as default };
+export { G as Grid, G as default } from './index-Cp40fdvU.mjs';
+export { GridReadyController, useGridReady } from './grid-ready.mjs';
+export { G as GridHandle, a as GridItemProps, b as GridLazyLoadOptions, c as GridOptions, d as GridSpan, R as ResponsiveGridSpan, e as ResponsiveGridTemplate } from './types-BlFwyRVQ.mjs';
+export { G as GridSkeletonNode, a as GridSkeletonSlot, b as GridSkeletonSpec } from './GridSkeleton-Dn7N-TEh.mjs';
+import 'react';
+import './responsiveNumber-CouEMJ9O.mjs';
+import './lazy-dGoYpcRa.mjs';
+import './layout-DoYnPD0I.mjs';
+import './text-BBcRGVzn.mjs';

package/dist/grid.mjs

@@ -1 +1 @@
-export{a as DEFAULT_GRID,b as Grid,b as default}from'./chunk-IVNQO5UT.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-ZZZZXO5U.mjs';import'./chunk-ESF6XBYF.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
+export{a as Grid,a as default}from'./chunk-IT7HWE4G.mjs';import'./chunk-RLT5FULN.mjs';import'./chunk-Q5WUKZ2J.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-Y7NUGXTR.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-UUAWLGWO.mjs';export{a as useGridReady}from'./chunk-STRS7UNJ.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';

package/dist/index-Cp40fdvU.d.mts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
+import { a as GridItemProps, c as GridOptions, G as GridHandle } from './types-BlFwyRVQ.mjs';
+
+type GridItemComponent = React.FC<GridItemProps> & {
+    __rmgGridItem: true;
+};
+declare const GridItem: GridItemComponent;
+
+type Props = GridOptions & {
+    children?: React.ReactNode;
+    breakpoints?: BreakpointMap;
+    gridItemBaseClass?: string;
+    renderMode?: "wrap" | "passthrough";
+};
+type GridComponent = React.ForwardRefExoticComponent<Props & React.RefAttributes<GridHandle>> & {
+    Item: typeof GridItem;
+};
+declare const Grid: GridComponent;
+
+export { Grid as G };

package/dist/{index-DUP4I_sT.d.mts → index-YphJztdR.d.mts}

@@ -1,13 +1,12 @@
-import { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner, a as EntryItem } from './types-D_6Ksp_r.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner, n as EntryItem } from './responsive-Ch5b4LC-.mjs';
 import * as React from 'react';
-import { M as MediaItem } from './media-moIXOhT1.mjs';
-import { a as SliderHandle } from './types-fFyCx1KQ.mjs';
-
-declare const DEFAULT_ENTRIES: Required<Pick<EntriesOptions, "mediaLayout">>;
+import { MediaItem } from './media.mjs';
+import { j as SliderHandle } from './types-CfvTYIyd.mjs';
 
 type EntriesMediaContainerRender = (args: {
     entryIndex: number;
+    entryInView?: boolean;
     mediaNodes: React.ReactNode[];
     entrySliderRefs?: React.RefObject<Array<SliderHandle | null>>;
 }) => React.ReactNode;
@@ -35,4 +34,4 @@ type EntriesProps = {
 };
 declare function Entries(props: EntriesProps): react_jsx_runtime.JSX.Element;
 
-export { DEFAULT_ENTRIES as D, Entries as E, type EntriesMediaContainerRender as a, type EntriesProps as b, flattenEntries as f, nodeFromMediaDefault as n };
+export { Entries as E, type EntriesMediaContainerRender as a, type EntriesProps as b, flattenEntries as f, nodeFromMediaDefault as n };

package/dist/index.css

@@ -1 +1 @@
-.e{position:relative;min-height:var(--rmg-entry-min-height, 260px)}.e[data-rmg-entry-mounted="1"] .m{position:absolute;inset:0;z-index:1;height:auto}.m{position:relative;display:block;opacity:1;transition:opacity .22s ease;transition-delay:0ms;pointer-events:none;z-index:0;height:var(--rmg-entry-min-height, 260px);border-radius:12px;background-color:var(--rmg-entry-skeleton-bg, transparent);overflow:hidden}.z{position:relative;opacity:0;pointer-events:none;min-height:var(--rmg-entry-min-height, 260px);transition:opacity var(--rmg-entry-intro-duration, .7s) var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1));transition-delay:0ms;z-index:0}.e[data-rmg-entry-ready="1"] .m{opacity:0;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.e[data-rmg-entry-ready="1"] .z{opacity:1;pointer-events:auto;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.U{display:flex;flex-direction:column;gap:1.5rem}.V{--rmg-skel-radius: 12px;width:100%}.W{display:flex;min-width:0}.rr{flex-direction:column;width:100%}.ir{flex-direction:row;width:100%}.er{flex-direction:column;width:100%}.X{flex:0 0 auto;width:100%;height:100%;position:relative;display:block;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius);overflow:hidden}.X:after{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:Y var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes Y{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ar{flex:0 0 auto;width:100%;height:16px}.tr{width:48px;height:48px}.nr{width:44px;height:44px;border-radius:999px}.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}.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}}.o{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.o[data-rmg-axis=x]{flex-direction:row}.o[data-rmg-axis=y]{flex-direction:column}.J .o{left:auto;right:0}.Ir{overflow:hidden;height:auto;width:100%;position:relative}.Jr{position:relative;z-index:1;padding-bottom:var(--rmg-slider-extras-height, 0px)}.Kr{pointer-events:none}.K{position:absolute;inset:0;z-index:5;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity;overflow:hidden}.Lr,.Mr{opacity:0}.v{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.v,.K{transition:none}}.s{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}.s:hover{transform:scale(1.2)}.s.Nr{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.s.Or{background-color:#d3d3d3}.i{-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)}.Pr{transform-origin:center}.i::-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)}.i::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-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)}.i::-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)}.u{position:absolute;border-radius:50%;transform:scale(0);animation:u .6s linear;background-color:#0000004d;pointer-events:none}@keyframes u{to{transform:scale(4);opacity:0}}.L [data-rmg-idx]>*{opacity:0;transform:translateY(var(--rmg-intro-offset, 10px));transition:opacity var(--rmg-intro-duration, 600) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, 600) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity,transform}.L.v [data-rmg-idx]>*{opacity:1;transform:translateY(0)}.Qr{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;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)}}.Rr{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{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}.Tr{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}.Ur{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Vr{position:relative;width:100%;container-type:inline-size}.Wr{position:relative;overflow-anchor:none;width:100%;height:auto;min-height:var(--rmg-slider-initial-height, var(--rmg-slider-height));max-height:none}.O{flex:1 1 0;height:100%;min-width:0;display:flex}.N[data-rmg-skel-mode=peek] .O{flex:0 0 auto}.ri{display:flex;min-width:0;min-height:0;width:100%}.y{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.y:after{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:P var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes P{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.y:after{animation:none;opacity:0}}.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}.ii{display:flex;align-items:flex-start;width:100%;column-gap:var(--rmg-masonry-gap, 8px)}.ei{flex:1;min-width:0;display:flex;flex-direction:column}.x{position:relative;display:block}.x img,.x video{display:block;width:100%;object-fit:cover}.ai{display:grid;position:relative;width:100%}.Q,.k{grid-area:1 / 1;min-width:0}.Q{position:relative;z-index:1}.ti{pointer-events:none}.k{position:relative;z-index:2;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity}.ni,.w{opacity:0}.R{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.w [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}.w.R [data-rmg-idx]{opacity:1;transform:none}.oi{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap)}.si{position:relative;inset:0;z-index:5;pointer-events:none}.mi{width:100%}.li{flex:1;min-width:0;display:flex;flex-direction:column}.S{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap);border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5);overflow:hidden;position:relative}.S:after{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:T var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes T{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.k{transition:none}}
+.t{position:relative;min-height:var(--rmg-entry-min-height, 260px)}.e{position:relative;display:block;opacity:var(--rmg-entry-skeleton-opacity, 1);transition:opacity .22s ease;transition-delay:0ms;pointer-events:none;z-index:0;height:var(--rmg-entry-min-height, 260px);border-radius:12px;background-color:var(--rmg-entry-skeleton-bg, transparent)}.e:before{content:"";position:absolute;inset:0;border-radius:var(--rmg-entry-skel-wrap-shadow-radius, 12px);box-shadow:var(--rmg-entry-skel-wrap-shadow, none);pointer-events:none}.V{position:relative;z-index:1;display:block;min-height:100%;height:100%;border-radius:inherit;background:inherit;overflow:hidden}.c{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--rmg-entry-intro-duration, .7s) var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1));transition-delay:0ms;z-index:1}.c>*{height:100%}.t[data-rmg-entry-ready="1"]:not([data-rmg-entry-compare="1"]) .e{opacity:0;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.t[data-rmg-entry-ready="1"] .c{opacity:1;pointer-events:auto;transition-delay:var(--rmg-entry-intro-delay, 0ms)}.t[data-rmg-entry-compare="1"] .e{z-index:2}.e[data-rmg-entry-shimmer=off]{--rmg-skel-shimmer-enabled: 0;--rmg-skel-card-shimmer-enabled: 0}.e[data-rmg-entry-shimmer=off] .n:after{opacity:0;animation:none}.W{display:flex;flex-direction:column;gap:1.5rem}.ee{--rmg-skel-radius: 12px;width:100%}.re{display:flex;min-width:0}.ie{flex-direction:column;width:100%}.ae{flex-direction:row;width:100%}.te{flex-direction:column;width:100%}.ne{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.oe{min-width:0;align-self:flex-start}.n{flex:0 0 auto;width:100%;height:100%;position:relative;display:block;background:var(--rmg-skel-bg, #e5e5e5);border-radius:var(--rmg-skel-radius);overflow:hidden}.n: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:A var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes A{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.n:after{animation:none}.e{transition:none}}.se{flex:0 0 auto;width:100%;height:16px}.de{width:48px;height:48px}.le{width:44px;height:44px;border-radius:999px}.ce{aspect-ratio:1 / 1}.ge{aspect-ratio:1 / 1;border-radius:999px}.pe{display:flex;min-width:0}.he{flex-direction:row;align-items:center}.fe,.be{flex-direction:column;align-items:stretch}.ve{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.ue{min-width:0;align-self:flex-start}.ye{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}.g{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.g: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.B: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes p{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.g:after,.B:before{animation: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}.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}}.o{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.o[data-rmg-axis=x]{flex-direction:row}.o[data-rmg-axis=y]{flex-direction:column}.C .o{left:auto;right:0}.xe{overflow:hidden;height:auto;width:100%;position:relative}:where(.ke){display:flex;justify-content:center;position:absolute;z-index:10;background:#00000080;border-radius:9999px;cursor:auto}:where(.we){left:50%;bottom:10px;transform:translate(-50%);flex-direction:row;padding:4px 8px}:where(.ze){top:50%;left:10px;transform:translateY(-50%);flex-direction:column;padding:8px 4px}.Xe{position:relative;z-index:2}._e{pointer-events:none}.D{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-duration, .6s) ease;will-change:opacity;overflow:hidden}.je{z-index:3}.Ye{--rmg-loading-opacity: 0;--rmg-slider-skel-wrap-shadow-opacity: 0}.Ze{opacity:0}.h{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.h,.D{transition:none}}.s{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}.s:hover{transform:scale(1.2)}.s.qe{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.s.Ae{background-color:#d3d3d3}.i{-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)}.Be{transform-origin:center}.i::-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)}.i::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-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)}.i::-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)}.f{position:absolute;border-radius:50%;transform:scale(0);animation:f .6s linear;background-color:#0000004d;pointer-events:none}@keyframes f{to{transform:scale(4);opacity:0}}.E [data-rmg-idx]>*{opacity:0;transition:opacity var(--rmg-intro-duration, .6s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity}.E.h [data-rmg-idx]>*{opacity:1}.Ce{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:F 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 F{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.De{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}.G{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Ee{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Fe{position:absolute;inset:0;z-index:2;pointer-events:none}.Ge{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}.He{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Ie{position:relative;width:100%;container-type:inline-size}.Je{position:relative;overflow-anchor:none;width:100%;height:auto;max-height:none}.b{position:relative;flex:1 1 0;height:100%;min-width:0;display:flex;box-sizing:border-box}.b: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-duration, .6s) * .45) ease-out;pointer-events:none}.Ke{position:relative;z-index:1;display:flex;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.G[data-rmg-skel-mode=peek] .b{flex:0 0 auto}.Le{display:flex;min-width:0;min-height:0;width:100%}.Me{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.Ne{min-width:0;align-self:flex-start}.v{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.v: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:H var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes H{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.v:after{animation:none}}.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)}}.nr{position:relative;width:100%}.or{position:absolute;inset:0 auto 0 0;width:0;pointer-events:none}.k{position:absolute;display:block;min-width:0}.k img,.k video{display:block;width:100%;object-fit:cover}.sr{width:100%;container-type:inline-size}.w{opacity:0}.L{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.w>[data-rmg-idx]{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, .16s));will-change:opacity}.w.L>[data-rmg-idx]{opacity:1}.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}.We{display:grid;position:relative;width:100%}.y,.x{grid-area:1 / 1;min-width:0}.y{position:relative;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity}.er{opacity:1;pointer-events:auto}.rr{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.x{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-duration, .6s) ease;will-change:opacity;overflow:hidden}.ir{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ar{z-index:3}.tr{--rmg-standalone-skeleton-opacity: 0;--rmg-masonry-skel-wrap-shadow-opacity: 0}@media(prefers-reduced-motion:reduce){.y,.x{transition:none}}

package/dist/index.d.mts

@@ -1,32 +1,34 @@
 export { CoreLayout, GalleryCore, GalleryCoreProps, useGalleryCore } from './core.mjs';
-export { D as DEFAULT_ENTRIES, E as Entries, f as flattenEntries } from './index-DUP4I_sT.mjs';
-export { DEFAULT_FULLSCREEN, FsCaptionPlacement, FsIntroRequest, FullscreenOptions, useFullscreenController } from './fullscreen.mjs';
+export { E as Entries, f as flattenEntries } from './index-YphJztdR.mjs';
+export { useFullscreenController } from './fullscreen.mjs';
 export { FullscreenThumbnailSlider } from './fullscreenThumbnails.mjs';
-export { F as FSItem, a as FullscreenThumbnailBridge, b as FullscreenThumbnailSliderProps, c as FullscreenThumbnailSlotLayout } from './types-CvTlITct.mjs';
-export { DEFAULT_SLIDER, Slider } from './slider.mjs';
-export { DEFAULT_GRID, default as Grid, GridLazyLoadOptions, GridOptions } from './grid.mjs';
-export { DEFAULT_MASONRY, default as Masonry, MasonryLazyLoadOptions, MasonryOptions } from './masonry.mjs';
-export { DEFAULT_THUMBNAILS, ThumbnailSlider, ThumbnailSyncBridge, createThumbnailSyncBridge } from './thumbnails.mjs';
+export { F as FSItem, a as FullscreenThumbnailBridge, b as FullscreenThumbnailSliderProps, c as FullscreenThumbnailSlotLayout } from './types-B7AiQJkM.mjs';
+export { Slider } from './slider.mjs';
+export { SliderReadyController, useSliderReady } from './slider-ready.mjs';
+export { G as Grid } from './index-Cp40fdvU.mjs';
+export { GridReadyController, useGridReady } from './grid-ready.mjs';
+export { default as Masonry } from './masonry.mjs';
+export { MasonryReadyController, useMasonryReady } from './masonry-ready.mjs';
+export { ThumbnailSlider, ThumbnailSyncBridge, createThumbnailSyncBridge } from './thumbnails.mjs';
 export { RmgPlyrOptionsResolver, RmgPlyrSourceBuilder, RmgVideoLazyLoadOptions, Video, VideoProps } from './video.mjs';
-export { S as SliderIndexChannel, c as createSliderIndexChannel } from './sliderSub-DDPjywVp.mjs';
-export { G as GalleryApi, I as IndexMode } from './types-tb9Qf2Mj.mjs';
-export { M as MediaItem, t as toMediaItems } from './media-moIXOhT1.mjs';
-export { E as ElementStyle } from './elements-24CTbRWj.mjs';
-export { R as ResponsiveHeightRule, a as SliderHandle, S as SliderOptions } from './types-fFyCx1KQ.mjs';
-export { R as ResponsivePosition, e as ThumbnailIntroOptions, a as ThumbnailLoadingElements, c as ThumbnailLoadingOptions, b as ThumbnailLoadingRenderArgs, T as ThumbnailPosition, d as ThumbnailSkeletonMode, f as ThumbnailsOptions } from './types-9g3BgMxk.mjs';
-export { B as BREAKPOINT_MAP } from './responsive-CvE5dTnP.mjs';
-export { E as EntriesOptions, M as MediaEntryLink, S as SlideOwner } from './types-D_6Ksp_r.mjs';
+export { ZoomPanImage } from './zoomPan.mjs';
+export { Z as ZoomPanImageProps, a as ZoomPanOptions } from './types-Dhh8xfHo.mjs';
+export { Skeleton, SkeletonForceOptions, SkeletonProps, SkeletonTimingOptions } from './skeleton-base.mjs';
+export { C as CrossFade, d as CrossFadeWheel, e as CrossFadeWheelOptions, E as ElementStyle, G as GalleryApi, a as GalleryCoreApi, b as GalleryLayoutApi, I as IndexMode, R as ResponsiveHeightRule, k as SliderApi, S as SliderAutoHeight, f as SliderAutoPlayTimer, j as SliderHandle, q as SliderIndexChannel, l as SliderItemsApi, m as SliderNodeInput, i as SliderOptions, o as SliderPlugin, p as SliderPluginKind, n as SliderRemoveTarget, g as SliderSkipSnaps, h as SliderSkipSnapsOptions, c as createSliderIndexChannel } from './types-CfvTYIyd.mjs';
+export { MediaItem, toMediaItems } from './media.mjs';
+export { E as EntriesOptions, j as FsCaptionPlacement, k as FsIntroRequest, F as FullscreenCaptionOptions, a as FullscreenControlsOptions, b as FullscreenCrossfadeOptions, c as FullscreenLazyLoadOptions, d as FullscreenOptions, e as FullscreenPlugin, f as FullscreenPluginKind, g as FullscreenSliderOptions, h as FullscreenVideoOptions, i as FullscreenZoomPanOptions, M as MediaEntryLink, P as PanAxisType, R as ResponsiveCaptionPlacement, l as ResponsiveLength, m as ResponsiveLengthValue, S as SlideOwner } from './responsive-Ch5b4LC-.mjs';
+export { G as GridHandle, a as GridItemProps, b as GridLazyLoadOptions, c as GridOptions, d as GridSpan, R as ResponsiveGridSpan, e as ResponsiveGridTemplate } from './types-BlFwyRVQ.mjs';
+export { M as MasonryHandle, a as MasonryItemProps, b as MasonryLazyLoadOptions, c as MasonryOptions, d as MasonrySpan, R as ResponsiveMasonrySpan } from './types-DWzjXjYR.mjs';
+export { R as ResponsivePosition, e as ThumbnailIntroOptions, a as ThumbnailLoadingElements, c as ThumbnailLoadingOptions, b as ThumbnailLoadingRenderArgs, T as ThumbnailPosition, d as ThumbnailSkeletonMode, f as ThumbnailsOptions } from './types-DP7ogmr4.mjs';
+export { a as BREAKPOINT_MAP, B as BreakpointMap, R as ResponsiveNumber } from './responsiveNumber-CouEMJ9O.mjs';
+export { S as SkeletonNode } from './layout-DoYnPD0I.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import './plyrTypes-CmP9NWvX.mjs';
-import './lazy-dGoYpcRa.mjs';
 import 'plyr-react';
-
-declare function PanAxis(): {
-    scroll: "x";
-    cross: "y";
-    direction(n: number): number;
-};
-type PanAxisType = ReturnType<typeof PanAxis>;
-
-export type { PanAxisType };
+import './plyrTypes-DhzgHNfX.mjs';
+import 'plyr';
+import './force-C5m1QpdF.mjs';
+import './transitions-DU3ftmIq.mjs';
+import './text-BBcRGVzn.mjs';
+import 'react-dom/client';
+import './lazy-dGoYpcRa.mjs';

package/dist/index.mjs

@@ -1 +1 @@
-export{a as Video}from'./chunk-QKPYVOTI.mjs';export{a as DEFAULT_ENTRIES,i as Entries,h as flattenEntries}from'./chunk-U6H3YVAK.mjs';export{a as DEFAULT_FULLSCREEN,b as useFullscreenController}from'./chunk-Q2WWO4HE.mjs';import'./chunk-5BVPDHQ4.mjs';export{a as FullscreenThumbnailSlider}from'./chunk-VQ742FWN.mjs';export{a as DEFAULT_THUMBNAILS,c as ThumbnailSlider,b as createThumbnailSyncBridge}from'./chunk-RQXWOXAH.mjs';import'./chunk-P2GQPFSL.mjs';export{a as DEFAULT_GRID,b as Grid}from'./chunk-IVNQO5UT.mjs';export{a as DEFAULT_MASONRY,b as Masonry}from'./chunk-XBRTUB3S.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-ZZZZXO5U.mjs';export{a as DEFAULT_SLIDER,b as Slider}from'./chunk-XVU6PJ7B.mjs';import'./chunk-YRQVG3MM.mjs';import'./chunk-KZUAS63N.mjs';export{a as createSliderIndexChannel}from'./chunk-UHXXMYPP.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-ESF6XBYF.mjs';export{c as GalleryCore,a as toMediaItems,d as useGalleryCore}from'./chunk-EV6ZK4QI.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';export{a as BREAKPOINT_MAP}from'./chunk-2AHLR3V4.mjs';
+export{a as Video}from'./chunk-3YENO5LQ.mjs';export{a as ZoomPanImage}from'./chunk-V25YIPLC.mjs';import'./chunk-4VHNCVVB.mjs';export{a as Masonry}from'./chunk-DCY4ZVYI.mjs';import'./chunk-C6PKH3FH.mjs';import'./chunk-PFEGIWQJ.mjs';import'./chunk-L4TRPKGX.mjs';import'./chunk-ADIHG7AT.mjs';export{a as useFullscreenController}from'./chunk-6CJ7JFOA.mjs';import'./chunk-JJMFOLJZ.mjs';import'./chunk-XUQO5F2F.mjs';export{a as FullscreenThumbnailSlider}from'./chunk-OHD2HQP7.mjs';export{b as ThumbnailSlider,a as createThumbnailSyncBridge}from'./chunk-6ZNRPJC2.mjs';import'./chunk-R6EGYRTJ.mjs';import'./chunk-P2GQPFSL.mjs';export{a as Grid}from'./chunk-IT7HWE4G.mjs';import'./chunk-RLT5FULN.mjs';import'./chunk-EFXHC36P.mjs';export{i as Entries,h as flattenEntries}from'./chunk-RNLUNA5L.mjs';export{a as Slider}from'./chunk-J2ZX5I7E.mjs';export{a as useSliderReady}from'./chunk-VWEQRZ24.mjs';import'./chunk-ZOFTC6YV.mjs';import'./chunk-DCUCXQHE.mjs';import'./chunk-NQI246HG.mjs';export{b as Skeleton}from'./chunk-6FFRWH2C.mjs';import'./chunk-AX2FSVFD.mjs';export{c as createSliderIndexChannel}from'./chunk-GUNIA4DZ.mjs';import'./chunk-4NT4UVB5.mjs';import'./chunk-Z34PSRMG.mjs';import'./chunk-HGY3QLCE.mjs';import'./chunk-Q5WUKZ2J.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-Y7NUGXTR.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-UUAWLGWO.mjs';export{a as useGridReady}from'./chunk-STRS7UNJ.mjs';export{a as useMasonryReady}from'./chunk-ZCCYTID7.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';export{b as GalleryCore,c as useGalleryCore}from'./chunk-WMG2LTLR.mjs';export{a as toMediaItems}from'./chunk-L2HRIINV.mjs';import'./chunk-B4CC5AGE.mjs';export{a as BREAKPOINT_MAP}from'./chunk-HK2DPKES.mjs';

package/dist/layout-DoYnPD0I.d.mts

@@ -0,0 +1,137 @@
+import * as React from 'react';
+import { R as ResponsiveTextBarHeight, a as ResponsiveTextBarWidth, b as ResponsiveTextLineHeight, c as ResponsiveTextLineCount, d as ResponsiveTextLastBarWidth, T as TextSkeletonResponsiveBy } from './text-BBcRGVzn.mjs';
+
+type SkeletonLength = number | string;
+type SkeletonShimmer = {
+    enabled?: boolean;
+    durationMs?: number;
+    angleDeg?: number;
+    opacity?: number;
+    blurPx?: number;
+    timing?: string;
+    c1?: string;
+    c2?: string;
+    c3?: string;
+};
+type SkeletonBaseStyle = {
+    width?: SkeletonLength;
+    minWidth?: SkeletonLength;
+    maxWidth?: SkeletonLength;
+    height?: SkeletonLength;
+    minHeight?: SkeletonLength;
+    maxHeight?: SkeletonLength;
+    backgroundColor?: string;
+    borderRadius?: SkeletonLength;
+    overflow?: React.CSSProperties["overflow"];
+    margin?: SkeletonLength;
+    marginTop?: SkeletonLength;
+    marginRight?: SkeletonLength;
+    marginBottom?: SkeletonLength;
+    marginLeft?: SkeletonLength;
+    boxSizing?: React.CSSProperties["boxSizing"];
+    flex?: React.CSSProperties["flex"];
+    flexGrow?: React.CSSProperties["flexGrow"];
+    flexShrink?: React.CSSProperties["flexShrink"];
+    flexBasis?: SkeletonLength;
+    order?: React.CSSProperties["order"];
+    alignSelf?: React.CSSProperties["alignSelf"];
+    aspectRatio?: SkeletonLength;
+    scale?: number;
+};
+type SkeletonBaseStyleResponsive = SkeletonBaseStyle | Record<string, SkeletonBaseStyle>;
+type SkeletonWrapStyle = SkeletonBaseStyle & {
+    padding?: SkeletonLength;
+    border?: React.CSSProperties["border"];
+    boxShadow?: React.CSSProperties["boxShadow"];
+};
+type SkeletonContainerStyle = {
+    position?: React.CSSProperties["position"];
+    inset?: SkeletonLength;
+    insetBlock?: SkeletonLength;
+    insetInline?: SkeletonLength;
+    top?: SkeletonLength;
+    right?: SkeletonLength;
+    bottom?: SkeletonLength;
+    left?: SkeletonLength;
+    zIndex?: React.CSSProperties["zIndex"];
+    display?: React.CSSProperties["display"];
+    flexDirection?: React.CSSProperties["flexDirection"];
+    aspectRatio?: SkeletonLength;
+    gap?: SkeletonLength;
+    rowGap?: SkeletonLength;
+    columnGap?: SkeletonLength;
+    padding?: SkeletonLength;
+    align?: React.CSSProperties["alignItems"];
+    alignItems?: React.CSSProperties["alignItems"];
+    alignContent?: React.CSSProperties["alignContent"];
+    justify?: React.CSSProperties["justifyContent"];
+    justifyContent?: React.CSSProperties["justifyContent"];
+    wrap?: boolean;
+    flexWrap?: React.CSSProperties["flexWrap"];
+    width?: SkeletonLength;
+    minWidth?: SkeletonLength;
+    maxWidth?: SkeletonLength;
+    height?: SkeletonLength;
+    minHeight?: SkeletonLength;
+    maxHeight?: SkeletonLength;
+    backgroundColor?: string;
+    borderRadius?: SkeletonLength;
+    border?: React.CSSProperties["border"];
+    boxShadow?: React.CSSProperties["boxShadow"];
+    margin?: SkeletonLength;
+    marginTop?: SkeletonLength;
+    marginRight?: SkeletonLength;
+    marginBottom?: SkeletonLength;
+    marginLeft?: SkeletonLength;
+    boxSizing?: React.CSSProperties["boxSizing"];
+    flex?: React.CSSProperties["flex"];
+    flexGrow?: React.CSSProperties["flexGrow"];
+    flexShrink?: React.CSSProperties["flexShrink"];
+    flexBasis?: SkeletonLength;
+    order?: React.CSSProperties["order"];
+    alignSelf?: React.CSSProperties["alignSelf"];
+    overflow?: React.CSSProperties["overflow"];
+    transform?: React.CSSProperties["transform"];
+    pointerEvents?: React.CSSProperties["pointerEvents"];
+    opacity?: React.CSSProperties["opacity"];
+};
+type SkeletonContainerStyleResponsive = SkeletonContainerStyle | Record<string, SkeletonContainerStyle>;
+type SkeletonTextNode = {
+    kind: "text";
+    barHeight: ResponsiveTextBarHeight;
+    barWidth?: ResponsiveTextBarWidth;
+    lineHeight: ResponsiveTextLineHeight;
+    lines?: ResponsiveTextLineCount;
+    lastBarWidth?: ResponsiveTextLastBarWidth;
+    responsiveBy?: TextSkeletonResponsiveBy;
+    style?: SkeletonBaseStyleResponsive;
+    shimmer?: SkeletonShimmer;
+};
+type SkeletonNode = {
+    kind: "stack" | "row" | "col";
+    style?: SkeletonContainerStyleResponsive;
+    children: SkeletonNode[];
+} | {
+    kind: "rect" | "square" | "circle";
+    style?: SkeletonBaseStyleResponsive;
+    shimmer?: SkeletonShimmer;
+} | {
+    kind: "media";
+    count: number;
+    direction?: "row" | "col";
+    style?: SkeletonContainerStyleResponsive;
+    tile?: {
+        shape?: "rect" | "square" | "circle";
+        style?: SkeletonBaseStyleResponsive;
+        shimmer?: SkeletonShimmer;
+    };
+} | SkeletonTextNode;
+type SkeletonLayoutRoot<TKind extends string> = {
+    kind: TKind;
+    style?: SkeletonContainerStyleResponsive;
+    count?: number;
+    item: SkeletonNode;
+    itemWrapStyle?: SkeletonWrapStyle;
+};
+
+export type { SkeletonNode as S, SkeletonLength as a, SkeletonShimmer as b, SkeletonLayoutRoot as c, SkeletonWrapStyle as d, SkeletonBaseStyle as e, SkeletonBaseStyleResponsive as f, SkeletonContainerStyle as g, SkeletonContainerStyleResponsive as h };

package/dist/masonry-ready.d.mts

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

package/dist/masonry-ready.mjs

@@ -0,0 +1 @@
+import'./chunk-EFXHC36P.mjs';export{a as useMasonryReady}from'./chunk-ZCCYTID7.mjs';

package/dist/masonry.css

@@ -1 +1 @@
-.ii{display:flex;align-items:flex-start;width:100%;column-gap:var(--rmg-masonry-gap, 8px)}.ei{flex:1;min-width:0;display:flex;flex-direction:column}.x{position:relative;display:block}.x img,.x video{display:block;width:100%;object-fit:cover}.ai{display:grid;position:relative;width:100%}.Q,.k{grid-area:1 / 1;min-width:0}.Q{position:relative;z-index:1}.ti{pointer-events:none}.k{position:relative;z-index:2;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity}.ni,.w{opacity:0}.R{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.w [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}.w.R [data-rmg-idx]{opacity:1;transform:none}.oi{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap)}.si{position:relative;inset:0;z-index:5;pointer-events:none}.mi{width:100%}.li{flex:1;min-width:0;display:flex;flex-direction:column}.S{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap);border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5);overflow:hidden;position:relative}.S:after{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:T var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes T{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.k{transition: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)}}
+.nr{position:relative;width:100%}.or{position:absolute;inset:0 auto 0 0;width:0;pointer-events:none}.k{position:absolute;display:block;min-width:0}.k img,.k video{display:block;width:100%;object-fit:cover}.sr{width:100%;container-type:inline-size}.w{opacity:0}.L{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.w>[data-rmg-idx]{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, .16s));will-change:opacity}.w.L>[data-rmg-idx]{opacity: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)}}.ce{aspect-ratio:1 / 1}.ge{aspect-ratio:1 / 1;border-radius:999px}.pe{display:flex;min-width:0}.he{flex-direction:row;align-items:center}.fe,.be{flex-direction:column;align-items:stretch}.ve{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.ue{min-width:0;align-self:flex-start}.ye{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}.g{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.g: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.B: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:p var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes p{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.g:after,.B:before{animation:none}}

package/dist/masonry.d.mts

@@ -1,73 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import { R as ResponsiveNumber, a as BreakpointMap } from './responsive-CvE5dTnP.mjs';
-import { G as GalleryLazyLoadOptions } from './lazy-dGoYpcRa.mjs';
+import * as React from 'react';
+import { B as BreakpointMap } from './responsiveNumber-CouEMJ9O.mjs';
+import { a as MasonryItemProps, c as MasonryOptions, M as MasonryHandle } from './types-DWzjXjYR.mjs';
+export { b as MasonryLazyLoadOptions, d as MasonrySpan, R as ResponsiveMasonrySpan } from './types-DWzjXjYR.mjs';
+export { MasonryReadyController, useMasonryReady } from './masonry-ready.mjs';
+import './lazy-dGoYpcRa.mjs';
 
-type SkeletonLength = number | string;
-type SkeletonShimmer = {
-    enabled?: boolean;
-    durationMs?: number;
-    angleDeg?: number;
-    opacity?: number;
-    blurPx?: number;
-    timing?: string;
-    c1?: string;
-    c2?: string;
-    c3?: string;
-};
-type MasonrySkeletonSpec = {
-    className?: string;
-    ratios?: number[];
-    heightsPx?: number[];
-    backgroundColor?: string;
-    highlightColor?: string;
-    radius?: SkeletonLength;
-    shimmer?: SkeletonShimmer;
-};
-
-type LoadingOptions = {
-    enabled?: boolean;
-    force?: boolean;
-    renderLoading?: (args: {
-        count: number;
-    }) => React.ReactNode;
-    skeleton?: MasonrySkeletonSpec;
-};
-type IntroOptions = {
-    renderIntro?: (args: {
-        active: boolean;
-        containerProps: React.HTMLAttributes<HTMLDivElement>;
-    }, content: React.ReactNode) => React.ReactNode;
-    staggerMs?: number;
-    transform?: string;
-    durationMs?: number;
-    easing?: string;
-    staggerLimit?: number;
-};
-type MasonryLazyLoadOptions = GalleryLazyLoadOptions;
-type MasonryOptions = {
-    columns?: ResponsiveNumber;
-    gap?: ResponsiveNumber;
-    placement?: "balanced" | "roundRobin";
-    estimatedItemHeight?: number;
-    as?: React.ElementType;
-    rootRef?: React.Ref<HTMLDivElement>;
-    classNames?: {
-        root?: string;
-        column?: string;
-        item?: string;
-    };
-    lazyLoad?: MasonryLazyLoadOptions;
-    loading?: LoadingOptions;
-    intro?: IntroOptions;
+type MasonryItemComponent = React.FC<MasonryItemProps> & {
+    __rmgMasonryItem: true;
 };
+declare const MasonryItem: MasonryItemComponent;
 
 type Props = MasonryOptions & {
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     breakpoints?: BreakpointMap;
 };
-declare function Masonry(props: Props): react_jsx_runtime.JSX.Element;
-
-declare const DEFAULT_MASONRY: Required<Pick<MasonryOptions, "placement">>;
+type MasonryComponent = React.ForwardRefExoticComponent<Props & React.RefAttributes<MasonryHandle>> & {
+    Item: typeof MasonryItem;
+};
+declare const Masonry: MasonryComponent;
 
-export { DEFAULT_MASONRY, Masonry, type MasonryLazyLoadOptions, type MasonryOptions, Masonry as default };
+export { Masonry, MasonryHandle, MasonryItemProps, MasonryOptions, Masonry as default };

package/dist/masonry.mjs

@@ -1 +1 @@
-export{a as DEFAULT_MASONRY,b as Masonry,b as default}from'./chunk-XBRTUB3S.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-ZZZZXO5U.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
+export{a as Masonry,a as default}from'./chunk-DCY4ZVYI.mjs';import'./chunk-EFXHC36P.mjs';import'./chunk-ZOFTC6YV.mjs';import'./chunk-DCUCXQHE.mjs';import'./chunk-AX2FSVFD.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-D3T6HIS2.mjs';import'./chunk-AKY343WN.mjs';export{a as useMasonryReady}from'./chunk-ZCCYTID7.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';

package/dist/{media-moIXOhT1.d.mts → media.d.mts}

@@ -33,4 +33,4 @@ type MediaInput = string | {
 };
 declare const toMediaItems: (inputs: string[] | MediaInput[]) => MediaItem[];
 
-export { type MediaItem as M, toMediaItems as t };
+export { type MediaInput, type MediaItem, toMediaItems };