@mantine-bites/lightbox 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/cjs/utils/pointer.cjs

@@ -0,0 +1,50 @@
+'use client';
+'use strict';
+
+const POINTER_MOVE_THRESHOLD = 2;
+const isEventTargetWithinSelector = (target, selector) => target instanceof HTMLElement && Boolean(target.closest(selector));
+const isImageTarget = (target) => isEventTargetWithinSelector(target, "img");
+const getPointerCoordinate = (value, fallback) => Number.isFinite(value) ? value : fallback;
+const hasPointerMoved = ({
+  startX,
+  startY,
+  endX,
+  endY,
+  threshold = POINTER_MOVE_THRESHOLD
+}) => Math.abs(endX - startX) > threshold || Math.abs(endY - startY) > threshold;
+const createOutsideClosePointerState = ({
+  pointerId,
+  clientX,
+  clientY,
+  startedOutsideContent
+}) => ({
+  pointerId,
+  startX: getPointerCoordinate(clientX, 0),
+  startY: getPointerCoordinate(clientY, 0),
+  startedOutsideContent,
+  moved: false
+});
+const updateOutsideClosePointerState = (state, { clientX, clientY }) => {
+  const endX = getPointerCoordinate(clientX, state.startX);
+  const endY = getPointerCoordinate(clientY, state.startY);
+  if (!state.moved && hasPointerMoved({
+    startX: state.startX,
+    startY: state.startY,
+    endX,
+    endY
+  })) {
+    return { ...state, moved: true };
+  }
+  return state;
+};
+const shouldCloseFromOutsidePointerState = (state) => state.startedOutsideContent && !state.moved;
+
+exports.POINTER_MOVE_THRESHOLD = POINTER_MOVE_THRESHOLD;
+exports.createOutsideClosePointerState = createOutsideClosePointerState;
+exports.getPointerCoordinate = getPointerCoordinate;
+exports.hasPointerMoved = hasPointerMoved;
+exports.isEventTargetWithinSelector = isEventTargetWithinSelector;
+exports.isImageTarget = isImageTarget;
+exports.shouldCloseFromOutsidePointerState = shouldCloseFromOutsidePointerState;
+exports.updateOutsideClosePointerState = updateOutsideClosePointerState;
+//# sourceMappingURL=pointer.cjs.map

package/dist/cjs/utils/pointer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.cjs","sources":["../../../src/utils/pointer.ts"],"sourcesContent":["/** Minimum pointer movement in pixels before a gesture is considered a drag. */\nexport const POINTER_MOVE_THRESHOLD = 2;\n\n/** Tracks the state of a pointer used to detect outside-content close gestures. */\nexport interface OutsideClosePointerState {\n\t/** Identifier of the tracked pointer. */\n\tpointerId: number;\n\t/** Horizontal position where the pointer was initially pressed. */\n\tstartX: number;\n\t/** Vertical position where the pointer was initially pressed. */\n\tstartY: number;\n\t/** Whether the pointer press originated outside the slide content area. */\n\tstartedOutsideContent: boolean;\n\t/** Whether the pointer has moved beyond the drag threshold since pressing. */\n\tmoved: boolean;\n}\n\ninterface CreateOutsideClosePointerStateInput {\n\tpointerId: number;\n\tclientX: number;\n\tclientY: number;\n\tstartedOutsideContent: boolean;\n}\n\ninterface PointerMoveInput {\n\tstartX: number;\n\tstartY: number;\n\tendX: number;\n\tendY: number;\n\tthreshold?: number;\n}\n\n/**\n * Returns `true` if the event target is an element (or descendant) matching\n * the given CSS selector.\n */\nexport const isEventTargetWithinSelector = (\n\ttarget: EventTarget | null,\n\tselector: string,\n) => target instanceof HTMLElement && Boolean(target.closest(selector));\n\n/** Returns `true` if the event target is or is inside an `<img>` element. */\nexport const isImageTarget = (target: EventTarget | null) =>\n\tisEventTargetWithinSelector(target, \"img\");\n\n/**\n * Returns `value` if it is a finite number, otherwise returns `fallback`.\n * Useful for sanitising pointer coordinates that may be `NaN` or `Infinity`.\n */\nexport const getPointerCoordinate = (value: number, fallback: number) =>\n\tNumber.isFinite(value) ? value : fallback;\n\n/**\n * Returns `true` if the pointer has moved more than `threshold` pixels in\n * either axis between the start and end positions.\n */\nexport const hasPointerMoved = ({\n\tstartX,\n\tstartY,\n\tendX,\n\tendY,\n\tthreshold = POINTER_MOVE_THRESHOLD,\n}: PointerMoveInput) =>\n\tMath.abs(endX - startX) > threshold || Math.abs(endY - startY) > threshold;\n\n/** Creates the initial tracking state for an outside-close pointer gesture. */\nexport const createOutsideClosePointerState = ({\n\tpointerId,\n\tclientX,\n\tclientY,\n\tstartedOutsideContent,\n}: CreateOutsideClosePointerStateInput): OutsideClosePointerState => ({\n\tpointerId,\n\tstartX: getPointerCoordinate(clientX, 0),\n\tstartY: getPointerCoordinate(clientY, 0),\n\tstartedOutsideContent,\n\tmoved: false,\n});\n\n/**\n * Returns an updated copy of the pointer state after a pointer move event.\n * Sets `moved` to `true` once the pointer has exceeded the drag threshold.\n */\nexport const updateOutsideClosePointerState = (\n\tstate: OutsideClosePointerState,\n\t{ clientX, clientY }: { clientX: number; clientY: number },\n): OutsideClosePointerState => {\n\tconst endX = getPointerCoordinate(clientX, state.startX);\n\tconst endY = getPointerCoordinate(clientY, state.startY);\n\n\tif (\n\t\t!state.moved &&\n\t\thasPointerMoved({\n\t\t\tstartX: state.startX,\n\t\t\tstartY: state.startY,\n\t\t\tendX,\n\t\t\tendY,\n\t\t})\n\t) {\n\t\treturn { ...state, moved: true };\n\t}\n\n\treturn state;\n};\n\n/**\n * Returns `true` if the pointer gesture should trigger a close action.\n * The action triggers when the press started outside the content and the\n * pointer did not drag.\n */\nexport const shouldCloseFromOutsidePointerState = (\n\tstate: OutsideClosePointerState,\n) => state.startedOutsideContent && !state.moved;\n"],"names":[],"mappings":"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"}

package/dist/cjs/utils/zoom.cjs

@@ -0,0 +1,91 @@
+'use client';
+'use strict';
+
+const DEFAULT_ZOOM_SCALE = 2;
+const ZERO_ZOOM_OFFSET = { x: 0, y: 0 };
+const clampZoomOffset = ({
+  containerWidth,
+  containerHeight,
+  imageWidth,
+  imageHeight,
+  zoomScale,
+  nextX,
+  nextY
+}) => {
+  const scaledWidth = imageWidth * zoomScale;
+  const scaledHeight = imageHeight * zoomScale;
+  const maxX = Math.max(0, (scaledWidth - containerWidth) / 2);
+  const maxY = Math.max(0, (scaledHeight - containerHeight) / 2);
+  return {
+    x: Math.min(Math.max(nextX, -maxX), maxX),
+    y: Math.min(Math.max(nextY, -maxY), maxY)
+  };
+};
+const getInitialZoomOffset = ({
+  containerRect,
+  imageRect,
+  zoomScale,
+  pointerClientX,
+  pointerClientY
+}) => {
+  const centerX = containerRect.left + containerRect.width / 2;
+  const centerY = containerRect.top + containerRect.height / 2;
+  const rawOffsetX = -(pointerClientX - centerX) * zoomScale;
+  const rawOffsetY = -(pointerClientY - centerY) * zoomScale;
+  return clampZoomOffset({
+    containerWidth: containerRect.width,
+    containerHeight: containerRect.height,
+    imageWidth: imageRect.width,
+    imageHeight: imageRect.height,
+    zoomScale,
+    nextX: rawOffsetX,
+    nextY: rawOffsetY
+  });
+};
+const getZoomTransform = ({
+  isZoomed,
+  offset,
+  scale
+}) => `translate(${isZoomed ? offset.x : 0}px, ${isZoomed ? offset.y : 0}px) scale(${isZoomed ? scale : 1})`;
+const RESOLUTION_EPSILON = 1.01;
+const getImageMeasurements = (image) => {
+  const rect = image.getBoundingClientRect();
+  return {
+    naturalWidth: image.naturalWidth,
+    naturalHeight: image.naturalHeight,
+    renderedWidth: rect.width,
+    renderedHeight: rect.height
+  };
+};
+const getImageMaxZoomScale = (image) => {
+  const { naturalWidth, naturalHeight, renderedWidth, renderedHeight } = getImageMeasurements(image);
+  if (!naturalWidth || !naturalHeight || !renderedWidth || !renderedHeight) {
+    return DEFAULT_ZOOM_SCALE;
+  }
+  return Math.min(naturalWidth / renderedWidth, naturalHeight / renderedHeight);
+};
+const getTargetZoomScale = ({
+  image,
+  containerWidth,
+  containerHeight
+}) => {
+  const { renderedWidth, renderedHeight } = getImageMeasurements(image);
+  const fillWidthScale = renderedWidth > 0 ? containerWidth / renderedWidth : DEFAULT_ZOOM_SCALE;
+  const fillHeightScale = renderedHeight > 0 ? containerHeight / renderedHeight : DEFAULT_ZOOM_SCALE;
+  const fillViewportScale = Math.max(fillWidthScale, fillHeightScale);
+  const maxZoomScale = getImageMaxZoomScale(image);
+  const fallbackStepScale = Math.min(maxZoomScale, DEFAULT_ZOOM_SCALE);
+  const targetScale = fillViewportScale > 1 ? fillViewportScale : fallbackStepScale;
+  return Math.max(1, Math.min(maxZoomScale, targetScale));
+};
+const canZoomImageElement = (image) => getImageMaxZoomScale(image) > RESOLUTION_EPSILON;
+
+exports.DEFAULT_ZOOM_SCALE = DEFAULT_ZOOM_SCALE;
+exports.ZERO_ZOOM_OFFSET = ZERO_ZOOM_OFFSET;
+exports.canZoomImageElement = canZoomImageElement;
+exports.clampZoomOffset = clampZoomOffset;
+exports.getImageMaxZoomScale = getImageMaxZoomScale;
+exports.getInitialZoomOffset = getInitialZoomOffset;
+exports.getTargetZoomScale = getTargetZoomScale;
+exports.getZoomTransform = getZoomTransform;
+//# sourceMappingURL=zoom.cjs.map

