@mantine/lightbox 9.5.2

package/cjs/LightboxSlides/LightboxSlides.cjs

@@ -0,0 +1,56 @@
+"use client";
+const require_lightbox_context = require("../lightbox.context.cjs");
+const require_Lightbox_module = require("../Lightbox.module.cjs");
+const require_use_lightbox_swipe_close = require("../hooks/use-lightbox-swipe-close.cjs");
+let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mantine_hooks = require("@mantine/hooks");
+//#region packages/@mantine/lightbox/src/LightboxSlides/LightboxSlides.tsx
+const LightboxSlides = (0, _mantine_core.factory)((props) => {
+	const { classNames, className, style, styles, vars, emblaRef, children, onTouchStart, onTouchEnd, ...others } = (0, _mantine_core.useProps)("LightboxSlides", null, props);
+	const ctx = require_lightbox_context.useLightboxContext();
+	const stylesApiProps = {
+		classNames,
+		styles
+	};
+	const viewportRef = (0, _mantine_hooks.useMergedRef)(ctx.emblaRef, emblaRef);
+	const { handleTouchStart, handleTouchEnd } = require_use_lightbox_swipe_close.useLightboxSwipeClose({
+		enabled: ctx.closeOnSwipeDown,
+		onClose: ctx.onClose,
+		isZoomed: ctx.zoomState.isZoomed
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
+		...ctx.getStyles("slides", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		role: "region",
+		"aria-roledescription": "carousel",
+		"aria-label": ctx.labels.slidesLabel,
+		...others,
+		onTouchStart: (event) => {
+			onTouchStart?.(event);
+			handleTouchStart(event);
+		},
+		onTouchEnd: (event) => {
+			onTouchEnd?.(event);
+			handleTouchEnd(event);
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...ctx.getStyles("slidesViewport", stylesApiProps),
+			ref: viewportRef,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				...ctx.getStyles("slidesContainer", stylesApiProps),
+				children
+			})
+		})
+	});
+});
+LightboxSlides.classes = require_Lightbox_module.default;
+LightboxSlides.displayName = "@mantine/lightbox/LightboxSlides";
+//#endregion
+exports.LightboxSlides = LightboxSlides;
+
+//# sourceMappingURL=LightboxSlides.cjs.map

package/cjs/LightboxSlides/LightboxSlides.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxSlides.cjs","names":["factory","useProps","useLightboxContext","useMergedRef","useLightboxSwipeClose","Box","classes"],"sources":["../../src/LightboxSlides/LightboxSlides.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '@mantine/core';\nimport { useMergedRef } from '@mantine/hooks';\nimport { useLightboxSwipeClose } from '../hooks/use-lightbox-swipe-close';\nimport { useLightboxContext } from '../lightbox.context';\nimport classes from '../Lightbox.module.css';\n\nexport type LightboxSlidesStylesNames = 'slides' | 'slidesViewport' | 'slidesContainer';\n\nexport interface LightboxSlidesProps\n  extends BoxProps, CompoundStylesApiProps<LightboxSlidesFactory>, ElementProps<'div'> {\n  /** Embla carousel ref callback */\n  emblaRef?: React.RefCallback<HTMLDivElement>;\n\n  /** Slide components */\n  children: React.ReactNode;\n}\n\nexport type LightboxSlidesFactory = Factory<{\n  props: LightboxSlidesProps;\n  ref: HTMLDivElement;\n  stylesNames: LightboxSlidesStylesNames;\n  compound: true;\n}>;\n\nexport const LightboxSlides = factory<LightboxSlidesFactory>((props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    emblaRef,\n    children,\n    onTouchStart,\n    onTouchEnd,\n    ...others\n  } = useProps('LightboxSlides', null, props);\n\n  const ctx = useLightboxContext();\n  const stylesApiProps = { classNames, styles };\n\n  const viewportRef = useMergedRef(ctx.emblaRef, emblaRef);\n\n  const { handleTouchStart, handleTouchEnd } = useLightboxSwipeClose({\n    enabled: ctx.closeOnSwipeDown,\n    onClose: ctx.onClose,\n    isZoomed: ctx.zoomState.isZoomed,\n  });\n\n  return (\n    <Box\n      {...ctx.getStyles('slides', { className, style, classNames, styles })}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={ctx.labels.slidesLabel}\n      {...others}\n      onTouchStart={(event) => {\n        onTouchStart?.(event);\n        handleTouchStart(event);\n      }}\n      onTouchEnd={(event) => {\n        onTouchEnd?.(event);\n        handleTouchEnd(event);\n      }}\n    >\n      <div {...ctx.getStyles('slidesViewport', stylesApiProps)} ref={viewportRef}>\n        <div {...ctx.getStyles('slidesContainer', stylesApiProps)}>{children}</div>\n      </div>\n    </Box>\n  );\n});\n\nLightboxSlides.classes = classes;\nLightboxSlides.displayName = '@mantine/lightbox/LightboxSlides';\n"],"mappings":";;;;;;;;AAgCA,MAAa,kBAAA,GAAiBA,cAAAA,QAAAA,EAAgC,UAAU;CACtE,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,UACA,UACA,cACA,YACA,GAAG,YAAA,GACDC,cAAAA,SAAAA,CAAS,kBAAkB,MAAM,KAAK;CAE1C,MAAM,MAAMC,yBAAAA,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,MAAM,eAAA,GAAcC,eAAAA,aAAAA,CAAa,IAAI,UAAU,QAAQ;CAEvD,MAAM,EAAE,kBAAkB,mBAAmBC,iCAAAA,sBAAsB;EACjE,SAAS,IAAI;EACb,SAAS,IAAI;EACb,UAAU,IAAI,UAAU;CAC1B,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,KAAD;EACE,GAAI,IAAI,UAAU,UAAU;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACpE,MAAK;EACL,wBAAqB;EACrB,cAAY,IAAI,OAAO;EACvB,GAAI;EACJ,eAAe,UAAU;GACvB,eAAe,KAAK;GACpB,iBAAiB,KAAK;EACxB;EACA,aAAa,UAAU;GACrB,aAAa,KAAK;GAClB,eAAe,KAAK;EACtB;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,GAAI,IAAI,UAAU,kBAAkB,cAAc;GAAG,KAAK;GAC7D,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,IAAI,UAAU,mBAAmB,cAAc;IAAI;GAAc,CAAA;EACvE,CAAA;CACF,CAAA;AAET,CAAC;AAED,eAAe,UAAUC,wBAAAA;AACzB,eAAe,cAAc"}

package/cjs/LightboxThumbnails/LightboxThumbnails.cjs

