@mantine-bites/lightbox 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/esm/utils/zoom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.mjs","sources":["../../../src/utils/zoom.ts"],"sourcesContent":["/** Pixel offset representing a translation applied to a zoomed image. */\nexport interface ZoomOffset {\n\t/** Horizontal translation in pixels. */\n\tx: number;\n\t/** Vertical translation in pixels. */\n\ty: number;\n}\n\n/** Default zoom scale applied when zooming in on an image. */\nexport const DEFAULT_ZOOM_SCALE = 2;\n\n/** Minimum pointer movement in pixels before a gesture is considered a drag. */\nexport const POINTER_MOVE_THRESHOLD = 2;\n\n/** Zero-offset value representing no translation on a zoomed image. */\nexport const ZERO_ZOOM_OFFSET: ZoomOffset = { x: 0, y: 0 };\n\n/** Tracks the state of a pointer used to detect outside-content close gestures. */\nexport interface OutsideClosePointerState {\n\t/** Identifier of the tracked pointer. */\n\tpointerId: number;\n\t/** Horizontal position where the pointer was initially pressed. */\n\tstartX: number;\n\t/** Vertical position where the pointer was initially pressed. */\n\tstartY: number;\n\t/** Whether the pointer press originated outside the slide content area. */\n\tstartedOutsideContent: boolean;\n\t/** Whether the pointer has moved beyond the drag threshold since pressing. */\n\tmoved: boolean;\n}\n\ninterface CreateOutsideClosePointerStateInput {\n\tpointerId: number;\n\tclientX: number;\n\tclientY: number;\n\tstartedOutsideContent: boolean;\n}\n\ninterface PointerMoveInput {\n\tstartX: number;\n\tstartY: number;\n\tendX: number;\n\tendY: number;\n\tthreshold?: number;\n}\n\ninterface ClampZoomOffsetInput {\n\tcontainerWidth: number;\n\tcontainerHeight: number;\n\timageWidth: number;\n\timageHeight: number;\n\tzoomScale: number;\n\tnextX: number;\n\tnextY: number;\n}\n\n/**\n * Clamps a proposed zoom pan offset so the image cannot be panned beyond its\n * edges relative to the container at the given zoom scale.\n */\nexport const clampZoomOffset = ({\n\tcontainerWidth,\n\tcontainerHeight,\n\timageWidth,\n\timageHeight,\n\tzoomScale,\n\tnextX,\n\tnextY,\n}: ClampZoomOffsetInput): ZoomOffset => {\n\tconst scaledWidth = imageWidth * zoomScale;\n\tconst scaledHeight = imageHeight * zoomScale;\n\tconst maxX = Math.max(0, (scaledWidth - containerWidth) / 2);\n\tconst maxY = Math.max(0, (scaledHeight - containerHeight) / 2);\n\n\treturn {\n\t\tx: Math.min(Math.max(nextX, -maxX), maxX),\n\t\ty: Math.min(Math.max(nextY, -maxY), maxY),\n\t};\n};\n\n/**\n * Returns a CSS `transform` string that applies the zoom pan offset and scale.\n * When not zoomed, returns identity values regardless of the stored offset.\n */\nexport const getZoomTransform = ({\n\tisZoomed,\n\toffset,\n\tscale,\n}: {\n\tisZoomed: boolean;\n\toffset: ZoomOffset;\n\tscale: number;\n}) =>\n\t`translate(${isZoomed ? offset.x : 0}px, ${isZoomed ? offset.y : 0}px) scale(${\n\t\tisZoomed ? scale : 1\n\t})`;\n\n/**\n * Returns `true` if the event target is an element (or descendant) matching\n * the given CSS selector.\n */\nexport const isEventTargetWithinSelector = (\n\ttarget: EventTarget | null,\n\tselector: string,\n) => target instanceof HTMLElement && Boolean(target.closest(selector));\n\n/** Returns `true` if the event target is or is inside an `<img>` element. */\nexport const isImageTarget = (target: EventTarget | null) =>\n\tisEventTargetWithinSelector(target, \"img\");\n\n/**\n * Returns `value` if it is a finite number, otherwise returns `fallback`.\n * Useful for sanitising pointer coordinates that may be `NaN` or `Infinity`.\n */\nexport const getPointerCoordinate = (value: number, fallback: number) =>\n\tNumber.isFinite(value) ? value : fallback;\n\n/**\n * Returns `true` if the pointer has moved more than `threshold` pixels in\n * either axis between the start and end positions.\n */\nexport const hasPointerMoved = ({\n\tstartX,\n\tstartY,\n\tendX,\n\tendY,\n\tthreshold = POINTER_MOVE_THRESHOLD,\n}: PointerMoveInput) =>\n\tMath.abs(endX - startX) > threshold || Math.abs(endY - startY) > threshold;\n\n/** Creates the initial tracking state for an outside-close pointer gesture. */\nexport const createOutsideClosePointerState = ({\n\tpointerId,\n\tclientX,\n\tclientY,\n\tstartedOutsideContent,\n}: CreateOutsideClosePointerStateInput): OutsideClosePointerState => ({\n\tpointerId,\n\tstartX: getPointerCoordinate(clientX, 0),\n\tstartY: getPointerCoordinate(clientY, 0),\n\tstartedOutsideContent,\n\tmoved: false,\n});\n\n/**\n * Returns an updated copy of the pointer state after a pointer move event.\n * Sets `moved` to `true` once the pointer has exceeded the drag threshold.\n */\nexport const updateOutsideClosePointerState = (\n\tstate: OutsideClosePointerState,\n\t{ clientX, clientY }: { clientX: number; clientY: number },\n): OutsideClosePointerState => {\n\tconst endX = getPointerCoordinate(clientX, state.startX);\n\tconst endY = getPointerCoordinate(clientY, state.startY);\n\n\tif (\n\t\t!state.moved &&\n\t\thasPointerMoved({\n\t\t\tstartX: state.startX,\n\t\t\tstartY: state.startY,\n\t\t\tendX,\n\t\t\tendY,\n\t\t})\n\t) {\n\t\treturn { ...state, moved: true };\n\t}\n\n\treturn state;\n};\n\n/**\n * Returns `true` if the pointer gesture should trigger the lightbox to close.\n * The lightbox closes when the press started outside the content and the\n * pointer did not drag.\n */\nexport const shouldCloseFromOutsidePointerState = (\n\tstate: OutsideClosePointerState,\n) => state.startedOutsideContent && !state.moved;\n\nconst RESOLUTION_EPSILON = 1.01;\n\nconst getImageMeasurements = (image: HTMLImageElement) => {\n\tconst rect = image.getBoundingClientRect();\n\treturn {\n\t\tnaturalWidth: image.naturalWidth,\n\t\tnaturalHeight: image.naturalHeight,\n\t\trenderedWidth: rect.width,\n\t\trenderedHeight: rect.height,\n\t};\n};\n\n/**\n * Returns the maximum zoom scale at which the image would still be rendered at\n * its native resolution (1:1 pixel ratio). Falls back to `DEFAULT_ZOOM_SCALE`\n * when image dimensions are unavailable.\n */\nexport const getImageMaxZoomScale = (image: HTMLImageElement) => {\n\tconst { naturalWidth, naturalHeight, renderedWidth, renderedHeight } =\n\t\tgetImageMeasurements(image);\n\n\tif (!naturalWidth || !naturalHeight || !renderedWidth || !renderedHeight) {\n\t\treturn DEFAULT_ZOOM_SCALE;\n\t}\n\n\tconst widthRatio = naturalWidth / renderedWidth;\n\tconst heightRatio = naturalHeight / renderedHeight;\n\n\treturn Math.min(widthRatio, heightRatio);\n};\n\n/**\n * Calculates the zoom scale that should be applied when the user triggers a\n * zoom action. Prefers a scale that fills the container viewport; falls back to\n * the native-resolution scale or `DEFAULT_ZOOM_SCALE` when the image is small.\n * The returned value is always at least `1` and at most the max zoom scale.\n */\nexport const getTargetZoomScale = ({\n\timage,\n\tcontainerWidth,\n\tcontainerHeight,\n}: {\n\timage: HTMLImageElement;\n\tcontainerWidth: number;\n\tcontainerHeight: number;\n}) => {\n\tconst { renderedWidth, renderedHeight } = getImageMeasurements(image);\n\tconst fillWidthScale =\n\t\trenderedWidth > 0 ? containerWidth / renderedWidth : DEFAULT_ZOOM_SCALE;\n\tconst fillHeightScale =\n\t\trenderedHeight > 0 ? containerHeight / renderedHeight : DEFAULT_ZOOM_SCALE;\n\tconst fillViewportScale = Math.max(fillWidthScale, fillHeightScale);\n\tconst maxZoomScale = getImageMaxZoomScale(image);\n\tconst fallbackStepScale = Math.min(maxZoomScale, DEFAULT_ZOOM_SCALE);\n\tconst targetScale =\n\t\tfillViewportScale > 1 ? fillViewportScale : fallbackStepScale;\n\n\treturn Math.max(1, Math.min(maxZoomScale, targetScale));\n};\n\n/**\n * Returns `true` if the image has sufficient resolution to be meaningfully\n * zoomed (i.e. its max zoom scale exceeds the resolution epsilon threshold).\n */\nexport const canZoomImageElement = (image: HTMLImageElement) => {\n\treturn getImageMaxZoomScale(image) > RESOLUTION_EPSILON;\n};\n"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -1 +1 @@
-.me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;position:relative;width:100dvw}.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_9450faf9 img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.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(--lightbox-color);font-weight:500;left:var(--mantine-spacing-md);user-select:none}.me_411d1cbf{display:flex;gap:var(--mantine-spacing-xs);justify-content:center;overflow-x:auto;padding:var(--mantine-spacing-md)}.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{align-items:center;background-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-1);display:flex;height:100%;justify-content:center;position:relative;width:100%}
+.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;height:100%;line-height:1}.me_411d1cbf,.me_9450faf9{display:flex;justify-content:center}.me_411d1cbf{gap:var(--mantine-spacing-xs);overflow-x:auto;padding:var(--mantine-spacing-md)}.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}

