@uniweb/kit 0.9.4 → 0.9.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/kit",
-  "version": "0.9.4",
+  "version": "0.9.5",
   "description": "Standard component library for Uniweb foundations",
   "type": "module",
   "exports": {
@@ -38,7 +38,7 @@
     "fuse.js": "^7.0.0",
     "shiki": "^3.0.0",
     "tailwind-merge": "^2.6.0",
-    "@uniweb/core": "0.7.4"
+    "@uniweb/core": "0.7.5"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/components/Image/Image.jsx

@@ -92,6 +92,9 @@ export function Image({
     src,
     url,
     alt = "",
+    caption,
+    figureClassName,
+    captionClassName,
     href,
     rounded,
     filter,
@@ -184,16 +187,27 @@ export function Image({
         />
     );
 
-    // Wrap in link if href provided
-    if (href) {
+    // Wrap in link if href provided. The link wraps the bare <img>; if a
+    // caption is also set, the figure wraps the link below.
+    const linked = href
+        ? <Link to={href} className="inline-block">{imageElement}</Link>
+        : imageElement;
+
+    // Caption present → wrap in <figure>/<figcaption> for HTML/EPUB output.
+    // Foundations that prefer their own figure styling can pass a richer
+    // wrapper component instead; this is the kit-level default.
+    if (caption) {
         return (
-            <Link to={href} className="inline-block">
-                {imageElement}
-            </Link>
+            <figure className={cn("uniweb-figure my-4", figureClassName)}>
+                {linked}
+                <figcaption className={cn("uniweb-figcaption text-sm text-subtle mt-2", captionClassName)}>
+                    {caption}
+                </figcaption>
+            </figure>
         );
     }
 
-    return imageElement;
+    return linked;
 }
 
 export default Image;