@photoroom/ui 0.1.284 → 0.1.286

package/components/input/ImageWidget/ImageWidget.d.ts

@@ -22,11 +22,12 @@ export type ImageWidgetProps = {
     }>;
     onButtonClick?: () => void;
     buttonLabel?: string;
+    leadingBottom?: React.ReactNode;
     className?: string;
     imgClassName?: string;
 } & React.RefAttributes<HTMLDivElement>;
 export declare const ImageWidget: {
-    ({ src, alt, width: widthProp, height: heightProp, flexibleWidth, fill, isLoading, selected, disabled, buttonIcon, onButtonClick, buttonLabel, className, imgClassName, ref, }: ImageWidgetProps): import("react").JSX.Element;
+    ({ src, alt, width: widthProp, height: heightProp, flexibleWidth, fill, isLoading, selected, disabled, buttonIcon, onButtonClick, buttonLabel, leadingBottom, className, imgClassName, ref, }: ImageWidgetProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=ImageWidget.d.ts.map

package/components/input/ImageWidget/ImageWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ImageWidget/ImageWidget.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAKxC,eAAO,MAAM,WAAW;oLAgBrB,gBAAgB;;CA+ElB,CAAC"}
+{"version":3,"file":"ImageWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ImageWidget/ImageWidget.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAKxC,eAAO,MAAM,WAAW;mMAiBrB,gBAAgB;;CAiFlB,CAAC"}

package/components/website/ComparisonBlock/ComparisonTable.d.ts

@@ -9,6 +9,8 @@ export type ComparisonTableProps = Readonly<{
     photoroomIcon: React.ReactNode;
     otherAppIcon: React.ReactNode;
     features: ComparisonFeatureRow[];
+    includedLabel: string;
+    excludedLabel: string;
 }> & Omit<React.ComponentProps<"div">, "children">;
-export declare const ComparisonTable: ({ title, otherAppName, photoroomIcon, otherAppIcon, features, className, ...rest }: ComparisonTableProps) => import("react").JSX.Element;
+export declare const ComparisonTable: ({ title, otherAppName, photoroomIcon, otherAppIcon, features, includedLabel, excludedLabel, className, ...rest }: ComparisonTableProps) => import("react").JSX.Element;
 //# sourceMappingURL=ComparisonTable.d.ts.map

package/components/website/ComparisonBlock/ComparisonTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonTable.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ComparisonBlock/ComparisonTable.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,oBAAoB,EAAE,CAAC;CAClC,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAYhD,eAAO,MAAM,eAAe,GAAI,oFAQ7B,oBAAoB,gCA+DtB,CAAC"}
+{"version":3,"file":"ComparisonTable.d.ts","sourceRoot":"","sources":["../../../../src/components/website/ComparisonBlock/ComparisonTable.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,oBAAoB,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAahD,eAAO,MAAM,eAAe,GAAI,kHAU7B,oBAAoB,gCAqEtB,CAAC"}

package/components/website/PricingHeroBlock/ApiPricing/ApiPricingFeaturesSectionItemBadge.d.ts

@@ -1,6 +1,8 @@
 export type ApiPricingFeaturesSectionItemBadgeProps = Readonly<{
     isChecked?: boolean;
     planName?: string;
+    includedLabel: string;
+    excludedLabel: string;
 }>;
-export declare const ApiPricingFeaturesSectionItemBadge: ({ isChecked, planName, }: ApiPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
+export declare const ApiPricingFeaturesSectionItemBadge: ({ isChecked, planName, includedLabel, excludedLabel, }: ApiPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
 //# sourceMappingURL=ApiPricingFeaturesSectionItemBadge.d.ts.map

package/components/website/PricingHeroBlock/ApiPricing/ApiPricingFeaturesSectionItemBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/ApiPricing/ApiPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,0BAGhD,uCAAuC,gCAEzC,CAAC"}
+{"version":3,"file":"ApiPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/ApiPricing/ApiPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,wDAKhD,uCAAuC,gCASzC,CAAC"}

package/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesSectionItemBadge.d.ts

@@ -2,6 +2,8 @@ export type AppPricingFeaturesSectionItemBadgeProps = Readonly<{
     isChecked?: boolean;
     description?: string;
     planName?: string;
+    includedLabel: string;
+    excludedLabel: string;
 }>;
-export declare const AppPricingFeaturesSectionItemBadge: ({ isChecked, description, planName, }: AppPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
+export declare const AppPricingFeaturesSectionItemBadge: ({ isChecked, description, planName, includedLabel, excludedLabel, }: AppPricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
 //# sourceMappingURL=AppPricingFeaturesSectionItemBadge.d.ts.map

package/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesSectionItemBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,uCAIhD,uCAAuC,gCAQzC,CAAC"}
+{"version":3,"file":"AppPricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,QAAQ,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAAI,qEAMhD,uCAAuC,gCAUzC,CAAC"}

package/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.d.ts

@@ -2,6 +2,8 @@ export type PricingFeaturesSectionItemBadgeProps = Readonly<{
     isChecked?: boolean;
     planName?: string;
     description?: string;
+    includedLabel: string;
+    excludedLabel: string;
 }>;
-export declare const PricingFeaturesSectionItemBadge: ({ isChecked, planName, description, }: PricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
+export declare const PricingFeaturesSectionItemBadge: ({ isChecked, planName, description, includedLabel, excludedLabel, }: PricingFeaturesSectionItemBadgeProps) => import("react").JSX.Element;
 //# sourceMappingURL=PricingFeaturesSectionItemBadge.d.ts.map

package/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,+BAA+B,GAAI,uCAI7C,oCAAoC,gCAsBtC,CAAC"}
+{"version":3,"file":"PricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,+BAA+B,GAAI,qEAM7C,oCAAoC,gCAgCtC,CAAC"}

package/index.mjs

@@ -47917,56 +47917,63 @@ var C3 = ({ icon: e, className: n, ref: r, ...i }) => /* @__PURE__ */ t("button"
 C3.displayName = "ImageWidgetButton";
 //#endregion
 //#region src/components/input/ImageWidget/ImageWidget.tsx
-var w3 = .5, T3 = 2, efe = 80, tfe = 80, E3 = ({ src: e, alt: r, width: i = tfe, height: a = efe, flexibleWidth: o = !1, fill: s = !1, isLoading: c = !1, selected: l = !1, disabled: u = !1, buttonIcon: d, onButtonClick: f, buttonLabel: p, className: m, imgClassName: h, ref: g }) => {
-	let [_, v] = Me(null), y = B((e) => {
+var w3 = .5, T3 = 2, efe = 80, tfe = 80, E3 = ({ src: e, alt: r, width: i = tfe, height: a = efe, flexibleWidth: o = !1, fill: s = !1, isLoading: c = !1, selected: l = !1, disabled: u = !1, buttonIcon: d, onButtonClick: f, buttonLabel: p, leadingBottom: m, className: h, imgClassName: g, ref: _ }) => {
+	let [v, y] = Me(null), b = B((e) => {
 		let t = e.currentTarget;
-		t.naturalWidth && t.naturalHeight && v(t.naturalWidth / t.naturalHeight);
-	}, []), { width: b, height: x, isClamped: S } = Ae(() => o && _ !== null ? {
-		width: Math.round(a * Math.min(T3, Math.max(w3, _))),
+		t.naturalWidth && t.naturalHeight && y(t.naturalWidth / t.naturalHeight);
+	}, []), { width: x, height: S, isClamped: C } = Ae(() => o && v !== null ? {
+		width: Math.round(a * Math.min(T3, Math.max(w3, v))),
 		height: a,
-		isClamped: _ < w3 || _ > T3
+		isClamped: v < w3 || v > T3
 	} : {
 		width: i,
 		height: a,
 		isClamped: !1
 	}, [
 		o,
-		_,
+		v,
 		a,
 		i
-	]), C = !c && d && f;
+	]), w = !c && d && f, T = !c && !!m;
 	return /* @__PURE__ */ n("div", {
-		ref: g,
-		className: U("group", s ? "absolute inset-0" : "relative shrink-0", m),
+		ref: _,
+		className: U("group", s ? "absolute inset-0" : "relative shrink-0", h),
 		style: s ? void 0 : {
-			width: b,
-			height: x
+			width: x,
+			height: S
 		},
-		children: [/* @__PURE__ */ n("div", {
-			className: H("rounded-400 bg-surface-default relative h-full w-full overflow-hidden", "after:rounded-400 after:pointer-events-none after:absolute after:inset-0 after:content-['']", l ? "after:shadow-[inset_0_0_0_2px_var(--color-content-accent)]" : "after:shadow-[inset_0_0_0_1px_var(--color-misc-border)]"),
-			children: [c ? /* @__PURE__ */ t("div", {
-				className: "flex h-full w-full items-center justify-center",
-				children: /* @__PURE__ */ t(tG, { className: "size-6" })
-			}) : /* @__PURE__ */ t("img", {
-				src: e,
-				alt: r,
-				className: U("h-full w-full", S ? "object-contain" : "object-cover", h),
-				onLoad: o ? y : void 0
-			}), !u && /* @__PURE__ */ t("div", { className: "rounded-400 interaction-transition group-hover:bg-misc-visual-hover group-active:bg-misc-visual-down absolute inset-0 transition-colors" })]
-		}), C && /* @__PURE__ */ t("div", {
-			className: "absolute inset-e-1 top-1 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 focus-within:opacity-100",
-			children: /* @__PURE__ */ t(vs, {
-				content: p,
-				side: "top",
-				children: /* @__PURE__ */ t(C3, {
-					icon: d,
-					onClick: (e) => {
-						e.stopPropagation(), f();
-					},
-					"aria-label": p
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: H("rounded-400 bg-surface-default relative h-full w-full overflow-hidden", "after:rounded-400 after:pointer-events-none after:absolute after:inset-0 after:content-['']", l ? "after:shadow-[inset_0_0_0_2px_var(--color-content-accent)]" : "after:shadow-[inset_0_0_0_1px_var(--color-misc-border)]"),
+				children: [c ? /* @__PURE__ */ t("div", {
+					className: "flex h-full w-full items-center justify-center",
+					children: /* @__PURE__ */ t(tG, { className: "size-6" })
+				}) : /* @__PURE__ */ t("img", {
+					src: e,
+					alt: r,
+					className: U("h-full w-full", C ? "object-contain" : "object-cover", g),
+					onLoad: o ? b : void 0
+				}), !u && /* @__PURE__ */ t("div", { className: "rounded-400 interaction-transition group-hover:bg-misc-visual-hover group-active:bg-misc-visual-down absolute inset-0 transition-colors" })]
+			}),
+			w && /* @__PURE__ */ t("div", {
+				className: "absolute inset-e-1 top-1 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 focus-within:opacity-100",
+				children: /* @__PURE__ */ t(vs, {
+					content: p,
+					side: "top",
+					children: /* @__PURE__ */ t(C3, {
+						icon: d,
+						onClick: (e) => {
+							e.stopPropagation(), f();
+						},
+						"aria-label": p
+					})
 				})
+			}),
+			T && /* @__PURE__ */ t("div", {
+				className: "absolute inset-s-1.5 bottom-1.5",
+				children: m
 			})
-		})]
+		]
 	});
 };
 E3.displayName = "ImageWidget";
@@ -54980,18 +54987,18 @@ var Pge = ({ titleBlock: e, children: r, ...i }) => /* @__PURE__ */ n("div", {
 			children: r
 		})]
 	})
-}), d9 = ({ isFeatured: e }) => /* @__PURE__ */ t("span", {
-	"aria-label": String(e),
-	children: e ? /* @__PURE__ */ t(u, {
-		className: "text-content-primary icon-size-500",
-		"aria-hidden": "true"
-	}) : /* @__PURE__ */ t(g, {
-		className: "text-content-secondary icon-size-500",
-		"aria-hidden": "true"
-	})
-}), zge = ({ title: e, otherAppName: r, photoroomIcon: i, otherAppIcon: a, features: o, className: s, ...c }) => /* @__PURE__ */ n("div", {
-	...c,
-	className: U("rounded-500 bg-background-subdued w-full p-4 sm:p-6", s),
+}), d9 = ({ isFeatured: e, label: r }) => /* @__PURE__ */ n("span", { children: [e ? /* @__PURE__ */ t(u, {
+	className: "text-content-primary icon-size-500",
+	"aria-hidden": "true"
+}) : /* @__PURE__ */ t(g, {
+	className: "text-content-secondary icon-size-500",
+	"aria-hidden": "true"
+}), /* @__PURE__ */ t("span", {
+	className: "sr-only",
+	children: r
+})] }), zge = ({ title: e, otherAppName: r, photoroomIcon: i, otherAppIcon: a, features: o, includedLabel: s, excludedLabel: c, className: l, ...u }) => /* @__PURE__ */ n("div", {
+	...u,
+	className: U("rounded-500 bg-background-subdued w-full p-4 sm:p-6", l),
 	role: "table",
 	"aria-label": e,
 	children: [/* @__PURE__ */ t("div", {
@@ -55034,12 +55041,18 @@ var Pge = ({ titleBlock: e, children: r, ...i }) => /* @__PURE__ */ n("div", {
 				/* @__PURE__ */ t("div", {
 					className: "flex w-12 shrink-0 items-center justify-center self-stretch",
 					role: "cell",
-					children: /* @__PURE__ */ t(d9, { isFeatured: e.isOtherAppFeature })
+					children: /* @__PURE__ */ t(d9, {
+						isFeatured: e.isOtherAppFeature,
+						label: e.isOtherAppFeature ? s : c
+					})
 				}),
 				/* @__PURE__ */ t("div", {
 					className: "flex w-12 shrink-0 items-center justify-center self-stretch",
 					role: "cell",
-					children: /* @__PURE__ */ t(d9, { isFeatured: e.isPhotoroomFeature })
+					children: /* @__PURE__ */ t(d9, {
+						isFeatured: e.isPhotoroomFeature,
+						label: e.isPhotoroomFeature ? s : c
+					})
 				})
 			]
 		}, e.featureName)), /* @__PURE__ */ t("div", {
@@ -56304,21 +56317,32 @@ var N_e = ({ lang: e, monthlyProcessedImages: r = 1e3, items: i, partnerCard: a,
 		className: "flex flex-wrap gap-2 xl:gap-4",
 		children: i
 	})]
-}), j9 = ({ isChecked: e, planName: r, description: i }) => /* @__PURE__ */ t(k9, { children: /* @__PURE__ */ n("div", {
+}), j9 = ({ isChecked: r, planName: i, description: a, includedLabel: o, excludedLabel: s }) => /* @__PURE__ */ t(k9, { children: /* @__PURE__ */ n("div", {
 	className: H("h-8 px-2", "inline-flex items-center gap-1.5", "rounded-400 border-misc-hairline misc-border-size-hairline", "xl:h-auto xl:border-none xl:px-0", "component-500 text-content-primary"),
-	children: [!!r && /* @__PURE__ */ n("span", {
+	children: [!!i && /* @__PURE__ */ n("span", {
 		className: "text-content-secondary xl:hidden",
-		children: [r, ":"]
-	}), i || /* @__PURE__ */ t("div", {
+		children: [i, ":"]
+	}), a || /* @__PURE__ */ t("div", {
 		className: "flex h-6 w-6 items-center justify-center",
-		children: e ? /* @__PURE__ */ t(u, { className: "icon-size-400" }) : "—"
+		children: r ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, { className: "icon-size-400" }), /* @__PURE__ */ t("span", {
+			className: "sr-only",
+			children: o
+		})] }) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
+			"aria-hidden": !0,
+			children: "—"
+		}), /* @__PURE__ */ t("span", {
+			className: "sr-only",
+			children: s
+		})] })
 	})]
 }) }), V_e = ({ planName: e, planShortName: n }) => /* @__PURE__ */ t(A9, {
 	planName: e,
 	planShortName: n
-}), H_e = ({ isChecked: e, planName: n }) => /* @__PURE__ */ t(j9, {
+}), H_e = ({ isChecked: e, planName: n, includedLabel: r, excludedLabel: i }) => /* @__PURE__ */ t(j9, {
 	isChecked: e,
-	planName: n
+	planName: n,
+	includedLabel: r,
+	excludedLabel: i
 });
 //#endregion
 //#region src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/utils.ts
@@ -56607,10 +56631,12 @@ var U_e = ({ lang: e, billingPeriod: r = "yearly", items: i, userCountryCode: a,
 }, q_e = ({ planName: e, planShortName: n }) => /* @__PURE__ */ t(A9, {
 	planName: e,
 	planShortName: n
-}), J_e = ({ isChecked: e, description: n, planName: r }) => /* @__PURE__ */ t(j9, {
+}), J_e = ({ isChecked: e, description: n, planName: r, includedLabel: i, excludedLabel: a }) => /* @__PURE__ */ t(j9, {
 	isChecked: e,
 	description: n,
-	planName: r
+	planName: r,
+	includedLabel: i,
+	excludedLabel: a
 }), Y_e = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
 	className: "rounded-400 bg-background-subdued inline-flex gap-0.5 p-0.5",
 	...n,

package/package.json

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