@mantine/lightbox 9.5.2

package/esm/LightboxCloseButton/LightboxCloseButton.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { useLightboxContext } from "../lightbox.context.mjs";
+import Lightbox_module_default from "../Lightbox.module.mjs";
+import { CloseButton, factory, useProps } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+//#region packages/@mantine/lightbox/src/LightboxCloseButton/LightboxCloseButton.tsx
+const LightboxCloseButton = factory((props) => {
+	const { classNames, className, style, styles, vars, onClick, ...others } = useProps("LightboxCloseButton", null, props);
+	const ctx = useLightboxContext();
+	return /* @__PURE__ */ jsx(CloseButton, {
+		...ctx.getStyles("closeButton", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		"aria-label": ctx.labels.closeLabel,
+		variant: "subtle",
+		size: "lg",
+		...others,
+		onClick: (event) => {
+			onClick?.(event);
+			ctx.onClose();
+		}
+	});
+});
+LightboxCloseButton.classes = Lightbox_module_default;
+LightboxCloseButton.displayName = "@mantine/lightbox/LightboxCloseButton";
+//#endregion
+export { LightboxCloseButton };
+
+//# sourceMappingURL=LightboxCloseButton.mjs.map

package/esm/LightboxCloseButton/LightboxCloseButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxCloseButton.mjs","names":["classes"],"sources":["../../src/LightboxCloseButton/LightboxCloseButton.tsx"],"sourcesContent":["import {\n  BoxProps,\n  CloseButton,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '@mantine/core';\nimport { useLightboxContext } from '../lightbox.context';\nimport classes from '../Lightbox.module.css';\n\nexport type LightboxCloseButtonStylesNames = 'closeButton';\n\nexport interface LightboxCloseButtonProps\n  extends BoxProps, CompoundStylesApiProps<LightboxCloseButtonFactory>, ElementProps<'button'> {}\n\nexport type LightboxCloseButtonFactory = Factory<{\n  props: LightboxCloseButtonProps;\n  ref: HTMLButtonElement;\n  stylesNames: LightboxCloseButtonStylesNames;\n  compound: true;\n}>;\n\nexport const LightboxCloseButton = factory<LightboxCloseButtonFactory>((props) => {\n  const { classNames, className, style, styles, vars, onClick, ...others } = useProps(\n    'LightboxCloseButton',\n    null,\n    props\n  );\n\n  const ctx = useLightboxContext();\n\n  return (\n    <CloseButton\n      {...ctx.getStyles('closeButton', { className, style, classNames, styles })}\n      aria-label={ctx.labels.closeLabel}\n      variant=\"subtle\"\n      size=\"lg\"\n      {...others}\n      onClick={(event) => {\n        onClick?.(event);\n        ctx.onClose();\n      }}\n    />\n  );\n});\n\nLightboxCloseButton.classes = classes;\nLightboxCloseButton.displayName = '@mantine/lightbox/LightboxCloseButton';\n"],"mappings":";;;;;;AAwBA,MAAa,sBAAsB,SAAqC,UAAU;CAChF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,SAAS,GAAG,WAAW,SACzE,uBACA,MACA,KACF;CAEA,MAAM,MAAM,mBAAmB;CAE/B,OACE,oBAAC,aAAD;EACE,GAAI,IAAI,UAAU,eAAe;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACzE,cAAY,IAAI,OAAO;EACvB,SAAQ;EACR,MAAK;EACL,GAAI;EACJ,UAAU,UAAU;GAClB,UAAU,KAAK;GACf,IAAI,QAAQ;EACd;CACD,CAAA;AAEL,CAAC;AAED,oBAAoB,UAAUA;AAC9B,oBAAoB,cAAc"}

package/esm/LightboxNavigation/LightboxNavigation.mjs

@@ -0,0 +1,105 @@
+"use client";
+import { useLightboxContext } from "../lightbox.context.mjs";
+import Lightbox_module_default from "../Lightbox.module.mjs";
+import { Box, UnstyledButton, factory, useDirection, useProps } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+//#region packages/@mantine/lightbox/src/LightboxNavigation/LightboxNavigation.tsx
+function ChevronLeft() {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: "36",
+		height: "36",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
+	});
+}
+function ChevronRight() {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: "36",
+		height: "36",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+	});
+}
+const LightboxNavigation = factory((props) => {
+	const { classNames, className, style, styles, vars, ...others } = useProps("LightboxNavigation", null, props);
+	const ctx = useLightboxContext();
+	const stylesApiProps = {
+		classNames,
+		styles
+	};
+	const { dir } = useDirection();
+	const PrevIcon = dir === "rtl" ? ChevronRight : ChevronLeft;
+	const NextIcon = dir === "rtl" ? ChevronLeft : ChevronRight;
+	const fallbackCanPrev = ctx.loop ? ctx.slides.length > 1 : ctx.currentIndex > 0;
+	const fallbackCanNext = ctx.loop ? ctx.slides.length > 1 : ctx.currentIndex < ctx.slides.length - 1;
+	const [scrollState, setScrollState] = useState(null);
+	const { embla } = ctx;
+	useEffect(() => {
+		if (!embla) {
+			setScrollState(null);
+			return;
+		}
+		const update = () => setScrollState({
+			canPrev: embla.canScrollPrev(),
+			canNext: embla.canScrollNext()
+		});
+		update();
+		embla.on("select", update);
+		embla.on("reInit", update);
+		embla.on("settle", update);
+		return () => {
+			embla.off("select", update);
+			embla.off("reInit", update);
+			embla.off("settle", update);
+		};
+	}, [embla]);
+	const canPrev = scrollState ? scrollState.canPrev : fallbackCanPrev;
+	const canNext = scrollState ? scrollState.canNext : fallbackCanNext;
+	return /* @__PURE__ */ jsxs(Box, {
+		...ctx.getStyles("navigation", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children: [/* @__PURE__ */ jsx(UnstyledButton, {
+			...ctx.getStyles("navigationButton", stylesApiProps),
+			"aria-label": ctx.labels.previousSlideLabel,
+			"aria-disabled": !canPrev || void 0,
+			"data-inactive": !canPrev || void 0,
+			mod: "reduce-motion",
+			tabIndex: canPrev ? 0 : -1,
+			onClick: ctx.prev,
+			children: /* @__PURE__ */ jsx(PrevIcon, {})
+		}), /* @__PURE__ */ jsx(UnstyledButton, {
+			...ctx.getStyles("navigationButton", stylesApiProps),
+			"aria-label": ctx.labels.nextSlideLabel,
+			"aria-disabled": !canNext || void 0,
+			"data-inactive": !canNext || void 0,
+			mod: "reduce-motion",
+			tabIndex: canNext ? 0 : -1,
+			onClick: ctx.next,
+			children: /* @__PURE__ */ jsx(NextIcon, {})
+		})]
+	});
+});
+LightboxNavigation.classes = Lightbox_module_default;
+LightboxNavigation.displayName = "@mantine/lightbox/LightboxNavigation";
+//#endregion
+export { LightboxNavigation };
+
+//# sourceMappingURL=LightboxNavigation.mjs.map

package/esm/LightboxNavigation/LightboxNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxNavigation.mjs","names":["classes"],"sources":["../../src/LightboxNavigation/LightboxNavigation.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  UnstyledButton,\n  useDirection,\n  useProps,\n} from '@mantine/core';\nimport { useLightboxContext } from '../lightbox.context';\nimport classes from '../Lightbox.module.css';\n\nexport type LightboxNavigationStylesNames = 'navigation' | 'navigationButton';\n\nexport interface LightboxNavigationProps\n  extends BoxProps, CompoundStylesApiProps<LightboxNavigationFactory>, ElementProps<'div'> {}\n\nexport type LightboxNavigationFactory = Factory<{\n  props: LightboxNavigationProps;\n  ref: HTMLDivElement;\n  stylesNames: LightboxNavigationStylesNames;\n  compound: true;\n}>;\n\nfunction ChevronLeft() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"36\"\n      height=\"36\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"15 18 9 12 15 6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRight() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"36\"\n      height=\"36\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\nexport const LightboxNavigation = factory<LightboxNavigationFactory>((props) => {\n  const { classNames, className, style, styles, vars, ...others } = useProps(\n    'LightboxNavigation',\n    null,\n    props\n  );\n\n  const ctx = useLightboxContext();\n  const stylesApiProps = { classNames, styles };\n  const { dir } = useDirection();\n\n  // Embla is direction-aware, so \"previous\" is the leading edge of the reading direction –\n  // the chevrons have to follow it rather than always pointing left/right.\n  const PrevIcon = dir === 'rtl' ? ChevronRight : ChevronLeft;\n  const NextIcon = dir === 'rtl' ? ChevronLeft : ChevronRight;\n\n  const fallbackCanPrev = ctx.loop ? ctx.slides.length > 1 : ctx.currentIndex > 0;\n  const fallbackCanNext = ctx.loop\n    ? ctx.slides.length > 1\n    : ctx.currentIndex < ctx.slides.length - 1;\n\n  const [scrollState, setScrollState] = useState<{ canPrev: boolean; canNext: boolean } | null>(\n    null\n  );\n\n  const { embla } = ctx;\n\n  useEffect(() => {\n    if (!embla) {\n      setScrollState(null);\n      return undefined;\n    }\n\n    const update = () =>\n      setScrollState({ canPrev: embla.canScrollPrev(), canNext: embla.canScrollNext() });\n\n    update();\n    embla.on('select', update);\n    embla.on('reInit', update);\n    embla.on('settle', update);\n\n    return () => {\n      embla.off('select', update);\n      embla.off('reInit', update);\n      embla.off('settle', update);\n    };\n  }, [embla]);\n\n  const canPrev = scrollState ? scrollState.canPrev : fallbackCanPrev;\n  const canNext = scrollState ? scrollState.canNext : fallbackCanNext;\n\n  return (\n    <Box {...ctx.getStyles('navigation', { className, style, classNames, styles })} {...others}>\n      <UnstyledButton\n        {...ctx.getStyles('navigationButton', stylesApiProps)}\n        aria-label={ctx.labels.previousSlideLabel}\n        aria-disabled={!canPrev || undefined}\n        data-inactive={!canPrev || undefined}\n        mod=\"reduce-motion\"\n        tabIndex={canPrev ? 0 : -1}\n        onClick={ctx.prev}\n      >\n        <PrevIcon />\n      </UnstyledButton>\n\n      <UnstyledButton\n        {...ctx.getStyles('navigationButton', stylesApiProps)}\n        aria-label={ctx.labels.nextSlideLabel}\n        aria-disabled={!canNext || undefined}\n        data-inactive={!canNext || undefined}\n        mod=\"reduce-motion\"\n        tabIndex={canNext ? 0 : -1}\n        onClick={ctx.next}\n      >\n        <NextIcon />\n      </UnstyledButton>\n    </Box>\n  );\n});\n\nLightboxNavigation.classes = classes;\nLightboxNavigation.displayName = '@mantine/lightbox/LightboxNavigation';\n"],"mappings":";;;;;;;AA2BA,SAAS,cAAc;CACrB,OACE,oBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAM;EACN,QAAO;EACP,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EAEf,UAAA,oBAAC,YAAD,EAAU,QAAO,kBAAmB,CAAA;CACjC,CAAA;AAET;AAEA,SAAS,eAAe;CACtB,OACE,oBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAM;EACN,QAAO;EACP,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EAEf,UAAA,oBAAC,YAAD,EAAU,QAAO,iBAAkB,CAAA;CAChC,CAAA;AAET;AAEA,MAAa,qBAAqB,SAAoC,UAAU;CAC9E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WAAW,SAChE,sBACA,MACA,KACF;CAEA,MAAM,MAAM,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAC5C,MAAM,EAAE,QAAQ,aAAa;CAI7B,MAAM,WAAW,QAAQ,QAAQ,eAAe;CAChD,MAAM,WAAW,QAAQ,QAAQ,cAAc;CAE/C,MAAM,kBAAkB,IAAI,OAAO,IAAI,OAAO,SAAS,IAAI,IAAI,eAAe;CAC9E,MAAM,kBAAkB,IAAI,OACxB,IAAI,OAAO,SAAS,IACpB,IAAI,eAAe,IAAI,OAAO,SAAS;CAE3C,MAAM,CAAC,aAAa,kBAAkB,SACpC,IACF;CAEA,MAAM,EAAE,UAAU;CAElB,gBAAgB;EACd,IAAI,CAAC,OAAO;GACV,eAAe,IAAI;GACnB;EACF;EAEA,MAAM,eACJ,eAAe;GAAE,SAAS,MAAM,cAAc;GAAG,SAAS,MAAM,cAAc;EAAE,CAAC;EAEnF,OAAO;EACP,MAAM,GAAG,UAAU,MAAM;EACzB,MAAM,GAAG,UAAU,MAAM;EACzB,MAAM,GAAG,UAAU,MAAM;EAEzB,aAAa;GACX,MAAM,IAAI,UAAU,MAAM;GAC1B,MAAM,IAAI,UAAU,MAAM;GAC1B,MAAM,IAAI,UAAU,MAAM;EAC5B;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,UAAU,cAAc,YAAY,UAAU;CACpD,MAAM,UAAU,cAAc,YAAY,UAAU;CAEpD,OACE,qBAAC,KAAD;EAAK,GAAI,IAAI,UAAU,cAAc;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EAAG,GAAI;EAApF,UAAA,CACE,oBAAC,gBAAD;GACE,GAAI,IAAI,UAAU,oBAAoB,cAAc;GACpD,cAAY,IAAI,OAAO;GACvB,iBAAe,CAAC,WAAW,KAAA;GAC3B,iBAAe,CAAC,WAAW,KAAA;GAC3B,KAAI;GACJ,UAAU,UAAU,IAAI;GACxB,SAAS,IAAI;GAEb,UAAA,oBAAC,UAAD,CAAW,CAAA;EACG,CAAA,GAEhB,oBAAC,gBAAD;GACE,GAAI,IAAI,UAAU,oBAAoB,cAAc;GACpD,cAAY,IAAI,OAAO;GACvB,iBAAe,CAAC,WAAW,KAAA;GAC3B,iBAAe,CAAC,WAAW,KAAA;GAC3B,KAAI;GACJ,UAAU,UAAU,IAAI;GACxB,SAAS,IAAI;GAEb,UAAA,oBAAC,UAAD,CAAW,CAAA;EACG,CAAA,CACb;;AAET,CAAC;AAED,mBAAmB,UAAUA;AAC7B,mBAAmB,cAAc"}

