@photoroom/ui 0.1.648 → 0.1.650

package/index.mjs

@@ -36685,7 +36685,7 @@ var WJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(AJ, {
 	className: U("misc-dialog-overlay mobile:p-4 fixed inset-0 z-50 h-screen w-screen overflow-y-auto p-6 supports-[height:100dvh]:h-dvh", "radix-state-closed:animate-dialog-overlay-leave radix-state-open:animate-dialog-overlay-enter", e),
 	...n,
 	children: /* @__PURE__ */ I("div", {
-		className: "grid h-full min-h-full place-items-center",
+		className: "grid h-full min-h-full grid-rows-[minmax(0,1fr)] place-items-center",
 		children: t
 	})
 }), qJ = /* @__PURE__ */ Zee({
@@ -36724,7 +36724,7 @@ var WJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(AJ, {
 		asChild: !0,
 		children: r
 	}), /* @__PURE__ */ I(hJ, { children: /* @__PURE__ */ I(KJ, { children: /* @__PURE__ */ L(GJ, {
-		className: U("flex h-fit w-full max-w-120 flex-col gap-6 p-6", d),
+		className: U("flex h-fit max-h-full w-full max-w-120 flex-col gap-6 p-6", d),
 		"data-testid": f,
 		onEscapeKeyDown: l,
 		onPointerDownOutside: u,
@@ -36739,7 +36739,10 @@ var WJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(AJ, {
 					children: a
 				})]
 			}),
-			p,
+			p && /* @__PURE__ */ I("div", {
+				className: "-m-1 flex min-h-0 flex-col gap-6 overflow-y-auto p-1",
+				children: p
+			}),
 			o,
 			!s && /* @__PURE__ */ I("div", {
 				className: "absolute inset-e-3 top-3",
@@ -36790,23 +36793,23 @@ 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
 		})]
 	});
 }, tY = W("flex flex-col overflow-hidden", {
 	variants: { size: {
-		small: "h-fit max-h-180 max-w-120",
-		medium: "h-fit max-h-160 max-w-180",
-		large: "h-fit max-h-244 max-w-256"
+		small: "h-fit max-h-[min(720px,100%)] max-w-120",
+		medium: "h-fit max-h-[min(640px,100%)] max-w-180",
+		large: "h-fit max-h-[min(976px,100%)] max-w-256"
 	} },
 	defaultVariants: { size: "small" }
 }), nY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, header: i, accessory: a, footer: o, size: s, hideCloseButton: c = !1, closeButtonLabel: l, onEscapeKeyDown: u, onPointerDownOutside: d, className: f, contentClassName: p, testId: m, children: h }) => /* @__PURE__ */ L(lJ, {
@@ -37379,7 +37382,7 @@ var bY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, tit
 			children: r
 		}), /* @__PURE__ */ I(hJ, { children: /* @__PURE__ */ I(KJ, { children: /* @__PURE__ */ L(GJ, {
 			ref: g,
-			className: U("flex h-fit w-full max-w-160 flex-col", m),
+			className: U("flex h-fit max-h-full w-full max-w-160 flex-col", m),
 			"data-testid": h,
 			onEscapeKeyDown: f,
 			onPointerDownOutside: p,
@@ -37392,7 +37395,7 @@ var bY = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, tit
 					children: i
 				}),
 				/* @__PURE__ */ L("div", {
-					className: "flex flex-col items-center gap-6 p-6",
+					className: "flex min-h-0 flex-col items-center gap-6 overflow-y-auto p-6",
 					children: [/* @__PURE__ */ L("div", {
 						className: "flex w-full flex-col items-center gap-3 text-center",
 						children: [/* @__PURE__ */ I(EJ, {

package/package.json

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