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

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

@@ -0,0 +1,26 @@
+import type { PointerEvent as ReactPointerEvent, SyntheticEvent } from "react";
+interface UseSlideInteractionsProps {
+    onClose: () => void;
+    onZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    onZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    onZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    updateCanZoomAvailability: () => void;
+}
+interface UseSlideInteractionsReturn {
+    handleSlidePointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleSlidePointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleSlidePointerUp: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleSlidePointerCancel: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleSlideLoadCapture: (event: SyntheticEvent<HTMLDivElement>) => void;
+}
+/**
+ * Combines outside-content close detection with zoom pointer event delegation
+ * for a single lightbox slide element.
+ *
+ * Tracks whether each pointer press originated outside `[data-lightbox-slide-content]`
+ * and closes the lightbox on release if the pointer did not drag. Zoom pointer
+ * events are forwarded to the provided zoom handlers throughout.
+ */
+export declare function useSlideInteractions(props: UseSlideInteractionsProps): UseSlideInteractionsReturn;
+export {};
+//# sourceMappingURL=useSlideInteractions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideInteractions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlideInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU/E,UAAU,yBAAyB;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtE,iBAAiB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtE,gBAAgB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACrE,yBAAyB,EAAE,MAAM,IAAI,CAAC;CACtC;AAED,UAAU,0BAA0B;IACnC,sBAAsB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,sBAAsB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzE,wBAAwB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC7E,sBAAsB,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACxE;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CACnC,KAAK,EAAE,yBAAyB,GAC9B,0BAA0B,CA0G5B"}

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

@@ -0,0 +1,15 @@
+import type { EmblaCarouselType, EmblaOptionsType } from "embla-carousel";
+import { type RefObject } from "react";
+interface UseThumbnailsProps {
+    emblaOptions: EmblaOptionsType | undefined;
+    thumbnailsEmblaRef: RefObject<EmblaCarouselType | null>;
+    initialIndex: number;
+}
+interface UseThumbnailsReturn {
+    setViewportRef: (node: HTMLDivElement | null) => void;
+    containerRef: RefObject<HTMLDivElement | null>;
+    hasOverflow: boolean;
+}
+export declare function useThumbnails(props: UseThumbnailsProps): UseThumbnailsReturn;
+export {};
+//# sourceMappingURL=useThumbnails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThumbnails.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThumbnails.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EACN,KAAK,SAAS,EAKd,MAAM,OAAO,CAAC;AAEf,UAAU,kBAAkB;IAC3B,YAAY,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,kBAAkB,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACxD,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,mBAAmB;IAC5B,cAAc,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CAwE5E"}

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

@@ -0,0 +1,24 @@
+import type { PointerEvent as ReactPointerEvent, RefObject } from "react";
+import { type ZoomOffset } from "../utils/zoom.js";
+interface UseZoomInput {
+    opened: boolean;
+    withZoom: boolean;
+}
+export interface UseZoomOutput {
+    isZoomed: boolean;
+    isZoomedRef: RefObject<boolean>;
+    isDraggingZoom: boolean;
+    zoomOffset: ZoomOffset;
+    zoomScale: number;
+    canZoomCurrent: boolean;
+    activeZoomContainerRef: RefObject<HTMLDivElement | null>;
+    resetZoom: () => void;
+    toggleZoom: () => void;
+    updateCanZoomAvailability: () => void;
+    handleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    handleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
+}
+export declare function useZoom(props: UseZoomInput): UseZoomOutput;
+export {};
+//# sourceMappingURL=useZoom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useZoom.d.ts","sourceRoot":"","sources":["../../../src/hooks/useZoom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1E,OAAO,EAQN,KAAK,UAAU,EACf,MAAM,kBAAkB,CAAC;AAE1B,UAAU,YAAY;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,sBAAsB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,qBAAqB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1E,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACzE;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAoU1D"}

package/dist/types/index.d.mts

