react-motion-gallery 2.0.18 → 2.0.20

package/dist/types-fFyCx1KQ.d.mts

@@ -1,278 +0,0 @@
-import { R as ResponsiveNumber } from './responsive-CvE5dTnP.mjs';
-import { E as ElementStyle, A as ArrowRenderArgs, D as DotsRenderArgs, P as ProgressRenderArgs, S as ScrollbarRenderArgs } from './elements-24CTbRWj.mjs';
-import { I as IndexMode } from './types-tb9Qf2Mj.mjs';
-import * as React$1 from 'react';
-import { RefObject } from 'react';
-import { S as SliderIndexChannel } from './sliderSub-DDPjywVp.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 SliderSkeletonSlot = {
-    item?: SkeletonNode;
-    itemWrapStyle?: SkeletonBaseStyle;
-};
-type SliderSkeletonSliderNode = {
-    kind: "slider";
-    style?: SkeletonContainerStyleResponsive;
-    count?: number;
-    item: SkeletonNode;
-    itemWrapStyle?: SkeletonBaseStyle;
-    slots?: SliderSkeletonSlot[];
-    direction?: "row" | "col";
-    children?: SkeletonNode[];
-};
-type SliderSkeletonNode = SliderSkeletonSliderNode | 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";
-    centering?: "first";
-    className?: string;
-    style?: React$1.CSSProperties;
-    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 SliderScrollbar = {
-    enabled?: boolean;
-    root?: ElementStyle;
-    render?: (args: ScrollbarRenderArgs) => React.ReactNode;
-};
-type SliderRipple = {
-    enabled?: boolean;
-    className?: string;
-};
-type SliderControls = {
-    arrows?: SliderArrows;
-    dots?: SliderDots;
-    progress?: SliderProgress;
-    scrollbar?: SliderScrollbar;
-    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/types-tb9Qf2Mj.d.mts

@@ -1,46 +0,0 @@
-type IndexMode = "animated" | "instant";
-type FullscreenOpenMethod = "fade" | "scale";
-type OpenFullscreenAtArgs = {
-    index: number;
-    method?: FullscreenOpenMethod;
-    event?: Event;
-};
-type FullscreenOpenSource = "slider" | "grid" | "masonry" | "entries" | "api";
-type FullscreenOpenRequest = {
-    source: FullscreenOpenSource;
-    index: number;
-    image: HTMLImageElement | null;
-    method?: FullscreenOpenMethod;
-    requestedMethod?: FullscreenOpenMethod;
-    event?: Event;
-};
-interface GalleryApi {
-    rootNode(): HTMLElement | null;
-    containerNode(): HTMLElement | null;
-    getViewportNode: () => HTMLDivElement | 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.ReactNode | React.ReactNode[]): number;
-    prepend(nodes: React.ReactNode | React.ReactNode[]): number;
-    insert(index: number, nodes: React.ReactNode | React.ReactNode[]): number;
-    remove(indexOrPredicate: number | ((i: number) => boolean)): number;
-    replace(index: number, node: React.ReactNode): void;
-    setItems(nodes: React.ReactNode[]): number;
-    onIndexChange(cb: (i: number, meta: {
-        mode: IndexMode;
-    }) => void): () => void;
-    openFullscreenAt: (args: OpenFullscreenAtArgs) => void;
-}
-
-export type { FullscreenOpenRequest as F, GalleryApi as G, IndexMode as I, OpenFullscreenAtArgs as O, FullscreenOpenMethod as a };