@photoroom/ui 0.1.661 → 0.1.662

package/index.mjs

@@ -33803,8 +33803,8 @@ uG.displayName = "CheckboxPullDown";
 //#endregion
 //#region src/components/content/ColumnHeader/ColumnHeader.tsx
 var dG = ({ selection: e, reserveSelection: t, productLabel: n, imagesLabel: r, statusLabel: i, listingScoreLabel: a, className: o }) => {
-	let s = "w-[339px]";
-	return e ? s = "w-[298px]" : t && (s = "w-[366px]"), /* @__PURE__ */ L("div", {
+	let s = !e && t ? "min-w-[308px]" : "min-w-60";
+	return /* @__PURE__ */ L("div", {
 		className: U("bg-surface-high flex flex-col gap-2 pt-2", o),
 		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center px-4",
@@ -33816,23 +33816,23 @@ var dG = ({ selection: e, reserveSelection: t, productLabel: n, imagesLabel: r,
 				menuLabel: e.menuLabel,
 				menuExpanded: e.menuExpanded
 			}), /* @__PURE__ */ L("div", {
-				className: H("flex flex-1 items-center", e && "ps-3"),
+				className: H("flex min-w-0 flex-1 items-center", e && "ps-3"),
 				children: [
 					/* @__PURE__ */ I(fG, {
-						className: H("shrink-0", s),
+						className: H("flex-1", s),
 						first: !0,
 						children: n
 					}),
 					/* @__PURE__ */ I(fG, {
-						className: "w-[245px] shrink-0",
+						className: "w-[245px] min-w-40",
 						children: r
 					}),
 					/* @__PURE__ */ I(fG, {
-						className: "w-[245px] shrink-0",
+						className: "w-[245px] min-w-40",
 						children: i
 					}),
 					/* @__PURE__ */ I(fG, {
-						className: "w-[245px] shrink-0",
+						className: "w-[245px] min-w-40",
 						children: a
 					})
 				]
@@ -34992,7 +34992,7 @@ var dK = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 }, vK = ({ status: e, label: t }) => {
 	let n = e === "none";
 	return /* @__PURE__ */ L("div", {
-		className: "flex w-[245px] shrink-0 items-center gap-2 ps-3",
+		className: "flex w-[245px] min-w-40 items-center gap-2 ps-3",
 		children: [!n && /* @__PURE__ */ I("span", {
 			"aria-hidden": "true",
 			className: H("size-2 shrink-0 rounded-full", _K[e])
@@ -35018,7 +35018,7 @@ var dK = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 		onClick: l,
 		onKeyDown: f,
 		children: [/* @__PURE__ */ L("div", {
-			className: "flex items-center ps-4 pt-3",
+			className: "flex items-center px-4 pt-3",
 			children: [
 				c && /* @__PURE__ */ I("span", {
 					className: "flex h-10 w-9 shrink-0 items-center justify-center",
@@ -35035,10 +35035,10 @@ var dK = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 					"aria-hidden": "true"
 				}),
 				/* @__PURE__ */ L("div", {
-					className: H("flex flex-1 items-center", c && "ps-3"),
+					className: H("flex min-w-0 flex-1 items-center", c && "ps-3"),
 					children: [
 						/* @__PURE__ */ L("div", {
-							className: H("flex shrink-0 items-center gap-4 ps-3", c ? "w-[298px]" : "w-[339px]"),
+							className: "flex min-w-60 flex-1 items-center gap-4 ps-3",
 							children: [/* @__PURE__ */ I(gK, {
 								size: "small",
 								bordered: !0,
@@ -35047,7 +35047,7 @@ var dK = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 							}), /* @__PURE__ */ L("div", {
 								className: "flex min-w-0 flex-col items-start justify-center",
 								children: [/* @__PURE__ */ I("p", {
-									className: "component-500 font-600 text-content-primary block max-w-full truncate",
+									className: "component-500 font-600 text-content-primary line-clamp-2 max-w-full wrap-anywhere",
 									children: e
 								}), a != null && /* @__PURE__ */ I(fK, {
 									background: !1,
@@ -35056,7 +35056,7 @@ var dK = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 							})]
 						}),
 						/* @__PURE__ */ I("span", {
-							className: "component-500 text-content-tertiary w-[245px] shrink-0 truncate ps-3",
+							className: "component-500 text-content-tertiary w-[245px] min-w-40 truncate ps-3",
 							children: n
 						}),
 						/* @__PURE__ */ I(vK, {
@@ -35064,7 +35064,7 @@ var dK = W("rounded-300 component-semi-strong-300 inline-flex h-5 w-fit items-ce
 							label: i
 						}),
 						/* @__PURE__ */ I("div", {
-							className: "w-[245px] shrink-0 ps-3",
+							className: "w-[245px] min-w-40 ps-3",
 							children: o ? /* @__PURE__ */ I(uK, { ...o }) : /* @__PURE__ */ I("span", {
 								className: "component-500 text-content-tertiary",
 								"aria-label": s,

package/package.json

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