@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.
Files changed (349) hide show
  1. package/README.md +3 -4
  2. package/dist/cjs/Lightbox.cjs +38 -242
  3. package/dist/cjs/Lightbox.cjs.map +1 -1
  4. package/dist/cjs/Lightbox.context-value.cjs +47 -0
  5. package/dist/cjs/Lightbox.context-value.cjs.map +1 -0
  6. package/dist/cjs/Lightbox.context.cjs.map +1 -1
  7. package/dist/cjs/Lightbox.defaults.cjs +29 -0
  8. package/dist/cjs/Lightbox.defaults.cjs.map +1 -0
  9. package/dist/cjs/Lightbox.module.css.cjs +1 -1
  10. package/dist/cjs/LightboxSlide.cjs +72 -5
  11. package/dist/cjs/LightboxSlide.cjs.map +1 -1
  12. package/dist/cjs/LightboxSlide.context.cjs +12 -0
  13. package/dist/cjs/LightboxSlide.context.cjs.map +1 -0
  14. package/dist/cjs/components/EnterFullscreen.cjs +30 -0
  15. package/dist/cjs/components/EnterFullscreen.cjs.map +1 -0
  16. package/dist/cjs/components/ExitFullscreen.cjs +30 -0
  17. package/dist/cjs/components/ExitFullscreen.cjs.map +1 -0
  18. package/dist/cjs/components/LightboxAutoplayButton.cjs +43 -0
  19. package/dist/cjs/components/LightboxAutoplayButton.cjs.map +1 -0
  20. package/dist/cjs/components/LightboxCarousel.cjs +29 -0
  21. package/dist/cjs/components/LightboxCarousel.cjs.map +1 -0
  22. package/dist/cjs/components/LightboxCarouselSlide.context.cjs +12 -0
  23. package/dist/cjs/components/LightboxCarouselSlide.context.cjs.map +1 -0
  24. package/dist/cjs/components/LightboxCloseButton.cjs +33 -0
  25. package/dist/cjs/components/LightboxCloseButton.cjs.map +1 -0
  26. package/dist/cjs/components/LightboxContent.cjs +38 -0
  27. package/dist/cjs/components/LightboxContent.cjs.map +1 -0
  28. package/dist/cjs/components/LightboxControls.cjs +68 -0
  29. package/dist/cjs/components/LightboxControls.cjs.map +1 -0
  30. package/dist/cjs/components/LightboxCounter.cjs +34 -0
  31. package/dist/cjs/components/LightboxCounter.cjs.map +1 -0
  32. package/dist/cjs/components/LightboxFullscreenButton.cjs +41 -0
  33. package/dist/cjs/components/LightboxFullscreenButton.cjs.map +1 -0
  34. package/dist/cjs/components/LightboxOverlay.cjs +40 -0
  35. package/dist/cjs/components/LightboxOverlay.cjs.map +1 -0
  36. package/dist/cjs/components/LightboxPreset.cjs +32 -0
  37. package/dist/cjs/components/LightboxPreset.cjs.map +1 -0
  38. package/dist/cjs/components/LightboxRoot.cjs +260 -0
  39. package/dist/cjs/components/LightboxRoot.cjs.map +1 -0
  40. package/dist/cjs/components/LightboxSlide.cjs +154 -0
  41. package/dist/cjs/components/LightboxSlide.cjs.map +1 -0
  42. package/dist/cjs/components/LightboxSlide.context.cjs +12 -0
  43. package/dist/cjs/components/LightboxSlide.context.cjs.map +1 -0
  44. package/dist/cjs/components/LightboxSlides.cjs +108 -0
  45. package/dist/cjs/components/LightboxSlides.cjs.map +1 -0
  46. package/dist/cjs/components/LightboxThumbnail.cjs +40 -0
  47. package/dist/cjs/components/LightboxThumbnail.cjs.map +1 -0
  48. package/dist/cjs/components/LightboxThumbnail.context.cjs +12 -0
  49. package/dist/cjs/components/LightboxThumbnail.context.cjs.map +1 -0
  50. package/dist/cjs/components/LightboxThumbnails.cjs +121 -0
  51. package/dist/cjs/components/LightboxThumbnails.cjs.map +1 -0
  52. package/dist/cjs/components/LightboxToolbar.cjs +94 -0
  53. package/dist/cjs/components/LightboxToolbar.cjs.map +1 -0
  54. package/dist/cjs/components/LightboxZoomButton.cjs +39 -0
  55. package/dist/cjs/components/LightboxZoomButton.cjs.map +1 -0
  56. package/dist/cjs/components/Pause.cjs +28 -0
  57. package/dist/cjs/components/Pause.cjs.map +1 -0
  58. package/dist/cjs/components/Play.cjs +22 -0
  59. package/dist/cjs/components/Play.cjs.map +1 -0
  60. package/dist/cjs/components/QuestionMark.cjs +28 -0
  61. package/dist/cjs/components/QuestionMark.cjs.map +1 -0
  62. package/dist/cjs/components/ZoomIn.cjs +30 -0
  63. package/dist/cjs/components/ZoomIn.cjs.map +1 -0
  64. package/dist/cjs/components/ZoomOut.cjs +29 -0
  65. package/dist/cjs/components/ZoomOut.cjs.map +1 -0
  66. package/dist/cjs/components/icons/EnterFullscreen.cjs +30 -0
  67. package/dist/cjs/components/icons/EnterFullscreen.cjs.map +1 -0
  68. package/dist/cjs/components/icons/ExitFullscreen.cjs +30 -0
  69. package/dist/cjs/components/icons/ExitFullscreen.cjs.map +1 -0
  70. package/dist/cjs/components/icons/Pause.cjs +28 -0
  71. package/dist/cjs/components/icons/Pause.cjs.map +1 -0
  72. package/dist/cjs/components/icons/Play.cjs +22 -0
  73. package/dist/cjs/components/icons/Play.cjs.map +1 -0
  74. package/dist/cjs/components/icons/ZoomIn.cjs +30 -0
  75. package/dist/cjs/components/icons/ZoomIn.cjs.map +1 -0
  76. package/dist/cjs/components/icons/ZoomOut.cjs +29 -0
  77. package/dist/cjs/components/icons/ZoomOut.cjs.map +1 -0
  78. package/dist/cjs/context/LightboxContext.cjs +12 -0
  79. package/dist/cjs/context/LightboxContext.cjs.map +1 -0
  80. package/dist/cjs/context/LightboxSlideContext.cjs +12 -0
  81. package/dist/cjs/context/LightboxSlideContext.cjs.map +1 -0
  82. package/dist/cjs/context/LightboxThumbnailContext.cjs +12 -0
  83. package/dist/cjs/context/LightboxThumbnailContext.cjs.map +1 -0
  84. package/dist/cjs/hooks/useAutoPlay.cjs +77 -0
  85. package/dist/cjs/hooks/useAutoPlay.cjs.map +1 -0
  86. package/dist/cjs/hooks/useCarouselOptions.cjs +30 -0
  87. package/dist/cjs/hooks/useCarouselOptions.cjs.map +1 -0
  88. package/dist/cjs/hooks/useFullscreen.cjs +39 -0
  89. package/dist/cjs/hooks/useFullscreen.cjs.map +1 -0
  90. package/dist/cjs/hooks/useKeyboardNavigation.cjs +29 -0
  91. package/dist/cjs/hooks/useKeyboardNavigation.cjs.map +1 -0
  92. package/dist/cjs/hooks/useLightbox.cjs +116 -0
  93. package/dist/cjs/hooks/useLightbox.cjs.map +1 -0
  94. package/dist/cjs/hooks/useLightboxRootOptions.cjs +20 -0
  95. package/dist/cjs/hooks/useLightboxRootOptions.cjs.map +1 -0
  96. package/dist/cjs/hooks/useSlideInteractions.cjs +94 -0
  97. package/dist/cjs/hooks/useSlideInteractions.cjs.map +1 -0
  98. package/dist/cjs/hooks/useThumbnails.cjs +61 -0
  99. package/dist/cjs/hooks/useThumbnails.cjs.map +1 -0
  100. package/dist/cjs/hooks/useZoom.cjs +264 -0
  101. package/dist/cjs/hooks/useZoom.cjs.map +1 -0
  102. package/dist/cjs/index.cjs +26 -2
  103. package/dist/cjs/index.cjs.map +1 -1
  104. package/dist/cjs/styles/Lightbox.module.css.cjs +7 -0
  105. package/dist/cjs/styles/Lightbox.module.css.cjs.map +1 -0
  106. package/dist/cjs/utils/fullscreen.cjs +41 -0
  107. package/dist/cjs/utils/fullscreen.cjs.map +1 -0
  108. package/dist/cjs/utils/pointer.cjs +50 -0
  109. package/dist/cjs/utils/pointer.cjs.map +1 -0
  110. package/dist/cjs/utils/zoom.cjs +91 -0
  111. package/dist/cjs/utils/zoom.cjs.map +1 -0
  112. package/dist/esm/Lightbox.context-value.mjs +45 -0
  113. package/dist/esm/Lightbox.context-value.mjs.map +1 -0
  114. package/dist/esm/Lightbox.context.mjs.map +1 -1
  115. package/dist/esm/Lightbox.defaults.mjs +27 -0
  116. package/dist/esm/Lightbox.defaults.mjs.map +1 -0
  117. package/dist/esm/Lightbox.mjs +40 -244
  118. package/dist/esm/Lightbox.mjs.map +1 -1
  119. package/dist/esm/Lightbox.module.css.mjs +1 -1
  120. package/dist/esm/LightboxSlide.context.mjs +9 -0
  121. package/dist/esm/LightboxSlide.context.mjs.map +1 -0
  122. package/dist/esm/LightboxSlide.mjs +73 -6
  123. package/dist/esm/LightboxSlide.mjs.map +1 -1
  124. package/dist/esm/components/EnterFullscreen.mjs +28 -0
  125. package/dist/esm/components/EnterFullscreen.mjs.map +1 -0
  126. package/dist/esm/components/ExitFullscreen.mjs +28 -0
  127. package/dist/esm/components/ExitFullscreen.mjs.map +1 -0
  128. package/dist/esm/components/LightboxAutoplayButton.mjs +41 -0
  129. package/dist/esm/components/LightboxAutoplayButton.mjs.map +1 -0
  130. package/dist/esm/components/LightboxCarousel.mjs +27 -0
  131. package/dist/esm/components/LightboxCarousel.mjs.map +1 -0
  132. package/dist/esm/components/LightboxCarouselSlide.context.mjs +9 -0
  133. package/dist/esm/components/LightboxCarouselSlide.context.mjs.map +1 -0
  134. package/dist/esm/components/LightboxCloseButton.mjs +31 -0
  135. package/dist/esm/components/LightboxCloseButton.mjs.map +1 -0
  136. package/dist/esm/components/LightboxContent.mjs +36 -0
  137. package/dist/esm/components/LightboxContent.mjs.map +1 -0
  138. package/dist/esm/components/LightboxControls.mjs +66 -0
  139. package/dist/esm/components/LightboxControls.mjs.map +1 -0
  140. package/dist/esm/components/LightboxCounter.mjs +32 -0
  141. package/dist/esm/components/LightboxCounter.mjs.map +1 -0
  142. package/dist/esm/components/LightboxFullscreenButton.mjs +39 -0
  143. package/dist/esm/components/LightboxFullscreenButton.mjs.map +1 -0
  144. package/dist/esm/components/LightboxOverlay.mjs +38 -0
  145. package/dist/esm/components/LightboxOverlay.mjs.map +1 -0
  146. package/dist/esm/components/LightboxPreset.mjs +30 -0
  147. package/dist/esm/components/LightboxPreset.mjs.map +1 -0
  148. package/dist/esm/components/LightboxRoot.mjs +258 -0
  149. package/dist/esm/components/LightboxRoot.mjs.map +1 -0
  150. package/dist/esm/components/LightboxSlide.context.mjs +9 -0
  151. package/dist/esm/components/LightboxSlide.context.mjs.map +1 -0
  152. package/dist/esm/components/LightboxSlide.mjs +152 -0
  153. package/dist/esm/components/LightboxSlide.mjs.map +1 -0
  154. package/dist/esm/components/LightboxSlides.mjs +106 -0
  155. package/dist/esm/components/LightboxSlides.mjs.map +1 -0
  156. package/dist/esm/components/LightboxThumbnail.context.mjs +9 -0
  157. package/dist/esm/components/LightboxThumbnail.context.mjs.map +1 -0
  158. package/dist/esm/components/LightboxThumbnail.mjs +38 -0
  159. package/dist/esm/components/LightboxThumbnail.mjs.map +1 -0
  160. package/dist/esm/components/LightboxThumbnails.mjs +119 -0
  161. package/dist/esm/components/LightboxThumbnails.mjs.map +1 -0
  162. package/dist/esm/components/LightboxToolbar.mjs +92 -0
  163. package/dist/esm/components/LightboxToolbar.mjs.map +1 -0
  164. package/dist/esm/components/LightboxZoomButton.mjs +37 -0
  165. package/dist/esm/components/LightboxZoomButton.mjs.map +1 -0
  166. package/dist/esm/components/Pause.mjs +26 -0
  167. package/dist/esm/components/Pause.mjs.map +1 -0
  168. package/dist/esm/components/Play.mjs +20 -0
  169. package/dist/esm/components/Play.mjs.map +1 -0
  170. package/dist/esm/components/QuestionMark.mjs +26 -0
  171. package/dist/esm/components/QuestionMark.mjs.map +1 -0
  172. package/dist/esm/components/ZoomIn.mjs +28 -0
  173. package/dist/esm/components/ZoomIn.mjs.map +1 -0
  174. package/dist/esm/components/ZoomOut.mjs +27 -0
  175. package/dist/esm/components/ZoomOut.mjs.map +1 -0
  176. package/dist/esm/components/icons/EnterFullscreen.mjs +28 -0
  177. package/dist/esm/components/icons/EnterFullscreen.mjs.map +1 -0
  178. package/dist/esm/components/icons/ExitFullscreen.mjs +28 -0
  179. package/dist/esm/components/icons/ExitFullscreen.mjs.map +1 -0
  180. package/dist/esm/components/icons/Pause.mjs +26 -0
  181. package/dist/esm/components/icons/Pause.mjs.map +1 -0
  182. package/dist/esm/components/icons/Play.mjs +20 -0
  183. package/dist/esm/components/icons/Play.mjs.map +1 -0
  184. package/dist/esm/components/icons/ZoomIn.mjs +28 -0
  185. package/dist/esm/components/icons/ZoomIn.mjs.map +1 -0
  186. package/dist/esm/components/icons/ZoomOut.mjs +27 -0
  187. package/dist/esm/components/icons/ZoomOut.mjs.map +1 -0
  188. package/dist/esm/context/LightboxContext.mjs +9 -0
  189. package/dist/esm/context/LightboxContext.mjs.map +1 -0
  190. package/dist/esm/context/LightboxSlideContext.mjs +9 -0
  191. package/dist/esm/context/LightboxSlideContext.mjs.map +1 -0
  192. package/dist/esm/context/LightboxThumbnailContext.mjs +9 -0
  193. package/dist/esm/context/LightboxThumbnailContext.mjs.map +1 -0
  194. package/dist/esm/hooks/useAutoPlay.mjs +75 -0
  195. package/dist/esm/hooks/useAutoPlay.mjs.map +1 -0
  196. package/dist/esm/hooks/useCarouselOptions.mjs +28 -0
  197. package/dist/esm/hooks/useCarouselOptions.mjs.map +1 -0
  198. package/dist/esm/hooks/useFullscreen.mjs +37 -0
  199. package/dist/esm/hooks/useFullscreen.mjs.map +1 -0
  200. package/dist/esm/hooks/useKeyboardNavigation.mjs +27 -0
  201. package/dist/esm/hooks/useKeyboardNavigation.mjs.map +1 -0
  202. package/dist/esm/hooks/useLightbox.mjs +114 -0
  203. package/dist/esm/hooks/useLightbox.mjs.map +1 -0
  204. package/dist/esm/hooks/useLightboxRootOptions.mjs +18 -0
  205. package/dist/esm/hooks/useLightboxRootOptions.mjs.map +1 -0
  206. package/dist/esm/hooks/useSlideInteractions.mjs +92 -0
  207. package/dist/esm/hooks/useSlideInteractions.mjs.map +1 -0
  208. package/dist/esm/hooks/useThumbnails.mjs +59 -0
  209. package/dist/esm/hooks/useThumbnails.mjs.map +1 -0
  210. package/dist/esm/hooks/useZoom.mjs +262 -0
  211. package/dist/esm/hooks/useZoom.mjs.map +1 -0
  212. package/dist/esm/index.mjs +13 -1
  213. package/dist/esm/index.mjs.map +1 -1
  214. package/dist/esm/styles/Lightbox.module.css.mjs +5 -0
  215. package/dist/esm/styles/Lightbox.module.css.mjs.map +1 -0
  216. package/dist/esm/utils/fullscreen.mjs +36 -0
  217. package/dist/esm/utils/fullscreen.mjs.map +1 -0
  218. package/dist/esm/utils/pointer.mjs +41 -0
  219. package/dist/esm/utils/pointer.mjs.map +1 -0
  220. package/dist/esm/utils/zoom.mjs +82 -0
  221. package/dist/esm/utils/zoom.mjs.map +1 -0
  222. package/dist/styles.css +1 -1
  223. package/dist/styles.layer.css +1 -1
  224. package/dist/types/Lightbox.context-value.d.ts +16 -0
  225. package/dist/types/Lightbox.context-value.d.ts.map +1 -0
  226. package/dist/types/Lightbox.context.d.ts +29 -0
  227. package/dist/types/Lightbox.context.d.ts.map +1 -1
  228. package/dist/types/Lightbox.d.ts +53 -35
  229. package/dist/types/Lightbox.d.ts.map +1 -1
  230. package/dist/types/Lightbox.defaults.d.ts +24 -0
  231. package/dist/types/Lightbox.defaults.d.ts.map +1 -0
  232. package/dist/types/Lightbox.story.d.ts +5 -5
  233. package/dist/types/Lightbox.story.d.ts.map +1 -1
  234. package/dist/types/LightboxSlide.context.d.ts +8 -0
  235. package/dist/types/LightboxSlide.context.d.ts.map +1 -0
  236. package/dist/types/LightboxSlide.d.ts +0 -3
  237. package/dist/types/LightboxSlide.d.ts.map +1 -1
  238. package/dist/types/__tests__/Lightbox.test.d.ts +2 -0
  239. package/dist/types/__tests__/Lightbox.test.d.ts.map +1 -0
  240. package/dist/types/__tests__/LightboxSimple.test.d.ts +2 -0
  241. package/dist/types/__tests__/LightboxSimple.test.d.ts.map +1 -0
  242. package/dist/types/__tests__/pointer.test.d.ts +2 -0
  243. package/dist/types/__tests__/pointer.test.d.ts.map +1 -0
  244. package/dist/types/__tests__/zoom.test.d.ts +2 -0
  245. package/dist/types/__tests__/zoom.test.d.ts.map +1 -0
  246. package/dist/types/components/EnterFullscreen.d.ts +3 -0
  247. package/dist/types/components/EnterFullscreen.d.ts.map +1 -0
  248. package/dist/types/components/ExitFullscreen.d.ts +3 -0
  249. package/dist/types/components/ExitFullscreen.d.ts.map +1 -0
  250. package/dist/types/components/LightboxAutoplayButton.d.ts +17 -0
  251. package/dist/types/components/LightboxAutoplayButton.d.ts.map +1 -0
  252. package/dist/types/components/LightboxCarousel.d.ts +6 -0
  253. package/dist/types/components/LightboxCarousel.d.ts.map +1 -0
  254. package/dist/types/components/LightboxCarouselSlide.context.d.ts +10 -0
  255. package/dist/types/components/LightboxCarouselSlide.context.d.ts.map +1 -0
  256. package/dist/types/components/LightboxCloseButton.d.ts +17 -0
  257. package/dist/types/components/LightboxCloseButton.d.ts.map +1 -0
  258. package/dist/types/components/LightboxContent.d.ts +14 -0
  259. package/dist/types/components/LightboxContent.d.ts.map +1 -0
  260. package/dist/types/components/LightboxControls.d.ts +19 -0
  261. package/dist/types/components/LightboxControls.d.ts.map +1 -0
  262. package/dist/types/components/LightboxCounter.d.ts +19 -0
  263. package/dist/types/components/LightboxCounter.d.ts.map +1 -0
  264. package/dist/types/components/LightboxFullscreenButton.d.ts +17 -0
  265. package/dist/types/components/LightboxFullscreenButton.d.ts.map +1 -0
  266. package/dist/types/components/LightboxOverlay.d.ts +4 -0
  267. package/dist/types/components/LightboxOverlay.d.ts.map +1 -0
  268. package/dist/types/components/LightboxPreset.d.ts +10 -0
  269. package/dist/types/components/LightboxPreset.d.ts.map +1 -0
  270. package/dist/types/components/LightboxRoot.d.ts +80 -0
  271. package/dist/types/components/LightboxRoot.d.ts.map +1 -0
  272. package/dist/types/components/LightboxSlide.context.d.ts +8 -0
  273. package/dist/types/components/LightboxSlide.context.d.ts.map +1 -0
  274. package/dist/types/components/LightboxSlide.d.ts +17 -0
  275. package/dist/types/components/LightboxSlide.d.ts.map +1 -0
  276. package/dist/types/components/LightboxSlides.d.ts +24 -0
  277. package/dist/types/components/LightboxSlides.d.ts.map +1 -0
  278. package/dist/types/components/LightboxThumbnail.context.d.ts +8 -0
  279. package/dist/types/components/LightboxThumbnail.context.d.ts.map +1 -0
  280. package/dist/types/components/LightboxThumbnail.d.ts +17 -0
  281. package/dist/types/components/LightboxThumbnail.d.ts.map +1 -0
  282. package/dist/types/components/LightboxThumbnails.d.ts +20 -0
  283. package/dist/types/components/LightboxThumbnails.d.ts.map +1 -0
  284. package/dist/types/components/LightboxToolbar.d.ts +17 -0
  285. package/dist/types/components/LightboxToolbar.d.ts.map +1 -0
  286. package/dist/types/components/LightboxZoomButton.d.ts +17 -0
  287. package/dist/types/components/LightboxZoomButton.d.ts.map +1 -0
  288. package/dist/types/components/Pause.d.ts +3 -0
  289. package/dist/types/components/Pause.d.ts.map +1 -0
  290. package/dist/types/components/Play.d.ts +3 -0
  291. package/dist/types/components/Play.d.ts.map +1 -0
  292. package/dist/types/components/QuestionMark.d.ts +3 -0
  293. package/dist/types/components/QuestionMark.d.ts.map +1 -0
  294. package/dist/types/components/ZoomIn.d.ts +3 -0
  295. package/dist/types/components/ZoomIn.d.ts.map +1 -0
  296. package/dist/types/components/ZoomOut.d.ts +3 -0
  297. package/dist/types/components/ZoomOut.d.ts.map +1 -0
  298. package/dist/types/components/icons/EnterFullscreen.d.ts +3 -0
  299. package/dist/types/components/icons/EnterFullscreen.d.ts.map +1 -0
  300. package/dist/types/components/icons/ExitFullscreen.d.ts +3 -0
  301. package/dist/types/components/icons/ExitFullscreen.d.ts.map +1 -0
  302. package/dist/types/components/icons/Pause.d.ts +3 -0
  303. package/dist/types/components/icons/Pause.d.ts.map +1 -0
  304. package/dist/types/components/icons/Play.d.ts +3 -0
  305. package/dist/types/components/icons/Play.d.ts.map +1 -0
  306. package/dist/types/components/icons/ZoomIn.d.ts +3 -0
  307. package/dist/types/components/icons/ZoomIn.d.ts.map +1 -0
  308. package/dist/types/components/icons/ZoomOut.d.ts +3 -0
  309. package/dist/types/components/icons/ZoomOut.d.ts.map +1 -0
  310. package/dist/types/context/LightboxContext.d.ts +46 -0
  311. package/dist/types/context/LightboxContext.d.ts.map +1 -0
  312. package/dist/types/context/LightboxSlideContext.d.ts +8 -0
  313. package/dist/types/context/LightboxSlideContext.d.ts.map +1 -0
  314. package/dist/types/context/LightboxThumbnailContext.d.ts +8 -0
  315. package/dist/types/context/LightboxThumbnailContext.d.ts.map +1 -0
  316. package/dist/types/hooks/useAutoPlay.d.ts +11 -0
  317. package/dist/types/hooks/useAutoPlay.d.ts.map +1 -0
  318. package/dist/types/hooks/useAutoPlay.test.d.ts +2 -0
  319. package/dist/types/hooks/useAutoPlay.test.d.ts.map +1 -0
  320. package/dist/types/hooks/useCarouselOptions.d.ts +20 -0
  321. package/dist/types/hooks/useCarouselOptions.d.ts.map +1 -0
  322. package/dist/types/hooks/useFullscreen.d.ts +11 -0
  323. package/dist/types/hooks/useFullscreen.d.ts.map +1 -0
  324. package/dist/types/hooks/useKeyboardNavigation.d.ts +10 -0
  325. package/dist/types/hooks/useKeyboardNavigation.d.ts.map +1 -0
  326. package/dist/types/hooks/useLightbox.d.ts +30 -0
  327. package/dist/types/hooks/useLightbox.d.ts.map +1 -0
  328. package/dist/types/hooks/useLightboxRootOptions.d.ts +12 -0
  329. package/dist/types/hooks/useLightboxRootOptions.d.ts.map +1 -0
  330. package/dist/types/hooks/useSlideInteractions.d.ts +26 -0
  331. package/dist/types/hooks/useSlideInteractions.d.ts.map +1 -0
  332. package/dist/types/hooks/useThumbnails.d.ts +15 -0
  333. package/dist/types/hooks/useThumbnails.d.ts.map +1 -0
  334. package/dist/types/hooks/useZoom.d.ts +24 -0
  335. package/dist/types/hooks/useZoom.d.ts.map +1 -0
  336. package/dist/types/index.d.mts +27 -3
  337. package/dist/types/index.d.ts +27 -3
  338. package/dist/types/index.d.ts.map +1 -1
  339. package/dist/types/stories/Lightbox.story.d.ts +11 -0
  340. package/dist/types/stories/Lightbox.story.d.ts.map +1 -0
  341. package/dist/types/utils/fullscreen.d.ts +21 -0
  342. package/dist/types/utils/fullscreen.d.ts.map +1 -0
  343. package/dist/types/utils/pointer.d.ts +63 -0
  344. package/dist/types/utils/pointer.d.ts.map +1 -0
  345. package/dist/types/utils/zoom.d.ts +69 -0
  346. package/dist/types/utils/zoom.d.ts.map +1 -0
  347. package/dist/types/utils/zoom.test.d.ts +2 -0
  348. package/dist/types/utils/zoom.test.d.ts.map +1 -0
  349. 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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const Pause: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=Pause.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const Play: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=Play.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const QuestionMark: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=QuestionMark.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const ZoomIn: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ZoomIn.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const ZoomOut: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ZoomOut.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const EnterFullscreen: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=EnterFullscreen.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const ExitFullscreen: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ExitFullscreen.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const Pause: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=Pause.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const Play: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=Play.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const ZoomIn: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ZoomIn.d.ts.map
@@ -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,3 @@
1
+ import type { SVGProps } from "react";
2
+ export declare const ZoomOut: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ZoomOut.d.ts.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=useAutoPlay.test.d.ts.map
@@ -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"}