package/esm/LightboxProvider/LightboxProvider.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { lightboxActions, lightboxStore, useLightboxStore } from "../lightbox.store.mjs";
+import { Lightbox } from "../Lightbox.mjs";
+import { factory, useProps } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+//#region packages/@mantine/lightbox/src/LightboxProvider/LightboxProvider.tsx
+const defaultProps = { store: lightboxStore };
+const LightboxProviderComponent = factory((_props) => {
+	const { store, loop, ...others } = useProps("LightboxProvider", defaultProps, _props);
+	const state = useLightboxStore(store);
+	useEffect(() => {
+		if (store.getState().loop !== !!loop) lightboxActions.updateState(() => ({ loop: !!loop }), store);
+	}, [loop, store]);
+	return /* @__PURE__ */ jsx(Lightbox, {
+		...others,
+		loop,
+		opened: state.opened,
+		onClose: () => lightboxActions.close(store),
+		slides: state.slides,
+		currentIndex: state.currentIndex,
+		onIndexChange: (index) => lightboxActions.setIndex(index, store)
+	});
+});
+LightboxProviderComponent.displayName = "@mantine/lightbox/LightboxProvider";
+//#endregion
+export { LightboxProviderComponent };
+
+//# sourceMappingURL=LightboxProvider.mjs.map

