@mantine-bites/lightbox 1.0.0 → 1.2.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 (83) hide show
  1. package/README.md +3 -2
  2. package/dist/cjs/Lightbox.cjs +29 -2
  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 -2
  13. package/dist/cjs/components/LightboxSlides.cjs.map +1 -1
  14. package/dist/cjs/components/LightboxThumbnails.cjs +4 -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 +30 -3
  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 +10 -2
  39. package/dist/esm/components/LightboxSlides.mjs.map +1 -1
  40. package/dist/esm/components/LightboxThumbnails.mjs +4 -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 +30 -1
  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.map +1 -1
  67. package/dist/types/components/LightboxThumbnails.d.ts.map +1 -1
  68. package/dist/types/components/LightboxThumbnailsButton.d.ts +17 -0
  69. package/dist/types/components/LightboxThumbnailsButton.d.ts.map +1 -0
  70. package/dist/types/components/icons/HideThumbnails.d.ts +3 -0
  71. package/dist/types/components/icons/HideThumbnails.d.ts.map +1 -0
  72. package/dist/types/components/icons/ShowThumbnails.d.ts +3 -0
  73. package/dist/types/components/icons/ShowThumbnails.d.ts.map +1 -0
  74. package/dist/types/context/LightboxContext.d.ts +2 -0
  75. package/dist/types/context/LightboxContext.d.ts.map +1 -1
  76. package/dist/types/hooks/useScrollButtons.d.ts +6 -0
  77. package/dist/types/hooks/useScrollButtons.d.ts.map +1 -0
  78. package/dist/types/index.d.mts +3 -1
  79. package/dist/types/index.d.ts +3 -1
  80. package/dist/types/index.d.ts.map +1 -1
  81. package/dist/types/stories/Lightbox.story.d.ts +123 -6
  82. package/dist/types/stories/Lightbox.story.d.ts.map +1 -1
  83. package/package.json +1 -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";
