@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/browser/modules/image/viewer.js

@@ -0,0 +1,421 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/image.css';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, Download, ImageOff, Maximize2, Minimize2, PanelBottom, RotateCcw, X, ZoomIn, ZoomOut } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import yet_another_react_lightbox, { useController, useLightboxState, useNavigationState } from "yet-another-react-lightbox";
+import plugins_fullscreen from "yet-another-react-lightbox/plugins/fullscreen";
+import plugins_zoom from "yet-another-react-lightbox/plugins/zoom";
+import { LoadingControl } from "../loading/loading.js";
+import { motionDuration, useMotionEnabled } from "../shared/motion.js";
+import { ScopedPortal } from "../shared/scoped-portal.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
+import { useText } from "../shared/use-text.js";
+function ImageViewer(props) {
+    return /*#__PURE__*/ jsx(ScopedPortal, {
+        children: /*#__PURE__*/ jsx(Viewer, {
+            ...props
+        })
+    });
+}
+function Control({ label, children, active, disabled, onClick, className = '' }) {
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: `leaf-image-viewer__control ${className}`,
+        "aria-label": label,
+        title: label,
+        "aria-pressed": active,
+        disabled: disabled,
+        onClick: onClick,
+        children: children
+    });
+}
+function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreenControl }) {
+    const t = useText();
+    const format = useFormattedText();
+    const motion = useMotionEnabled();
+    const { currentIndex } = useLightboxState();
+    const { prev, next, close } = useController();
+    const { prevDisabled, nextDisabled } = useNavigationState();
+    const strip = useRef(null);
+    const [showThumbs, setShowThumbs] = useState(thumbnails);
+    const [failedDownload, setFailedDownload] = useState(false);
+    const [downloading, setDownloading] = useState(false);
+    const item = items[currentIndex];
+    const hasThumbs = thumbnails && items.length > 1;
+    const zoom = zoomControl?.zoom ?? 1;
+    const fullscreen = fullscreenControl?.fullscreen ?? false;
+    const downloadUrl = 'string' == typeof item?.download ? item.download : item?.src;
+    useEffect(()=>setShowThumbs(thumbnails), [
+        thumbnails
+    ]);
+    useEffect(()=>{
+        setFailedDownload(false);
+        if (!showThumbs) return;
+        const root = strip.current;
+        const selected = root?.querySelector(`[data-index="${currentIndex}"]`);
+        if (root && selected) root.scrollTo({
+            left: selected.offsetLeft - root.offsetLeft - (root.clientWidth - selected.clientWidth) / 2,
+            behavior: motion ? 'smooth' : 'auto'
+        });
+    }, [
+        currentIndex,
+        showThumbs,
+        motion
+    ]);
+    const choose = (target)=>{
+        const difference = target - currentIndex;
+        if (difference > 0) next({
+            count: difference
+        });
+        else if (difference < 0) prev({
+            count: -difference
+        });
+    };
+    const download = async ()=>{
+        if (!item || downloading) return;
+        setDownloading(true);
+        setFailedDownload(false);
+        try {
+            const address = 'string' == typeof item.download ? item.download : item.src;
+            const response = await fetch(address);
+            if (!response.ok) throw new Error('Download failed');
+            const url = URL.createObjectURL(await response.blob());
+            const anchor = document.createElement('a');
+            anchor.href = url;
+            anchor.download = item.downloadName || address.split(/[?#]/)[0]?.split('/').pop() || 'image';
+            anchor.click();
+            setTimeout(()=>URL.revokeObjectURL(url), 1000);
+        } catch  {
+            setFailedDownload(true);
+        } finally{
+            setDownloading(false);
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "leaf-image-viewer__chrome",
+        "data-thumbnails": hasThumbs && showThumbs || void 0,
+        children: [
+            /*#__PURE__*/ jsxs("header", {
+                className: "leaf-image-viewer__header",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-image-viewer__title",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: item?.alt || t('image.imagePreview')
+                            }),
+                            /*#__PURE__*/ jsxs("span", {
+                                className: "leaf-image-viewer__count",
+                                "aria-live": "polite",
+                                children: [
+                                    currentIndex + 1,
+                                    " / ",
+                                    items.length
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-image-viewer__header-actions",
+                        children: [
+                            downloadable && item?.download !== false && /*#__PURE__*/ jsx(Control, {
+                                label: t('image.downloadImage'),
+                                onClick: ()=>void download(),
+                                disabled: downloading,
+                                children: downloading ? /*#__PURE__*/ jsx(LoadingControl, {
+                                    size: "sm"
+                                }) : /*#__PURE__*/ jsx(Download, {
+                                    size: 19
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Control, {
+                                label: fullscreen ? t('image.exitFullscreen') : t('image.enterFullscreen'),
+                                disabled: !fullscreenControl || fullscreenControl.disabled,
+                                onClick: ()=>fullscreen ? fullscreenControl?.exit() : fullscreenControl?.enter(),
+                                children: fullscreen ? /*#__PURE__*/ jsx(Minimize2, {
+                                    size: 19
+                                }) : /*#__PURE__*/ jsx(Maximize2, {
+                                    size: 19
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Control, {
+                                label: t('image.closePreview'),
+                                onClick: close,
+                                children: /*#__PURE__*/ jsx(X, {
+                                    size: 22
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            items.length > 1 && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Control, {
+                        className: "leaf-image-viewer__previous",
+                        label: t('image.previousImage'),
+                        disabled: prevDisabled,
+                        onClick: ()=>prev(),
+                        children: /*#__PURE__*/ jsx(ChevronLeft, {
+                            size: 26
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Control, {
+                        className: "leaf-image-viewer__next",
+                        label: t('image.nextImage'),
+                        disabled: nextDisabled,
+                        onClick: ()=>next(),
+                        children: /*#__PURE__*/ jsx(ChevronRight, {
+                            size: 26
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("footer", {
+                className: "leaf-image-viewer__footer",
+                children: [
+                    failedDownload && /*#__PURE__*/ jsxs("p", {
+                        role: "alert",
+                        className: "leaf-image-viewer__error",
+                        children: [
+                            t('image.downloadFailedOpenTheOriginalImageToSaveIt'),
+                            ' ',
+                            /*#__PURE__*/ jsx("a", {
+                                href: downloadUrl,
+                                target: "_blank",
+                                rel: "noopener noreferrer",
+                                children: t('image.openOriginal')
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-image-viewer__tools",
+                        children: [
+                            /*#__PURE__*/ jsx(Control, {
+                                label: t('image.zoomOut'),
+                                disabled: !zoomControl || zoomControl.disabled || zoom <= 1,
+                                onClick: ()=>zoomControl?.zoomOut(),
+                                children: /*#__PURE__*/ jsx(ZoomOut, {
+                                    size: 18
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs("button", {
+                                type: "button",
+                                className: "leaf-image-viewer__zoom-level",
+                                onClick: ()=>zoomControl?.changeZoom(1),
+                                title: t('image.resetZoom'),
+                                children: [
+                                    Math.round(100 * zoom),
+                                    "%"
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(Control, {
+                                label: t('image.zoomIn'),
+                                disabled: !zoomControl || zoomControl.disabled || zoom >= zoomControl.maxZoom,
+                                onClick: ()=>zoomControl?.zoomIn(),
+                                children: /*#__PURE__*/ jsx(ZoomIn, {
+                                    size: 18
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Control, {
+                                label: t('image.resetZoom'),
+                                disabled: zoom <= 1,
+                                onClick: ()=>zoomControl?.changeZoom(1),
+                                children: /*#__PURE__*/ jsx(RotateCcw, {
+                                    size: 17
+                                })
+                            }),
+                            hasThumbs && /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        className: "leaf-image-viewer__tool-separator"
+                                    }),
+                                    /*#__PURE__*/ jsx(Control, {
+                                        label: t('image.showThumbnails'),
+                                        active: showThumbs,
+                                        onClick: ()=>setShowThumbs((value)=>!value),
+                                        children: /*#__PURE__*/ jsx(PanelBottom, {
+                                            size: 18
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    hasThumbs && showThumbs && /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-image-viewer__gallery",
+                        children: [
+                            /*#__PURE__*/ jsx(Control, {
+                                label: t('image.scrollThumbnailsBackward'),
+                                onClick: ()=>strip.current?.scrollBy({
+                                        left: -(0.7 * strip.current.clientWidth),
+                                        behavior: motion ? 'smooth' : 'auto'
+                                    }),
+                                children: /*#__PURE__*/ jsx(ChevronLeft, {
+                                    size: 18
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("fieldset", {
+                                className: "leaf-image-viewer__thumbnails",
+                                ref: strip,
+                                "aria-label": t('image.imageList'),
+                                children: items.map((image, target)=>/*#__PURE__*/ jsxs("button", {
+                                        type: "button",
+                                        className: "leaf-image-viewer__thumbnail",
+                                        "data-index": target,
+                                        "aria-current": currentIndex === target || void 0,
+                                        "aria-label": format('image.viewImage', {
+                                            index: target + 1,
+                                            alt: image.alt ? `: ${image.alt}` : ''
+                                        }),
+                                        title: image.alt || String(target + 1),
+                                        tabIndex: currentIndex === target ? 0 : -1,
+                                        onClick: ()=>choose(target),
+                                        onKeyDown: (event)=>{
+                                            if (![
+                                                'ArrowLeft',
+                                                'ArrowRight',
+                                                'Home',
+                                                'End'
+                                            ].includes(event.key)) return;
+                                            event.preventDefault();
+                                            event.stopPropagation();
+                                            const position = 'Home' === event.key ? 0 : 'End' === event.key ? items.length - 1 : Math.max(0, Math.min(items.length - 1, target + ('ArrowRight' === event.key ? 1 : -1)));
+                                            choose(position);
+                                            strip.current?.querySelector(`[data-index="${position}"]`)?.focus();
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsx("img", {
+                                                src: image.thumbnailSrc ?? image.src,
+                                                alt: "",
+                                                loading: "lazy",
+                                                draggable: false
+                                            }),
+                                            /*#__PURE__*/ jsx("span", {
+                                                children: target + 1
+                                            })
+                                        ]
+                                    }, `${image.src}-${target}`))
+                            }),
+                            /*#__PURE__*/ jsx(Control, {
+                                label: t('image.scrollThumbnailsForward'),
+                                onClick: ()=>strip.current?.scrollBy({
+                                        left: 0.7 * strip.current.clientWidth,
+                                        behavior: motion ? 'smooth' : 'auto'
+                                    }),
+                                children: /*#__PURE__*/ jsx(ChevronRight, {
+                                    size: 18
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function Viewer({ items, open, index = 0, onClose, onIndexChange, thumbnails = true, downloadable = false }) {
+    const [root, setRoot] = useState(null);
+    const [zoomControl, setZoomControl] = useState(null);
+    const [fullscreenControl, setFullscreenControl] = useState(null);
+    const [slides, setSlides] = useState(()=>items.map((item)=>({
+                ...item
+            })));
+    if (items.length !== slides.length || items.some((item, position)=>{
+        const slide = slides[position];
+        return !slide || item.src !== slide.src || item.alt !== slide.alt || item.width !== slide.width || item.height !== slide.height || item.thumbnailSrc !== slide.thumbnailSrc || item.download !== slide.download || item.downloadName !== slide.downloadName;
+    })) setSlides(items.map((item)=>({
+            ...item
+        })));
+    const t = useText();
+    const format = useFormattedText();
+    const motion = useMotionEnabled();
+    const duration = root && motion ? motionDuration(root) : 0;
+    return /*#__PURE__*/ jsx("div", {
+        ref: setRoot,
+        className: "leaf-image-viewer",
+        children: root && /*#__PURE__*/ jsx(yet_another_react_lightbox, {
+            open: open && items.length > 0,
+            close: onClose,
+            slides: slides,
+            index: Math.max(0, Math.min(index, items.length - 1)),
+            portal: {
+                root
+            },
+            plugins: [
+                plugins_zoom,
+                plugins_fullscreen
+            ],
+            className: "leaf-image-viewer__lightbox",
+            carousel: {
+                finite: true,
+                padding: 0,
+                spacing: 24
+            },
+            animation: {
+                fade: 1.2 * duration,
+                swipe: 1.6 * duration,
+                navigation: 1.6 * duration,
+                zoom: duration
+            },
+            zoom: {
+                ref: setZoomControl,
+                maxZoomPixelRatio: 3,
+                scrollToZoom: true
+            },
+            fullscreen: {
+                ref: setFullscreenControl
+            },
+            controller: {
+                closeOnBackdropClick: true
+            },
+            toolbar: {
+                buttons: []
+            },
+            render: {
+                buttonClose: ()=>null,
+                buttonPrev: ()=>null,
+                buttonNext: ()=>null,
+                buttonZoom: ()=>null,
+                buttonFullscreen: ()=>null,
+                iconLoading: ()=>/*#__PURE__*/ jsx(LoadingControl, {}),
+                iconError: ()=>/*#__PURE__*/ jsx(ImageOff, {
+                        size: 32
+                    }),
+                controls: ()=>/*#__PURE__*/ jsx(ViewerChrome, {
+                        items: items,
+                        thumbnails: thumbnails,
+                        downloadable: downloadable,
+                        zoomControl: zoomControl,
+                        fullscreenControl: fullscreenControl
+                    })
+            },
+            labels: {
+                Lightbox: t('image.imagePreview'),
+                'Photo gallery': t('image.imageList'),
+                Slide: t('image.image'),
+                '{index} of {total}': format('image.position', {
+                    index: index + 1,
+                    total: items.length
+                }),
+                Close: t('image.closePreview')
+            },
+            on: {
+                view: ({ index: next })=>{
+                    if (next !== index) onIndexChange?.(next);
+                }
+            },
+            styles: {
+                root: {
+                    '--yarl__color_backdrop': 'rgba(0,0,0,.92)',
+                    zIndex: 'var(--leaf-z-index-modal)'
+                }
+            }
+        })
+    });
+}
+export { ImageViewer };
+
+//# sourceMappingURL=viewer.js.map

package/dist/esm/browser/modules/image/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image/viewer.js","sources":["../../../../../src/image/viewer.tsx"],"sourcesContent":["import {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  ImageOff,\n  Maximize2,\n  Minimize2,\n  PanelBottom,\n  RotateCcw,\n  X,\n  ZoomIn,\n  ZoomOut,\n} from 'lucide-react';\nimport { type ReactNode, useEffect, useRef, useState } from 'react';\nimport Lightbox, {\n  type FullscreenRef,\n  useController,\n  useLightboxState,\n  useNavigationState,\n  type ZoomRef,\n} from 'yet-another-react-lightbox';\nimport Fullscreen from 'yet-another-react-lightbox/plugins/fullscreen';\nimport Zoom from 'yet-another-react-lightbox/plugins/zoom';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport type { ImagePreviewItem, ImagePreviewProps } from './image';\n\nexport function ImageViewer(props: ImagePreviewProps) {\n  return (\n    <ScopedPortal>\n      <Viewer {...props} />\n    </ScopedPortal>\n  );\n}\nfunction Control({\n  label,\n  children,\n  active,\n  disabled,\n  onClick,\n  className = '',\n}: {\n  label: string;\n  children: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={`leaf-image-viewer__control ${className}`}\n      aria-label={label}\n      title={label}\n      aria-pressed={active}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n}\nfunction ViewerChrome({\n  items,\n  thumbnails,\n  downloadable,\n  zoomControl,\n  fullscreenControl,\n}: {\n  items: readonly ImagePreviewItem[];\n  thumbnails: boolean;\n  downloadable: boolean;\n  zoomControl: ZoomRef | null;\n  fullscreenControl: FullscreenRef | null;\n}) {\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const { currentIndex } = useLightboxState();\n  const { prev, next, close } = useController();\n  const { prevDisabled, nextDisabled } = useNavigationState();\n  const strip = useRef<HTMLFieldSetElement>(null);\n  const [showThumbs, setShowThumbs] = useState(thumbnails);\n  const [failedDownload, setFailedDownload] = useState(false);\n  const [downloading, setDownloading] = useState(false);\n  const item = items[currentIndex];\n  const hasThumbs = thumbnails && items.length > 1;\n  const zoom = zoomControl?.zoom ?? 1;\n  const fullscreen = fullscreenControl?.fullscreen ?? false;\n  const downloadUrl = typeof item?.download === 'string' ? item.download : item?.src;\n  useEffect(() => setShowThumbs(thumbnails), [thumbnails]);\n  useEffect(() => {\n    setFailedDownload(false);\n    if (!showThumbs) return;\n    const root = strip.current;\n    const selected = root?.querySelector<HTMLElement>(`[data-index=\"${currentIndex}\"]`);\n    if (root && selected)\n      root.scrollTo({\n        left: selected.offsetLeft - root.offsetLeft - (root.clientWidth - selected.clientWidth) / 2,\n        behavior: motion ? 'smooth' : 'auto',\n      });\n  }, [currentIndex, showThumbs, motion]);\n  const choose = (target: number) => {\n    const difference = target - currentIndex;\n    if (difference > 0) next({ count: difference });\n    else if (difference < 0) prev({ count: -difference });\n  };\n  const download = async () => {\n    if (!item || downloading) return;\n    setDownloading(true);\n    setFailedDownload(false);\n    try {\n      const address = typeof item.download === 'string' ? item.download : item.src;\n      const response = await fetch(address);\n      if (!response.ok) throw new Error('Download failed');\n      const url = URL.createObjectURL(await response.blob());\n      const anchor = document.createElement('a');\n      anchor.href = url;\n      anchor.download = item.downloadName || address.split(/[?#]/)[0]?.split('/').pop() || 'image';\n      anchor.click();\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\n    } catch {\n      setFailedDownload(true);\n    } finally {\n      setDownloading(false);\n    }\n  };\n  return (\n    <div\n      className=\"leaf-image-viewer__chrome\"\n      data-thumbnails={(hasThumbs && showThumbs) || undefined}\n    >\n      <header className=\"leaf-image-viewer__header\">\n        <div className=\"leaf-image-viewer__title\">\n          <span>{item?.alt || t('image.imagePreview')}</span>\n          <span className=\"leaf-image-viewer__count\" aria-live=\"polite\">\n            {currentIndex + 1} / {items.length}\n          </span>\n        </div>\n        <div className=\"leaf-image-viewer__header-actions\">\n          {downloadable && item?.download !== false && (\n            <Control\n              label={t('image.downloadImage')}\n              onClick={() => void download()}\n              disabled={downloading}\n            >\n              {downloading ? <Loading size=\"sm\" /> : <Download size={19} />}\n            </Control>\n          )}\n          <Control\n            label={fullscreen ? t('image.exitFullscreen') : t('image.enterFullscreen')}\n            disabled={!fullscreenControl || fullscreenControl.disabled}\n            onClick={() => (fullscreen ? fullscreenControl?.exit() : fullscreenControl?.enter())}\n          >\n            {fullscreen ? <Minimize2 size={19} /> : <Maximize2 size={19} />}\n          </Control>\n          <Control label={t('image.closePreview')} onClick={close}>\n            <X size={22} />\n          </Control>\n        </div>\n      </header>\n      {items.length > 1 && (\n        <>\n          <Control\n            className=\"leaf-image-viewer__previous\"\n            label={t('image.previousImage')}\n            disabled={prevDisabled}\n            onClick={() => prev()}\n          >\n            <ChevronLeft size={26} />\n          </Control>\n          <Control\n            className=\"leaf-image-viewer__next\"\n            label={t('image.nextImage')}\n            disabled={nextDisabled}\n            onClick={() => next()}\n          >\n            <ChevronRight size={26} />\n          </Control>\n        </>\n      )}\n      <footer className=\"leaf-image-viewer__footer\">\n        {failedDownload && (\n          <p role=\"alert\" className=\"leaf-image-viewer__error\">\n            {t('image.downloadFailedOpenTheOriginalImageToSaveIt')}{' '}\n            <a href={downloadUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              {t('image.openOriginal')}\n            </a>\n          </p>\n        )}\n        <div className=\"leaf-image-viewer__tools\">\n          <Control\n            label={t('image.zoomOut')}\n            disabled={!zoomControl || zoomControl.disabled || zoom <= 1}\n            onClick={() => zoomControl?.zoomOut()}\n          >\n            <ZoomOut size={18} />\n          </Control>\n          <button\n            type=\"button\"\n            className=\"leaf-image-viewer__zoom-level\"\n            onClick={() => zoomControl?.changeZoom(1)}\n            title={t('image.resetZoom')}\n          >\n            {Math.round(zoom * 100)}%\n          </button>\n          <Control\n            label={t('image.zoomIn')}\n            disabled={!zoomControl || zoomControl.disabled || zoom >= zoomControl.maxZoom}\n            onClick={() => zoomControl?.zoomIn()}\n          >\n            <ZoomIn size={18} />\n          </Control>\n          <Control\n            label={t('image.resetZoom')}\n            disabled={zoom <= 1}\n            onClick={() => zoomControl?.changeZoom(1)}\n          >\n            <RotateCcw size={17} />\n          </Control>\n          {hasThumbs && (\n            <>\n              <span className=\"leaf-image-viewer__tool-separator\" />\n              <Control\n                label={t('image.showThumbnails')}\n                active={showThumbs}\n                onClick={() => setShowThumbs((value) => !value)}\n              >\n                <PanelBottom size={18} />\n              </Control>\n            </>\n          )}\n        </div>\n        {hasThumbs && showThumbs && (\n          <div className=\"leaf-image-viewer__gallery\">\n            <Control\n              label={t('image.scrollThumbnailsBackward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: -(strip.current.clientWidth * 0.7),\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronLeft size={18} />\n            </Control>\n            <fieldset\n              className=\"leaf-image-viewer__thumbnails\"\n              ref={strip}\n              aria-label={t('image.imageList')}\n            >\n              {items.map((image, target) => (\n                <button\n                  type=\"button\"\n                  // biome-ignore lint/suspicious/noArrayIndexKey: Stateless thumbnails may intentionally repeat the same source URL.\n                  key={`${image.src}-${target}`}\n                  className=\"leaf-image-viewer__thumbnail\"\n                  data-index={target}\n                  aria-current={currentIndex === target || undefined}\n                  aria-label={format('image.viewImage', {\n                    index: target + 1,\n                    alt: image.alt ? `: ${image.alt}` : '',\n                  })}\n                  title={image.alt || String(target + 1)}\n                  tabIndex={currentIndex === target ? 0 : -1}\n                  onClick={() => choose(target)}\n                  onKeyDown={(event) => {\n                    if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n                    event.preventDefault();\n                    event.stopPropagation();\n                    const position =\n                      event.key === 'Home'\n                        ? 0\n                        : event.key === 'End'\n                          ? items.length - 1\n                          : Math.max(\n                              0,\n                              Math.min(\n                                items.length - 1,\n                                target + (event.key === 'ArrowRight' ? 1 : -1),\n                              ),\n                            );\n                    choose(position);\n                    strip.current\n                      ?.querySelector<HTMLButtonElement>(`[data-index=\"${position}\"]`)\n                      ?.focus();\n                  }}\n                >\n                  <img\n                    src={image.thumbnailSrc ?? image.src}\n                    alt=\"\"\n                    loading=\"lazy\"\n                    draggable={false}\n                  />\n                  <span>{target + 1}</span>\n                </button>\n              ))}\n            </fieldset>\n            <Control\n              label={t('image.scrollThumbnailsForward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: strip.current.clientWidth * 0.7,\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronRight size={18} />\n            </Control>\n          </div>\n        )}\n      </footer>\n    </div>\n  );\n}\nfunction Viewer({\n  items,\n  open,\n  index = 0,\n  onClose,\n  onIndexChange,\n  thumbnails = true,\n  downloadable = false,\n}: ImagePreviewProps) {\n  const [root, setRoot] = useState<HTMLDivElement | null>(null);\n  const [zoomControl, setZoomControl] = useState<ZoomRef | null>(null);\n  const [fullscreenControl, setFullscreenControl] = useState<FullscreenRef | null>(null);\n  const [slides, setSlides] = useState(() => items.map((item) => ({ ...item })));\n  // A new array with the same images must not reset the carousel's navigation animation.\n  if (\n    items.length !== slides.length ||\n    items.some((item, position) => {\n      const slide = slides[position];\n      return (\n        !slide ||\n        item.src !== slide.src ||\n        item.alt !== slide.alt ||\n        item.width !== slide.width ||\n        item.height !== slide.height ||\n        item.thumbnailSrc !== slide.thumbnailSrc ||\n        item.download !== slide.download ||\n        item.downloadName !== slide.downloadName\n      );\n    })\n  ) {\n    setSlides(items.map((item) => ({ ...item })));\n  }\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const duration = root && motion ? motionDuration(root) : 0;\n  return (\n    <div ref={setRoot} className=\"leaf-image-viewer\">\n      {root && (\n        <Lightbox\n          open={open && items.length > 0}\n          close={onClose}\n          slides={slides}\n          index={Math.max(0, Math.min(index, items.length - 1))}\n          portal={{ root }}\n          plugins={[Zoom, Fullscreen]}\n          className=\"leaf-image-viewer__lightbox\"\n          carousel={{ finite: true, padding: 0, spacing: 24 }}\n          animation={{\n            fade: duration * 1.2,\n            swipe: duration * 1.6,\n            navigation: duration * 1.6,\n            zoom: duration,\n          }}\n          zoom={{ ref: setZoomControl, maxZoomPixelRatio: 3, scrollToZoom: true }}\n          fullscreen={{ ref: setFullscreenControl }}\n          controller={{ closeOnBackdropClick: true }}\n          toolbar={{ buttons: [] }}\n          render={{\n            buttonClose: () => null,\n            buttonPrev: () => null,\n            buttonNext: () => null,\n            buttonZoom: () => null,\n            buttonFullscreen: () => null,\n            iconLoading: () => <Loading />,\n            iconError: () => <ImageOff size={32} />,\n            controls: () => (\n              <ViewerChrome\n                items={items}\n                thumbnails={thumbnails}\n                downloadable={downloadable}\n                zoomControl={zoomControl}\n                fullscreenControl={fullscreenControl}\n              />\n            ),\n          }}\n          labels={{\n            Lightbox: t('image.imagePreview'),\n            'Photo gallery': t('image.imageList'),\n            Slide: t('image.image'),\n            '{index} of {total}': format('image.position', {\n              index: index + 1,\n              total: items.length,\n            }),\n            Close: t('image.closePreview'),\n          }}\n          on={{\n            view: ({ index: next }) => {\n              if (next !== index) onIndexChange?.(next);\n            },\n          }}\n          styles={{\n            root: {\n              '--yarl__color_backdrop': 'rgba(0,0,0,.92)',\n              zIndex: 'var(--leaf-z-index-modal)',\n            },\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ImageViewer","props","ScopedPortal","Viewer","Control","label","children","active","disabled","onClick","className","ViewerChrome","items","thumbnails","downloadable","zoomControl","fullscreenControl","t","useText","format","useFormattedText","motion","useMotionEnabled","currentIndex","useLightboxState","prev","next","close","useController","prevDisabled","nextDisabled","useNavigationState","strip","useRef","showThumbs","setShowThumbs","useState","failedDownload","setFailedDownload","downloading","setDownloading","item","hasThumbs","zoom","fullscreen","downloadUrl","useEffect","root","selected","choose","target","difference","download","address","response","fetch","Error","url","URL","anchor","document","setTimeout","undefined","Loading","Download","Minimize2","Maximize2","X","ChevronLeft","ChevronRight","ZoomOut","Math","ZoomIn","RotateCcw","value","PanelBottom","image","String","event","position","open","index","onClose","onIndexChange","setRoot","setZoomControl","setFullscreenControl","slides","setSlides","slide","duration","motionDuration","Lightbox","Zoom","Fullscreen","ImageOff"],"mappings":"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"}

package/dist/esm/browser/modules/index.js

@@ -0,0 +1,85 @@
+"use client";
+export { Alert } from "./alert/index.js";
+export { Affix, Anchor } from "./anchor/index.js";
+export { AppBar, BottomNavigation, Toolbar } from "./appbar/index.js";
+export { AutoComplete } from "./autocomplete/index.js";
+export { Avatar, AvatarGroup } from "./avatar/index.js";
+export { BackTop } from "./backtop/index.js";
+export { Badge } from "./badge/index.js";
+export { Breadcrumb } from "./breadcrumb/index.js";
+export { Button, ButtonGroup, SplitButton } from "./button/index.js";
+export { Calendar } from "./calendar/index.js";
+export { Card } from "./card/index.js";
+export { Carousel } from "./carousel/index.js";
+export { Cascader, mapCascaderOptions } from "./cascader/index.js";
+export { Checkbox, CheckboxGroup } from "./checkbox/index.js";
+export { Collapse } from "./collapse/index.js";
+export { ColorPicker, gradientString, parseGradient } from "./colorpicker/index.js";
+export { CommandPalette } from "./commandpalette/index.js";
+export { ConfigProvider } from "./config-provider/index.js";
+export { colorContrast, useBreakpoint, useSystemAppearance } from "./config-provider/helpers.js";
+export { ConfirmProvider, useConfirm } from "./confirm/index.js";
+export { DatePicker } from "./datepicker/index.js";
+export { DateRangePicker } from "./daterangepicker/index.js";
+export { DateTimePicker } from "./datetimepicker/index.js";
+export { Descriptions } from "./descriptions/index.js";
+export { Divider } from "./divider/index.js";
+export { Drawer } from "./drawer/index.js";
+export { Dropdown } from "./dropdown/index.js";
+export { Empty } from "./empty/index.js";
+export { ErrorBoundary } from "./errorboundary/index.js";
+export { FileList } from "./filelist/index.js";
+export { Flex } from "./flex/index.js";
+export { FAB, FloatButton, FloatButtonGroup } from "./floatbutton/index.js";
+export { Form, FormErrorSummary, FormField, FormGroup, FormList } from "./form/index.js";
+export { useFormValidation } from "./form/validation.js";
+export { Col, Grid, Row } from "./grid/index.js";
+export { Image, ImagePreview, ImagePreviewGroup } from "./image/index.js";
+export { InfiniteScroll } from "./infinitescroll/index.js";
+export { Input, InputGroup, InputSearch } from "./input/index.js";
+export { InputMask } from "./inputmask/index.js";
+export { InputNumber } from "./inputnumber/index.js";
+export { InputOTP } from "./inputotp/index.js";
+export { Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider } from "./layout/index.js";
+export { Loading } from "./loading/index.js";
+export { LoadingBar, LoadingBarProvider, useLoadingBar } from "./loadingbar/index.js";
+export { Masonry } from "./masonry/index.js";
+export { Mentions } from "./mentions/index.js";
+export { Menu } from "./menu/index.js";
+export { Message, MessageProvider, useMessage } from "./message/index.js";
+export { Modal } from "./modal/index.js";
+export { Notification, NotificationProvider, useNotification } from "./notification/index.js";
+export { Pagination } from "./pagination/index.js";
+export { Popconfirm } from "./popconfirm/index.js";
+export { Popover } from "./popover/index.js";
+export { Progress } from "./progress/index.js";
+export { QRCode } from "./qrcode/index.js";
+export { Radio, RadioGroup } from "./radio/index.js";
+export { Rate } from "./rate/index.js";
+export { Result } from "./result/index.js";
+export { ScrollArea } from "./scrollarea/index.js";
+export { Scrollbar } from "./scrollbar/index.js";
+export { Segmented } from "./segmented/index.js";
+export { Select } from "./select/index.js";
+export { Skeleton } from "./skeleton/index.js";
+export { Slider } from "./slider/index.js";
+export { Space } from "./space/index.js";
+export { ResizablePanels, Splitter } from "./splitter/index.js";
+export { Countdown, Statistic } from "./statistic/index.js";
+export { Steps } from "./steps/index.js";
+export { Switch } from "./switch/index.js";
+export { Table, TableBody, TableCaption, TableCell, TableColumnHeader, TableEmpty, TableError, TableFooter, TableHeader, TableLoading, TableRow } from "./table/index.js";
+export { Tabs } from "./tabs/index.js";
+export { CheckableTag, Tag, TagGroup } from "./tag/index.js";
+export { Textarea } from "./textarea/index.js";
+export { Timeline } from "./timeline/index.js";
+export { TimePicker } from "./timepicker/index.js";
+export { TimeRangePicker } from "./timerangepicker/index.js";
+export { Tooltip } from "./tooltip/index.js";
+export { Tour } from "./tour/index.js";
+export { Transfer } from "./transfer/index.js";
+export { Tree, moveTreeNode } from "./tree/index.js";
+export { TreeSelect } from "./treeselect/index.js";
+export { Link, Paragraph, Text, Title, Typography } from "./typography/index.js";
+export { Upload } from "./upload/index.js";
+export { VirtualList } from "./virtuallist/index.js";

package/dist/esm/browser/modules/infinitescroll/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { InfiniteScroll } from "./infinitescroll.js";