package/esm/LightboxProvider/LightboxProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxProvider.mjs","names":[],"sources":["../../src/LightboxProvider/LightboxProvider.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { factory, Factory, useProps } from '@mantine/core';\nimport { Lightbox, LightboxProps } from '../Lightbox';\nimport { lightboxActions, LightboxStore, lightboxStore, useLightboxStore } from '../lightbox.store';\n\nexport interface LightboxProviderProps extends Omit<\n  LightboxProps,\n  'opened' | 'onClose' | 'slides' | 'currentIndex' | 'onIndexChange'\n> {\n  /** Lightbox store, can be used to create multiple instances @default lightboxStore */\n  store?: LightboxStore;\n}\n\nexport type LightboxProviderFactory = Factory<{\n  props: LightboxProviderProps;\n  ref: HTMLDivElement;\n  stylesNames: never;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  store: lightboxStore,\n} satisfies Partial<LightboxProviderProps>;\n\nexport const LightboxProviderComponent = factory<LightboxProviderFactory>((_props) => {\n  const props = useProps('LightboxProvider', defaultProps, _props);\n  const { store, loop, ...others } = props;\n\n  const state = useLightboxStore(store!);\n\n  useEffect(() => {\n    if (store!.getState().loop !== !!loop) {\n      lightboxActions.updateState(() => ({ loop: !!loop }), store!);\n    }\n  }, [loop, store]);\n\n  return (\n    <Lightbox\n      {...others}\n      loop={loop}\n      opened={state.opened}\n      onClose={() => lightboxActions.close(store!)}\n      slides={state.slides}\n      currentIndex={state.currentIndex}\n      onIndexChange={(index) => lightboxActions.setIndex(index, store!)}\n    />\n  );\n});\n\nLightboxProviderComponent.displayName = '@mantine/lightbox/LightboxProvider';\n"],"mappings":";;;;;;;AAoBA,MAAM,eAAe,EACnB,OAAO,cACT;AAEA,MAAa,4BAA4B,SAAkC,WAAW;CAEpF,MAAM,EAAE,OAAO,MAAM,GAAG,WADV,SAAS,oBAAoB,cAAc,MAClB;CAEvC,MAAM,QAAQ,iBAAiB,KAAM;CAErC,gBAAgB;EACd,IAAI,MAAO,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,MAC/B,gBAAgB,mBAAmB,EAAE,MAAM,CAAC,CAAC,KAAK,IAAI,KAAM;CAEhE,GAAG,CAAC,MAAM,KAAK,CAAC;CAEhB,OACE,oBAAC,UAAD;EACE,GAAI;EACE;EACN,QAAQ,MAAM;EACd,eAAe,gBAAgB,MAAM,KAAM;EAC3C,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,gBAAgB,UAAU,gBAAgB,SAAS,OAAO,KAAM;CACjE,CAAA;AAEL,CAAC;AAED,0BAA0B,cAAc"}

package/esm/LightboxRoot/LightboxRoot.mjs