package/dist/cjs/utils/zoom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.cjs","sources":["../../../src/utils/zoom.ts"],"sourcesContent":["/** Pixel offset representing a translation applied to a zoomed image. */\nexport interface ZoomOffset {\n\t/** Horizontal translation in pixels. */\n\tx: number;\n\t/** Vertical translation in pixels. */\n\ty: number;\n}\n\n/** Default zoom scale applied when zooming in on an image. */\nexport const DEFAULT_ZOOM_SCALE = 2;\n\n/** Zero-offset value representing no translation on a zoomed image. */\nexport const ZERO_ZOOM_OFFSET: ZoomOffset = { x: 0, y: 0 };\n\ninterface ClampZoomOffsetInput {\n\tcontainerWidth: number;\n\tcontainerHeight: number;\n\timageWidth: number;\n\timageHeight: number;\n\tzoomScale: number;\n\tnextX: number;\n\tnextY: number;\n}\n\ninterface InitialZoomOffsetInput {\n\tcontainerRect: DOMRect;\n\timageRect: DOMRect;\n\tzoomScale: number;\n\tpointerClientX: number;\n\tpointerClientY: number;\n}\n\n/**\n * Clamps a proposed zoom pan offset so the image cannot be panned beyond its\n * edges relative to the container at the given zoom scale.\n */\nexport const clampZoomOffset = ({\n\tcontainerWidth,\n\tcontainerHeight,\n\timageWidth,\n\timageHeight,\n\tzoomScale,\n\tnextX,\n\tnextY,\n}: ClampZoomOffsetInput): ZoomOffset => {\n\tconst scaledWidth = imageWidth * zoomScale;\n\tconst scaledHeight = imageHeight * zoomScale;\n\tconst maxX = Math.max(0, (scaledWidth - containerWidth) / 2);\n\tconst maxY = Math.max(0, (scaledHeight - containerHeight) / 2);\n\n\treturn {\n\t\tx: Math.min(Math.max(nextX, -maxX), maxX),\n\t\ty: Math.min(Math.max(nextY, -maxY), maxY),\n\t};\n};\n\n/**\n * Calculates the initial pan offset when zooming so the clicked/tapped point\n * moves toward the viewport center, then clamps it to valid pan bounds.\n */\nexport const getInitialZoomOffset = ({\n\tcontainerRect,\n\timageRect,\n\tzoomScale,\n\tpointerClientX,\n\tpointerClientY,\n}: InitialZoomOffsetInput): ZoomOffset => {\n\tconst centerX = containerRect.left + containerRect.width / 2;\n\tconst centerY = containerRect.top + containerRect.height / 2;\n\tconst rawOffsetX = -(pointerClientX - centerX) * zoomScale;\n\tconst rawOffsetY = -(pointerClientY - centerY) * zoomScale;\n\n\treturn clampZoomOffset({\n\t\tcontainerWidth: containerRect.width,\n\t\tcontainerHeight: containerRect.height,\n\t\timageWidth: imageRect.width,\n\t\timageHeight: imageRect.height,\n\t\tzoomScale,\n\t\tnextX: rawOffsetX,\n\t\tnextY: rawOffsetY,\n\t});\n};\n\n/**\n * Returns a CSS `transform` string that applies the zoom pan offset and scale.\n * When not zoomed, returns identity values regardless of the stored offset.\n */\nexport const getZoomTransform = ({\n\tisZoomed,\n\toffset,\n\tscale,\n}: {\n\tisZoomed: boolean;\n\toffset: ZoomOffset;\n\tscale: number;\n}) =>\n\t`translate(${isZoomed ? offset.x : 0}px, ${isZoomed ? offset.y : 0}px) scale(${\n\t\tisZoomed ? scale : 1\n\t})`;\n\nconst RESOLUTION_EPSILON = 1.01;\n\nconst getImageMeasurements = (image: HTMLImageElement) => {\n\tconst rect = image.getBoundingClientRect();\n\treturn {\n\t\tnaturalWidth: image.naturalWidth,\n\t\tnaturalHeight: image.naturalHeight,\n\t\trenderedWidth: rect.width,\n\t\trenderedHeight: rect.height,\n\t};\n};\n\n/**\n * Returns the maximum zoom scale at which the image would still be rendered at\n * its native resolution (1:1 pixel ratio). Falls back to `DEFAULT_ZOOM_SCALE`\n * when image dimensions are unavailable.\n */\nexport const getImageMaxZoomScale = (image: HTMLImageElement) => {\n\tconst { naturalWidth, naturalHeight, renderedWidth, renderedHeight } =\n\t\tgetImageMeasurements(image);\n\n\tif (!naturalWidth || !naturalHeight || !renderedWidth || !renderedHeight) {\n\t\treturn DEFAULT_ZOOM_SCALE;\n\t}\n\n\treturn Math.min(naturalWidth / renderedWidth, naturalHeight / renderedHeight);\n};\n\n/**\n * Calculates the zoom scale that should be applied when the user triggers a\n * zoom action. Prefers a scale that fills the container viewport; falls back to\n * the native-resolution scale or `DEFAULT_ZOOM_SCALE` when the image is small.\n */\nexport const getTargetZoomScale = ({\n\timage,\n\tcontainerWidth,\n\tcontainerHeight,\n}: {\n\timage: HTMLImageElement;\n\tcontainerWidth: number;\n\tcontainerHeight: number;\n}) => {\n\tconst { renderedWidth, renderedHeight } = getImageMeasurements(image);\n\tconst fillWidthScale =\n\t\trenderedWidth > 0 ? containerWidth / renderedWidth : DEFAULT_ZOOM_SCALE;\n\tconst fillHeightScale =\n\t\trenderedHeight > 0 ? containerHeight / renderedHeight : DEFAULT_ZOOM_SCALE;\n\tconst fillViewportScale = Math.max(fillWidthScale, fillHeightScale);\n\tconst maxZoomScale = getImageMaxZoomScale(image);\n\tconst fallbackStepScale = Math.min(maxZoomScale, DEFAULT_ZOOM_SCALE);\n\tconst targetScale =\n\t\tfillViewportScale > 1 ? fillViewportScale : fallbackStepScale;\n\n\treturn Math.max(1, Math.min(maxZoomScale, targetScale));\n};\n\n/**\n * Returns `true` if the image has sufficient resolution to be meaningfully\n * zoomed (i.e. its max zoom scale exceeds the resolution epsilon threshold).\n */\nexport const canZoomImageElement = (image: HTMLImageElement) =>\n\tgetImageMaxZoomScale(image) > RESOLUTION_EPSILON;\n"],"names":[],"mappings":"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"}

