@sth87/shadcn-design-system 0.0.36 → 0.1.0

package/dist/esm/components/ImageViewer/ImageViewer.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as v, Fragment as F } from "react/jsx-runtime";
-import B, { useState as d, useEffect as _, useCallback as C } from "react";
+import B, { useState as c, useEffect as _, useCallback as C } from "react";
 import { ZoomIn as q } from "lucide-react";
 import "@radix-ui/react-slot";
 import "../../packages/ui/src/components/button.js";
@@ -38,12 +38,12 @@ typeof window < "u" && import("../../_virtual/index.js").then((r) => r.i).then((
 const j = ({
   images: r,
   visible: m = !1,
-  onClose: i,
-  activeIndex: a = 0,
-  onIndexChange: s,
+  onClose: n,
+  activeIndex: i = 0,
+  onIndexChange: a,
   zoomSpeed: w = 0.1,
-  disableKeyboardSupport: c = !1,
-  noNavbar: l = !1,
+  disableKeyboardSupport: l = !1,
+  noNavbar: d = !1,
   noToolbar: f = !1,
   rotatable: h = !0,
   scalable: b = !0,
@@ -58,26 +58,26 @@ const j = ({
   noResetZoomAfterChange: R = !1,
   drag: G = !1
 }) => {
-  const [u, V] = d(a), [p, M] = d(null);
+  const [u, V] = c(i), [p, M] = c(null);
   _(() => {
     typeof window < "u" && !p && import("../../_virtual/index.js").then((e) => e.i).then((e) => {
       M(() => e.default);
     });
   }, [p]), _(() => {
-    V(a);
-  }, [a]);
+    V(i);
+  }, [i]);
   const N = C(() => {
-    i?.();
-  }, [i]), D = C(
+    n?.();
+  }, [n]), D = C(
     (e, o) => {
-      V(o), s?.(o);
+      V(o), a?.(o);
     },
-    [s]
+    [a]
   ), Z = C(() => {
-    const e = r[u], o = e.downloadUrl || e.src, n = document.createElement("a");
-    n.href = o, n.download = e.alt || `image-${u + 1}`, fetch(o).then((O) => O.blob()).then((O) => {
+    const e = r[u], o = e.downloadUrl || e.src, s = document.createElement("a");
+    s.href = o, s.download = e.alt || `image-${u + 1}`, fetch(o).then((O) => O.blob()).then((O) => {
       const T = window.URL.createObjectURL(O);
-      n.href = T, document.body.appendChild(n), n.click(), document.body.removeChild(n), window.URL.revokeObjectURL(T);
+      s.href = T, document.body.appendChild(s), s.click(), document.body.removeChild(s), window.URL.revokeObjectURL(T);
     }).catch(() => {
     });
   }, [r, u]), $ = r.map((e) => ({
@@ -95,8 +95,8 @@ const j = ({
       activeIndex: u,
       onChange: D,
       zoomSpeed: w,
-      disableKeyboardSupport: c,
-      noNavbar: l,
+      disableKeyboardSupport: l,
+      noNavbar: d,
       noToolbar: f,
       rotatable: h,
       scalable: b,
@@ -105,7 +105,7 @@ const j = ({
       minScale: g,
       maxScale: k,
       defaultScale: y,
-      className: L("image-viewer-antd-style", x),
+      className: L("ds:image-viewer-antd-style", x),
       downloadable: E,
       noImgDetails: I,
       noResetZoomAfterChange: R,
@@ -120,7 +120,7 @@ const j = ({
           "button",
           {
             type: "button",
-            className: "react-viewer-icon react-viewer-download",
+            className: "ds:react-viewer-icon ds:react-viewer-download",
             title: "Download",
             style: {
               background: "none",
@@ -128,8 +128,8 @@ const j = ({
               cursor: "pointer",
               padding: 0
             },
-            onClick: (n) => {
-              n.preventDefault(), n.stopPropagation(), Z();
+            onClick: (s) => {
+              s.preventDefault(), s.stopPropagation(), Z();
             },
             children: /* @__PURE__ */ v(
               "svg",
@@ -174,54 +174,54 @@ j.displayName = "ImageViewer";
 const S = ({
   src: r,
   alt: m = "",
-  width: i,
-  height: a,
-  preview: s = !0,
+  width: n,
+  height: i,
+  preview: a = !0,
   previewSrc: w,
-  fallback: c,
-  placeholder: l,
+  fallback: l,
+  placeholder: d,
   className: f,
   wrapperClassName: h,
   onPreviewClick: b,
   onError: U,
   ...P
 }) => {
-  const [g, k] = d(!0), [y, x] = d(!1), [E, I] = d(!1), R = () => {
+  const [g, k] = c(!0), [y, x] = c(!1), [E, I] = c(!1), R = () => {
     k(!1), x(!1);
   }, G = (D) => {
     k(!1), x(!0), U?.(D);
   }, u = () => {
-    s && (I(!0), b?.());
+    a && (I(!0), b?.());
   }, V = () => {
     I(!1);
-  }, p = g && l, M = y && c, N = s && !g && !y;
+  }, p = g && d, M = y && l, N = a && !g && !y;
   return /* @__PURE__ */ v(F, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: L(
-          "ds-image-viewer-root relative inline-block",
+          "ds:ds-image-viewer-root ds:relative ds:inline-block",
           h
         ),
-        children: /* @__PURE__ */ v("div", { className: "relative inline-block", children: [
+        children: /* @__PURE__ */ v("div", { className: "ds:relative ds:inline-block", children: [
           p && /* @__PURE__ */ t(
             "div",
             {
-              className: "absolute inset-0 flex items-center justify-center bg-muted animate-pulse",
-              style: { width: i, height: a },
-              children: l === !0 ? /* @__PURE__ */ t("div", { className: "w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" }) : l
+              className: "ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:bg-muted ds:animate-pulse",
+              style: { width: n, height: i },
+              children: d === !0 ? /* @__PURE__ */ t("div", { className: "ds:w-8 ds:h-8 ds:border-2 ds:border-primary ds:border-t-transparent ds:rounded-full ds:animate-spin" }) : d
             }
           ),
           /* @__PURE__ */ t(
             "img",
             {
-              src: M ? c : r,
+              src: M ? l : r,
               alt: m,
-              width: i,
-              height: a,
+              width: n,
+              height: i,
               className: L(
-                "ds-image-viewer-img max-w-full h-auto align-middle",
-                g && "opacity-0",
+                "ds:ds-image-viewer-img ds:max-w-full ds:h-auto ds:align-middle",
+                g && "ds:opacity-0",
                 f
               ),
               onLoad: R,
@@ -234,11 +234,11 @@ const S = ({
             {
               onClick: u,
               className: L(
-                "ds-image-viewer-mask absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer",
-                "bg-black/50 backdrop-blur-sm"
+                "ds:ds-image-viewer-mask ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:opacity-0 ds:hover:opacity-100 ds:transition-opacity ds:cursor-pointer",
+                "ds:bg-black/50 ds:backdrop-blur-sm"
               ),
-              children: /* @__PURE__ */ v("div", { className: "text-white text-sm flex items-center gap-2", children: [
-                /* @__PURE__ */ t(q, { className: "w-5 h-5" }),
+              children: /* @__PURE__ */ v("div", { className: "ds:text-white ds:text-sm ds:flex ds:items-center ds:gap-2", children: [
+                /* @__PURE__ */ t(q, { className: "ds:w-5 ds:h-5" }),
                 /* @__PURE__ */ t("span", { children: "Preview" })
               ] })
             }
@@ -263,18 +263,18 @@ S.displayName = "ImageViewer.Image";
 const W = ({
   children: r,
   images: m,
-  preview: i = !0
+  preview: n = !0
 }) => {
-  const [a, s] = d(!1), [w, c] = d(0), l = C((b) => {
-    c(b), s(!0);
+  const [i, a] = c(!1), [w, l] = c(0), d = C((b) => {
+    l(b), a(!0);
   }, []), f = C(() => {
-    s(!1);
+    a(!1);
   }, []), h = B.useMemo(
     () => ({
-      handlePreview: l,
-      preview: i
+      handlePreview: d,
+      preview: n
     }),
-    [l, i]
+    [d, n]
   );
   return /* @__PURE__ */ v(F, { children: [
     /* @__PURE__ */ t(z.Provider, { value: h, children: r }),
@@ -282,10 +282,10 @@ const W = ({
       j,
       {
         images: m,
-        visible: a,
+        visible: i,
         onClose: f,
         activeIndex: w,
-        onIndexChange: c,
+        onIndexChange: l,
         rotatable: !0,
         scalable: !0,
         downloadable: !0

package/dist/esm/components/ImageViewer/ImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.js","sources":["../../../../src/components/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { ZoomIn } from \"lucide-react\";\nimport { cn } from \"@dsui/ui/index\";\n\n// Dynamic import for react-viewer to avoid SSR issues\nlet Viewer: any = null;\nif (typeof window !== \"undefined\") {\n  import(\"react-viewer\").then((module) => {\n    Viewer = module.default;\n  });\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ImageInfo {\n  src: string;\n  alt?: string;\n  downloadUrl?: string;\n}\n\nexport interface ImageViewerProps {\n  images: ImageInfo[];\n  visible?: boolean;\n  onClose?: () => void;\n  activeIndex?: number;\n  onIndexChange?: (_index: number) => void;\n  zoomSpeed?: number;\n  disableKeyboardSupport?: boolean;\n  noNavbar?: boolean;\n  noToolbar?: boolean;\n  rotatable?: boolean;\n  scalable?: boolean;\n  changeable?: boolean;\n  noClose?: boolean;\n  minScale?: number;\n  maxScale?: number;\n  defaultScale?: number;\n  className?: string;\n  downloadable?: boolean;\n  noImgDetails?: boolean;\n  noResetZoomAfterChange?: boolean;\n  drag?: boolean;\n}\n\nexport interface ImageViewerImageProps\n  extends React.ImgHTMLAttributes<HTMLImageElement> {\n  src: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  preview?: boolean;\n  previewSrc?: string;\n  fallback?: string;\n  placeholder?: React.ReactNode | boolean;\n  className?: string;\n  wrapperClassName?: string;\n  onPreviewClick?: () => void;\n}\n\n// ============================================================================\n// ImageViewer Component\n// ============================================================================\n\nexport const ImageViewer: React.FC<ImageViewerProps> = ({\n  images,\n  visible = false,\n  onClose,\n  activeIndex = 0,\n  onIndexChange,\n  zoomSpeed = 0.1,\n  disableKeyboardSupport = false,\n  noNavbar = false,\n  noToolbar = false,\n  rotatable = true,\n  scalable = true,\n  changeable = true,\n  noClose = false,\n  minScale = 0.1,\n  maxScale = 50,\n  defaultScale = 1,\n  className,\n  downloadable = false,\n  noImgDetails = false,\n  noResetZoomAfterChange = false,\n  drag = false,\n}) => {\n  const [currentIndex, setCurrentIndex] = useState(activeIndex);\n  const [ViewerComponent, setViewerComponent] = useState<any>(null);\n\n  // Load Viewer dynamically on client-side only\n  useEffect(() => {\n    if (typeof window !== \"undefined\" && !ViewerComponent) {\n      import(\"react-viewer\").then((module) => {\n        setViewerComponent(() => module.default);\n      });\n    }\n  }, [ViewerComponent]);\n\n  useEffect(() => {\n    setCurrentIndex(activeIndex);\n  }, [activeIndex]);\n\n  const handleClose = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const handleIndexChange = useCallback(\n    (_activeImage: any, index: number) => {\n      setCurrentIndex(index);\n      onIndexChange?.(index);\n    },\n    [onIndexChange]\n  );\n\n  // Handle download to save file locally\n  const handleDownload = useCallback(() => {\n    const currentImage = images[currentIndex];\n    const downloadUrl = currentImage.downloadUrl || currentImage.src;\n\n    // Create a temporary anchor element to trigger download\n    const link = document.createElement(\"a\");\n    link.href = downloadUrl;\n    link.download = currentImage.alt || `image-${currentIndex + 1}`;\n\n    // For cross-origin images, try to download via fetch\n    fetch(downloadUrl)\n      .then((response) => response.blob())\n      .then((blob) => {\n        const url = window.URL.createObjectURL(blob);\n        link.href = url;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        window.URL.revokeObjectURL(url);\n      })\n      .catch(() => {\n        // Fallback: do nothing if fetch fails\n      });\n  }, [images, currentIndex]);\n\n  // Transform images to include downloadUrl\n  const viewerImages = images.map((img) => ({\n    src: img.src,\n    alt: img.alt || \"\",\n    downloadUrl: img.downloadUrl || img.src,\n  }));\n\n  // Don't render until Viewer is loaded\n  if (!ViewerComponent) {\n    return null;\n  }\n\n  return (\n    <ViewerComponent\n      visible={visible}\n      onClose={handleClose}\n      onMaskClick={handleClose}\n      images={viewerImages}\n      activeIndex={currentIndex}\n      onChange={handleIndexChange}\n      zoomSpeed={zoomSpeed}\n      disableKeyboardSupport={disableKeyboardSupport}\n      noNavbar={noNavbar}\n      noToolbar={noToolbar}\n      rotatable={rotatable}\n      scalable={scalable}\n      changeable={changeable}\n      noClose={noClose}\n      minScale={minScale}\n      maxScale={maxScale}\n      defaultScale={defaultScale}\n      className={cn(\"image-viewer-antd-style\", className)}\n      downloadable={downloadable}\n      noImgDetails={noImgDetails}\n      noResetZoomAfterChange={noResetZoomAfterChange}\n      showTotal={true}\n      drag={drag}\n      customToolbar={(toolbars: any) => {\n        // Replace download button with a custom-rendered button to prevent viewer state change\n        return toolbars.map((toolbar: any) => {\n          if (toolbar.key === \"download\") {\n            return {\n              ...toolbar,\n              actionType: undefined, // Remove default action\n              onClick: undefined,\n              render: (\n                <button\n                  type=\"button\"\n                  className=\"react-viewer-icon react-viewer-download\"\n                  title=\"Download\"\n                  style={{\n                    background: \"none\",\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    padding: 0,\n                  }}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    handleDownload();\n                  }}\n                >\n                  {/* SVG icon for download (Ant Design style) */}\n                  <svg\n                    width=\"20\"\n                    height=\"20\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M10 3v10m0 0l-4-4m4 4l4-4\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"1.5\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                    <rect\n                      x=\"4\"\n                      y=\"17\"\n                      width=\"12\"\n                      height=\"2\"\n                      rx=\"1\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                </button>\n              ),\n            };\n          }\n          return toolbar;\n        });\n      }}\n    />\n  );\n};\n\nImageViewer.displayName = \"ImageViewer\";\n\n// ============================================================================\n// ImageViewerImage Component (Wrapper for single image with preview)\n// ============================================================================\n\nexport const ImageViewerImage: React.FC<ImageViewerImageProps> = ({\n  src,\n  alt = \"\",\n  width,\n  height,\n  preview = true,\n  previewSrc,\n  fallback,\n  placeholder,\n  className,\n  wrapperClassName,\n  onPreviewClick,\n  onError,\n  ...props\n}) => {\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n  const [viewerVisible, setViewerVisible] = useState(false);\n\n  const handleLoad = () => {\n    setLoading(false);\n    setError(false);\n  };\n\n  const handleError = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    setLoading(false);\n    setError(true);\n    onError?.(e);\n  };\n\n  const handlePreview = () => {\n    if (!preview) return;\n    setViewerVisible(true);\n    onPreviewClick?.();\n  };\n\n  const handleCloseViewer = () => {\n    setViewerVisible(false);\n  };\n\n  const showPlaceholder = loading && placeholder;\n  const showFallback = error && fallback;\n  const showPreviewMask = preview && !loading && !error;\n\n  return (\n    <>\n      <div\n        className={cn(\n          \"ds-image-viewer-root relative inline-block\",\n          wrapperClassName\n        )}\n      >\n        <div className=\"relative inline-block\">\n          {showPlaceholder && (\n            <div\n              className=\"absolute inset-0 flex items-center justify-center bg-muted animate-pulse\"\n              style={{ width, height }}\n            >\n              {placeholder === true ? (\n                <div className=\"w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin\" />\n              ) : (\n                placeholder\n              )}\n            </div>\n          )}\n\n          <img\n            src={showFallback ? fallback : src}\n            alt={alt}\n            width={width}\n            height={height}\n            className={cn(\n              \"ds-image-viewer-img max-w-full h-auto align-middle\",\n              loading && \"opacity-0\",\n              className\n            )}\n            onLoad={handleLoad}\n            onError={handleError}\n            {...props}\n          />\n\n          {showPreviewMask && (\n            <div\n              onClick={handlePreview}\n              className={cn(\n                \"ds-image-viewer-mask absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity cursor-pointer\",\n                \"bg-black/50 backdrop-blur-sm\"\n              )}\n            >\n              <div className=\"text-white text-sm flex items-center gap-2\">\n                <ZoomIn className=\"w-5 h-5\" />\n                <span>Preview</span>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Viewer Modal */}\n      <ImageViewer\n        images={[{ src: previewSrc || src, alt }]}\n        visible={viewerVisible}\n        onClose={handleCloseViewer}\n        rotatable\n        scalable\n        downloadable\n      />\n    </>\n  );\n};\n\nImageViewerImage.displayName = \"ImageViewer.Image\";\n\n// ============================================================================\n// ImageViewerGroup Component\n// ============================================================================\n\ninterface ImageViewerGroupProps {\n  children: React.ReactNode;\n  images: ImageInfo[];\n  preview?: boolean;\n}\n\nexport const ImageViewerGroup: React.FC<ImageViewerGroupProps> = ({\n  children,\n  images,\n  preview = true,\n}) => {\n  const [viewerVisible, setViewerVisible] = useState(false);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const handlePreview = useCallback((index: number) => {\n    setCurrentIndex(index);\n    setViewerVisible(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setViewerVisible(false);\n  }, []);\n\n  const contextValue = React.useMemo(\n    () => ({\n      handlePreview,\n      preview,\n    }),\n    [handlePreview, preview]\n  );\n\n  return (\n    <>\n      <ImageViewerGroupContext.Provider value={contextValue}>\n        {children}\n      </ImageViewerGroupContext.Provider>\n\n      <ImageViewer\n        images={images}\n        visible={viewerVisible}\n        onClose={handleClose}\n        activeIndex={currentIndex}\n        onIndexChange={setCurrentIndex}\n        rotatable\n        scalable\n        downloadable\n      />\n    </>\n  );\n};\n\nImageViewerGroup.displayName = \"ImageViewer.Group\";\n\n// Context for Group\nconst ImageViewerGroupContext = React.createContext<{\n  handlePreview?: (_index: number) => void;\n  preview?: boolean;\n} | null>(null);\n\n// Export with namespace\nconst ImageViewerNamespace = Object.assign(ImageViewer, {\n  Image: ImageViewerImage,\n  Group: ImageViewerGroup,\n});\n\nexport default ImageViewerNamespace;\n"],"names":["n","module","ImageViewer","images","visible","onClose","activeIndex","onIndexChange","zoomSpeed","disableKeyboardSupport","noNavbar","noToolbar","rotatable","scalable","changeable","noClose","minScale","maxScale","defaultScale","className","downloadable","noImgDetails","noResetZoomAfterChange","drag","currentIndex","setCurrentIndex","useState","ViewerComponent","setViewerComponent","useEffect","handleClose","useCallback","handleIndexChange","_activeImage","index","handleDownload","currentImage","downloadUrl","link","response","blob","url","viewerImages","img","jsx","cn","toolbars","toolbar","e","jsxs","ImageViewerImage","src","alt","width","height","preview","previewSrc","fallback","placeholder","wrapperClassName","onPreviewClick","onError","props","loading","setLoading","error","setError","viewerVisible","setViewerVisible","handleLoad","handleError","handlePreview","handleCloseViewer","showPlaceholder","showFallback","showPreviewMask","Fragment","ZoomIn","ImageViewerGroup","children","contextValue","React","ImageViewerGroupContext"],"mappings":"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"}
+{"version":3,"file":"ImageViewer.js","sources":["../../../../src/components/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { ZoomIn } from \"lucide-react\";\nimport { cn } from \"@dsui/ui/index\";\n\n// Dynamic import for react-viewer to avoid SSR issues\nlet Viewer: any = null;\nif (typeof window !== \"undefined\") {\n  import(\"react-viewer\").then((module) => {\n    Viewer = module.default;\n  });\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ImageInfo {\n  src: string;\n  alt?: string;\n  downloadUrl?: string;\n}\n\nexport interface ImageViewerProps {\n  images: ImageInfo[];\n  visible?: boolean;\n  onClose?: () => void;\n  activeIndex?: number;\n  onIndexChange?: (_index: number) => void;\n  zoomSpeed?: number;\n  disableKeyboardSupport?: boolean;\n  noNavbar?: boolean;\n  noToolbar?: boolean;\n  rotatable?: boolean;\n  scalable?: boolean;\n  changeable?: boolean;\n  noClose?: boolean;\n  minScale?: number;\n  maxScale?: number;\n  defaultScale?: number;\n  className?: string;\n  downloadable?: boolean;\n  noImgDetails?: boolean;\n  noResetZoomAfterChange?: boolean;\n  drag?: boolean;\n}\n\nexport interface ImageViewerImageProps\n  extends React.ImgHTMLAttributes<HTMLImageElement> {\n  src: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  preview?: boolean;\n  previewSrc?: string;\n  fallback?: string;\n  placeholder?: React.ReactNode | boolean;\n  className?: string;\n  wrapperClassName?: string;\n  onPreviewClick?: () => void;\n}\n\n// ============================================================================\n// ImageViewer Component\n// ============================================================================\n\nexport const ImageViewer: React.FC<ImageViewerProps> = ({\n  images,\n  visible = false,\n  onClose,\n  activeIndex = 0,\n  onIndexChange,\n  zoomSpeed = 0.1,\n  disableKeyboardSupport = false,\n  noNavbar = false,\n  noToolbar = false,\n  rotatable = true,\n  scalable = true,\n  changeable = true,\n  noClose = false,\n  minScale = 0.1,\n  maxScale = 50,\n  defaultScale = 1,\n  className,\n  downloadable = false,\n  noImgDetails = false,\n  noResetZoomAfterChange = false,\n  drag = false,\n}) => {\n  const [currentIndex, setCurrentIndex] = useState(activeIndex);\n  const [ViewerComponent, setViewerComponent] = useState<any>(null);\n\n  // Load Viewer dynamically on client-side only\n  useEffect(() => {\n    if (typeof window !== \"undefined\" && !ViewerComponent) {\n      import(\"react-viewer\").then((module) => {\n        setViewerComponent(() => module.default);\n      });\n    }\n  }, [ViewerComponent]);\n\n  useEffect(() => {\n    setCurrentIndex(activeIndex);\n  }, [activeIndex]);\n\n  const handleClose = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const handleIndexChange = useCallback(\n    (_activeImage: any, index: number) => {\n      setCurrentIndex(index);\n      onIndexChange?.(index);\n    },\n    [onIndexChange]\n  );\n\n  // Handle download to save file locally\n  const handleDownload = useCallback(() => {\n    const currentImage = images[currentIndex];\n    const downloadUrl = currentImage.downloadUrl || currentImage.src;\n\n    // Create a temporary anchor element to trigger download\n    const link = document.createElement(\"a\");\n    link.href = downloadUrl;\n    link.download = currentImage.alt || `image-${currentIndex + 1}`;\n\n    // For cross-origin images, try to download via fetch\n    fetch(downloadUrl)\n      .then((response) => response.blob())\n      .then((blob) => {\n        const url = window.URL.createObjectURL(blob);\n        link.href = url;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        window.URL.revokeObjectURL(url);\n      })\n      .catch(() => {\n        // Fallback: do nothing if fetch fails\n      });\n  }, [images, currentIndex]);\n\n  // Transform images to include downloadUrl\n  const viewerImages = images.map((img) => ({\n    src: img.src,\n    alt: img.alt || \"\",\n    downloadUrl: img.downloadUrl || img.src,\n  }));\n\n  // Don't render until Viewer is loaded\n  if (!ViewerComponent) {\n    return null;\n  }\n\n  return (\n    <ViewerComponent\n      visible={visible}\n      onClose={handleClose}\n      onMaskClick={handleClose}\n      images={viewerImages}\n      activeIndex={currentIndex}\n      onChange={handleIndexChange}\n      zoomSpeed={zoomSpeed}\n      disableKeyboardSupport={disableKeyboardSupport}\n      noNavbar={noNavbar}\n      noToolbar={noToolbar}\n      rotatable={rotatable}\n      scalable={scalable}\n      changeable={changeable}\n      noClose={noClose}\n      minScale={minScale}\n      maxScale={maxScale}\n      defaultScale={defaultScale}\n      className={cn(\"ds:image-viewer-antd-style\", className)}\n      downloadable={downloadable}\n      noImgDetails={noImgDetails}\n      noResetZoomAfterChange={noResetZoomAfterChange}\n      showTotal={true}\n      drag={drag}\n      customToolbar={(toolbars: any) => {\n        // Replace download button with a custom-rendered button to prevent viewer state change\n        return toolbars.map((toolbar: any) => {\n          if (toolbar.key === \"download\") {\n            return {\n              ...toolbar,\n              actionType: undefined, // Remove default action\n              onClick: undefined,\n              render: (\n                <button\n                  type=\"button\"\n                  className=\"ds:react-viewer-icon ds:react-viewer-download\"\n                  title=\"Download\"\n                  style={{\n                    background: \"none\",\n                    border: \"none\",\n                    cursor: \"pointer\",\n                    padding: 0,\n                  }}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    handleDownload();\n                  }}\n                >\n                  {/* SVG icon for download (Ant Design style) */}\n                  <svg\n                    width=\"20\"\n                    height=\"20\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M10 3v10m0 0l-4-4m4 4l4-4\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"1.5\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    />\n                    <rect\n                      x=\"4\"\n                      y=\"17\"\n                      width=\"12\"\n                      height=\"2\"\n                      rx=\"1\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                </button>\n              ),\n            };\n          }\n          return toolbar;\n        });\n      }}\n    />\n  );\n};\n\nImageViewer.displayName = \"ImageViewer\";\n\n// ============================================================================\n// ImageViewerImage Component (Wrapper for single image with preview)\n// ============================================================================\n\nexport const ImageViewerImage: React.FC<ImageViewerImageProps> = ({\n  src,\n  alt = \"\",\n  width,\n  height,\n  preview = true,\n  previewSrc,\n  fallback,\n  placeholder,\n  className,\n  wrapperClassName,\n  onPreviewClick,\n  onError,\n  ...props\n}) => {\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n  const [viewerVisible, setViewerVisible] = useState(false);\n\n  const handleLoad = () => {\n    setLoading(false);\n    setError(false);\n  };\n\n  const handleError = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    setLoading(false);\n    setError(true);\n    onError?.(e);\n  };\n\n  const handlePreview = () => {\n    if (!preview) return;\n    setViewerVisible(true);\n    onPreviewClick?.();\n  };\n\n  const handleCloseViewer = () => {\n    setViewerVisible(false);\n  };\n\n  const showPlaceholder = loading && placeholder;\n  const showFallback = error && fallback;\n  const showPreviewMask = preview && !loading && !error;\n\n  return (\n    <>\n      <div\n        className={cn(\n          \"ds:ds-image-viewer-root ds:relative ds:inline-block\",\n          wrapperClassName\n        )}\n      >\n        <div className=\"ds:relative ds:inline-block\">\n          {showPlaceholder && (\n            <div\n              className=\"ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:bg-muted ds:animate-pulse\"\n              style={{ width, height }}\n            >\n              {placeholder === true ? (\n                <div className=\"ds:w-8 ds:h-8 ds:border-2 ds:border-primary ds:border-t-transparent ds:rounded-full ds:animate-spin\" />\n              ) : (\n                placeholder\n              )}\n            </div>\n          )}\n\n          <img\n            src={showFallback ? fallback : src}\n            alt={alt}\n            width={width}\n            height={height}\n            className={cn(\n              \"ds:ds-image-viewer-img ds:max-w-full ds:h-auto ds:align-middle\",\n              loading && \"ds:opacity-0\",\n              className\n            )}\n            onLoad={handleLoad}\n            onError={handleError}\n            {...props}\n          />\n\n          {showPreviewMask && (\n            <div\n              onClick={handlePreview}\n              className={cn(\n                \"ds:ds-image-viewer-mask ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:opacity-0 ds:hover:opacity-100 ds:transition-opacity ds:cursor-pointer\",\n                \"ds:bg-black/50 ds:backdrop-blur-sm\"\n              )}\n            >\n              <div className=\"ds:text-white ds:text-sm ds:flex ds:items-center ds:gap-2\">\n                <ZoomIn className=\"ds:w-5 ds:h-5\" />\n                <span>Preview</span>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Viewer Modal */}\n      <ImageViewer\n        images={[{ src: previewSrc || src, alt }]}\n        visible={viewerVisible}\n        onClose={handleCloseViewer}\n        rotatable\n        scalable\n        downloadable\n      />\n    </>\n  );\n};\n\nImageViewerImage.displayName = \"ImageViewer.Image\";\n\n// ============================================================================\n// ImageViewerGroup Component\n// ============================================================================\n\ninterface ImageViewerGroupProps {\n  children: React.ReactNode;\n  images: ImageInfo[];\n  preview?: boolean;\n}\n\nexport const ImageViewerGroup: React.FC<ImageViewerGroupProps> = ({\n  children,\n  images,\n  preview = true,\n}) => {\n  const [viewerVisible, setViewerVisible] = useState(false);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const handlePreview = useCallback((index: number) => {\n    setCurrentIndex(index);\n    setViewerVisible(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setViewerVisible(false);\n  }, []);\n\n  const contextValue = React.useMemo(\n    () => ({\n      handlePreview,\n      preview,\n    }),\n    [handlePreview, preview]\n  );\n\n  return (\n    <>\n      <ImageViewerGroupContext.Provider value={contextValue}>\n        {children}\n      </ImageViewerGroupContext.Provider>\n\n      <ImageViewer\n        images={images}\n        visible={viewerVisible}\n        onClose={handleClose}\n        activeIndex={currentIndex}\n        onIndexChange={setCurrentIndex}\n        rotatable\n        scalable\n        downloadable\n      />\n    </>\n  );\n};\n\nImageViewerGroup.displayName = \"ImageViewer.Group\";\n\n// Context for Group\nconst ImageViewerGroupContext = React.createContext<{\n  handlePreview?: (_index: number) => void;\n  preview?: boolean;\n} | null>(null);\n\n// Export with namespace\nconst ImageViewerNamespace = Object.assign(ImageViewer, {\n  Image: ImageViewerImage,\n  Group: ImageViewerGroup,\n});\n\nexport default ImageViewerNamespace;\n"],"names":["n","module","ImageViewer","images","visible","onClose","activeIndex","onIndexChange","zoomSpeed","disableKeyboardSupport","noNavbar","noToolbar","rotatable","scalable","changeable","noClose","minScale","maxScale","defaultScale","className","downloadable","noImgDetails","noResetZoomAfterChange","drag","currentIndex","setCurrentIndex","useState","ViewerComponent","setViewerComponent","useEffect","handleClose","useCallback","handleIndexChange","_activeImage","index","handleDownload","currentImage","downloadUrl","link","response","blob","url","viewerImages","img","jsx","cn","toolbars","toolbar","e","jsxs","ImageViewerImage","src","alt","width","height","preview","previewSrc","fallback","placeholder","wrapperClassName","onPreviewClick","onError","props","loading","setLoading","error","setError","viewerVisible","setViewerVisible","handleLoad","handleError","handlePreview","handleCloseViewer","showPlaceholder","showFallback","showPreviewMask","Fragment","ZoomIn","ImageViewerGroup","children","contextValue","React","ImageViewerGroupContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMI,OAAO,SAAW,OACpB,OAAO,yBAAc,EAAA,KAAA,CAAAA,MAAAA,EAAA,CAAA,EAAE,KAAK,CAACC,MAAW;AAC7B,EAAAA,EAAO;AAClB,CAAC;AAwDI,MAAMC,IAA0C,CAAC;AAAA,EACtD,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,wBAAAC,IAAyB;AAAA,EACzB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AACT,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASpB,CAAW,GACtD,CAACqB,GAAiBC,CAAkB,IAAIF,EAAc,IAAI;AAGhE,EAAAG,EAAU,MAAM;AACd,IAAI,OAAO,SAAW,OAAe,CAACF,KACpC,OAAO,yBAAc,EAAA,KAAA,CAAA3B,MAAAA,EAAA,CAAA,EAAE,KAAK,CAACC,MAAW;AACtC,MAAA2B,EAAmB,MAAM3B,EAAO,OAAO;AAAA,IACzC,CAAC;AAAA,EAEL,GAAG,CAAC0B,CAAe,CAAC,GAEpBE,EAAU,MAAM;AACd,IAAAJ,EAAgBnB,CAAW;AAAA,EAC7B,GAAG,CAACA,CAAW,CAAC;AAEhB,QAAMwB,IAAcC,EAAY,MAAM;AACpC,IAAA1B,IAAA;AAAA,EACF,GAAG,CAACA,CAAO,CAAC,GAEN2B,IAAoBD;AAAA,IACxB,CAACE,GAAmBC,MAAkB;AACpC,MAAAT,EAAgBS,CAAK,GACrB3B,IAAgB2B,CAAK;AAAA,IACvB;AAAA,IACA,CAAC3B,CAAa;AAAA,EAAA,GAIV4B,IAAiBJ,EAAY,MAAM;AACvC,UAAMK,IAAejC,EAAOqB,CAAY,GAClCa,IAAcD,EAAa,eAAeA,EAAa,KAGvDE,IAAO,SAAS,cAAc,GAAG;AACvC,IAAAA,EAAK,OAAOD,GACZC,EAAK,WAAWF,EAAa,OAAO,SAASZ,IAAe,CAAC,IAG7D,MAAMa,CAAW,EACd,KAAK,CAACE,MAAaA,EAAS,MAAM,EAClC,KAAK,CAACC,MAAS;AACd,YAAMC,IAAM,OAAO,IAAI,gBAAgBD,CAAI;AAC3C,MAAAF,EAAK,OAAOG,GACZ,SAAS,KAAK,YAAYH,CAAI,GAC9BA,EAAK,MAAA,GACL,SAAS,KAAK,YAAYA,CAAI,GAC9B,OAAO,IAAI,gBAAgBG,CAAG;AAAA,IAChC,CAAC,EACA,MAAM,MAAM;AAAA,IAEb,CAAC;AAAA,EACL,GAAG,CAACtC,GAAQqB,CAAY,CAAC,GAGnBkB,IAAevC,EAAO,IAAI,CAACwC,OAAS;AAAA,IACxC,KAAKA,EAAI;AAAA,IACT,KAAKA,EAAI,OAAO;AAAA,IAChB,aAAaA,EAAI,eAAeA,EAAI;AAAA,EAAA,EACpC;AAGF,SAAKhB,IAKH,gBAAAiB;AAAA,IAACjB;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,SAAS0B;AAAA,MACT,aAAaA;AAAA,MACb,QAAQY;AAAA,MACR,aAAalB;AAAA,MACb,UAAUQ;AAAA,MACV,WAAAxB;AAAA,MACA,wBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,WAAW2B,EAAG,8BAA8B1B,CAAS;AAAA,MACrD,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,WAAW;AAAA,MACX,MAAAC;AAAA,MACA,eAAe,CAACuB,MAEPA,EAAS,IAAI,CAACC,MACfA,EAAQ,QAAQ,aACX;AAAA,QACL,GAAGA;AAAA,QACH,YAAY;AAAA;AAAA,QACZ,SAAS;AAAA,QACT,QACE,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAM;AAAA,YACN,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,SAAS;AAAA,YAAA;AAAA,YAEX,SAAS,CAACI,MAAM;AACd,cAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFb,EAAA;AAAA,YACF;AAAA,YAGA,UAAA,gBAAAc;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBAEN,UAAA;AAAA,kBAAA,gBAAAL;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,GAAE;AAAA,sBACF,QAAO;AAAA,sBACP,aAAY;AAAA,sBACZ,eAAc;AAAA,sBACd,gBAAe;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEjB,gBAAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,GAAE;AAAA,sBACF,GAAE;AAAA,sBACF,OAAM;AAAA,sBACN,QAAO;AAAA,sBACP,IAAG;AAAA,sBACH,MAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACP;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,IAICG,CACR;AAAA,IACH;AAAA,EAAA,IAnFK;AAsFX;AAEA7C,EAAY,cAAc;AAMnB,MAAMgD,IAAoD,CAAC;AAAA,EAChE,KAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAvC;AAAA,EACA,kBAAAwC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAItC,EAAS,EAAI,GACrC,CAACuC,GAAOC,CAAQ,IAAIxC,EAAS,EAAK,GAClC,CAACyC,GAAeC,CAAgB,IAAI1C,EAAS,EAAK,GAElD2C,IAAa,MAAM;AACvB,IAAAL,EAAW,EAAK,GAChBE,EAAS,EAAK;AAAA,EAChB,GAEMI,IAAc,CAACtB,MAAqD;AACxE,IAAAgB,EAAW,EAAK,GAChBE,EAAS,EAAI,GACbL,IAAUb,CAAC;AAAA,EACb,GAEMuB,IAAgB,MAAM;AAC1B,IAAKhB,MACLa,EAAiB,EAAI,GACrBR,IAAA;AAAA,EACF,GAEMY,IAAoB,MAAM;AAC9B,IAAAJ,EAAiB,EAAK;AAAA,EACxB,GAEMK,IAAkBV,KAAWL,GAC7BgB,IAAeT,KAASR,GACxBkB,IAAkBpB,KAAW,CAACQ,KAAW,CAACE;AAEhD,SACE,gBAAAhB,EAAA2B,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAhC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAc;AAAA,QAAA;AAAA,QAGF,UAAA,gBAAAV,EAAC,OAAA,EAAI,WAAU,+BACZ,UAAA;AAAA,UAAAwB,KACC,gBAAA7B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAAS,GAAO,QAAAC,EAAA;AAAA,cAEf,gBAAgB,KACf,gBAAAV,EAAC,OAAA,EAAI,WAAU,uGAAsG,IAErHc;AAAA,YAAA;AAAA,UAAA;AAAA,UAKN,gBAAAd;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK8B,IAAejB,IAAWN;AAAA,cAC/B,KAAAC;AAAA,cACA,OAAAC;AAAA,cACA,QAAAC;AAAA,cACA,WAAWT;AAAA,gBACT;AAAA,gBACAkB,KAAW;AAAA,gBACX5C;AAAA,cAAA;AAAA,cAEF,QAAQkD;AAAA,cACR,SAASC;AAAA,cACR,GAAGR;AAAA,YAAA;AAAA,UAAA;AAAA,UAGLa,KACC,gBAAA/B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS2B;AAAA,cACT,WAAW1B;AAAA,gBACT;AAAA,gBACA;AAAA,cAAA;AAAA,cAGF,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,gBAAA,gBAAAL,EAACiC,GAAA,EAAO,WAAU,gBAAA,CAAgB;AAAA,gBAClC,gBAAAjC,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,cAAA,EAAA,CACf;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAIF,gBAAAA;AAAA,MAAC1C;AAAA,MAAA;AAAA,QACC,QAAQ,CAAC,EAAE,KAAKsD,KAAcL,GAAK,KAAAC,GAAK;AAAA,QACxC,SAASe;AAAA,QACT,SAASK;AAAA,QACT,WAAS;AAAA,QACT,UAAQ;AAAA,QACR,cAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAEAtB,EAAiB,cAAc;AAYxB,MAAM4B,IAAoD,CAAC;AAAA,EAChE,UAAAC;AAAA,EACA,QAAA5E;AAAA,EACA,SAAAoD,IAAU;AACZ,MAAM;AACJ,QAAM,CAACY,GAAeC,CAAgB,IAAI1C,EAAS,EAAK,GAClD,CAACF,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAE5C6C,IAAgBxC,EAAY,CAACG,MAAkB;AACnD,IAAAT,EAAgBS,CAAK,GACrBkC,EAAiB,EAAI;AAAA,EACvB,GAAG,CAAA,CAAE,GAECtC,IAAcC,EAAY,MAAM;AACpC,IAAAqC,EAAiB,EAAK;AAAA,EACxB,GAAG,CAAA,CAAE,GAECY,IAAeC,EAAM;AAAA,IACzB,OAAO;AAAA,MACL,eAAAV;AAAA,MACA,SAAAhB;AAAA,IAAA;AAAA,IAEF,CAACgB,GAAehB,CAAO;AAAA,EAAA;AAGzB,SACE,gBAAAN,EAAA2B,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAhC,EAACsC,EAAwB,UAAxB,EAAiC,OAAOF,GACtC,UAAAD,GACH;AAAA,IAEA,gBAAAnC;AAAA,MAAC1C;AAAA,MAAA;AAAA,QACC,QAAAC;AAAA,QACA,SAASgE;AAAA,QACT,SAASrC;AAAA,QACT,aAAaN;AAAA,QACb,eAAeC;AAAA,QACf,WAAS;AAAA,QACT,UAAQ;AAAA,QACR,cAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAEAqD,EAAiB,cAAc;AAG/B,MAAMI,IAA0BD,EAAM,cAG5B,IAAI;AAGe,OAAO,OAAO/E,GAAa;AAAA,EACtD,OAAOgD;AAAA,EACP,OAAO4B;AACT,CAAC;"}