@@ -0,0 +1,74 @@
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_lightbox_context = require("../lightbox.context.cjs");
+const require_Lightbox_module = require("../Lightbox.module.cjs");
+let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let embla_carousel_react = require("embla-carousel-react");
+embla_carousel_react = require_runtime.__toESM(embla_carousel_react);
+//#region packages/@mantine/lightbox/src/LightboxThumbnails/LightboxThumbnails.tsx
+const LightboxThumbnails = (0, _mantine_core.factory)((props) => {
+	const { classNames, className, style, styles, vars, ...others } = (0, _mantine_core.useProps)("LightboxThumbnails", null, props);
+	const ctx = require_lightbox_context.useLightboxContext();
+	const stylesApiProps = {
+		classNames,
+		styles
+	};
+	const { dir } = (0, _mantine_core.useDirection)();
+	const [thumbsRef, thumbsEmbla] = (0, embla_carousel_react.default)({
+		containScroll: "keepSnaps",
+		dragFree: true,
+		direction: dir,
+		active: ctx.withThumbnails
+	});
+	(0, react.useEffect)(() => {
+		if (thumbsEmbla) thumbsEmbla.scrollTo(ctx.currentIndex);
+	}, [ctx.currentIndex, thumbsEmbla]);
+	if (!ctx.withThumbnails) return null;
+	const thumbnails = ctx.slides.map((slide, index) => {
+		const hasCustomThumb = slide.type === "custom" && slide.renderThumb;
+		const thumbSrc = slide.thumbSrc ?? (slide.type === "video" ? slide.poster : void 0) ?? (slide.type !== "custom" ? slide.src : void 0);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.UnstyledButton, {
+			...ctx.getStyles("thumbnail", stylesApiProps),
+			mod: "reduce-motion",
+			"data-active": index === ctx.currentIndex || void 0,
+			"aria-label": ctx.labels.thumbnailLabel(index + 1, ctx.slides.length),
+			"aria-current": index === ctx.currentIndex || void 0,
+			onClick: () => ctx.setIndex(index),
+			children: hasCustomThumb ? slide.renderThumb() : thumbSrc ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				...ctx.getStyles("thumbnailImage", stylesApiProps),
+				src: thumbSrc,
+				alt: "",
+				loading: "lazy",
+				draggable: false
+			}) : null
+		}, index);
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Collapse, {
+		expanded: ctx.thumbnailsVisible,
+		transitionDuration: ctx.transitionDuration,
+		keepMounted: false,
+		...ctx.getStyles("thumbnails", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...ctx.getStyles("thumbnailsViewport", stylesApiProps),
+			ref: thumbsRef,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				...ctx.getStyles("thumbnailsContainer", stylesApiProps),
+				children: thumbnails
+			})
+		})
+	});
+});
+LightboxThumbnails.classes = require_Lightbox_module.default;
+LightboxThumbnails.displayName = "@mantine/lightbox/LightboxThumbnails";
+//#endregion
+exports.LightboxThumbnails = LightboxThumbnails;
+
+//# sourceMappingURL=LightboxThumbnails.cjs.map