@@ -1,5 +1,29 @@
-export type { LightboxCssVariables, LightboxFactory, LightboxProps, LightboxStylesNames, } from "./Lightbox.js";
+export type { LightboxAutoplayButtonFactory, LightboxAutoplayButtonProps, LightboxAutoplayButtonStylesNames, } from "./components/LightboxAutoplayButton.js";
+export { LightboxAutoplayButton } from "./components/LightboxAutoplayButton.js";
+export type { LightboxCloseButtonFactory, LightboxCloseButtonProps, LightboxCloseButtonStylesNames, } from "./components/LightboxCloseButton.js";
+export { LightboxCloseButton } from "./components/LightboxCloseButton.js";
+export type { LightboxControlsFactory, LightboxControlsProps, LightboxControlsStylesNames, } from "./components/LightboxControls.js";
+export { LightboxControls } from "./components/LightboxControls.js";
+export type { LightboxCounterFactory, LightboxCounterProps, LightboxCounterStylesNames, } from "./components/LightboxCounter.js";
+export { LightboxCounter } from "./components/LightboxCounter.js";
+export type { LightboxFullscreenButtonFactory, LightboxFullscreenButtonProps, LightboxFullscreenButtonStylesNames, } from "./components/LightboxFullscreenButton.js";
+export { LightboxFullscreenButton } from "./components/LightboxFullscreenButton.js";
+export type { LightboxRootFactory, LightboxRootProps, LightboxRootStylesNames, } from "./components/LightboxRoot.js";
+export { LightboxRoot } from "./components/LightboxRoot.js";
+export type { LightboxSlideFactory, LightboxSlideProps, LightboxSlideStylesNames, } from "./components/LightboxSlide.js";
+export { LightboxSlide } from "./components/LightboxSlide.js";
+export type { LightboxSlidesFactory, LightboxSlidesProps, LightboxSlidesStylesNames, } from "./components/LightboxSlides.js";
+export { LightboxSlides } from "./components/LightboxSlides.js";
+export type { LightboxThumbnailFactory, LightboxThumbnailProps, LightboxThumbnailStylesNames, } from "./components/LightboxThumbnail.js";
+export { LightboxThumbnail } from "./components/LightboxThumbnail.js";
+export type { LightboxThumbnailsFactory, LightboxThumbnailsProps, LightboxThumbnailsStylesNames, } from "./components/LightboxThumbnails.js";
+export { LightboxThumbnails } from "./components/LightboxThumbnails.js";
+export type { LightboxToolbarFactory, LightboxToolbarProps, LightboxToolbarStylesNames, } from "./components/LightboxToolbar.js";
+export { LightboxToolbar } from "./components/LightboxToolbar.js";
+export type { LightboxZoomButtonFactory, LightboxZoomButtonProps, LightboxZoomButtonStylesNames, } from "./components/LightboxZoomButton.js";
+export { LightboxZoomButton } from "./components/LightboxZoomButton.js";
+export type { LightboxContext } from "./context/LightboxContext.js";
+export { useLightboxContext } from "./context/LightboxContext.js";
+export type { LightboxFactory, LightboxImageData, LightboxProps, } from "./Lightbox.js";
 export { Lightbox } from "./Lightbox.js";
-export type { LightboxSlideFactory, LightboxSlideProps, LightboxSlideStylesNames, } from "./LightboxSlide.js";
-export { LightboxSlide } from "./LightboxSlide.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -1,5 +1,29 @@
-export type { LightboxCssVariables, LightboxFactory, LightboxProps, LightboxStylesNames, } from "./Lightbox.js";
+export type { LightboxAutoplayButtonFactory, LightboxAutoplayButtonProps, LightboxAutoplayButtonStylesNames, } from "./components/LightboxAutoplayButton.js";
+export { LightboxAutoplayButton } from "./components/LightboxAutoplayButton.js";
+export type { LightboxCloseButtonFactory, LightboxCloseButtonProps, LightboxCloseButtonStylesNames, } from "./components/LightboxCloseButton.js";
+export { LightboxCloseButton } from "./components/LightboxCloseButton.js";
+export type { LightboxControlsFactory, LightboxControlsProps, LightboxControlsStylesNames, } from "./components/LightboxControls.js";
+export { LightboxControls } from "./components/LightboxControls.js";
+export type { LightboxCounterFactory, LightboxCounterProps, LightboxCounterStylesNames, } from "./components/LightboxCounter.js";
+export { LightboxCounter } from "./components/LightboxCounter.js";
+export type { LightboxFullscreenButtonFactory, LightboxFullscreenButtonProps, LightboxFullscreenButtonStylesNames, } from "./components/LightboxFullscreenButton.js";
+export { LightboxFullscreenButton } from "./components/LightboxFullscreenButton.js";
+export type { LightboxRootFactory, LightboxRootProps, LightboxRootStylesNames, } from "./components/LightboxRoot.js";
+export { LightboxRoot } from "./components/LightboxRoot.js";
+export type { LightboxSlideFactory, LightboxSlideProps, LightboxSlideStylesNames, } from "./components/LightboxSlide.js";
+export { LightboxSlide } from "./components/LightboxSlide.js";
+export type { LightboxSlidesFactory, LightboxSlidesProps, LightboxSlidesStylesNames, } from "./components/LightboxSlides.js";
+export { LightboxSlides } from "./components/LightboxSlides.js";
+export type { LightboxThumbnailFactory, LightboxThumbnailProps, LightboxThumbnailStylesNames, } from "./components/LightboxThumbnail.js";
+export { LightboxThumbnail } from "./components/LightboxThumbnail.js";
+export type { LightboxThumbnailsFactory, LightboxThumbnailsProps, LightboxThumbnailsStylesNames, } from "./components/LightboxThumbnails.js";
+export { LightboxThumbnails } from "./components/LightboxThumbnails.js";
+export type { LightboxToolbarFactory, LightboxToolbarProps, LightboxToolbarStylesNames, } from "./components/LightboxToolbar.js";
+export { LightboxToolbar } from "./components/LightboxToolbar.js";
+export type { LightboxZoomButtonFactory, LightboxZoomButtonProps, LightboxZoomButtonStylesNames, } from "./components/LightboxZoomButton.js";
+export { LightboxZoomButton } from "./components/LightboxZoomButton.js";
+export type { LightboxContext } from "./context/LightboxContext.js";
+export { useLightboxContext } from "./context/LightboxContext.js";
+export type { LightboxFactory, LightboxImageData, LightboxProps, } from "./Lightbox.js";
 export { Lightbox } from "./Lightbox.js";