package/dist/esm/Lightbox.context-value.mjs

@@ -0,0 +1,45 @@
+'use client';
+function buildLightboxContextValue({
+  getStyles,
+  transitionStyles,
+  overlayProps,
+  onClose,
+  withZoom,
+  lightbox
+}) {
+  return {
+    getStyles,
+    transitionStyles,
+    overlayProps,
+    mergedRef: lightbox.mergedRef,
+    mergedCarouselOptions: lightbox.mergedCarouselOptions,
+    onCarouselEmblaApi: lightbox.handleEmblaApi,
+    currentIndex: lightbox.currentIndex,
+    counterText: lightbox.counterText,
+    emblaOptions: lightbox.mergedThumbnailEmblaOptions,
+    onEmblaApi: lightbox.handleThumbnailsEmblaApi,
+    withZoom,
+    isFullscreen: lightbox.isFullscreen,
+    onToggleFullscreen: lightbox.toggleFullscreen,
+    canUseAutoPlay: lightbox.canUseAutoPlay,
+    isPlaying: lightbox.isPlaying,
+    onToggleAutoPlay: lightbox.toggleAutoPlay,
+    onToggleZoom: lightbox.toggleZoom,
+    isZoomed: lightbox.isZoomed,
+    isDraggingZoom: lightbox.isDraggingZoom,
+    canZoomCurrent: lightbox.canZoomCurrent,
+    zoomOffset: lightbox.zoomOffset,
+    zoomScale: lightbox.zoomScale,
+    activeZoomContainerRef: lightbox.activeZoomContainerRef,
+    updateCanZoomAvailability: lightbox.updateCanZoomAvailability,
+    handleZoomPointerDown: lightbox.handleZoomPointerDown,
+    handleZoomPointerMove: lightbox.handleZoomPointerMove,
+    handleZoomPointerEnd: lightbox.handleZoomPointerEnd,
+    onClose,
+    handleOutsideClick: lightbox.handleOutsideClick,
+    onThumbnailClick: lightbox.handleThumbnailClick
+  };
+}
+
+export { buildLightboxContextValue };
+//# sourceMappingURL=Lightbox.context-value.mjs.map

package/dist/esm/Lightbox.context-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.context-value.mjs","sources":["../../src/Lightbox.context-value.ts"],"sourcesContent":["import type { GetStylesApi, OverlayProps } from \"@mantine/core\";\nimport type { CSSProperties } from \"react\";\nimport type { UseLightboxOutput } from \"./hooks/useLightbox.js\";\nimport type { LightboxContext } from \"./Lightbox.context.js\";\nimport type { LightboxFactory } from \"./Lightbox.js\";\n\ninterface BuildLightboxContextValueInput {\n\tgetStyles: GetStylesApi<LightboxFactory>;\n\ttransitionStyles: CSSProperties;\n\toverlayProps: OverlayProps;\n\tonClose: () => void;\n\twithZoom: boolean | undefined;\n\tlightbox: UseLightboxOutput;\n}\n\nexport function buildLightboxContextValue({\n\tgetStyles,\n\ttransitionStyles,\n\toverlayProps,\n\tonClose,\n\twithZoom,\n\tlightbox,\n}: BuildLightboxContextValueInput): LightboxContext {\n\treturn {\n\t\tgetStyles,\n\t\ttransitionStyles,\n\t\toverlayProps,\n\t\tmergedRef: lightbox.mergedRef,\n\t\tmergedCarouselOptions: lightbox.mergedCarouselOptions,\n\t\tonCarouselEmblaApi: lightbox.handleEmblaApi,\n\t\tcurrentIndex: lightbox.currentIndex,\n\t\tcounterText: lightbox.counterText,\n\t\temblaOptions: lightbox.mergedThumbnailEmblaOptions,\n\t\tonEmblaApi: lightbox.handleThumbnailsEmblaApi,\n\t\twithZoom,\n\t\tisFullscreen: lightbox.isFullscreen,\n\t\tonToggleFullscreen: lightbox.toggleFullscreen,\n\t\tcanUseAutoPlay: lightbox.canUseAutoPlay,\n\t\tisPlaying: lightbox.isPlaying,\n\t\tonToggleAutoPlay: lightbox.toggleAutoPlay,\n\t\tonToggleZoom: lightbox.toggleZoom,\n\t\tisZoomed: lightbox.isZoomed,\n\t\tisDraggingZoom: lightbox.isDraggingZoom,\n\t\tcanZoomCurrent: lightbox.canZoomCurrent,\n\t\tzoomOffset: lightbox.zoomOffset,\n\t\tzoomScale: lightbox.zoomScale,\n\t\tactiveZoomContainerRef: lightbox.activeZoomContainerRef,\n\t\tupdateCanZoomAvailability: lightbox.updateCanZoomAvailability,\n\t\thandleZoomPointerDown: lightbox.handleZoomPointerDown,\n\t\thandleZoomPointerMove: lightbox.handleZoomPointerMove,\n\t\thandleZoomPointerEnd: lightbox.handleZoomPointerEnd,\n\t\tonClose,\n\t\thandleOutsideClick: lightbox.handleOutsideClick,\n\t\tonThumbnailClick: lightbox.handleThumbnailClick,\n\t};\n}\n"],"names":[],"mappings":";AACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,yBAAyB,CAAC,CAAA;AAC1C,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AACX,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA;AAClB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA;AACd,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AACT,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA;AACV,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAC,CAAA,CAAE,CAAA;AACH,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA;AACpB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA;AAChB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AACjC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA;AACzD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA;AAC/C,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA;AACvC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA;AACrC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B,CAAA;AACtD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAwB,CAAA;AACjD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA;AACvC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA;AACjD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA;AAC3C,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AACjC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA;AAC7C,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA;AACrC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA;AAC/B,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA;AAC3C,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA;AAC3C,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA;AACnC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AACjC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA;AAC3D,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB,CAAA;AACjE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA;AACzD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA;AACzD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA;AACvD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA;AACnD,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC/B,CAAA,CAAA,CAAG,CAAA;AACH,CAAA;;"}

