@photoroom/ui 0.1.89 → 0.1.91

package/index.mjs

@@ -51342,7 +51342,7 @@ function nme({ className: e, inProgressLabel: t, completedLabel: n, actionLabel:
 				"aria-hidden": l,
 				className: V(v7, {
 					"pointer-events-none -translate-y-4 opacity-0": l,
-					"translate-y-0 opacity-1": !l
+					"translate-y-0 opacity-100": !l
 				}),
 				children: [/* @__PURE__ */ T("span", {
 					className: y7,
@@ -51359,7 +51359,7 @@ function nme({ className: e, inProgressLabel: t, completedLabel: n, actionLabel:
 				"aria-hidden": !l,
 				className: V(v7, {
 					"pointer-events-none translate-y-4 opacity-0": !l,
-					"translate-y-0 opacity-1": l
+					"translate-y-0 opacity-100": l
 				}),
 				children: [
 					/* @__PURE__ */ T(M, { className: "-ml-1 h-5 w-5 shrink-0" }),
@@ -53657,7 +53657,7 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 		})
 	]
 }), Che = ({ titleBlock: e, logoWallBlock: t, children: n, className: r, ...i }) => /* @__PURE__ */ T("section", {
-	className: H("pt-e800 pb-e1000 w-full px-4 sm:px-6 md:px-8 xl:px-10", r),
+	className: H("pt-e700 pb-e1000 w-full px-4 sm:px-6 md:px-8 xl:px-10", r),
 	...i,
 	children: /* @__PURE__ */ E("div", {
 		className: "gap-i600 mx-auto flex w-full flex-col xl:max-w-[1200px]",
@@ -53778,7 +53778,7 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ T("p", {
-				className: "body-700 text-content-primary text-center font-medium",
+				className: "component-600 text-content-primary text-center",
 				children: e
 			}),
 			/* @__PURE__ */ T("div", {
@@ -53789,17 +53789,17 @@ var v9 = {}, y9 = ({ variant: e, className: t, cssBackgroundColor: n, children:
 	}), /* @__PURE__ */ T("div", {
 		className: "flex flex-wrap justify-center gap-2 lg:gap-4 xl:gap-8",
 		children: t.map((e, t) => /* @__PURE__ */ T("figure", {
-			className: "relative aspect-video w-[calc((100%-1rem)/3)] sm:w-[calc((100%-2rem)/5)] lg:w-[calc((100%-5rem)/6)] xl:w-[calc((100%-10rem)/6)]",
+			className: "relative aspect-[16/9] w-[calc((100%-1rem)/3)] sm:w-[calc((100%-2rem)/5)] lg:w-[calc((100%-5rem)/6)] xl:w-[calc((100%-10rem)/6)]",
 			children: e
 		}, t.toString()))
 	})]
 }), jhe = ({ title: e, children: t, ...n }) => /* @__PURE__ */ T("section", {
-	className: "bg-surface-default py-e500 px-4 sm:px-6 md:px-8",
+	className: "bg-surface-default pt-e700 pb-e1000 px-4 sm:px-6 md:px-8",
 	...n,
 	children: /* @__PURE__ */ E("div", {
 		className: "mx-auto flex max-w-[1200px] flex-col items-center",
 		children: [!!e && /* @__PURE__ */ T("div", {
-			className: "pb-i500 w-full",
+			className: "pb-i600 w-full",
 			children: e
 		}), /* @__PURE__ */ T("div", {
 			className: "grid items-stretch gap-6 sm:grid-cols-2 lg:grid-cols-4",
@@ -54668,24 +54668,24 @@ var sge = Object.assign(L9, {
 		})]
 	})
 }), uge = ({ content: e, avatar: t, name: n, occupation: r }) => /* @__PURE__ */ T("div", {
-	className: "py-e600 px-4 sm:px-6 md:px-8 xl:px-10",
+	className: "py-e700 px-4 sm:px-6 md:px-8 xl:px-10",
 	children: /* @__PURE__ */ E("div", {
-		className: "mx-auto flex max-w-[960px] flex-col justify-center gap-8",
+		className: "mx-auto flex max-w-[1200px] flex-col justify-center gap-8",
 		children: [/* @__PURE__ */ T("div", {
-			className: V("text-900 font-800 leading-500", "sm:text-1100 sm:font-800 sm:leading-500", "lg:text-1300 lg:font-800 lg:leading-500"),
+			className: V("text-900 font-500 leading-500 -tracking-[0.058px]", "sm:text-1100 sm:-tracking-[0.357px]", "lg:text-1300 lg:-tracking-[1.05px]"),
 			children: e
 		}), /* @__PURE__ */ E("div", {
 			className: "flex flex-row items-center gap-4 sm:gap-6",
 			children: [!!t && /* @__PURE__ */ T("div", {
-				className: V("relative", "w-16 sm:w-20", "aspect-square overflow-hidden rounded-full"),
+				className: V("relative", "w-16 sm:w-20", "aspect-[1/1] overflow-hidden rounded-full"),
 				children: t
 			}), /* @__PURE__ */ E("div", {
-				className: "flex flex-col",
+				className: "flex flex-col gap-1",
 				children: [/* @__PURE__ */ T("span", {
-					className: "body-strong-500 sm:body-strong-700",
+					className: "component-semi-strong-600 sm:component-semi-strong-700",
 					children: n
 				}), /* @__PURE__ */ T("span", {
-					className: "body-400 text-content-secondary sm:body-500",
+					className: "component-light-400 text-content-secondary sm:component-light-500",
 					children: r
 				})]
 			})]
@@ -55169,7 +55169,7 @@ var wge = ({ titleBlock: e, selectedIndex: t, useCases: n, ...r }) => /* @__PURE
 		})
 	});
 }, Oge = ({ icon: e, title: t, description: n, className: r, ...i }) => /* @__PURE__ */ E("div", {
-	className: H("flex flex-col gap-4 sm:flex-row sm:gap-6 lg:flex-col lg:gap-4", "rounded-500 border-misc-border-default border", "p-6 sm:p-8", r),
+	className: H("flex flex-col gap-4 sm:flex-row sm:gap-6 lg:flex-col lg:gap-4", "border-t border-neutral-400", "pt-6 sm:pt-8", r),
 	...i,
 	children: [/* @__PURE__ */ T("div", {
 		className: "relative size-12 shrink-0",

package/package.json

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

package/components/website/StatementBlock/StatementBlock.d.ts

@@ -1,9 +0,0 @@
-import { StatementBlockItem } from "./StatementBlockItem";
-export type StatementBlockProps = React.ComponentProps<"section"> & Readonly<{
-    title: string;
-}>;
-export declare function StatementBlock({ title, children, className, ...rest }: StatementBlockProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace StatementBlock {
-    var Item: typeof StatementBlockItem;
-}
-//# sourceMappingURL=StatementBlock.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatementBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StatementBlock/StatementBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAC/D,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEL,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAc1F;yBAde,cAAc"}

package/components/website/StatementBlock/StatementBlockItem.d.ts

@@ -1,6 +0,0 @@
-export type StatementBlockItemProps = React.ComponentProps<"article"> & Readonly<{
-    title: string;
-    icon?: React.ReactNode;
-}>;
-export declare function StatementBlockItem({ title, icon, children, className, ...rest }: StatementBlockItemProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatementBlockItem.d.ts.map

package/components/website/StatementBlock/StatementBlockItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatementBlockItem.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StatementBlock/StatementBlockItem.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GACnE,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC,CAAC;AAEL,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAUzB"}

package/components/website/StatementBlock/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./StatementBlock";
-//# sourceMappingURL=index.d.ts.map

package/components/website/StatementBlock/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/website/StatementBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}