@photoroom/ui 0.1.130 → 0.1.132

package/components/website/QuickToolHeroBlock/QuickToolHeroBlock.d.ts

@@ -1,8 +1,10 @@
+import { type BlockBackgroundVariant } from "../BlockBackground";
 export type QuickToolHeroBlockProps = Readonly<{
     title: React.ReactNode;
     visualElement: React.ReactNode;
     largeVisualAsset?: React.ReactNode;
+    background?: BlockBackgroundVariant;
     bgColor?: string;
 }>;
-export declare const QuickToolHeroBlock: ({ title, visualElement, largeVisualAsset, bgColor: backgroundColor, ...rest }: QuickToolHeroBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QuickToolHeroBlock: ({ title, visualElement, largeVisualAsset, background, bgColor: backgroundColor, ...rest }: QuickToolHeroBlockProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=QuickToolHeroBlock.d.ts.map

package/components/website/QuickToolHeroBlock/QuickToolHeroBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuickToolHeroBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/QuickToolHeroBlock/QuickToolHeroBlock.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,+EAMhC,uBAAuB,4CA2CzB,CAAC"}
+{"version":3,"file":"QuickToolHeroBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/QuickToolHeroBlock/QuickToolHeroBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,2FAOhC,uBAAuB,4CA0CzB,CAAC"}

package/index.mjs

@@ -55649,10 +55649,12 @@ var t_e = Object.assign(L9, {
 			})]
 		})]
 	})
-}), r_e = ({ title: e, visualElement: t, largeVisualAsset: n, bgColor: r, ...i }) => /* @__PURE__ */ T("div", {
-	className: H("relative flex overflow-hidden", "pt-e600 pb-e500 sm:py-e500 lg:py-e800", "px-4 sm:px-6 md:px-8 xl:px-10", "xl:min-h-[720px]", { "bg-surface-alternate": !r }),
-	style: { backgroundColor: r },
-	...i,
+}), r_e = ({ title: e, visualElement: t, largeVisualAsset: n, background: r = "neutral-50", bgColor: i, ...a }) => /* @__PURE__ */ T(f9, {
+	as: "div",
+	variant: i ? "surface-default" : r,
+	className: H("relative flex overflow-hidden", "pt-e600 pb-e500 sm:py-e500 lg:py-e800", "px-4 sm:px-6 md:px-8 xl:px-10", "xl:min-h-[720px]"),
+	style: { backgroundColor: i },
+	...a,
 	children: /* @__PURE__ */ E("div", {
 		className: H("mx-auto w-full max-w-[1200px]", "gap-i400 flex flex-col items-center", "lg:flex-row lg:gap-3", "xl:gap-6"),
 		children: [/* @__PURE__ */ T("div", {
@@ -55661,7 +55663,7 @@ var t_e = Object.assign(L9, {
 		}), /* @__PURE__ */ E("div", {
 			className: "w-full flex-1",
 			children: [/* @__PURE__ */ T("div", {
-				className: H("rounded-area-500 relative mx-auto max-w-[480px] overflow-hidden lg:max-w-none", !!n && "lg:hidden"),
+				className: H("rounded-500 relative mx-auto max-w-[480px] overflow-hidden lg:max-w-none", !!n && "lg:hidden"),
 				children: t
 			}), !!n && /* @__PURE__ */ T("div", {
 				className: H("hidden lg:block", "absolute top-0 bottom-0 left-1/2 w-max"),
@@ -55773,7 +55775,7 @@ var t_e = Object.assign(L9, {
 				"items-start": s
 			}),
 			children: [!!r && /* @__PURE__ */ T("div", {
-				className: "component-700 text-content-accent max-w-[900px]",
+				className: "component-700 text-content-accent max-w-[760px]",
 				children: r
 			}), /* @__PURE__ */ E("div", {
 				className: H("flex w-full items-start gap-4", "heading-thin-800 sm:heading-thin-900", {
@@ -55781,7 +55783,7 @@ var t_e = Object.assign(L9, {
 					"justify-between": s
 				}),
 				children: [/* @__PURE__ */ T("h2", {
-					className: "w-full max-w-[900px] text-balance",
+					className: "w-full max-w-[760px] text-balance",
 					children: t
 				}), !!i && /* @__PURE__ */ T("div", {
 					className: "hidden h-[1lh] items-center lg:inline-flex",

package/package.json

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