@mantine-bites/lightbox 1.0.0-beta.9 → 1.1.0

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

@@ -4,13 +4,13 @@ interface UseZoomInput {
     opened: boolean;
     withZoom: boolean;
 }
-interface UseZoomOutput {
+export interface UseZoomOutput {
     isZoomed: boolean;
+    isZoomedRef: RefObject<boolean>;
     isDraggingZoom: boolean;
     zoomOffset: ZoomOffset;
     zoomScale: number;
     canZoomCurrent: boolean;
-    isZoomedRef: RefObject<boolean>;
     activeZoomContainerRef: RefObject<HTMLDivElement | null>;
     resetZoom: () => void;
     toggleZoom: () => void;
@@ -19,13 +19,6 @@ interface UseZoomOutput {
     handleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
     handleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
 }
-/**
- * Manages all zoom and pan state for the lightbox.
- *
- * Handles pointer capture for smooth panning, tap-to-toggle zoom, offset
- * clamping within container bounds, and automatic reset on slide change or
- * window resize.
- */
 export declare function useZoom(props: UseZoomInput): UseZoomOutput;
 export {};
 //# sourceMappingURL=useZoom.d.ts.map

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

@@ -1 +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;AAE1E,OAAO,EAWN,KAAK,UAAU,EACf,MAAM,kBAAkB,CAAC;AAE1B,UAAU,YAAY;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,aAAa;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,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;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAwU1D"}
+{"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 { LightboxCarouselOptions, LightboxCssVariables, LightboxFactory, LightboxProps, LightboxStylesNames, LightboxThumbnailEmblaOptions, } 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, LightboxImageProps, 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 { LightboxCarouselOptions, LightboxCssVariables, LightboxFactory, LightboxProps, LightboxStylesNames, LightboxThumbnailEmblaOptions, } 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, LightboxImageProps, 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,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,6BAA6B,GAC7B,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,kBAAkB,EAClB,aAAa,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,120 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        orientation: {
+            control: string;
+            options: string[];
+            table: {
+                category: string;
+            };
+        };
+        loop: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        enableAutoplay: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        autoplayDelay: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+            table: {
+                category: string;
+            };
+            if: {
+                arg: string;
+            };
+        };
+        withZoom: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        withFullscreen: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        withToolbar: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        withControls: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        withThumbnails: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        withCounter: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        closeOnClickOutside: {
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        counterFormat: {
+            control: string;
+            options: string[];
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+interface PlaygroundArgs {
+    orientation: "horizontal" | "vertical";
+    loop: boolean;
+    enableAutoplay: boolean;
+    autoplayDelay: number;
+    withZoom: boolean;
+    withFullscreen: boolean;
+    withToolbar: boolean;
+    withControls: boolean;
+    withThumbnails: boolean;
+    withCounter: boolean;
+    closeOnClickOutside: boolean;
+    counterFormat: "default" | "verbose";
+}
+export declare const Playground: {
+    args: {
+        orientation: "horizontal";
+        loop: false;
+        enableAutoplay: false;
+        autoplayDelay: number;
+        withZoom: true;
+        withFullscreen: true;
+        withToolbar: true;
+        withControls: true;
+        withThumbnails: true;
+        withCounter: true;
+        closeOnClickOutside: true;
+        counterFormat: "default";
+    };
+    render: (args: PlaygroundArgs) => 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,wBAuDE;AAEF,UAAU,cAAc;IACvB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;mBAeP,cAAc;CAqD7B,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

@@ -7,36 +7,8 @@ export interface ZoomOffset {
 }
 /** Default zoom scale applied when zooming in on an image. */
 export declare const DEFAULT_ZOOM_SCALE = 2;
-/** Minimum pointer movement in pixels before a gesture is considered a drag. */
-export declare const POINTER_MOVE_THRESHOLD = 2;
 /** Zero-offset value representing no translation on a zoomed image. */
 export declare const ZERO_ZOOM_OFFSET: ZoomOffset;
-/** 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;
-}
 interface ClampZoomOffsetInput {
     containerWidth: number;
     containerHeight: number;
@@ -72,39 +44,6 @@ export declare const getZoomTransform: ({ isZoomed, offset, scale, }: {
     offset: ZoomOffset;
     scale: number;
 }) => string;
-/**
- * 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 the lightbox to close.
- * The lightbox closes when the press started outside the content and the
- * pointer did not drag.
- */
-export declare const shouldCloseFromOutsidePointerState: (state: OutsideClosePointerState) => boolean;
 /**
  * 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`
@@ -115,7 +54,6 @@ 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.
- * The returned value is always at least `1` and at most the max zoom scale.
  */
 export declare const getTargetZoomScale: ({ image, containerWidth, containerHeight, }: {
     image: HTMLImageElement;

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

@@ -1 +1 @@
-{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../../src/utils/zoom.ts"],"names":[],"mappings":"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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mantine-bites/lightbox",
-	"version": "1.0.0-beta.9",
+	"version": "1.1.0",
 	"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,14 +37,13 @@
 		"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",
-		"embla-carousel-autoplay": "^8.5.2",
 		"embla-carousel-react": "^8.5.2",
 		"@testing-library/dom": "^10.4.0",
 		"@testing-library/jest-dom": "^6.6.3",