-export type { LightboxSlideFactory, LightboxSlideProps, LightboxSlideStylesNames, } from "./LightboxSlide.js";
-export { LightboxSlide } from "./LightboxSlide.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,mBAAmB,GACnB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,YAAY,EACX,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,GACxB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,GACjC,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,YAAY,EACX,0BAA0B,EAC1B,wBAAwB,EACxB,8BAA8B,GAC9B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EACX,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EACX,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACX,+BAA+B,EAC/B,6BAA6B,EAC7B,mCAAmC,GACnC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACpF,YAAY,EACX,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EACX,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EACX,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EACX,wBAAwB,EACxB,sBAAsB,EACtB,4BAA4B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,YAAY,EACX,yBAAyB,EACzB,uBAAuB,EACvB,6BAA6B,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,YAAY,EACX,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACX,yBAAyB,EACzB,uBAAuB,EACvB,6BAA6B,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EACX,eAAe,EACf,iBAAiB,EACjB,aAAa,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithLoop: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomCounter: () => import("react/jsx-runtime").JSX.Element;
+export declare const Vertical: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithAutoplay: () => import("react/jsx-runtime").JSX.Element;
+export declare const Simple: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Lightbox.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../../src/stories/Lightbox.story.tsx"],"names":[],"mappings":";;;AAWA,wBAAqC;AAgErC,eAAO,MAAM,OAAO,+CAenB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAiBpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAe7B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAepB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAwBxB,CAAC;AAEF,eAAO,MAAM,MAAM,+CASlB,CAAC"}

package/dist/types/utils/fullscreen.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Returns `true` if the browser supports the Fullscreen API and fullscreen
+ * can be requested on the document element.
+ */
+export declare const canToggleBrowserFullscreen: () => boolean;
+/**
+ * Returns `true` if the document root element is currently in fullscreen mode.
+ */
+export declare const isBrowserFullscreen: () => boolean;
+/**
+ * Toggles the browser's fullscreen mode on the document root element.
+ * Exits fullscreen if it is currently active, otherwise requests it.
+ * No-ops in environments where the Fullscreen API is unavailable.
+ */
+export declare const toggleBrowserFullscreen: () => Promise<void>;
+/**
+ * Exits fullscreen only if the document root element currently owns fullscreen.
+ * Avoids interfering with other fullscreen targets (e.g. `<video>` elements).
+ */
+export declare const exitBrowserFullscreenIfActive: () => Promise<void>;
+//# sourceMappingURL=fullscreen.d.ts.map

package/dist/types/utils/fullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen.d.ts","sourceRoot":"","sources":["../../../src/utils/fullscreen.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,0BAA0B,eAOtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,eAO/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,qBAmBnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,qBAUzC,CAAC"}

package/dist/types/utils/pointer.d.ts