@@ -24,6 +26,6 @@ export type { LightboxZoomButtonFactory, LightboxZoomButtonProps, LightboxZoomBu
24
26
  export { LightboxZoomButton } from "./components/LightboxZoomButton.js";
25
27
  export type { LightboxContext } from "./context/LightboxContext.js";
26
28
  export { useLightboxContext } from "./context/LightboxContext.js";
27
- export type { LightboxFactory, LightboxImageData, LightboxProps, } from "./Lightbox.js";
29
+ export type { LightboxFactory, LightboxImageData, LightboxImageProps, LightboxProps, } from "./Lightbox.js";
28
30
  export { Lightbox } from "./Lightbox.js";
29
31
  //# sourceMappingURL=index.d.ts.map
@@ -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";
@@ -24,6 +26,6 @@ export type { LightboxZoomButtonFactory, LightboxZoomButtonProps, LightboxZoomBu
24
26
  export { LightboxZoomButton } from "./components/LightboxZoomButton.js";
25
27
  export type { LightboxContext } from "./context/LightboxContext.js";
26
28
  export { useLightboxContext } from "./context/LightboxContext.js";
27
- export type { LightboxFactory, LightboxImageData, LightboxProps, } from "./Lightbox.js";
29
+ export type { LightboxFactory, LightboxImageData, LightboxImageProps, LightboxProps, } from "./Lightbox.js";
28
30
  export { Lightbox } from "./Lightbox.js";
29
31
  //# sourceMappingURL=index.d.ts.map
@@ -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,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"}
@@ -1,11 +1,128 @@
1
1
  declare const _default: {
2
2
  title: string;
3
+ argTypes: {
4
+ orientation: {
5
+ control: string;
6
+ options: string[];
7
+ table: {
8
+ category: string;
9
+ };
10
+ };
11
+ loop: {
12
+ control: string;
13
+ table: {
14
+ category: string;
15
+ };
16
+ };
17
+ enableAutoplay: {
18
+ control: string;
19
+ table: {
20
+ category: string;
21
+ };
22
+ };
23
+ autoplayDelay: {
24
+ control: {
25
+ type: string;
26
+ min: number;
27
+ max: number;
28
+ step: number;
29
+ };
30
+ table: {
31
+ category: string;
32
+ };
33
+ if: {
34
+ arg: string;
35
+ };
36
+ };
37
+ withZoom: {
38
+ control: string;
39
+ table: {
40
+ category: string;
41
+ };
42
+ };
43
+ withFullscreen: {
44
+ control: string;
45
+ table: {
46
+ category: string;
47
+ };
48
+ };
49
+ withToolbar: {
50
+ control: string;
51
+ table: {
52
+ category: string;
53
+ };
54
+ };
55
+ withControls: {
56
+ control: string;
57
+ table: {
58
+ category: string;
59
+ };
60
+ };
61
+ withThumbnails: {
62
+ control: string;
63
+ table: {
64
+ category: string;
65
+ };
66
+ };
67
+ withCounter: {
68
+ control: string;
69
+ table: {
70
+ category: string;
71
+ };
72
+ };
73
+ withCaptions: {
74
+ control: string;
75
+ table: {
76
+ category: string;
77
+ };
78
+ };
79
+ closeOnClickOutside: {
80
+ control: string;
81
+ table: {
82
+ category: string;
83
+ };
84
+ };
85
+ counterFormat: {
86
+ control: string;
87
+ options: string[];
88
+ table: {
89
+ category: string;
90
+ };
91
+ };
92
+ };
3
93
  };
4
94
  export default _default;
5
- export declare const Default: () => import("react/jsx-runtime").JSX.Element;
6
- export declare const WithLoop: () => import("react/jsx-runtime").JSX.Element;
7
- export declare const WithCustomCounter: () => import("react/jsx-runtime").JSX.Element;
8
- export declare const Vertical: () => import("react/jsx-runtime").JSX.Element;
9
- export declare const WithAutoplay: () => import("react/jsx-runtime").JSX.Element;
10
- export declare const Simple: () => import("react/jsx-runtime").JSX.Element;
95
+ interface PlaygroundArgs {
96
+ orientation: "horizontal" | "vertical";
97
+ loop: boolean;
98
+ enableAutoplay: boolean;
99
+ autoplayDelay: number;
100
+ withZoom: boolean;
101
+ withFullscreen: boolean;
102
+ withToolbar: boolean;
103
+ withControls: boolean;
104
+ withThumbnails: boolean;
105
+ withCounter: boolean;
106
+ withCaptions: boolean;
107
+ closeOnClickOutside: boolean;
108
+ counterFormat: "default" | "verbose";
109
+ }
110
+ export declare const Playground: {
111
+ args: {
112
+ orientation: "horizontal";
113
+ loop: false;
114
+ enableAutoplay: false;
115
+ autoplayDelay: number;
116
+ withZoom: true;
117
+ withFullscreen: true;
118
+ withToolbar: true;
119
+ withControls: true;
120
+ withThumbnails: true;
121
+ withCounter: true;
122
+ withCaptions: true;
123
+ closeOnClickOutside: true;
124
+ counterFormat: "default";
125
+ };
126
+ render: (args: PlaygroundArgs) => import("react/jsx-runtime").JSX.Element;
127
+ };
11
128
  //# sourceMappingURL=Lightbox.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../../src/stories/Lightbox.story.tsx"],"names":[],"mappings":";;;AAWA,wBAAqC;AAgErC,eAAO,MAAM,OAAO,+CAenB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAiBpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAe7B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAepB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAwBxB,CAAC;AAEF,eAAO,MAAM,MAAM,+CASlB,CAAC"}
1
+ {"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../../src/stories/Lightbox.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,wBA2DE;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,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;mBAgBP,cAAc;CAwD7B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine-bites/lightbox",
3
- "version": "1.0.0",
3
+ "version": "1.2.0",
4
4
  "description": "full-screen image lightbox with thumbnails, controls, and carousel navigation",
5
5
  "license": "MIT",
6
6
  "type": "module",