@photoroom/ui 0.1.229 → 0.1.230

package/components/website/DataBlock/DataBlock.d.ts

@@ -1,6 +1,7 @@
-export type DataBlockProps = Omit<React.ComponentProps<"div">, "title"> & Readonly<{
+import { type BlockBackgroundVariant } from "../BlockBackground";
+export type DataBlockProps = Omit<React.ComponentProps<"section">, "title"> & Readonly<{
     title?: React.ReactNode;
-    background?: "white" | "lightgrey";
+    background?: BlockBackgroundVariant;
 }>;
-export declare const DataBlock: ({ title, children, background, ...rest }: DataBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataBlock: ({ title, background, children, className, ...rest }: DataBlockProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DataBlock.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/DataBlock/DataBlock.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GACrE,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;CACpC,CAAC,CAAC;AAEL,eAAO,MAAM,SAAS,GAAI,0CAAoD,cAAc,4CA0B3F,CAAC"}
+{"version":3,"file":"DataBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/DataBlock/DataBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GACzE,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC,CAAC,CAAC;AAEL,eAAO,MAAM,SAAS,GAAI,qDAMvB,cAAc,4CAwBhB,CAAC"}

package/index.mjs

@@ -20688,10 +20688,10 @@ fx();
 //#region ../shared/lib/ampli/index.ts
 var px = { production: "0cc38251f8841c0d84d11fd20b400b07" }, mx = {
 	plan: {
-		version: "378",
+		version: "380",
 		branch: "main",
 		source: "web",
-		versionId: "852daa01-4ed6-48a2-aa34-eb47d3791ee3"
+		versionId: "16c224f9-b4a9-4458-b2d5-07461a3b0940"
 	},
 	ingestionMetadata: {
 		sourceName: "browser-typescript-ampli",
@@ -55114,21 +55114,34 @@ var p_e = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ D("div", {
 			})]
 		})
 	})
-}), b_e = ({ title: e, children: t, background: r = "white", ...i }) => {
-	let a = n.toArray(t);
-	return /* @__PURE__ */ D("div", {
-		className: V("pt-e700 pb-e1000 px-4 sm:px-6 md:px-8", "gap-i600 flex flex-col", {
-			"bg-surface-default": r === "white",
-			"bg-neutral-50": r === "lightgrey"
-		}),
-		...i,
+}), f9 = l(({ as: e = "section", variant: t = "surface-default", className: n, children: r, ...i }, a) => /* @__PURE__ */ E(e, {
+	ref: a,
+	...i,
+	className: H({
+		"bg-surface-default": t === "surface-default",
+		"bg-neutral-50": t === "neutral-50",
+		"bg-sand-50": t === "sand-50",
+		"to-surface-default bg-linear-to-b from-neutral-50": t === "neutral-50-top",
+		"from-surface-default bg-linear-to-b to-neutral-50": t === "neutral-50-bottom"
+	}, n),
+	children: r
+}));
+f9.displayName = "BlockBackground";
+//#endregion
+//#region src/components/website/DataBlock/DataBlock.tsx
+var b_e = ({ title: e, background: t = "surface-default", children: r, className: i, ...a }) => {
+	let o = n.toArray(r);
+	return /* @__PURE__ */ D(f9, {
+		variant: t,
+		className: H("pt-e700 pb-e1000 gap-i600 flex flex-col px-4 sm:px-6 md:px-8", i),
+		...a,
 		children: [e, /* @__PURE__ */ E("div", {
 			className: V("mx-auto w-full max-w-[1200px]", "grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2 sm:gap-y-12", {
-				"md:grid-cols-2": a.length < 3,
-				"md:grid-cols-3": a.length === 3,
-				"md:grid-cols-4": a.length > 3
+				"md:grid-cols-2": o.length < 3,
+				"md:grid-cols-3": o.length === 3,
+				"md:grid-cols-4": o.length > 3
 			}),
-			children: a
+			children: o
 		})]
 	});
 }, x_e = ({ data: e, title: t, subtitle: n, className: r, ...i }) => /* @__PURE__ */ D("div", {
@@ -55148,7 +55161,7 @@ var p_e = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ D("div", {
 			children: n
 		})
 	]
-}), f9 = ({ children: e, className: t }) => /* @__PURE__ */ E("div", {
+}), p9 = ({ children: e, className: t }) => /* @__PURE__ */ E("div", {
 	className: "px-4 sm:px-6 md:px-8 xl:px-10",
 	children: /* @__PURE__ */ E("div", {
 		className: V("mx-auto max-w-[1200px]", t),
@@ -55159,7 +55172,7 @@ var p_e = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ D("div", {
 	return /* @__PURE__ */ D("div", {
 		className: "pt-e700 pb-e1000 gap-i600 flex flex-col",
 		...o,
-		children: [e && /* @__PURE__ */ E(f9, { children: e }), /* @__PURE__ */ D("div", {
+		children: [e && /* @__PURE__ */ E(p9, { children: e }), /* @__PURE__ */ D("div", {
 			className: "gap-i500 flex flex-col",
 			children: [/* @__PURE__ */ E("div", {
 				ref: d,
@@ -55174,7 +55187,7 @@ var p_e = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ D("div", {
 						children: e
 					}, t))
 				})
-			}), (n || s || c) && /* @__PURE__ */ D(f9, {
+			}), (n || s || c) && /* @__PURE__ */ D(p9, {
 				className: "flex flex-row-reverse items-center justify-between gap-2",
 				children: [(s || c) && /* @__PURE__ */ D("div", {
 					className: "flex shrink-0 gap-2",
@@ -55455,22 +55468,7 @@ var p_e = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ D("div", {
 			}), !!r && /* @__PURE__ */ E("div", { children: r })]
 		})]
 	})
-}), p9 = l(({ as: e = "section", variant: t = "surface-default", className: n, children: r, ...i }, a) => /* @__PURE__ */ E(e, {
-	ref: a,
-	...i,
-	className: H({
-		"bg-surface-default": t === "surface-default",
-		"bg-neutral-50": t === "neutral-50",
-		"bg-sand-50": t === "sand-50",
-		"to-surface-default bg-linear-to-b from-neutral-50": t === "neutral-50-top",
-		"from-surface-default bg-linear-to-b to-neutral-50": t === "neutral-50-bottom"
-	}, n),
-	children: r
-}));
-p9.displayName = "BlockBackground";
-//#endregion
-//#region src/components/website/FocusBlock/FocusBlock.tsx
-var B_e = ({ overline: e, title: t, description: n, visual: r, ctas: i, background: a = "sand-50", ...o }) => /* @__PURE__ */ E(p9, {
+}), B_e = ({ overline: e, title: t, description: n, visual: r, ctas: i, background: a = "sand-50", ...o }) => /* @__PURE__ */ E(f9, {
 	variant: a,
 	className: "py-e700 px-4 sm:px-6 md:px-8 xl:px-10",
 	...o,
@@ -56744,7 +56742,7 @@ var Mve = Object.assign(R9, {
 			})]
 		})]
 	})
-}), Pve = ({ title: e, visualElement: t, largeVisualAsset: n, background: r = "neutral-50", bgColor: i, ...a }) => /* @__PURE__ */ E(p9, {
+}), Pve = ({ title: e, visualElement: t, largeVisualAsset: n, background: r = "neutral-50", bgColor: i, ...a }) => /* @__PURE__ */ E(f9, {
 	as: "div",
 	variant: i ? "surface-default" : r,
 	className: V("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]"),
@@ -57199,7 +57197,7 @@ var Yve = ({ title: e, children: t, cta: n, image: r, ...i }) => {
 H9.displayName = "ToolSmallCard";
 //#endregion
 //#region src/components/website/UseCasesBlock/UseCasesBlock.tsx
-var Xve = ({ titleBlock: e, selectedIndex: t, background: n = "neutral-50-bottom", useCases: r, ...a }) => /* @__PURE__ */ D(p9, {
+var Xve = ({ titleBlock: e, selectedIndex: t, background: n = "neutral-50-bottom", useCases: r, ...a }) => /* @__PURE__ */ D(f9, {
 	variant: n,
 	className: V("flex flex-col items-center", "px-4 sm:px-6 md:px-8 xl:px-10", "pt-e700 pb-e1000", "gap-i400"),
 	...a,

package/package.json

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