@@ -0,0 +1,404 @@
+"use client";
+import { DEFAULT_LABELS } from "../default-labels.mjs";
+import { LightboxContextProvider } from "../lightbox.context.mjs";
+import Lightbox_module_default from "../Lightbox.module.mjs";
+import { useLightboxKeyboard } from "../hooks/use-lightbox-keyboard.mjs";
+import { useLightboxLockScroll } from "../hooks/use-lightbox-lock-scroll.mjs";
+import { useLightboxZoom } from "../hooks/use-lightbox-zoom.mjs";
+import { Box, FocusTrap, OptionalPortal, RemoveScroll, Transition, VisuallyHidden, createVarsResolver, factory, useDirection, useMantineTheme, useProps, useStyles } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { useFocusReturn, useFullscreenDocument, useReducedMotion, useUncontrolled } from "@mantine/hooks";
+//#region packages/@mantine/lightbox/src/LightboxRoot/LightboxRoot.tsx
+const lightboxRootDefaultProps = {
+	withZoom: false,
+	withThumbnails: false,
+	withFullscreen: false,
+	withDownload: false,
+	loop: false,
+	closeOnClickOutside: false,
+	closeOnSwipeDown: true,
+	withKeyboardEvents: true,
+	returnFocus: true,
+	withInitialFocusPlaceholder: true,
+	withinPortal: true,
+	transitionDuration: 200,
+	zoomMaxScale: 3,
+	withSlideTransition: false
+};
+function createBreakpointWatchDrag(query, zoomIsActive, watchDragRef) {
+	return (emblaApi, event) => {
+		if (zoomIsActive.current) return false;
+		const option = watchDragRef.current[query];
+		if (typeof option === "function") return option(emblaApi, event);
+		return option ?? true;
+	};
+}
+const defaultContentTransition = {
+	common: { transformOrigin: "center center" },
+	in: {
+		opacity: 1,
+		transform: "scale(1)"
+	},
+	out: {
+		opacity: 0,
+		transform: "scale(0.95)"
+	},
+	transitionProperty: "transform, opacity"
+};
+function exitDocumentFullscreen() {
+	const _document = document;
+	const exit = _document.exitFullscreen || _document.msExitFullscreen || _document.webkitExitFullscreen || _document.mozCancelFullScreen;
+	if (typeof exit === "function") Promise.resolve(exit.call(_document)).catch(() => {});
+}
+const varsResolver = createVarsResolver((_, { transitionDuration, zIndex }) => ({ root: {
+	"--lightbox-transition-duration": `${transitionDuration}ms`,
+	"--lightbox-overlay-color": void 0,
+	"--lightbox-z-index": zIndex !== void 0 ? `${zIndex}` : void 0,
+	"--lightbox-toolbar-height": void 0,
+	"--lightbox-thumbnails-height": void 0
+} }));
+const LightboxRoot = factory((_props) => {
+	const props = useProps("LightboxRoot", lightboxRootDefaultProps, _props);
+	const { classNames, className, style, styles, unstyled, vars, opened, onClose, children, slides, currentIndex, onIndexChange, labels, withZoom, withThumbnails, withFullscreen, withDownload, loop, closeOnClickOutside, closeOnSwipeDown, withKeyboardEvents, returnFocus, withInitialFocusPlaceholder, withinPortal, zIndex, transitionDuration, transitionProps, emblaOptions, zoomMaxScale, withSlideTransition, attributes, mod, onClick, ref, ...others } = props;
+	const getStyles = useStyles({
+		name: "Lightbox",
+		classes: Lightbox_module_default,
+		props,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver
+	});
+	const _labels = useMemo(() => ({
+		...DEFAULT_LABELS,
+		...labels
+	}), [labels]);
+	const getStylesRef = useRef(getStyles);
+	getStylesRef.current = getStyles;
+	const stableGetStyles = useCallback((...args) => getStylesRef.current(...args), []);
+	const [_currentIndex, setCurrentIndex] = useUncontrolled({
+		value: currentIndex,
+		defaultValue: 0,
+		finalValue: 0,
+		onChange: onIndexChange
+	});
+	const zoomIsActive = useRef(false);
+	const currentIndexRef = useRef(_currentIndex);
+	const setCurrentIndexRef = useRef(setCurrentIndex);
+	const suppressSelectRef = useRef(null);
+	const fullscreenRequestedRef = useRef(false);
+	const ownsFullscreenRef = useRef(false);
+	const pendingFullscreenRef = useRef(null);
+	const exitOnSettleRef = useRef(false);
+	const emblaOptionsRef = useRef(emblaOptions);
+	const [startIndex, setStartIndex] = useState(_currentIndex);
+	const [prevOpened, setPrevOpened] = useState(opened);
+	if (opened !== prevOpened) {
+		setPrevOpened(opened);
+		if (opened) setStartIndex(_currentIndex);
+	}
+	const { dir } = useDirection();
+	const breakpointWatchDragRef = useRef({});
+	const resolvedEmblaOptions = useMemo(() => {
+		if (!emblaOptions?.breakpoints) {
+			breakpointWatchDragRef.current = {};
+			return emblaOptions;
+		}
+		const watchDragOptions = {};
+		const breakpoints = Object.fromEntries(Object.entries(emblaOptions.breakpoints).map(([query, value]) => {
+			const { loop: _loop, startIndex: _startIndex, watchDrag, ...rest } = value ?? {};
+			watchDragOptions[query] = watchDrag;
+			return [query, watchDrag === void 0 ? rest : {
+				...rest,
+				watchDrag: createBreakpointWatchDrag(query, zoomIsActive, breakpointWatchDragRef)
+			}];
+		}));
+		breakpointWatchDragRef.current = watchDragOptions;
+		return {
+			...emblaOptions,
+			breakpoints
+		};
+	}, [emblaOptions]);
+	const [emblaRef, embla] = useEmblaCarousel({
+		direction: dir,
+		...resolvedEmblaOptions,
+		loop,
+		startIndex,
+		watchDrag: (emblaApi, event) => {
+			if (zoomIsActive.current) return false;
+			const userWatchDrag = emblaOptionsRef.current?.watchDrag;
+			if (typeof userWatchDrag === "function") return userWatchDrag(emblaApi, event);
+			return userWatchDrag ?? true;
+		}
+	});
+	const [thumbnailsVisible, setThumbnailsVisible] = useState(!!withThumbnails);
+	const [prevWithThumbnails, setPrevWithThumbnails] = useState(withThumbnails);
+	if (withThumbnails !== prevWithThumbnails) {
+		setPrevWithThumbnails(withThumbnails);
+		setThumbnailsVisible(!!withThumbnails);
+	}
+	const { toggle: toggleFullscreenFn, fullscreen: isFullscreen } = useFullscreenDocument();
+	const toggleThumbnails = useCallback(() => {
+		setThumbnailsVisible((prev) => !prev);
+	}, []);
+	const toggleFullscreen = useCallback(() => {
+		fullscreenRequestedRef.current = !isFullscreen;
+		if (isFullscreen) ownsFullscreenRef.current = false;
+		const request = toggleFullscreenFn().then(() => {
+			if (pendingFullscreenRef.current === request && exitOnSettleRef.current) {
+				exitOnSettleRef.current = false;
+				exitDocumentFullscreen();
+			}
+		}).catch(() => {
+			fullscreenRequestedRef.current = false;
+			exitOnSettleRef.current = false;
+		}).finally(() => {
+			if (pendingFullscreenRef.current === request) pendingFullscreenRef.current = null;
+		});
+		pendingFullscreenRef.current = request;
+	}, [toggleFullscreenFn, isFullscreen]);
+	useEffect(() => {
+		if (!isFullscreen) {
+			fullscreenRequestedRef.current = false;
+			ownsFullscreenRef.current = false;
+		} else if (fullscreenRequestedRef.current) {
+			fullscreenRequestedRef.current = false;
+			ownsFullscreenRef.current = true;
+		}
+	}, [isFullscreen]);
+	const exitOwnedFullscreen = useCallback(() => {
+		if (!ownsFullscreenRef.current && !fullscreenRequestedRef.current) return;
+		if (pendingFullscreenRef.current !== null && fullscreenRequestedRef.current) exitOnSettleRef.current = true;
+		fullscreenRequestedRef.current = false;
+		ownsFullscreenRef.current = false;
+		exitDocumentFullscreen();
+	}, []);
+	const zoom = useLightboxZoom({
+		enabled: !!withZoom,
+		maxScale: zoomMaxScale,
+		currentIndex: _currentIndex
+	});
+	useEffect(() => {
+		currentIndexRef.current = _currentIndex;
+		setCurrentIndexRef.current = setCurrentIndex;
+		zoomIsActive.current = zoom.zoomState.isZoomed;
+		emblaOptionsRef.current = emblaOptions;
+	});
+	const { resetZoom } = zoom;
+	useEffect(() => {
+		if (!opened) {
+			resetZoom();
+			setThumbnailsVisible(!!withThumbnails);
+			exitOwnedFullscreen();
+		}
+	}, [
+		opened,
+		resetZoom,
+		withThumbnails,
+		exitOwnedFullscreen
+	]);
+	useEffect(() => exitOwnedFullscreen, [exitOwnedFullscreen]);
+	const theme = useMantineTheme();
+	const shouldReduceMotion = useReducedMotion();
+	const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;
+	const animateSlides = !!withSlideTransition && !reduceMotion;
+	const handleNext = useCallback(() => {
+		embla?.scrollNext(!animateSlides);
+	}, [embla, animateSlides]);
+	const handlePrev = useCallback(() => {
+		embla?.scrollPrev(!animateSlides);
+	}, [embla, animateSlides]);
+	useLightboxKeyboard({
+		opened,
+		enabled: withKeyboardEvents,
+		dir,
+		onClose,
+		onNext: handleNext,
+		onPrev: handlePrev,
+		onToggleFullscreen: withFullscreen ? toggleFullscreen : void 0,
+		onToggleThumbnails: withThumbnails ? toggleThumbnails : void 0,
+		onToggleZoom: withZoom ? zoom.toggleZoom : void 0,
+		onZoomPan: withZoom ? zoom.panZoom : void 0
+	});
+	useEffect(() => {
+		if (!embla) return;
+		const onSelect = () => {
+			const selected = embla.selectedScrollSnap();
+			if (selected !== suppressSelectRef.current) setCurrentIndexRef.current(selected);
+		};
+		const onReInit = () => {
+			if (embla.selectedScrollSnap() !== currentIndexRef.current) {
+				suppressSelectRef.current = currentIndexRef.current;
+				embla.scrollTo(currentIndexRef.current, true);
+				suppressSelectRef.current = null;
+			}
+		};
+		embla.on("select", onSelect);
+		embla.on("reInit", onReInit);
+		return () => {
+			embla.off("select", onSelect);
+			embla.off("reInit", onReInit);
+		};
+	}, [embla]);
+	useEffect(() => {
+		if (embla && opened && embla.selectedScrollSnap() !== _currentIndex) {
+			suppressSelectRef.current = _currentIndex;
+			embla.scrollTo(_currentIndex, !animateSlides);
+			suppressSelectRef.current = null;
+		}
+	}, [
+		_currentIndex,
+		embla,
+		opened,
+		animateSlides
+	]);
+	useEffect(() => {
+		if (slides.length > 0 && _currentIndex > slides.length - 1) setCurrentIndexRef.current(slides.length - 1);
+	}, [slides.length, _currentIndex]);
+	useFocusReturn({
+		opened,
+		shouldReturnFocus: returnFocus
+	});
+	const shouldLockScroll = useLightboxLockScroll({
+		opened,
+		exitDuration: typeof transitionProps?.exitDuration === "number" ? transitionProps.exitDuration : typeof transitionProps?.duration === "number" ? transitionProps.duration : transitionDuration,
+		exitDelay: typeof transitionProps?.exitDelay === "number" ? transitionProps.exitDelay : 0
+	});
+	const transition = {
+		transition: defaultContentTransition,
+		duration: transitionDuration,
+		timingFunction: "ease",
+		...transitionProps
+	};
+	const overlayTransition = {
+		transition: "fade",
+		duration: transition.duration,
+		exitDuration: transition.exitDuration,
+		timingFunction: transition.timingFunction,
+		enterDelay: transition.enterDelay,
+		exitDelay: transition.exitDelay,
+		keepMounted: transition.keepMounted
+	};
+	const setIndex = useCallback((index) => {
+		setCurrentIndexRef.current(index);
+		suppressSelectRef.current = index;
+		embla?.scrollTo(index, !animateSlides);
+		suppressSelectRef.current = null;
+	}, [embla, animateSlides]);
+	const currentSlide = slides[_currentIndex];
+	const currentSlideLabel = currentSlide?.type === "video" ? currentSlide.label : currentSlide?.type === "custom" ? void 0 : currentSlide?.alt;
+	const contextValue = useMemo(() => ({
+		getStyles: stableGetStyles,
+		labels: _labels,
+		opened,
+		slides,
+		currentIndex: _currentIndex,
+		setIndex,
+		next: handleNext,
+		prev: handlePrev,
+		embla: embla ?? null,
+		emblaRef,
+		withZoom: !!withZoom,
+		withThumbnails: !!withThumbnails,
+		withFullscreen: !!withFullscreen,
+		withDownload: !!withDownload,
+		thumbnailsVisible,
+		toggleThumbnails,
+		isFullscreen,
+		toggleFullscreen,
+		zoomState: zoom.zoomState,
+		toggleZoom: zoom.toggleZoom,
+		getImageZoomProps: zoom.getImageProps,
+		onClose,
+		loop: !!loop,
+		closeOnClickOutside: !!closeOnClickOutside,
+		closeOnSwipeDown: !!closeOnSwipeDown,
+		transitionDuration
+	}), [
+		stableGetStyles,
+		_labels,
+		opened,
+		slides,
+		_currentIndex,
+		setIndex,
+		handleNext,
+		handlePrev,
+		embla,
+		emblaRef,
+		withZoom,
+		withThumbnails,
+		withFullscreen,
+		withDownload,
+		thumbnailsVisible,
+		toggleThumbnails,
+		isFullscreen,
+		toggleFullscreen,
+		zoom,
+		onClose,
+		loop,
+		closeOnClickOutside,
+		closeOnSwipeDown,
+		transitionDuration
+	]);
+	return /* @__PURE__ */ jsx(OptionalPortal, {
+		withinPortal,
+		children: /* @__PURE__ */ jsx(LightboxContextProvider, {
+			value: contextValue,
+			children: /* @__PURE__ */ jsx(RemoveScroll, {
+				enabled: shouldLockScroll,
+				children: /* @__PURE__ */ jsxs(Box, {
+					...getStyles("root"),
+					children: [/* @__PURE__ */ jsx(Transition, {
+						mounted: opened,
+						...overlayTransition,
+						children: (overlayStyles) => /* @__PURE__ */ jsx(Box, { ...getStyles("overlay", { style: overlayStyles }) })
+					}), /* @__PURE__ */ jsx(Transition, {
+						mounted: opened,
+						...transition,
+						children: (contentStyles) => /* @__PURE__ */ jsx(FocusTrap, {
+							active: opened,
+							innerRef: ref,
+							children: /* @__PURE__ */ jsxs(Box, {
+								...getStyles("content", {
+									className,
+									style: style ? [style, contentStyles] : contentStyles
+								}),
+								role: "dialog",
+								"aria-modal": "true",
+								"aria-label": _labels.lightboxLabel,
+								tabIndex: -1,
+								...others,
+								mod,
+								onClick: (event) => {
+									onClick?.(event);
+									if (closeOnClickOutside && event.target === event.currentTarget) onClose();
+								},
+								children: [
+									withInitialFocusPlaceholder && /* @__PURE__ */ jsx(FocusTrap.InitialFocus, {}),
+									/* @__PURE__ */ jsx(VisuallyHidden, {
+										role: "status",
+										"aria-live": "polite",
+										"aria-atomic": "true",
+										children: slides.length > 0 ? `${_labels.slideLabel(_currentIndex + 1, slides.length)}${currentSlideLabel ? `: ${currentSlideLabel}` : ""}` : null
+									}),
+									children
+								]
+							})
+						})
+					})]
+				})
+			})
+		})
+	});
+});
+LightboxRoot.classes = Lightbox_module_default;
+LightboxRoot.varsResolver = varsResolver;
+LightboxRoot.displayName = "@mantine/lightbox/LightboxRoot";
+//#endregion
+export { LightboxRoot, lightboxRootDefaultProps };
+
+//# sourceMappingURL=LightboxRoot.mjs.map

