react-motion-gallery 2.0.7 → 2.0.9

package/dist/types-Dqm2ynv2.d.mts

@@ -0,0 +1,262 @@
+import { R as ResponsiveNumber } from './responsive-CvE5dTnP.mjs';
+import { E as ElementStyle, A as ArrowRenderArgs, D as DotsRenderArgs, P as ProgressRenderArgs } from './elements-Bd1vm4Uk.mjs';
+import { I as IndexMode, S as SliderIndexChannel } from './sliderSub-DNikv2lm.mjs';
+import * as React$1 from 'react';
+import { RefObject } from 'react';
+
+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 SliderSkeletonNode = {
+    kind: "slider";
+    style?: SkeletonContainerStyleResponsive;
+    count?: number;
+    item: SkeletonNode;
+    itemWrapStyle?: SkeletonBaseStyle;
+    direction?: "row" | "col";
+} | 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 SliderSkeletonSpec = {
+    mode?: "fit" | "peek";
+    className?: string;
+    layout?: SliderSkeletonNode;
+    backgroundColor?: string;
+    radius?: SkeletonLength;
+    shimmer?: SkeletonShimmer;
+};
+
+type ResponsiveHeightRule = {
+    query: string;
+    height: string;
+};
+type SliderLayout = {
+    gap?: number;
+    cellsPerSlide?: ResponsiveNumber;
+};
+type SliderDirection = {
+    dir?: "ltr" | "rtl";
+    axis?: "x" | "y";
+};
+type SliderElements = {
+    viewport?: ElementStyle;
+    container?: ElementStyle;
+};
+type SliderScroll = {
+    groupCells?: boolean;
+    skipSnaps?: boolean;
+    freeScroll?: boolean;
+    loop?: boolean;
+};
+type SliderArrows = {
+    enabled?: boolean;
+    arrow?: ElementStyle;
+    prev?: ElementStyle;
+    next?: ElementStyle;
+    render?: (args: ArrowRenderArgs & {
+        dir: "prev" | "next";
+    }) => React.ReactNode;
+    renderPrev?: (args: ArrowRenderArgs) => React.ReactNode;
+    renderNext?: (args: ArrowRenderArgs) => React.ReactNode;
+};
+type SliderDots = {
+    enabled?: boolean;
+    root?: ElementStyle;
+    dot?: ElementStyle;
+    render?: (args: DotsRenderArgs) => React.ReactNode;
+};
+type SliderProgress = {
+    enabled?: boolean;
+    root?: ElementStyle;
+    bar?: ElementStyle;
+    render?: (args: ProgressRenderArgs) => React.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 = {
+    enabled?: boolean;
+    force?: boolean;
+    skeletonCount?: ResponsiveNumber;
+    renderLoading?: (args: {
+        count: number;
+    }) => React.ReactNode;
+    skeleton?: SliderSkeletonSpec;
+};
+type SliderIntroOptions = {
+    renderIntro?: (args: {
+        active: boolean;
+        containerProps: React.HTMLAttributes<HTMLDivElement>;
+    }, content: React.ReactNode) => React.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 SliderLazyLoadOptions = {
+    enabled?: boolean;
+    spinner?: boolean | React.ReactNode | ((args: {
+        kind: "image" | "video";
+        isClone: boolean;
+    }) => React.ReactNode);
+    spinnerClassName?: string;
+    spinnerStyle?: React.CSSProperties;
+};
+type SliderOptions = {
+    layout?: SliderLayout;
+    direction?: SliderDirection;
+    align?: "start" | "center";
+    scroll?: SliderScroll;
+    elements?: SliderElements;
+    lazyLoad?: SliderLazyLoadOptions;
+    controls?: SliderControls;
+    auto?: SliderAuto;
+    transitions?: SliderTransitions;
+    motion?: SliderMotion;
+    effects?: SliderEffects;
+    indexChannel?: SliderIndexChannel;
+};
+interface SliderHandle {
+    centerSlider: () => void;
+    getIndex: () => number;
+    setIndex: (i: number, mode?: IndexMode) => void;
+    subscribeIndex: (fn: () => void) => () => void;
+    slideIndexForCell: (cellIndex: number) => number;
+    getRootNode(): HTMLElement | null;
+    getContainerNode(): HTMLElement | null;
+    getSlideNodes(): HTMLElement[];
+    getViewportNode: () => HTMLDivElement | null;
+    onSlidesBuilt(cb: (nodes: HTMLElement[]) => void): () => void;
+    whenSlidesBuilt(): Promise<HTMLElement[]>;
+    isSlidesBuilt(): boolean;
+    scrollNext: (mode?: IndexMode) => void;
+    scrollPrev: (mode?: IndexMode) => void;
+    canScrollNext: () => boolean;
+    canScrollPrev: () => boolean;
+    scrollProgress: () => number;
+    cellsInView: () => number[];
+    getInternals(): {
+        slides: RefObject<{
+            cells: {
+                element: HTMLElement;
+                index: number;
+            }[];
+            target: number;
+        }[]>;
+        slider: RefObject<HTMLDivElement | null>;
+        visibleImages: RefObject<number>;
+        selectedIndex: RefObject<number>;
+        sliderX: RefObject<number>;
+        sliderVelocity: RefObject<number>;
+        isWrapping: RefObject<boolean>;
+    };
+}
+
+export type { ResponsiveHeightRule as R, SliderOptions as S, SliderHandle as a };

package/dist/video.css

@@ -0,0 +1 @@
+.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)}}.spinner{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:rmgSpin 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 rmgSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.spinnerWrap{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}

package/dist/video.d.mts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { APITypes } from 'plyr-react';
+import { b as PlyrSource, c as PlyrOptions } from './plyrTypes-CmP9NWvX.mjs';
+import './media-moIXOhT1.mjs';
+
+type RmgPlyrSourceBuilder = (args: {
+    src: string;
+}) => PlyrSource;
+type RmgPlyrOptionsResolver = PlyrOptions | ((args: {
+    src: string;
+    index: number;
+}) => PlyrOptions);
+type RmgVideoLazyLoadOptions = {
+    enabled?: boolean;
+    spinner?: boolean | React.ReactNode | ((args: {
+        kind: 'image' | 'video';
+        isClone: boolean;
+    }) => React.ReactNode);
+    spinnerClassName?: string;
+    spinnerStyle?: React.CSSProperties;
+};
+type VideoProps = {
+    src: string;
+    poster?: string;
+    alt?: string;
+    source?: PlyrSource;
+    sourceBuilder?: RmgPlyrSourceBuilder;
+    options?: RmgPlyrOptionsResolver;
+    className?: string;
+    style?: React.CSSProperties;
+    onApi?: (api: APITypes | null) => void;
+    registerApiByIndex?: (index: number, api: APITypes | null) => void;
+    lazyLoad?: RmgVideoLazyLoadOptions;
+};
+declare function Video(props: VideoProps): react_jsx_runtime.JSX.Element;
+
+export { type RmgPlyrOptionsResolver, type RmgPlyrSourceBuilder, type RmgVideoLazyLoadOptions, Video, type VideoProps, Video as default };

package/dist/video.mjs

@@ -0,0 +1 @@
+export{b as Video,b as default}from'./chunk-UYTKRIYQ.mjs';import'./chunk-JYKEA7LO.mjs';import'./chunk-NKBEYOBF.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-2AHLR3V4.mjs';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "react-motion-gallery",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "React Motion Gallery - smooth, customizable media gallery components",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "license": "PolyForm-Noncommercial-1.0.0",
   "author": "React Motion Gallery",
   "homepage": "https://react-motion-gallery.com",
   "repository": {
@@ -24,37 +24,57 @@
 
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.mts",
 
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/index.d.mts",
       "import": "./dist/index.mjs"
     },
 
+    "./core": {
+      "types": "./dist/core.d.mts",
+      "import": "./dist/core.mjs"
+    },
+
     "./slider": {
-      "types": "./dist/slider/index.d.ts",
-      "import": "./dist/slider/index.mjs"
+      "types": "./dist/slider.d.mts",
+      "import": "./dist/slider.mjs"
     },
 
     "./grid": {
-      "types": "./dist/grid/index.d.ts",
-      "import": "./dist/grid/index.mjs"
+      "types": "./dist/grid.d.mts",
+      "import": "./dist/grid.mjs"
     },
 
     "./masonry": {
-      "types": "./dist/masonry/index.d.ts",
-      "import": "./dist/masonry/index.mjs"
+      "types": "./dist/masonry.d.mts",
+      "import": "./dist/masonry.mjs"
     },
 
     "./entries": {
-      "types": "./dist/entries/index.d.ts",
-      "import": "./dist/entries/index.mjs"
+      "types": "./dist/entries.d.mts",
+      "import": "./dist/entries.mjs"
     },
 
     "./fullscreen": {
-      "types": "./dist/fullscreen/index.d.ts",
-      "import": "./dist/fullscreen/index.mjs"
+      "types": "./dist/fullscreen.d.mts",
+      "import": "./dist/fullscreen.mjs"
+    },
+
+    "./thumbnails": {
+      "types": "./dist/thumbnails.d.mts",
+      "import": "./dist/thumbnails.mjs"
+    },
+
+    "./fullscreenThumbnails": {
+      "types": "./dist/fullscreenThumbnails.d.mts",
+      "import": "./dist/fullscreenThumbnails.mjs"
+    },
+
+    "./video": {
+      "types": "./dist/video.d.mts",
+      "import": "./dist/video.mjs"
     }
   },
 
@@ -92,4 +112,4 @@
     "plyr": "^3.8.4",
     "plyr-react": "^6.0.0"
   }
-}
+}