@@ -0,0 +1,63 @@
+/** Minimum pointer movement in pixels before a gesture is considered a drag. */
+export declare const POINTER_MOVE_THRESHOLD = 2;
+/** Tracks the state of a pointer used to detect outside-content close gestures. */
+export interface OutsideClosePointerState {
+    /** Identifier of the tracked pointer. */
+    pointerId: number;
+    /** Horizontal position where the pointer was initially pressed. */
+    startX: number;
+    /** Vertical position where the pointer was initially pressed. */
+    startY: number;
+    /** Whether the pointer press originated outside the slide content area. */
+    startedOutsideContent: boolean;
+    /** Whether the pointer has moved beyond the drag threshold since pressing. */
+    moved: boolean;
+}
+interface CreateOutsideClosePointerStateInput {
+    pointerId: number;
+    clientX: number;
+    clientY: number;
+    startedOutsideContent: boolean;
+}
+interface PointerMoveInput {
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    threshold?: number;
+}
+/**
+ * Returns `true` if the event target is an element (or descendant) matching
+ * the given CSS selector.
+ */
+export declare const isEventTargetWithinSelector: (target: EventTarget | null, selector: string) => boolean;
+/** Returns `true` if the event target is or is inside an `<img>` element. */
+export declare const isImageTarget: (target: EventTarget | null) => boolean;
+/**
+ * Returns `value` if it is a finite number, otherwise returns `fallback`.
+ * Useful for sanitising pointer coordinates that may be `NaN` or `Infinity`.
+ */
+export declare const getPointerCoordinate: (value: number, fallback: number) => number;
+/**
+ * Returns `true` if the pointer has moved more than `threshold` pixels in
+ * either axis between the start and end positions.
+ */
+export declare const hasPointerMoved: ({ startX, startY, endX, endY, threshold, }: PointerMoveInput) => boolean;
+/** Creates the initial tracking state for an outside-close pointer gesture. */
+export declare const createOutsideClosePointerState: ({ pointerId, clientX, clientY, startedOutsideContent, }: CreateOutsideClosePointerStateInput) => OutsideClosePointerState;
+/**
+ * Returns an updated copy of the pointer state after a pointer move event.
+ * Sets `moved` to `true` once the pointer has exceeded the drag threshold.
+ */
+export declare const updateOutsideClosePointerState: (state: OutsideClosePointerState, { clientX, clientY }: {
+    clientX: number;
+    clientY: number;
+}) => OutsideClosePointerState;
+/**
+ * Returns `true` if the pointer gesture should trigger a close action.
+ * The action triggers when the press started outside the content and the
+ * pointer did not drag.
+ */
+export declare const shouldCloseFromOutsidePointerState: (state: OutsideClosePointerState) => boolean;
+export {};
+//# sourceMappingURL=pointer.d.ts.map

package/dist/types/utils/pointer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../../src/utils/pointer.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,mFAAmF;AACnF,MAAM,WAAW,wBAAwB;IACxC,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,qBAAqB,EAAE,OAAO,CAAC;IAC/B,8EAA8E;IAC9E,KAAK,EAAE,OAAO,CAAC;CACf;AAED,UAAU,mCAAmC;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB,EAAE,OAAO,CAAC;CAC/B;AAED,UAAU,gBAAgB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GACvC,QAAQ,WAAW,GAAG,IAAI,EAC1B,UAAU,MAAM,YACsD,CAAC;AAExE,6EAA6E;AAC7E,eAAO,MAAM,aAAa,GAAI,QAAQ,WAAW,GAAG,IAAI,YACb,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,EAAE,UAAU,MAAM,WAC1B,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAM7B,gBAAgB,YACwD,CAAC;AAE5E,+EAA+E;AAC/E,eAAO,MAAM,8BAA8B,GAAI,yDAK5C,mCAAmC,KAAG,wBAMvC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,8BAA8B,GAC1C,OAAO,wBAAwB,EAC/B,sBAAsB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,KACxD,wBAiBF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kCAAkC,GAC9C,OAAO,wBAAwB,YACgB,CAAC"}

package/dist/types/utils/zoom.d.ts