package/dist/esm/Lightbox.context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.context.mjs","sources":["../../src/Lightbox.context.ts"],"sourcesContent":["import { createSafeContext, type GetStylesApi } from \"@mantine/core\";\nimport type { LightboxFactory } from \"./Lightbox.js\";\n\nexport interface LightboxContext {\n\tgetStyles: GetStylesApi<LightboxFactory>;\n}\n\nexport const [LightboxProvider, useLightboxContext] =\n\tcreateSafeContext<LightboxContext>(\n\t\t\"Lightbox component was not found in the tree\",\n\t);\n"],"names":[],"mappings":";;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA;AACvE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;"}
+{"version":3,"file":"Lightbox.context.mjs","sources":["../../src/Lightbox.context.ts"],"sourcesContent":["import { createSafeContext, type GetStylesApi } from \"@mantine/core\";\nimport type { EmblaCarouselType } from \"embla-carousel\";\nimport type { PointerEvent as ReactPointerEvent, RefObject } from \"react\";\nimport type { LightboxFactory } from \"./Lightbox.js\";\nimport type { ZoomOffset } from \"./utils/zoom.js\";\n\nexport interface LightboxContext {\n\tgetStyles: GetStylesApi<LightboxFactory>;\n\topened: boolean;\n\tcurrentIndex: number;\n\tslideCount: number | null;\n\tslidesEmblaRef: RefObject<EmblaCarouselType | null>;\n\tthumbnailsEmblaRef: RefObject<EmblaCarouselType | null>;\n\tsetCurrentIndex: (index: number) => void;\n\tsetSlideCount: (count: number | null) => void;\n\tonClose: () => void;\n\tonOutsideClick: () => void;\n\tonThumbnailClick: (index: number) => void;\n\tonScrollPrev: () => void;\n\tonScrollNext: () => void;\n\torientation: \"horizontal\" | \"vertical\";\n\t// Zoom\n\twithZoom: boolean;\n\tisZoomed: boolean;\n\tisZoomedRef: RefObject<boolean>;\n\tisDraggingZoom: boolean;\n\tcanZoomCurrent: boolean;\n\tzoomOffset: ZoomOffset;\n\tzoomScale: number;\n\tactiveZoomContainerRef: RefObject<HTMLDivElement | null>;\n\ttoggleZoom: () => void;\n\tupdateCanZoomAvailability: () => void;\n\thandleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;\n}\n\nexport const [LightboxProvider, useLightboxContext] =\n\tcreateSafeContext<LightboxContext>(\n\t\t\"Lightbox component was not found in the tree\",\n\t);\n"],"names":[],"mappings":";;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA;AACvE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;"}

package/dist/esm/Lightbox.defaults.mjs

@@ -0,0 +1,27 @@
+'use client';
+const LIGHTBOX_DEFAULT_PROPS = {
+  closeOnClickOutside: true,
+  keepMounted: false,
+  trapFocus: true,
+  lockScroll: true,
+  returnFocus: true,
+  withinPortal: true,
+  controlSize: 36,
+  carouselOptions: {},
+  thumbnailCarouselOptions: {
+    dragFree: true
+  },
+  overlayProps: {
+    fixed: true,
+    backgroundOpacity: 0.9,
+    color: "#18181B",
+    zIndex: 200
+  },
+  transitionProps: {
+    transition: "fade",
+    duration: 250
+  }
+};
+
+export { LIGHTBOX_DEFAULT_PROPS };
+//# sourceMappingURL=Lightbox.defaults.mjs.map

package/dist/esm/Lightbox.defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.defaults.mjs","sources":["../../src/Lightbox.defaults.ts"],"sourcesContent":["export const LIGHTBOX_DEFAULT_PROPS = {\n\tcloseOnClickOutside: true,\n\tkeepMounted: false,\n\ttrapFocus: true,\n\tlockScroll: true,\n\treturnFocus: true,\n\twithinPortal: true,\n\tcontrolSize: 36,\n\tcarouselOptions: {},\n\tthumbnailCarouselOptions: {\n\t\tdragFree: true,\n\t},\n\toverlayProps: {\n\t\tfixed: true,\n\t\tbackgroundOpacity: 0.9,\n\t\tcolor: \"#18181B\",\n\t\tzIndex: 200,\n\t},\n\ttransitionProps: {\n\t\ttransition: \"fade\",\n\t\tduration: 250,\n\t},\n} as const;\n"],"names":[],"mappings":";AACY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,sBAAsB,CAAA,CAAA,CAAG,CAAA;AACtC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AAC3B,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA;AACpB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AACjB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AAClB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AACnB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AACpB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAA,CAAE,CAAA;AACjB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,EAAE,CAAA,CAAE,CAAA;AACrB,CAAA,CAAE,wBAAwB,CAAA,CAAE,CAAA;AAC5B,CAAA,CAAA,CAAA,CAAI,QAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAG,CAAA;AACH,CAAA,CAAE,YAAY,CAAA,CAAE,CAAA;AAChB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAA,CAAA,CAAA,CAAI,CAAA;AACf,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,EAAE,CAAA,CAAA,CAAG,CAAA;AAC1B,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AACpB,CAAA,CAAA,CAAA,CAAI,MAAM,CAAA,CAAE,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAG,CAAA;AACH,CAAA,CAAE,eAAe,CAAA,CAAE,CAAA;AACnB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AACtB,CAAA,CAAA,CAAA,CAAI,QAAQ,CAAA,CAAE,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA;AACA,CAAA,CAAA;;"}

package/dist/esm/Lightbox.mjs

@@ -1,264 +1,60 @@
 'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Carousel } from '@mantine/carousel';
-import { createVarsResolver, factory, useProps, useStyles, Modal, Box, ActionIcon, CloseIcon, Text, UnstyledButton } from '@mantine/core';
-import { Children, isValidElement, useRef, useState, useCallback, useEffect } from 'react';
-import { LightboxProvider } from './Lightbox.context.mjs';
-import classes from './Lightbox.module.css.mjs';
-import { LightboxSlide } from './LightboxSlide.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { factory, useProps } from '@mantine/core';
+import { LightboxAutoplayButton } from './components/LightboxAutoplayButton.mjs';
+import { LightboxCloseButton } from './components/LightboxCloseButton.mjs';
+import { LightboxControls } from './components/LightboxControls.mjs';
+import { LightboxCounter } from './components/LightboxCounter.mjs';
+import { LightboxFullscreenButton } from './components/LightboxFullscreenButton.mjs';
+import { LightboxRoot } from './components/LightboxRoot.mjs';
+import { LightboxSlide } from './components/LightboxSlide.mjs';
+import { LightboxSlides } from './components/LightboxSlides.mjs';
+import { LightboxThumbnail } from './components/LightboxThumbnail.mjs';
+import { LightboxThumbnails } from './components/LightboxThumbnails.mjs';
+import { LightboxToolbar } from './components/LightboxToolbar.mjs';
+import { LightboxZoomButton } from './components/LightboxZoomButton.mjs';
 
 const defaultProps = {
-  loop: true,
+  withToolbar: true,
   withControls: true,
   withThumbnails: true,
   withCounter: true
 };
