@photoroom/ui 0.1.262 → 0.1.263

package/components/content/LinkCard/LinkCard.d.ts

@@ -2,9 +2,10 @@ export type LinkCardProps = Readonly<React.ComponentProps<"a"> & {
     title: string;
     description: string;
     image: React.ReactNode;
+    badge?: React.ReactNode;
 }>;
 export declare const LinkCard: {
-    ({ className, title, description, image, ...rest }: LinkCardProps): import("react").JSX.Element;
+    ({ className, title, description, image, badge, ...rest }: LinkCardProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=LinkCard.d.ts.map

package/components/content/LinkCard/LinkCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../../src/components/content/LinkCard/LinkCard.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,QAAQ,CAClC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CACF,CAAC;AAEF,eAAO,MAAM,QAAQ;wDAAuD,aAAa;;CAqBxF,CAAC"}
+{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../../src/components/content/LinkCard/LinkCard.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,QAAQ,CAClC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CACF,CAAC;AAEF,eAAO,MAAM,QAAQ;+DAOlB,aAAa;;CAyCf,CAAC"}

package/index.mjs

@@ -33340,27 +33340,41 @@ var BW = ({ title: r, subtitle: i, image: a, cta: o, className: s, onClick: c, o
 BW.displayName = "LightPromoBanner";
 //#endregion
 //#region src/components/content/LinkCard/LinkCard.tsx
-var VW = ({ className: e, title: r, description: i, image: a, ...o }) => /* @__PURE__ */ n("a", {
-	...o,
-	className: U("rounded-500 flex w-full items-center gap-3 p-3", "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued active:bg-background-subdued-down", "focus:ring-misc-focus-indicator focus:misc-border-size-focus-ring transition-all", e),
-	children: [
-		/* @__PURE__ */ t("figure", {
-			className: "bg-content-accent-subdued rounded-200 relative h-12 w-12 shrink-0 overflow-hidden",
-			children: a
-		}),
-		/* @__PURE__ */ n("div", {
-			className: "flex flex-1 flex-col justify-center gap-0.5 overflow-hidden",
-			children: [/* @__PURE__ */ t("h3", {
-				className: "component-semi-strong-500 text-content-primary truncate",
-				children: r
-			}), /* @__PURE__ */ t("span", {
-				className: "component-400 text-content-secondary line-clamp-2",
-				children: i
-			})]
-		}),
-		/* @__PURE__ */ t(m, { className: "text-content-tertiary h-5 w-5" })
-	]
-});
+var VW = ({ className: e, title: r, description: i, image: a, badge: o, ...s }) => {
+	let c = s.href == null && s.onClick != null, l = (e) => {
+		s.onKeyDown?.(e), c && !e.defaultPrevented && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
+	};
+	return /* @__PURE__ */ n("a", {
+		...s,
+		role: s.role ?? (c ? "button" : void 0),
+		tabIndex: s.tabIndex ?? (c ? 0 : void 0),
+		onKeyDown: c ? l : s.onKeyDown,
+		className: U("rounded-500 flex w-full cursor-pointer items-center gap-3 p-3", "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued active:bg-background-subdued-down", "focus:ring-misc-focus-indicator focus:misc-border-size-focus-ring transition-all", e),
+		children: [
+			/* @__PURE__ */ t("figure", {
+				className: "bg-content-accent-subdued rounded-200 relative h-12 w-12 shrink-0 overflow-hidden",
+				children: a
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex flex-1 flex-col justify-center gap-0.5 overflow-hidden",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ t("h3", {
+						className: "component-semi-strong-500 text-content-primary min-w-0 truncate",
+						children: r
+					}), o != null && /* @__PURE__ */ t("span", {
+						className: "flex shrink-0 items-center",
+						children: o
+					})]
+				}), /* @__PURE__ */ t("span", {
+					className: "component-400 text-content-secondary line-clamp-2",
+					children: i
+				})]
+			}),
+			/* @__PURE__ */ t(m, { className: "text-content-tertiary h-5 w-5" })
+		]
+	});
+};
 VW.displayName = "LinkCard";
 //#endregion
 //#region src/components/editor/ColorSwatch/ColorSwatch.tsx

package/package.json

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