@photoroom/ui 0.1.689 → 0.1.690

package/index.mjs

@@ -60950,44 +60950,46 @@ var fDe = Object.assign(Q7, {
 			})
 		]
 	})
-}), TDe = function({ placement: e = "default", variant: t = "default", title: n, subtitle: r, overline: i, cta: a, className: o, ...s }) {
-	let c = e === "side" || !!a, l = t === "on-dark", u = Te(r) ? !!r.props?.children : !!r;
+}), TDe = function({ placement: e = "default", variant: t = "default", emphasis: n = "regular", title: r, subtitle: i, overline: a, cta: o, className: s, ...c }) {
+	let l = e === "side" || !!o, u = t === "on-dark", d = Te(i) ? !!i.props?.children : !!i;
 	return /* @__PURE__ */ L("div", {
 		className: U("mx-auto w-full max-w-[1200px]", "flex flex-col gap-4", {
-			"items-center text-center": !c,
-			"items-start text-start": c,
-			"text-content-white-primary": l
-		}, o),
-		...s,
+			"items-center text-center": !l,
+			"items-start text-start": l,
+			"text-content-white-primary": u
+		}, s),
+		...c,
 		children: [/* @__PURE__ */ L("div", {
 			className: H("flex w-full flex-col gap-1", {
-				"items-center": !c,
-				"items-start": c
+				"items-center": !l,
+				"items-start": l
 			}),
-			children: [!!i && /* @__PURE__ */ I("div", {
+			children: [!!a && /* @__PURE__ */ I("div", {
 				className: H("component-700 max-w-[760px]", {
-					"text-content-accent": !l,
-					"text-accent-300": l
+					"text-content-accent": !u,
+					"text-accent-300": u
 				}),
-				children: i
+				children: a
 			}), /* @__PURE__ */ L("div", {
-				className: H("flex w-full items-start gap-4", "heading-thin-800 sm:heading-extra-thin-900", {
-					"justify-center": !c,
-					"justify-between": c
+				className: H("flex w-full items-start gap-4", "heading-thin-800", {
+					"sm:heading-extra-thin-900": n === "regular",
+					"sm:heading-extra-thin-1100 lg:text-1500 lg:leading-none lg:-tracking-[0.0414em]": n === "high",
+					"justify-center": !l,
+					"justify-between": l
 				}),
 				children: [/* @__PURE__ */ I("h2", {
-					className: "w-full max-w-[760px] text-balance",
-					children: n
-				}), !!a && /* @__PURE__ */ I("div", {
+					className: "w-full max-w-[760px] text-balance wrap-break-word",
+					children: r
+				}), !!o && /* @__PURE__ */ I("div", {
 					className: "hidden h-lh items-center lg:inline-flex",
-					children: a
+					children: o
 				})]
 			})]
-		}), u && /* @__PURE__ */ I("div", {
-			className: H("w-full max-w-[760px]", { "mx-auto flex justify-center": !c }),
+		}), d && /* @__PURE__ */ I("div", {
+			className: H("w-full max-w-[760px]", { "mx-auto flex justify-center": !l }),
 			children: /* @__PURE__ */ I("div", {
-				className: H("body-light-600 sm:body-light-700 w-[clamp(80%,512px,100%)] text-pretty", l ? "text-content-white-secondary" : "text-content-secondary"),
-				children: r
+				className: H("body-light-600 sm:body-light-700 w-[clamp(80%,512px,100%)] text-pretty", u ? "text-content-white-secondary" : "text-content-secondary"),
+				children: i
 			})
 		})]
 	});

package/package.json

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