package/cjs/LightboxThumbnails/LightboxThumbnails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxThumbnails.cjs","names":["factory","useProps","useLightboxContext","useDirection","useEmblaCarousel","UnstyledButton","Collapse","classes"],"sources":["../../src/LightboxThumbnails/LightboxThumbnails.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport {\n  BoxProps,\n  Collapse,\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 LightboxThumbnailsStylesNames =\n  | 'thumbnails'\n  | 'thumbnailsViewport'\n  | 'thumbnailsContainer'\n  | 'thumbnail'\n  | 'thumbnailImage';\n\nexport interface LightboxThumbnailsProps\n  extends\n    BoxProps,\n    CompoundStylesApiProps<LightboxThumbnailsFactory>,\n    ElementProps<'div', 'onTransitionEnd' | 'onTransitionStart'> {}\n\nexport type LightboxThumbnailsFactory = Factory<{\n  props: LightboxThumbnailsProps;\n  ref: HTMLDivElement;\n  stylesNames: LightboxThumbnailsStylesNames;\n  compound: true;\n}>;\n\nexport const LightboxThumbnails = factory<LightboxThumbnailsFactory>((props) => {\n  const { classNames, className, style, styles, vars, ...others } = useProps(\n    'LightboxThumbnails',\n    null,\n    props\n  );\n\n  const ctx = useLightboxContext();\n  const stylesApiProps = { classNames, styles };\n\n  const { dir } = useDirection();\n\n  // The second carousel is only built when the strip can actually be shown – `active: false`\n  // makes Embla skip its listeners and measurements entirely, so a lightbox without\n  // thumbnails does not pay for an instance it never renders.\n  const [thumbsRef, thumbsEmbla] = useEmblaCarousel({\n    containScroll: 'keepSnaps',\n    dragFree: true,\n    direction: dir,\n    active: ctx.withThumbnails,\n  });\n\n  useEffect(() => {\n    if (thumbsEmbla) {\n      thumbsEmbla.scrollTo(ctx.currentIndex);\n    }\n  }, [ctx.currentIndex, thumbsEmbla]);\n\n  if (!ctx.withThumbnails) {\n    return null;\n  }\n\n  const thumbnails = ctx.slides.map((slide, index) => {\n    const hasCustomThumb = slide.type === 'custom' && slide.renderThumb;\n    const thumbSrc =\n      slide.thumbSrc ??\n      (slide.type === 'video' ? slide.poster : undefined) ??\n      (slide.type !== 'custom' ? slide.src : undefined);\n\n    return (\n      <UnstyledButton\n        key={index}\n        {...ctx.getStyles('thumbnail', stylesApiProps)}\n        mod=\"reduce-motion\"\n        data-active={index === ctx.currentIndex || undefined}\n        aria-label={ctx.labels.thumbnailLabel(index + 1, ctx.slides.length)}\n        aria-current={index === ctx.currentIndex || undefined}\n        onClick={() => ctx.setIndex(index)}\n      >\n        {hasCustomThumb ? (\n          slide.renderThumb!()\n        ) : thumbSrc ? (\n          <img\n            {...ctx.getStyles('thumbnailImage', stylesApiProps)}\n            src={thumbSrc}\n            alt=\"\"\n            loading=\"lazy\"\n            draggable={false}\n          />\n        ) : null}\n      </UnstyledButton>\n    );\n  });\n\n  return (\n    <Collapse\n      expanded={ctx.thumbnailsVisible}\n      transitionDuration={ctx.transitionDuration}\n      keepMounted={false}\n      {...ctx.getStyles('thumbnails', { className, style, classNames, styles })}\n      {...others}\n    >\n      <div {...ctx.getStyles('thumbnailsViewport', stylesApiProps)} ref={thumbsRef}>\n        <div {...ctx.getStyles('thumbnailsContainer', stylesApiProps)}>{thumbnails}</div>\n      </div>\n    </Collapse>\n  );\n});\n\nLightboxThumbnails.classes = classes;\nLightboxThumbnails.displayName = '@mantine/lightbox/LightboxThumbnails';\n"],"mappings":";;;;;;;;;;AAoCA,MAAa,sBAAA,GAAqBA,cAAAA,QAAAA,EAAoC,UAAU;CAC9E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,YAAA,GAAWC,cAAAA,SAAAA,CAChE,sBACA,MACA,KACF;CAEA,MAAM,MAAMC,yBAAAA,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,MAAM,EAAE,SAAA,GAAQC,cAAAA,aAAAA,CAAa;CAK7B,MAAM,CAAC,WAAW,gBAAA,GAAeC,qBAAAA,QAAAA,CAAiB;EAChD,eAAe;EACf,UAAU;EACV,WAAW;EACX,QAAQ,IAAI;CACd,CAAC;CAED,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,aACF,YAAY,SAAS,IAAI,YAAY;CAEzC,GAAG,CAAC,IAAI,cAAc,WAAW,CAAC;CAElC,IAAI,CAAC,IAAI,gBACP,OAAO;CAGT,MAAM,aAAa,IAAI,OAAO,KAAK,OAAO,UAAU;EAClD,MAAM,iBAAiB,MAAM,SAAS,YAAY,MAAM;EACxD,MAAM,WACJ,MAAM,aACL,MAAM,SAAS,UAAU,MAAM,SAAS,KAAA,OACxC,MAAM,SAAS,WAAW,MAAM,MAAM,KAAA;EAEzC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,gBAAD;GAEE,GAAI,IAAI,UAAU,aAAa,cAAc;GAC7C,KAAI;GACJ,eAAa,UAAU,IAAI,gBAAgB,KAAA;GAC3C,cAAY,IAAI,OAAO,eAAe,QAAQ,GAAG,IAAI,OAAO,MAAM;GAClE,gBAAc,UAAU,IAAI,gBAAgB,KAAA;GAC5C,eAAe,IAAI,SAAS,KAAK;GAEhC,UAAA,iBACC,MAAM,YAAa,IACjB,WACF,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,GAAI,IAAI,UAAU,kBAAkB,cAAc;IAClD,KAAK;IACL,KAAI;IACJ,SAAQ;IACR,WAAW;GACZ,CAAA,IACC;EACU,GAnBT,KAmBS;CAEpB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,UAAD;EACE,UAAU,IAAI;EACd,oBAAoB,IAAI;EACxB,aAAa;EACb,GAAI,IAAI,UAAU,cAAc;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACxE,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,GAAI,IAAI,UAAU,sBAAsB,cAAc;GAAG,KAAK;GACjE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,IAAI,UAAU,uBAAuB,cAAc;IAAI,UAAA;GAAgB,CAAA;EAC7E,CAAA;CACG,CAAA;AAEd,CAAC;AAED,mBAAmB,UAAUC,wBAAAA;AAC7B,mBAAmB,cAAc"}

package/cjs/LightboxToolbar/LightboxToolbar.cjs

@@ -0,0 +1,80 @@
+"use client";
+const require_lightbox_context = require("../lightbox.context.cjs");
+const require_Lightbox_module = require("../Lightbox.module.cjs");
+const require_toolbar_items = require("./toolbar-items.cjs");
+let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/lightbox/src/LightboxToolbar/LightboxToolbar.tsx
+const LightboxToolbar = (0, _mantine_core.factory)((props) => {
+	const { classNames, className, style, styles, vars, toolbarItems, ...others } = (0, _mantine_core.useProps)("LightboxToolbar", null, props);
+	const ctx = require_lightbox_context.useLightboxContext();
+	const stylesApiProps = {
+		classNames,
+		styles
+	};
+	const currentSlide = ctx.slides[ctx.currentIndex];
+	const defaultItems = [];
+	if (ctx.withThumbnails) defaultItems.push(require_toolbar_items.createThumbnailsToolbarItem(ctx.toggleThumbnails, ctx.thumbnailsVisible, ctx.labels));
+	if (ctx.withFullscreen) defaultItems.push(require_toolbar_items.createFullscreenToolbarItem(ctx.toggleFullscreen, ctx.isFullscreen, ctx.labels));
+	if (ctx.withDownload && currentSlide && currentSlide.type !== "custom") defaultItems.push(require_toolbar_items.createDownloadToolbarItem(currentSlide.src, ctx.labels));
+	defaultItems.push(require_toolbar_items.createCloseToolbarItem(ctx.onClose, ctx.labels));
+	const items = typeof toolbarItems === "function" ? toolbarItems({
+		slides: ctx.slides,
+		currentIndex: ctx.currentIndex,
+		setIndex: ctx.setIndex,
+		next: ctx.next,
+		prev: ctx.prev,
+		close: ctx.onClose,
+		thumbnailsVisible: ctx.thumbnailsVisible,
+		toggleThumbnails: ctx.toggleThumbnails,
+		isFullscreen: ctx.isFullscreen,
+		toggleFullscreen: ctx.toggleFullscreen,
+		zoomed: ctx.zoomState.isZoomed,
+		toggleZoom: ctx.toggleZoom,
+		labels: ctx.labels
+	}) : toolbarItems ?? defaultItems;
+	const leftItems = items.filter((item) => item.position === "left");
+	const rightItems = items.filter((item) => item.position !== "left");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mantine_core.Box, {
+		...ctx.getStyles("toolbar", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				...ctx.getStyles("toolbarGroup", stylesApiProps),
+				children: leftItems.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.UnstyledButton, {
+					...ctx.getStyles("toolbarButton", stylesApiProps),
+					mod: "reduce-motion",
+					"aria-label": item.label,
+					onClick: item.onClick,
+					children: item.icon
+				}, item.key))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				...ctx.getStyles("counter", stylesApiProps),
+				"aria-hidden": "true",
+				children: ctx.slides.length > 0 ? `${ctx.currentIndex + 1} / ${ctx.slides.length}` : null
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				...ctx.getStyles("toolbarGroup", stylesApiProps),
+				children: rightItems.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.UnstyledButton, {
+					...ctx.getStyles("toolbarButton", stylesApiProps),
+					mod: "reduce-motion",
+					"aria-label": item.label,
+					onClick: item.onClick,
+					children: item.icon
+				}, item.key))
+			})
+		]
+	});
+});
+LightboxToolbar.classes = require_Lightbox_module.default;
+LightboxToolbar.displayName = "@mantine/lightbox/LightboxToolbar";
+//#endregion
+exports.LightboxToolbar = LightboxToolbar;
+
+//# sourceMappingURL=LightboxToolbar.cjs.map

package/cjs/LightboxToolbar/LightboxToolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxToolbar.cjs","names":["factory","useProps","useLightboxContext","createThumbnailsToolbarItem","createFullscreenToolbarItem","createDownloadToolbarItem","createCloseToolbarItem","Box","UnstyledButton","classes"],"sources":["../../src/LightboxToolbar/LightboxToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  UnstyledButton,\n  useProps,\n} from '@mantine/core';\nimport { useLightboxContext } from '../lightbox.context';\nimport type { ToolbarItem, ToolbarItems } from '../lightbox.types';\nimport {\n  createCloseToolbarItem,\n  createDownloadToolbarItem,\n  createFullscreenToolbarItem,\n  createThumbnailsToolbarItem,\n} from './toolbar-items';\nimport classes from '../Lightbox.module.css';\n\nexport type LightboxToolbarStylesNames = 'toolbar' | 'toolbarGroup' | 'toolbarButton' | 'counter';\n\nexport interface LightboxToolbarProps\n  extends BoxProps, CompoundStylesApiProps<LightboxToolbarFactory>, ElementProps<'div'> {\n  /** Custom toolbar items, overrides default toolbar actions. Can be a function that receives the current lightbox state and handlers. */\n  toolbarItems?: ToolbarItems;\n}\n\nexport type LightboxToolbarFactory = Factory<{\n  props: LightboxToolbarProps;\n  ref: HTMLDivElement;\n  stylesNames: LightboxToolbarStylesNames;\n  compound: true;\n}>;\n\nexport const LightboxToolbar = factory<LightboxToolbarFactory>((props) => {\n  const { classNames, className, style, styles, vars, toolbarItems, ...others } = useProps(\n    'LightboxToolbar',\n    null,\n    props\n  );\n\n  const ctx = useLightboxContext();\n  const stylesApiProps = { classNames, styles };\n  const currentSlide = ctx.slides[ctx.currentIndex];\n\n  const defaultItems: ToolbarItem[] = [];\n\n  if (ctx.withThumbnails) {\n    defaultItems.push(\n      createThumbnailsToolbarItem(ctx.toggleThumbnails, ctx.thumbnailsVisible, ctx.labels)\n    );\n  }\n\n  if (ctx.withFullscreen) {\n    defaultItems.push(\n      createFullscreenToolbarItem(ctx.toggleFullscreen, ctx.isFullscreen, ctx.labels)\n    );\n  }\n\n  if (ctx.withDownload && currentSlide && currentSlide.type !== 'custom') {\n    defaultItems.push(createDownloadToolbarItem(currentSlide.src, ctx.labels));\n  }\n\n  defaultItems.push(createCloseToolbarItem(ctx.onClose, ctx.labels));\n\n  const items =\n    typeof toolbarItems === 'function'\n      ? toolbarItems({\n          slides: ctx.slides,\n          currentIndex: ctx.currentIndex,\n          setIndex: ctx.setIndex,\n          next: ctx.next,\n          prev: ctx.prev,\n          close: ctx.onClose,\n          thumbnailsVisible: ctx.thumbnailsVisible,\n          toggleThumbnails: ctx.toggleThumbnails,\n          isFullscreen: ctx.isFullscreen,\n          toggleFullscreen: ctx.toggleFullscreen,\n          zoomed: ctx.zoomState.isZoomed,\n          toggleZoom: ctx.toggleZoom,\n          labels: ctx.labels,\n        })\n      : (toolbarItems ?? defaultItems);\n  const leftItems = items.filter((item) => item.position === 'left');\n  const rightItems = items.filter((item) => item.position !== 'left');\n\n  return (\n    <Box {...ctx.getStyles('toolbar', { className, style, classNames, styles })} {...others}>\n      <div {...ctx.getStyles('toolbarGroup', stylesApiProps)}>\n        {leftItems.map((item) => (\n          <UnstyledButton\n            key={item.key}\n            {...ctx.getStyles('toolbarButton', stylesApiProps)}\n            mod=\"reduce-motion\"\n            aria-label={item.label}\n            onClick={item.onClick}\n          >\n            {item.icon}\n          </UnstyledButton>\n        ))}\n      </div>\n\n      {/* An empty gallery has no slide to count – rendering the counter anyway would show\n          an impossible \"1 / 0\". */}\n      <span {...ctx.getStyles('counter', stylesApiProps)} aria-hidden=\"true\">\n        {ctx.slides.length > 0 ? `${ctx.currentIndex + 1} / ${ctx.slides.length}` : null}\n      </span>\n\n      <div {...ctx.getStyles('toolbarGroup', stylesApiProps)}>\n        {rightItems.map((item) => (\n          <UnstyledButton\n            key={item.key}\n            {...ctx.getStyles('toolbarButton', stylesApiProps)}\n            mod=\"reduce-motion\"\n            aria-label={item.label}\n            onClick={item.onClick}\n          >\n            {item.icon}\n          </UnstyledButton>\n        ))}\n      </div>\n    </Box>\n  );\n});\n\nLightboxToolbar.classes = classes;\nLightboxToolbar.displayName = '@mantine/lightbox/LightboxToolbar';\n"],"mappings":";;;;;;;AAmCA,MAAa,mBAAA,GAAkBA,cAAAA,QAAAA,EAAiC,UAAU;CACxE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,cAAc,GAAG,YAAA,GAAWC,cAAAA,SAAAA,CAC9E,mBACA,MACA,KACF;CAEA,MAAM,MAAMC,yBAAAA,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAC5C,MAAM,eAAe,IAAI,OAAO,IAAI;CAEpC,MAAM,eAA8B,CAAC;CAErC,IAAI,IAAI,gBACN,aAAa,KACXC,sBAAAA,4BAA4B,IAAI,kBAAkB,IAAI,mBAAmB,IAAI,MAAM,CACrF;CAGF,IAAI,IAAI,gBACN,aAAa,KACXC,sBAAAA,4BAA4B,IAAI,kBAAkB,IAAI,cAAc,IAAI,MAAM,CAChF;CAGF,IAAI,IAAI,gBAAgB,gBAAgB,aAAa,SAAS,UAC5D,aAAa,KAAKC,sBAAAA,0BAA0B,aAAa,KAAK,IAAI,MAAM,CAAC;CAG3E,aAAa,KAAKC,sBAAAA,uBAAuB,IAAI,SAAS,IAAI,MAAM,CAAC;CAEjE,MAAM,QACJ,OAAO,iBAAiB,aACpB,aAAa;EACX,QAAQ,IAAI;EACZ,cAAc,IAAI;EAClB,UAAU,IAAI;EACd,MAAM,IAAI;EACV,MAAM,IAAI;EACV,OAAO,IAAI;EACX,mBAAmB,IAAI;EACvB,kBAAkB,IAAI;EACtB,cAAc,IAAI;EAClB,kBAAkB,IAAI;EACtB,QAAQ,IAAI,UAAU;EACtB,YAAY,IAAI;EAChB,QAAQ,IAAI;CACd,CAAC,IACA,gBAAgB;CACvB,MAAM,YAAY,MAAM,QAAQ,SAAS,KAAK,aAAa,MAAM;CACjE,MAAM,aAAa,MAAM,QAAQ,SAAS,KAAK,aAAa,MAAM;CAElE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,KAAD;EAAK,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EAAG,GAAI;EAAjF,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,IAAI,UAAU,gBAAgB,cAAc;IAClD,UAAA,UAAU,KAAK,SACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,gBAAD;KAEE,GAAI,IAAI,UAAU,iBAAiB,cAAc;KACjD,KAAI;KACJ,cAAY,KAAK;KACjB,SAAS,KAAK;KAEb,UAAA,KAAK;IACQ,GAPT,KAAK,GAOI,CACjB;GACE,CAAA;GAIL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,GAAI,IAAI,UAAU,WAAW,cAAc;IAAG,eAAY;IAC7D,UAAA,IAAI,OAAO,SAAS,IAAI,GAAG,IAAI,eAAe,EAAE,KAAK,IAAI,OAAO,WAAW;GACxE,CAAA;GAEN,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,IAAI,UAAU,gBAAgB,cAAc;IAClD,UAAA,WAAW,KAAK,SACf,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,gBAAD;KAEE,GAAI,IAAI,UAAU,iBAAiB,cAAc;KACjD,KAAI;KACJ,cAAY,KAAK;KACjB,SAAS,KAAK;KAEb,UAAA,KAAK;IACQ,GAPT,KAAK,GAOI,CACjB;GACE,CAAA;EACF;;AAET,CAAC;AAED,gBAAgB,UAAUC,wBAAAA;AAC1B,gBAAgB,cAAc"}

package/cjs/LightboxToolbar/toolbar-items.cjs

@@ -0,0 +1,156 @@
+"use client";
+const require_default_labels = require("../default-labels.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/lightbox/src/LightboxToolbar/toolbar-items.tsx
+function IconEnterFullscreen() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: "20",
+		height: "20",
+		fill: "currentColor",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 3h6v2H5v4H3V3zm12 0h6v6h-2V5h-4V3zM3 15h2v4h4v2H3v-6zm18 0v6h-6v-2h4v-4h2z" })
+	});
+}
+function IconExitFullscreen() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: "20",
+		height: "20",
+		fill: "currentColor",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9 3v6H3V7h4V3h2zm6 0h2v4h4v2h-6V3zM3 15h6v6H7v-4H3v-2zm12 0h6v2h-4v4h-2v-6z" })
+	});
+}
+function IconThumbnails() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: "20",
+		height: "20",
+		fill: "currentColor",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 3h8v8H3V3zm0 10h8v8H3v-8zm10-10h8v8h-8V3zm0 10h8v8h-8v-8z" })
+	});
+}
+function IconDownload() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: "20",
+		height: "20",
+		fill: "currentColor",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 16l-6-6h4V4h4v6h4l-6 6zm-8 2h16v2H4v-2z" })
+	});
+}
+function IconClose() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: "20",
+		height: "20",
+		fill: "currentColor",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 0 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 1 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z" })
+	});
+}
+function createFullscreenToolbarItem(toggle, isFullscreen, labels = require_default_labels.DEFAULT_LABELS) {
+	return {
+		key: "fullscreen",
+		icon: isFullscreen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconExitFullscreen, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconEnterFullscreen, {}),
+		label: isFullscreen ? labels.exitFullscreenLabel : labels.enterFullscreenLabel,
+		onClick: toggle,
+		position: "right"
+	};
+}
+function createThumbnailsToolbarItem(toggle, visible, labels = require_default_labels.DEFAULT_LABELS) {
+	return {
+		key: "thumbnails",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconThumbnails, {}),
+		label: visible ? labels.hideThumbnailsLabel : labels.showThumbnailsLabel,
+		onClick: toggle,
+		position: "left"
+	};
+}
+const ALLOWED_DOWNLOAD_PROTOCOLS = [
+	"http:",
+	"https:",
+	"blob:",
+	"data:"
+];
+function parseDownloadUrl(src) {
+	try {
+		const url = new URL(src, window.location.href);
+		return ALLOWED_DOWNLOAD_PROTOCOLS.includes(url.protocol) ? url : null;
+	} catch {
+		return null;
+	}
+}
+const downloadsInProgress = /* @__PURE__ */ new Set();
+function getDownloadFileName(parsed) {
+	if (parsed.protocol === "data:") return "download";
+	const lastSegment = parsed.pathname.split("/").pop() || "";
+	try {
+		return decodeURIComponent(lastSegment) || "download";
+	} catch {
+		return lastSegment || "download";
+	}
+}
+function openInNewTab(src) {
+	const link = document.createElement("a");
+	link.href = src;
+	link.target = "_blank";
+	link.rel = "noopener noreferrer";
+	document.body.appendChild(link);
+	link.click();
+	link.remove();
+}
+function downloadFile(src) {
+	const parsed = parseDownloadUrl(src);
+	if (!parsed || downloadsInProgress.has(src)) return;
+	if ((parsed.protocol === "http:" || parsed.protocol === "https:") && parsed.origin !== window.location.origin) {
+		openInNewTab(src);
+		return;
+	}
+	downloadsInProgress.add(src);
+	fetch(src).then((res) => {
+		if (!res.ok) throw new Error(`Failed to download ${src}: ${res.status}`);
+		return res.blob();
+	}).then((blob) => {
+		const url = URL.createObjectURL(blob);
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = getDownloadFileName(parsed);
+		document.body.appendChild(link);
+		link.click();
+		link.remove();
+		window.setTimeout(() => URL.revokeObjectURL(url), 1e3);
+	}).catch(() => {
+		openInNewTab(src);
+	}).finally(() => {
+		downloadsInProgress.delete(src);
+	});
+}
+function createDownloadToolbarItem(src, labels = require_default_labels.DEFAULT_LABELS) {
+	return {
+		key: "download",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownload, {}),
+		label: labels.downloadLabel,
+		onClick: () => downloadFile(src),
+		position: "right"
+	};
+}
+function createCloseToolbarItem(onClose, labels = require_default_labels.DEFAULT_LABELS) {
+	return {
+		key: "close",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose, {}),
+		label: labels.closeLabel,
+		onClick: onClose,
+		position: "right"
+	};
+}
+//#endregion
+exports.createCloseToolbarItem = createCloseToolbarItem;
+exports.createDownloadToolbarItem = createDownloadToolbarItem;
+exports.createFullscreenToolbarItem = createFullscreenToolbarItem;
+exports.createThumbnailsToolbarItem = createThumbnailsToolbarItem;
+
+//# sourceMappingURL=toolbar-items.cjs.map

