@mantine-bites/lightbox 1.1.0 → 1.3.0

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 (85) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/Lightbox.cjs +16 -11
  3. package/dist/cjs/Lightbox.cjs.map +1 -1
  4. package/dist/cjs/components/LightboxCaption.cjs +30 -0
  5. package/dist/cjs/components/LightboxCaption.cjs.map +1 -0
  6. package/dist/cjs/components/LightboxControls.cjs +11 -1
  7. package/dist/cjs/components/LightboxControls.cjs.map +1 -1
  8. package/dist/cjs/components/LightboxRoot.cjs +14 -1
  9. package/dist/cjs/components/LightboxRoot.cjs.map +1 -1
  10. package/dist/cjs/components/LightboxSlide.cjs +39 -28
  11. package/dist/cjs/components/LightboxSlide.cjs.map +1 -1
  12. package/dist/cjs/components/LightboxSlides.cjs +10 -0
  13. package/dist/cjs/components/LightboxSlides.cjs.map +1 -1
  14. package/dist/cjs/components/LightboxThumbnails.cjs +8 -4
  15. package/dist/cjs/components/LightboxThumbnails.cjs.map +1 -1
  16. package/dist/cjs/components/LightboxThumbnailsButton.cjs +41 -0
  17. package/dist/cjs/components/LightboxThumbnailsButton.cjs.map +1 -0
  18. package/dist/cjs/components/icons/HideThumbnails.cjs +28 -0
  19. package/dist/cjs/components/icons/HideThumbnails.cjs.map +1 -0
  20. package/dist/cjs/components/icons/ShowThumbnails.cjs +28 -0
  21. package/dist/cjs/components/icons/ShowThumbnails.cjs.map +1 -0
  22. package/dist/cjs/context/LightboxContext.cjs.map +1 -1
  23. package/dist/cjs/hooks/useScrollButtons.cjs +22 -0
  24. package/dist/cjs/hooks/useScrollButtons.cjs.map +1 -0
  25. package/dist/cjs/index.cjs +2 -0
  26. package/dist/cjs/index.cjs.map +1 -1
  27. package/dist/cjs/styles/Lightbox.module.css.cjs +1 -1
  28. package/dist/esm/Lightbox.mjs +16 -11
  29. package/dist/esm/Lightbox.mjs.map +1 -1
  30. package/dist/esm/components/LightboxCaption.mjs +28 -0
  31. package/dist/esm/components/LightboxCaption.mjs.map +1 -0
  32. package/dist/esm/components/LightboxControls.mjs +11 -1
  33. package/dist/esm/components/LightboxControls.mjs.map +1 -1
  34. package/dist/esm/components/LightboxRoot.mjs +15 -2
  35. package/dist/esm/components/LightboxRoot.mjs.map +1 -1
  36. package/dist/esm/components/LightboxSlide.mjs +41 -30
  37. package/dist/esm/components/LightboxSlide.mjs.map +1 -1
  38. package/dist/esm/components/LightboxSlides.mjs +11 -1
  39. package/dist/esm/components/LightboxSlides.mjs.map +1 -1
  40. package/dist/esm/components/LightboxThumbnails.mjs +8 -4
  41. package/dist/esm/components/LightboxThumbnails.mjs.map +1 -1
  42. package/dist/esm/components/LightboxThumbnailsButton.mjs +39 -0
  43. package/dist/esm/components/LightboxThumbnailsButton.mjs.map +1 -0
  44. package/dist/esm/components/icons/HideThumbnails.mjs +26 -0
  45. package/dist/esm/components/icons/HideThumbnails.mjs.map +1 -0
  46. package/dist/esm/components/icons/ShowThumbnails.mjs +26 -0
  47. package/dist/esm/components/icons/ShowThumbnails.mjs.map +1 -0
  48. package/dist/esm/context/LightboxContext.mjs.map +1 -1
  49. package/dist/esm/hooks/useScrollButtons.mjs +20 -0
  50. package/dist/esm/hooks/useScrollButtons.mjs.map +1 -0
  51. package/dist/esm/index.mjs +1 -0
  52. package/dist/esm/index.mjs.map +1 -1
  53. package/dist/esm/styles/Lightbox.module.css.mjs +1 -1
  54. package/dist/styles.css +1 -1
  55. package/dist/styles.layer.css +1 -1
  56. package/dist/types/Lightbox.d.ts +7 -2
  57. package/dist/types/Lightbox.d.ts.map +1 -1
  58. package/dist/types/__tests__/LightboxCaption.test.d.ts +2 -0
  59. package/dist/types/__tests__/LightboxCaption.test.d.ts.map +1 -0
  60. package/dist/types/components/LightboxCaption.d.ts +19 -0
  61. package/dist/types/components/LightboxCaption.d.ts.map +1 -0
  62. package/dist/types/components/LightboxControls.d.ts.map +1 -1
  63. package/dist/types/components/LightboxRoot.d.ts +4 -1
  64. package/dist/types/components/LightboxRoot.d.ts.map +1 -1
  65. package/dist/types/components/LightboxSlide.d.ts.map +1 -1
  66. package/dist/types/components/LightboxSlides.d.ts +3 -1
  67. package/dist/types/components/LightboxSlides.d.ts.map +1 -1
  68. package/dist/types/components/LightboxThumbnails.d.ts +3 -1
  69. package/dist/types/components/LightboxThumbnails.d.ts.map +1 -1
  70. package/dist/types/components/LightboxThumbnailsButton.d.ts +17 -0
  71. package/dist/types/components/LightboxThumbnailsButton.d.ts.map +1 -0
  72. package/dist/types/components/icons/HideThumbnails.d.ts +3 -0
  73. package/dist/types/components/icons/HideThumbnails.d.ts.map +1 -0
  74. package/dist/types/components/icons/ShowThumbnails.d.ts +3 -0
  75. package/dist/types/components/icons/ShowThumbnails.d.ts.map +1 -0
  76. package/dist/types/context/LightboxContext.d.ts +2 -0
  77. package/dist/types/context/LightboxContext.d.ts.map +1 -1
  78. package/dist/types/hooks/useScrollButtons.d.ts +6 -0
  79. package/dist/types/hooks/useScrollButtons.d.ts.map +1 -0
  80. package/dist/types/index.d.mts +2 -0
  81. package/dist/types/index.d.ts +2 -0
  82. package/dist/types/index.d.ts.map +1 -1
  83. package/dist/types/stories/Lightbox.story.d.ts +17 -0
  84. package/dist/types/stories/Lightbox.story.d.ts.map +1 -1
  85. package/package.json +2 -1