@@ -0,0 +1,69 @@
+/** Pixel offset representing a translation applied to a zoomed image. */
+export interface ZoomOffset {
+    /** Horizontal translation in pixels. */
+    x: number;
+    /** Vertical translation in pixels. */
+    y: number;
+}
+/** Default zoom scale applied when zooming in on an image. */
+export declare const DEFAULT_ZOOM_SCALE = 2;
+/** Zero-offset value representing no translation on a zoomed image. */
+export declare const ZERO_ZOOM_OFFSET: ZoomOffset;
+interface ClampZoomOffsetInput {
+    containerWidth: number;
+    containerHeight: number;
+    imageWidth: number;
+    imageHeight: number;
+    zoomScale: number;
+    nextX: number;
+    nextY: number;
+}
+interface InitialZoomOffsetInput {
+    containerRect: DOMRect;
+    imageRect: DOMRect;
+    zoomScale: number;
+    pointerClientX: number;
+    pointerClientY: number;
+}
+/**
+ * Clamps a proposed zoom pan offset so the image cannot be panned beyond its
+ * edges relative to the container at the given zoom scale.
+ */
+export declare const clampZoomOffset: ({ containerWidth, containerHeight, imageWidth, imageHeight, zoomScale, nextX, nextY, }: ClampZoomOffsetInput) => ZoomOffset;
+/**
+ * Calculates the initial pan offset when zooming so the clicked/tapped point
+ * moves toward the viewport center, then clamps it to valid pan bounds.
+ */
+export declare const getInitialZoomOffset: ({ containerRect, imageRect, zoomScale, pointerClientX, pointerClientY, }: InitialZoomOffsetInput) => ZoomOffset;
+/**
+ * Returns a CSS `transform` string that applies the zoom pan offset and scale.
+ * When not zoomed, returns identity values regardless of the stored offset.
+ */
+export declare const getZoomTransform: ({ isZoomed, offset, scale, }: {
+    isZoomed: boolean;
+    offset: ZoomOffset;
+    scale: number;
+}) => string;
+/**
+ * Returns the maximum zoom scale at which the image would still be rendered at
+ * its native resolution (1:1 pixel ratio). Falls back to `DEFAULT_ZOOM_SCALE`
+ * when image dimensions are unavailable.
+ */
+export declare const getImageMaxZoomScale: (image: HTMLImageElement) => number;
+/**
+ * Calculates the zoom scale that should be applied when the user triggers a
+ * zoom action. Prefers a scale that fills the container viewport; falls back to
+ * the native-resolution scale or `DEFAULT_ZOOM_SCALE` when the image is small.
+ */
+export declare const getTargetZoomScale: ({ image, containerWidth, containerHeight, }: {
+    image: HTMLImageElement;
+    containerWidth: number;
+    containerHeight: number;
+}) => number;
+/**
+ * Returns `true` if the image has sufficient resolution to be meaningfully
+ * zoomed (i.e. its max zoom scale exceeds the resolution epsilon threshold).
+ */
+export declare const canZoomImageElement: (image: HTMLImageElement) => boolean;
+export {};
+//# sourceMappingURL=zoom.d.ts.map

package/dist/types/utils/zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../../src/utils/zoom.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,MAAM,WAAW,UAAU;IAC1B,wCAAwC;IACxC,CAAC,EAAE,MAAM,CAAC;IACV,sCAAsC;IACtC,CAAC,EAAE,MAAM,CAAC;CACV;AAED,8DAA8D;AAC9D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,uEAAuE;AACvE,eAAO,MAAM,gBAAgB,EAAE,UAA2B,CAAC;AAE3D,UAAU,oBAAoB;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,UAAU,sBAAsB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wFAQ7B,oBAAoB,KAAG,UAUzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,0EAMlC,sBAAsB,KAAG,UAe3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,8BAI9B;IACF,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACd,WAGG,CAAC;AAcL;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,gBAAgB,WAS3D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,6CAIhC;IACF,KAAK,EAAE,gBAAgB,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACxB,WAaA,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,gBAAgB,YACV,CAAC"}

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mantine-bites/lightbox",
-	"version": "1.0.0-beta.1",
+	"version": "1.0.0-beta.10",
 	"description": "full-screen image lightbox with thumbnails, controls, and carousel navigation",
 	"license": "MIT",
 	"type": "module",
@@ -29,7 +29,6 @@
 		"dist"
 	],
 	"peerDependencies": {
-		"@mantine/carousel": ">=8.0.0",
 		"@mantine/core": ">=8.0.0",
 		"@mantine/hooks": ">=8.0.0",
 		"embla-carousel": ">=8.0.0",
@@ -38,10 +37,10 @@
 		"react-dom": "^18.x || ^19.x"
 	},
 	"devDependencies": {
+		"embla-carousel-autoplay": "^8.5.2",
 		"@mantine-bites/rollup-config": "workspace:*",
 		"@mantine-bites/typescript-config": "workspace:*",
 		"@mantine-tests/core": "^2.0.0",
-		"@mantine/carousel": "^8.3.14",
 		"@mantine/core": "^8.3.14",
 		"@mantine/hooks": "^8.3.14",
 		"embla-carousel": "^8.5.2",