-const varsResolver = createVarsResolver((_theme) => ({
-  root: {
-    "--lightbox-color": "var(--mantine-color-white)",
-    "--lightbox-thumbnail-size": "48px",
-    "--lightbox-thumbnail-radius": "var(--mantine-radius-sm)",
-    "--lightbox-thumbnail-highlight": "var(--mantine-primary-color-filled)"
-  }
-}));
-const QuestionMark = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    "aria-hidden": "true",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-    ]
-  }
-);
-const ChevronLeft = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    "aria-hidden": "true",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
-  }
-);
-const ChevronRight = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    "aria-hidden": "true",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
-  }
-);
 const Lightbox = factory((_props, ref) => {
   const props = useProps("Lightbox", defaultProps, _props);
   const {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    opened,
-    onClose,
-    initialSlide,
-    onSlideChange,
-    loop,
+    images,
+    withToolbar,
     withControls,
     withThumbnails,
     withCounter,
-    withZoom: _withZoom,
-    withFullscreen: _withFullscreen,
-    withAutoPlay: _withAutoPlay,
-    counterFormatter,
-    previousControlIcon,
-    nextControlIcon,
-    children,
-    ...others
+    slidesProps,
+    thumbnailsProps,
+    controlsProps,
+    counterProps,
+    ...rootProps
   } = props;
-  const getStyles = useStyles({
-    name: "Lightbox",
-    classes,
-    props,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    vars,
-    varsResolver
-  });
-  const slides = Children.toArray(children).filter(isValidElement);
-  const total = slides.length;
-  const emblaRef = useRef(null);
-  const [currentIndex, setCurrentIndex] = useState(initialSlide ?? 0);
-  const [canScrollPrev, setCanScrollPrev] = useState(false);
-  const [canScrollNext, setCanScrollNext] = useState(false);
-  const handleSlideChange = useCallback(
-    (index) => {
-      setCurrentIndex(index);
-      onSlideChange?.(index);
-    },
-    [onSlideChange]
-  );
-  const updateCanScroll = useCallback(() => {
-    const api = emblaRef.current;
-    if (api) {
-      setCanScrollPrev(api.canScrollPrev());
-      setCanScrollNext(api.canScrollNext());
-    }
-  }, []);
-  const handleEmblaApi = useCallback(
-    (api) => {
-      emblaRef.current = api;
-      updateCanScroll();
-      api.on("select", updateCanScroll);
-      api.on("init", updateCanScroll);
-    },
-    [updateCanScroll]
-  );
-  useEffect(() => {
-    if (!opened) {
-      return;
-    }
-    const handleKeyDown = (event) => {
-      if (event.key === "ArrowLeft") {
-        emblaRef.current?.scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        emblaRef.current?.scrollNext();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [opened]);
-  const counterText = counterFormatter ? counterFormatter(currentIndex, total) : `${currentIndex + 1} / ${total}`;
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      opened,
-      onClose,
-      fullScreen: true,
-      withCloseButton: false,
-      radius: 0,
-      padding: 0,
-      xOffset: 0,
-      yOffset: 0,
-      styles: {
-        inner: {
-          left: 0,
-          right: 0
-        },
-        content: {
-          background: "transparent"
-        }
-      },
-      overlayProps: {
-        style: {
-          backgroundColor: "rgba(24, 24, 27, .95)"
-        }
-      },
-      children: /* @__PURE__ */ jsx(LightboxProvider, { value: { getStyles }, children: /* @__PURE__ */ jsxs(Box, { ref, ...getStyles("root"), ...others, children: [
-        /* @__PURE__ */ jsx(ActionIcon.Group, { ...getStyles("toolbar"), children: /* @__PURE__ */ jsx(
-          ActionIcon,
-          {
-            variant: "default",
-            size: "lg",
-            onClick: onClose,
-            "aria-label": "Close lightbox",
-            ...getStyles("closeButton"),
-            children: /* @__PURE__ */ jsx(CloseIcon, {})
-          }
-        ) }),
-        withCounter && /* @__PURE__ */ jsx(Text, { size: "sm", ...getStyles("counter"), children: counterText }),
-        withControls && /* @__PURE__ */ jsx(
-          ActionIcon,
-          {
-            variant: "filled",
-            color: "gray",
-            size: "xl",
-            radius: "xl",
-            onClick: () => emblaRef.current?.scrollPrev(),
-            disabled: !canScrollPrev,
-            "aria-label": "Previous image",
-            "data-position": "previous",
-            ...getStyles("control"),
-            children: previousControlIcon ?? /* @__PURE__ */ jsx(ChevronLeft, {})
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Carousel,
-          {
-            withControls: false,
-            height: "100%",
-            slideSize: "100%",
-            slideGap: 0,
-            emblaOptions: { loop },
-            initialSlide,
-            onSlideChange: handleSlideChange,
-            getEmblaApi: handleEmblaApi,
-            ...getStyles("slides"),
-            children
-          }
-        ),
-        withControls && /* @__PURE__ */ jsx(
-          ActionIcon,
-          {
-            variant: "filled",
-            color: "gray",
-            size: "xl",
-            radius: "xl",
-            onClick: () => emblaRef.current?.scrollNext(),
-            disabled: !canScrollNext,
-            "aria-label": "Next image",
-            "data-position": "next",
-            ...getStyles("control"),
-            children: nextControlIcon ?? /* @__PURE__ */ jsx(ChevronRight, {})
-          }
-        ),
-        withThumbnails && /* @__PURE__ */ jsx(Box, { ...getStyles("thumbnails"), children: slides.map((slide, i) => {
-          const { thumbnail } = slide.props;
-          return /* @__PURE__ */ jsx(
-            UnstyledButton,
-            {
-              onClick: () => emblaRef.current?.scrollTo(i),
-              "aria-label": `Go to slide ${i + 1}`,
-              "aria-current": i === currentIndex ? "true" : void 0,
-              "data-active": i === currentIndex || void 0,
-              ...getStyles("thumbnailButton"),
-              children: thumbnail ?? /* @__PURE__ */ jsx(Box, { ...getStyles("thumbnailPlaceholder"), children: /* @__PURE__ */ jsx(QuestionMark, {}) })
-            },
-            slide.key ?? i
-          );
-        }) })
-      ] }) })
-    }
-  );
+  return /* @__PURE__ */ jsxs(LightboxRoot, { ref, ...rootProps, children: [
+    withToolbar && /* @__PURE__ */ jsx(LightboxToolbar, {}),
+    withCounter && /* @__PURE__ */ jsx(LightboxCounter, { ...counterProps }),
+    withControls && /* @__PURE__ */ jsx(LightboxControls, { ...controlsProps }),
+    /* @__PURE__ */ jsx(LightboxSlides, { ...slidesProps, children: images.map((img) => /* @__PURE__ */ jsx(LightboxSlide, { children: /* @__PURE__ */ jsx("img", { src: img.src, alt: img.alt }) }, img.src)) }),
+    withThumbnails && /* @__PURE__ */ jsx(LightboxThumbnails, { ...thumbnailsProps, children: images.map((img) => /* @__PURE__ */ jsx(LightboxThumbnail, { children: /* @__PURE__ */ jsx("img", { src: img.src, alt: img.alt }) }, img.src)) })
+  ] });
 });
 Lightbox.displayName = "Lightbox";
-Lightbox.classes = classes;
+Lightbox.Root = LightboxRoot;
+Lightbox.Toolbar = LightboxToolbar;
+Lightbox.Counter = LightboxCounter;
+Lightbox.Controls = LightboxControls;
+Lightbox.Slides = LightboxSlides;
 Lightbox.Slide = LightboxSlide;
+Lightbox.Thumbnails = LightboxThumbnails;
+Lightbox.Thumbnail = LightboxThumbnail;
+Lightbox.CloseButton = LightboxCloseButton;
+Lightbox.ZoomButton = LightboxZoomButton;
+Lightbox.FullscreenButton = LightboxFullscreenButton;
+Lightbox.AutoplayButton = LightboxAutoplayButton;
 
 export { Lightbox };
 //# sourceMappingURL=Lightbox.mjs.map