@photoroom/ui 0.1.767 → 0.1.769

package/index.mjs

@@ -36793,16 +36793,7 @@ var SJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ L(sJ, {
 	Root: () => Hq,
 	Title: () => iJ,
 	Trigger: () => Wq
-}), EJ = ({ actions: e, detail: t, footnote: n, className: r }) => n ? /* @__PURE__ */ R("div", {
-	className: W("flex w-full flex-col gap-3", r),
-	children: [/* @__PURE__ */ L("div", {
-		className: "flex items-center gap-2",
-		children: e
-	}), /* @__PURE__ */ L("div", {
-		className: "component-400 text-content-secondary",
-		children: n
-	})]
-}) : /* @__PURE__ */ R("div", {
+}), EJ = ({ actions: e, detail: t, footnote: n, className: r }) => n === void 0 ? /* @__PURE__ */ R("div", {
 	className: W("flex w-full items-center gap-2", r),
 	children: [t && /* @__PURE__ */ L("div", {
 		className: "component-500 text-content-tertiary",
@@ -36811,6 +36802,15 @@ var SJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ L(sJ, {
 		className: "flex flex-1 items-center justify-end gap-2",
 		children: e
 	})]
+}) : /* @__PURE__ */ R("div", {
+	className: W("flex w-full flex-col gap-3", r),
+	children: [/* @__PURE__ */ L("div", {
+		className: "flex items-center gap-2",
+		children: e
+	}), n && /* @__PURE__ */ L("div", {
+		className: "component-400 text-content-secondary",
+		children: n
+	})]
 }), DJ = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, title: i, subtitle: a, footer: o, hideCloseButton: s = !1, closeButtonLabel: c, onEscapeKeyDown: l, onPointerDownOutside: u, onOpenAutoFocus: d, onCloseAutoFocus: f, className: p, testId: m, children: h }) => /* @__PURE__ */ R(Hq, {
 	open: e,
 	defaultOpen: t,
@@ -61421,52 +61421,49 @@ var e9 = ({ title: e, subtitle: t, visual: n, form: r, cta: i, className: a, ...
 e9.displayName = "RaterBannerBlock";
 //#endregion
 //#region src/components/website/RaterPromoBanner/RaterPromoBanner.tsx
-var t9 = ({ title: e, subtitle: t, image: n, form: r, cta: i, dismiss: a, className: o, ...s }) => /* @__PURE__ */ L("div", {
-	className: W("@container", o),
+var t9 = ({ title: e, subtitle: t, image: n, form: r, cta: i, dismiss: a, className: o, ...s }) => /* @__PURE__ */ R("div", {
+	className: W("rounded-500 border-misc-border misc-border-size-hairline relative flex gap-3 overflow-hidden", "theme-light bg-sand-50 px-4", { "sm:ps-0": !!n }, o),
 	...s,
-	children: /* @__PURE__ */ R("div", {
-		className: U("rounded-500 border-misc-border misc-border-size-hairline relative flex gap-3 overflow-hidden", "theme-light bg-sand-50 px-4", { "@[480px]:ps-0": !!n }),
-		children: [
-			!!n && /* @__PURE__ */ L("div", {
-				className: "hidden w-21 shrink-0 *:size-full *:object-contain @[480px]:block",
-				children: n
-			}),
-			/* @__PURE__ */ R("div", {
-				className: "flex min-w-0 flex-1 flex-col gap-4 py-3",
-				children: [/* @__PURE__ */ R("div", {
-					className: U("flex flex-col gap-1", { "pe-6": !!a }),
-					children: [/* @__PURE__ */ L("p", {
-						className: "component-500 text-content-primary",
-						children: e
-					}), !!t && /* @__PURE__ */ L("p", {
-						className: "component-400 text-content-secondary text-balance",
-						children: t
-					})]
-				}), /* @__PURE__ */ L($7, {
-					...r,
-					className: "flex-col @[360px]:flex-row",
-					button: /* @__PURE__ */ L(ed, {
-						...i.extraAttrs,
-						type: "submit",
-						variant: "primary",
-						size: "medium",
-						density: "regular",
-						className: "w-full shrink-0 @[360px]:w-auto",
-						children: i.label
-					})
+	children: [
+		!!n && /* @__PURE__ */ L("div", {
+			className: "hidden w-21 shrink-0 *:size-full *:object-contain sm:block",
+			children: n
+		}),
+		/* @__PURE__ */ R("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-4 py-3",
+			children: [/* @__PURE__ */ R("div", {
+				className: U("flex flex-col gap-1", { "pe-6": !!a }),
+				children: [/* @__PURE__ */ L("p", {
+					className: "component-500 text-content-primary",
+					children: e
+				}), !!t && /* @__PURE__ */ L("p", {
+					className: "component-400 text-content-secondary text-balance",
+					children: t
 				})]
-			}),
-			!!a && /* @__PURE__ */ L(od, {
-				...a.extraAttrs,
-				type: "button",
-				size: "small",
-				variant: "secondary",
-				"aria-label": a.label,
-				onClick: a.onClick,
-				className: "absolute end-2 top-2"
-			})
-		]
-	})
+			}), /* @__PURE__ */ L($7, {
+				...r,
+				className: "flex-col sm:flex-row",
+				button: /* @__PURE__ */ L(ed, {
+					...i.extraAttrs,
+					type: "submit",
+					variant: "primary",
+					size: "medium",
+					density: "regular",
+					className: "w-full shrink-0 sm:w-auto",
+					children: i.label
+				})
+			})]
+		}),
+		!!a && /* @__PURE__ */ L(od, {
+			...a.extraAttrs,
+			type: "button",
+			size: "small",
+			variant: "secondary",
+			"aria-label": a.label,
+			onClick: a.onClick,
+			className: "absolute end-2 top-2"
+		})
+	]
 });
 t9.displayName = "RaterPromoBanner";
 //#endregion

package/package.json

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