@sth87/shadcn-design-system 0.0.1

package/dist/esm/components/Glass/Glass.js

@@ -0,0 +1,93 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { cn as a } from "@dsui/ui/index";
+import { cva as r } from "class-variance-authority";
+import "react";
+r(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+const c = ({ className: t, children: n }) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: a(
+      "relative inline-flex overflow-hidden cursor-pointer shadow-[0_6px_6px_rgba(0,0,0,0.2),0_0_20px_rgba(0,0,0,0.1)] transition-all duration-400 ease-[cubic-bezier(0.175,0.885,0.32,2.2)] p-0 rounded-md",
+      t
+    ),
+    children: [
+      /* @__PURE__ */ e("div", { className: "absolute z-0 inset-0 backdrop-blur-[2.5px] overflow-hidden isolate [filter:url(#glass-distortion)] rounded-[inherit]" }),
+      /* @__PURE__ */ e("div", { className: "z-[1] absolute inset-0 bg-white/25 rounded-[inherit]" }),
+      /* @__PURE__ */ e("div", { className: "absolute inset-0 z-[2] overflow-hidden shadow-[inset_2px_2px_1px_0_rgba(255,255,255,0.5),inset_-1px_-1px_1px_1px_rgba(255,255,255,0.5)] rounded-[inherit]" }),
+      /* @__PURE__ */ e("div", { className: "z-[3] relative", children: /* @__PURE__ */ e("div", { className: "text-foreground [text-shadow:0px_1px_3px_rgba(255, 255, 255, 0.3)] transition-all duration-100 ease-in inline-flex gap-2", children: n }) }),
+      /* @__PURE__ */ e("svg", { className: "hidden", children: /* @__PURE__ */ i(
+        "filter",
+        {
+          id: "glass-distortion",
+          x: "0%",
+          y: "0%",
+          width: "100%",
+          height: "100%",
+          filterUnits: "objectBoundingBox",
+          children: [
+            /* @__PURE__ */ e(
+              "feTurbulence",
+              {
+                type: "fractalNoise",
+                baseFrequency: "0.01 0.01",
+                numOctaves: "1",
+                seed: "5",
+                result: "turbulence"
+              }
+            ),
+            /* @__PURE__ */ i("feComponentTransfer", { in: "turbulence", result: "mapped", children: [
+              /* @__PURE__ */ e("feFuncR", { type: "gamma", amplitude: "1", exponent: "10", offset: "0.5" }),
+              /* @__PURE__ */ e("feFuncG", { type: "gamma", amplitude: "0", exponent: "1", offset: "0" }),
+              /* @__PURE__ */ e("feFuncB", { type: "gamma", amplitude: "0", exponent: "1", offset: "0.5" })
+            ] }),
+            /* @__PURE__ */ e("feGaussianBlur", { in: "turbulence", stdDeviation: "3", result: "softMap" }),
+            /* @__PURE__ */ e(
+              "feSpecularLighting",
+              {
+                in: "softMap",
+                surfaceScale: "5",
+                specularConstant: "1",
+                specularExponent: "100",
+                "lighting-color": "white",
+                result: "specLight",
+                children: /* @__PURE__ */ e("fePointLight", { x: "-200", y: "-200", z: "300" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "feComposite",
+              {
+                in: "specLight",
+                operator: "arithmetic",
+                k1: "0",
+                k2: "1",
+                k3: "1",
+                k4: "0",
+                result: "litImage"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "feDisplacementMap",
+              {
+                in: "SourceGraphic",
+                in2: "softMap",
+                scale: "120",
+                xChannelSelector: "R",
+                yChannelSelector: "G"
+              }
+            )
+          ]
+        }
+      ) })
+    ]
+  }
+);
+export {
+  c as default
+};
+//# sourceMappingURL=Glass.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Glass.js","sources":["../../../../src/components/Glass/Glass.tsx"],"sourcesContent":["import { cn } from \"@dsui/ui/index\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport React from \"react\";\n\nconst glassVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {},\n    defaultVariants: {},\n  },\n);\n\ntype GlassProps = {\n  className?: string;\n  children?: React.ReactNode;\n} & VariantProps<typeof glassVariants>;\n\nconst Glass: React.FC<GlassProps> = ({ className, children }) => {\n  return (\n    <div\n      className={cn(\n        \"relative inline-flex overflow-hidden cursor-pointer shadow-[0_6px_6px_rgba(0,0,0,0.2),0_0_20px_rgba(0,0,0,0.1)] transition-all duration-400 ease-[cubic-bezier(0.175,0.885,0.32,2.2)] p-0 rounded-md\",\n        className,\n      )}\n    >\n      <div className=\"absolute z-0 inset-0 backdrop-blur-[2.5px] overflow-hidden isolate [filter:url(#glass-distortion)] rounded-[inherit]\"></div>\n      <div className=\"z-[1] absolute inset-0 bg-white/25 rounded-[inherit]\"></div>\n      <div className=\"absolute inset-0 z-[2] overflow-hidden shadow-[inset_2px_2px_1px_0_rgba(255,255,255,0.5),inset_-1px_-1px_1px_1px_rgba(255,255,255,0.5)] rounded-[inherit]\"></div>\n      <div className=\"z-[3] relative\">\n        <div className=\"text-foreground [text-shadow:0px_1px_3px_rgba(255, 255, 255, 0.3)] transition-all duration-100 ease-in inline-flex gap-2\">\n          {children}\n        </div>\n      </div>\n      <svg className=\"hidden\">\n        <filter\n          id=\"glass-distortion\"\n          x=\"0%\"\n          y=\"0%\"\n          width=\"100%\"\n          height=\"100%\"\n          filterUnits=\"objectBoundingBox\"\n        >\n          <feTurbulence\n            type=\"fractalNoise\"\n            baseFrequency=\"0.01 0.01\"\n            numOctaves=\"1\"\n            seed=\"5\"\n            result=\"turbulence\"\n          />\n\n          <feComponentTransfer in=\"turbulence\" result=\"mapped\">\n            <feFuncR type=\"gamma\" amplitude=\"1\" exponent=\"10\" offset=\"0.5\" />\n            <feFuncG type=\"gamma\" amplitude=\"0\" exponent=\"1\" offset=\"0\" />\n            <feFuncB type=\"gamma\" amplitude=\"0\" exponent=\"1\" offset=\"0.5\" />\n          </feComponentTransfer>\n\n          <feGaussianBlur in=\"turbulence\" stdDeviation=\"3\" result=\"softMap\" />\n\n          <feSpecularLighting\n            in=\"softMap\"\n            surfaceScale=\"5\"\n            specularConstant=\"1\"\n            specularExponent=\"100\"\n            lighting-color=\"white\"\n            result=\"specLight\"\n          >\n            <fePointLight x=\"-200\" y=\"-200\" z=\"300\" />\n          </feSpecularLighting>\n\n          <feComposite\n            in=\"specLight\"\n            operator=\"arithmetic\"\n            k1=\"0\"\n            k2=\"1\"\n            k3=\"1\"\n            k4=\"0\"\n            result=\"litImage\"\n          />\n\n          <feDisplacementMap\n            in=\"SourceGraphic\"\n            in2=\"softMap\"\n            scale=\"120\"\n            xChannelSelector=\"R\"\n            yChannelSelector=\"G\"\n          />\n        </filter>\n      </svg>\n    </div>\n  );\n};\n\nexport default Glass;\n"],"names":["cva","Glass","className","children","jsxs","cn","jsx"],"mappings":";;;;AAIsBA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU,CAAA;AAAA,IACV,iBAAiB,CAAA;AAAA,EAAC;AAEtB;AAOA,MAAMC,IAA8B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QAE9C,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,uHAAA,CAAuH;AAAA,MACtI,gBAAAA,EAAC,OAAA,EAAI,WAAU,uDAAA,CAAuD;AAAA,MACtE,gBAAAA,EAAC,OAAA,EAAI,WAAU,4JAAA,CAA4J;AAAA,MAC3K,gBAAAA,EAAC,SAAI,WAAU,kBACb,4BAAC,OAAA,EAAI,WAAU,4HACZ,UAAAH,EAAA,CACH,EAAA,CACF;AAAA,MACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,UACb,UAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UACP,aAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,eAAc;AAAA,gBACd,YAAW;AAAA,gBACX,MAAK;AAAA,gBACL,QAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAGT,gBAAAF,EAAC,uBAAA,EAAoB,IAAG,cAAa,QAAO,UAC1C,UAAA;AAAA,cAAA,gBAAAE,EAAC,WAAA,EAAQ,MAAK,SAAQ,WAAU,KAAI,UAAS,MAAK,QAAO,MAAA,CAAM;AAAA,cAC/D,gBAAAA,EAAC,aAAQ,MAAK,SAAQ,WAAU,KAAI,UAAS,KAAI,QAAO,IAAA,CAAI;AAAA,cAC5D,gBAAAA,EAAC,aAAQ,MAAK,SAAQ,WAAU,KAAI,UAAS,KAAI,QAAO,MAAA,CAAM;AAAA,YAAA,GAChE;AAAA,8BAEC,kBAAA,EAAe,IAAG,cAAa,cAAa,KAAI,QAAO,WAAU;AAAA,YAElE,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,cAAa;AAAA,gBACb,kBAAiB;AAAA,gBACjB,kBAAiB;AAAA,gBACjB,kBAAe;AAAA,gBACf,QAAO;AAAA,gBAEP,4BAAC,gBAAA,EAAa,GAAE,QAAO,GAAE,QAAO,GAAE,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAG1C,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,UAAS;AAAA,gBACT,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,QAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAGT,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,kBAAiB;AAAA,gBACjB,kBAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UACnB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/esm/components/ImageViewer/ImageViewer.css

@@ -0,0 +1 @@
+.image-viewer-antd-style{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}.image-viewer-antd-style .react-viewer-canvas{background-color:#0000004d!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important}.image-viewer-antd-style .react-viewer-canvas.react-viewer-transition{animation:fadeIn .3s ease-in-out!important}.image-viewer-antd-style .react-viewer-close{top:24px!important;right:24px!important;width:48px!important;height:48px!important;background:#00000080!important;border-radius:50%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;opacity:.85!important;display:flex!important;align-items:center!important;justify-content:center!important}.image-viewer-antd-style .react-viewer-close:hover{background:#000000b3!important;transform:scale(1.1)!important;opacity:1!important}.image-viewer-antd-style .react-viewer-close>i{font-size:10px!important;color:#fff!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important}.image-viewer-antd-style .react-viewer-toolbar{position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%,50%)!important;background:#000c!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:8px!important;padding:8px 16px!important;box-shadow:0 4px 12px #0000004d!important;z-index:1001!important;display:flex!important;flex-direction:row!important;align-items:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.image-viewer-antd-style .react-viewer-toolbar li{width:40px!important;height:40px!important;margin:0 4px!important;border-radius:4px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important}.image-viewer-antd-style .react-viewer-toolbar li:hover{background:#ffffff1a!important}.image-viewer-antd-style .react-viewer-toolbar li[data-key=disabled]{opacity:.3!important;cursor:not-allowed!important}.image-viewer-antd-style .react-viewer-btn{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:100%!important;width:24px!important;height:24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;opacity:.85!important;display:flex!important;align-items:center!important;justify-content:center!important}.image-viewer-antd-style .react-viewer-btn:hover{background:#0003!important;opacity:1!important}.image-viewer-antd-style .react-viewer-btn-prev{left:16px!important}.image-viewer-antd-style .react-viewer-btn-next{right:16px!important}.image-viewer-antd-style .react-viewer-navbar{margin-bottom:30px!important;background:none!important}.image-viewer-antd-style .react-viewer-image{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease!important;z-index:1000!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;cursor:default!important}.image-viewer-antd-style .react-viewer-image img{-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important}.image-viewer-antd-style .react-viewer-image-transition{animation:imageZoomIn .3s cubic-bezier(.4,0,.2,1)!important}.image-viewer-antd-style .react-viewer-loading{border:2px solid rgba(255,255,255,.3)!important;border-top-color:#fff!important}.image-viewer-antd-style .react-viewer-mask{background-color:#0000004d!important;-webkit-backdrop-filter:blur(0px)!important;backdrop-filter:blur(0px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.image-viewer-antd-style .react-viewer-footer{color:#ffffffd9!important;padding:16px 32px!important;font-size:16px!important}.image-viewer-antd-style .react-viewer-footer>p{display:none!important}.image-viewer-antd-style .react-viewer-attribute,.image-viewer-antd-style p.react-viewer-attribute,.image-viewer-antd-style .react-viewer-attributes{display:none!important}.image-viewer-antd-style .react-viewer-list{position:fixed!important;bottom:50px!important;left:50%!important;transform:translate(-50%)!important;z-index:999!important;display:flex!important;gap:8px!important;max-width:90vw!important;overflow-x:auto!important;transition:opacity .3s ease!important;height:60px!important;text-align:center!important;margin-left:0!important}.image-viewer-antd-style .react-viewer-list>li{display:inline-block!important;width:auto!important;height:auto!important}.image-viewer-antd-style .react-viewer-list-item{border:2px solid transparent!important;border-radius:4px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:60px!important;height:60px!important;margin:0 4px!important;cursor:pointer!important}.image-viewer-antd-style .react-viewer-list-item:hover{border-color:#ffffff4d!important}.image-viewer-antd-style .react-viewer-list-item-active{border-color:#fff!important}@media(prefers-color-scheme:dark){.image-viewer-antd-style .react-viewer-canvas{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media(max-width:768px){.image-viewer-antd-style .react-viewer-close{top:12px!important;right:12px!important;width:40px!important;height:40px!important}.image-viewer-antd-style .react-viewer-close>i{position:static}.image-viewer-antd-style .react-viewer-toolbar{bottom:16px!important;padding:6px 12px!important}.image-viewer-antd-style .react-viewer-toolbar li{width:36px!important;height:36px!important;margin:0 2px!important}.image-viewer-antd-style .react-viewer-btn{width:40px!important;height:40px!important}.image-viewer-antd-style .react-viewer-btn-prev{left:8px!important}.image-viewer-antd-style .react-viewer-btn-next{right:8px!important}}

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

@@ -0,0 +1,273 @@
+import { jsx as e, jsxs as g, Fragment as _ } from "react/jsx-runtime";
+import F, { useState as u, useEffect as W, useCallback as v } from "react";
+import Z from "../../_virtual/index.js";
+import { cn as N } from "@dsui/ui/lib/utils";
+import { ZoomIn as $ } from "lucide-react";
+/* empty css                                                                             */
+/* empty css                */
+const L = ({
+  images: a,
+  visible: d = !1,
+  onClose: n,
+  activeIndex: s = 0,
+  onIndexChange: l,
+  zoomSpeed: w = 0.1,
+  disableKeyboardSupport: c = !1,
+  noNavbar: i = !1,
+  noToolbar: h = !1,
+  rotatable: f = !0,
+  scalable: p = !0,
+  changeable: j = !0,
+  noClose: U = !1,
+  minScale: b = 0.1,
+  maxScale: k = 50,
+  defaultScale: x = 1,
+  className: C,
+  downloadable: P = !1,
+  noImgDetails: y = !1,
+  noResetZoomAfterChange: E = !1,
+  drag: R = !1
+}) => {
+  const [m, I] = u(s);
+  W(() => {
+    I(s);
+  }, [s]);
+  const V = v(() => {
+    n?.();
+  }, [n]), G = v(
+    (r, t) => {
+      I(t), l?.(t);
+    },
+    [l]
+  ), M = v(() => {
+    const r = a[m], t = r.downloadUrl || r.src, o = document.createElement("a");
+    o.href = t, o.download = r.alt || `image-${m + 1}`, fetch(t).then((O) => O.blob()).then((O) => {
+      const T = window.URL.createObjectURL(O);
+      o.href = T, document.body.appendChild(o), o.click(), document.body.removeChild(o), window.URL.revokeObjectURL(T);
+    }).catch(() => {
+    });
+  }, [a, m]), D = a.map((r) => ({
+    src: r.src,
+    alt: r.alt || "",
+    downloadUrl: r.downloadUrl || r.src
+  }));
+  return /* @__PURE__ */ e(
+    Z,
+    {
+      visible: d,
+      onClose: V,
+      onMaskClick: V,
+      images: D,
+      activeIndex: m,
+      onChange: G,
+      zoomSpeed: w,
+      disableKeyboardSupport: c,
+      noNavbar: i,
+      noToolbar: h,
+      rotatable: f,
+      scalable: p,
+      changeable: j,
+      noClose: U,
+      minScale: b,
+      maxScale: k,
+      defaultScale: x,
+      className: N("image-viewer-antd-style", C),
+      downloadable: P,
+      noImgDetails: y,
+      noResetZoomAfterChange: E,
+      showTotal: !0,
+      drag: R,
+      customToolbar: (r) => r.map((t) => t.key === "download" ? {
+        ...t,
+        actionType: void 0,
+        // Remove default action
+        onClick: void 0,
+        render: /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "react-viewer-icon react-viewer-download",
+            title: "Download",
+            style: {
+              background: "none",
+              border: "none",
+              cursor: "pointer",
+              padding: 0
+            },
+            onClick: (o) => {
+              o.preventDefault(), o.stopPropagation(), M();
+            },
+            children: /* @__PURE__ */ g(
+              "svg",
+              {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: [
+                  /* @__PURE__ */ e(
+                    "path",
+                    {
+                      d: "M10 3v10m0 0l-4-4m4 4l4-4",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "rect",
+                    {
+                      x: "4",
+                      y: "17",
+                      width: "12",
+                      height: "2",
+                      rx: "1",
+                      fill: "currentColor"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      } : t)
+    }
+  );
+};
+L.displayName = "ImageViewer";
+const B = ({
+  src: a,
+  alt: d = "",
+  width: n,
+  height: s,
+  preview: l = !0,
+  previewSrc: w,
+  fallback: c,
+  placeholder: i,
+  className: h,
+  wrapperClassName: f,
+  onPreviewClick: p,
+  onError: j,
+  ...U
+}) => {
+  const [b, k] = u(!0), [x, C] = u(!1), [P, y] = u(!1), E = () => {
+    k(!1), C(!1);
+  }, R = (D) => {
+    k(!1), C(!0), j?.(D);
+  }, m = () => {
+    l && (y(!0), p?.());
+  }, I = () => {
+    y(!1);
+  }, V = b && i, G = x && c, M = l && !b && !x;
+  return /* @__PURE__ */ g(_, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: N(
+          "ds-image-viewer-root relative inline-block",
+          f
+        ),
+        children: /* @__PURE__ */ g("div", { className: "relative inline-block", children: [
+          V && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute inset-0 flex items-center justify-center bg-muted animate-pulse",
+              style: { width: n, height: s },
+              children: i === !0 ? /* @__PURE__ */ e("div", { className: "w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" }) : i
+            }
+          ),
+          /* @__PURE__ */ e(
+            "img",
+            {
+              src: G ? c : a,
+              alt: d,
+              width: n,
+              height: s,
+              className: N(
+                "ds-image-viewer-img max-w-full h-auto align-middle",
+                b && "opacity-0",
+                h
+              ),
+              onLoad: E,
+              onError: R,
+              ...U
+            }
+          ),
+          M && /* @__PURE__ */ e(
+            "div",
+            {
+              onClick: m,
+              className: N(
+                "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"
+              ),
+              children: /* @__PURE__ */ g("div", { className: "text-white text-sm flex items-center gap-2", children: [
+                /* @__PURE__ */ e($, { className: "w-5 h-5" }),
+                /* @__PURE__ */ e("span", { children: "Preview" })
+              ] })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      L,
+      {
+        images: [{ src: w || a, alt: d }],
+        visible: P,
+        onClose: I,
+        rotatable: !0,
+        scalable: !0,
+        downloadable: !0
+      }
+    )
+  ] });
+};
+B.displayName = "ImageViewer.Image";
+const S = ({
+  children: a,
+  images: d,
+  preview: n = !0
+}) => {
+  const [s, l] = u(!1), [w, c] = u(0), i = v((p) => {
+    c(p), l(!0);
+  }, []), h = v(() => {
+    l(!1);
+  }, []), f = F.useMemo(
+    () => ({
+      handlePreview: i,
+      preview: n
+    }),
+    [i, n]
+  );
+  return /* @__PURE__ */ g(_, { children: [
+    /* @__PURE__ */ e(q.Provider, { value: f, children: a }),
+    /* @__PURE__ */ e(
+      L,
+      {
+        images: d,
+        visible: s,
+        onClose: h,
+        activeIndex: w,
+        onIndexChange: c,
+        rotatable: !0,
+        scalable: !0,
+        downloadable: !0
+      }
+    )
+  ] });
+};
+S.displayName = "ImageViewer.Group";
+const q = F.createContext(null);
+Object.assign(L, {
+  Image: B,
+  Group: S
+});
+export {
+  L as ImageViewer,
+  S as ImageViewerGroup,
+  B as ImageViewerImage
+};
+//# sourceMappingURL=ImageViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageViewer.js","sources":["../../../../src/components/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport Viewer from \"react-viewer\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { ZoomIn } from \"lucide-react\";\nimport \"viewerjs/dist/viewer.css\";\nimport \"./ImageViewer.css\";\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\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  return (\n    <Viewer\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) => {\n        // Replace download button with a custom-rendered button to prevent viewer state change\n        return toolbars.map((toolbar) => {\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":["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","useEffect","handleClose","useCallback","handleIndexChange","_activeImage","index","handleDownload","currentImage","downloadUrl","link","response","blob","url","viewerImages","img","jsx","Viewer","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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"}