@@ -7,6 +7,7 @@ export interface LightboxContext {
7
7
  getStyles: GetStylesApi<LightboxRootFactory>;
8
8
  opened: boolean;
9
9
  currentIndex: number;
10
+ initialSlideRef: RefObject<number>;
10
11
  slideCount: number | null;
11
12
  slidesEmblaRef: RefObject<EmblaCarouselType | null>;
12
13
  thumbnailsEmblaRef: RefObject<EmblaCarouselType | null>;
@@ -15,6 +16,7 @@ export interface LightboxContext {
15
16
  onClose: () => void;
16
17
  onOutsideClick: () => void;
17
18
  onThumbnailClick: (index: number) => void;
19
+ slidesEmblaApi: EmblaCarouselType | null;
18
20
  onScrollPrev: () => void;
19
21
  onScrollNext: () => void;
20
22
  orientation: "horizontal" | "vertical";
@@ -1 +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"}
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,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnC,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,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,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,6 @@
1
+ import type { EmblaCarouselType } from "embla-carousel";
2
+ export declare const useScrollButtons: (emblaApi: EmblaCarouselType | null) => {
3
+ prevBtnDisabled: boolean;
4
+ nextBtnDisabled: boolean;
5
+ };
6
+ //# sourceMappingURL=useScrollButtons.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollButtons.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScrollButtons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,eAAO,MAAM,gBAAgB,GAAI,UAAU,iBAAiB,GAAG,IAAI;;;CAiBlE,CAAC"}
@@ -1,5 +1,7 @@
1
1
  export type { LightboxAutoplayButtonFactory, LightboxAutoplayButtonProps, LightboxAutoplayButtonStylesNames, } from "./components/LightboxAutoplayButton.js";
2
2
  export { LightboxAutoplayButton } from "./components/LightboxAutoplayButton.js";
3
+ export type { LightboxCaptionFactory, LightboxCaptionProps, LightboxCaptionStylesNames, } from "./components/LightboxCaption.js";
4
+ export { LightboxCaption } from "./components/LightboxCaption.js";
3
5
  export type { LightboxCloseButtonFactory, LightboxCloseButtonProps, LightboxCloseButtonStylesNames, } from "./components/LightboxCloseButton.js";
4
6
  export { LightboxCloseButton } from "./components/LightboxCloseButton.js";
5
7
  export type { LightboxControlsFactory, LightboxControlsProps, LightboxControlsStylesNames, } from "./components/LightboxControls.js";
@@ -1,5 +1,7 @@
1
1
  export type { LightboxAutoplayButtonFactory, LightboxAutoplayButtonProps, LightboxAutoplayButtonStylesNames, } from "./components/LightboxAutoplayButton.js";
2
2
  export { LightboxAutoplayButton } from "./components/LightboxAutoplayButton.js";
3
+ export type { LightboxCaptionFactory, LightboxCaptionProps, LightboxCaptionStylesNames, } from "./components/LightboxCaption.js";
4
+ export { LightboxCaption } from "./components/LightboxCaption.js";
3
5
  export type { LightboxCloseButtonFactory, LightboxCloseButtonProps, LightboxCloseButtonStylesNames, } from "./components/LightboxCloseButton.js";
4
6
  export { LightboxCloseButton } from "./components/LightboxCloseButton.js";
5
7
  export type { LightboxControlsFactory, LightboxControlsProps, LightboxControlsStylesNames, } from "./components/LightboxControls.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,GACjC,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,YAAY,EACX,0BAA0B,EAC1B,wBAAwB,EACxB,8BAA8B,GAC9B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EACX,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EACX,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACX,+BAA+B,EAC/B,6BAA6B,EAC7B,mCAAmC,GACnC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACpF,YAAY,EACX,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EACX,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EACX,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EACX,wBAAwB,EACxB,sBAAsB,EACtB,4BAA4B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,YAAY,EACX,yBAAyB,EACzB,uBAAuB,EACvB,6BAA6B,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,YAAY,EACX,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACX,yBAAyB,EACzB,uBAAuB,EACvB,6BAA6B,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EACX,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,GACjC,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,YAAY,EACX,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACX,0BAA0B,EAC1B,wBAAwB,EACxB,8BAA8B,GAC9B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EACX,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EACX,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACX,+BAA+B,EAC/B,6BAA6B,EAC7B,mCAAmC,GACnC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACpF,YAAY,EACX,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EACX,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EACX,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,YAAY,EACX,wBAAwB,EACxB,sBAAsB,EACtB,4BAA4B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,YAAY,EACX,yBAAyB,EACzB,uBAAuB,EACvB,6BAA6B,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,YAAY,EACX,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACX,yBAAyB,EACzB,uBAAuB,EACvB,6BAA6B,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EACX,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
@@ -34,6 +34,13 @@ declare const _default: {
34
34
  arg: string;
35
35
  };
36
36
  };
37
+ transition: {
38
+ control: string;
39
+ options: string[];
40
+ table: {
41
+ category: string;
42
+ };
43
+ };
37
44
  withZoom: {
38
45
  control: string;
39
46
  table: {
@@ -70,6 +77,12 @@ declare const _default: {
70
77
  category: string;
71
78
  };
72
79
  };
80
+ withCaptions: {
81
+ control: string;
82
+ table: {
83
+ category: string;
84
+ };
85
+ };
73
86
  closeOnClickOutside: {
74
87
  control: string;
75
88
  table: {
@@ -91,12 +104,14 @@ interface PlaygroundArgs {
91
104
  loop: boolean;
92
105
  enableAutoplay: boolean;
93
106
  autoplayDelay: number;
107
+ transition: "scroll" | "fade";
94
108
  withZoom: boolean;
95
109
  withFullscreen: boolean;
96
110
  withToolbar: boolean;
97
111
  withControls: boolean;
98
112
  withThumbnails: boolean;
99
113
  withCounter: boolean;
114
+ withCaptions: boolean;
100
115
  closeOnClickOutside: boolean;
101
116
  counterFormat: "default" | "verbose";
102
117
  }
@@ -106,12 +121,14 @@ export declare const Playground: {
106
121
  loop: false;
107
122
  enableAutoplay: false;
108
123
  autoplayDelay: number;
124
+ transition: "scroll";
109
125
  withZoom: true;
110
126
  withFullscreen: true;
111
127
  withToolbar: true;
112
128
  withControls: true;
113
129
  withThumbnails: true;
114
130
  withCounter: true;
131
+ withCaptions: true;
115
132
  closeOnClickOutside: true;
116
133
  counterFormat: "default";
117
134
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../../src/stories/Lightbox.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,wBAuDE;AAEF,UAAU,cAAc;IACvB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;mBAeP,cAAc;CAqD7B,CAAC"}
1
+ {"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../../src/stories/Lightbox.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,wBAgEE;AAEF,UAAU,cAAc;IACvB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;mBAiBP,cAAc;CAyD7B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine-bites/lightbox",
3
- "version": "1.1.0",
3
+ "version": "1.3.0",
4
4
  "description": "full-screen image lightbox with thumbnails, controls, and carousel navigation",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -38,6 +38,7 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "embla-carousel-autoplay": "^8.5.2",
41
+ "embla-carousel-fade": "^8.5.2",
41
42
  "@mantine-bites/rollup-config": "workspace:*",
42
43
  "@mantine-bites/typescript-config": "workspace:*",
43
44
  "@mantine-tests/core": "^2.0.0",