package/cjs/LightboxToolbar/toolbar-items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-items.cjs","names":["DEFAULT_LABELS"],"sources":["../../src/LightboxToolbar/toolbar-items.tsx"],"sourcesContent":["import { DEFAULT_LABELS } from '../default-labels';\nimport type { LightboxLabels, ToolbarItem } from '../lightbox.types';\n\nfunction IconEnterFullscreen() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"20\"\n      height=\"20\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M3 3h6v2H5v4H3V3zm12 0h6v6h-2V5h-4V3zM3 15h2v4h4v2H3v-6zm18 0v6h-6v-2h4v-4h2z\" />\n    </svg>\n  );\n}\n\nfunction IconExitFullscreen() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"20\"\n      height=\"20\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M9 3v6H3V7h4V3h2zm6 0h2v4h4v2h-6V3zM3 15h6v6H7v-4H3v-2zm12 0h6v2h-4v4h-2v-6z\" />\n    </svg>\n  );\n}\n\nfunction IconThumbnails() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"20\"\n      height=\"20\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M3 3h8v8H3V3zm0 10h8v8H3v-8zm10-10h8v8h-8V3zm0 10h8v8h-8v-8z\" />\n    </svg>\n  );\n}\n\nfunction IconDownload() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"20\"\n      height=\"20\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M12 16l-6-6h4V4h4v6h4l-6 6zm-8 2h16v2H4v-2z\" />\n    </svg>\n  );\n}\n\nfunction IconClose() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"20\"\n      height=\"20\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 0 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 1 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z\" />\n    </svg>\n  );\n}\n\nexport function createFullscreenToolbarItem(\n  toggle: () => void,\n  isFullscreen: boolean,\n  labels: LightboxLabels = DEFAULT_LABELS\n): ToolbarItem {\n  return {\n    key: 'fullscreen',\n    icon: isFullscreen ? <IconExitFullscreen /> : <IconEnterFullscreen />,\n    label: isFullscreen ? labels.exitFullscreenLabel : labels.enterFullscreenLabel,\n    onClick: toggle,\n    position: 'right',\n  };\n}\n\nexport function createThumbnailsToolbarItem(\n  toggle: () => void,\n  visible: boolean,\n  labels: LightboxLabels = DEFAULT_LABELS\n): ToolbarItem {\n  return {\n    key: 'thumbnails',\n    icon: <IconThumbnails />,\n    label: visible ? labels.hideThumbnailsLabel : labels.showThumbnailsLabel,\n    onClick: toggle,\n    position: 'left',\n  };\n}\n\nconst ALLOWED_DOWNLOAD_PROTOCOLS = ['http:', 'https:', 'blob:', 'data:'];\n\nfunction parseDownloadUrl(src: string): URL | null {\n  try {\n    const url = new URL(src, window.location.href);\n    return ALLOWED_DOWNLOAD_PROTOCOLS.includes(url.protocol) ? url : null;\n  } catch {\n    return null;\n  }\n}\n\nconst downloadsInProgress = new Set<string>();\n\nfunction getDownloadFileName(parsed: URL) {\n  if (parsed.protocol === 'data:') {\n    return 'download';\n  }\n\n  const lastSegment = parsed.pathname.split('/').pop() || '';\n\n  try {\n    return decodeURIComponent(lastSegment) || 'download';\n  } catch {\n    return lastSegment || 'download';\n  }\n}\n\nfunction openInNewTab(src: string) {\n  const link = document.createElement('a');\n  link.href = src;\n  link.target = '_blank';\n  link.rel = 'noopener noreferrer';\n  document.body.appendChild(link);\n  link.click();\n  link.remove();\n}\n\nfunction downloadFile(src: string) {\n  const parsed = parseDownloadUrl(src);\n\n  if (!parsed || downloadsInProgress.has(src)) {\n    return;\n  }\n\n  // A cross-origin fetch fails unless the host sends CORS headers, and by the time it\n  // rejects the user activation from the click is gone, so the fallback is popup-blocked.\n  // Navigating straight away keeps the gesture. The `download` attribute is ignored for\n  // cross-origin URLs anyway, so nothing is lost by skipping the blob round-trip.\n  const isCrossOrigin =\n    (parsed.protocol === 'http:' || parsed.protocol === 'https:') &&\n    parsed.origin !== window.location.origin;\n\n  if (isCrossOrigin) {\n    openInNewTab(src);\n    return;\n  }\n\n  downloadsInProgress.add(src);\n\n  fetch(src)\n    .then((res) => {\n      // Without this an error page is happily turned into a blob and saved under the\n      // media file name.\n      if (!res.ok) {\n        throw new Error(`Failed to download ${src}: ${res.status}`);\n      }\n\n      return res.blob();\n    })\n    .then((blob) => {\n      const url = URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = url;\n      link.download = getDownloadFileName(parsed);\n      document.body.appendChild(link);\n      link.click();\n      link.remove();\n      window.setTimeout(() => URL.revokeObjectURL(url), 1000);\n    })\n    .catch(() => {\n      openInNewTab(src);\n    })\n    .finally(() => {\n      downloadsInProgress.delete(src);\n    });\n}\n\nexport function createDownloadToolbarItem(\n  src: string,\n  labels: LightboxLabels = DEFAULT_LABELS\n): ToolbarItem {\n  return {\n    key: 'download',\n    icon: <IconDownload />,\n    label: labels.downloadLabel,\n    onClick: () => downloadFile(src),\n    position: 'right',\n  };\n}\n\nexport function createCloseToolbarItem(\n  onClose: () => void,\n  labels: LightboxLabels = DEFAULT_LABELS\n): ToolbarItem {\n  return {\n    key: 'close',\n    icon: <IconClose />,\n    label: labels.closeLabel,\n    onClick: onClose,\n    position: 'right',\n  };\n}\n"],"mappings":"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"}

