@photoroom/ui 0.1.649 → 0.1.650

package/components/dialog/BrowserDialog/DialogSelectionThumbnail.d.ts

@@ -1,9 +1,11 @@
 export type DialogSelectionThumbnailProps = Readonly<{
-    /** Rendered in both stack layers, typically an `<img>` of the last selected item. */
+    /** The last selected item, typically an `<img>`. */
     image: React.ReactNode;
     /** Fans the stack out when more than one item is selected. */
     multiple?: boolean;
+    /** The item selected before `image`, shown on the back layer of the fanned-out stack. Falls back to `image`. */
+    previousImage?: React.ReactNode;
     className?: string;
 }>;
-export declare const DialogSelectionThumbnail: ({ image, multiple, className, }: DialogSelectionThumbnailProps) => import("react").JSX.Element;
+export declare const DialogSelectionThumbnail: ({ image, multiple, previousImage, className, }: DialogSelectionThumbnailProps) => import("react").JSX.Element;
 //# sourceMappingURL=DialogSelectionThumbnail.d.ts.map

package/components/dialog/BrowserDialog/DialogSelectionThumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogSelectionThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/BrowserDialog/DialogSelectionThumbnail.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,qFAAqF;IACrF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,wBAAwB,oCAIlC,6BAA6B,gCAgB/B,CAAC"}
+{"version":3,"file":"DialogSelectionThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/BrowserDialog/DialogSelectionThumbnail.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,oDAAoD;IACpD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gHAAgH;IAChH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,wBAAwB,mDAKlC,6BAA6B,gCAgB/B,CAAC"}

package/index.mjs

@@ -36793,15 +36793,15 @@ var XJ = ({ className: e, children: t }) => /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-2",
 		children: n
 	})]
-}), eY = ({ image: e, multiple: t = !1, className: n }) => {
-	let r = H("bg-surface-high absolute inset-1 overflow-hidden", "border-misc-hairline misc-border-size-hairline rounded-200 border", "transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)]", "[&_img]:size-full [&_img]:object-cover");
+}), eY = ({ image: e, multiple: t = !1, previousImage: n, className: r }) => {
+	let i = H("bg-surface-high absolute inset-1 overflow-hidden", "border-misc-hairline misc-border-size-hairline rounded-200 border", "transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)]", "[&_img]:size-full [&_img]:object-cover");
 	return /* @__PURE__ */ L("div", {
-		className: H("relative size-10", n),
+		className: H("relative size-10", r),
 		children: [/* @__PURE__ */ I("div", {
-			className: H(r, t && "-translate-x-0.5 -rotate-6"),
-			children: t && e
+			className: H(i, t && "-translate-x-0.5 -rotate-6"),
+			children: t && (n ?? e)
 		}), /* @__PURE__ */ I("div", {
-			className: H(r, t && "translate-x-0.5 rotate-6"),
+			className: H(i, t && "translate-x-0.5 rotate-6"),
 			children: e
 		})]
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.649",
+  "version": "0.1.650",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [