yet-another-react-lightbox 3.5.4 → 3.6.0

package/dist/core/contexts/LightboxState.js

@@ -1,49 +0,0 @@
-import * as React from "react";
-import { getSlideIfPresent, getSlideIndex, makeUseContext } from "../utils.js";
-import { UNKNOWN_ACTION_TYPE } from "../consts.js";
-export const LightboxStateContext = React.createContext(null);
-export const useLightboxState = makeUseContext("useLightboxState", "LightboxStateContext", LightboxStateContext);
-export const LightboxDispatchContext = React.createContext(null);
-export const useLightboxDispatch = makeUseContext("useLightboxDispatch", "LightboxDispatchContext", LightboxDispatchContext);
-function reducer(state, action) {
-    switch (action.type) {
-        case "swipe": {
-            const { slides } = state;
-            const increment = (action === null || action === void 0 ? void 0 : action.increment) || 0;
-            const globalIndex = state.globalIndex + increment;
-            const currentIndex = getSlideIndex(globalIndex, slides.length);
-            const currentSlide = getSlideIfPresent(slides, currentIndex);
-            const animation = increment || action.duration
-                ? {
-                    increment,
-                    duration: action.duration,
-                    easing: action.easing,
-                }
-                : undefined;
-            return { slides, currentIndex, globalIndex, currentSlide, animation };
-        }
-        case "update":
-            return {
-                slides: action.slides,
-                currentIndex: action.index,
-                globalIndex: action.index,
-                currentSlide: getSlideIfPresent(action.slides, action.index),
-            };
-        default:
-            throw new Error(UNKNOWN_ACTION_TYPE);
-    }
-}
-export function LightboxStateProvider({ slides, index, children }) {
-    const [state, dispatch] = React.useReducer(reducer, {
-        slides,
-        currentIndex: index,
-        globalIndex: index,
-        currentSlide: getSlideIfPresent(slides, index),
-    });
-    React.useEffect(() => {
-        dispatch({ type: "update", slides, index });
-    }, [slides, index]);
-    const context = React.useMemo(() => ({ ...state, state, dispatch }), [state, dispatch]);
-    return (React.createElement(LightboxDispatchContext.Provider, { value: dispatch },
-        React.createElement(LightboxStateContext.Provider, { value: context }, children)));
-}

package/dist/core/contexts/Timeouts.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-export type TimeoutsContextType = {
-    setTimeout: (fn: () => void, delay?: number) => number;
-    clearTimeout: (id?: number) => void;
-};
-export declare const TimeoutsContext: React.Context<TimeoutsContextType | null>;
-export declare const useTimeouts: () => TimeoutsContextType;
-export declare function TimeoutsProvider({ children }: React.PropsWithChildren): React.JSX.Element;

package/dist/core/contexts/Timeouts.js

@@ -1,32 +0,0 @@
-import * as React from "react";
-import { makeUseContext } from "../utils.js";
-export const TimeoutsContext = React.createContext(null);
-export const useTimeouts = makeUseContext("useTimeouts", "TimeoutsContext", TimeoutsContext);
-export function TimeoutsProvider({ children }) {
-    const [timeouts] = React.useState([]);
-    React.useEffect(() => () => {
-        timeouts.forEach((tid) => window.clearTimeout(tid));
-        timeouts.splice(0, timeouts.length);
-    }, [timeouts]);
-    const context = React.useMemo(() => {
-        const removeTimeout = (id) => {
-            timeouts.splice(0, timeouts.length, ...timeouts.filter((tid) => tid !== id));
-        };
-        const setTimeout = (fn, delay) => {
-            const id = window.setTimeout(() => {
-                removeTimeout(id);
-                fn();
-            }, delay);
-            timeouts.push(id);
-            return id;
-        };
-        const clearTimeout = (id) => {
-            if (id !== undefined) {
-                removeTimeout(id);
-                window.clearTimeout(id);
-            }
-        };
-        return { setTimeout, clearTimeout };
-    }, [timeouts]);
-    return React.createElement(TimeoutsContext.Provider, { value: context }, children);
-}

package/dist/core/contexts/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Events.js";
-export * from "./LightboxProps.js";
-export * from "./LightboxState.js";
-export * from "./Timeouts.js";

package/dist/core/contexts/index.js

@@ -1,4 +0,0 @@
-export * from "./Events.js";
-export * from "./LightboxProps.js";
-export * from "./LightboxState.js";
-export * from "./Timeouts.js";

package/dist/core/hooks/index.d.ts

@@ -1,11 +0,0 @@
-export * from "./useAnimation.js";
-export * from "./useContainerRect.js";
-export * from "./useDelay.js";
-export * from "./useEventCallback.js";
-export * from "./useForkRef.js";
-export * from "./useLayoutEffect.js";
-export * from "./useLoseFocus.js";
-export * from "./useMotionPreference.js";
-export * from "./useRTL.js";
-export * from "./useSensors.js";
-export * from "./useThrottle.js";

package/dist/core/hooks/index.js

@@ -1,11 +0,0 @@
-export * from "./useAnimation.js";
-export * from "./useContainerRect.js";
-export * from "./useDelay.js";
-export * from "./useEventCallback.js";
-export * from "./useForkRef.js";
-export * from "./useLayoutEffect.js";
-export * from "./useLoseFocus.js";
-export * from "./useMotionPreference.js";
-export * from "./useRTL.js";
-export * from "./useSensors.js";
-export * from "./useThrottle.js";

package/dist/core/hooks/useAnimation.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-export type ComputeAnimation<T> = (snapshot: T, rect: DOMRect, translate: {
-    x: number;
-    y: number;
-    z: number;
-}) => {
-    keyframes: Keyframe[];
-    duration: number;
-    easing?: string;
-    onfinish?: () => void;
-} | undefined;
-export declare function useAnimation<T>(nodeRef: React.RefObject<HTMLElement | null>, computeAnimation: ComputeAnimation<T>): {
-    prepareAnimation: (currentSnapshot: T | undefined) => void;
-    isAnimationPlaying: () => boolean;
-};

package/dist/core/hooks/useAnimation.js

@@ -1,57 +0,0 @@
-import * as React from "react";
-import { useLayoutEffect } from "./useLayoutEffect.js";
-import { useMotionPreference } from "./useMotionPreference.js";
-function currentTransformation(node) {
-    let x = 0;
-    let y = 0;
-    let z = 0;
-    const matrix = window.getComputedStyle(node).transform;
-    const matcher = matrix.match(/matrix.*\((.+)\)/);
-    if (matcher) {
-        const values = matcher[1].split(",").map((str) => Number.parseInt(str, 10));
-        if (values.length === 6) {
-            x = values[4];
-            y = values[5];
-        }
-        else if (values.length === 16) {
-            x = values[12];
-            y = values[13];
-            z = values[14];
-        }
-    }
-    return { x, y, z };
-}
-export function useAnimation(nodeRef, computeAnimation) {
-    const snapshot = React.useRef();
-    const animation = React.useRef();
-    const reduceMotion = useMotionPreference();
-    useLayoutEffect(() => {
-        var _a, _b, _c;
-        if (nodeRef.current && snapshot.current !== undefined && !reduceMotion) {
-            const { keyframes, duration, easing, onfinish } = computeAnimation(snapshot.current, nodeRef.current.getBoundingClientRect(), currentTransformation(nodeRef.current)) || {};
-            if (keyframes && duration) {
-                (_a = animation.current) === null || _a === void 0 ? void 0 : _a.cancel();
-                animation.current = undefined;
-                try {
-                    animation.current = (_c = (_b = nodeRef.current).animate) === null || _c === void 0 ? void 0 : _c.call(_b, keyframes, { duration, easing });
-                }
-                catch (err) {
-                    console.error(err);
-                }
-                if (animation.current) {
-                    animation.current.onfinish = () => {
-                        animation.current = undefined;
-                        onfinish === null || onfinish === void 0 ? void 0 : onfinish();
-                    };
-                }
-            }
-        }
-        snapshot.current = undefined;
-    });
-    return {
-        prepareAnimation: (currentSnapshot) => {
-            snapshot.current = currentSnapshot;
-        },
-        isAnimationPlaying: () => { var _a; return ((_a = animation.current) === null || _a === void 0 ? void 0 : _a.playState) === "running"; },
-    };
-}

package/dist/core/hooks/useContainerRect.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { ContainerRect } from "../../types.js";
-export declare function useContainerRect<T extends HTMLElement = HTMLElement>(): {
-    setContainerRef: (node: T | null) => void;
-    containerRef: React.MutableRefObject<T | null>;
-    containerRect: ContainerRect | undefined;
-};

package/dist/core/hooks/useContainerRect.js

@@ -1,36 +0,0 @@
-import * as React from "react";
-export function useContainerRect() {
-    const [containerRect, setContainerRect] = React.useState();
-    const containerRef = React.useRef(null);
-    const observerRef = React.useRef();
-    const setContainerRef = React.useCallback((node) => {
-        containerRef.current = node;
-        if (observerRef.current) {
-            observerRef.current.disconnect();
-            observerRef.current = undefined;
-        }
-        const updateContainerRect = () => {
-            if (node) {
-                const styles = window.getComputedStyle(node);
-                const parse = (value) => parseFloat(value) || 0;
-                setContainerRect({
-                    width: Math.round(node.clientWidth - parse(styles.paddingLeft) - parse(styles.paddingRight)),
-                    height: Math.round(node.clientHeight - parse(styles.paddingTop) - parse(styles.paddingBottom)),
-                });
-            }
-            else {
-                setContainerRect(undefined);
-            }
-        };
-        updateContainerRect();
-        if (node && typeof ResizeObserver !== "undefined") {
-            observerRef.current = new ResizeObserver(updateContainerRect);
-            observerRef.current.observe(node);
-        }
-    }, []);
-    return React.useMemo(() => ({
-        setContainerRef,
-        containerRef,
-        containerRect,
-    }), [setContainerRef, containerRef, containerRect]);
-}

package/dist/core/hooks/useDelay.d.ts

@@ -1 +0,0 @@
-export declare function useDelay(): (callback: () => void, delay: number) => void;

package/dist/core/hooks/useDelay.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { useTimeouts } from "../contexts/Timeouts.js";
-export function useDelay() {
-    const timeoutId = React.useRef();
-    const { setTimeout, clearTimeout } = useTimeouts();
-    return React.useCallback((callback, delay) => {
-        clearTimeout(timeoutId.current);
-        timeoutId.current = setTimeout(callback, delay > 0 ? delay : 0);
-    }, [setTimeout, clearTimeout]);
-}

package/dist/core/hooks/useEventCallback.d.ts

@@ -1 +0,0 @@
-export declare function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;

package/dist/core/hooks/useEventCallback.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { useLayoutEffect } from "./useLayoutEffect.js";
-export function useEventCallback(fn) {
-    const ref = React.useRef(fn);
-    useLayoutEffect(() => {
-        ref.current = fn;
-    });
-    return React.useCallback((...args) => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call(ref, ...args); }, []);
-}

package/dist/core/hooks/useForkRef.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-export declare function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
-export declare function useForkRef<InstanceA, InstanceB>(refA: React.Ref<InstanceA> | null | undefined, refB: React.Ref<InstanceB> | null | undefined): React.Ref<InstanceA & InstanceB> | null;

package/dist/core/hooks/useForkRef.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-export function setRef(ref, value) {
-    if (typeof ref === "function") {
-        ref(value);
-    }
-    else if (ref) {
-        ref.current = value;
-    }
-}
-export function useForkRef(refA, refB) {
-    return React.useMemo(() => refA == null && refB == null
-        ? null
-        : (refValue) => {
-            setRef(refA, refValue);
-            setRef(refB, refValue);
-        }, [refA, refB]);
-}

package/dist/core/hooks/useLayoutEffect.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare const useLayoutEffect: typeof React.useLayoutEffect;

package/dist/core/hooks/useLayoutEffect.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { hasWindow } from "../utils.js";
-export const useLayoutEffect = hasWindow() ? React.useLayoutEffect : React.useEffect;

package/dist/core/hooks/useLoseFocus.d.ts

@@ -1,4 +0,0 @@
-export declare function useLoseFocus(disabled?: boolean): {
-    onFocus: () => void;
-    onBlur: () => void;
-};

package/dist/core/hooks/useLoseFocus.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { useLayoutEffect } from "./useLayoutEffect.js";
-import { useController } from "../modules/Controller.js";
-export function useLoseFocus(disabled = false) {
-    const focused = React.useRef(disabled);
-    const { focus } = useController();
-    useLayoutEffect(() => {
-        if (disabled) {
-            focus();
-        }
-    }, [disabled, focus]);
-    const onFocus = React.useCallback(() => {
-        focused.current = true;
-    }, []);
-    const onBlur = React.useCallback(() => {
-        focused.current = false;
-    }, []);
-    return { onFocus, onBlur };
-}

package/dist/core/hooks/useMotionPreference.d.ts

@@ -1 +0,0 @@
-export declare function useMotionPreference(): boolean;

package/dist/core/hooks/useMotionPreference.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-export function useMotionPreference() {
-    const [reduceMotion, setReduceMotion] = React.useState(false);
-    React.useEffect(() => {
-        var _a, _b;
-        const mediaQuery = (_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)");
-        setReduceMotion(mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.matches);
-        const listener = (event) => setReduceMotion(event.matches);
-        (_b = mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.addEventListener) === null || _b === void 0 ? void 0 : _b.call(mediaQuery, "change", listener);
-        return () => { var _a; return (_a = mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(mediaQuery, "change", listener); };
-    }, []);
-    return reduceMotion;
-}

package/dist/core/hooks/useRTL.d.ts

@@ -1 +0,0 @@
-export declare function useRTL(): boolean;

package/dist/core/hooks/useRTL.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { useLayoutEffect } from "./useLayoutEffect.js";
-export function useRTL() {
-    const [isRTL, setIsRTL] = React.useState(false);
-    useLayoutEffect(() => {
-        setIsRTL(window.getComputedStyle(window.document.documentElement).direction === "rtl");
-    }, []);
-    return isRTL;
-}

package/dist/core/hooks/useSensors.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-export type PointerEventType = "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerLeave" | "onPointerCancel";
-export type KeyboardEventType = "onKeyDown" | "onKeyUp";
-export type WheelEventType = "onWheel";
-export type SupportedEventType = PointerEventType | KeyboardEventType | WheelEventType;
-export type ReactEventType<T, K> = K extends KeyboardEventType ? React.KeyboardEvent<T> : K extends WheelEventType ? React.WheelEvent<T> : K extends PointerEventType ? React.PointerEvent<T> : never;
-export type EventCallback<T, P extends React.PointerEvent<T> | React.KeyboardEvent<T> | React.WheelEvent<T>> = (event: P) => void;
-export type SubscribeSensors<T> = <ET extends SupportedEventType>(type: ET, callback: EventCallback<T, ReactEventType<T, ET>>) => () => void;
-export type RegisterSensors<T> = Required<Pick<React.HTMLAttributes<T>, PointerEventType>> & Required<Pick<React.HTMLAttributes<T>, KeyboardEventType>> & Required<Pick<React.HTMLAttributes<T>, WheelEventType>>;
-export type UseSensors<T> = {
-    registerSensors: RegisterSensors<T>;
-    subscribeSensors: SubscribeSensors<T>;
-};
-export declare function useSensors<T extends Element>(): UseSensors<T>;

package/dist/core/hooks/useSensors.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import { EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, } from "../consts.js";
-export function useSensors() {
-    const [subscribers] = React.useState({});
-    return React.useMemo(() => {
-        const notifySubscribers = (type, event) => {
-            var _a;
-            (_a = subscribers[type]) === null || _a === void 0 ? void 0 : _a.forEach((listener) => {
-                if (!event.isPropagationStopped())
-                    listener(event);
-            });
-        };
-        return {
-            registerSensors: {
-                onPointerDown: (event) => notifySubscribers(EVENT_ON_POINTER_DOWN, event),
-                onPointerMove: (event) => notifySubscribers(EVENT_ON_POINTER_MOVE, event),
-                onPointerUp: (event) => notifySubscribers(EVENT_ON_POINTER_UP, event),
-                onPointerLeave: (event) => notifySubscribers(EVENT_ON_POINTER_LEAVE, event),
-                onPointerCancel: (event) => notifySubscribers(EVENT_ON_POINTER_CANCEL, event),
-                onKeyDown: (event) => notifySubscribers(EVENT_ON_KEY_DOWN, event),
-                onKeyUp: (event) => notifySubscribers(EVENT_ON_KEY_UP, event),
-                onWheel: (event) => notifySubscribers(EVENT_ON_WHEEL, event),
-            },
-            subscribeSensors: (type, callback) => {
-                if (!subscribers[type]) {
-                    subscribers[type] = [];
-                }
-                subscribers[type].unshift(callback);
-                return () => {
-                    const listeners = subscribers[type];
-                    if (listeners) {
-                        listeners.splice(0, listeners.length, ...listeners.filter((el) => el !== callback));
-                    }
-                };
-            },
-        };
-    }, [subscribers]);
-}

package/dist/core/hooks/useThrottle.d.ts

@@ -1 +0,0 @@
-export declare function useThrottle(callback: (...args: any[]) => void, delay: number): (...args: any[]) => void;

package/dist/core/hooks/useThrottle.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { useDelay } from "./useDelay.js";
-import { useEventCallback } from "./useEventCallback.js";
-export function useThrottle(callback, delay) {
-    const lastCallbackTime = React.useRef(0);
-    const delayCallback = useDelay();
-    const executeCallback = useEventCallback((...args) => {
-        lastCallbackTime.current = Date.now();
-        callback(args);
-    });
-    return React.useCallback((...args) => {
-        delayCallback(() => {
-            executeCallback(args);
-        }, delay - (Date.now() - lastCallbackTime.current));
-    }, [delay, executeCallback, delayCallback]);
-}

package/dist/core/index.d.ts

@@ -1,7 +0,0 @@
-export * from "./consts.js";
-export * from "./utils.js";
-export * from "./config.js";
-export * from "./hooks/index.js";
-export * from "./contexts/index.js";
-export * from "./components/index.js";
-export * from "./modules/index.js";

package/dist/core/index.js

@@ -1,7 +0,0 @@
-export * from "./consts.js";
-export * from "./utils.js";
-export * from "./config.js";
-export * from "./hooks/index.js";
-export * from "./contexts/index.js";
-export * from "./components/index.js";
-export * from "./modules/index.js";

package/dist/core/modules/Carousel.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { ComponentProps } from "../../types.js";
-export declare function Carousel({ carousel: { finite, preload, padding, spacing } }: ComponentProps): React.JSX.Element;
-export declare const CarouselModule: import("../../types.js").Module;

package/dist/core/modules/Carousel.js

@@ -1,72 +0,0 @@
-import * as React from "react";
-import { createModule } from "../config.js";
-import { clsx, composePrefix, cssClass, cssVar, isImageSlide, parseLengthPercentage } from "../utils.js";
-import { ImageSlide } from "../components/index.js";
-import { useController } from "./Controller.js";
-import { useLightboxProps, useLightboxState } from "../contexts/index.js";
-import { CLASS_FLEX_CENTER, CLASS_FULLSIZE, MODULE_CAROUSEL } from "../consts.js";
-function cssPrefix(value) {
-    return composePrefix(MODULE_CAROUSEL, value);
-}
-function cssSlidePrefix(value) {
-    return composePrefix("slide", value);
-}
-function CarouselSlide({ slide, offset }) {
-    const containerRef = React.useRef(null);
-    const { currentIndex } = useLightboxState();
-    const { slideRect, close } = useController();
-    const { render, carousel: { imageFit }, on: { click: onClick }, controller: { closeOnBackdropClick }, } = useLightboxProps();
-    const renderSlide = () => {
-        var _a, _b, _c, _d;
-        let rendered = (_a = render.slide) === null || _a === void 0 ? void 0 : _a.call(render, { slide, offset, rect: slideRect });
-        if (!rendered && isImageSlide(slide)) {
-            rendered = (React.createElement(ImageSlide, { slide: slide, offset: offset, render: render, rect: slideRect, imageFit: imageFit, onClick: offset === 0 ? () => onClick === null || onClick === void 0 ? void 0 : onClick({ index: currentIndex }) : undefined }));
-        }
-        return rendered ? (React.createElement(React.Fragment, null, (_b = render.slideHeader) === null || _b === void 0 ? void 0 :
-            _b.call(render, { slide }),
-            ((_c = render.slideContainer) !== null && _c !== void 0 ? _c : (({ children }) => children))({ slide, children: rendered }), (_d = render.slideFooter) === null || _d === void 0 ? void 0 :
-            _d.call(render, { slide }))) : null;
-    };
-    const handleBackdropClick = (event) => {
-        const container = containerRef.current;
-        const target = event.target instanceof HTMLElement ? event.target : undefined;
-        if (closeOnBackdropClick &&
-            target &&
-            container &&
-            (target === container ||
-                (Array.from(container.children).find((x) => x === target) &&
-                    target.classList.contains(cssClass(CLASS_FULLSIZE))))) {
-            close();
-        }
-    };
-    return (React.createElement("div", { ref: containerRef, className: clsx(cssClass(cssSlidePrefix()), offset === 0 && cssClass(cssSlidePrefix("current")), cssClass(CLASS_FLEX_CENTER)), onClick: handleBackdropClick }, renderSlide()));
-}
-function Placeholder() {
-    return React.createElement("div", { className: cssClass("slide") });
-}
-export function Carousel({ carousel: { finite, preload, padding, spacing } }) {
-    const { slides, currentIndex, globalIndex } = useLightboxState();
-    const { setCarouselRef } = useController();
-    const spacingValue = parseLengthPercentage(spacing);
-    const paddingValue = parseLengthPercentage(padding);
-    const items = [];
-    if ((slides === null || slides === void 0 ? void 0 : slides.length) > 0) {
-        for (let i = currentIndex - preload; i < currentIndex; i += 1) {
-            const key = globalIndex + i - currentIndex;
-            items.push(!finite || i >= 0 ? (React.createElement(CarouselSlide, { key: key, slide: slides[(i + preload * slides.length) % slides.length], offset: i - currentIndex })) : (React.createElement(Placeholder, { key: key })));
-        }
-        items.push(React.createElement(CarouselSlide, { key: globalIndex, slide: slides[currentIndex], offset: 0 }));
-        for (let i = currentIndex + 1; i <= currentIndex + preload; i += 1) {
-            const key = globalIndex + i - currentIndex;
-            items.push(!finite || i <= slides.length - 1 ? (React.createElement(CarouselSlide, { key: key, slide: slides[i % slides.length], offset: i - currentIndex })) : (React.createElement(Placeholder, { key: key })));
-        }
-    }
-    return (React.createElement("div", { ref: setCarouselRef, className: clsx(cssClass(cssPrefix()), items.length > 0 && cssClass(cssPrefix("with_slides"))), style: {
-            [`${cssVar(cssPrefix("slides_count"))}`]: items.length,
-            [`${cssVar(cssPrefix("spacing_px"))}`]: spacingValue.pixel || 0,
-            [`${cssVar(cssPrefix("spacing_percent"))}`]: spacingValue.percent || 0,
-            [`${cssVar(cssPrefix("padding_px"))}`]: paddingValue.pixel || 0,
-            [`${cssVar(cssPrefix("padding_percent"))}`]: paddingValue.percent || 0,
-        } }, items));
-}
-export const CarouselModule = createModule(MODULE_CAROUSEL, Carousel);

package/dist/core/modules/Controller.d.ts

@@ -1,31 +0,0 @@
-import * as React from "react";
-import { Callback, ComponentProps, ContainerRect, ControllerRef, NavigationAction } from "../../types.js";
-import { SubscribeSensors } from "../hooks/index.js";
-import { LightboxStateSwipeAction } from "../contexts/index.js";
-import { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING } from "../consts.js";
-declare module "../index.js" {
-    interface EventTypes {
-        [ACTION_PREV]: NavigationAction | void;
-        [ACTION_NEXT]: NavigationAction | void;
-        [ACTION_SWIPE]: LightboxStateSwipeAction;
-        [ACTION_CLOSE]: void;
-        [ACTIVE_SLIDE_LOADING]: void;
-        [ACTIVE_SLIDE_PLAYING]: void;
-        [ACTIVE_SLIDE_COMPLETE]: void;
-        [ACTIVE_SLIDE_ERROR]: void;
-    }
-}
-export type ControllerContextType = Pick<ControllerRef, "prev" | "next" | "close"> & {
-    focus: Callback;
-    slideRect: ContainerRect;
-    containerRect: ContainerRect;
-    subscribeSensors: SubscribeSensors<HTMLDivElement>;
-    containerRef: React.RefObject<HTMLDivElement>;
-    setCarouselRef: React.Ref<HTMLDivElement>;
-    toolbarWidth: number | undefined;
-    setToolbarWidth: (width: number | undefined) => void;
-};
-export declare const ControllerContext: React.Context<ControllerContextType | null>;
-export declare const useController: () => NonNullable<ControllerContextType>;
-export declare function Controller({ children, ...props }: ComponentProps): React.JSX.Element;
-export declare const ControllerModule: import("../../types.js").Module;