package/cjs/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,24 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/cjs/default-labels.cjs

@@ -0,0 +1,20 @@
+"use client";
+//#region packages/@mantine/lightbox/src/default-labels.ts
+const DEFAULT_LABELS = {
+	lightboxLabel: "Gallery",
+	slideLabel: (index, total) => `Slide ${index} of ${total}`,
+	slidesLabel: "Slides",
+	previousSlideLabel: "Previous slide",
+	nextSlideLabel: "Next slide",
+	thumbnailLabel: (index) => `Go to slide ${index}`,
+	enterFullscreenLabel: "Enter fullscreen",
+	exitFullscreenLabel: "Exit fullscreen",
+	showThumbnailsLabel: "Show thumbnails",
+	hideThumbnailsLabel: "Hide thumbnails",
+	downloadLabel: "Download",
+	closeLabel: "Close"
+};
+//#endregion
+exports.DEFAULT_LABELS = DEFAULT_LABELS;
+
+//# sourceMappingURL=default-labels.cjs.map

package/cjs/default-labels.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-labels.cjs","names":[],"sources":["../src/default-labels.ts"],"sourcesContent":["import type { LightboxLabels } from './lightbox.types';\n\nexport const DEFAULT_LABELS: LightboxLabels = {\n  lightboxLabel: 'Gallery',\n  slideLabel: (index, total) => `Slide ${index} of ${total}`,\n  slidesLabel: 'Slides',\n  previousSlideLabel: 'Previous slide',\n  nextSlideLabel: 'Next slide',\n  thumbnailLabel: (index) => `Go to slide ${index}`,\n  enterFullscreenLabel: 'Enter fullscreen',\n  exitFullscreenLabel: 'Exit fullscreen',\n  showThumbnailsLabel: 'Show thumbnails',\n  hideThumbnailsLabel: 'Hide thumbnails',\n  downloadLabel: 'Download',\n  closeLabel: 'Close',\n};\n"],"mappings":";;AAEA,MAAa,iBAAiC;CAC5C,eAAe;CACf,aAAa,OAAO,UAAU,SAAS,MAAM,MAAM;CACnD,aAAa;CACb,oBAAoB;CACpB,gBAAgB;CAChB,iBAAiB,UAAU,eAAe;CAC1C,sBAAsB;CACtB,qBAAqB;CACrB,qBAAqB;CACrB,qBAAqB;CACrB,eAAe;CACf,YAAY;AACd"}

package/cjs/hooks/use-lightbox-keyboard.cjs

