@photoroom/ui 0.1.45 → 0.1.47

package/index.mjs

@@ -31633,7 +31633,7 @@ var mW = /* @__PURE__ */ wt((() => {
 		}, a), e);
 	});
 })))(), gW = ({ beforeLabel: e, beforeImage: t, afterLabel: n, afterImage: r, className: i }) => /* @__PURE__ */ E(hW.ImgComparisonSlider, {
-	className: H(i, "relative h-full w-full overflow-hidden rounded-area-500 outline-none", "after:content[''] after:absolute after:left-0 after:top-0 after:h-full after:w-full after:rounded-area-500 after:border after:border-misc-border"),
+	className: H(i, "relative h-full w-full overflow-hidden rounded-500 outline-none", "after:absolute after:left-0 after:top-0 after:h-full after:w-full after:rounded-500 after:border after:border-misc-border after:content-['']"),
 	style: {
 		"--divider-color": "var(--color-content-accent)",
 		"--divider-width": "2px"
@@ -31671,7 +31671,7 @@ var mW = /* @__PURE__ */ wt((() => {
 }), vW = ({ visualLarge: e, visualSmall: t, cssBackgroundColor: n, badgeLabel: r, logo: i, authorName: a, authorJobTitle: s, content: c, cta: l, ...u }) => {
 	let d = b(() => l ? o(l, { variant: "primary" }) : null, [l]);
 	return /* @__PURE__ */ T("div", {
-		className: H("flex flex-col", "w-full min-w-0", "overflow-hidden rounded-area-500 @container", "bg-[var(--customer-story-card-background-color)]"),
+		className: H("flex flex-col", "w-full min-w-0", "overflow-hidden rounded-500 @container", "bg-[var(--customer-story-card-background-color)]"),
 		style: { "--customer-story-card-background-color": n },
 		...u,
 		children: /* @__PURE__ */ T("div", {
@@ -32123,7 +32123,7 @@ var zW = ({ checkerboard: e, cover: t, imageUrl: n, loading: r, bottomRightIcon:
 		}), /* @__PURE__ */ T(O, { className: "m-1 h-6 w-6 shrink-0 text-content-tertiary" })]
 	});
 }, HW = ({ title: e, icon: t, iconBadge: n, cta: r, children: i, className: a, isHidden: o, ...s }) => /* @__PURE__ */ E("div", {
-	className: H("flex flex-col rounded-area-500 bg-background-subdued p-6", o && "hidden", a),
+	className: H("flex flex-col rounded-500 bg-background-subdued p-6", o && "hidden", a),
 	...s,
 	children: [
 		t && /* @__PURE__ */ E("div", {
@@ -32642,7 +32642,7 @@ var IG = ({ variant: e = "default", className: t, children: n }) => /* @__PURE__
 	}, t),
 	children: n
 }), LG = ({ badgeTitle: e, title: t, children: n, className: r, ...i }) => /* @__PURE__ */ E("div", {
-	className: H("flex flex-col items-start", "rounded-area-500 bg-background-subdued p-6 sm:p-8", "lg:flex-1", r),
+	className: H("flex flex-col items-start", "rounded-500 bg-background-subdued p-6 sm:p-8", "lg:flex-1", r),
 	...i,
 	children: [
 		e && /* @__PURE__ */ T(IG, {
@@ -32696,7 +32696,7 @@ var IG = ({ variant: e = "default", className: t, children: n }) => /* @__PURE__
 	}, []);
 	let m = [].concat(r).filter(Boolean);
 	return /* @__PURE__ */ E("div", {
-		className: U("relative", { "aspect-video overflow-hidden rounded-area-500 bg-black shadow-800": !t }, n),
+		className: U("relative", { "aspect-video overflow-hidden rounded-500 bg-black shadow-800": !t }, n),
 		children: [/* @__PURE__ */ T("video", {
 			ref: f,
 			className: "h-full w-full outline-none",
@@ -52823,7 +52823,7 @@ var Tme = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 	})
 }), Ame = ({ title: e, otherAppName: t, photoroomIcon: n, otherAppIcon: r, features: i, className: a, ...o }) => /* @__PURE__ */ E("div", {
 	...o,
-	className: U("w-full rounded-area-500 bg-background-subdued p-4 sm:p-6", a),
+	className: U("w-full rounded-500 bg-background-subdued p-4 sm:p-6", a),
 	role: "table",
 	"aria-label": e,
 	children: [/* @__PURE__ */ T("div", {
@@ -52994,7 +52994,7 @@ var Tme = ({ titleBlock: e, children: t, ...n }) => /* @__PURE__ */ E("div", {
 	})
 }), Fme = ({ titleBlock: e, className: t, children: n, ...r }) => /* @__PURE__ */ T("section", {
 	...r,
-	className: U("px-4 py-e500 sm:px-6 md:px-8 xl:px-10", "bg-[#F8F8F8]", t),
+	className: U("px-4 py-e500 sm:px-6 md:px-8 xl:px-10", "bg-neutral-50", t),
 	children: /* @__PURE__ */ E("div", {
 		className: "mx-auto flex max-w-[1200px] flex-col gap-i500 lg:flex-row",
 		children: [/* @__PURE__ */ T("div", {
@@ -53436,7 +53436,7 @@ var y9 = {}, b9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 		]
 	})
 }), ehe = ({ metricTitle: e, metricDescription: t, className: n, ...r }) => /* @__PURE__ */ E("div", {
-	className: U("relative flex flex-col items-center overflow-hidden rounded-area-500 bg-secondary-moon-grape text-center text-white", "gap-4 px-6 py-8 sm:py-10", "lg:min-h-[344px] xl:min-h-[400px]", n),
+	className: U("relative flex flex-col items-center overflow-hidden rounded-500 bg-secondary-moon-grape text-center text-white", "gap-4 px-6 py-8 sm:py-10", "lg:min-h-[344px] xl:min-h-[400px]", n),
 	...r,
 	children: [
 		/* @__PURE__ */ T("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-b from-[rgba(255,255,255,0.5)] to-transparent" }),
@@ -54482,7 +54482,7 @@ var Lhe = Object.assign(R9, {
 	className: H("sm:max-w-lg md:max-w-5.5xl", "lg:flex lg:items-stretch lg:justify-center", "lg:w-[calc(100%/3-16px)]"),
 	...a,
 	children: /* @__PURE__ */ E("article", {
-		className: H("flex h-full w-full flex-col gap-6 rounded-area-500 bg-neutral-100", "p-5 sm:p-8"),
+		className: H("flex h-full w-full flex-col gap-6 rounded-500 bg-neutral-100", "p-5 sm:p-8"),
 		children: [
 			/* @__PURE__ */ T("ul", {
 				className: "flex gap-1",
@@ -54765,7 +54765,7 @@ var qhe = ({ titleBlock: e, content: t, ctaLabel: n, ctaLink: r, ...i }) => /* @
 	})]
 }), Zhe = "cursor-pointer rounded-200 outline-none focus-visible:ring focus-visible:ring-misc-focus-indicator text-content-accent hover:text-content-accent-hover active:text-content-accent-down focus-visible:text-content-accent-hover".split(" ").map((e) => `[&_a]:${e}`).join(" "), Qhe = ({ content: e, footer: t, className: n, ...r }) => /* @__PURE__ */ E("div", {
 	...r,
-	className: H("mx-auto w-full max-w-[512px] rounded-area-500 bg-background-subdued px-6 py-5 text-content-secondary [&_strong]:body-semi-strong-700 sm:px-8 sm:py-6 [&_strong]:text-content-primary", n),
+	className: H("mx-auto w-full max-w-[512px] rounded-500 bg-background-subdued px-6 py-5 text-content-secondary [&_strong]:body-semi-strong-700 sm:px-8 sm:py-6 [&_strong]:text-content-primary", n),
 	children: [/* @__PURE__ */ T("div", {
 		className: "body-600 sm:body-700",
 		children: e
@@ -54898,7 +54898,7 @@ var ege = ({ titleBlock: e, selectedIndex: t, useCases: n, ...r }) => /* @__PURE
 		})]
 	})
 }), ige = ({ icon: e, title: t, description: n, className: r, ...i }) => /* @__PURE__ */ E("div", {
-	className: U("flex flex-col gap-4 rounded-area-500 border border-misc-border-default", "p-6 sm:p-8", r),
+	className: U("flex flex-col gap-4 rounded-500 border border-misc-border-default", "p-6 sm:p-8", r),
 	...i,
 	children: [/* @__PURE__ */ E("div", {
 		className: "flex flex-col gap-4",

package/package.json

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