@discuss-ds/ui 0.9.0 → 0.9.1

package/dist/index.d.cts

@@ -586,7 +586,7 @@ interface MediaInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tit
 }
 declare function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...props }: MediaInfoProps): React.JSX.Element;
 interface ImagePreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** The image (an `<img>` filling the area). Leave empty for the placeholder fill. */
+    /** The image (an `<img>`). The preview area is as tall as the image at full width, up to 336px. Leave empty for the fixed-height placeholder fill. */
     children?: React.ReactNode;
     name: string;
     details?: string[];

package/dist/index.d.ts

@@ -586,7 +586,7 @@ interface MediaInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tit
 }
 declare function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...props }: MediaInfoProps): React.JSX.Element;
 interface ImagePreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** The image (an `<img>` filling the area). Leave empty for the placeholder fill. */
+    /** The image (an `<img>`). The preview area is as tall as the image at full width, up to 336px. Leave empty for the fixed-height placeholder fill. */
     children?: React.ReactNode;
     name: string;
     details?: string[];

package/dist/index.js

@@ -2249,7 +2249,17 @@ function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...
 }
 var ImagePreview = React37.forwardRef(
   ({ className, children, name, details, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs27("div", { ref, className: cn("flex w-full flex-col overflow-hidden rounded-lg border border-border", className), ...props, children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex h-84 w-full items-center justify-center bg-accent-soft [&>img]:size-full [&>img]:object-contain", children }),
+    /* @__PURE__ */ jsx38(
+      "div",
+      {
+        className: cn(
+          "flex w-full items-center justify-center bg-accent-soft",
+          // With an image the area hugs it (full width, its own height, at most 336px tall); the empty placeholder keeps the fixed height.
+          children ? "[&>img]:block [&>img]:h-auto [&>img]:max-h-84 [&>img]:w-full [&>img]:object-contain" : "h-84"
+        ),
+        children
+      }
+    ),
     /* @__PURE__ */ jsx38(MediaInfo, { name, details, onRemove, large: true })
   ] })
 );