@@ -0,0 +1,107 @@
+"use client";
+let react = require("react");
+//#region packages/@mantine/lightbox/src/hooks/use-lightbox-keyboard.ts
+/** Elements that consume typing wherever they are, including the lightbox chrome */
+const TEXT_ENTRY_SELECTOR = "input, textarea, select, video, audio, [contenteditable]:not([contenteditable=\"false\"])";
+/**
+* Elements that consume arrow keys and letter shortcuts only inside slide content – the
+* lightbox toolbar and navigation are buttons too, and keyboard shortcuts have to keep
+* working while one of them has focus.
+*/
+const SLIDE_WIDGET_SELECTOR = [
+	"button",
+	"a[href]",
+	"[role=\"button\"]",
+	"[role=\"link\"]",
+	"[role=\"checkbox\"]",
+	"[role=\"radio\"]",
+	"[role=\"menuitem\"]",
+	"[role=\"option\"]",
+	"[role=\"slider\"]",
+	"[role=\"spinbutton\"]",
+	"[role=\"switch\"]",
+	"[role=\"tab\"]",
+	"[role=\"textbox\"]",
+	"[role=\"combobox\"]",
+	"[role=\"listbox\"]",
+	"[role=\"menu\"]",
+	"[role=\"menubar\"]",
+	"[role=\"tablist\"]",
+	"[role=\"tree\"]",
+	"[role=\"treeitem\"]",
+	"[role=\"grid\"]",
+	"[role=\"gridcell\"]"
+].join(", ");
+const ZOOM_PAN_STEP = 50;
+function useLightboxKeyboard({ opened, enabled, dir, onClose, onNext, onPrev, onToggleFullscreen, onToggleThumbnails, onToggleZoom, onZoomPan }) {
+	(0, react.useEffect)(() => {
+		if (!opened) return;
+		const onLeadingArrow = dir === "rtl" ? onNext : onPrev;
+		const onTrailingArrow = dir === "rtl" ? onPrev : onNext;
+		const handler = (event) => {
+			if (event.defaultPrevented) return;
+			if (event.key === "Escape") {
+				event.preventDefault();
+				onClose();
+				return;
+			}
+			if (!enabled || event.ctrlKey || event.metaKey || event.altKey) return;
+			if (event.target instanceof Element) {
+				if (event.target.closest(TEXT_ENTRY_SELECTOR)) return;
+				if (event.target.closest("[data-lightbox-slide]") && event.target.closest(SLIDE_WIDGET_SELECTOR)) return;
+			}
+			switch (event.key) {
+				case "ArrowLeft":
+					event.preventDefault();
+					if (!onZoomPan?.(ZOOM_PAN_STEP, 0)) onLeadingArrow();
+					break;
+				case "ArrowRight":
+					event.preventDefault();
+					if (!onZoomPan?.(-50, 0)) onTrailingArrow();
+					break;
+				case "ArrowUp":
+					if (onZoomPan?.(0, ZOOM_PAN_STEP)) event.preventDefault();
+					break;
+				case "ArrowDown":
+					if (onZoomPan?.(0, -50)) event.preventDefault();
+					break;
+				case "f":
+				case "F":
+					if (onToggleFullscreen) {
+						event.preventDefault();
+						onToggleFullscreen();
+					}
+					break;
+				case "t":
+				case "T":
+					if (onToggleThumbnails) {
+						event.preventDefault();
+						onToggleThumbnails();
+					}
+					break;
+				case "z":
+				case "Z": if (onToggleZoom) {
+					event.preventDefault();
+					onToggleZoom();
+				}
+			}
+		};
+		document.addEventListener("keydown", handler);
+		return () => document.removeEventListener("keydown", handler);
+	}, [
+		opened,
+		enabled,
+		dir,
+		onClose,
+		onNext,
+		onPrev,
+		onToggleFullscreen,
+		onToggleThumbnails,
+		onToggleZoom,
+		onZoomPan
+	]);
+}
+//#endregion
+exports.useLightboxKeyboard = useLightboxKeyboard;
+
+//# sourceMappingURL=use-lightbox-keyboard.cjs.map

