react-motion-gallery 2.0.18 → 2.0.19

package/dist/{media-moIXOhT1.d.mts → plyrTypes-Cq4C3ul5.d.mts}

@@ -1,3 +1,5 @@
+import Plyr from 'plyr';
+
 type MediaItem = {
     kind: "image";
     src: string;
@@ -33,4 +35,9 @@ type MediaInput = string | {
 };
 declare const toMediaItems: (inputs: string[] | MediaInput[]) => MediaItem[];
 
-export { type MediaItem as M, toMediaItems as t };
+type PlyrSource = Plyr.SourceInfo;
+type PlyrOptions = Plyr.Options;
+type PlyrSourceBuilder = (item: MediaItem, index: number) => PlyrSource;
+type PlyrOptionsBuilder = PlyrOptions | ((item: MediaItem, index: number) => PlyrOptions);
+
+export { type MediaItem as M, type PlyrSourceBuilder as P, type PlyrOptionsBuilder as a, type PlyrSource as b, type PlyrOptions as c, toMediaItems as t };

package/dist/responsive-D_xhZmVI.d.mts

@@ -0,0 +1,186 @@
+import * as React$1 from 'react';
+import { M as MediaItem, P as PlyrSourceBuilder, a as PlyrOptionsBuilder } from './plyrTypes-Cq4C3ul5.mjs';
+import { a as ZoomPanOptions } from './types-Dhh8xfHo.mjs';
+
+type ElementStyle = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+
+type LoadingTimingOptions = {
+    exitMs?: number;
+    minVisibleMs?: number;
+};
+
+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;
+}
+
+type FsCounterArgs = {
+    index: number;
+    count: number;
+};
+type FsCaptionPlacement = "top" | "right" | "bottom" | "left";
+type FsIntroRequest = null | {
+    originalImage: HTMLImageElement | null;
+    index: number;
+    method: FullscreenOpenMethod;
+    closestSelector?: string;
+};
+type FSImageRender = (args: {
+    item: Extract<MediaItem, {
+        kind: "image";
+    }>;
+    index: number;
+    isZoomed: boolean;
+    className: string;
+    baseStyle: React$1.CSSProperties;
+}) => React$1.ReactNode;
+type FullscreenArrows = {
+    enabled?: boolean;
+    arrow?: ElementStyle;
+    prev?: ElementStyle;
+    next?: ElementStyle;
+    render?: (args: {
+        dir: "prev" | "next";
+    }) => React$1.ReactNode;
+    renderPrev?: () => React$1.ReactNode;
+    renderNext?: () => React$1.ReactNode;
+};
+type FullscreenClose = {
+    enabled?: boolean;
+    style?: React$1.CSSProperties;
+    className?: string;
+    render?: () => React$1.ReactNode;
+};
+type FullscreenCounter = {
+    enabled?: boolean;
+    style?: React$1.CSSProperties;
+    className?: string;
+    render?: (args: FsCounterArgs) => React$1.ReactNode;
+};
+type FullscreenControlsOptions = {
+    close?: FullscreenClose;
+    arrows?: FullscreenArrows;
+    counter?: FullscreenCounter;
+};
+type FsCaptionRenderArgs = {
+    item: MediaItem;
+    index: number;
+    isZoomed: boolean;
+};
+type FullscreenCaptionOptions = {
+    className?: string;
+    style?: React$1.CSSProperties;
+    width?: ResponsiveLength;
+    height?: ResponsiveLength;
+    placement?: ResponsiveCaptionPlacement;
+    breakpoint?: number;
+    render?: (args: FsCaptionRenderArgs) => React$1.ReactNode;
+    layout?: "overlay" | "slide";
+    overlayCrossfadeTarget?: "content" | "overlay";
+    zoomFade?: boolean;
+    zoomFadeDurationMs?: number;
+    zoomFadeEasing?: string;
+    zoomInTransform?: string;
+    zoomOutTransform?: string;
+};
+type FullscreenEffectsOptions = {
+    introDuration?: number;
+    introEasing?: string;
+    introFade?: boolean;
+    introStickyNavSelector?: string;
+    controlsFade?: boolean;
+    dragFade?: boolean;
+    slideFadeDuration?: number;
+    slideFadeEasing?: string;
+};
+type FullscreenSliderOptions = {
+    duration?: number;
+    friction?: number;
+    direction?: "ltr" | "rtl";
+};
+type FullscreenZoomPanOptions = ZoomPanOptions;
+type FullscreenVideoOptions = {
+    source?: PlyrSourceBuilder;
+    options?: PlyrOptionsBuilder;
+    style?: React$1.CSSProperties;
+    className?: string;
+};
+type FullscreenLazyLoadKind = "image" | "video";
+type FullscreenLazyLoadArgs = {
+    kind: FullscreenLazyLoadKind;
+    isClone?: boolean;
+};
+type FullscreenLazyLoadConfig = {
+    enabled?: boolean;
+    spinner?: boolean | React$1.ReactNode | ((args: FullscreenLazyLoadArgs) => React$1.ReactNode);
+    spinnerClassName?: string;
+    spinnerStyle?: React$1.CSSProperties;
+};
+type FullscreenLazyLoadOptions = {
+    images?: FullscreenLazyLoadConfig;
+    videos?: FullscreenLazyLoadConfig;
+};
+type FullscreenOptions = {
+    enabled?: boolean;
+    items?: MediaItem[] | string[];
+    renderImage?: FSImageRender;
+    video?: FullscreenVideoOptions;
+    controls?: FullscreenControlsOptions;
+    caption?: FullscreenCaptionOptions;
+    slider?: FullscreenSliderOptions;
+    zoom?: FullscreenZoomPanOptions;
+    effects?: FullscreenEffectsOptions;
+    lazyLoad?: FullscreenLazyLoadOptions;
+};
+
+declare const BREAKPOINT_MAP: Record<string, number>;
+type BreakpointMap = Record<string, number>;
+type ResponsiveNumber = number | Record<string, number>;
+type ResponsiveLengthValue = number | string;
+type ResponsiveLength = ResponsiveLengthValue | Record<string, ResponsiveLengthValue>;
+type ResponsiveCaptionPlacement = FsCaptionPlacement | Array<FsCaptionPlacement> | Record<string, FsCaptionPlacement>;
+
+export { BREAKPOINT_MAP as B, type ElementStyle as E, type FullscreenOptions as F, type GalleryApi as G, type IndexMode as I, type LoadingTimingOptions as L, type OpenFullscreenAtArgs as O, type ResponsiveNumber as R, type FsCaptionPlacement as a, type FsIntroRequest as b, type BreakpointMap as c, type ResponsiveLength as d, type ResponsiveCaptionPlacement as e, type FullscreenOpenRequest as f, type FullscreenClose as g, type FullscreenArrows as h, type FullscreenCounter as i, type FsCaptionRenderArgs as j, type FSImageRender as k, type FullscreenVideoOptions as l, type FullscreenLazyLoadOptions as m };

