asterui 0.12.48 → 0.12.50

package/dist/components/Hero.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.js","sources":["../../src/components/Hero.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface HeroProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  overlay?: boolean\n  contentClassName?: string\n}\n\nexport function Hero({\n  children,\n  overlay = false,\n  contentClassName = '',\n  className = '',\n  ...rest\n}: HeroProps) {\n  const heroClasses = ['hero', className].filter(Boolean).join(' ')\n  const contentClasses = ['hero-content', contentClassName].filter(Boolean).join(' ')\n\n  return (\n    <div className={heroClasses} {...rest}>\n      {overlay && <div className=\"hero-overlay bg-opacity-60\" />}\n      <div className={contentClasses}>{children}</div>\n    </div>\n  )\n}\n\nHero.displayName = 'Hero'\n\nexport default Hero\n"],"names":["Hero","children","overlay","contentClassName","className","rest","heroClasses","contentClasses","jsxs","jsx"],"mappings":";AAQO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,kBAAAC,IAAmB;AAAA,EACnB,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAc,CAAC,QAAQF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1DG,IAAiB,CAAC,gBAAgBJ,CAAgB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAElF,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAWF,GAAc,GAAGD,GAC9B,UAAA;AAAA,IAAAH,KAAW,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BAAA,CAA6B;AAAA,IACxD,gBAAAA,EAAC,OAAA,EAAI,WAAWF,GAAiB,UAAAN,EAAA,CAAS;AAAA,EAAA,GAC5C;AAEJ;AAEAD,EAAK,cAAc;"}
+{"version":3,"file":"Hero.js","sources":["../../src/components/Hero.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dHero = 'hero'\nconst dHeroOverlay = 'hero-overlay'\nconst dHeroContent = 'hero-content'\n\nexport interface HeroProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  overlay?: boolean\n  contentClassName?: string\n}\n\nexport function Hero({\n  children,\n  overlay = false,\n  contentClassName = '',\n  className = '',\n  ...rest\n}: HeroProps) {\n  const heroClasses = [dHero, className].filter(Boolean).join(' ')\n  const contentClasses = [dHeroContent, contentClassName].filter(Boolean).join(' ')\n\n  return (\n    <div className={heroClasses} {...rest}>\n      {overlay && <div className={`${dHeroOverlay} bg-opacity-60`} />}\n      <div className={contentClasses}>{children}</div>\n    </div>\n  )\n}\n\nHero.displayName = 'Hero'\n\nexport default Hero\n"],"names":["dHero","dHeroOverlay","dHeroContent","Hero","children","overlay","contentClassName","className","rest","heroClasses","contentClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAQ,QACRC,IAAe,gBACfC,IAAe;AAQd,SAASC,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,kBAAAC,IAAmB;AAAA,EACnB,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAc,CAACT,GAAOO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACzDG,IAAiB,CAACR,GAAcI,CAAgB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEhF,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAWF,GAAc,GAAGD,GAC9B,UAAA;AAAA,IAAAH,KAAW,gBAAAO,EAAC,OAAA,EAAI,WAAW,GAAGX,CAAY,kBAAkB;AAAA,IAC7D,gBAAAW,EAAC,OAAA,EAAI,WAAWF,GAAiB,UAAAN,EAAA,CAAS;AAAA,EAAA,GAC5C;AAEJ;AAEAD,EAAK,cAAc;"}

package/dist/components/HoverGallery.js

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-const i = ({
+const s = "hover-gallery", i = ({
   images: l,
-  alts: m = [],
-  className: a = ""
+  alts: a = [],
+  className: m = ""
 }) => {
-  const t = l.slice(0, 10);
-  return /* @__PURE__ */ e("figure", { className: `hover-gallery ${a}`.trim(), children: t.map((o, r) => /* @__PURE__ */ e(
+  const o = l.slice(0, 10);
+  return /* @__PURE__ */ e("figure", { className: `${s} ${m}`.trim(), children: o.map((t, r) => /* @__PURE__ */ e(
     "img",
     {
-      src: o,
-      alt: m[r] || `Image ${r + 1}`
+      src: t,
+      alt: a[r] || `Image ${r + 1}`
     },
     r
   )) });

package/dist/components/HoverGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverGallery.js","sources":["../../src/components/HoverGallery.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface HoverGalleryProps {\n  /** Image sources (2-10 images) */\n  images: string[]\n  /** Alt text for images (optional, uses index if not provided) */\n  alts?: string[]\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const HoverGallery: React.FC<HoverGalleryProps> = ({\n  images,\n  alts = [],\n  className = '',\n}) => {\n  // DaisyUI supports up to 10 images\n  const limitedImages = images.slice(0, 10)\n\n  return (\n    <figure className={`hover-gallery ${className}`.trim()}>\n      {limitedImages.map((src, index) => (\n        <img\n          key={index}\n          src={src}\n          alt={alts[index] || `Image ${index + 1}`}\n        />\n      ))}\n    </figure>\n  )\n}\n"],"names":["HoverGallery","images","alts","className","limitedImages","jsx","src","index"],"mappings":";AAWO,MAAMA,IAA4C,CAAC;AAAA,EACxD,QAAAC;AAAA,EACA,MAAAC,IAAO,CAAA;AAAA,EACP,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IAAgBH,EAAO,MAAM,GAAG,EAAE;AAExC,SACE,gBAAAI,EAAC,UAAA,EAAO,WAAW,iBAAiBF,CAAS,GAAG,KAAA,GAC7C,UAAAC,EAAc,IAAI,CAACE,GAAKC,MACvB,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAAC;AAAA,MACA,KAAKJ,EAAKK,CAAK,KAAK,SAASA,IAAQ,CAAC;AAAA,IAAA;AAAA,IAFjCA;AAAA,EAAA,CAIR,GACH;AAEJ;"}
+{"version":3,"file":"HoverGallery.js","sources":["../../src/components/HoverGallery.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dHoverGallery = 'hover-gallery'\n\nexport interface HoverGalleryProps {\n  /** Image sources (2-10 images) */\n  images: string[]\n  /** Alt text for images (optional, uses index if not provided) */\n  alts?: string[]\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const HoverGallery: React.FC<HoverGalleryProps> = ({\n  images,\n  alts = [],\n  className = '',\n}) => {\n  // DaisyUI supports up to 10 images\n  const limitedImages = images.slice(0, 10)\n\n  return (\n    <figure className={`${dHoverGallery} ${className}`.trim()}>\n      {limitedImages.map((src, index) => (\n        <img\n          key={index}\n          src={src}\n          alt={alts[index] || `Image ${index + 1}`}\n        />\n      ))}\n    </figure>\n  )\n}\n"],"names":["dHoverGallery","HoverGallery","images","alts","className","limitedImages","jsx","src","index"],"mappings":";AAGA,MAAMA,IAAgB,iBAWTC,IAA4C,CAAC;AAAA,EACxD,QAAAC;AAAA,EACA,MAAAC,IAAO,CAAA;AAAA,EACP,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IAAgBH,EAAO,MAAM,GAAG,EAAE;AAExC,SACE,gBAAAI,EAAC,UAAA,EAAO,WAAW,GAAGN,CAAa,IAAII,CAAS,GAAG,KAAA,GAChD,UAAAC,EAAc,IAAI,CAACE,GAAKC,MACvB,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAAC;AAAA,MACA,KAAKJ,EAAKK,CAAK,KAAK,SAASA,IAAQ,CAAC;AAAA,IAAA;AAAA,IAFjCA;AAAA,EAAA,CAIR,GACH;AAEJ;"}

package/dist/components/Image.js

@@ -1,6 +1,6 @@
-import { jsxs as p, Fragment as F, jsx as a } from "react/jsx-runtime";
+import { jsxs as p, Fragment as F, jsx as t } from "react/jsx-runtime";
 import { forwardRef as z, useState as h, useEffect as W, useCallback as i } from "react";
-const H = z(
+const H = "btn", R = "btn-circle", V = "btn-sm", q = z(
   ({
     src: l,
     alt: n = "",
@@ -9,36 +9,36 @@ const H = z(
     preview: s = !0,
     width: d,
     height: m,
-    className: N = "",
+    className: C = "",
     onLoad: k,
     onError: w,
     "data-testid": o = "image",
-    ...$
+    ...N
   }, j) => {
-    const [t, g] = h(!0), [r, v] = h(!1), [L, u] = h(!1), [P, x] = h(l);
+    const [a, g] = h(!0), [r, v] = h(!1), [L, u] = h(!1), [P, x] = h(l);
     W(() => {
       g(!0), v(!1), x(l);
     }, [l]);
-    const D = i(() => {
+    const B = i(() => {
       g(!1), v(!1), k?.();
-    }, [k]), E = i(() => {
+    }, [k]), S = i(() => {
       g(!1), v(!0), c && x(c), w?.();
-    }, [c, w]), S = i(() => {
-      s && !r && !t && u(!0);
-    }, [s, r, t]), C = i(() => {
+    }, [c, w]), D = i(() => {
+      s && !r && !a && u(!0);
+    }, [s, r, a]), $ = i(() => {
       u(!1);
-    }, []), K = i(
+    }, []), E = i(
       (e) => {
-        s && !r && !t && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(!0));
+        s && !r && !a && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(!0));
       },
-      [s, r, t]
-    ), M = i((e) => {
+      [s, r, a]
+    ), K = i((e) => {
       e.key === "Escape" && u(!1);
     }, []), b = () => {
       const e = {};
       return d && (e.width = typeof d == "number" ? `${d}px` : d), m && (e.height = typeof m == "number" ? `${m}px` : m), e;
-    }, f = s && !r && !t, B = [
-      N,
+    }, f = s && !r && !a, M = [
+      C,
       f ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ p(F, { children: [
@@ -48,9 +48,9 @@ const H = z(
           className: "relative inline-block",
           style: b(),
           "data-testid": o,
-          "data-state": t ? "loading" : r ? "error" : "loaded",
+          "data-state": a ? "loading" : r ? "error" : "loaded",
           children: [
-            t && y && /* @__PURE__ */ a(
+            a && y && /* @__PURE__ */ t(
               "div",
               {
                 className: "absolute inset-0 flex items-center justify-center bg-base-200",
@@ -58,26 +58,26 @@ const H = z(
                 children: y
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ t(
               "img",
               {
                 ref: j,
-                ...$,
+                ...N,
                 src: P,
                 alt: n,
-                className: B,
-                style: { ...b(), display: t ? "none" : "block" },
-                onLoad: D,
-                onError: E,
-                onClick: S,
-                onKeyDown: K,
+                className: M,
+                style: { ...b(), display: a ? "none" : "block" },
+                onLoad: B,
+                onError: S,
+                onClick: D,
+                onKeyDown: E,
                 tabIndex: f ? 0 : void 0,
                 role: f ? "button" : void 0,
                 "aria-label": f ? `${n || "Image"} (click to preview)` : void 0,
                 "data-testid": `${o}-img`
               }
             ),
-            r && !c && /* @__PURE__ */ a(
+            r && !c && /* @__PURE__ */ t(
               "div",
               {
                 className: "flex items-center justify-center bg-base-200 text-base-content/50",
@@ -85,7 +85,7 @@ const H = z(
                 "data-testid": `${o}-error`,
                 role: "img",
                 "aria-label": `Failed to load: ${n || "image"}`,
-                children: /* @__PURE__ */ a(
+                children: /* @__PURE__ */ t(
                   "svg",
                   {
                     className: "w-12 h-12",
@@ -93,7 +93,7 @@ const H = z(
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ a(
+                    children: /* @__PURE__ */ t(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -109,26 +109,26 @@ const H = z(
           ]
         }
       ),
-      L && /* @__PURE__ */ a(
+      L && /* @__PURE__ */ t(
         "div",
         {
           className: "fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4",
-          onClick: C,
-          onKeyDown: M,
+          onClick: $,
+          onKeyDown: K,
           role: "dialog",
           "aria-modal": "true",
           "aria-label": `Preview: ${n || "Image"}`,
           "data-testid": `${o}-preview`,
           children: /* @__PURE__ */ p("div", { className: "relative max-w-full max-h-full", children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ t(
               "button",
               {
-                className: "absolute top-4 right-4 btn btn-circle btn-sm",
-                onClick: C,
+                className: `absolute top-4 right-4 ${H} ${R} ${V}`,
+                onClick: $,
                 "aria-label": "Close preview",
                 autoFocus: !0,
                 "data-testid": `${o}-preview-close`,
-                children: /* @__PURE__ */ a(
+                children: /* @__PURE__ */ t(
                   "svg",
                   {
                     className: "w-6 h-6",
@@ -136,7 +136,7 @@ const H = z(
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ a(
+                    children: /* @__PURE__ */ t(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -149,7 +149,7 @@ const H = z(
                 )
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ t(
               "img",
               {
                 src: l,
@@ -165,8 +165,8 @@ const H = z(
     ] });
   }
 );
-H.displayName = "Image";
+q.displayName = "Image";
 export {
-  H as Image
+  q as Image
 };
 //# sourceMappingURL=Image.js.map

package/dist/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../src/components/Image.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, useCallback } from 'react'\n\nexport interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {\n  /** Image source URL */\n  src: string\n  /** Alternative text for the image */\n  alt?: string\n  /** Fallback image URL when source fails to load */\n  fallback?: string\n  /** Placeholder content shown while loading */\n  placeholder?: React.ReactNode\n  /** Enable click to preview image in lightbox */\n  preview?: boolean\n  /** Image width */\n  width?: string | number\n  /** Image height */\n  height?: string | number\n  /** Additional CSS classes */\n  className?: string\n  /** Callback when image loads successfully */\n  onLoad?: () => void\n  /** Callback when image fails to load */\n  onError?: () => void\n  /** Test ID for the component */\n  'data-testid'?: string\n}\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n  (\n    {\n      src,\n      alt = '',\n      fallback,\n      placeholder,\n      preview = true,\n      width,\n      height,\n      className = '',\n      onLoad,\n      onError,\n      'data-testid': testId = 'image',\n      ...props\n    },\n    ref\n  ) => {\n    const [loading, setLoading] = useState(true)\n    const [error, setError] = useState(false)\n    const [showPreview, setShowPreview] = useState(false)\n    const [currentSrc, setCurrentSrc] = useState(src)\n\n    useEffect(() => {\n      setLoading(true)\n      setError(false)\n      setCurrentSrc(src)\n    }, [src])\n\n    const handleLoad = useCallback(() => {\n      setLoading(false)\n      setError(false)\n      onLoad?.()\n    }, [onLoad])\n\n    const handleError = useCallback(() => {\n      setLoading(false)\n      setError(true)\n      if (fallback) {\n        setCurrentSrc(fallback)\n      }\n      onError?.()\n    }, [fallback, onError])\n\n    const handleImageClick = useCallback(() => {\n      if (preview && !error && !loading) {\n        setShowPreview(true)\n      }\n    }, [preview, error, loading])\n\n    const handleClosePreview = useCallback(() => {\n      setShowPreview(false)\n    }, [])\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (preview && !error && !loading && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault()\n          setShowPreview(true)\n        }\n      },\n      [preview, error, loading]\n    )\n\n    const handlePreviewKeyDown = useCallback((e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setShowPreview(false)\n      }\n    }, [])\n\n    const getStyle = (): React.CSSProperties => {\n      const style: React.CSSProperties = {}\n      if (width) {\n        style.width = typeof width === 'number' ? `${width}px` : width\n      }\n      if (height) {\n        style.height = typeof height === 'number' ? `${height}px` : height\n      }\n      return style\n    }\n\n    const isPreviewable = preview && !error && !loading\n    const imageClasses = [\n      className,\n      isPreviewable ? 'cursor-pointer hover:opacity-80 transition-opacity' : '',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <>\n        <div\n          className=\"relative inline-block\"\n          style={getStyle()}\n          data-testid={testId}\n          data-state={loading ? 'loading' : error ? 'error' : 'loaded'}\n        >\n          {loading && placeholder && (\n            <div\n              className=\"absolute inset-0 flex items-center justify-center bg-base-200\"\n              data-testid={`${testId}-placeholder`}\n            >\n              {placeholder}\n            </div>\n          )}\n          <img\n            ref={ref}\n            {...props}\n            src={currentSrc}\n            alt={alt}\n            className={imageClasses}\n            style={{ ...getStyle(), display: loading ? 'none' : 'block' }}\n            onLoad={handleLoad}\n            onError={handleError}\n            onClick={handleImageClick}\n            onKeyDown={handleKeyDown}\n            tabIndex={isPreviewable ? 0 : undefined}\n            role={isPreviewable ? 'button' : undefined}\n            aria-label={isPreviewable ? `${alt || 'Image'} (click to preview)` : undefined}\n            data-testid={`${testId}-img`}\n          />\n          {error && !fallback && (\n            <div\n              className=\"flex items-center justify-center bg-base-200 text-base-content/50\"\n              style={getStyle()}\n              data-testid={`${testId}-error`}\n              role=\"img\"\n              aria-label={`Failed to load: ${alt || 'image'}`}\n            >\n              <svg\n                className=\"w-12 h-12\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n                />\n              </svg>\n            </div>\n          )}\n        </div>\n\n        {showPreview && (\n          <div\n            className=\"fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4\"\n            onClick={handleClosePreview}\n            onKeyDown={handlePreviewKeyDown}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={`Preview: ${alt || 'Image'}`}\n            data-testid={`${testId}-preview`}\n          >\n            <div className=\"relative max-w-full max-h-full\">\n              <button\n                className=\"absolute top-4 right-4 btn btn-circle btn-sm\"\n                onClick={handleClosePreview}\n                aria-label=\"Close preview\"\n                autoFocus\n                data-testid={`${testId}-preview-close`}\n              >\n                <svg\n                  className=\"w-6 h-6\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  aria-hidden=\"true\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n              <img\n                src={src}\n                alt={alt}\n                className=\"max-w-full max-h-[90vh] object-contain\"\n                onClick={(e) => e.stopPropagation()}\n                data-testid={`${testId}-preview-img`}\n              />\n            </div>\n          </div>\n        )}\n      </>\n    )\n  }\n)\n\nImage.displayName = 'Image'\n"],"names":["Image","forwardRef","src","alt","fallback","placeholder","preview","width","height","className","onLoad","onError","testId","props","ref","loading","setLoading","useState","error","setError","showPreview","setShowPreview","currentSrc","setCurrentSrc","useEffect","handleLoad","useCallback","handleError","handleImageClick","handleClosePreview","handleKeyDown","handlePreviewKeyDown","getStyle","style","isPreviewable","imageClasses","jsxs","Fragment","jsx"],"mappings":"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"}
+{"version":3,"file":"Image.js","sources":["../../src/components/Image.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, useCallback } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnCircle = 'btn-circle'\nconst dBtnSm = 'btn-sm'\n\nexport interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {\n  /** Image source URL */\n  src: string\n  /** Alternative text for the image */\n  alt?: string\n  /** Fallback image URL when source fails to load */\n  fallback?: string\n  /** Placeholder content shown while loading */\n  placeholder?: React.ReactNode\n  /** Enable click to preview image in lightbox */\n  preview?: boolean\n  /** Image width */\n  width?: string | number\n  /** Image height */\n  height?: string | number\n  /** Additional CSS classes */\n  className?: string\n  /** Callback when image loads successfully */\n  onLoad?: () => void\n  /** Callback when image fails to load */\n  onError?: () => void\n  /** Test ID for the component */\n  'data-testid'?: string\n}\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n  (\n    {\n      src,\n      alt = '',\n      fallback,\n      placeholder,\n      preview = true,\n      width,\n      height,\n      className = '',\n      onLoad,\n      onError,\n      'data-testid': testId = 'image',\n      ...props\n    },\n    ref\n  ) => {\n    const [loading, setLoading] = useState(true)\n    const [error, setError] = useState(false)\n    const [showPreview, setShowPreview] = useState(false)\n    const [currentSrc, setCurrentSrc] = useState(src)\n\n    useEffect(() => {\n      setLoading(true)\n      setError(false)\n      setCurrentSrc(src)\n    }, [src])\n\n    const handleLoad = useCallback(() => {\n      setLoading(false)\n      setError(false)\n      onLoad?.()\n    }, [onLoad])\n\n    const handleError = useCallback(() => {\n      setLoading(false)\n      setError(true)\n      if (fallback) {\n        setCurrentSrc(fallback)\n      }\n      onError?.()\n    }, [fallback, onError])\n\n    const handleImageClick = useCallback(() => {\n      if (preview && !error && !loading) {\n        setShowPreview(true)\n      }\n    }, [preview, error, loading])\n\n    const handleClosePreview = useCallback(() => {\n      setShowPreview(false)\n    }, [])\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (preview && !error && !loading && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault()\n          setShowPreview(true)\n        }\n      },\n      [preview, error, loading]\n    )\n\n    const handlePreviewKeyDown = useCallback((e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setShowPreview(false)\n      }\n    }, [])\n\n    const getStyle = (): React.CSSProperties => {\n      const style: React.CSSProperties = {}\n      if (width) {\n        style.width = typeof width === 'number' ? `${width}px` : width\n      }\n      if (height) {\n        style.height = typeof height === 'number' ? `${height}px` : height\n      }\n      return style\n    }\n\n    const isPreviewable = preview && !error && !loading\n    const imageClasses = [\n      className,\n      isPreviewable ? 'cursor-pointer hover:opacity-80 transition-opacity' : '',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <>\n        <div\n          className=\"relative inline-block\"\n          style={getStyle()}\n          data-testid={testId}\n          data-state={loading ? 'loading' : error ? 'error' : 'loaded'}\n        >\n          {loading && placeholder && (\n            <div\n              className=\"absolute inset-0 flex items-center justify-center bg-base-200\"\n              data-testid={`${testId}-placeholder`}\n            >\n              {placeholder}\n            </div>\n          )}\n          <img\n            ref={ref}\n            {...props}\n            src={currentSrc}\n            alt={alt}\n            className={imageClasses}\n            style={{ ...getStyle(), display: loading ? 'none' : 'block' }}\n            onLoad={handleLoad}\n            onError={handleError}\n            onClick={handleImageClick}\n            onKeyDown={handleKeyDown}\n            tabIndex={isPreviewable ? 0 : undefined}\n            role={isPreviewable ? 'button' : undefined}\n            aria-label={isPreviewable ? `${alt || 'Image'} (click to preview)` : undefined}\n            data-testid={`${testId}-img`}\n          />\n          {error && !fallback && (\n            <div\n              className=\"flex items-center justify-center bg-base-200 text-base-content/50\"\n              style={getStyle()}\n              data-testid={`${testId}-error`}\n              role=\"img\"\n              aria-label={`Failed to load: ${alt || 'image'}`}\n            >\n              <svg\n                className=\"w-12 h-12\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n                />\n              </svg>\n            </div>\n          )}\n        </div>\n\n        {showPreview && (\n          <div\n            className=\"fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4\"\n            onClick={handleClosePreview}\n            onKeyDown={handlePreviewKeyDown}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={`Preview: ${alt || 'Image'}`}\n            data-testid={`${testId}-preview`}\n          >\n            <div className=\"relative max-w-full max-h-full\">\n              <button\n                className={`absolute top-4 right-4 ${dBtn} ${dBtnCircle} ${dBtnSm}`}\n                onClick={handleClosePreview}\n                aria-label=\"Close preview\"\n                autoFocus\n                data-testid={`${testId}-preview-close`}\n              >\n                <svg\n                  className=\"w-6 h-6\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  aria-hidden=\"true\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n              <img\n                src={src}\n                alt={alt}\n                className=\"max-w-full max-h-[90vh] object-contain\"\n                onClick={(e) => e.stopPropagation()}\n                data-testid={`${testId}-preview-img`}\n              />\n            </div>\n          </div>\n        )}\n      </>\n    )\n  }\n)\n\nImage.displayName = 'Image'\n"],"names":["dBtn","dBtnCircle","dBtnSm","Image","forwardRef","src","alt","fallback","placeholder","preview","width","height","className","onLoad","onError","testId","props","ref","loading","setLoading","useState","error","setError","showPreview","setShowPreview","currentSrc","setCurrentSrc","useEffect","handleLoad","useCallback","handleError","handleImageClick","handleClosePreview","handleKeyDown","handlePreviewKeyDown","getStyle","style","isPreviewable","imageClasses","jsxs","Fragment","jsx"],"mappings":"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"}