react-motion-gallery 2.0.6 → 2.0.8

package/dist/lazy-dGoYpcRa.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+type GalleryLazyLoadRenderArgs = {
+    kind: "image" | "video";
+    isClone: boolean;
+};
+type GalleryLazyLoadOptions = {
+    enabled?: boolean;
+    spinner?: boolean | React.ReactNode | ((args: GalleryLazyLoadRenderArgs) => React.ReactNode);
+    spinnerClassName?: string;
+    spinnerStyle?: React.CSSProperties;
+};
+
+export type { GalleryLazyLoadOptions as G };

package/dist/masonry.css

@@ -0,0 +1 @@
+.masonryRoot{display:flex;align-items:flex-start;width:100%;column-gap:var(--rmg-masonry-gap, 8px)}.masonryCol{flex:1;min-width:0;display:flex;flex-direction:column}.masonryItem{position:relative;display:block}.masonryItem img,.masonryItem video{display:block;width:100%;object-fit:cover}.masonryShell{display:grid;position:relative;width:100%}.masonryContentLayer,.masonryLoadingLayer{grid-area:1 / 1;min-width:0}.masonryContentLayer{position:relative;z-index:1}.masonryContentBlocked{pointer-events:none}.masonryLoadingLayer{position:relative;z-index:2;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity}.masonryLoadingLayerExit,.introContainer{opacity:0}.introActive{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.introContainer [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}.introContainer.introActive [data-rmg-idx]{opacity:1;transform:none}.masonrySkelItem{display:block;width:100%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--rmg-mskel-gap)}.masonrySkeletonOverlay{position:relative;inset:0;z-index:5;pointer-events:none}.masonrySkeletonRoot{width:100%}.masonrySkeletonCol{flex:1;min-width:0;display:flex;flex-direction:column}.masonrySkeletonItem{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}.masonrySkeletonItem: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:rmgShimmer var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes rmgShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.masonryLoadingLayer{transition:none}}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;z-index:3;animation:rmgLazySpin 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)}.spinnerWrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}@keyframes rmgLazySpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}

package/dist/masonry.d.mts

@@ -0,0 +1,73 @@
+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;
+};
+
+type Props = MasonryOptions & {
+    children?: React$1.ReactNode;
+    breakpoints?: BreakpointMap;
+};
+declare function Masonry(props: Props): react_jsx_runtime.JSX.Element;
+
+declare const DEFAULT_MASONRY: Required<Pick<MasonryOptions, "placement">>;
+
+export { DEFAULT_MASONRY, Masonry, type MasonryLazyLoadOptions, type MasonryOptions, Masonry as default };

package/dist/masonry.mjs

@@ -0,0 +1 @@
+export{a as DEFAULT_MASONRY,b as Masonry,b as default}from'./chunk-HL75KJY3.mjs';import'./chunk-A6MPGIEJ.mjs';import'./chunk-NKBEYOBF.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';

package/dist/media-moIXOhT1.d.mts

@@ -0,0 +1,36 @@
+type MediaItem = {
+    kind: "image";
+    src: string;
+    alt?: string;
+    caption?: React.ReactNode;
+    srcSet?: string;
+    sizes?: string;
+    width?: number;
+    height?: number;
+} | {
+    kind: "video";
+    src: string;
+    alt?: string;
+    poster?: string;
+    caption?: React.ReactNode;
+} | {
+    kind: "node";
+    node: React.ReactNode;
+};
+type MediaInput = string | {
+    src: string;
+    kind?: "image" | "video";
+    poster?: string;
+    alt?: string;
+    caption?: React.ReactNode;
+    srcSet?: string;
+    sizes?: string;
+    width?: number;
+    height?: number;
+} | {
+    kind: "node";
+    node: React.ReactNode;
+};
+declare const toMediaItems: (inputs: string[] | MediaInput[]) => MediaItem[];
+
+export { type MediaItem as M, toMediaItems as t };