package/dist/slider.css

@@ -1 +1 @@
-.o{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.o[data-rmg-axis=x]{flex-direction:row}.o[data-rmg-axis=y]{flex-direction:column}.J .o{left:auto;right:0}.Ir{overflow:hidden;height:auto;width:100%;position:relative}.Jr{position:relative;z-index:1;padding-bottom:var(--rmg-slider-extras-height, 0px)}.Kr{pointer-events:none}.K{position:absolute;inset:0;z-index:5;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity;overflow:hidden}.Lr,.Mr{opacity:0}.v{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.v,.K{transition:none}}.s{position:relative;width:14px;height:14px;overflow:hidden;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease}.s:hover{transform:scale(1.2)}.s.Nr{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.s.Or{background-color:#d3d3d3}.i{-webkit-tap-highlight-color:rgba(0,0,0,.18);-webkit-appearance:none;appearance:none;background:transparent;touch-action:manipulation;display:flex;cursor:pointer;border:0;margin:0;padding:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / 2) 0;pointer-events:auto;--rmg-scrollbar-track: rgba(15, 23, 42, .16);--rmg-scrollbar-track-active: rgba(80, 163, 255, .28);--rmg-scrollbar-thumb: rgb(80, 163, 255);--rmg-scrollbar-thumb-shadow: 0 4px 14px rgba(80, 163, 255, .28)}.Pr{transform-origin:center}.i::-webkit-slider-runnable-track{border-radius:9999px;background:linear-gradient(90deg,var(--rmg-scrollbar-track-active) 0%,var(--rmg-scrollbar-track-active) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) 100%);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-webkit-slider-thumb{-webkit-appearance:none;width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow);margin-top:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / -2)}.i::-moz-range-thumb{width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow)}.u{position:absolute;border-radius:50%;transform:scale(0);animation:u .6s linear;background-color:#0000004d;pointer-events:none}@keyframes u{to{transform:scale(4);opacity:0}}.L [data-rmg-idx]>*{opacity:0;transform:translateY(var(--rmg-intro-offset, 10px));transition:opacity var(--rmg-intro-duration, 600) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, 600) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity,transform}.L.v [data-rmg-idx]>*{opacity:1;transform:translateY(0)}.Qr{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:M 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 M{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Rr{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}.N{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Sr{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Tr{display:flex;width:100%;gap:.75rem;height:var(--rmg-slider-row-height, var(--rmg-slider-initial-height, var(--rmg-slider-height, 320px)));align-items:stretch}.Ur{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Vr{position:relative;width:100%;container-type:inline-size}.Wr{position:relative;overflow-anchor:none;width:100%;height:auto;min-height:var(--rmg-slider-initial-height, var(--rmg-slider-height));max-height:none}.O{flex:1 1 0;height:100%;min-width:0;display:flex}.N[data-rmg-skel-mode=peek] .O{flex:0 0 auto}.ri{display:flex;min-width:0;min-height:0;width:100%}.y{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.y: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:P var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, ease-in-out) infinite;will-change:transform}@keyframes P{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.y:after{animation:none;opacity:0}}
+.r{position:relative;left:0;display:flex;width:100%;align-items:stretch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.r[data-rmg-axis=x]{flex-direction:row}.r[data-rmg-axis=y]{flex-direction:column}.q .r{left:auto;right:0}.ue{overflow:hidden;height:auto;width:100%;position:relative}:where(.xe){display:flex;justify-content:center;position:absolute;z-index:10;background:#00000080;border-radius:9999px;cursor:auto}:where(.ye){left:50%;bottom:10px;transform:translate(-50%);flex-direction:row;padding:4px 8px}:where(.ke){top:50%;left:10px;transform:translateY(-50%);flex-direction:column;padding:8px 4px}.we{position:relative;z-index:2}.ze{pointer-events:none}.A{position:absolute;inset:0;z-index:1;opacity:1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.Xe,._e{opacity:0}.g{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.g,.A{transition:none}}.a{position:relative;width:14px;height:14px;overflow:hidden;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease}.a:hover{transform:scale(1.2)}.a.je{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.a.Ye{background-color:#d3d3d3}.i{-webkit-tap-highlight-color:rgba(0,0,0,.18);-webkit-appearance:none;appearance:none;background:transparent;touch-action:manipulation;display:flex;cursor:pointer;border:0;margin:0;padding:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / 2) 0;pointer-events:auto;--rmg-scrollbar-track: rgba(15, 23, 42, .16);--rmg-scrollbar-track-active: rgba(80, 163, 255, .28);--rmg-scrollbar-thumb: rgb(80, 163, 255);--rmg-scrollbar-thumb-shadow: 0 4px 14px rgba(80, 163, 255, .28)}.Ze{transform-origin:center}.i::-webkit-slider-runnable-track{border-radius:9999px;background:linear-gradient(90deg,var(--rmg-scrollbar-track-active) 0%,var(--rmg-scrollbar-track-active) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) calc(var(--rmg-scrollbar-progress, 0) * 100%),var(--rmg-scrollbar-track) 100%);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-moz-range-track{border-radius:9999px;background:var(--rmg-scrollbar-track);height:var(--rmg-scrollbar-track-size, .375rem)}.i::-webkit-slider-thumb{-webkit-appearance:none;width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow);margin-top:calc((var(--rmg-scrollbar-thumb-size, 1rem) - var(--rmg-scrollbar-track-size, .375rem)) / -2)}.i::-moz-range-thumb{width:var(--rmg-scrollbar-thumb-size, 1rem);height:var(--rmg-scrollbar-thumb-size, 1rem);border-radius:50%;border:0;background:var(--rmg-scrollbar-thumb);box-shadow:var(--rmg-scrollbar-thumb-shadow)}.p{position:absolute;border-radius:50%;transform:scale(0);animation:p .6s linear;background-color:#0000004d;pointer-events:none}@keyframes p{to{transform:scale(4);opacity:0}}.B [data-rmg-idx]>*{opacity:0;transition:opacity var(--rmg-intro-duration, .6s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 60ms));will-change:opacity}.B.g [data-rmg-idx]>*{opacity:1}.qe{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:C 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 C{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.Ae{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}.D{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.Be{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Ce{display:flex;width:100%;gap:.75rem;height:var(--rmg-slider-row-height, var(--rmg-slider-initial-height, var(--rmg-slider-height, 320px)));align-items:stretch}.De{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0}.Ee{position:relative;width:100%;container-type:inline-size}.Fe{position:relative;overflow-anchor:none;width:100%;height:auto;max-height:none}.E{flex:1 1 0;height:100%;min-width:0;display:flex;box-sizing:border-box}.D[data-rmg-skel-mode=peek] .E{flex:0 0 auto}.Ge{display:flex;min-width:0;min-height:0;width:100%}.He{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:flex-start;align-content:flex-start}.Ie{min-width:0;align-self:flex-start}.f{width:100%;height:auto;position:relative;overflow:hidden;border-radius:var(--rmg-skel-radius, 12px);background:var(--rmg-skel-bg, #e5e5e5)}.f:after{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:F var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes F{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.f:after{animation:none}}.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/slider.d.mts

@@ -1,11 +1,15 @@
 import * as React from 'react';
-import { a as BreakpointMap } from './responsive-CvE5dTnP.mjs';
-import { S as SliderOptions, a as SliderHandle } from './types-fFyCx1KQ.mjs';
-export { R as ResponsiveHeightRule } from './types-fFyCx1KQ.mjs';
-import { S as SliderIndexChannel } from './sliderSub-DDPjywVp.mjs';
-export { c as createSliderIndexChannel } from './sliderSub-DDPjywVp.mjs';
-export { I as IndexMode } from './types-tb9Qf2Mj.mjs';
-import './elements-24CTbRWj.mjs';
+import { c as BreakpointMap } from './responsive-D_xhZmVI.mjs';
+export { I as IndexMode } from './responsive-D_xhZmVI.mjs';
+import { S as SliderOptions, a as SliderHandle } from './types-DY058l5M.mjs';
+export { R as ResponsiveHeightRule } from './types-DY058l5M.mjs';
+import { S as SliderIndexChannel } from './sliderSub-Bo6Y8as_.mjs';
+export { c as createSliderIndexChannel } from './sliderSub-Bo6Y8as_.mjs';
+import './plyrTypes-Cq4C3ul5.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './controls-SpWg1Kgt.mjs';
+import './text-Cl2tR8oO.mjs';
 
 declare const Slider: React.ForwardRefExoticComponent<SliderOptions & {
     children?: React.ReactNode;

package/dist/slider.mjs

@@ -1 +1 @@
-export{a as DEFAULT_SLIDER,b as Slider,b as default}from'./chunk-XVU6PJ7B.mjs';import'./chunk-YRQVG3MM.mjs';import'./chunk-KZUAS63N.mjs';export{a as createSliderIndexChannel}from'./chunk-UHXXMYPP.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-ESF6XBYF.mjs';import'./chunk-EV6ZK4QI.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
+export{b as DEFAULT_SLIDER,c as Slider,c as default}from'./chunk-5HIHJGIV.mjs';import'./chunk-ZX5E327W.mjs';export{a as createSliderIndexChannel}from'./chunk-DBIFLX6Y.mjs';import'./chunk-NABNX5HB.mjs';import'./chunk-FJYYM5TH.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';

package/dist/{sliderSub-DDPjywVp.d.mts → sliderSub-Bo6Y8as_.d.mts}

@@ -1,14 +1,24 @@
-import { I as IndexMode } from './types-tb9Qf2Mj.mjs';
+import { I as IndexMode } from './responsive-D_xhZmVI.mjs';
 
 type IndexListener = () => void;
+type IndexEventMeta = {
+    source?: "thumbnail" | "external";
+    transition?: "scroll" | "crossfade";
+    crossfade?: {
+        durationMs?: number;
+        easing?: string;
+    };
+};
 type IndexEvent = {
     type: "set";
     index: number;
     mode: IndexMode;
+    meta?: IndexEventMeta;
 } | {
     type: "bump";
     delta: number;
     mode: IndexMode;
+    meta?: IndexEventMeta;
 };
 type EventListener = (ev: IndexEvent) => void;
 type BasePointerDownListener = () => void;
@@ -20,9 +30,11 @@ declare function createSliderIndexChannel(initialIndex?: number, initialMode?: I
     };
     set(next: number, m?: IndexMode, opts?: {
         silent?: boolean;
+        meta?: IndexEventMeta;
     }): void;
     bump(delta: number, m?: IndexMode, opts?: {
         silent?: boolean;
+        meta?: IndexEventMeta;
     }): void;
     subscribe(fn: IndexListener): () => void;
     onEvent(fn: EventListener): () => void;

package/dist/text-Cl2tR8oO.d.mts

@@ -0,0 +1,4 @@
+type ResponsiveTextLineCount = number | Record<string, number>;
+type ResponsiveTextLineWidth = number | string | Record<string, number | string>;
+
+export type { ResponsiveTextLineCount as R, ResponsiveTextLineWidth as a };

package/dist/thumbnails.css

@@ -1 +1 @@
-.fr{position:relative}.hr{position:relative;z-index:1}.br{pointer-events:none}.D{position:absolute;inset:0;z-index:5;opacity:1;pointer-events:none;transition:opacity .22s ease;will-change:opacity;overflow:hidden}.vr{opacity:0}.ur{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.yr{display:flex;width:100%;height:100%}.xr{border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--rmg-shimmer-c1, #f0f2f5) 25%,var(--rmg-shimmer-c2, #e6e9ef) 37%,var(--rmg-shimmer-c3, #f0f2f5) 63%);background-size:var(--rmg-shimmer-size, 400% 100%);animation:E var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear)}@keyframes E{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.D{transition:none}}.c{position:relative;overflow:hidden;box-sizing:border-box}.c:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.c[data-active=true]:after{opacity:1}.kr{opacity:0}.g{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.g{transition:none}}.F [data-rmg-thumb-index]>*{opacity:0;transform:translateY(var(--rmg-intro-transform, 10px));transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.F.g [data-rmg-thumb-index]>*{opacity:1;transform:translateY(0)}.p{position:absolute;border-radius:50%;transform:scale(0);animation:p .6s linear;background-color:#0000004d;pointer-events:none}@keyframes p{to{transform:scale(4);opacity:0}}
+.pi{position:relative}.fi{position:relative;z-index:2}.hi{pointer-events:none}.R{position:absolute;inset:0;z-index:1;opacity:1;pointer-events:none;transition:opacity var(--rmg-loading-fade-duration, .6s) ease;will-change:opacity;overflow:hidden}.bi{opacity:0}.vi{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.ui{display:flex;width:100%;height:100%}.w{border-radius:6px;overflow:hidden;position:relative;background:var(--rmg-skel-bg, #e5e5e5)}.w:after{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:S var(--rmg-skel-shimmer-duration, 1.2s) var(--rmg-skel-shimmer-timing, linear) infinite;transform:translate(-100%);pointer-events:none}@keyframes S{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.w:after{animation:none}.R{transition:none}}.z{position:relative;overflow:hidden;box-sizing:border-box}.z:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.z[data-active=true]:after{opacity:1}.xi{opacity:0}.X{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.X{transition:none}}.T [data-rmg-thumb-index]>*{opacity:0;transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity}.T.X [data-rmg-thumb-index]>*{opacity:1}._{position:absolute;border-radius:50%;transform:scale(0);animation:_ .6s linear;background-color:#0000004d;pointer-events:none}@keyframes _{to{transform:scale(4);opacity:0}}

package/dist/thumbnails.d.mts

@@ -1,30 +1,42 @@
 import * as React from 'react';
-import { S as SliderIndexChannel } from './sliderSub-DDPjywVp.mjs';
-import { a as BreakpointMap } from './responsive-CvE5dTnP.mjs';
-import { f as ThumbnailsOptions } from './types-9g3BgMxk.mjs';
-export { R as ResponsivePosition, h as ThumbnailContainerLayout, e as ThumbnailIntroOptions, g as ThumbnailLayout, a as ThumbnailLoadingElements, c as ThumbnailLoadingOptions, b as ThumbnailLoadingRenderArgs, T as ThumbnailPosition, d as ThumbnailSkeletonMode, n as ThumbnailsControls, j as ThumbnailsElements, i as ThumbnailsLayout, l as ThumbnailsMotion, m as ThumbnailsRipple, k as ThumbnailsScroll, o as ThumbnailsTransitions } from './types-9g3BgMxk.mjs';
-import { I as IndexMode } from './types-tb9Qf2Mj.mjs';
-import './elements-24CTbRWj.mjs';
+import { S as SliderIndexChannel } from './sliderSub-Bo6Y8as_.mjs';
+import { c as BreakpointMap, I as IndexMode } from './responsive-D_xhZmVI.mjs';
+import { f as ThumbnailsOptions, h as ThumbnailSelectMeta } from './types-CHUayqcj.mjs';
+export { R as ResponsivePosition, j as ThumbnailContainerLayout, e as ThumbnailIntroOptions, i as ThumbnailLayout, a as ThumbnailLoadingElements, c as ThumbnailLoadingOptions, b as ThumbnailLoadingRenderArgs, T as ThumbnailPosition, d as ThumbnailSkeletonMode, p as ThumbnailsControls, l as ThumbnailsElements, k as ThumbnailsLayout, n as ThumbnailsMotion, o as ThumbnailsRipple, m as ThumbnailsScroll, q as ThumbnailsTransitions } from './types-CHUayqcj.mjs';
+import './plyrTypes-Cq4C3ul5.mjs';
+import 'plyr';
+import './types-Dhh8xfHo.mjs';
+import './controls-SpWg1Kgt.mjs';
 
 type Props = {
     options?: ThumbnailsOptions;
     children?: React.ReactNode;
     indexChannel?: SliderIndexChannel;
     breakpoints?: BreakpointMap;
-    onThumbnailClick?: (index: number) => void;
+    onThumbnailClick?: (index: number, meta?: ThumbnailSelectMeta) => void;
     onReadyChange?: (ready: boolean) => void;
     direction?: "ltr" | "rtl";
 };
 declare const ThumbnailSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 
+type SliderIndexEventMeta = {
+    source?: "thumbnail" | "external";
+    transition?: "scroll" | "crossfade";
+    crossfade?: {
+        durationMs?: number;
+        easing?: string;
+    };
+};
 type SliderIndexEvent = {
     type: "set";
     index: number;
     mode: IndexMode;
+    meta?: SliderIndexEventMeta;
 } | {
     type: "bump";
     delta: number;
     mode: IndexMode;
+    meta?: SliderIndexEventMeta;
 };
 type SliderIndexChannelLike = {
     get: () => {
@@ -33,9 +45,11 @@ type SliderIndexChannelLike = {
     };
     set: (index: number, mode?: IndexMode, opts?: {
         silent?: boolean;
+        meta?: SliderIndexEventMeta;
     }) => void;
     bump: (delta: number, mode?: IndexMode, opts?: {
         silent?: boolean;
+        meta?: SliderIndexEventMeta;
     }) => void;
     onEvent?: (fn: (event: SliderIndexEvent) => void) => () => void;
     subscribe?: (fn: () => void) => () => void;
@@ -50,7 +64,7 @@ type CreateThumbnailSyncBridgeArgs = {
 type ThumbnailSyncBridge = {
     start: () => () => void;
     stop: () => void;
-    publishThumbnailClick: (index: number, mode?: IndexMode) => void;
+    publishThumbnailClick: (index: number, mode?: IndexMode, meta?: SliderIndexEventMeta) => void;
 };
 declare function createThumbnailSyncBridge(args: CreateThumbnailSyncBridgeArgs): ThumbnailSyncBridge;
 

package/dist/thumbnails.mjs

@@ -1 +1 @@
-export{a as DEFAULT_THUMBNAILS,c as ThumbnailSlider,b as createThumbnailSyncBridge,c as default}from'./chunk-RQXWOXAH.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-UHXXMYPP.mjs';import'./chunk-TZGAHWM7.mjs';import'./chunk-ESF6XBYF.mjs';import'./chunk-X4HEGEZV.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-2AHLR3V4.mjs';
+export{a as DEFAULT_THUMBNAILS,c as ThumbnailSlider,b as createThumbnailSyncBridge,c as default}from'./chunk-KSOQWCCL.mjs';import'./chunk-P2GQPFSL.mjs';import'./chunk-DBIFLX6Y.mjs';import'./chunk-NABNX5HB.mjs';import'./chunk-FJYYM5TH.mjs';import'./chunk-ECQ74X24.mjs';import'./chunk-LVYED5ZM.mjs';import'./chunk-6TPHLAUP.mjs';

package/dist/{types-9g3BgMxk.d.mts → types-CHUayqcj.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { R as ResponsiveNumber, a as BreakpointMap } from './responsive-CvE5dTnP.mjs';
-import { E as ElementStyle, A as ArrowRenderArgs } from './elements-24CTbRWj.mjs';
+import { E as ElementStyle, R as ResponsiveNumber, L as LoadingTimingOptions, c as BreakpointMap } from './responsive-D_xhZmVI.mjs';
+import { A as ArrowRenderArgs } from './controls-SpWg1Kgt.mjs';
 
 type ThumbnailPosition = "top" | "right" | "bottom" | "left";
 type ResponsivePosition = ThumbnailPosition | Array<ThumbnailPosition> | Record<string, ThumbnailPosition>;
@@ -20,6 +20,7 @@ type ThumbnailLoadingOptions = {
     mode?: ThumbnailSkeletonMode;
     renderLoading?: (args: ThumbnailLoadingRenderArgs) => React.ReactNode;
     elements?: ThumbnailLoadingElements;
+    timing?: LoadingTimingOptions;
 };
 type ThumbnailIntroOptions = {
     renderIntro?: (args: {
@@ -27,7 +28,6 @@ type ThumbnailIntroOptions = {
         containerProps: React.HTMLAttributes<HTMLDivElement>;
     }, inner: React.ReactNode) => React.ReactNode;
     staggerMs?: number;
-    transform?: string;
     durationMs?: number;
     easing?: string;
 };
@@ -78,9 +78,19 @@ type ThumbnailsControls = {
     renderNext?: (args: ArrowRenderArgs) => React.ReactNode;
     ripple?: ThumbnailsRipple;
 };
+type ThumbnailCrossfadeOptions = {
+    enabled?: boolean;
+    durationMs?: number;
+    easing?: string;
+};
+type ThumbnailSelectMeta = {
+    transition: "scroll" | "crossfade";
+    crossfade?: ThumbnailCrossfadeOptions;
+};
 type ThumbnailsTransitions = {
     loading?: ThumbnailLoadingOptions;
     intro?: ThumbnailIntroOptions;
+    crossfade?: ThumbnailCrossfadeOptions;
 };
 type ThumbnailsOptions = {
     children?: React.ReactNode;
@@ -93,4 +103,4 @@ type ThumbnailsOptions = {
     breakpointMap?: BreakpointMap;
 };
 
-export type { ResponsivePosition as R, ThumbnailPosition as T, ThumbnailLoadingElements as a, ThumbnailLoadingRenderArgs as b, ThumbnailLoadingOptions as c, ThumbnailSkeletonMode as d, ThumbnailIntroOptions as e, ThumbnailsOptions as f, ThumbnailLayout as g, ThumbnailContainerLayout as h, ThumbnailsLayout as i, ThumbnailsElements as j, ThumbnailsScroll as k, ThumbnailsMotion as l, ThumbnailsRipple as m, ThumbnailsControls as n, ThumbnailsTransitions as o };
+export type { ResponsivePosition as R, ThumbnailPosition as T, ThumbnailLoadingElements as a, ThumbnailLoadingRenderArgs as b, ThumbnailLoadingOptions as c, ThumbnailSkeletonMode as d, ThumbnailIntroOptions as e, ThumbnailsOptions as f, ThumbnailCrossfadeOptions as g, ThumbnailSelectMeta as h, ThumbnailLayout as i, ThumbnailContainerLayout as j, ThumbnailsLayout as k, ThumbnailsElements as l, ThumbnailsScroll as m, ThumbnailsMotion as n, ThumbnailsRipple as o, ThumbnailsControls as p, ThumbnailsTransitions as q };

package/dist/{types-fFyCx1KQ.d.mts → types-DY058l5M.d.mts}

@@ -1,9 +1,9 @@
-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 { I as IndexMode, R as ResponsiveNumber, E as ElementStyle, L as LoadingTimingOptions } from './responsive-D_xhZmVI.mjs';
+import { A as ArrowRenderArgs, D as DotsRenderArgs, P as ProgressRenderArgs, S as ScrollbarRenderArgs } from './controls-SpWg1Kgt.mjs';
 import * as React$1 from 'react';
 import { RefObject } from 'react';
-import { S as SliderIndexChannel } from './sliderSub-DDPjywVp.mjs';
+import { R as ResponsiveTextLineCount, a as ResponsiveTextLineWidth } from './text-Cl2tR8oO.mjs';
+import { S as SliderIndexChannel } from './sliderSub-Bo6Y8as_.mjs';
 
 type SkeletonLength = number | string;
 type SkeletonShimmer = {
@@ -24,12 +24,19 @@ type SkeletonBaseStyle = {
     maxHeight?: SkeletonLength;
     backgroundColor?: string;
     borderRadius?: SkeletonLength;
+    overflow?: React$1.CSSProperties["overflow"];
     marginTop?: SkeletonLength;
     marginRight?: SkeletonLength;
     marginBottom?: SkeletonLength;
     marginLeft?: SkeletonLength;
     alignSelf?: React$1.CSSProperties["alignSelf"];
     aspectRatio?: SkeletonLength;
+    scale?: number;
+};
+type SkeletonBaseStyleResponsive = SkeletonBaseStyle | Record<string, SkeletonBaseStyle>;
+type SliderSkeletonWrapStyle = SkeletonBaseStyle & {
+    border?: React$1.CSSProperties["border"];
+    boxShadow?: React$1.CSSProperties["boxShadow"];
 };
 type SkeletonContainerStyle = {
     gap?: SkeletonLength;
@@ -39,18 +46,19 @@ type SkeletonContainerStyle = {
     wrap?: boolean;
     width?: SkeletonLength;
     maxWidth?: SkeletonLength;
+    overflow?: React$1.CSSProperties["overflow"];
 };
 type SkeletonContainerStyleResponsive = SkeletonContainerStyle | Record<string, SkeletonContainerStyle>;
 type SliderSkeletonSlot = {
     item?: SkeletonNode;
-    itemWrapStyle?: SkeletonBaseStyle;
+    itemWrapStyle?: SliderSkeletonWrapStyle;
 };
 type SliderSkeletonSliderNode = {
     kind: "slider";
     style?: SkeletonContainerStyleResponsive;
     count?: number;
     item: SkeletonNode;
-    itemWrapStyle?: SkeletonBaseStyle;
+    itemWrapStyle?: SliderSkeletonWrapStyle;
     slots?: SliderSkeletonSlot[];
     direction?: "row" | "col";
     children?: SkeletonNode[];
@@ -62,7 +70,7 @@ type SkeletonNode = {
     children: SkeletonNode[];
 } | {
     kind: "rect" | "square" | "circle";
-    style?: SkeletonBaseStyle;
+    style?: SkeletonBaseStyleResponsive;
     shimmer?: SkeletonShimmer;
 } | {
     kind: "media";
@@ -71,15 +79,16 @@ type SkeletonNode = {
     style?: SkeletonContainerStyleResponsive;
     tile?: {
         shape?: "rect" | "square" | "circle";
-        style?: SkeletonBaseStyle;
+        style?: SkeletonBaseStyleResponsive;
         shimmer?: SkeletonShimmer;
     };
 } | {
     kind: "text";
     fontSize: number;
     lineHeight: number;
-    lines?: number;
-    style?: SkeletonBaseStyle;
+    lines?: ResponsiveTextLineCount;
+    lineWidth?: ResponsiveTextLineWidth;
+    style?: SkeletonBaseStyleResponsive;
     shimmer?: SkeletonShimmer;
 };
 type SliderSkeletonSpec = {
@@ -178,6 +187,7 @@ type SliderLoadingOptions = {
         count: number;
     }) => React.ReactNode;
     skeleton?: SliderSkeletonSpec;
+    timing?: LoadingTimingOptions;
 };
 type SliderIntroOptions = {
     renderIntro?: (args: {
@@ -185,7 +195,6 @@ type SliderIntroOptions = {
         containerProps: React.HTMLAttributes<HTMLDivElement>;
     }, content: React.ReactNode) => React.ReactNode;
     staggerMs?: number;
-    transform?: number | string;
     durationMs?: number;
     easing?: string;
 };
@@ -205,11 +214,19 @@ type SliderScale = {
 };
 type SliderFade = {
     enabled?: boolean;
+    minOpacity?: number;
+};
+type CrossFade = {
+    controls?: boolean;
+    drag?: boolean;
+    durationMs?: number;
+    easing?: string;
 };
 type SliderEffects = {
     parallax?: SliderParallax;
     scale?: SliderScale;
     fade?: SliderFade;
+    crossfade?: CrossFade;
 };
 type SliderMotion = {
     selectDuration?: number;
@@ -239,6 +256,11 @@ type SliderOptions = {
     effects?: SliderEffects;
     indexChannel?: SliderIndexChannel;
 };
+type SliderUiSelectOptions = {
+    crossfade?: boolean;
+    durationMs?: number;
+    easing?: string;
+};
 interface SliderHandle {
     centerSlider: () => void;
     getIndex: () => number;
@@ -273,6 +295,7 @@ interface SliderHandle {
         sliderVelocity: RefObject<number>;
         isWrapping: RefObject<boolean>;
     };
+    setIndexFromUi: (i: number, opts?: SliderUiSelectOptions) => void;
 }
 
 export type { ResponsiveHeightRule as R, SliderOptions as S, SliderHandle as a };

package/dist/types-Dhh8xfHo.d.mts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+type ZoomPanOptions = {
+    clickZoomLevel?: number;
+    maxZoomLevel?: number;
+    panDuration?: number;
+    panFriction?: number;
+};
+type ZoomPanImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "children" | "className" | "style"> & {
+    className?: string;
+    style?: React.CSSProperties;
+    imageClassName?: string;
+    imageStyle?: React.CSSProperties;
+    zoom?: ZoomPanOptions;
+    disabled?: boolean;
+};
+
+export type { ZoomPanImageProps as Z, ZoomPanOptions as a };