@photoroom/ui 0.1.720 → 0.1.721

package/index.mjs

@@ -33787,10 +33787,10 @@ var qW = W("group/checkbox-indicator rounded-200 relative flex h-5 w-5 shrink-0
 QW.displayName = "CheckboxPullDown";
 //#endregion
 //#region src/components/content/ColumnHeader/ColumnHeader.tsx
-var $W = ({ selection: e, reserveSelection: t, productLabel: n, imagesLabel: r, statusLabel: i, listingScoreLabel: a, className: o }) => {
-	let s = !e && t ? "min-w-[308px]" : "min-w-60";
+var $W = ({ selection: e, reserveSelection: t, productLabel: n, imagesLabel: r, statusLabel: i, showStatus: a = !0, listingScoreLabel: o, className: s }) => {
+	let c = !e && t ? "min-w-[308px]" : "min-w-60";
 	return /* @__PURE__ */ L("div", {
-		className: U("bg-surface-primary-elevated flex flex-col gap-2 pt-2", o),
+		className: U("bg-surface-primary-elevated flex flex-col gap-2 pt-2", s),
 		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center px-4",
 			children: [e && /* @__PURE__ */ I(QW, {
@@ -33804,7 +33804,7 @@ var $W = ({ selection: e, reserveSelection: t, productLabel: n, imagesLabel: r,
 				className: H("flex min-w-0 flex-1 items-center", e && "ps-3"),
 				children: [
 					/* @__PURE__ */ I(eG, {
-						className: H("flex-1", s),
+						className: H("flex-1", c),
 						first: !0,
 						children: n
 					}),
@@ -33812,13 +33812,13 @@ var $W = ({ selection: e, reserveSelection: t, productLabel: n, imagesLabel: r,
 						className: "w-[245px] min-w-40",
 						children: r
 					}),
-					/* @__PURE__ */ I(eG, {
+					a && /* @__PURE__ */ I(eG, {
 						className: "w-[245px] min-w-40",
 						children: i
 					}),
 					/* @__PURE__ */ I(eG, {
 						className: "w-[245px] min-w-40",
-						children: a
+						children: o
 					})
 				]
 			})]
@@ -34987,38 +34987,38 @@ var $G = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 			children: t
 		})]
 	});
-}, sK = ({ title: e, imageUrl: t, imageCountLabel: n, status: r, statusLabel: i, unpublishedChangesLabel: a, sellScore: o, noListingScoreLabel: s, selection: c, onClick: l, className: u }) => {
-	let d = !!l, f = (e) => {
-		d && e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l?.());
-	}, p = (e) => {
+}, sK = ({ title: e, imageUrl: t, imageCountLabel: n, status: r, statusLabel: i, showStatus: a = !0, unpublishedChangesLabel: o, sellScore: s, noListingScoreLabel: c, selection: l, onClick: u, className: d }) => {
+	let f = !!u, p = (e) => {
+		f && e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u?.());
+	}, m = (e) => {
 		e.stopPropagation();
 	};
 	return /* @__PURE__ */ L("div", {
-		className: U("bg-surface-primary-elevated flex flex-col gap-3", d && [
-			"hover:bg-background-subdued-down cursor-pointer",
+		className: U("bg-surface-primary-elevated flex flex-col gap-3", f && [
+			"hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down cursor-pointer",
 			"outline-hidden transition-colors",
 			"focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring"
-		], u),
-		role: d ? "button" : void 0,
-		tabIndex: d ? 0 : void 0,
-		onClick: l,
-		onKeyDown: f,
+		], d),
+		role: f ? "button" : void 0,
+		tabIndex: f ? 0 : void 0,
+		onClick: u,
+		onKeyDown: p,
 		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center px-4 pt-3",
-			children: [c && /* @__PURE__ */ I("span", {
+			children: [l && /* @__PURE__ */ I("span", {
 				className: "flex h-10 w-9 shrink-0 items-center justify-center",
-				onClick: p,
-				onKeyDown: p,
+				onClick: m,
+				onKeyDown: m,
 				children: /* @__PURE__ */ I(WG, {
-					checked: c.selected,
-					onCheckedChange: (e) => c.onSelectedChange(e === !0),
-					"aria-label": c.selectionLabel
+					checked: l.selected,
+					onCheckedChange: (e) => l.onSelectedChange(e === !0),
+					"aria-label": l.selectionLabel
 				})
 			}), /* @__PURE__ */ L("div", {
 				className: "flex min-w-0 flex-1 items-center",
 				children: [
 					/* @__PURE__ */ L("div", {
-						className: H("flex flex-1 items-center gap-4", c ? "min-w-68 ps-2" : "min-w-60 ps-3"),
+						className: H("flex flex-1 items-center gap-4", l ? "min-w-68 ps-2" : "min-w-60 ps-3"),
 						children: [/* @__PURE__ */ I(iK, {
 							size: "small",
 							bordered: !0,
@@ -35029,9 +35029,9 @@ var $G = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 							children: [/* @__PURE__ */ I("p", {
 								className: "component-500 text-content-primary line-clamp-2 max-w-full wrap-anywhere",
 								children: e
-							}), a != null && /* @__PURE__ */ I(eK, {
+							}), o != null && /* @__PURE__ */ I(eK, {
 								background: !1,
-								children: a
+								children: o
 							})]
 						})]
 					}),
@@ -35039,15 +35039,15 @@ var $G = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 						className: "component-500 text-content-tertiary w-[245px] min-w-40 truncate ps-3",
 						children: n
 					}),
-					/* @__PURE__ */ I(oK, {
+					a && /* @__PURE__ */ I(oK, {
 						status: r,
 						label: i
 					}),
 					/* @__PURE__ */ I("div", {
 						className: "w-[245px] min-w-40 ps-3",
-						children: o ? /* @__PURE__ */ I(QG, { ...o }) : /* @__PURE__ */ I("span", {
+						children: s ? /* @__PURE__ */ I(QG, { ...s }) : /* @__PURE__ */ I("span", {
 							className: "component-500 text-content-tertiary",
-							"aria-label": s,
+							"aria-label": c,
 							children: "-"
 						})
 					})

package/package.json

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