@mantine-bites/lightbox 1.0.0-beta.1 → 1.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -4
- package/dist/cjs/Lightbox.cjs +38 -242
- package/dist/cjs/Lightbox.cjs.map +1 -1
- package/dist/cjs/Lightbox.context-value.cjs +47 -0
- package/dist/cjs/Lightbox.context-value.cjs.map +1 -0
- package/dist/cjs/Lightbox.context.cjs.map +1 -1
- package/dist/cjs/Lightbox.defaults.cjs +29 -0
- package/dist/cjs/Lightbox.defaults.cjs.map +1 -0
- package/dist/cjs/Lightbox.module.css.cjs +1 -1
- package/dist/cjs/LightboxSlide.cjs +72 -5
- package/dist/cjs/LightboxSlide.cjs.map +1 -1
- package/dist/cjs/LightboxSlide.context.cjs +12 -0
- package/dist/cjs/LightboxSlide.context.cjs.map +1 -0
- package/dist/cjs/components/EnterFullscreen.cjs +30 -0
- package/dist/cjs/components/EnterFullscreen.cjs.map +1 -0
- package/dist/cjs/components/ExitFullscreen.cjs +30 -0
- package/dist/cjs/components/ExitFullscreen.cjs.map +1 -0
- package/dist/cjs/components/LightboxAutoplayButton.cjs +43 -0
- package/dist/cjs/components/LightboxAutoplayButton.cjs.map +1 -0
- package/dist/cjs/components/LightboxCarousel.cjs +29 -0
- package/dist/cjs/components/LightboxCarousel.cjs.map +1 -0
- package/dist/cjs/components/LightboxCarouselSlide.context.cjs +12 -0
- package/dist/cjs/components/LightboxCarouselSlide.context.cjs.map +1 -0
- package/dist/cjs/components/LightboxCloseButton.cjs +33 -0
- package/dist/cjs/components/LightboxCloseButton.cjs.map +1 -0
- package/dist/cjs/components/LightboxContent.cjs +38 -0
- package/dist/cjs/components/LightboxContent.cjs.map +1 -0
- package/dist/cjs/components/LightboxControls.cjs +68 -0
- package/dist/cjs/components/LightboxControls.cjs.map +1 -0
- package/dist/cjs/components/LightboxCounter.cjs +34 -0
- package/dist/cjs/components/LightboxCounter.cjs.map +1 -0
- package/dist/cjs/components/LightboxFullscreenButton.cjs +41 -0
- package/dist/cjs/components/LightboxFullscreenButton.cjs.map +1 -0
- package/dist/cjs/components/LightboxOverlay.cjs +40 -0
- package/dist/cjs/components/LightboxOverlay.cjs.map +1 -0
- package/dist/cjs/components/LightboxPreset.cjs +32 -0
- package/dist/cjs/components/LightboxPreset.cjs.map +1 -0
- package/dist/cjs/components/LightboxRoot.cjs +260 -0
- package/dist/cjs/components/LightboxRoot.cjs.map +1 -0
- package/dist/cjs/components/LightboxSlide.cjs +154 -0
- package/dist/cjs/components/LightboxSlide.cjs.map +1 -0
- package/dist/cjs/components/LightboxSlide.context.cjs +12 -0
- package/dist/cjs/components/LightboxSlide.context.cjs.map +1 -0
- package/dist/cjs/components/LightboxSlides.cjs +108 -0
- package/dist/cjs/components/LightboxSlides.cjs.map +1 -0
- package/dist/cjs/components/LightboxThumbnail.cjs +40 -0
- package/dist/cjs/components/LightboxThumbnail.cjs.map +1 -0
- package/dist/cjs/components/LightboxThumbnail.context.cjs +12 -0
- package/dist/cjs/components/LightboxThumbnail.context.cjs.map +1 -0
- package/dist/cjs/components/LightboxThumbnails.cjs +121 -0
- package/dist/cjs/components/LightboxThumbnails.cjs.map +1 -0
- package/dist/cjs/components/LightboxToolbar.cjs +94 -0
- package/dist/cjs/components/LightboxToolbar.cjs.map +1 -0
- package/dist/cjs/components/LightboxZoomButton.cjs +39 -0
- package/dist/cjs/components/LightboxZoomButton.cjs.map +1 -0
- package/dist/cjs/components/Pause.cjs +28 -0
- package/dist/cjs/components/Pause.cjs.map +1 -0
- package/dist/cjs/components/Play.cjs +22 -0
- package/dist/cjs/components/Play.cjs.map +1 -0
- package/dist/cjs/components/QuestionMark.cjs +28 -0
- package/dist/cjs/components/QuestionMark.cjs.map +1 -0
- package/dist/cjs/components/ZoomIn.cjs +30 -0
- package/dist/cjs/components/ZoomIn.cjs.map +1 -0
- package/dist/cjs/components/ZoomOut.cjs +29 -0
- package/dist/cjs/components/ZoomOut.cjs.map +1 -0
- package/dist/cjs/components/icons/EnterFullscreen.cjs +30 -0
- package/dist/cjs/components/icons/EnterFullscreen.cjs.map +1 -0
- package/dist/cjs/components/icons/ExitFullscreen.cjs +30 -0
- package/dist/cjs/components/icons/ExitFullscreen.cjs.map +1 -0
- package/dist/cjs/components/icons/Pause.cjs +28 -0
- package/dist/cjs/components/icons/Pause.cjs.map +1 -0
- package/dist/cjs/components/icons/Play.cjs +22 -0
- package/dist/cjs/components/icons/Play.cjs.map +1 -0
- package/dist/cjs/components/icons/ZoomIn.cjs +30 -0
- package/dist/cjs/components/icons/ZoomIn.cjs.map +1 -0
- package/dist/cjs/components/icons/ZoomOut.cjs +29 -0
- package/dist/cjs/components/icons/ZoomOut.cjs.map +1 -0
- package/dist/cjs/context/LightboxContext.cjs +12 -0
- package/dist/cjs/context/LightboxContext.cjs.map +1 -0
- package/dist/cjs/context/LightboxSlideContext.cjs +12 -0
- package/dist/cjs/context/LightboxSlideContext.cjs.map +1 -0
- package/dist/cjs/context/LightboxThumbnailContext.cjs +12 -0
- package/dist/cjs/context/LightboxThumbnailContext.cjs.map +1 -0
- package/dist/cjs/hooks/useAutoPlay.cjs +77 -0
- package/dist/cjs/hooks/useAutoPlay.cjs.map +1 -0
- package/dist/cjs/hooks/useCarouselOptions.cjs +30 -0
- package/dist/cjs/hooks/useCarouselOptions.cjs.map +1 -0
- package/dist/cjs/hooks/useFullscreen.cjs +39 -0
- package/dist/cjs/hooks/useFullscreen.cjs.map +1 -0
- package/dist/cjs/hooks/useKeyboardNavigation.cjs +29 -0
- package/dist/cjs/hooks/useKeyboardNavigation.cjs.map +1 -0
- package/dist/cjs/hooks/useLightbox.cjs +116 -0
- package/dist/cjs/hooks/useLightbox.cjs.map +1 -0
- package/dist/cjs/hooks/useLightboxRootOptions.cjs +20 -0
- package/dist/cjs/hooks/useLightboxRootOptions.cjs.map +1 -0
- package/dist/cjs/hooks/useSlideInteractions.cjs +94 -0
- package/dist/cjs/hooks/useSlideInteractions.cjs.map +1 -0
- package/dist/cjs/hooks/useThumbnails.cjs +61 -0
- package/dist/cjs/hooks/useThumbnails.cjs.map +1 -0
- package/dist/cjs/hooks/useZoom.cjs +264 -0
- package/dist/cjs/hooks/useZoom.cjs.map +1 -0
- package/dist/cjs/index.cjs +26 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/styles/Lightbox.module.css.cjs +7 -0
- package/dist/cjs/styles/Lightbox.module.css.cjs.map +1 -0
- package/dist/cjs/utils/fullscreen.cjs +41 -0
- package/dist/cjs/utils/fullscreen.cjs.map +1 -0
- package/dist/cjs/utils/pointer.cjs +50 -0
- package/dist/cjs/utils/pointer.cjs.map +1 -0
- package/dist/cjs/utils/zoom.cjs +91 -0
- package/dist/cjs/utils/zoom.cjs.map +1 -0
- package/dist/esm/Lightbox.context-value.mjs +45 -0
- package/dist/esm/Lightbox.context-value.mjs.map +1 -0
- package/dist/esm/Lightbox.context.mjs.map +1 -1
- package/dist/esm/Lightbox.defaults.mjs +27 -0
- package/dist/esm/Lightbox.defaults.mjs.map +1 -0
- package/dist/esm/Lightbox.mjs +40 -244
- package/dist/esm/Lightbox.mjs.map +1 -1
- package/dist/esm/Lightbox.module.css.mjs +1 -1
- package/dist/esm/LightboxSlide.context.mjs +9 -0
- package/dist/esm/LightboxSlide.context.mjs.map +1 -0
- package/dist/esm/LightboxSlide.mjs +73 -6
- package/dist/esm/LightboxSlide.mjs.map +1 -1
- package/dist/esm/components/EnterFullscreen.mjs +28 -0
- package/dist/esm/components/EnterFullscreen.mjs.map +1 -0
- package/dist/esm/components/ExitFullscreen.mjs +28 -0
- package/dist/esm/components/ExitFullscreen.mjs.map +1 -0
- package/dist/esm/components/LightboxAutoplayButton.mjs +41 -0
- package/dist/esm/components/LightboxAutoplayButton.mjs.map +1 -0
- package/dist/esm/components/LightboxCarousel.mjs +27 -0
- package/dist/esm/components/LightboxCarousel.mjs.map +1 -0
- package/dist/esm/components/LightboxCarouselSlide.context.mjs +9 -0
- package/dist/esm/components/LightboxCarouselSlide.context.mjs.map +1 -0
- package/dist/esm/components/LightboxCloseButton.mjs +31 -0
- package/dist/esm/components/LightboxCloseButton.mjs.map +1 -0
- package/dist/esm/components/LightboxContent.mjs +36 -0
- package/dist/esm/components/LightboxContent.mjs.map +1 -0
- package/dist/esm/components/LightboxControls.mjs +66 -0
- package/dist/esm/components/LightboxControls.mjs.map +1 -0
- package/dist/esm/components/LightboxCounter.mjs +32 -0
- package/dist/esm/components/LightboxCounter.mjs.map +1 -0
- package/dist/esm/components/LightboxFullscreenButton.mjs +39 -0
- package/dist/esm/components/LightboxFullscreenButton.mjs.map +1 -0
- package/dist/esm/components/LightboxOverlay.mjs +38 -0
- package/dist/esm/components/LightboxOverlay.mjs.map +1 -0
- package/dist/esm/components/LightboxPreset.mjs +30 -0
- package/dist/esm/components/LightboxPreset.mjs.map +1 -0
- package/dist/esm/components/LightboxRoot.mjs +258 -0
- package/dist/esm/components/LightboxRoot.mjs.map +1 -0
- package/dist/esm/components/LightboxSlide.context.mjs +9 -0
- package/dist/esm/components/LightboxSlide.context.mjs.map +1 -0
- package/dist/esm/components/LightboxSlide.mjs +152 -0
- package/dist/esm/components/LightboxSlide.mjs.map +1 -0
- package/dist/esm/components/LightboxSlides.mjs +106 -0
- package/dist/esm/components/LightboxSlides.mjs.map +1 -0
- package/dist/esm/components/LightboxThumbnail.context.mjs +9 -0
- package/dist/esm/components/LightboxThumbnail.context.mjs.map +1 -0
- package/dist/esm/components/LightboxThumbnail.mjs +38 -0
- package/dist/esm/components/LightboxThumbnail.mjs.map +1 -0
- package/dist/esm/components/LightboxThumbnails.mjs +119 -0
- package/dist/esm/components/LightboxThumbnails.mjs.map +1 -0
- package/dist/esm/components/LightboxToolbar.mjs +92 -0
- package/dist/esm/components/LightboxToolbar.mjs.map +1 -0
- package/dist/esm/components/LightboxZoomButton.mjs +37 -0
- package/dist/esm/components/LightboxZoomButton.mjs.map +1 -0
- package/dist/esm/components/Pause.mjs +26 -0
- package/dist/esm/components/Pause.mjs.map +1 -0
- package/dist/esm/components/Play.mjs +20 -0
- package/dist/esm/components/Play.mjs.map +1 -0
- package/dist/esm/components/QuestionMark.mjs +26 -0
- package/dist/esm/components/QuestionMark.mjs.map +1 -0
- package/dist/esm/components/ZoomIn.mjs +28 -0
- package/dist/esm/components/ZoomIn.mjs.map +1 -0
- package/dist/esm/components/ZoomOut.mjs +27 -0
- package/dist/esm/components/ZoomOut.mjs.map +1 -0
- package/dist/esm/components/icons/EnterFullscreen.mjs +28 -0
- package/dist/esm/components/icons/EnterFullscreen.mjs.map +1 -0
- package/dist/esm/components/icons/ExitFullscreen.mjs +28 -0
- package/dist/esm/components/icons/ExitFullscreen.mjs.map +1 -0
- package/dist/esm/components/icons/Pause.mjs +26 -0
- package/dist/esm/components/icons/Pause.mjs.map +1 -0
- package/dist/esm/components/icons/Play.mjs +20 -0
- package/dist/esm/components/icons/Play.mjs.map +1 -0
- package/dist/esm/components/icons/ZoomIn.mjs +28 -0
- package/dist/esm/components/icons/ZoomIn.mjs.map +1 -0
- package/dist/esm/components/icons/ZoomOut.mjs +27 -0
- package/dist/esm/components/icons/ZoomOut.mjs.map +1 -0
- package/dist/esm/context/LightboxContext.mjs +9 -0
- package/dist/esm/context/LightboxContext.mjs.map +1 -0
- package/dist/esm/context/LightboxSlideContext.mjs +9 -0
- package/dist/esm/context/LightboxSlideContext.mjs.map +1 -0
- package/dist/esm/context/LightboxThumbnailContext.mjs +9 -0
- package/dist/esm/context/LightboxThumbnailContext.mjs.map +1 -0
- package/dist/esm/hooks/useAutoPlay.mjs +75 -0
- package/dist/esm/hooks/useAutoPlay.mjs.map +1 -0
- package/dist/esm/hooks/useCarouselOptions.mjs +28 -0
- package/dist/esm/hooks/useCarouselOptions.mjs.map +1 -0
- package/dist/esm/hooks/useFullscreen.mjs +37 -0
- package/dist/esm/hooks/useFullscreen.mjs.map +1 -0
- package/dist/esm/hooks/useKeyboardNavigation.mjs +27 -0
- package/dist/esm/hooks/useKeyboardNavigation.mjs.map +1 -0
- package/dist/esm/hooks/useLightbox.mjs +114 -0
- package/dist/esm/hooks/useLightbox.mjs.map +1 -0
- package/dist/esm/hooks/useLightboxRootOptions.mjs +18 -0
- package/dist/esm/hooks/useLightboxRootOptions.mjs.map +1 -0
- package/dist/esm/hooks/useSlideInteractions.mjs +92 -0
- package/dist/esm/hooks/useSlideInteractions.mjs.map +1 -0
- package/dist/esm/hooks/useThumbnails.mjs +59 -0
- package/dist/esm/hooks/useThumbnails.mjs.map +1 -0
- package/dist/esm/hooks/useZoom.mjs +262 -0
- package/dist/esm/hooks/useZoom.mjs.map +1 -0
- package/dist/esm/index.mjs +13 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/styles/Lightbox.module.css.mjs +5 -0
- package/dist/esm/styles/Lightbox.module.css.mjs.map +1 -0
- package/dist/esm/utils/fullscreen.mjs +36 -0
- package/dist/esm/utils/fullscreen.mjs.map +1 -0
- package/dist/esm/utils/pointer.mjs +41 -0
- package/dist/esm/utils/pointer.mjs.map +1 -0
- package/dist/esm/utils/zoom.mjs +82 -0
- package/dist/esm/utils/zoom.mjs.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/styles.layer.css +1 -1
- package/dist/types/Lightbox.context-value.d.ts +16 -0
- package/dist/types/Lightbox.context-value.d.ts.map +1 -0
- package/dist/types/Lightbox.context.d.ts +29 -0
- package/dist/types/Lightbox.context.d.ts.map +1 -1
- package/dist/types/Lightbox.d.ts +53 -35
- package/dist/types/Lightbox.d.ts.map +1 -1
- package/dist/types/Lightbox.defaults.d.ts +24 -0
- package/dist/types/Lightbox.defaults.d.ts.map +1 -0
- package/dist/types/Lightbox.story.d.ts +5 -5
- package/dist/types/Lightbox.story.d.ts.map +1 -1
- package/dist/types/LightboxSlide.context.d.ts +8 -0
- package/dist/types/LightboxSlide.context.d.ts.map +1 -0
- package/dist/types/LightboxSlide.d.ts +0 -3
- package/dist/types/LightboxSlide.d.ts.map +1 -1
- package/dist/types/__tests__/Lightbox.test.d.ts +2 -0
- package/dist/types/__tests__/Lightbox.test.d.ts.map +1 -0
- package/dist/types/__tests__/LightboxSimple.test.d.ts +2 -0
- package/dist/types/__tests__/LightboxSimple.test.d.ts.map +1 -0
- package/dist/types/__tests__/pointer.test.d.ts +2 -0
- package/dist/types/__tests__/pointer.test.d.ts.map +1 -0
- package/dist/types/__tests__/zoom.test.d.ts +2 -0
- package/dist/types/__tests__/zoom.test.d.ts.map +1 -0
- package/dist/types/components/EnterFullscreen.d.ts +3 -0
- package/dist/types/components/EnterFullscreen.d.ts.map +1 -0
- package/dist/types/components/ExitFullscreen.d.ts +3 -0
- package/dist/types/components/ExitFullscreen.d.ts.map +1 -0
- package/dist/types/components/LightboxAutoplayButton.d.ts +17 -0
- package/dist/types/components/LightboxAutoplayButton.d.ts.map +1 -0
- package/dist/types/components/LightboxCarousel.d.ts +6 -0
- package/dist/types/components/LightboxCarousel.d.ts.map +1 -0
- package/dist/types/components/LightboxCarouselSlide.context.d.ts +10 -0
- package/dist/types/components/LightboxCarouselSlide.context.d.ts.map +1 -0
- package/dist/types/components/LightboxCloseButton.d.ts +17 -0
- package/dist/types/components/LightboxCloseButton.d.ts.map +1 -0
- package/dist/types/components/LightboxContent.d.ts +14 -0
- package/dist/types/components/LightboxContent.d.ts.map +1 -0
- package/dist/types/components/LightboxControls.d.ts +19 -0
- package/dist/types/components/LightboxControls.d.ts.map +1 -0
- package/dist/types/components/LightboxCounter.d.ts +19 -0
- package/dist/types/components/LightboxCounter.d.ts.map +1 -0
- package/dist/types/components/LightboxFullscreenButton.d.ts +17 -0
- package/dist/types/components/LightboxFullscreenButton.d.ts.map +1 -0
- package/dist/types/components/LightboxOverlay.d.ts +4 -0
- package/dist/types/components/LightboxOverlay.d.ts.map +1 -0
- package/dist/types/components/LightboxPreset.d.ts +10 -0
- package/dist/types/components/LightboxPreset.d.ts.map +1 -0
- package/dist/types/components/LightboxRoot.d.ts +80 -0
- package/dist/types/components/LightboxRoot.d.ts.map +1 -0
- package/dist/types/components/LightboxSlide.context.d.ts +8 -0
- package/dist/types/components/LightboxSlide.context.d.ts.map +1 -0
- package/dist/types/components/LightboxSlide.d.ts +17 -0
- package/dist/types/components/LightboxSlide.d.ts.map +1 -0
- package/dist/types/components/LightboxSlides.d.ts +24 -0
- package/dist/types/components/LightboxSlides.d.ts.map +1 -0
- package/dist/types/components/LightboxThumbnail.context.d.ts +8 -0
- package/dist/types/components/LightboxThumbnail.context.d.ts.map +1 -0
- package/dist/types/components/LightboxThumbnail.d.ts +17 -0
- package/dist/types/components/LightboxThumbnail.d.ts.map +1 -0
- package/dist/types/components/LightboxThumbnails.d.ts +20 -0
- package/dist/types/components/LightboxThumbnails.d.ts.map +1 -0
- package/dist/types/components/LightboxToolbar.d.ts +17 -0
- package/dist/types/components/LightboxToolbar.d.ts.map +1 -0
- package/dist/types/components/LightboxZoomButton.d.ts +17 -0
- package/dist/types/components/LightboxZoomButton.d.ts.map +1 -0
- package/dist/types/components/Pause.d.ts +3 -0
- package/dist/types/components/Pause.d.ts.map +1 -0
- package/dist/types/components/Play.d.ts +3 -0
- package/dist/types/components/Play.d.ts.map +1 -0
- package/dist/types/components/QuestionMark.d.ts +3 -0
- package/dist/types/components/QuestionMark.d.ts.map +1 -0
- package/dist/types/components/ZoomIn.d.ts +3 -0
- package/dist/types/components/ZoomIn.d.ts.map +1 -0
- package/dist/types/components/ZoomOut.d.ts +3 -0
- package/dist/types/components/ZoomOut.d.ts.map +1 -0
- package/dist/types/components/icons/EnterFullscreen.d.ts +3 -0
- package/dist/types/components/icons/EnterFullscreen.d.ts.map +1 -0
- package/dist/types/components/icons/ExitFullscreen.d.ts +3 -0
- package/dist/types/components/icons/ExitFullscreen.d.ts.map +1 -0
- package/dist/types/components/icons/Pause.d.ts +3 -0
- package/dist/types/components/icons/Pause.d.ts.map +1 -0
- package/dist/types/components/icons/Play.d.ts +3 -0
- package/dist/types/components/icons/Play.d.ts.map +1 -0
- package/dist/types/components/icons/ZoomIn.d.ts +3 -0
- package/dist/types/components/icons/ZoomIn.d.ts.map +1 -0
- package/dist/types/components/icons/ZoomOut.d.ts +3 -0
- package/dist/types/components/icons/ZoomOut.d.ts.map +1 -0
- package/dist/types/context/LightboxContext.d.ts +46 -0
- package/dist/types/context/LightboxContext.d.ts.map +1 -0
- package/dist/types/context/LightboxSlideContext.d.ts +8 -0
- package/dist/types/context/LightboxSlideContext.d.ts.map +1 -0
- package/dist/types/context/LightboxThumbnailContext.d.ts +8 -0
- package/dist/types/context/LightboxThumbnailContext.d.ts.map +1 -0
- package/dist/types/hooks/useAutoPlay.d.ts +11 -0
- package/dist/types/hooks/useAutoPlay.d.ts.map +1 -0
- package/dist/types/hooks/useAutoPlay.test.d.ts +2 -0
- package/dist/types/hooks/useAutoPlay.test.d.ts.map +1 -0
- package/dist/types/hooks/useCarouselOptions.d.ts +20 -0
- package/dist/types/hooks/useCarouselOptions.d.ts.map +1 -0
- package/dist/types/hooks/useFullscreen.d.ts +11 -0
- package/dist/types/hooks/useFullscreen.d.ts.map +1 -0
- package/dist/types/hooks/useKeyboardNavigation.d.ts +10 -0
- package/dist/types/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/dist/types/hooks/useLightbox.d.ts +30 -0
- package/dist/types/hooks/useLightbox.d.ts.map +1 -0
- package/dist/types/hooks/useLightboxRootOptions.d.ts +12 -0
- package/dist/types/hooks/useLightboxRootOptions.d.ts.map +1 -0
- package/dist/types/hooks/useSlideInteractions.d.ts +26 -0
- package/dist/types/hooks/useSlideInteractions.d.ts.map +1 -0
- package/dist/types/hooks/useThumbnails.d.ts +15 -0
- package/dist/types/hooks/useThumbnails.d.ts.map +1 -0
- package/dist/types/hooks/useZoom.d.ts +24 -0
- package/dist/types/hooks/useZoom.d.ts.map +1 -0
- package/dist/types/index.d.mts +27 -3
- package/dist/types/index.d.ts +27 -3
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/stories/Lightbox.story.d.ts +11 -0
- package/dist/types/stories/Lightbox.story.d.ts.map +1 -0
- package/dist/types/utils/fullscreen.d.ts +21 -0
- package/dist/types/utils/fullscreen.d.ts.map +1 -0
- package/dist/types/utils/pointer.d.ts +63 -0
- package/dist/types/utils/pointer.d.ts.map +1 -0
- package/dist/types/utils/zoom.d.ts +69 -0
- package/dist/types/utils/zoom.d.ts.map +1 -0
- package/dist/types/utils/zoom.test.d.ts +2 -0
- package/dist/types/utils/zoom.test.d.ts.map +1 -0
- package/package.json +2 -3
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { LightboxProps } from "../Lightbox.js";
|
|
3
|
+
export interface LightboxPresetProps extends LightboxProps {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
withToolbar?: boolean;
|
|
6
|
+
withCounter?: boolean;
|
|
7
|
+
withThumbnails?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function LightboxPreset({ children, withToolbar, withCounter, withThumbnails, ...rootProps }: LightboxPresetProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=LightboxPreset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxPreset.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxPreset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AASpD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,WAAkB,EAClB,WAAkB,EAClB,cAAqB,EACrB,GAAG,SAAS,EACZ,EAAE,mBAAmB,2CAYrB"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { type BoxProps, type ElementProps, type Factory, type OverlayProps, type StylesApiProps, type TransitionOverride } from "@mantine/core";
|
|
2
|
+
import { LightboxAutoplayButton } from "./LightboxAutoplayButton.js";
|
|
3
|
+
import { LightboxCloseButton } from "./LightboxCloseButton.js";
|
|
4
|
+
import { LightboxControls } from "./LightboxControls.js";
|
|
5
|
+
import { LightboxCounter } from "./LightboxCounter.js";
|
|
6
|
+
import { LightboxFullscreenButton } from "./LightboxFullscreenButton.js";
|
|
7
|
+
import { LightboxSlide } from "./LightboxSlide.js";
|
|
8
|
+
import { LightboxSlides } from "./LightboxSlides.js";
|
|
9
|
+
import { LightboxThumbnail } from "./LightboxThumbnail.js";
|
|
10
|
+
import { LightboxThumbnails } from "./LightboxThumbnails.js";
|
|
11
|
+
import { LightboxToolbar } from "./LightboxToolbar.js";
|
|
12
|
+
import { LightboxZoomButton } from "./LightboxZoomButton.js";
|
|
13
|
+
export type LightboxRootStylesNames = "root" | "overlay" | "slides" | "slidesViewport" | "slidesContainer" | "control" | "slide" | "zoomContainer" | "zoomContent" | "autoplayButton" | "zoomButton" | "fullscreenButton" | "toolbar" | "closeButton" | "counter" | "thumbnails" | "thumbnailsViewport" | "thumbnailsContainer" | "thumbnail" | "thumbnailButton";
|
|
14
|
+
export interface LightboxRootProps extends BoxProps, StylesApiProps<LightboxRootFactory>, ElementProps<"div"> {
|
|
15
|
+
/** Whether the lightbox is open */
|
|
16
|
+
opened: boolean;
|
|
17
|
+
/** Called when the lightbox requests to close */
|
|
18
|
+
onClose: () => void;
|
|
19
|
+
/** Whether to close when clicking outside the content, `true` by default */
|
|
20
|
+
closeOnClickOutside?: boolean;
|
|
21
|
+
/** Whether to keep content mounted when closed, `false` by default */
|
|
22
|
+
keepMounted?: boolean;
|
|
23
|
+
/** Whether to trap focus while open, `true` by default */
|
|
24
|
+
trapFocus?: boolean;
|
|
25
|
+
/** Whether to return focus to the trigger on close, `true` by default */
|
|
26
|
+
returnFocus?: boolean;
|
|
27
|
+
/** Whether to lock page scroll while open, `true` by default */
|
|
28
|
+
lockScroll?: boolean;
|
|
29
|
+
/** Whether to show the zoom toggle button in the toolbar, `true` by default */
|
|
30
|
+
withZoom?: boolean;
|
|
31
|
+
/** Whether to show the fullscreen toggle button in the toolbar, `true` by default */
|
|
32
|
+
withFullscreen?: boolean;
|
|
33
|
+
/** Whether to render inside a portal, `true` by default */
|
|
34
|
+
withinPortal?: boolean;
|
|
35
|
+
/** Props passed to the `Transition` component */
|
|
36
|
+
transitionProps?: TransitionOverride;
|
|
37
|
+
/** Props passed to the `Overlay` component */
|
|
38
|
+
overlayProps?: OverlayProps;
|
|
39
|
+
/** Layout and scroll direction of the lightbox, `'horizontal'` by default */
|
|
40
|
+
orientation?: "horizontal" | "vertical";
|
|
41
|
+
}
|
|
42
|
+
export type LightboxRootFactory = Factory<{
|
|
43
|
+
props: LightboxRootProps;
|
|
44
|
+
ref: HTMLDivElement;
|
|
45
|
+
stylesNames: LightboxRootStylesNames;
|
|
46
|
+
staticComponents: {
|
|
47
|
+
Root: typeof LightboxRoot;
|
|
48
|
+
Toolbar: typeof LightboxToolbar;
|
|
49
|
+
Counter: typeof LightboxCounter;
|
|
50
|
+
Controls: typeof LightboxControls;
|
|
51
|
+
Slides: typeof LightboxSlides;
|
|
52
|
+
Thumbnails: typeof LightboxThumbnails;
|
|
53
|
+
Thumbnail: typeof LightboxThumbnail;
|
|
54
|
+
Slide: typeof LightboxSlide;
|
|
55
|
+
CloseButton: typeof LightboxCloseButton;
|
|
56
|
+
ZoomButton: typeof LightboxZoomButton;
|
|
57
|
+
FullscreenButton: typeof LightboxFullscreenButton;
|
|
58
|
+
AutoplayButton: typeof LightboxAutoplayButton;
|
|
59
|
+
};
|
|
60
|
+
}>;
|
|
61
|
+
export declare const LightboxRoot: import("@mantine/core").MantineComponent<{
|
|
62
|
+
props: LightboxRootProps;
|
|
63
|
+
ref: HTMLDivElement;
|
|
64
|
+
stylesNames: LightboxRootStylesNames;
|
|
65
|
+
staticComponents: {
|
|
66
|
+
Root: typeof LightboxRoot;
|
|
67
|
+
Toolbar: typeof LightboxToolbar;
|
|
68
|
+
Counter: typeof LightboxCounter;
|
|
69
|
+
Controls: typeof LightboxControls;
|
|
70
|
+
Slides: typeof LightboxSlides;
|
|
71
|
+
Thumbnails: typeof LightboxThumbnails;
|
|
72
|
+
Thumbnail: typeof LightboxThumbnail;
|
|
73
|
+
Slide: typeof LightboxSlide;
|
|
74
|
+
CloseButton: typeof LightboxCloseButton;
|
|
75
|
+
ZoomButton: typeof LightboxZoomButton;
|
|
76
|
+
FullscreenButton: typeof LightboxFullscreenButton;
|
|
77
|
+
AutoplayButton: typeof LightboxAutoplayButton;
|
|
78
|
+
};
|
|
79
|
+
}>;
|
|
80
|
+
//# sourceMappingURL=LightboxRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxRoot.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxSlideContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxSlideProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxSlideContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxSlideContext: () => LightboxSlideContext;
|
|
8
|
+
//# sourceMappingURL=LightboxSlide.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxSlide.context.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlide.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,qBAAqB;;;+CAAE,uBAAuB,4BAG1D,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxSlideStylesNames = "slide";
|
|
3
|
+
export interface LightboxSlideProps extends BoxProps, CompoundStylesApiProps<LightboxSlideFactory>, ElementProps<"div"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxSlideFactory = Factory<{
|
|
6
|
+
props: LightboxSlideProps;
|
|
7
|
+
ref: HTMLDivElement;
|
|
8
|
+
stylesNames: LightboxSlideStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxSlide: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxSlideProps;
|
|
13
|
+
ref: HTMLDivElement;
|
|
14
|
+
stylesNames: LightboxSlideStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxSlide.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxSlide.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlide.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAevB,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,kBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,oBAAoB,CAAC,EAC5C,YAAY,CAAC,KAAK,CAAC;CAAG;AAExB,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IAC1C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;WANlB,kBAAkB;SACpB,cAAc;iBACN,wBAAwB;cAC3B,IAAI;EAoKb,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
import type { EmblaOptionsType, EmblaPluginType } from "embla-carousel";
|
|
3
|
+
export type LightboxSlidesStylesNames = "slides" | "slidesViewport" | "slidesContainer";
|
|
4
|
+
export interface LightboxSlidesProps extends BoxProps, CompoundStylesApiProps<LightboxSlidesFactory>, ElementProps<"div"> {
|
|
5
|
+
/** Initial slide index, `0` by default */
|
|
6
|
+
initialSlide?: number;
|
|
7
|
+
/** Options passed directly to the Embla slide carousel */
|
|
8
|
+
emblaOptions?: EmblaOptionsType;
|
|
9
|
+
/** Plugins passed directly to the Embla slide carousel */
|
|
10
|
+
emblaPlugins?: EmblaPluginType[];
|
|
11
|
+
}
|
|
12
|
+
export type LightboxSlidesFactory = Factory<{
|
|
13
|
+
props: LightboxSlidesProps;
|
|
14
|
+
ref: HTMLDivElement;
|
|
15
|
+
stylesNames: LightboxSlidesStylesNames;
|
|
16
|
+
compound: true;
|
|
17
|
+
}>;
|
|
18
|
+
export declare const LightboxSlides: import("@mantine/core").MantineComponent<{
|
|
19
|
+
props: LightboxSlidesProps;
|
|
20
|
+
ref: HTMLDivElement;
|
|
21
|
+
stylesNames: LightboxSlidesStylesNames;
|
|
22
|
+
compound: true;
|
|
23
|
+
}>;
|
|
24
|
+
//# sourceMappingURL=LightboxSlides.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxSlides.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxSlides.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAEX,gBAAgB,EAChB,eAAe,EACf,MAAM,gBAAgB,CAAC;AAOxB,MAAM,MAAM,yBAAyB,GAClC,QAAQ,GACR,gBAAgB,GAChB,iBAAiB,CAAC;AAErB,MAAM,WAAW,mBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,qBAAqB,CAAC,EAC7C,YAAY,CAAC,KAAK,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;AAMD,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;WANnB,mBAAmB;SACrB,cAAc;iBACN,yBAAyB;cAC5B,IAAI;EAkHb,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxThumbnailContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxThumbnailProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxThumbnailContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxThumbnailContext: () => LightboxThumbnailContext;
|
|
8
|
+
//# sourceMappingURL=LightboxThumbnail.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxThumbnail.context.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnail.context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,yBAAyB;;;+CAAE,2BAA2B,gCAGlE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxThumbnailStylesNames = "thumbnail" | "thumbnailButton";
|
|
3
|
+
export interface LightboxThumbnailProps extends BoxProps, CompoundStylesApiProps<LightboxThumbnailFactory>, ElementProps<"div"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxThumbnailFactory = Factory<{
|
|
6
|
+
props: LightboxThumbnailProps;
|
|
7
|
+
ref: HTMLDivElement;
|
|
8
|
+
stylesNames: LightboxThumbnailStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxThumbnail: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxThumbnailProps;
|
|
13
|
+
ref: HTMLDivElement;
|
|
14
|
+
stylesNames: LightboxThumbnailStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxThumbnail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxThumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAIZ,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE3E,MAAM,WAAW,sBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,wBAAwB,CAAC,EAChD,YAAY,CAAC,KAAK,CAAC;CAAG;AAExB,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,4BAA4B,CAAC;IAC1C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;WANtB,sBAAsB;SACxB,cAAc;iBACN,4BAA4B;cAC/B,IAAI;EA+Bd,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
import type { EmblaOptionsType } from "embla-carousel";
|
|
3
|
+
export type LightboxThumbnailsStylesNames = "thumbnails" | "thumbnailsViewport" | "thumbnailsContainer";
|
|
4
|
+
export interface LightboxThumbnailsProps extends BoxProps, CompoundStylesApiProps<LightboxThumbnailsFactory>, ElementProps<"div"> {
|
|
5
|
+
/** Options passed directly to the Embla thumbnail carousel, `{ dragFree: true }` by default */
|
|
6
|
+
emblaOptions?: EmblaOptionsType;
|
|
7
|
+
}
|
|
8
|
+
export type LightboxThumbnailsFactory = Factory<{
|
|
9
|
+
props: LightboxThumbnailsProps;
|
|
10
|
+
ref: HTMLDivElement;
|
|
11
|
+
stylesNames: LightboxThumbnailsStylesNames;
|
|
12
|
+
compound: true;
|
|
13
|
+
}>;
|
|
14
|
+
export declare const LightboxThumbnails: import("@mantine/core").MantineComponent<{
|
|
15
|
+
props: LightboxThumbnailsProps;
|
|
16
|
+
ref: HTMLDivElement;
|
|
17
|
+
stylesNames: LightboxThumbnailsStylesNames;
|
|
18
|
+
compound: true;
|
|
19
|
+
}>;
|
|
20
|
+
//# sourceMappingURL=LightboxThumbnails.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxThumbnails.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxThumbnails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAOvD,MAAM,MAAM,6BAA6B,GACtC,YAAY,GACZ,oBAAoB,GACpB,qBAAqB,CAAC;AAEzB,MAAM,WAAW,uBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,yBAAyB,CAAC,EACjD,YAAY,CAAC,KAAK,CAAC;IACpB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAMD,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC/C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB;WANvB,uBAAuB;SACzB,cAAc;iBACN,6BAA6B;cAChC,IAAI;EAsId,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxToolbarStylesNames = "toolbar" | "autoplayButton" | "fullscreenButton" | "zoomButton" | "closeButton";
|
|
3
|
+
export interface LightboxToolbarProps extends BoxProps, CompoundStylesApiProps<LightboxToolbarFactory>, ElementProps<"div"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxToolbarFactory = Factory<{
|
|
6
|
+
props: LightboxToolbarProps;
|
|
7
|
+
ref: HTMLDivElement;
|
|
8
|
+
stylesNames: LightboxToolbarStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxToolbar: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxToolbarProps;
|
|
13
|
+
ref: HTMLDivElement;
|
|
14
|
+
stylesNames: LightboxToolbarStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxToolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EAEb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAUvB,MAAM,MAAM,0BAA0B,GACnC,SAAS,GACT,gBAAgB,GAChB,kBAAkB,GAClB,YAAY,GACZ,aAAa,CAAC;AAEjB,MAAM,WAAW,oBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,YAAY,CAAC,KAAK,CAAC;CAAG;AAExB,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;WANpB,oBAAoB;SACtB,cAAc;iBACN,0BAA0B;cAC7B,IAAI;EAiFd,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BoxProps, type CompoundStylesApiProps, type ElementProps, type Factory } from "@mantine/core";
|
|
2
|
+
export type LightboxZoomButtonStylesNames = "zoomButton";
|
|
3
|
+
export interface LightboxZoomButtonProps extends BoxProps, CompoundStylesApiProps<LightboxZoomButtonFactory>, ElementProps<"button"> {
|
|
4
|
+
}
|
|
5
|
+
export type LightboxZoomButtonFactory = Factory<{
|
|
6
|
+
props: LightboxZoomButtonProps;
|
|
7
|
+
ref: HTMLButtonElement;
|
|
8
|
+
stylesNames: LightboxZoomButtonStylesNames;
|
|
9
|
+
compound: true;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const LightboxZoomButton: import("@mantine/core").MantineComponent<{
|
|
12
|
+
props: LightboxZoomButtonProps;
|
|
13
|
+
ref: HTMLButtonElement;
|
|
14
|
+
stylesNames: LightboxZoomButtonStylesNames;
|
|
15
|
+
compound: true;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=LightboxZoomButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxZoomButton.d.ts","sourceRoot":"","sources":["../../../src/components/LightboxZoomButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,QAAQ,EACb,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,OAAO,EAGZ,MAAM,eAAe,CAAC;AAMvB,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC;AAEzD,MAAM,WAAW,uBAChB,SAAQ,QAAQ,EACf,sBAAsB,CAAC,yBAAyB,CAAC,EACjD,YAAY,CAAC,QAAQ,CAAC;CAAG;AAE3B,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC/C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,QAAQ,EAAE,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB;WANvB,uBAAuB;SACzB,iBAAiB;iBACT,6BAA6B;cAChC,IAAI;EA+Bd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pause.d.ts","sourceRoot":"","sources":["../../../src/components/Pause.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,KAAK,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiBnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Play.d.ts","sourceRoot":"","sources":["../../../src/components/Play.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,IAAI,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAalD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuestionMark.d.ts","sourceRoot":"","sources":["../../../src/components/QuestionMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,YAAY,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiB1D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomIn.d.ts","sourceRoot":"","sources":["../../../src/components/ZoomIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,MAAM,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmBpD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomOut.d.ts","sourceRoot":"","sources":["../../../src/components/ZoomOut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAkBrD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EnterFullscreen.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/EnterFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,eAAe,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmB7D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExitFullscreen.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ExitFullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,cAAc,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmB5D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pause.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Pause.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,KAAK,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAiBnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Play.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Play.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,IAAI,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAalD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomIn.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ZoomIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,MAAM,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAmBpD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZoomOut.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/ZoomOut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAkBrD,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { type GetStylesApi } from "@mantine/core";
|
|
2
|
+
import type { EmblaCarouselType } from "embla-carousel";
|
|
3
|
+
import type { PointerEvent as ReactPointerEvent, RefObject } from "react";
|
|
4
|
+
import type { LightboxRootFactory } from "../components/LightboxRoot.js";
|
|
5
|
+
import type { ZoomOffset } from "../utils/zoom.js";
|
|
6
|
+
export interface LightboxContext {
|
|
7
|
+
getStyles: GetStylesApi<LightboxRootFactory>;
|
|
8
|
+
opened: boolean;
|
|
9
|
+
currentIndex: number;
|
|
10
|
+
slideCount: number | null;
|
|
11
|
+
slidesEmblaRef: RefObject<EmblaCarouselType | null>;
|
|
12
|
+
thumbnailsEmblaRef: RefObject<EmblaCarouselType | null>;
|
|
13
|
+
setCurrentIndex: (index: number) => void;
|
|
14
|
+
setSlideCount: (count: number | null) => void;
|
|
15
|
+
onClose: () => void;
|
|
16
|
+
onOutsideClick: () => void;
|
|
17
|
+
onThumbnailClick: (index: number) => void;
|
|
18
|
+
onScrollPrev: () => void;
|
|
19
|
+
onScrollNext: () => void;
|
|
20
|
+
orientation: "horizontal" | "vertical";
|
|
21
|
+
canAutoPlay: boolean;
|
|
22
|
+
isPlaying: boolean;
|
|
23
|
+
toggleAutoPlay: () => void;
|
|
24
|
+
onSlidesEmblaApi: (embla: EmblaCarouselType) => void;
|
|
25
|
+
withFullscreen: boolean;
|
|
26
|
+
isFullscreen: boolean;
|
|
27
|
+
toggleFullscreen: () => void;
|
|
28
|
+
withZoom: boolean;
|
|
29
|
+
isZoomed: boolean;
|
|
30
|
+
isZoomedRef: RefObject<boolean>;
|
|
31
|
+
isDraggingZoom: boolean;
|
|
32
|
+
canZoomCurrent: boolean;
|
|
33
|
+
zoomOffset: ZoomOffset;
|
|
34
|
+
zoomScale: number;
|
|
35
|
+
activeZoomContainerRef: RefObject<HTMLDivElement | null>;
|
|
36
|
+
toggleZoom: () => void;
|
|
37
|
+
updateCanZoomAvailability: () => void;
|
|
38
|
+
handleZoomPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
39
|
+
handleZoomPointerMove: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
40
|
+
handleZoomPointerEnd: (event: ReactPointerEvent<HTMLDivElement>) => void;
|
|
41
|
+
}
|
|
42
|
+
export declare const LightboxProvider: ({ children, value }: {
|
|
43
|
+
value: LightboxContext;
|
|
44
|
+
children: React.ReactNode;
|
|
45
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxContext: () => LightboxContext;
|
|
46
|
+
//# sourceMappingURL=LightboxContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxContext.d.ts","sourceRoot":"","sources":["../../../src/context/LightboxContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACpD,kBAAkB,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACxD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IAEvC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAErD,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAE7B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,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,eAAO,MAAO,gBAAgB;;;+CAAE,kBAAkB,uBAGhD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxSlideContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxSlideProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxSlideContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxSlideContext: () => LightboxSlideContext;
|
|
8
|
+
//# sourceMappingURL=LightboxSlideContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxSlideContext.d.ts","sourceRoot":"","sources":["../../../src/context/LightboxSlideContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,qBAAqB;;;+CAAE,uBAAuB,4BAG1D,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface LightboxThumbnailContext {
|
|
2
|
+
index: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const LightboxThumbnailProvider: ({ children, value }: {
|
|
5
|
+
value: LightboxThumbnailContext;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element, useLightboxThumbnailContext: () => LightboxThumbnailContext;
|
|
8
|
+
//# sourceMappingURL=LightboxThumbnailContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LightboxThumbnailContext.d.ts","sourceRoot":"","sources":["../../../src/context/LightboxThumbnailContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAO,yBAAyB;;;+CAAE,2BAA2B,gCAGlE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { EmblaCarouselType } from "embla-carousel";
|
|
2
|
+
interface UseAutoPlayOutput {
|
|
3
|
+
canAutoPlay: boolean;
|
|
4
|
+
isPlaying: boolean;
|
|
5
|
+
toggleAutoPlay: () => void;
|
|
6
|
+
notifyAutoPlayInteraction: () => void;
|
|
7
|
+
handleEmblaApiForAutoPlay: (embla: EmblaCarouselType) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function useAutoPlay(): UseAutoPlayOutput;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=useAutoPlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAutoPlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoPlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,UAAU,iBAAiB;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,yBAAyB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9D;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CA0F/C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAutoPlay.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoPlay.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { RefObject } from "react";
|
|
2
|
+
import type { LightboxCarouselOptions } from "../Lightbox.js";
|
|
3
|
+
interface UseCarouselOptionsInput {
|
|
4
|
+
carouselOptions: LightboxCarouselOptions | undefined;
|
|
5
|
+
isZoomedRef: RefObject<boolean>;
|
|
6
|
+
}
|
|
7
|
+
export type UseCarouselOptionsOutput = LightboxCarouselOptions & {
|
|
8
|
+
emblaOptions: NonNullable<LightboxCarouselOptions["emblaOptions"]>;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Merges consumer-supplied carousel options with lightbox-internal overrides.
|
|
12
|
+
*
|
|
13
|
+
* Injects a `watchDrag` guard that disables Embla's drag when the lightbox is
|
|
14
|
+
* zoomed. Uses `isZoomedRef` (not `isZoomed` state) so that the returned
|
|
15
|
+
* options object stays stable across zoom state changes, preventing Embla from
|
|
16
|
+
* being re-initialised on every zoom toggle.
|
|
17
|
+
*/
|
|
18
|
+
export declare function useCarouselOptions(props: UseCarouselOptionsInput): UseCarouselOptionsOutput;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=useCarouselOptions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCarouselOptions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCarouselOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,UAAU,uBAAuB;IAChC,eAAe,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,GAAG;IAChE,YAAY,EAAE,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CACjC,KAAK,EAAE,uBAAuB,GAC5B,wBAAwB,CA4B1B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface UseFullscreenInput {
|
|
2
|
+
opened: boolean;
|
|
3
|
+
}
|
|
4
|
+
interface UseFullscreenOutput {
|
|
5
|
+
isFullscreen: boolean;
|
|
6
|
+
canUseFullscreen: boolean;
|
|
7
|
+
toggleFullscreen: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function useFullscreen(props: UseFullscreenInput): UseFullscreenOutput;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=useFullscreen.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFullscreen.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFullscreen.ts"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC3B,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,mBAAmB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CAsC5E"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { EmblaCarouselType } from "embla-carousel";
|
|
2
|
+
import type { RefObject } from "react";
|
|
3
|
+
interface UseKeyboardNavigationInput {
|
|
4
|
+
opened: boolean;
|
|
5
|
+
emblaRef: RefObject<EmblaCarouselType | null>;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function useKeyboardNavigation(props: UseKeyboardNavigationInput): void;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=useKeyboardNavigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,0BAA0B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAwB7E"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { CarouselProps } from "@mantine/carousel";
|
|
2
|
+
import type { EmblaCarouselType } from "embla-carousel";
|
|
3
|
+
import { type ForwardedRef } from "react";
|
|
4
|
+
import type { LightboxCarouselOptions, LightboxThumbnailEmblaOptions } from "../Lightbox.js";
|
|
5
|
+
interface UseLightboxInput {
|
|
6
|
+
ref: ForwardedRef<HTMLDivElement>;
|
|
7
|
+
opened: boolean;
|
|
8
|
+
initialSlide: number | undefined;
|
|
9
|
+
onClose: () => void;
|
|
10
|
+
closeOnClickOutside: boolean | undefined;
|
|
11
|
+
trapFocus: boolean | undefined;
|
|
12
|
+
returnFocus: boolean | undefined;
|
|
13
|
+
carouselOptions: LightboxCarouselOptions | undefined;
|
|
14
|
+
thumbnailEmblaOptions: LightboxThumbnailEmblaOptions | undefined;
|
|
15
|
+
counterFormatter: ((index: number, total: number) => string) | undefined;
|
|
16
|
+
}
|
|
17
|
+
export interface UseLightboxOutput {
|
|
18
|
+
mergedRef: (node: HTMLDivElement | null) => void;
|
|
19
|
+
currentIndex: number;
|
|
20
|
+
counterText: string | null;
|
|
21
|
+
handleEmblaApi: CarouselProps["getEmblaApi"];
|
|
22
|
+
handleThumbnailsEmblaApi: (embla: EmblaCarouselType) => void;
|
|
23
|
+
handleThumbnailClick: (index: number) => void;
|
|
24
|
+
handleOutsideClick: () => void;
|
|
25
|
+
mergedCarouselOptions: LightboxCarouselOptions;
|
|
26
|
+
mergedThumbnailEmblaOptions: LightboxThumbnailEmblaOptions;
|
|
27
|
+
}
|
|
28
|
+
export declare function useLightbox(props: UseLightboxInput): UseLightboxOutput;
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=useLightbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLightbox.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLightbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EACN,KAAK,YAAY,EAKjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACX,uBAAuB,EACvB,6BAA6B,EAC7B,MAAM,gBAAgB,CAAC;AAExB,UAAU,gBAAgB;IACzB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACrD,qBAAqB,EAAE,6BAA6B,GAAG,SAAS,CAAC;IACjE,gBAAgB,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CACzE;AAED,MAAM,WAAW,iBAAiB;IACjC,SAAS,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC7C,wBAAwB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7D,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,EAAE,uBAAuB,CAAC;IAC/C,2BAA2B,EAAE,6BAA6B,CAAC;CAC3D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,iBAAiB,CAqItE"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { OverlayProps, TransitionOverride } from "@mantine/core";
|
|
2
|
+
interface UseLightboxRootOptionsInput {
|
|
3
|
+
overlayProps: OverlayProps | undefined;
|
|
4
|
+
transitionProps: TransitionOverride | undefined;
|
|
5
|
+
}
|
|
6
|
+
interface UseLightboxRootOptionsOutput {
|
|
7
|
+
overlayProps: OverlayProps;
|
|
8
|
+
transitionProps: TransitionOverride;
|
|
9
|
+
}
|
|
10
|
+
export declare function useLightboxRootOptions(props: UseLightboxRootOptionsInput): UseLightboxRootOptionsOutput;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=useLightboxRootOptions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLightboxRootOptions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLightboxRootOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGtE,UAAU,2BAA2B;IACpC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAChD;AAED,UAAU,4BAA4B;IACrC,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,kBAAkB,CAAC;CACpC;AAED,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,2BAA2B,GAChC,4BAA4B,CAW9B"}
|