package/esm/LightboxRoot/LightboxRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxRoot.mjs","names":["classes"],"sources":["../../src/LightboxRoot/LightboxRoot.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { EmblaOptionsType } from 'embla-carousel';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  FocusTrap,\n  MantineTransition,\n  OptionalPortal,\n  RemoveScroll,\n  StylesApiProps,\n  Transition,\n  TransitionOverride,\n  useDirection,\n  useMantineTheme,\n  useProps,\n  useStyles,\n  VisuallyHidden,\n} from '@mantine/core';\nimport {\n  useFocusReturn,\n  useFullscreenDocument,\n  useReducedMotion,\n  useUncontrolled,\n} from '@mantine/hooks';\nimport { DEFAULT_LABELS } from '../default-labels';\nimport { useLightboxKeyboard } from '../hooks/use-lightbox-keyboard';\nimport { useLightboxLockScroll } from '../hooks/use-lightbox-lock-scroll';\nimport { useLightboxZoom } from '../hooks/use-lightbox-zoom';\nimport { LightboxContextProvider } from '../lightbox.context';\nimport type { LightboxLabels, LightboxSlideData } from '../lightbox.types';\nimport classes from '../Lightbox.module.css';\n\nexport type LightboxRootStylesNames =\n  | 'root'\n  | 'overlay'\n  | 'content'\n  | 'toolbar'\n  | 'toolbarGroup'\n  | 'toolbarButton'\n  | 'counter'\n  | 'slides'\n  | 'slidesViewport'\n  | 'slidesContainer'\n  | 'slide'\n  | 'slideImage'\n  | 'slideVideo'\n  | 'thumbnails'\n  | 'thumbnailsViewport'\n  | 'thumbnailsContainer'\n  | 'thumbnail'\n  | 'thumbnailImage'\n  | 'navigation'\n  | 'navigationButton'\n  | 'caption'\n  | 'closeButton';\n\nexport type LightboxCssVariables = {\n  root:\n    | '--lightbox-transition-duration'\n    | '--lightbox-overlay-color'\n    | '--lightbox-z-index'\n    | '--lightbox-toolbar-height'\n    | '--lightbox-thumbnails-height';\n};\n\nexport interface LightboxRootProps\n  extends BoxProps, StylesApiProps<LightboxRootFactory>, ElementProps<'div', 'children'> {\n  /** Controls whether the lightbox is opened */\n  opened: boolean;\n\n  /** Called when the lightbox is closed */\n  onClose: () => void;\n\n  /** Lightbox content (compound components) */\n  children: React.ReactNode;\n\n  /** Array of slide data objects */\n  slides: LightboxSlideData[];\n\n  /** Controlled current slide index */\n  currentIndex?: number;\n\n  /** Called when the current slide index changes */\n  onIndexChange?: (index: number) => void;\n\n  /** Labels used in the component, used for accessibility and localization */\n  labels?: Partial<LightboxLabels>;\n\n  /** Enables image zoom on click/pinch @default false */\n  withZoom?: boolean;\n\n  /** Shows bottom thumbnail strip @default false */\n  withThumbnails?: boolean;\n\n  /** Adds fullscreen toggle to toolbar @default false */\n  withFullscreen?: boolean;\n\n  /** Adds download button to toolbar @default false */\n  withDownload?: boolean;\n\n  /** Enables infinite loop navigation @default false */\n  loop?: boolean;\n\n  /** Closes lightbox when the empty space around the slide content is clicked @default false */\n  closeOnClickOutside?: boolean;\n\n  /** Closes lightbox when swiping down on mobile @default true */\n  closeOnSwipeDown?: boolean;\n\n  /** Determines whether keyboard shortcuts (arrows, `F`/`T`/`Z`) are active, `Escape` always closes the lightbox @default true */\n  withKeyboardEvents?: boolean;\n\n  /** Determines whether focus should be returned to the last active element when the lightbox is closed @default true */\n  returnFocus?: boolean;\n\n  /** Adds a hidden focusable element at the start of the lightbox content – prevents the first toolbar button from receiving visible focus when the lightbox is opened with a pointer. Set to `false` if you need custom focus management. @default true */\n  withInitialFocusPlaceholder?: boolean;\n\n  /** Determines whether the lightbox should be rendered inside `Portal` @default true */\n  withinPortal?: boolean;\n\n  /** `z-index` of the overlay and content elements, `400` by default */\n  zIndex?: string | number;\n\n  /** Transition duration in milliseconds @default 200 */\n  transitionDuration?: number;\n\n  /** Props passed down to the `Transition` component that animates the content, the overlay always fades. By default, the content is scaled from 95% to 100% while fading in. */\n  transitionProps?: TransitionOverride;\n\n  /** Additional Embla carousel options. `loop` and `startIndex` are controlled by the\n   * `loop` and `currentIndex` props and cannot be set here, at the top level or in\n   * `breakpoints`; a `watchDrag` option is still honored at both levels, but dragging is\n   * always disabled while the image is zoomed. */\n  emblaOptions?: EmblaOptionsType;\n\n  /** Maximum zoom scale @default 3 */\n  zoomMaxScale?: number;\n\n  /** Enables animated slide transitions for programmatic navigation @default false */\n  withSlideTransition?: boolean;\n}\n\nexport type LightboxRootFactory = Factory<{\n  props: LightboxRootProps;\n  ref: HTMLDivElement;\n  stylesNames: LightboxRootStylesNames;\n  vars: LightboxCssVariables;\n}>;\n\nexport const lightboxRootDefaultProps = {\n  withZoom: false,\n  withThumbnails: false,\n  withFullscreen: false,\n  withDownload: false,\n  loop: false,\n  closeOnClickOutside: false,\n  closeOnSwipeDown: true,\n  withKeyboardEvents: true,\n  returnFocus: true,\n  withInitialFocusPlaceholder: true,\n  withinPortal: true,\n  transitionDuration: 200,\n  zoomMaxScale: 3,\n  withSlideTransition: false,\n} satisfies Partial<LightboxRootProps>;\n\ntype WatchDragOption = EmblaOptionsType['watchDrag'];\n\nfunction createBreakpointWatchDrag(\n  query: string,\n  zoomIsActive: React.RefObject<boolean>,\n  watchDragRef: React.RefObject<Record<string, WatchDragOption>>\n): WatchDragOption {\n  return (emblaApi, event) => {\n    if (zoomIsActive.current) {\n      return false;\n    }\n\n    const option = watchDragRef.current[query];\n\n    if (typeof option === 'function') {\n      return option(emblaApi, event);\n    }\n\n    return option ?? true;\n  };\n}\n\nconst defaultContentTransition: MantineTransition = {\n  common: { transformOrigin: 'center center' },\n  in: { opacity: 1, transform: 'scale(1)' },\n  out: { opacity: 0, transform: 'scale(0.95)' },\n  transitionProperty: 'transform, opacity',\n};\n\nfunction exitDocumentFullscreen() {\n  const _document = document as any;\n  const exit =\n    _document.exitFullscreen ||\n    _document.msExitFullscreen ||\n    _document.webkitExitFullscreen ||\n    _document.mozCancelFullScreen;\n\n  if (typeof exit === 'function') {\n    Promise.resolve(exit.call(_document)).catch(() => {});\n  }\n}\n\nconst varsResolver = createVarsResolver<LightboxRootFactory>(\n  (_, { transitionDuration, zIndex }) => ({\n    root: {\n      '--lightbox-transition-duration': `${transitionDuration}ms`,\n      '--lightbox-overlay-color': undefined,\n      '--lightbox-z-index': zIndex !== undefined ? `${zIndex}` : undefined,\n      '--lightbox-toolbar-height': undefined,\n      '--lightbox-thumbnails-height': undefined,\n    },\n  })\n);\n\nexport const LightboxRoot = factory<LightboxRootFactory>((_props) => {\n  const props = useProps('LightboxRoot', lightboxRootDefaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    opened,\n    onClose,\n    children,\n    slides,\n    currentIndex,\n    onIndexChange,\n    labels,\n    withZoom,\n    withThumbnails,\n    withFullscreen,\n    withDownload,\n    loop,\n    closeOnClickOutside,\n    closeOnSwipeDown,\n    withKeyboardEvents,\n    returnFocus,\n    withInitialFocusPlaceholder,\n    withinPortal,\n    zIndex,\n    transitionDuration,\n    transitionProps,\n    emblaOptions,\n    zoomMaxScale,\n    withSlideTransition,\n    attributes,\n    mod,\n    onClick,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<LightboxRootFactory>({\n    name: 'Lightbox',\n    classes,\n    props,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const _labels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n  const getStylesRef = useRef(getStyles);\n  getStylesRef.current = getStyles;\n\n  const stableGetStyles = useCallback<typeof getStyles>(\n    (...args) => getStylesRef.current(...args),\n    []\n  );\n\n  const [_currentIndex, setCurrentIndex] = useUncontrolled({\n    value: currentIndex,\n    defaultValue: 0,\n    finalValue: 0,\n    onChange: onIndexChange,\n  });\n\n  const zoomIsActive = useRef(false);\n  const currentIndexRef = useRef(_currentIndex);\n  const setCurrentIndexRef = useRef(setCurrentIndex);\n\n  // Embla emits `select` synchronously from `scrollTo`. When the scroll was requested for\n  // an index the consumer already knows about, that echo is suppressed for the duration\n  // of the call so `onIndexChange` is not reported twice for one navigation.\n  const suppressSelectRef = useRef<number | null>(null);\n  const fullscreenRequestedRef = useRef(false);\n  const ownsFullscreenRef = useRef(false);\n\n  // A `requestFullscreen` that is still in flight, and whether it should be undone as soon\n  // as it settles because the lightbox closed in the meantime.\n  const pendingFullscreenRef = useRef<Promise<void> | null>(null);\n  const exitOnSettleRef = useRef(false);\n\n  // Embla compares options by function source, so the `watchDrag` closure above must stay\n  // textually stable – the current user options are read through this ref instead.\n  const emblaOptionsRef = useRef(emblaOptions);\n\n  const [startIndex, setStartIndex] = useState(_currentIndex);\n  const [prevOpened, setPrevOpened] = useState(opened);\n\n  if (opened !== prevOpened) {\n    setPrevOpened(opened);\n    if (opened) {\n      setStartIndex(_currentIndex);\n    }\n  }\n\n  const { dir } = useDirection();\n\n  const breakpointWatchDragRef = useRef<Record<string, WatchDragOption>>({});\n\n  const resolvedEmblaOptions = useMemo(() => {\n    if (!emblaOptions?.breakpoints) {\n      breakpointWatchDragRef.current = {};\n      return emblaOptions;\n    }\n\n    const watchDragOptions: Record<string, WatchDragOption> = {};\n\n    const breakpoints = Object.fromEntries(\n      Object.entries(emblaOptions.breakpoints).map(([query, value]) => {\n        const { loop: _loop, startIndex: _startIndex, watchDrag, ...rest } = value ?? {};\n        watchDragOptions[query] = watchDrag;\n\n        return [\n          query,\n          watchDrag === undefined\n            ? rest\n            : {\n                ...rest,\n                watchDrag: createBreakpointWatchDrag(query, zoomIsActive, breakpointWatchDragRef),\n              },\n        ];\n      })\n    );\n\n    breakpointWatchDragRef.current = watchDragOptions;\n    return { ...emblaOptions, breakpoints };\n  }, [emblaOptions]);\n\n  const [emblaRef, embla] = useEmblaCarousel({\n    // Placed before the user options so `emblaOptions.direction` can still override it,\n    // the same way `@mantine/carousel` wires direction up.\n    direction: dir,\n    ...resolvedEmblaOptions,\n    loop,\n    startIndex,\n    watchDrag: (emblaApi, event) => {\n      // The zoom gesture lock always wins – dragging a zoomed image pans it\n      // instead of changing the slide.\n      if (zoomIsActive.current) {\n        return false;\n      }\n\n      const userWatchDrag = emblaOptionsRef.current?.watchDrag;\n      if (typeof userWatchDrag === 'function') {\n        return userWatchDrag(emblaApi, event);\n      }\n\n      return userWatchDrag ?? true;\n    },\n  });\n\n  const [thumbnailsVisible, setThumbnailsVisible] = useState(!!withThumbnails);\n  const [prevWithThumbnails, setPrevWithThumbnails] = useState(withThumbnails);\n\n  // Toggling the feature while the lightbox is open used to leave the strip expanded with\n  // no way to collapse it – the toolbar button that toggles it is only rendered while\n  // `withThumbnails` is set.\n  if (withThumbnails !== prevWithThumbnails) {\n    setPrevWithThumbnails(withThumbnails);\n    setThumbnailsVisible(!!withThumbnails);\n  }\n\n  const { toggle: toggleFullscreenFn, fullscreen: isFullscreen } = useFullscreenDocument();\n\n  const toggleThumbnails = useCallback(() => {\n    setThumbnailsVisible((prev) => !prev);\n  }, []);\n\n  const toggleFullscreen = useCallback(() => {\n    fullscreenRequestedRef.current = !isFullscreen;\n    if (isFullscreen) {\n      ownsFullscreenRef.current = false;\n    }\n\n    const request = toggleFullscreenFn()\n      .then(() => {\n        // Closing while `requestFullscreen` is still pending cannot exit anything yet – the\n        // browser has not entered fullscreen. The exit has to be retried once the request\n        // settles, or the page is left fullscreen with no lightbox on top of it.\n        if (pendingFullscreenRef.current === request && exitOnSettleRef.current) {\n          exitOnSettleRef.current = false;\n          exitDocumentFullscreen();\n        }\n      })\n      .catch(() => {\n        fullscreenRequestedRef.current = false;\n        exitOnSettleRef.current = false;\n      })\n      .finally(() => {\n        if (pendingFullscreenRef.current === request) {\n          pendingFullscreenRef.current = null;\n        }\n      });\n\n    pendingFullscreenRef.current = request;\n  }, [toggleFullscreenFn, isFullscreen]);\n\n  useEffect(() => {\n    if (!isFullscreen) {\n      fullscreenRequestedRef.current = false;\n      ownsFullscreenRef.current = false;\n    } else if (fullscreenRequestedRef.current) {\n      fullscreenRequestedRef.current = false;\n      ownsFullscreenRef.current = true;\n    }\n  }, [isFullscreen]);\n\n  const exitOwnedFullscreen = useCallback(() => {\n    if (!ownsFullscreenRef.current && !fullscreenRequestedRef.current) {\n      return;\n    }\n\n    // A request that has not settled yet cannot be exited now – it is exited when it does.\n    if (pendingFullscreenRef.current !== null && fullscreenRequestedRef.current) {\n      exitOnSettleRef.current = true;\n    }\n\n    fullscreenRequestedRef.current = false;\n    ownsFullscreenRef.current = false;\n    exitDocumentFullscreen();\n  }, []);\n\n  const zoom = useLightboxZoom({\n    enabled: !!withZoom,\n    maxScale: zoomMaxScale!,\n    currentIndex: _currentIndex,\n  });\n\n  useEffect(() => {\n    currentIndexRef.current = _currentIndex;\n    setCurrentIndexRef.current = setCurrentIndex;\n    zoomIsActive.current = zoom.zoomState.isZoomed;\n    emblaOptionsRef.current = emblaOptions;\n  });\n\n  const { resetZoom } = zoom;\n\n  useEffect(() => {\n    if (!opened) {\n      resetZoom();\n      setThumbnailsVisible(!!withThumbnails);\n      exitOwnedFullscreen();\n    }\n  }, [opened, resetZoom, withThumbnails, exitOwnedFullscreen]);\n\n  useEffect(() => exitOwnedFullscreen, [exitOwnedFullscreen]);\n\n  const theme = useMantineTheme();\n  const shouldReduceMotion = useReducedMotion();\n  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n  const animateSlides = !!withSlideTransition && !reduceMotion;\n\n  const handleNext = useCallback(() => {\n    embla?.scrollNext(!animateSlides);\n  }, [embla, animateSlides]);\n\n  const handlePrev = useCallback(() => {\n    embla?.scrollPrev(!animateSlides);\n  }, [embla, animateSlides]);\n\n  useLightboxKeyboard({\n    opened,\n    enabled: withKeyboardEvents!,\n    dir,\n    onClose,\n    onNext: handleNext,\n    onPrev: handlePrev,\n    onToggleFullscreen: withFullscreen ? toggleFullscreen : undefined,\n    onToggleThumbnails: withThumbnails ? toggleThumbnails : undefined,\n    onToggleZoom: withZoom ? zoom.toggleZoom : undefined,\n    onZoomPan: withZoom ? zoom.panZoom : undefined,\n  });\n\n  useEffect(() => {\n    if (!embla) {\n      return undefined;\n    }\n\n    const onSelect = () => {\n      const selected = embla.selectedScrollSnap();\n\n      if (selected !== suppressSelectRef.current) {\n        setCurrentIndexRef.current(selected);\n      }\n    };\n\n    const onReInit = () => {\n      if (embla.selectedScrollSnap() !== currentIndexRef.current) {\n        suppressSelectRef.current = currentIndexRef.current;\n        embla.scrollTo(currentIndexRef.current, true);\n        suppressSelectRef.current = null;\n      }\n    };\n\n    embla.on('select', onSelect);\n    embla.on('reInit', onReInit);\n    return () => {\n      embla.off('select', onSelect);\n      embla.off('reInit', onReInit);\n    };\n  }, [embla]);\n\n  useEffect(() => {\n    if (embla && opened && embla.selectedScrollSnap() !== _currentIndex) {\n      // `_currentIndex` is already what the consumer asked for – do not echo it back\n      suppressSelectRef.current = _currentIndex;\n      embla.scrollTo(_currentIndex, !animateSlides);\n      suppressSelectRef.current = null;\n    }\n  }, [_currentIndex, embla, opened, animateSlides]);\n\n  // Slides can be replaced or shortened while the lightbox is open – without this the\n  // index can point past the end, leaving no active slide and a counter like \"3 / 2\".\n  useEffect(() => {\n    if (slides.length > 0 && _currentIndex > slides.length - 1) {\n      setCurrentIndexRef.current(slides.length - 1);\n    }\n  }, [slides.length, _currentIndex]);\n\n  useFocusReturn({ opened, shouldReturnFocus: returnFocus });\n\n  const shouldLockScroll = useLightboxLockScroll({\n    opened,\n    exitDuration:\n      typeof transitionProps?.exitDuration === 'number'\n        ? transitionProps.exitDuration\n        : typeof transitionProps?.duration === 'number'\n          ? transitionProps.duration\n          : transitionDuration,\n    exitDelay: typeof transitionProps?.exitDelay === 'number' ? transitionProps.exitDelay : 0,\n  });\n\n  const transition: TransitionOverride = {\n    transition: defaultContentTransition,\n    duration: transitionDuration,\n    timingFunction: 'ease',\n    ...transitionProps,\n  };\n\n  const overlayTransition: TransitionOverride = {\n    transition: 'fade',\n    duration: transition.duration,\n    exitDuration: transition.exitDuration,\n    timingFunction: transition.timingFunction,\n    enterDelay: transition.enterDelay,\n    exitDelay: transition.exitDelay,\n    keepMounted: transition.keepMounted,\n  };\n\n  const setIndex = useCallback(\n    (index: number) => {\n      setCurrentIndexRef.current(index);\n      suppressSelectRef.current = index;\n      embla?.scrollTo(index, !animateSlides);\n      suppressSelectRef.current = null;\n    },\n    [embla, animateSlides]\n  );\n\n  const currentSlide = slides[_currentIndex];\n  const currentSlideLabel =\n    currentSlide?.type === 'video'\n      ? currentSlide.label\n      : currentSlide?.type === 'custom'\n        ? undefined\n        : currentSlide?.alt;\n\n  const contextValue = useMemo(\n    () => ({\n      getStyles: stableGetStyles,\n      labels: _labels,\n      opened,\n      slides,\n      currentIndex: _currentIndex,\n      setIndex,\n      next: handleNext,\n      prev: handlePrev,\n      embla: embla ?? null,\n      emblaRef,\n      withZoom: !!withZoom,\n      withThumbnails: !!withThumbnails,\n      withFullscreen: !!withFullscreen,\n      withDownload: !!withDownload,\n      thumbnailsVisible,\n      toggleThumbnails,\n      isFullscreen,\n      toggleFullscreen,\n      zoomState: zoom.zoomState,\n      toggleZoom: zoom.toggleZoom,\n      getImageZoomProps: zoom.getImageProps,\n      onClose,\n      loop: !!loop,\n      closeOnClickOutside: !!closeOnClickOutside,\n      closeOnSwipeDown: !!closeOnSwipeDown,\n      transitionDuration: transitionDuration!,\n    }),\n    [\n      stableGetStyles,\n      _labels,\n      opened,\n      slides,\n      _currentIndex,\n      setIndex,\n      handleNext,\n      handlePrev,\n      embla,\n      emblaRef,\n      withZoom,\n      withThumbnails,\n      withFullscreen,\n      withDownload,\n      thumbnailsVisible,\n      toggleThumbnails,\n      isFullscreen,\n      toggleFullscreen,\n      zoom,\n      onClose,\n      loop,\n      closeOnClickOutside,\n      closeOnSwipeDown,\n      transitionDuration,\n    ]\n  );\n\n  return (\n    <OptionalPortal withinPortal={withinPortal}>\n      <LightboxContextProvider value={contextValue}>\n        <RemoveScroll enabled={shouldLockScroll}>\n          <Box {...getStyles('root')}>\n            <Transition mounted={opened} {...overlayTransition}>\n              {(overlayStyles) => <Box {...getStyles('overlay', { style: overlayStyles })} />}\n            </Transition>\n\n            <Transition mounted={opened} {...transition}>\n              {(contentStyles) => (\n                <FocusTrap active={opened} innerRef={ref}>\n                  <Box\n                    {...getStyles('content', {\n                      className,\n                      style: style ? [style, contentStyles] : contentStyles,\n                    })}\n                    role=\"dialog\"\n                    aria-modal=\"true\"\n                    aria-label={_labels.lightboxLabel}\n                    tabIndex={-1}\n                    {...others}\n                    mod={mod}\n                    onClick={(event) => {\n                      onClick?.(event);\n                      if (closeOnClickOutside && event.target === event.currentTarget) {\n                        onClose();\n                      }\n                    }}\n                  >\n                    {withInitialFocusPlaceholder && <FocusTrap.InitialFocus />}\n\n                    <VisuallyHidden role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n                      {slides.length > 0\n                        ? `${_labels.slideLabel(_currentIndex + 1, slides.length)}${currentSlideLabel ? `: ${currentSlideLabel}` : ''}`\n                        : null}\n                    </VisuallyHidden>\n                    {children}\n                  </Box>\n                </FocusTrap>\n              )}\n            </Transition>\n          </Box>\n        </RemoveScroll>\n      </LightboxContextProvider>\n    </OptionalPortal>\n  );\n});\n\nLightboxRoot.classes = classes;\nLightboxRoot.varsResolver = varsResolver;\nLightboxRoot.displayName = '@mantine/lightbox/LightboxRoot';\n"],"mappings":"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"}