react-motion-gallery 2.0.18 → 2.0.19

package/dist/layout-CR6f2aPH.d.mts

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { R as ResponsiveTextLineCount, a as ResponsiveTextLineWidth } from './text-Cl2tR8oO.mjs';
+
+type GalleryLazyLoadRenderArgs = {
+    kind: "image" | "video";
+    isClone: boolean;
+};
+type GalleryLazyLoadOptions = {
+    enabled?: boolean;
+    spinner?: boolean | React.ReactNode | ((args: GalleryLazyLoadRenderArgs) => React.ReactNode);
+    spinnerClassName?: string;
+    spinnerStyle?: React.CSSProperties;
+};
+
+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;
+    overflow?: React.CSSProperties["overflow"];
+    marginTop?: SkeletonLength;
+    marginRight?: SkeletonLength;
+    marginBottom?: SkeletonLength;
+    marginLeft?: SkeletonLength;
+    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 = {
+    gap?: SkeletonLength;
+    padding?: SkeletonLength;
+    align?: React.CSSProperties["alignItems"];
+    justify?: React.CSSProperties["justifyContent"];
+    wrap?: boolean;
+    width?: SkeletonLength;
+    maxWidth?: SkeletonLength;
+    overflow?: React.CSSProperties["overflow"];
+};
+type SkeletonContainerStyleResponsive = SkeletonContainerStyle | Record<string, SkeletonContainerStyle>;
+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;
+    };
+} | {
+    kind: "text";
+    fontSize: number;
+    lineHeight: number;
+    lines?: ResponsiveTextLineCount;
+    lineWidth?: ResponsiveTextLineWidth;
+    style?: SkeletonBaseStyleResponsive;
+    shimmer?: SkeletonShimmer;
+};
+type SkeletonLayoutRoot<TKind extends string> = {
+    kind: TKind;
+    style?: SkeletonContainerStyleResponsive;
+    count?: number;
+    item: SkeletonNode;
+    itemWrapStyle?: SkeletonWrapStyle;
+};
+
+export type { GalleryLazyLoadOptions as G, SkeletonLayoutRoot as S, SkeletonNode as a, SkeletonWrapStyle as b, SkeletonLength as c, SkeletonShimmer as d };

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)}}
+.Te{display:flex;align-items:flex-start;width:100%;column-gap:var(--rmg-masonry-gap, 8px)}.Ue{flex:1;min-width:0;display:flex;flex-direction:column}.v{position:relative;display:block}.v img,.v video{display:block;width:100%;object-fit:cover}.Ve{display:grid;position:relative;width:100%}.We{width:100%;container-type:inline-size}.J,.u{grid-area:1 / 1;min-width:0}.J{position:relative;z-index:2}.ei{pointer-events:none}.u{position:relative;z-index:1;opacity:1;pointer-events:none;will-change:opacity}.ii,.x{opacity:0}.K{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.x [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}.x.K [data-rmg-idx]{opacity:1}.ri{position:relative;inset:0;z-index:5;pointer-events:none}.ai{width:100%}.ti{flex:1;min-width:0;display:flex;flex-direction:column}.ni{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);position:relative}.oi{display:block;width:100%;min-width:0;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;position:relative;box-sizing:border-box;border-radius:var(--rmg-skel-radius, 12px)}@media(prefers-reduced-motion:reduce){.u{transition:none}}.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:I 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 I{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.de{aspect-ratio:1 / 1}.me{aspect-ratio:1 / 1;border-radius:999px}.ce{display:flex;min-width:0}.ge{flex-direction:row;align-items:center}.pe,.fe{flex-direction:column;align-items:stretch}.he{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.be{min-width:0;align-self:flex-start}.ve{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}.m{position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);--rmg-skel-shimmer-enabled: 0}.m: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:c var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}.Z: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:c var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes c{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.m:after,.Z:before{animation:none}}

package/dist/masonry.d.mts

@@ -1,73 +1,20 @@
 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 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;
-};
+import * as React from 'react';
+import { c as BreakpointMap } from './responsive-D_xhZmVI.mjs';
+import { M as MasonryOptions } from './types-VULXzSa2.mjs';
+export { a as MasonryLazyLoadOptions } from './types-VULXzSa2.mjs';
+import './plyrTypes-Cq4C3ul5.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './layout-CR6f2aPH.mjs';
+import './text-Cl2tR8oO.mjs';
 
 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">>;
+declare const DEFAULT_MASONRY: Required<Pick<MasonryOptions, "placement" | "fullscreenTrigger">>;
 
-export { DEFAULT_MASONRY, Masonry, type MasonryLazyLoadOptions, type MasonryOptions, Masonry as default };
+export { DEFAULT_MASONRY, Masonry, 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 DEFAULT_MASONRY,b as Masonry,b as default}from'./chunk-K6PQU6HF.mjs';import'./chunk-Q2PY6ZMU.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-GT6IL37J.mjs';import'./chunk-BIDZ4WZB.mjs';import'./chunk-AKY343WN.mjs';import'./chunk-JMFDRKTX.mjs';import'./chunk-J4E4PKE5.mjs';import'./chunk-ECQ74X24.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-6TPHLAUP.mjs';