package/dist/styles.layer.css

@@ -1 +1 @@
-@layer mantine {.me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;position:relative;width:100dvw}.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_9450faf9 img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.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(--lightbox-color);font-weight:500;left:var(--mantine-spacing-md);user-select:none}.me_411d1cbf{display:flex;gap:var(--mantine-spacing-xs);justify-content:center;overflow-x:auto;padding:var(--mantine-spacing-md)}.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{align-items:center;background-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-1);display:flex;height:100%;justify-content:center;position:relative;width:100%}}
+@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;height:100%;line-height:1}.me_411d1cbf,.me_9450faf9{display:flex;justify-content:center}.me_411d1cbf{gap:var(--mantine-spacing-xs);overflow-x:auto;padding:var(--mantine-spacing-md)}.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}}

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

@@ -1,7 +1,31 @@
 import { type GetStylesApi } from "@mantine/core";
+import type { ReactElement, 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">>[];
+    currentIndex: number;
+    withFullscreen: boolean | undefined;
+    withZoom: boolean | undefined;
+    isFullscreen: boolean;
+    canUseFullscreen: boolean;
+    onToggleFullscreen: () => void;
+    onToggleZoom: () => void;
+    isZoomed: boolean;
+    isDraggingZoom: boolean;
+    canZoomCurrent: boolean;
+    zoomOffset: ZoomOffset;
+    zoomScale: number;
+    activeZoomContainerRef: RefObject<HTMLDivElement | null>;
+    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,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;CACzC;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,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;IAC/B,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"}

package/dist/types/Lightbox.d.ts

@@ -1,29 +1,98 @@
 import { type CarouselProps } from "@mantine/carousel";
-import { type BoxProps, type ElementProps, type Factory, type ModalProps, type StylesApiProps } from "@mantine/core";
+import { type BoxProps, type ElementProps, type Factory, type OverlayProps, type PortalProps, type StylesApiProps, type TransitionProps } from "@mantine/core";
 import { LightboxSlide } from "./LightboxSlide.js";
-export type LightboxStylesNames = "root" | "slides" | "slide" | "toolbar" | "closeButton" | "counter" | "thumbnails" | "thumbnailButton" | "thumbnailPlaceholder";
-export type LightboxCarouselOptions = Omit<CarouselProps, "withKeyboardEvents">;
-export type LightboxModalOptions = Omit<ModalProps, "fullScreen" | "title" | "withCloseButton" | "opened" | "onClose">;
-export interface LightboxProps extends BoxProps, StylesApiProps<LightboxFactory>, ElementProps<"div", "onChange"> {
-    /** Controls lightbox visibility */
+export type LightboxCssVariables = {
+    root: "--lightbox-z-index";
+    overlay: "--lightbox-z-index" | "--overlay-z-index";
+};
+export type LightboxStylesNames = "root" | "overlay" | "slides" | "slide" | "zoomContainer" | "zoomContent" | "toolbar" | "fullscreenButton" | "zoomButton" | "closeButton" | "counter" | "thumbnails" | "thumbnailButton" | "thumbnailPlaceholder";
+export type LightboxCarouselOptions = Omit<CarouselProps, "withKeyboardEvents" | "withIndicators">;
+export interface LightboxProps extends BoxProps, StylesApiProps<LightboxFactory>, ElementProps<"div"> {
+    /**
+     * Controls whether the lightbox is visible.
+     */
     opened: boolean;
-    /** Called when lightbox should close */
+    /**
+     * Callback invoked when the lightbox requests to close.
+     */
     onClose: () => void;
-    /** Determines whether thumbnail images should be displayed, `true` by default */
+    /**
+     * 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
+     */
     withThumbnails?: boolean;
-    /** Determines whether the slide counter should be displayed, `true` by default */
+    /**
+     * Displays the current slide index and total slide count.
+     * @default true
+     */
     withCounter?: boolean;
-    /** Custom counter format function, `"1 / 3"` by default */
+    /**
+     * 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;
-    /** Props passed to the underlying `Carousel` component */
+    /**
+     * Configuration options forwarded to the underlying Carousel instance.
+     */
     carouselOptions?: LightboxCarouselOptions;
-    /** Props passed to the underlying `Modal` component */
-    modalOptions?: LightboxModalOptions;
+    /**
+     * 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">;
 }
 export type LightboxFactory = Factory<{
     props: LightboxProps;
     ref: HTMLDivElement;
     stylesNames: LightboxStylesNames;
+    vars: LightboxCssVariables;
     staticComponents: {
         Slide: typeof LightboxSlide;
     };
@@ -32,6 +101,7 @@ export declare const Lightbox: import("@mantine/core").MantineComponent<{
     props: LightboxProps;
     ref: HTMLDivElement;
     stylesNames: LightboxStylesNames;
+    vars: LightboxCssVariables;
     staticComponents: {
         Slide: typeof LightboxSlide;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAGN,KAAK,QAAQ,EAEb,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,KAAK,UAAU,EACf,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAC;AAavB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAC5B,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,aAAa,GACb,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,sBAAsB,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;AAEhF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,UAAU,EACV,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CACjE,CAAC;AAEF,MAAM,WAAW,aAChB,SAAQ,QAAQ,EACf,cAAc,CAAC,eAAe,CAAC,EAC/B,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC;IAChC,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAEhB,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,iFAAiF;IACjF,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5D,0DAA0D;IAC1D,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAE1C,uDAAuD;IACvD,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACpC;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,aAAa,CAAC;IACrB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,mBAAmB,CAAC;IACjC,gBAAgB,EAAE;QACjB,KAAK,EAAE,OAAO,aAAa,CAAC;KAC5B,CAAC;CACF,CAAC,CAAC;AAUH,eAAO,MAAM,QAAQ;WAhBb,aAAa;SACf,cAAc;iBACN,mBAAmB;sBACd;QACjB,KAAK,EAAE,OAAO,aAAa,CAAC;KAC5B;EA0MA,CAAC"}
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAEN,KAAK,QAAQ,EAEb,KAAK,YAAY,EACjB,KAAK,OAAO,EAIZ,KAAK,YAAY,EACjB,KAAK,WAAW,EAEhB,KAAK,cAAc,EAGnB,KAAK,eAAe,EAGpB,MAAM,eAAe,CAAC;AAQvB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,oBAAoB,GAAG,mBAAmB,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAC5B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,eAAe,GACf,aAAa,GACb,SAAS,GACT,kBAAkB,GAClB,YAAY,GACZ,aAAa,GACb,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,sBAAsB,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACzC,aAAa,EACb,oBAAoB,GAAG,gBAAgB,CACvC,CAAC;AAEF,MAAM,WAAW,aAChB,SAAQ,QAAQ,EACf,cAAc,CAAC,eAAe,CAAC,EAC/B,YAAY,CAAC,KAAK,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5D;;OAEG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAE1C;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,IAAI,CACrB,eAAe,EACf,SAAS,GAAG,aAAa,GAAG,UAAU,CACtC,CAAC;IAEF;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;CAC7D;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,aAAa,CAAC;IACrB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,mBAAmB,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,gBAAgB,EAAE;QACjB,KAAK,EAAE,OAAO,aAAa,CAAC;KAC5B,CAAC;CACF,CAAC,CAAC;AAoBH,eAAO,MAAM,QAAQ;WA3Bb,aAAa;SACf,cAAc;iBACN,mBAAmB;UAC1B,oBAAoB;sBACR;QACjB,KAAK,EAAE,OAAO,aAAa,CAAC;KAC5B;EA+LA,CAAC"}

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

@@ -0,0 +1,26 @@
+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 overlayProps: {
+        readonly fixed: true;
+        readonly backgroundOpacity: 0.9;
+        readonly color: "#18181B";
+        readonly zIndex: 200;
+    };
+    readonly transitionProps: {
+        readonly transition: "fade";
+        readonly duration: 250;
+    };
+};
+//# sourceMappingURL=Lightbox.defaults.d.ts.map

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

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

package/dist/types/LightboxProvider.d.ts

@@ -0,0 +1,50 @@
+import { type GetStylesApi } from "@mantine/core";
+import type { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from "embla-carousel";
+import type { LightboxFactory } from "./Lightbox.js";
+export interface LightboxContext {
+    getStyles: GetStylesApi<LightboxFactory>;
+    orientation: "horizontal" | "vertical";
+    /** Embla ref callback — attach to the viewport element */
+    emblaRef: (node: HTMLElement | null) => void;
+    /** Carousel scroll state */
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    /** Composed scroll actions (embla scroll + user callbacks) */
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    /** Keyboard event handler for arrow key navigation */
+    handleKeydown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    /** Whether next/previous controls are displayed */
+    withControls: boolean;
+    /** Props forwarded to control buttons */
+    nextControlProps?: React.ComponentPropsWithoutRef<"button">;
+    previousControlProps?: React.ComponentPropsWithoutRef<"button">;
+    /** Custom icons for control buttons */
+    nextControlIcon?: React.ReactNode;
+    previousControlIcon?: React.ReactNode;
+    /** Class name for responsive CSS variable scoping */
+    responsiveClassName: string;
+}
+declare const useLightboxContext: () => LightboxContext;
+export { useLightboxContext };
+interface LightboxProviderProps {
+    children: React.ReactNode;
+    orientation: "horizontal" | "vertical";
+    withControls: boolean;
+    withKeyboardEvents: boolean;
+    initialSlide: number | undefined;
+    emblaOptions: EmblaOptionsType | undefined;
+    plugins: EmblaPluginType[] | undefined;
+    getEmblaApi: ((embla: EmblaCarouselType) => void) | undefined;
+    onSlideChange: ((index: number) => void) | undefined;
+    onPreviousSlide: (() => void) | undefined;
+    onNextSlide: (() => void) | undefined;
+    nextControlProps: React.ComponentPropsWithoutRef<"button"> | undefined;
+    previousControlProps: React.ComponentPropsWithoutRef<"button"> | undefined;
+    nextControlIcon: React.ReactNode;
+    previousControlIcon: React.ReactNode;
+    responsiveClassName: string;
+    getStyles: LightboxContext["getStyles"];
+}
+export declare function LightboxProvider({ children, orientation, withControls, withKeyboardEvents, initialSlide, emblaOptions, plugins, getEmblaApi, onSlideChange, onPreviousSlide, onNextSlide, nextControlProps, previousControlProps, nextControlIcon, previousControlIcon, responsiveClassName, getStyles, }: LightboxProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightboxProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxProvider.d.ts","sourceRoot":"","sources":["../../src/LightboxProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,YAAY,EAEjB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IACzC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IAEvC,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAE7C,4BAA4B;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IAEvB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,sDAAsD;IACtD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAEpE,mDAAmD;IACnD,YAAY,EAAE,OAAO,CAAC;IAEtB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC5D,oBAAoB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAEhE,uCAAuC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,qDAAqD;IACrD,mBAAmB,EAAE,MAAM,CAAC;CAC5B;AAED,QAAA,MAAwB,kBAAkB,uBAGxC,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAY9B,UAAU,qBAAqB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,GAAG,SAAS,CAAC;IACvC,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9D,aAAa,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD,eAAe,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1C,WAAW,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACtC,gBAAgB,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IACvE,oBAAoB,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAC3E,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,GACT,EAAE,qBAAqB,2CA4HvB"}

package/dist/types/LightboxSlide.d.ts

@@ -2,7 +2,7 @@ import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Fac
 import type { ReactNode } from "react";
 export type LightboxSlideStylesNames = "slide";
 export interface LightboxSlideProps extends BoxProps, CompoundStylesApiProps<LightboxSlideFactory>, ElementProps<"div"> {
-    /** Thumbnail content for this slide, shows a placeholder if omitted */
+    /** Content rendered as the slide thumbnail in the lightbox navigation, or a default placeholder if omitted. */
     thumbnail?: ReactNode;
 }
 export type LightboxSlideFactory = Factory<{

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,uEAAuE;IACvE,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,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"}

package/dist/types/LightboxVariables.d.ts

@@ -0,0 +1,9 @@
+import type { LightboxProps } from "./Lightbox.js";
+interface LightboxVariablesProps {
+    slideGap: LightboxProps["slideGap"];
+    slideSize: LightboxProps["slideSize"];
+    selector: string;
+}
+export declare function LightboxVariables({ slideGap, slideSize, selector, }: LightboxVariablesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LightboxVariables.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxVariables.d.ts","sourceRoot":"","sources":["../../src/LightboxVariables.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,UAAU,sBAAsB;IAC/B,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,QAAQ,GACR,EAAE,sBAAsB,2CAqDxB"}

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

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+export declare const EnterFullscreen: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnterFullscreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnterFullscreen.d.ts","sourceRoot":"","sources":["../../../src/components/EnterFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,eAAe,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmB7D,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+export declare const ExitFullscreen: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExitFullscreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExitFullscreen.d.ts","sourceRoot":"","sources":["../../../src/components/ExitFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,cAAc,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmB5D,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare function LightboxCarousel({ children }: {
+    children: React.ReactNode;
+}): 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":"AAEA,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAe3E"}

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

@@ -0,0 +1,2 @@
+export declare function LightboxControls(): import("react/jsx-runtime").JSX.Element;
+//# 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":"AAIA,wBAAgB,gBAAgB,4CA6E/B"}

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

@@ -0,0 +1,2 @@
+export declare function LightboxSlides(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightboxSlides.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxSlides.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlides.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,4CA6E7B"}

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

@@ -0,0 +1,2 @@
+export declare function LightboxThumbnails(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightboxThumbnails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxThumbnails.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnails.tsx"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,4CA4BjC"}

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

@@ -0,0 +1,2 @@
+export declare function LightboxToolbar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LightboxToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxToolbar.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,4CAqD9B"}

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

@@ -1,2 +1,3 @@
-export declare const QuestionMark: () => import("react/jsx-runtime").JSX.Element;
+import type { SVGProps } from "react";
+export declare const QuestionMark: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=QuestionMark.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionMark.d.ts","sourceRoot":"","sources":["../../../src/components/QuestionMark.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,+CAgBxB,CAAC"}
+{"version":3,"file":"QuestionMark.d.ts","sourceRoot":"","sources":["../../../src/components/QuestionMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiB1D,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+export declare const ZoomIn: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ZoomIn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomIn.d.ts","sourceRoot":"","sources":["../../../src/components/ZoomIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,MAAM,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmBpD,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+export declare const ZoomOut: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ZoomOut.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomOut.d.ts","sourceRoot":"","sources":["../../../src/components/ZoomOut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAkBrD,CAAC"}

package/dist/types/get-chevron-rotation.d.ts

@@ -0,0 +1,8 @@
+interface Options {
+    dir: 'rtl' | 'ltr';
+    orientation: 'horizontal' | 'vertical' | undefined;
+    direction: 'next' | 'previous';
+}
+export declare function getChevronRotation({ dir, orientation, direction }: Options): number;
+export {};
+//# sourceMappingURL=get-chevron-rotation.d.ts.map

package/dist/types/get-chevron-rotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-chevron-rotation.d.ts","sourceRoot":"","sources":["../../src/get-chevron-rotation.ts"],"names":[],"mappings":"AAAA,UAAU,OAAO;IACf,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IACnB,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,OAAO,UAM1E"}

package/dist/types/hooks/useCarouselOptions.d.ts

@@ -0,0 +1,20 @@
+import type { RefObject } from "react";
+import type { LightboxCarouselOptions } from "../Lightbox.js";
+interface UseCarouselOptionsInput {
+    carouselOptions: LightboxCarouselOptions | undefined;
+    isZoomedRef: RefObject<boolean>;
+}
+export type UseCarouselOptionsOutput = LightboxCarouselOptions & {
+    emblaOptions: NonNullable<LightboxCarouselOptions["emblaOptions"]>;
+};
+/**
+ * Merges consumer-supplied carousel options with lightbox-internal overrides.
+ *
+ * Injects a `watchDrag` guard that disables Embla's drag when the lightbox is
+ * zoomed. Uses `isZoomedRef` (not `isZoomed` state) so that the returned
+ * options object stays stable across zoom state changes, preventing Embla from
+ * being re-initialised on every zoom toggle.
+ */
+export declare function useCarouselOptions(props: UseCarouselOptionsInput): UseCarouselOptionsOutput;
+export {};
+//# sourceMappingURL=useCarouselOptions.d.ts.map

package/dist/types/hooks/useCarouselOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCarouselOptions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCarouselOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,UAAU,uBAAuB;IAChC,eAAe,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,GAAG;IAChE,YAAY,EAAE,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CACjC,KAAK,EAAE,uBAAuB,GAC5B,wBAAwB,CA4B1B"}

package/dist/types/hooks/useFullscreen.d.ts

@@ -0,0 +1,11 @@
+interface UseFullscreenInput {
+    opened: boolean;
+}
+interface UseFullscreenOutput {
+    isFullscreen: boolean;
+    canUseFullscreen: boolean;
+    toggleFullscreen: () => void;
+}
+export declare function useFullscreen(props: UseFullscreenInput): UseFullscreenOutput;
+export {};
+//# sourceMappingURL=useFullscreen.d.ts.map

package/dist/types/hooks/useFullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreen.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFullscreen.ts"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC3B,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,mBAAmB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CAsC5E"}

package/dist/types/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,10 @@
+import type { EmblaCarouselType } from "embla-carousel";
+import type { RefObject } from "react";
+interface UseKeyboardNavigationInput {
+    opened: boolean;
+    emblaRef: RefObject<EmblaCarouselType | null>;
+    onClose: () => void;
+}
+export declare function useKeyboardNavigation(props: UseKeyboardNavigationInput): void;
+export {};
+//# sourceMappingURL=useKeyboardNavigation.d.ts.map

package/dist/types/hooks/useKeyboardNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,0BAA0B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAwB7E"}

package/dist/types/hooks/useLightbox.d.ts

@@ -1,30 +1,45 @@
-import { type GetStylesApi } from "@mantine/core";
 import type { EmblaCarouselType } from "embla-carousel";
-import { type ReactElement, type ReactNode } from "react";
-import type { LightboxFactory, LightboxProps } from "../Lightbox.js";
-export interface UseLightboxReturn {
-    getStyles: GetStylesApi<LightboxFactory>;
+import { type ForwardedRef, type ReactElement, type ReactNode, type PointerEvent as ReactPointerEvent, type RefObject } from "react";
+import type { LightboxCarouselOptions } from "../Lightbox.js";
+import type { LightboxSlideProps } from "../LightboxSlide.js";
+import type { ZoomOffset } from "../utils/zoom.js";
+import { type UseCarouselOptionsOutput } from "./useCarouselOptions.js";
+interface UseLightboxInput {
+    ref: ForwardedRef<HTMLDivElement>;
     opened: boolean;
     onClose: () => void;
-    initialSlide: number | undefined;
-    loop: boolean | undefined;
-    withControls: boolean | undefined;
-    withThumbnails: boolean | undefined;
-    withCounter: boolean | undefined;
-    previousControlIcon: ReactNode;
-    nextControlIcon: ReactNode;
+    closeOnClickOutside: boolean | undefined;
+    trapFocus: boolean | undefined;
+    returnFocus: boolean | undefined;
     children: ReactNode;
-    others: Record<string, unknown>;
-    slides: ReactElement[];
+    carouselOptions: LightboxCarouselOptions | undefined;
+    counterFormatter: ((index: number, total: number) => string) | undefined;
+}
+interface UseLightboxOutput {
+    mergedRef: (node: HTMLDivElement | null) => void;
+    slides: ReactElement<Pick<LightboxSlideProps, "children" | "thumbnail">>[];
     currentIndex: number;
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
     counterText: string;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    scrollTo: (index: number) => void;
-    getEmblaApi: (api: EmblaCarouselType) => void;
+    isFullscreen: boolean;
+    canUseFullscreen: boolean;
+    toggleFullscreen: () => void;
+    isZoomed: boolean;
+    isDraggingZoom: boolean;
+    zoomOffset: ZoomOffset;
+    zoomScale: number;
+    canZoomCurrent: boolean;
+    activeZoomContainerRef: RefObject<HTMLDivElement | null>;
+    toggleZoom: () => void;
+    updateCanZoomAvailability: () => void;
+    handleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleEmblaApi: (embla: EmblaCarouselType) => void;
     handleSlideChange: (index: number) => void;
+    handleThumbnailClick: (index: number) => void;
+    handleOutsideClick: () => void;
+    mergedCarouselOptions: UseCarouselOptionsOutput;
 }
-export declare function useLightbox(_props: LightboxProps): UseLightboxReturn;
+export declare function useLightbox(props: UseLightboxInput): UseLightboxOutput;
+export {};
 //# sourceMappingURL=useLightbox.d.ts.map