package/cjs/hooks/use-lightbox-keyboard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lightbox-keyboard.cjs","names":[],"sources":["../../src/hooks/use-lightbox-keyboard.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ninterface UseLightboxKeyboardInput {\n  opened: boolean;\n  enabled: boolean;\n  /** Text direction of the lightbox, arrow keys follow it the same way the navigation buttons do */\n  dir: 'ltr' | 'rtl';\n  onClose: () => void;\n  onNext: () => void;\n  onPrev: () => void;\n  onToggleFullscreen?: () => void;\n  onToggleThumbnails?: () => void;\n  onToggleZoom?: () => void;\n  onZoomPan?: (deltaX: number, deltaY: number) => boolean;\n}\n\n/** Elements that consume typing wherever they are, including the lightbox chrome */\nconst TEXT_ENTRY_SELECTOR =\n  'input, textarea, select, video, audio, [contenteditable]:not([contenteditable=\"false\"])';\n\n/**\n * Elements that consume arrow keys and letter shortcuts only inside slide content – the\n * lightbox toolbar and navigation are buttons too, and keyboard shortcuts have to keep\n * working while one of them has focus.\n */\nconst SLIDE_WIDGET_SELECTOR = [\n  'button',\n  'a[href]',\n  '[role=\"button\"]',\n  '[role=\"link\"]',\n  '[role=\"checkbox\"]',\n  '[role=\"radio\"]',\n  '[role=\"menuitem\"]',\n  '[role=\"option\"]',\n  '[role=\"slider\"]',\n  '[role=\"spinbutton\"]',\n  '[role=\"switch\"]',\n  '[role=\"tab\"]',\n  '[role=\"textbox\"]',\n  '[role=\"combobox\"]',\n  '[role=\"listbox\"]',\n  '[role=\"menu\"]',\n  '[role=\"menubar\"]',\n  '[role=\"tablist\"]',\n  '[role=\"tree\"]',\n  '[role=\"treeitem\"]',\n  '[role=\"grid\"]',\n  '[role=\"gridcell\"]',\n].join(', ');\n\nconst ZOOM_PAN_STEP = 50;\n\nexport function useLightboxKeyboard({\n  opened,\n  enabled,\n  dir,\n  onClose,\n  onNext,\n  onPrev,\n  onToggleFullscreen,\n  onToggleThumbnails,\n  onToggleZoom,\n  onZoomPan,\n}: UseLightboxKeyboardInput) {\n  useEffect(() => {\n    if (!opened) {\n      return undefined;\n    }\n\n    // Slides advance along the reading direction, so in RTL the next slide is the one to the\n    // left – the arrow keys follow the same rule as the navigation chevrons, which are\n    // already mirrored. Zoom panning stays physical: an arrow always moves the image the way\n    // it points.\n    const onLeadingArrow = dir === 'rtl' ? onNext : onPrev;\n    const onTrailingArrow = dir === 'rtl' ? onPrev : onNext;\n\n    const handler = (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        onClose();\n        return;\n      }\n\n      if (!enabled || event.ctrlKey || event.metaKey || event.altKey) {\n        return;\n      }\n\n      if (event.target instanceof Element) {\n        if (event.target.closest(TEXT_ENTRY_SELECTOR)) {\n          return;\n        }\n\n        if (\n          event.target.closest('[data-lightbox-slide]') &&\n          event.target.closest(SLIDE_WIDGET_SELECTOR)\n        ) {\n          return;\n        }\n      }\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          event.preventDefault();\n          if (!onZoomPan?.(ZOOM_PAN_STEP, 0)) {\n            onLeadingArrow();\n          }\n          break;\n        case 'ArrowRight':\n          event.preventDefault();\n          if (!onZoomPan?.(-ZOOM_PAN_STEP, 0)) {\n            onTrailingArrow();\n          }\n          break;\n        case 'ArrowUp':\n          if (onZoomPan?.(0, ZOOM_PAN_STEP)) {\n            event.preventDefault();\n          }\n          break;\n        case 'ArrowDown':\n          if (onZoomPan?.(0, -ZOOM_PAN_STEP)) {\n            event.preventDefault();\n          }\n          break;\n        case 'f':\n        case 'F':\n          if (onToggleFullscreen) {\n            event.preventDefault();\n            onToggleFullscreen();\n          }\n          break;\n        case 't':\n        case 'T':\n          if (onToggleThumbnails) {\n            event.preventDefault();\n            onToggleThumbnails();\n          }\n          break;\n        case 'z':\n        case 'Z':\n          if (onToggleZoom) {\n            event.preventDefault();\n            onToggleZoom();\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [\n    opened,\n    enabled,\n    dir,\n    onClose,\n    onNext,\n    onPrev,\n    onToggleFullscreen,\n    onToggleThumbnails,\n    onToggleZoom,\n    onZoomPan,\n  ]);\n}\n"],"mappings":";;;;AAiBA,MAAM,sBACJ;;;;;;AAOF,MAAM,wBAAwB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,IAAI;AAEX,MAAM,gBAAgB;AAEtB,SAAgB,oBAAoB,EAClC,QACA,SACA,KACA,SACA,QACA,QACA,oBACA,oBACA,cACA,aAC2B;CAC3B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,QACH;EAOF,MAAM,iBAAiB,QAAQ,QAAQ,SAAS;EAChD,MAAM,kBAAkB,QAAQ,QAAQ,SAAS;EAEjD,MAAM,WAAW,UAAyB;GACxC,IAAI,MAAM,kBACR;GAGF,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,eAAe;IACrB,QAAQ;IACR;GACF;GAEA,IAAI,CAAC,WAAW,MAAM,WAAW,MAAM,WAAW,MAAM,QACtD;GAGF,IAAI,MAAM,kBAAkB,SAAS;IACnC,IAAI,MAAM,OAAO,QAAQ,mBAAmB,GAC1C;IAGF,IACE,MAAM,OAAO,QAAQ,uBAAuB,KAC5C,MAAM,OAAO,QAAQ,qBAAqB,GAE1C;GAEJ;GAEA,QAAQ,MAAM,KAAd;IACE,KAAK;KACH,MAAM,eAAe;KACrB,IAAI,CAAC,YAAY,eAAe,CAAC,GAC/B,eAAe;KAEjB;IACF,KAAK;KACH,MAAM,eAAe;KACrB,IAAI,CAAC,YAAY,KAAgB,CAAC,GAChC,gBAAgB;KAElB;IACF,KAAK;KACH,IAAI,YAAY,GAAG,aAAa,GAC9B,MAAM,eAAe;KAEvB;IACF,KAAK;KACH,IAAI,YAAY,GAAG,GAAc,GAC/B,MAAM,eAAe;KAEvB;IACF,KAAK;IACL,KAAK;KACH,IAAI,oBAAoB;MACtB,MAAM,eAAe;MACrB,mBAAmB;KACrB;KACA;IACF,KAAK;IACL,KAAK;KACH,IAAI,oBAAoB;MACtB,MAAM,eAAe;MACrB,mBAAmB;KACrB;KACA;IACF,KAAK;IACL,KAAK,KACH,IAAI,cAAc;KAChB,MAAM,eAAe;KACrB,aAAa;IACf;GAIJ;EACF;EAEA,SAAS,iBAAiB,WAAW,OAAO;EAC5C,aAAa,SAAS,oBAAoB,WAAW,OAAO;CAC9D,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}

package/cjs/hooks/use-lightbox-lock-scroll.cjs

@@ -0,0 +1,30 @@
+"use client";
+let _mantine_core = require("@mantine/core");
+let react = require("react");
+let _mantine_hooks = require("@mantine/hooks");
+//#region packages/@mantine/lightbox/src/hooks/use-lightbox-lock-scroll.ts
+function useLightboxLockScroll({ opened, exitDuration, exitDelay }) {
+	const [unlocked, setUnlocked] = (0, react.useState)(!opened);
+	const [prevOpened, setPrevOpened] = (0, react.useState)(opened);
+	const timeout = (0, react.useRef)(-1);
+	const theme = (0, _mantine_core.useMantineTheme)();
+	const shouldReduceMotion = (0, _mantine_hooks.useReducedMotion)();
+	const unlockDelay = exitDelay + ((theme.respectReducedMotion ? shouldReduceMotion : false) ? 0 : exitDuration);
+	if (opened !== prevOpened) {
+		setPrevOpened(opened);
+		if (opened) setUnlocked(false);
+	}
+	(0, react.useEffect)(() => {
+		if (opened || unlockDelay === 0) {
+			window.clearTimeout(timeout.current);
+			return;
+		}
+		timeout.current = window.setTimeout(() => setUnlocked(true), unlockDelay);
+		return () => window.clearTimeout(timeout.current);
+	}, [opened, unlockDelay]);
+	return opened || !unlocked && unlockDelay > 0;
+}
+//#endregion
+exports.useLightboxLockScroll = useLightboxLockScroll;
+
+//# sourceMappingURL=use-lightbox-lock-scroll.cjs.map

package/cjs/hooks/use-lightbox-lock-scroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lightbox-lock-scroll.cjs","names":["useState","useRef","useMantineTheme","useReducedMotion"],"sources":["../../src/hooks/use-lightbox-lock-scroll.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMantineTheme } from '@mantine/core';\nimport { useReducedMotion } from '@mantine/hooks';\n\ninterface UseLightboxLockScrollInput {\n  opened: boolean;\n  exitDuration: number;\n  exitDelay: number;\n}\n\nexport function useLightboxLockScroll({\n  opened,\n  exitDuration,\n  exitDelay,\n}: UseLightboxLockScrollInput) {\n  const [unlocked, setUnlocked] = useState(!opened);\n  const [prevOpened, setPrevOpened] = useState(opened);\n  const timeout = useRef<number>(-1);\n  const theme = useMantineTheme();\n  const shouldReduceMotion = useReducedMotion();\n  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n  const unlockDelay = exitDelay + (reduceMotion ? 0 : exitDuration);\n\n  // Opening arms the lock in the same render rather than one commit later, so the page\n  // cannot scroll in the frame between mounting the lightbox and the effect running.\n  if (opened !== prevOpened) {\n    setPrevOpened(opened);\n    if (opened) {\n      setUnlocked(false);\n    }\n  }\n\n  useEffect(() => {\n    if (opened || unlockDelay === 0) {\n      window.clearTimeout(timeout.current);\n      return undefined;\n    }\n\n    // The lock is released only after the exit transition has played out, otherwise the\n    // page jumps by the scrollbar width while the lightbox is still fading out.\n    timeout.current = window.setTimeout(() => setUnlocked(true), unlockDelay);\n    return () => window.clearTimeout(timeout.current);\n  }, [opened, unlockDelay]);\n\n  return opened || (!unlocked && unlockDelay > 0);\n}\n"],"mappings":";;;;;AAUA,SAAgB,sBAAsB,EACpC,QACA,cACA,aAC6B;CAC7B,MAAM,CAAC,UAAU,gBAAA,GAAeA,MAAAA,SAAAA,CAAS,CAAC,MAAM;CAChD,MAAM,CAAC,YAAY,kBAAA,GAAiBA,MAAAA,SAAAA,CAAS,MAAM;CACnD,MAAM,WAAA,GAAUC,MAAAA,OAAAA,CAAe,EAAE;CACjC,MAAM,SAAA,GAAQC,cAAAA,gBAAAA,CAAgB;CAC9B,MAAM,sBAAA,GAAqBC,eAAAA,iBAAAA,CAAiB;CAE5C,MAAM,cAAc,cADC,MAAM,uBAAuB,qBAAqB,SACvB,IAAI;CAIpD,IAAI,WAAW,YAAY;EACzB,cAAc,MAAM;EACpB,IAAI,QACF,YAAY,KAAK;CAErB;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,UAAU,gBAAgB,GAAG;GAC/B,OAAO,aAAa,QAAQ,OAAO;GACnC;EACF;EAIA,QAAQ,UAAU,OAAO,iBAAiB,YAAY,IAAI,GAAG,WAAW;EACxE,aAAa,OAAO,aAAa,QAAQ,OAAO;CAClD,GAAG,CAAC,QAAQ,WAAW,CAAC;CAExB,OAAO,UAAW,CAAC,YAAY,cAAc;AAC/C"}