@photoroom/ui 0.1.732 → 0.1.733

package/index.mjs

@@ -37726,19 +37726,19 @@ var Yme = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, visual: i, ti
 bY.displayName = "DropdownListBox";
 //#endregion
 //#region src/components/dropdown/DropdownListBox/DropdownMenuSingleSelectionItem.tsx
-var xY = ({ label: e, selected: t, badge: n, thumbnail: r, icon: i, multiline: a = !1, ref: o, ...s }) => {
-	let c = n?.avatar ? be(n.avatar, {
+var xY = ({ label: e, selected: t, badge: n, thumbnail: r, icon: i, multiline: a = !1, className: o, ref: s, ...c }) => {
+	let u = n?.avatar ? be(n.avatar, {
 		className: H("pointer-events-none shrink-0", n.avatar.props.className),
 		size: 12
 	}) : null;
 	return /* @__PURE__ */ L("div", {
-		ref: o,
+		ref: s,
 		tabIndex: 0,
-		...s,
-		className: H("misc-dropdown-inner-rounding flex w-full cursor-pointer gap-1 pe-3 outline-hidden", a ? "min-h-12 items-start py-2" : "h-12 items-center", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", {
+		...c,
+		className: U("misc-dropdown-inner-rounding flex w-full cursor-pointer gap-1 pe-3 outline-hidden", a ? "min-h-12 items-start py-2" : "h-12 items-center", "hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down", "focus-visible:border-size-ring-3 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring", {
 			"ps-2": t,
 			"ps-8": !t
-		}),
+		}, o),
 		children: [
 			!!t && /* @__PURE__ */ I(l, { className: "text-content-primary icon-size-500" }),
 			r && /* @__PURE__ */ I(th, {
@@ -37759,7 +37759,7 @@ var xY = ({ label: e, selected: t, badge: n, thumbnail: r, icon: i, multiline: a
 				className: "shrink-0",
 				size: "small",
 				variant: "subdued",
-				icon: c,
+				icon: u,
 				children: n.label
 			})
 		]
@@ -54100,10 +54100,7 @@ var a8 = kSe, o8 = ISe, s8 = RSe, c8 = zSe, l8 = VSe, HSe = ({ children: e, clas
 	type: "multiple",
 	className: t,
 	children: e
-}), u8 = ({ className: e }) => /* @__PURE__ */ I("div", {
-	className: U("px-2", e),
-	children: /* @__PURE__ */ I(d, { className: "text-content-tertiary icon-size-500 group-radix-state-open:rotate-180 transition-transform duration-200" })
-}), USe = ({ label: e, subtitle: t }) => /* @__PURE__ */ L("div", {
+}), u8 = ({ label: e, subtitle: t }) => /* @__PURE__ */ L("div", {
 	className: "flex flex-col items-start gap-1 py-2",
 	children: [/* @__PURE__ */ I("span", {
 		className: "component-500 text-content-primary",
@@ -54140,28 +54137,32 @@ var a8 = kSe, o8 = ISe, s8 = RSe, c8 = zSe, l8 = VSe, HSe = ({ children: e, clas
 });
 d8.displayName = "VariantsListItemLeading";
 //#endregion
-//#region src/components/list/VariantListItem/VariantsValueItem.tsx
-var f8 = ({ label: e, subtitle: t, onClickLeading: n, className: r, ...i }) => /* @__PURE__ */ L("div", {
+//#region src/components/list/VariantListItem/VariantsListItemTrailing.tsx
+var f8 = ({ className: e }) => /* @__PURE__ */ I("div", {
+	className: U("px-2", e),
+	children: /* @__PURE__ */ I(d, { className: "text-content-tertiary icon-size-500 group-radix-state-open:rotate-180 transition-transform duration-200" })
+}), USe = ({ label: e, subtitle: t, onClick: n, onClickLeading: r, ...i }) => /* @__PURE__ */ L(s8, {
+	onClick: n,
+	className: "group rounded-450 border-misc-border hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down radix-state-open:rounded-b-none radix-state-open:border-b flex w-full items-center overflow-hidden",
+	children: [/* @__PURE__ */ I(d8, {
+		onClick: r,
+		...i
+	}), /* @__PURE__ */ L(c8, {
+		className: H("flex flex-1 items-center self-stretch outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:ring-inset"),
+		children: [/* @__PURE__ */ I(u8, {
+			label: e,
+			subtitle: t
+		}), /* @__PURE__ */ I(f8, { className: "ms-auto" })]
+	})]
+}), WSe = ({ label: e, subtitle: t, onClickLeading: n, className: r, ...i }) => /* @__PURE__ */ L("div", {
 	className: U("flex items-center", r),
 	children: [/* @__PURE__ */ I(d8, {
 		onClick: n,
 		...i
-	}), /* @__PURE__ */ I(USe, {
+	}), /* @__PURE__ */ I(u8, {
 		label: e,
 		subtitle: t
 	})]
-}), WSe = ({ label: e, subtitle: t, onClick: n, onClickLeading: r, ...i }) => /* @__PURE__ */ I(s8, {
-	onClick: n,
-	children: /* @__PURE__ */ L(c8, {
-		className: "group rounded-450 border-misc-border hover:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down radix-state-open:rounded-b-none radix-state-open:border-b flex w-full items-center overflow-hidden",
-		children: [/* @__PURE__ */ I(f8, {
-			label: e,
-			subtitle: t,
-			onClickLeading: r,
-			className: "flex-1",
-			...i
-		}), /* @__PURE__ */ I(u8, {})]
-	})
 }), p8 = ({ value: e, header: t, children: n }) => /* @__PURE__ */ L(o8, {
 	value: e,
 	className: "rounded-450 radix-state-open:bg-background-subdued mb-1",
@@ -54173,7 +54174,7 @@ var f8 = ({ label: e, subtitle: t, onClickLeading: n, className: r, ...i }) => /
 		})
 	})]
 });
-p8.HeaderItem = WSe, p8.ValueItem = f8, p8.Trailing = u8, p8.Leading = d8;
+p8.HeaderItem = USe, p8.ValueItem = WSe, p8.Trailing = f8, p8.Leading = d8;
 //#endregion
 //#region src/components/multiplayer/ActivityRow/ActivityRow.tsx
 var GSe = ({ variant: e, accountType: t, title: n, description: r, thumbnail: i, time: a, avatar: o, unread: s = !1, stacked: c = !1, selectable: l = !0, showUnread: u = !0 }) => {

package/package.json

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