@photoroom/ui 0.1.767 → 0.1.768

package/index.mjs

@@ -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.768",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [