@mantine-bites/lightbox 1.0.0-beta.9 → 1.1.0

package/dist/styles.layer.css

@@ -1 +1 @@
-@layer mantine {.me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;inset:0;position:fixed;width:100dvw}.me_143cf98,.me_4f1afa9a{z-index:var(--lightbox-z-index)}.me_f5ce649a{flex:1;min-height:0;overflow:hidden}.me_9450faf9{align-items:center;display:flex;height:100%;justify-content:center;line-height:1}.me_411d1cbf{max-width:100%;padding:var(--mantine-spacing-md)}.me_3a7e4a85{overflow:hidden;width:100%}.me_59a13682{align-items:stretch;display:flex;justify-content:center}.me_59a13682[data-overflow]{justify-content:flex-start}.me_fe2263dd{flex:0 0 auto;margin-right:var(--mantine-spacing-xs)}.me_fe2263dd:last-child{margin-right:0}.me_a9abc686{border:2px solid transparent;border-radius:var(--mantine-radius-sm);cursor:pointer;flex-shrink:0;font-size:0;height:76px;line-height:1;opacity:.5;overflow:hidden;position:relative;transition:opacity .15s ease,border-color .15s ease;width:94px}.me_a9abc686[data-active]{border-color:var(--mantine-primary-color-filled);opacity:1}.me_a9abc686 img{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.me_ff615a9f{background-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-1);position:relative}.me_dfd5db36,.me_ff615a9f{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.me_dfd5db36{line-height:1;overflow:hidden}.me_dfd5db36 img{cursor:zoom-in;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.me_dfd5db36[data-zoomed] img{cursor:zoom-out}.me_dfd5db36[data-can-zoom=false] img{cursor:default}.me_2ed9ec6e{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;transform-origin:center;transition:transform .15s ease;width:100%;will-change:transform}.me_dfd5db36[data-dragging] .me_2ed9ec6e{transition:none}.me_fe5b16c3{right:var(--mantine-spacing-md)}.me_7b66e144,.me_fe5b16c3{position:absolute;top:var(--mantine-spacing-md);z-index:1}.me_7b66e144{color:var(--mantine-color-white);font-weight:500;left:var(--mantine-spacing-md);user-select:none}}
+@layer mantine {.me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;inset:0;position:fixed;width:100dvw;z-index:200}.me_f5ce649a{flex:1;min-height:0;overflow:hidden;position:relative}.me_7f838760{height:100%;overflow:hidden}.me_b5439507{display:flex;height:100%}.me_4f1afa9a[data-orientation=vertical] .me_b5439507{flex-direction:column}.me_7b06f0a5{align-items:center;background-color:var(--mantine-color-white);border-radius:var(--lightbox-control-size);display:flex;justify-content:center;min-height:var(--lightbox-control-size);min-width:var(--lightbox-control-size);pointer-events:all;position:absolute;top:calc(50% - var(--lightbox-thumbnails-height, 0px)/2);transform:translateY(-50%);z-index:1}[data-mantine-color-scheme=dark] .me_7b06f0a5{background-color:var(--mantine-color-dark-5)}.me_7b06f0a5{color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .me_7b06f0a5{color:var(--mantine-color-white)}.me_7b06f0a5{border:1px solid var(--mantine-color-gray-3);box-shadow:var(--mantine-shadow-md)}[data-mantine-color-scheme=dark] .me_7b06f0a5{border:1px solid var(--mantine-color-dark-4)}.me_7b06f0a5{transition:background-color .1s ease,border-color .1s ease}@media (hover:hover){.me_7b06f0a5:hover{background-color:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .me_7b06f0a5:hover{background-color:var(--mantine-color-dark-4)}.me_7b06f0a5:hover{border-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .me_7b06f0a5:hover{border-color:var(--mantine-color-dark-3)}}@media (hover:none){.me_7b06f0a5:active{background-color:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .me_7b06f0a5:active{background-color:var(--mantine-color-dark-4)}.me_7b06f0a5:active{border-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .me_7b06f0a5:active{border-color:var(--mantine-color-dark-3)}}.me_7b06f0a5[data-direction=prev]{left:var(--mantine-spacing-md)}.me_7b06f0a5[data-direction=next]{right:var(--mantine-spacing-md)}.me_4f1afa9a[data-orientation=vertical] .me_7b06f0a5[data-direction=prev]{left:50%;right:auto;top:var(--mantine-spacing-md);transform:translateX(-50%)}.me_4f1afa9a[data-orientation=vertical] .me_7b06f0a5[data-direction=next]{inset:auto auto calc(var(--mantine-spacing-md) + var(--lightbox-thumbnails-height, 0px)) 50%;transform:translateX(-50%)}.me_9450faf9{flex:0 0 100%;height:100%;line-height:1}.me_411d1cbf{max-width:100%;padding:var(--mantine-spacing-md)}.me_3a7e4a85{overflow:hidden;width:100%}.me_59a13682{align-items:stretch;display:flex;justify-content:center}.me_59a13682[data-overflow]{justify-content:flex-start}.me_3be82a34{flex:0 0 auto;margin-right:var(--mantine-spacing-xs)}.me_3be82a34:last-child{margin-right:0}.me_a9abc686{border:2px solid transparent;border-radius:var(--mantine-radius-sm);cursor:pointer;flex-shrink:0;font-size:0;height:76px;line-height:1;opacity:.5;overflow:hidden;position:relative;transition:opacity .15s ease,border-color .15s ease;width:94px}.me_a9abc686 img{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.me_a9abc686[aria-current]{border-color:var(--mantine-primary-color-filled);opacity:1}.me_dfd5db36{align-items:center;display:flex;height:100%;justify-content:center;line-height:1;overflow:hidden;width:100%}.me_dfd5db36 img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.me_dfd5db36[data-zoom-enabled] img{cursor:zoom-in}.me_dfd5db36[data-zoom-enabled][data-zoomed] img{cursor:zoom-out}.me_dfd5db36[data-zoom-enabled][data-can-zoom=false] img{cursor:default}.me_2ed9ec6e{align-items:center;display:flex;height:100%;justify-content:center;transform-origin:center;transition:transform .15s ease;width:100%;will-change:transform}.me_dfd5db36[data-dragging] .me_2ed9ec6e{transition:none}.me_fe5b16c3{right:var(--mantine-spacing-md)}.me_7b66e144,.me_fe5b16c3{position:absolute;top:var(--mantine-spacing-md);z-index:1}.me_7b66e144{color:var(--mantine-color-white);font-weight:500;left:var(--mantine-spacing-md);user-select:none}}

package/dist/types/Lightbox.context-value.d.ts

@@ -0,0 +1,16 @@
+import type { GetStylesApi, OverlayProps } from "@mantine/core";
+import type { CSSProperties } from "react";
+import type { UseLightboxOutput } from "./hooks/useLightbox.js";
+import type { LightboxContext } from "./Lightbox.context.js";
+import type { LightboxFactory } from "./Lightbox.js";
+interface BuildLightboxContextValueInput {
+    getStyles: GetStylesApi<LightboxFactory>;
+    transitionStyles: CSSProperties;
+    overlayProps: OverlayProps;
+    onClose: () => void;
+    withZoom: boolean | undefined;
+    lightbox: UseLightboxOutput;
+}
+export declare function buildLightboxContextValue({ getStyles, transitionStyles, overlayProps, onClose, withZoom, lightbox, }: BuildLightboxContextValueInput): LightboxContext;
+export {};
+//# sourceMappingURL=Lightbox.context-value.d.ts.map

package/dist/types/Lightbox.context-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.context-value.d.ts","sourceRoot":"","sources":["../../src/Lightbox.context-value.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,UAAU,8BAA8B;IACvC,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IACzC,gBAAgB,EAAE,aAAa,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;CAC5B;AAED,wBAAgB,yBAAyB,CAAC,EACzC,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GACR,EAAE,8BAA8B,GAAG,eAAe,CAiClD"}

package/dist/types/Lightbox.context.d.ts

@@ -1,34 +1,36 @@
 import { type GetStylesApi } from "@mantine/core";
-import type { ReactElement, PointerEvent as ReactPointerEvent, RefObject } from "react";
+import type { EmblaCarouselType } from "embla-carousel";
+import type { PointerEvent as ReactPointerEvent, RefObject } from "react";
 import type { LightboxFactory } from "./Lightbox.js";
-import type { LightboxSlideProps } from "./LightboxSlide.js";
 import type { ZoomOffset } from "./utils/zoom.js";
 export interface LightboxContext {
     getStyles: GetStylesApi<LightboxFactory>;
-    slides: ReactElement<Pick<LightboxSlideProps, "children" | "thumbnail">>[];
+    opened: boolean;
     currentIndex: number;
-    withFullscreen: boolean | undefined;
-    withZoom: boolean | undefined;
-    isFullscreen: boolean;
-    canUseFullscreen: boolean;
-    onToggleFullscreen: () => void;
-    canUseAutoPlay: boolean;
-    isPlaying: boolean;
-    onToggleAutoPlay: () => void;
-    onToggleZoom: () => void;
+    slideCount: number | null;
+    slidesEmblaRef: RefObject<EmblaCarouselType | null>;
+    thumbnailsEmblaRef: RefObject<EmblaCarouselType | null>;
+    setCurrentIndex: (index: number) => void;
+    setSlideCount: (count: number | null) => void;
+    onClose: () => void;
+    onOutsideClick: () => void;
+    onThumbnailClick: (index: number) => void;
+    onScrollPrev: () => void;
+    onScrollNext: () => void;
+    orientation: "horizontal" | "vertical";
+    withZoom: boolean;
     isZoomed: boolean;
+    isZoomedRef: RefObject<boolean>;
     isDraggingZoom: boolean;
     canZoomCurrent: boolean;
     zoomOffset: ZoomOffset;
     zoomScale: number;
     activeZoomContainerRef: RefObject<HTMLDivElement | null>;
+    toggleZoom: () => void;
     updateCanZoomAvailability: () => void;
     handleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
     handleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
     handleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
-    onClose: () => void;
-    handleOutsideClick: () => void;
-    onThumbnailClick: (index: number) => void;
 }
 export declare const LightboxProvider: ({ children, value }: {
     value: LightboxContext;

package/dist/types/Lightbox.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.context.d.ts","sourceRoot":"","sources":["../../src/Lightbox.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,EACX,YAAY,EACZ,YAAY,IAAI,iBAAiB,EACjC,SAAS,EACT,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAEzC,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC;IAC3E,YAAY,EAAE,MAAM,CAAC;IAErB,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAE9B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAE/B,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAEzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAO,gBAAgB;;;+CAAE,kBAAkB,uBAGhD,CAAC"}
+{"version":3,"file":"Lightbox.context.d.ts","sourceRoot":"","sources":["../../src/Lightbox.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACpD,kBAAkB,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACxD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IAEvC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACzE;AAED,eAAO,MAAO,gBAAgB;;;+CAAE,kBAAkB,uBAGhD,CAAC"}

package/dist/types/Lightbox.d.ts

@@ -1,115 +1,98 @@
-import { type CarouselProps } from "@mantine/carousel";
-import { type BoxProps, type ElementProps, type Factory, type OverlayProps, type PortalProps, type StylesApiProps, type TransitionProps } from "@mantine/core";
-import type { EmblaOptionsType } from "embla-carousel";
-import { LightboxSlide } from "./LightboxSlide.js";
-export type LightboxCssVariables = {
-    root: "--lightbox-z-index";
-    overlay: "--lightbox-z-index" | "--overlay-z-index";
+import { type Factory, type ImageProps } from "@mantine/core";
+import { LightboxAutoplayButton } from "./components/LightboxAutoplayButton.js";
+import { LightboxCloseButton } from "./components/LightboxCloseButton.js";
+import { LightboxControls, type LightboxControlsProps } from "./components/LightboxControls.js";
+import { LightboxCounter, type LightboxCounterProps } from "./components/LightboxCounter.js";
+import { LightboxFullscreenButton } from "./components/LightboxFullscreenButton.js";
+import { LightboxRoot, type LightboxRootProps } from "./components/LightboxRoot.js";
+import { LightboxSlide } from "./components/LightboxSlide.js";
+import { LightboxSlides, type LightboxSlidesProps } from "./components/LightboxSlides.js";
+import { LightboxThumbnail } from "./components/LightboxThumbnail.js";
+import { LightboxThumbnails, type LightboxThumbnailsProps } from "./components/LightboxThumbnails.js";
+import { LightboxToolbar } from "./components/LightboxToolbar.js";
+import { LightboxZoomButton } from "./components/LightboxZoomButton.js";
+type LightboxImageBaseProps = Omit<ImageProps, "src" | "fallbackSrc" | "fit" | "w" | "width" | "h" | "height" | "miw" | "minWidth" | "mih" | "minHeight" | "maw" | "maxWidth" | "mah" | "maxHeight">;
+export type LightboxImageProps = LightboxImageBaseProps & {
+    component?: any;
+    renderRoot?: (props: any) => React.ReactNode;
 };
-export type LightboxStylesNames = "root" | "overlay" | "slides" | "slide" | "zoomContainer" | "zoomContent" | "toolbar" | "fullscreenButton" | "zoomButton" | "closeButton" | "autoplayButton" | "counter" | "thumbnails" | "thumbnailsViewport" | "thumbnailsContainer" | "thumbnailSlide" | "thumbnailButton" | "thumbnailPlaceholder";
-export type LightboxCarouselOptions = Omit<CarouselProps, "withKeyboardEvents" | "withIndicators">;
-export type LightboxThumbnailEmblaOptions = EmblaOptionsType;
-export interface LightboxProps extends BoxProps, StylesApiProps<LightboxFactory>, ElementProps<"div"> {
-    /**
-     * Controls whether the lightbox is visible.
-     */
-    opened: boolean;
-    /**
-     * Callback invoked when the lightbox requests to close.
-     */
-    onClose: () => void;
-    /**
-     * Keeps the lightbox mounted in the DOM when it is not visible.
-     * @default false
-     */
-    keepMounted?: boolean;
-    /**
-     * Closes the lightbox when a pointer interaction occurs outside its content area.
-     * @default true
-     */
-    closeOnClickOutside?: boolean;
-    /**
-     * Constrains keyboard focus to elements within the lightbox while it is open.
-     * @default true
-     */
-    trapFocus?: boolean;
-    /**
-     * Restores focus to the previously focused element after the lightbox closes.
-     * @default true
-     */
-    returnFocus?: boolean;
-    /**
-     * Prevents background document scrolling while the lightbox is open.
-     * @default true
-     */
-    lockScroll?: boolean;
-    /**
-     * Renders thumbnail previews for navigating between slides.
-     * @default true
-     */
+export interface LightboxImageData {
+    /** URL for the slide image */
+    src: string;
+    /** URL used as a fallback if the slide image cannot be loaded */
+    fallbackSrc?: string;
+    /** Alt text for the slide image */
+    alt?: string;
+    /** URL for the thumbnail image, falls back to `src` if omitted */
+    thumbnailSrc?: string;
+    /** URL used as a fallback if the thumbnail image cannot be loaded */
+    fallbackThumbnailSrc?: string;
+    /** Alt text for the thumbnail image, falls back to `alt` if omitted */
+    thumbnailAlt?: string;
+    /** Pre-defined width of the image, only applicable when using next/image */
+    width?: number;
+    /** Pre-defined height of the image, only applicable when using next/image */
+    height?: number;
+}
+export interface LightboxProps extends Omit<LightboxRootProps, "children"> {
+    /** Array of images to display */
+    images: LightboxImageData[];
+    /** Show toolbar (zoom, fullscreen, close buttons), `true` by default */
+    withToolbar?: boolean;
+    /** Show prev/next navigation controls, `true` by default */
+    withControls?: boolean;
+    /** Show thumbnail strip, `true` by default */
     withThumbnails?: boolean;
-    /**
-     * Displays the current slide index and total slide count.
-     * @default true
-     */
+    /** Show slide counter, `true` by default */
     withCounter?: boolean;
-    /**
-     * Shows a control that toggles fullscreen mode for the lightbox.
-     * @default true
-     */
-    withFullscreen?: boolean;
-    /**
-     * Shows a control that toggles zoom functionality for the active slide.
-     * @default true
-     */
-    withZoom?: boolean;
-    /**
-     * Formats the slide counter output based on the current index and total count.
-     * @default (index, total) => `${index + 1} / ${total}`
-     */
-    counterFormatter?: (index: number, total: number) => string;
-    /**
-     * Configuration options forwarded to the underlying Carousel instance.
-     */
-    carouselOptions?: LightboxCarouselOptions;
-    /**
-     * Configuration options used by the thumbnail strip Embla instance.
-     */
-    thumbnailEmblaOptions?: LightboxThumbnailEmblaOptions;
-    /**
-     * Props forwarded to the Overlay component that renders the backdrop.
-     */
-    overlayProps?: OverlayProps;
-    /**
-     * Transition configuration applied to the lightbox content container.
-     */
-    transitionProps?: Omit<TransitionProps, "mounted" | "keepMounted" | "children">;
-    /**
-     * Renders the lightbox inside a React Portal instead of the current DOM hierarchy.
-     * @default true
-     */
-    withinPortal?: boolean;
-    /**
-     * Props forwarded to the Portal component when portal rendering is enabled.
-     */
-    portalProps?: Omit<PortalProps, "withinPortal" | "children">;
+    /** Props passed to the slides carousel (`LightboxSlides`) */
+    slidesProps?: Pick<LightboxSlidesProps, "initialSlide" | "emblaOptions" | "emblaPlugins">;
+    /** Props passed to the thumbnails carousel (`LightboxThumbnails`) */
+    thumbnailsProps?: Pick<LightboxThumbnailsProps, "emblaOptions">;
+    /** Props passed to the prev/next controls (`LightboxControls`) */
+    controlsProps?: Pick<LightboxControlsProps, "size">;
+    /** Props passed to the slide counter (`LightboxCounter`) */
+    counterProps?: Pick<LightboxCounterProps, "formatter">;
+    /** Props passed to the slide `Image` component  */
+    slideImageProps?: LightboxImageProps;
+    /** Props passed to the thumbnail `Image` component  */
+    thumbnailImageProps?: LightboxImageProps;
 }
 export type LightboxFactory = Factory<{
     props: LightboxProps;
     ref: HTMLDivElement;
-    stylesNames: LightboxStylesNames;
-    vars: LightboxCssVariables;
     staticComponents: {
+        Root: typeof LightboxRoot;
+        Toolbar: typeof LightboxToolbar;
+        Counter: typeof LightboxCounter;
+        Controls: typeof LightboxControls;
+        Slides: typeof LightboxSlides;
         Slide: typeof LightboxSlide;
+        Thumbnails: typeof LightboxThumbnails;
+        Thumbnail: typeof LightboxThumbnail;
+        CloseButton: typeof LightboxCloseButton;
+        ZoomButton: typeof LightboxZoomButton;
+        FullscreenButton: typeof LightboxFullscreenButton;
+        AutoplayButton: typeof LightboxAutoplayButton;
     };
 }>;
 export declare const Lightbox: import("@mantine/core").MantineComponent<{
     props: LightboxProps;
     ref: HTMLDivElement;
-    stylesNames: LightboxStylesNames;
-    vars: LightboxCssVariables;
     staticComponents: {
+        Root: typeof LightboxRoot;
+        Toolbar: typeof LightboxToolbar;
+        Counter: typeof LightboxCounter;
+        Controls: typeof LightboxControls;
+        Slides: typeof LightboxSlides;
         Slide: typeof LightboxSlide;
+        Thumbnails: typeof LightboxThumbnails;
+        Thumbnail: typeof LightboxThumbnail;
+        CloseButton: typeof LightboxCloseButton;
+        ZoomButton: typeof LightboxZoomButton;
+        FullscreenButton: typeof LightboxFullscreenButton;
+        AutoplayButton: typeof LightboxAutoplayButton;
     };
 }>;
+export {};
 //# sourceMappingURL=Lightbox.d.ts.map

package/dist/types/Lightbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox.tsx"],"names":[],"mappings":"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"}

package/dist/types/Lightbox.defaults.d.ts

@@ -1,18 +1,13 @@
 export declare const LIGHTBOX_DEFAULT_PROPS: {
     readonly closeOnClickOutside: true;
-    readonly withThumbnails: true;
-    readonly withCounter: true;
-    readonly withFullscreen: true;
-    readonly withZoom: true;
     readonly keepMounted: false;
     readonly trapFocus: true;
     readonly lockScroll: true;
     readonly returnFocus: true;
     readonly withinPortal: true;
-    readonly carouselOptions: {
-        readonly controlSize: 36;
-    };
-    readonly thumbnailEmblaOptions: {
+    readonly controlSize: 36;
+    readonly carouselOptions: {};
+    readonly thumbnailCarouselOptions: {
         readonly dragFree: true;
     };
     readonly overlayProps: {

package/dist/types/Lightbox.defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.defaults.d.ts","sourceRoot":"","sources":["../../src/Lightbox.defaults.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BzB,CAAC"}
+{"version":3,"file":"Lightbox.defaults.d.ts","sourceRoot":"","sources":["../../src/Lightbox.defaults.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;CAsBzB,CAAC"}

package/dist/types/Lightbox.story.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
 export default _default;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithLoop: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithPlaceholderThumbnails: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithCustomCounter: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithAutoPlay: () => import("react/jsx-runtime").JSX.Element;
+export declare const Vertical: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithAutoplay: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Lightbox.story.d.ts.map

package/dist/types/Lightbox.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../src/Lightbox.story.tsx"],"names":[],"mappings":";;;AAYA,wBAAqC;AA6ErC,eAAO,MAAM,OAAO,+CAqBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CA6BpB,CAAC;AAEF,eAAO,MAAM,yBAAyB,+CA2ErC,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAyB7B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAgCxB,CAAC"}
+{"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../src/Lightbox.story.tsx"],"names":[],"mappings":";;;AAWA,wBAAqC;AAgErC,eAAO,MAAM,OAAO,+CAenB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAiBpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAe7B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAepB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAwBxB,CAAC"}

package/dist/types/LightboxSlide.context.d.ts

@@ -0,0 +1,8 @@
+export interface LightboxSlideContext {
+    index: number;
+}
+export declare const LightboxSlideProvider: ({ children, value }: {
+    value: LightboxSlideContext;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useLightboxSlideContext: () => LightboxSlideContext;
+//# sourceMappingURL=LightboxSlide.context.d.ts.map

package/dist/types/LightboxSlide.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxSlide.context.d.ts","sourceRoot":"","sources":["../../src/LightboxSlide.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,qBAAqB;;;+CAAE,uBAAuB,4BAG1D,CAAC"}

package/dist/types/LightboxSlide.d.ts

@@ -1,9 +1,6 @@
 import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
-import type { ReactNode } from "react";
 export type LightboxSlideStylesNames = "slide";
 export interface LightboxSlideProps extends BoxProps, CompoundStylesApiProps<LightboxSlideFactory>, ElementProps<"div"> {
-    /** Content rendered as the slide thumbnail in the lightbox navigation, or a default placeholder if omitted. */
-    thumbnail?: ReactNode;
 }
 export type LightboxSlideFactory = Factory<{
     props: LightboxSlideProps;

package/dist/types/LightboxSlide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LightboxSlide.d.ts","sourceRoot":"","sources":["../../src/LightboxSlide.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,kBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,oBAAoB,CAAC,EAC5C,YAAY,CAAC,KAAK,CAAC;IACpB,+GAA+G;IAC/G,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IAC1C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;WANlB,kBAAkB;SACpB,cAAc;iBACN,wBAAwB;cAC3B,IAAI;EAgBb,CAAC"}
+{"version":3,"file":"LightboxSlide.d.ts","sourceRoot":"","sources":["../../src/LightboxSlide.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAOvB,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,kBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,oBAAoB,CAAC,EAC5C,YAAY,CAAC,KAAK,CAAC;CAAG;AAExB,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IAC1C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;WANlB,kBAAkB;SACpB,cAAc;iBACN,wBAAwB;cAC3B,IAAI;EAiFb,CAAC"}

package/dist/types/__tests__/Lightbox.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Lightbox.test.d.ts.map

package/dist/types/__tests__/Lightbox.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/Lightbox.test.tsx"],"names":[],"mappings":""}

package/dist/types/__tests__/LightboxSimple.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LightboxSimple.test.d.ts.map

package/dist/types/__tests__/LightboxSimple.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxSimple.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/LightboxSimple.test.tsx"],"names":[],"mappings":""}

package/dist/types/__tests__/pointer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pointer.test.d.ts.map

package/dist/types/__tests__/pointer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/pointer.test.ts"],"names":[],"mappings":""}

package/dist/types/__tests__/zoom.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=zoom.test.d.ts.map

package/dist/types/__tests__/zoom.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/zoom.test.ts"],"names":[],"mappings":""}

package/dist/types/components/LightboxAutoplayButton.d.ts

@@ -0,0 +1,17 @@
+import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
+export type LightboxAutoplayButtonStylesNames = "autoplayButton";
+export interface LightboxAutoplayButtonProps extends BoxProps, CompoundStylesApiProps<LightboxAutoplayButtonFactory>, ElementProps<"button"> {
+}
+export type LightboxAutoplayButtonFactory = Factory<{
+    props: LightboxAutoplayButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: LightboxAutoplayButtonStylesNames;
+    compound: true;
+}>;
+export declare const LightboxAutoplayButton: import("@mantine/core").MantineComponent<{
+    props: LightboxAutoplayButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: LightboxAutoplayButtonStylesNames;
+    compound: true;
+}>;
+//# sourceMappingURL=LightboxAutoplayButton.d.ts.map

package/dist/types/components/LightboxAutoplayButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxAutoplayButton.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxAutoplayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,iCAAiC,GAAG,gBAAgB,CAAC;AAEjE,MAAM,WAAW,2BAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,6BAA6B,CAAC,EACrD,YAAY,CAAC,QAAQ,CAAC;CAAG;AAE3B,MAAM,MAAM,6BAA6B,GAAG,OAAO,CAAC;IACnD,KAAK,EAAE,2BAA2B,CAAC;IACnC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,iCAAiC,CAAC;IAC/C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB;WAN3B,2BAA2B;SAC7B,iBAAiB;iBACT,iCAAiC;cACpC,IAAI;EAmCd,CAAC"}

package/dist/types/components/LightboxCarousel.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export interface LightboxCarouselProps {
+    children?: ReactNode;
+}
+export declare function LightboxCarousel(props: LightboxCarouselProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightboxCarousel.d.ts.map

package/dist/types/components/LightboxCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxCarousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAoB5D"}

package/dist/types/components/LightboxCarouselSlide.context.d.ts

@@ -0,0 +1,10 @@
+interface LightboxCarouselSlideContextValue {
+    index: number;
+    isActive: boolean;
+}
+export declare const LightboxCarouselSlideProvider: ({ children, value }: {
+    value: LightboxCarouselSlideContextValue;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useLightboxCarouselSlideContext: () => LightboxCarouselSlideContextValue;
+export {};
+//# sourceMappingURL=LightboxCarouselSlide.context.d.ts.map

package/dist/types/components/LightboxCarouselSlide.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxCarouselSlide.context.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxCarouselSlide.context.ts"],"names":[],"mappings":"AAEA,UAAU,iCAAiC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAO,6BAA6B;;;+CAAE,+BAA+B,yCAG1E,CAAC"}

package/dist/types/components/LightboxCloseButton.d.ts

@@ -0,0 +1,17 @@
+import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
+export type LightboxCloseButtonStylesNames = "closeButton";
+export interface LightboxCloseButtonProps extends BoxProps, CompoundStylesApiProps<LightboxCloseButtonFactory>, ElementProps<"button"> {
+}
+export type LightboxCloseButtonFactory = Factory<{
+    props: LightboxCloseButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: LightboxCloseButtonStylesNames;
+    compound: true;
+}>;
+export declare const LightboxCloseButton: import("@mantine/core").MantineComponent<{
+    props: LightboxCloseButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: LightboxCloseButtonStylesNames;
+    compound: true;
+}>;
+//# sourceMappingURL=LightboxCloseButton.d.ts.map

package/dist/types/components/LightboxCloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EAEb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,8BAA8B,GAAG,aAAa,CAAC;AAE3D,MAAM,WAAW,wBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,0BAA0B,CAAC,EAClD,YAAY,CAAC,QAAQ,CAAC;CAAG;AAE3B,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,8BAA8B,CAAC;IAC5C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB;WANxB,wBAAwB;SAC1B,iBAAiB;iBACT,8BAA8B;cACjC,IAAI;EAyBd,CAAC"}

package/dist/types/components/LightboxContent.d.ts

@@ -0,0 +1,14 @@
+import { type BoxProps, type ElementProps, type TransitionOverride } from "@mantine/core";
+import type { ReactNode } from "react";
+export interface LightboxContentProps extends BoxProps, ElementProps<"div"> {
+    /**
+     * Transition applied to the content panel, merged with
+     * `{ transition: 'fade', duration: 250 }` by default.
+     * Note: `mounted` and `keepMounted` within `transitionProps` have no effect —
+     * they are controlled by `LightboxRoot`.
+     */
+    transitionProps?: TransitionOverride;
+    children?: ReactNode;
+}
+export declare function LightboxContent(_props: LightboxContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightboxContent.d.ts.map

package/dist/types/components/LightboxContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxContent.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,YAAY,EAEjB,KAAK,kBAAkB,EAEvB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,oBAAqB,SAAQ,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC;IAC1E;;;;;OAKG;IACH,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAMD,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,2CA4B3D"}

package/dist/types/components/LightboxControls.d.ts

@@ -0,0 +1,19 @@
+import { type CompoundStylesApiProps, type Factory } from "@mantine/core";
+export type LightboxControlsStylesNames = "control";
+export interface LightboxControlsProps extends CompoundStylesApiProps<LightboxControlsFactory> {
+    /** Size of the prev/next navigation buttons in px, `36` by default */
+    size?: number;
+}
+export type LightboxControlsFactory = Factory<{
+    props: LightboxControlsProps;
+    ref: HTMLElement;
+    stylesNames: LightboxControlsStylesNames;
+    compound: true;
+}>;
+export declare const LightboxControls: import("@mantine/core").MantineComponent<{
+    props: LightboxControlsProps;
+    ref: HTMLElement;
+    stylesNames: LightboxControlsStylesNames;
+    compound: true;
+}>;
+//# sourceMappingURL=LightboxControls.d.ts.map

package/dist/types/components/LightboxControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxControls.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,sBAAsB,EAC3B,KAAK,OAAO,EAMZ,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,2BAA2B,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,qBAChB,SAAQ,sBAAsB,CAAC,uBAAuB,CAAC;IACvD,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,WAAW,CAAC;IACjB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB;WANrB,qBAAqB;SACvB,WAAW;iBACH,2BAA2B;cAC9B,IAAI;EAsDd,CAAC"}

package/dist/types/components/LightboxCounter.d.ts

@@ -0,0 +1,19 @@
+import { type BoxProps, type CompoundStylesApiProps, type Factory } from "@mantine/core";
+export type LightboxCounterStylesNames = "counter";
+export interface LightboxCounterProps extends BoxProps, CompoundStylesApiProps<LightboxCounterFactory> {
+    /** Custom formatter for the counter label, `(i, t) => \`${i + 1} / ${t}\`` by default */
+    formatter?: (index: number, total: number) => string;
+}
+export type LightboxCounterFactory = Factory<{
+    props: LightboxCounterProps;
+    ref: HTMLParagraphElement;
+    stylesNames: LightboxCounterStylesNames;
+    compound: true;
+}>;
+export declare const LightboxCounter: import("@mantine/core").MantineComponent<{
+    props: LightboxCounterProps;
+    ref: HTMLParagraphElement;
+    stylesNames: LightboxCounterStylesNames;
+    compound: true;
+}>;
+//# sourceMappingURL=LightboxCounter.d.ts.map

package/dist/types/components/LightboxCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxCounter.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,OAAO,EAIZ,MAAM,eAAe,CAAC;AAIvB,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,oBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,sBAAsB,CAAC;IAC/C,yFAAyF;IACzF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACrD;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;WANpB,oBAAoB;SACtB,oBAAoB;iBACZ,0BAA0B;cAC7B,IAAI;EA+Bd,CAAC"}

package/dist/types/components/LightboxFullscreenButton.d.ts

@@ -0,0 +1,17 @@
+import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
+export type LightboxFullscreenButtonStylesNames = "fullscreenButton";
+export interface LightboxFullscreenButtonProps extends BoxProps, CompoundStylesApiProps<LightboxFullscreenButtonFactory>, ElementProps<"button"> {
+}
+export type LightboxFullscreenButtonFactory = Factory<{
+    props: LightboxFullscreenButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: LightboxFullscreenButtonStylesNames;
+    compound: true;
+}>;
+export declare const LightboxFullscreenButton: import("@mantine/core").MantineComponent<{
+    props: LightboxFullscreenButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: LightboxFullscreenButtonStylesNames;
+    compound: true;
+}>;
+//# sourceMappingURL=LightboxFullscreenButton.d.ts.map

package/dist/types/components/LightboxFullscreenButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxFullscreenButton.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxFullscreenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,mCAAmC,GAAG,kBAAkB,CAAC;AAErE,MAAM,WAAW,6BAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,+BAA+B,CAAC,EACvD,YAAY,CAAC,QAAQ,CAAC;CAAG;AAE3B,MAAM,MAAM,+BAA+B,GAAG,OAAO,CAAC;IACrD,KAAK,EAAE,6BAA6B,CAAC;IACrC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,mCAAmC,CAAC;IACjD,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,wBAAwB;WAN7B,6BAA6B;SAC/B,iBAAiB;iBACT,mCAAmC;cACtC,IAAI;EAkCZ,CAAC"}

package/dist/types/components/LightboxOverlay.d.ts

@@ -0,0 +1,4 @@
+import { type OverlayProps } from "@mantine/core";
+export type LightboxOverlayProps = OverlayProps;
+export declare function LightboxOverlay(_props: LightboxOverlayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightboxOverlay.d.ts.map