react-motion-gallery 1.0.0 → 2.0.0

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Gallery/FullscreenSlider.module.css","../src/Gallery/Slider.module.css","../src/Gallery/index.module.css","../src/Gallery/ThumbnailSlider.module.css"],"sourcesContent":[".rtl {}\n\n.track { position: relative; left: 0; }\n.rtl .track { left: auto; right: 0; }\n\n[data-rmg-plyr-provider='mp4'] :global(.plyr__video-wrapper),\n[data-rmg-plyr-provider='vimeo'] :global(.plyr__video-wrapper) {\n  pointer-events: none !important;\n}",".rtl {}\n\n.track { position: relative; left: 0; }\n.rtl .track { left: auto; right: 0; }\n\n.slider_container,\n.fade_container {\n  height: var(--rmg-slider-height);\n  cursor: grab;\n}\n\n.viewport {\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n  position: relative;\n}\n\n.track {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  will-change: transform;\n  transform: translate3d(0,0,0);\n  backface-visibility: hidden;\n}\n\n.fadeInStart {\n  opacity: 0;\n}\n\n.fadeInActive {\n  opacity: 1;\n  transition:\n    opacity var(--rmg-intro-duration, 420ms)\n      var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));\n}\n\n.shimmerOverlay {\n  position: absolute;\n  inset: 0;\n  border-radius: var(--rmg-shimmer-radius, 10px);\n  overflow: hidden;\n\n  background: linear-gradient(\n    90deg,\n    var(--rmg-shimmer-c1, #f0f2f5) 25%,\n    var(--rmg-shimmer-c2, #e6e9ef) 37%,\n    var(--rmg-shimmer-c3, #f0f2f5) 63%\n  );\n\n  background-size: var(--rmg-shimmer-size, 400% 100%);\n  animation: rmgShimmer var(--rmg-shimmer-duration, 1.2s)\n    infinite var(--rmg-shimmer-timing, linear);\n}\n\n@keyframes rmgShimmer {\n  0%   { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fadeInActive { transition: none; }\n  .shimmerOverlay { animation: none; }\n}\n\n.pagination_dot {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  overflow: hidden;\n  border-radius: 50%;\n  margin: 5px 5px 5px 5px;\n  cursor: pointer;\n  transition: \n    transform 0.2s ease, \n    background-color 0.3s ease, \n    box-shadow 0.3s ease;\n}\n\n.pagination_dot:hover {\n  transform: scale(1.2);\n}\n\n.pagination_dot.active {\n  background-color: rgb(80, 163, 255);\n  box-shadow: 0 0 8px rgba(80, 163, 255, 0.6);\n}\n\n.pagination_dot.inactive {\n  background-color: lightgray;\n}\n\n.ripple {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  animation: ripple 600ms linear;\n  background-color: rgba(0, 0, 0, 0.3);\n  pointer-events: none;\n}\n\n@keyframes ripple {\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n}\n\n.fullscreenOverlay {\n  position: fixed;\n  inset: 0;\n  opacity: 0;\n  pointer-events: none;\n  background-color: rgba(0,0,0,0.8);\n  transition: opacity 300ms cubic-bezier(.4,0,.22,1);\n  will-change: opacity;\n  z-index: 8999;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  contain: paint;\n}\n\n.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.duplicateImg {\n  position: fixed;\n  display: none;\n  transform-origin: top left;\n  transition: transform 0.3s cubic-bezier(.4,0,.22,1);\n  z-index: 9998;\n  will-change: transform;\n}\n\n.closeBtn,\n.leftChevron,\n.rightChevron,\n.counter {\n  position: fixed;\n  display: none;\n  opacity: 0;\n  transition: opacity 0.3s cubic-bezier(.4,0,.22,1);\n  z-index: 2147483602;\n}\n\n.closeBtn.open,\n.leftChevron.open,\n.rightChevron.open,\n.counter.open {\n  display: block;\n  opacity: 1;\n}\n\n.closeBtn {\n  top: 12px;\n  right: 12px;\n  background: transparent;\n  border: none;\n  padding: 0;\n  width: 35px;\n  height: 35px;\n  cursor: pointer;\n}\n\n.leftChevron,\n.rightChevron {\n  top: 45.5%;\n  width: 50px;\n  height: 50px;\n  cursor: pointer;\n  background-color: transparent;\n  border: none;\n}\n\n.leftChevron { left: 0; transform: rotate(180deg); }\n.rightChevron { right: 0; }\n\n.counter {\n  top: 15px;\n  left: 16px;\n  color: #fff;\n  font-size: 14px;\n  line-height: 32px;\n  user-select: none;\n  text-shadow: 1px 1px 3px #4f4f4f;\n}\n\n.fsOverlayCaption {\n  position: fixed;\n  padding: 1rem 1.5rem;\n  color: #fff;\n  font-size: 0.875rem;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(8px);\n  transition:\n    opacity 300ms cubic-bezier(.4,0,.22,1),\n    transform 300ms cubic-bezier(.4,0,.22,1);\n  z-index: 9999;\n}\n\n.fsOverlayCaption.open {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.sliderSkeletonOverlay {\n  position: absolute;\n  inset: 0;\n  z-index: 5;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n}\n\n.sliderSkeletonRow {\n  display: flex;\n  width: 100%;\n  gap: 0.75rem;\n  height: var(--rmg-slider-height, 320px);\n}\n\n.sliderSkeleton {\n  flex: 1 1 0;\n  height: 100%;\n  border-radius: var(--rmg-shimmer-radius, 10px);\n  overflow: hidden;\n  position: relative;\n\n  background: linear-gradient(\n    90deg,\n    var(--rmg-shimmer-c1, #f0f2f5) 25%,\n    var(--rmg-shimmer-c2, #e6e9ef) 37%,\n    var(--rmg-shimmer-c3, #f0f2f5) 63%\n  );\n\n  background-size: var(--rmg-shimmer-size, 400% 100%);\n  animation: rmgShimmer var(--rmg-shimmer-duration, 1.2s)\n    infinite var(--rmg-shimmer-timing, linear);\n}\n\n.fade_container [data-rmg-idx] > * {\n  opacity: 0;\n  transform: translateY(var(--rmg-intro-offset, 10px));\n\n  transition:\n    opacity var(--rmg-intro-duration, 300)\n      var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),\n    transform var(--rmg-intro-duration, 300)\n      var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));\n\n  transition-delay: calc(\n    var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms)\n  );\n\n  will-change: opacity, transform;\n}\n\n.fade_container.fadeInActive [data-rmg-idx] > * {\n  opacity: 1;\n  transform: translateY(0);\n}","/* --- GRID ROOT ------------------------------------------------- */\n\n.gridRoot {\n  display: grid;\n  grid-template-columns: repeat(\n    auto-fill,\n    minmax(var(--rmg-grid-min, 160px), 1fr)\n  );\n  gap: var(--rmg-grid-gap, 8px);\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(\n    auto-fill,\n    minmax(var(--rmg-grid-min, 160px), 1fr)\n  );\n  gap: var(--rmg-grid-gap, 8px);\n}\n\n/* --- GRID ITEM ------------------------------------------------- */\n\n.gridItem {\n  position: relative;\n  display: block;\n  cursor: pointer;\n}\n\n.gridItem img,\n.gridItem video {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n}\n\n/* --- MASONRY ROOT ---------------------------------------------- */\n\n.masonryRoot {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  column-gap: var(--rmg-masonry-gap, 8px);\n}\n\n.masonryCol {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* --- MASONRY ITEM ---------------------------------------------- */\n\n.masonryItem {\n  position: relative;\n  display: block;\n  cursor: pointer;\n}\n\n.masonryItem img,\n.masonryItem video {\n  display: block;\n  width: 100%;\n  object-fit: cover;\n}\n\n/* --- INTRO (shared by grid + masonry) -------------------------- */\n\n.introContainer {\n  opacity: 0;\n}\n\n.introActive {\n  opacity: 1;\n  transition:\n    opacity var(--rmg-intro-duration, 420ms)\n      var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));\n}\n\n.introContainer [data-rmg-idx] {\n  opacity: 0;\n  transform: var(--rmg-intro-transform, translateY(10px) scale(0.99));\n  transition:\n    opacity 300ms cubic-bezier(.4, 0, .22, 1),\n    transform 300ms cubic-bezier(.4, 0, .22, 1);\n  transition-delay: calc(\n    var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms)\n  );\n  will-change: opacity, transform;\n}\n\n.introContainer.introActive [data-rmg-idx] {\n  opacity: 1;\n  transform: none;\n}\n\n/* --- GRID SKELETON --------------------------------------------- */\n\n.gridSkeletonOverlay {\n  position: relative;\n  width: 100%;\n}\n\n.gridSkeletonGrid {\n  display: grid;\n  grid-template-columns: repeat(\n    auto-fill,\n    minmax(var(--rmg-grid-min, 160px), 1fr)\n  );\n  gap: var(--rmg-grid-gap, 8px);\n}\n\n.gridSkeletonItem {\n  position: relative;\n  width: 100%;\n  padding-bottom: 66.666%; /* 3:2 ratio; tweak if you like */\n  border-radius: var(--rmg-shimmer-radius, 8px);\n  overflow: hidden;\n\n  --rmg-shimmer-c1: #f0f2f5;\n  --rmg-shimmer-c2: #e6e9ef;\n  --rmg-shimmer-c3: #f0f2f5;\n  --rmg-shimmer-size: 400% 100%;\n  --rmg-shimmer-duration: 1.2s;\n  --rmg-shimmer-timing: linear;\n\n  background: linear-gradient(\n    90deg,\n    var(--rmg-shimmer-c1) 25%,\n    var(--rmg-shimmer-c2) 37%,\n    var(--rmg-shimmer-c3) 63%\n  );\n  background-size: var(--rmg-shimmer-size);\n  animation: rmgShimmer var(--rmg-shimmer-duration)\n    infinite var(--rmg-shimmer-timing);\n}\n\n@keyframes rmgShimmer {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gridSkeletonItem {\n    animation: none;\n  }\n}\n\n.fullscreenOverlay {\n  position: fixed;\n  inset: 0;\n  opacity: 0;\n  pointer-events: none;\n  background-color: rgba(0,0,0,0.8);\n  transition: opacity 300ms cubic-bezier(.4,0,.22,1);\n  will-change: opacity;\n  z-index: 8999;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  contain: paint;\n}\n\n.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.duplicateImg {\n  position: fixed;\n  display: none;\n  transform-origin: top left;\n  transition: transform 0.3s cubic-bezier(.4,0,.22,1);\n  z-index: 9998;\n  will-change: transform;\n}\n\n.closeBtn,\n.leftChevron,\n.rightChevron,\n.counter {\n  position: fixed;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s cubic-bezier(.4,0,.22,1);\n  z-index: 2147483602;\n}\n\n.closeBtn.open,\n.leftChevron.open,\n.rightChevron.open,\n.counter.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.closeBtn {\n  top: 12px;\n  right: 12px;\n  background: transparent;\n  border: none;\n  padding: 0;\n  width: 35px;\n  height: 35px;\n  cursor: pointer;\n}\n\n.leftChevron,\n.rightChevron {\n  top: 45.5%;\n  width: 50px;\n  height: 50px;\n  cursor: pointer;\n  background-color: transparent;\n  border: none;\n}\n\n.leftChevron { left: 0; transform: rotate(180deg); }\n.rightChevron { right: 0; }\n\n.counter {\n  top: 15px;\n  left: 16px;\n  color: #fff;\n  font-size: 14px;\n  line-height: 32px;\n  user-select: none;\n  text-shadow: 1px 1px 3px #4f4f4f;\n}\n\n.fsOverlayCaption {\n  position: fixed;\n  padding: 1rem 1.5rem;\n  color: #fff;\n  font-size: 0.875rem;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(8px);\n  transition:\n    opacity 300ms cubic-bezier(.4,0,.22,1),\n    transform 300ms cubic-bezier(.4,0,.22,1);\n  z-index: 9999;\n}\n\n.fsOverlayCaption.open {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n/* --- ENTRIES SKELETON --- */\n\n.entryRow {\n  position: relative;\n}\n\n.entrySkeletonWrap {\n  display: block;\n  opacity: 1;\n  transition: opacity 150ms linear;\n}\n\n.entryInner {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transform: var(--rmg-entry-intro-transform, translateY(30px) scale(0.99));\n  will-change: opacity, transform;\n  pointer-events: none; /* ✅ */\n}\n\n.entryRow[data-rmg-entry-ready=\"1\"] .entrySkeletonWrap {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.entryRow[data-rmg-entry-ready=\"1\"] .entryInner {\n  position: relative;\n  inset: auto;\n\n  opacity: 1;\n  transform: none;\n  pointer-events: auto; /* ✅ */\n\n  transition:\n    opacity var(--rmg-entry-intro-duration, 700ms)\n      var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1)),\n    transform var(--rmg-entry-intro-duration, 700ms)\n      var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1));\n  transition-delay: calc(\n    var(--rmg-entry-intro-index, 0) * var(--rmg-entry-intro-stagger, 200ms)\n  );\n}\n\n.entryList {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.entryText {  }\n.entryMedia {  }\n\n.entryMediaSlider {\n  display: flex;\n  gap: 0.75rem;\n  overflow-x: auto;\n  padding-bottom: 0.25rem;\n}\n\n.entryMediaGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n  gap: 0.75rem;\n}\n\n.entryMediaGrid img {\n  cursor: pointer;\n}\n\n.entryMasonry img {\n  cursor: pointer;\n}\n\n.entryMediaItem img {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: 0.5rem;\n}\n\n.entrySkeletonShimmer {\n  position: relative;\n  overflow: hidden;\n  border-radius: inherit;\n\n  --rmg-shimmer-c1: #f0f2f5;\n  --rmg-shimmer-c2: #e6e9ef;\n  --rmg-shimmer-c3: #f0f2f5;\n  --rmg-shimmer-size: 400% 100%;\n  --rmg-shimmer-duration: 1.2s;\n  --rmg-shimmer-timing: linear;\n\n  background: linear-gradient(\n    90deg,\n    var(--rmg-shimmer-c1) 25%,\n    var(--rmg-shimmer-c2) 37%,\n    var(--rmg-shimmer-c3) 63%\n  );\n  background-size: var(--rmg-shimmer-size);\n  animation: rmgShimmer var(--rmg-shimmer-duration)\n    infinite var(--rmg-shimmer-timing);\n}\n\n.entrySkeletonList {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  padding: 0.75rem 0;\n}\n\n.entrySkeletonCard {\n  position: relative;\n  overflow: hidden;\n  border-radius: 12px;\n  padding: 1rem 1.25rem;\n  background: var(--rmg-skel-bg, rgba(255, 255, 255, 0.03));\n}\n\n.entrySkeletonHeader {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-bottom: 0.75rem;\n}\n\n.entrySkeletonLines {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n\n.entrySkeletonAvatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 999px;\n}\n\n.entrySkeletonLineShort,\n.entrySkeletonLineLong,\n.entrySkeletonLineMedium {\n  height: 10px;\n  border-radius: 999px;\n}\n\n.entrySkeletonMedia {\n  width: 100%;\n  height: 140px;\n  border-radius: 10px;\n}\n\n.entrySkeletonBody {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  margin-bottom: 0.9rem;\n}",".thumb {\n  position: relative;\n  border: 1px solid rgba(0,0,0,.12);\n  border-radius: 6px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.thumb::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: 0 0 0 2px #111 inset;\n  opacity: 0;\n  transition: opacity 120ms ease;\n  z-index: 1;\n}\n\n.thumb[data-active=\"true\"]::after {\n  opacity: 1;\n}\n\n.thumb :global(img) {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  position: relative;\n  z-index: 0;\n}\n\n.fadeInStart {\n  opacity: 0;\n}\n\n.fadeInActive {\n  opacity: 1;\n  transition:\n    opacity var(--rmg-intro-duration, 420ms)\n      var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fadeInActive { transition: none; }\n  .thumbSkeleton { animation: none; }\n}\n\n.thumbSkeletonOverlay {\n  position: absolute;\n  inset: 0;\n  z-index: 5;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem;\n}\n\n.thumbSkeletonRow {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n.thumbSkeleton {\n  border-radius: 6px;\n  overflow: hidden;\n  position: relative;\n\n  background: linear-gradient(\n    90deg,\n    var(--rmg-shimmer-c1, #f0f2f5) 25%,\n    var(--rmg-shimmer-c2, #e6e9ef) 37%,\n    var(--rmg-shimmer-c3, #f0f2f5) 63%\n  );\n\n  background-size: var(--rmg-shimmer-size, 400% 100%);\n  animation: rmgShimmer var(--rmg-shimmer-duration, 1.2s)\n    infinite var(--rmg-shimmer-timing, linear);\n}\n\n@keyframes rmgShimmer {\n  0%   { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.fade_container [data-rmg-thumb-index] > * {\n  opacity: 0;\n  transform: translateY(var(--rmg-intro-transform, 10px));\n\n  transition:\n    opacity var(--rmg-intro-duration, 300ms)\n      var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),\n    transform var(--rmg-intro-duration, 300ms)\n      var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));\n\n  transition-delay: calc(\n    var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms)\n  );\n\n  will-change: opacity, transform;\n}\n\n.fade_container.fadeInActive [data-rmg-thumb-index] > * {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.ripple {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  animation: ripple 600ms linear;\n  background-color: rgba(0, 0, 0, 0.3);\n  pointer-events: none;\n}\n\n@keyframes ripple {\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n}"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,521 @@
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { APITypes } from 'plyr-react';
+
+type BreakpointMap = Record<string, number>;
+type ResponsiveNumber = number | string | Array<number | string> | Record<string, number | string>;
+type MediaItem = {
+    kind: 'image';
+    src: string;
+    alt?: string;
+    caption?: React__default.ReactNode;
+    srcSet?: string;
+    sizes?: string;
+    width?: number;
+    height?: number;
+} | {
+    kind: 'video';
+    src: string;
+    alt?: string;
+    thumb?: string;
+    caption?: React__default.ReactNode;
+};
+type EntryItem = {
+    media?: MediaItem[];
+    [key: string]: any;
+};
+type EntryMediaRenderArgs = {
+    entry: EntryItem;
+    entryIndex: number;
+    media: MediaItem;
+    mediaIndex: number;
+};
+type MediaEntryLink = {
+    entryIndex: number;
+    mediaIndex: number;
+};
+type EntryOverlayRenderArgs = {
+    entry: EntryItem;
+    entryIndex: number;
+    mediaIndex: number | null;
+    link: MediaEntryLink | null;
+    opacity: number;
+    fsIndex: number;
+    style: React__default.CSSProperties;
+    containerProps: React__default.HTMLAttributes<HTMLDivElement>;
+};
+type EntryMediaLayout = 'slider' | 'grid' | 'masonry';
+type EntryCardRenderArgs = {
+    entry: EntryItem;
+    entryIndex: number;
+    media: React__default.ReactNode;
+};
+type ThumbnailPosition = 'top' | 'right' | 'bottom' | 'left';
+type ResponsivePosition = ThumbnailPosition | Array<ThumbnailPosition> | Record<string, ThumbnailPosition>;
+type FSImageRender = (args: {
+    item: Extract<MediaItem, {
+        kind: "image";
+    }>;
+    index: number;
+    isZoomed: boolean;
+    className: string;
+    baseStyle: React__default.CSSProperties;
+}) => React__default.ReactNode;
+type PlyrSourceBuilder = (item: MediaItem, index: number) => Plyr.SourceInfo;
+type PlyrOptionsResolver = Plyr.Options | ((item: MediaItem, index: number) => Plyr.Options);
+type ResponsiveHeightRule = {
+    query: string;
+    height: string;
+};
+type ArrowRenderArgs = {
+    ref: React__default.RefObject<HTMLDivElement | null>;
+    onClick: () => void;
+    hidden: boolean;
+    disabled: boolean;
+    createRipple: (el: HTMLElement) => void;
+    className?: string;
+};
+type DotsRenderArgs = {
+    ref: React__default.RefObject<HTMLDivElement | null>;
+    count: number;
+    activeIndex: number;
+    hidden: boolean;
+    goTo: (index: number) => void;
+    getDotRef: (index: number) => (el: HTMLDivElement | null) => void;
+    createRipple: (el: HTMLElement) => void;
+    classNameContainer?: string;
+    classNameDot?: string;
+};
+type ProgressRenderArgs = {
+    ref: React__default.Ref<HTMLDivElement>;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    hidden: boolean;
+    progress: number;
+    classNameContainer?: string;
+    classNameBar?: string;
+};
+type FsCounterArgs = {
+    index: number;
+    count: number;
+};
+type FsCaptionPlacement = 'top' | 'right' | 'bottom' | 'left';
+type FsCaptionRenderArgs = {
+    item: MediaItem;
+    index: number;
+    isZoomed: boolean;
+};
+type IndexMode = 'instant' | 'animated';
+type LoadingOptions = {
+    isLoading?: boolean;
+    skeletonCount?: ResponsiveNumber;
+    renderLoading?: (args: {
+        layout: 'slider' | 'grid' | 'masonry' | 'entries';
+        count: number;
+    }) => React__default.ReactNode;
+};
+type IntroOptions = {
+    renderIntro?: (args: {
+        active: boolean;
+        containerProps: React__default.HTMLAttributes<HTMLDivElement>;
+    }, content: React__default.ReactNode) => React__default.ReactNode;
+    staggerMs?: number;
+    transform?: number | string;
+    durationMs?: number;
+    easing?: string;
+    staggerLimit?: number;
+};
+type ControlStyle = {
+    className?: string;
+    style?: React__default.CSSProperties;
+};
+type LoadingRenderArgs = {
+    layout: 'thumbnails';
+    count: number;
+};
+type IntroRenderArgs = {
+    active: boolean;
+    containerProps: React__default.HTMLAttributes<HTMLDivElement>;
+};
+type ThumbnailLoadingOptions = {
+    isLoading?: boolean;
+    skeletonCount?: ResponsiveNumber;
+    renderLoading?: (args: LoadingRenderArgs) => React__default.ReactNode;
+};
+type ThumbnailIntroOptions = {
+    renderIntro?: (args: IntroRenderArgs, inner: React__default.ReactNode) => React__default.ReactNode;
+    staggerMs?: number;
+    transform?: number;
+    durationMs?: number;
+    easing?: string;
+};
+type ThumbnailLayout = {
+    width?: number | string;
+    height?: number | string;
+};
+type ThumbnailContainerLayout = {
+    width?: number | string;
+    height?: number | string;
+};
+type ThumbnailsLayout = {
+    position?: ResponsivePosition;
+    gap?: number;
+    center?: boolean;
+    thumbnail?: ThumbnailLayout;
+    container?: ThumbnailContainerLayout;
+};
+type ThumbnailsElements = {
+    container?: ControlStyle;
+    thumbnail?: ControlStyle;
+};
+type ThumbnailsScroll = {
+    freeScroll?: boolean;
+    groupCells?: boolean;
+    loop?: boolean;
+    skipSnaps?: boolean;
+    centerActiveThumb?: boolean;
+};
+type ThumbnailsMotion = {
+    selectDuration?: number;
+    freeScrollDuration?: number;
+    friction?: number;
+};
+type ThumbnailsRipple = {
+    enabled?: boolean;
+    className?: string;
+};
+type ThumbnailsControls = {
+    enabled?: boolean;
+    arrow?: ControlStyle;
+    prev?: ControlStyle;
+    next?: ControlStyle;
+    render?: (args: ArrowRenderArgs & {
+        dir: "prev" | "next";
+    }) => React__default.ReactNode;
+    renderPrev?: (args: ArrowRenderArgs) => React__default.ReactNode;
+    renderNext?: (args: ArrowRenderArgs) => React__default.ReactNode;
+    ripple?: ThumbnailsRipple;
+};
+type ThumbnailsTransitions = {
+    loading?: ThumbnailLoadingOptions;
+    intro?: ThumbnailIntroOptions;
+};
+type ThumbnailsOptions = {
+    children?: React__default.ReactNode;
+    layout?: ThumbnailsLayout;
+    elements?: ThumbnailsElements;
+    scroll?: ThumbnailsScroll;
+    controls?: ThumbnailsControls;
+    motion?: ThumbnailsMotion;
+    transitions?: ThumbnailsTransitions;
+    breakpointMap?: BreakpointMap;
+};
+type FullscreenArrows = {
+    enabled?: boolean;
+    arrow?: ControlStyle;
+    prev?: ControlStyle;
+    next?: ControlStyle;
+    render?: (args: {
+        dir: "prev" | "next";
+    }) => HTMLElement | null;
+    renderPrev?: () => HTMLElement | null;
+    renderNext?: () => HTMLElement | null;
+};
+type FullscreenClose = {
+    enabled?: boolean;
+    style?: React__default.CSSProperties;
+    className?: string;
+    render?: () => React__default.ReactNode | HTMLElement | null;
+};
+type FullscreenCounter = {
+    enabled?: boolean;
+    style?: React__default.CSSProperties;
+    className?: string;
+    render?: (args: FsCounterArgs) => React__default.ReactNode | HTMLElement | null;
+};
+type FullscreenControlsOptions = {
+    close?: FullscreenClose;
+    arrows?: FullscreenArrows;
+    counter?: FullscreenCounter;
+};
+type FullscreenCaptionOptions = {
+    className?: string;
+    style?: React__default.CSSProperties;
+    placement?: FsCaptionPlacement;
+    width?: number;
+    height?: number;
+    breakpoint?: number;
+    render?: (args: FsCaptionRenderArgs) => React__default.ReactNode;
+};
+type FullscreenEffectsOptions = {
+    introDuration?: number;
+    introEasing?: string;
+    introFade?: boolean;
+    slideFade?: boolean;
+    slideFadeDuration?: number;
+    slideFadeEasing?: string;
+    thumbnailsFadeDuration?: number;
+    thumbnailsFadeEasing?: string;
+};
+type FullscreenSliderOptions = {
+    duration?: number;
+    friction?: number;
+};
+type FullscreenZoomPanOptions = {
+    clickZoomLevel?: number;
+    maxZoomLevel?: number;
+    panDuration?: number;
+    panFriction?: number;
+};
+type FullscreenVideoOptions = {
+    source?: PlyrSourceBuilder;
+    options?: PlyrOptionsResolver;
+    style?: React__default.CSSProperties;
+    className?: string;
+};
+type FullscreenOptions = {
+    enabled?: boolean;
+    items?: MediaItem[] | string[];
+    renderImage?: FSImageRender;
+    video?: FullscreenVideoOptions;
+    thumbnails?: ThumbnailsOptions;
+    controls?: FullscreenControlsOptions;
+    caption?: FullscreenCaptionOptions;
+    slider?: FullscreenSliderOptions;
+    zoom?: FullscreenZoomPanOptions;
+    effects?: FullscreenEffectsOptions;
+};
+type SliderLayout = {
+    gap?: number;
+    cellsPerSlide?: ResponsiveNumber;
+};
+type SliderDirection = {
+    dir?: 'ltr' | 'rtl';
+    axis?: 'x' | 'y';
+};
+type SliderSize = {
+    height?: string;
+    heightRules?: ResponsiveHeightRule[];
+    initialHeight?: number | string;
+};
+type SliderElements = {
+    viewport?: ControlStyle;
+    container?: ControlStyle;
+};
+type SliderScroll = {
+    groupCells?: boolean;
+    skipSnaps?: boolean;
+    freeScroll?: boolean;
+    loop?: boolean;
+};
+type SliderArrows = {
+    enabled?: boolean;
+    arrow?: ControlStyle;
+    prev?: ControlStyle;
+    next?: ControlStyle;
+    render?: (args: ArrowRenderArgs & {
+        dir: "prev" | "next";
+    }) => React__default.ReactNode;
+    renderPrev?: (args: ArrowRenderArgs) => React__default.ReactNode;
+    renderNext?: (args: ArrowRenderArgs) => React__default.ReactNode;
+};
+type SliderDots = {
+    enabled?: boolean;
+    root?: ControlStyle;
+    dot?: ControlStyle;
+    render?: (args: DotsRenderArgs) => React__default.ReactNode;
+};
+type SliderProgress = {
+    enabled?: boolean;
+    root?: ControlStyle;
+    bar?: ControlStyle;
+    render?: (args: ProgressRenderArgs) => React__default.ReactNode;
+};
+type SliderRipple = {
+    enabled?: boolean;
+    className?: string;
+};
+type SliderControls = {
+    arrows?: SliderArrows;
+    dots?: SliderDots;
+    progress?: SliderProgress;
+    ripple?: SliderRipple;
+};
+type SliderAutoPlay = {
+    enabled?: boolean;
+    speedMs?: number;
+    pauseMs?: number;
+    pauseOnHover?: boolean;
+};
+type SliderAutoScroll = {
+    enabled?: boolean;
+    speedMs?: number;
+    pauseMs?: number;
+    pauseOnHover?: boolean;
+};
+type SliderAuto = {
+    play?: SliderAutoPlay;
+    scroll?: SliderAutoScroll;
+};
+type SliderLoadingOptions = {
+    isLoading?: boolean;
+    skeletonCount?: ResponsiveNumber;
+    renderLoading?: (args: {
+        layout: 'slider' | 'grid' | 'masonry' | 'entries';
+        count: number;
+    }) => React__default.ReactNode;
+};
+type SliderIntroOptions = {
+    renderIntro?: (args: {
+        active: boolean;
+        containerProps: React__default.HTMLAttributes<HTMLDivElement>;
+    }, content: React__default.ReactNode) => React__default.ReactNode;
+    staggerMs?: number;
+    transform?: number | string;
+    durationMs?: number;
+    easing?: string;
+};
+type SliderTransitions = {
+    loading?: SliderLoadingOptions;
+    intro?: SliderIntroOptions;
+};
+type SliderParallax = {
+    enabled?: boolean;
+    bleedPct?: string;
+    borderRadius?: string;
+    sideWidth?: string;
+};
+type SliderScale = {
+    enabled?: boolean;
+    amount?: number;
+};
+type SliderFade = {
+    enabled?: boolean;
+};
+type SliderEffects = {
+    parallax?: SliderParallax;
+    scale?: SliderScale;
+    fade?: SliderFade;
+};
+type SliderMotion = {
+    selectDuration?: number;
+    freeScrollDuration?: number;
+    friction?: number;
+};
+type SliderOptions = {
+    layout?: SliderLayout;
+    direction?: SliderDirection;
+    size?: SliderSize;
+    align?: 'start' | 'center';
+    scroll?: SliderScroll;
+    elements?: SliderElements;
+    lazyLoad?: boolean;
+    controls?: SliderControls;
+    thumbnails?: ThumbnailsOptions;
+    auto?: SliderAuto;
+    transitions?: SliderTransitions;
+    motion?: SliderMotion;
+    effects?: SliderEffects;
+};
+type GridOptions = {
+    columns?: ResponsiveNumber;
+    minColumnWidth?: number | string;
+    gap?: ResponsiveNumber;
+    rootClassName?: string;
+    itemClassName?: string;
+    loading?: LoadingOptions;
+    intro?: IntroOptions;
+};
+type MasonryOptions = {
+    columns?: ResponsiveNumber;
+    gap?: ResponsiveNumber;
+    placement?: "balanced" | "roundRobin";
+    estimatedItemHeight?: number;
+    as?: React__default.ElementType;
+    rootRef?: React__default.Ref<HTMLDivElement>;
+    classNames?: {
+        root?: string;
+        column?: string;
+        item?: string;
+    };
+    loading?: LoadingOptions;
+    intro?: IntroOptions;
+};
+type EntriesOptions = {
+    items?: EntryItem[];
+    mediaLayout?: EntryMediaLayout;
+    render?: {
+        card?: (args: EntryCardRenderArgs) => React__default.ReactNode;
+        media?: (args: EntryMediaRenderArgs) => React__default.ReactNode;
+        overlay?: (args: EntryOverlayRenderArgs) => React__default.ReactNode;
+    };
+    overlay?: ControlStyle;
+    loading?: LoadingOptions;
+    intro?: IntroOptions;
+};
+interface GalleryApi {
+    rootNode(): HTMLElement | null;
+    containerNode(): HTMLElement | null;
+    slideNodes(): HTMLElement[];
+    onReady?(cb: (nodes: HTMLElement[]) => void): () => void;
+    whenReady?(): Promise<HTMLElement[]>;
+    isReady?(): boolean;
+    scrollTo(index: number, jump?: boolean): void;
+    scrollNext(jump?: boolean): void;
+    scrollPrev(jump?: boolean): void;
+    canScrollNext(): boolean;
+    canScrollPrev(): boolean;
+    getIndex(): number;
+    selectCell(index: number, jump?: boolean): void;
+    scrollProgress(): number;
+    cellsInView(): number[];
+    append(nodes: React__default.ReactNode | React__default.ReactNode[]): number;
+    prepend(nodes: React__default.ReactNode | React__default.ReactNode[]): number;
+    insert(index: number, nodes: React__default.ReactNode | React__default.ReactNode[]): number;
+    remove(indexOrPredicate: number | ((i: number) => boolean)): number;
+    replace(index: number, node: React__default.ReactNode): void;
+    setItems(nodes: React__default.ReactNode[]): number;
+    onIndexChange(cb: (i: number, meta: {
+        mode: IndexMode;
+    }) => void): () => void;
+}
+type Props = {
+    children?: ReactNode;
+    fullscreen?: FullscreenOptions;
+    slider?: SliderOptions;
+    layout?: 'slider' | 'grid' | 'masonry' | 'entries';
+    grid?: GridOptions;
+    masonry?: MasonryOptions;
+    entries?: EntriesOptions;
+    breakpoints?: BreakpointMap;
+    root?: ControlStyle;
+    container?: ControlStyle;
+};
+declare const Gallery: React__default.ForwardRefExoticComponent<Props & React__default.RefAttributes<GalleryApi>>;
+
+type RmgPlyrSourceBuilder = (args: {
+    src: string;
+    poster?: string;
+}) => any;
+type RmgPlyrOptionsResolver = any | ((args: {
+    src: string;
+    poster?: string;
+    index: number;
+}) => any);
+type RmgPlyrVideoProps = {
+    src: string;
+    poster?: string;
+    alt?: string;
+    source?: any;
+    sourceBuilder?: RmgPlyrSourceBuilder;
+    options?: RmgPlyrOptionsResolver;
+    className?: string;
+    style?: React.CSSProperties;
+    posterClassName?: string;
+    posterStyle?: React.CSSProperties;
+    onApi?: (api: APITypes | null) => void;
+    registerApiByIndex?: (index: number, api: APITypes | null) => void;
+};
+declare function RmgPlyrVideo(props: RmgPlyrVideoProps): react_jsx_runtime.JSX.Element;
+
+export { Gallery, RmgPlyrVideo };