@photoroom/ui 0.1.306 → 0.1.308

package/components/collections/CommonMenu/MenuItemButton.d.ts

@@ -1,11 +1,12 @@
 import { VariantProps } from "class-variance-authority";
 import React from "react";
+import { Merge, PolymorphicComponent } from "../../polymorphic";
 declare const menuItemCva: (props?: ({
     withIcon?: boolean | null | undefined;
     variant?: "default" | "negative" | "positive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type MenuItemCvaProps = VariantProps<typeof menuItemCva>;
-export type MenuItemButtonProps = Readonly<{
+type MenuItemButtonOwnProps = Readonly<{
     avatar?: React.ReactElement;
     objectPreview?: React.ReactElement;
     icon?: React.ComponentType<React.ComponentPropsWithoutRef<"svg">>;
@@ -15,10 +16,8 @@ export type MenuItemButtonProps = Readonly<{
     trailingLabel?: string;
     description?: string;
     noWrap?: boolean;
-}> & MenuItemCvaProps & React.ComponentProps<"button">;
-export declare const MenuItemButton: {
-    ({ avatar, objectPreview, icon: Icon, leading, hideIcon, children, description, variant, noWrap, rightElement, trailingLabel, className, ref, ...rest }: MenuItemButtonProps): React.JSX.Element;
-    displayName: string;
-};
+}> & MenuItemCvaProps;
+export type MenuItemButtonProps = Merge<React.ComponentPropsWithRef<"button">, MenuItemButtonOwnProps>;
+export declare const MenuItemButton: PolymorphicComponent<"button", MenuItemButtonOwnProps>;
 export {};
 //# sourceMappingURL=MenuItemButton.d.ts.map

package/components/collections/CommonMenu/MenuItemButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemButton.d.ts","sourceRoot":"","sources":["../../../../src/components/collections/CommonMenu/MenuItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,QAAA,MAAM,WAAW;;;8EAuBhB,CAAC;AAYF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,GACA,gBAAgB,GAChB,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEjC,eAAO,MAAM,cAAc;6JAexB,mBAAmB;;CAgErB,CAAC"}
+{"version":3,"file":"MenuItemButton.d.ts","sourceRoot":"","sources":["../../../../src/components/collections/CommonMenu/MenuItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAoB,MAAM,mBAAmB,CAAC;AAElF,QAAA,MAAM,WAAW;;;8EAuBhB,CAAC;AAYF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEzD,KAAK,sBAAsB,GAAG,QAAQ,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,GACA,gBAAgB,CAAC;AAKnB,MAAM,MAAM,mBAAmB,GAAG,KAAK,CACrC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EACrC,sBAAsB,CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAgFrB,oBAAoB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC"}

package/components/dropdown/SpaceDropdown/DropdownMenuSpaceActionItem.d.ts

@@ -2,9 +2,11 @@ import React from "react";
 export type DropdownMenuSpaceActionItemProps = React.ComponentProps<"button"> & Readonly<{
     label: string;
     icon: React.ReactNode;
+    /** Denser row to match `DropdownMenuSpaceItem` compact rows in the same list. */
+    compact?: boolean;
 }>;
 export declare const DropdownMenuSpaceActionItem: {
-    ({ label, icon, className, ref, ...rest }: DropdownMenuSpaceActionItemProps): React.JSX.Element;
+    ({ label, icon, compact, className, ref, ...rest }: DropdownMenuSpaceActionItemProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=DropdownMenuSpaceActionItem.d.ts.map

package/components/dropdown/SpaceDropdown/DropdownMenuSpaceActionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSpaceActionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/SpaceDropdown/DropdownMenuSpaceActionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,gCAAgC,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC3E,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC,CAAC;AAEL,eAAO,MAAM,2BAA2B;+CAMrC,gCAAgC;;CAuBlC,CAAC"}
+{"version":3,"file":"DropdownMenuSpaceActionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/SpaceDropdown/DropdownMenuSpaceActionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,gCAAgC,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC3E,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEL,eAAO,MAAM,2BAA2B;wDAOrC,gCAAgC;;CAwBlC,CAAC"}

package/components/dropdown/SpaceDropdown/DropdownMenuSpaceItem.d.ts

@@ -5,9 +5,11 @@ export type DropdownMenuSpaceItemProps = React.ComponentProps<"button"> & Readon
     subtitle?: string;
     badgeLabel?: string | null;
     icon?: React.ReactNode;
+    /** Tighter padding for long, scannable space lists (avatar size is unchanged). */
+    compact?: boolean;
 }>;
 export declare const DropdownMenuSpaceItem: {
-    ({ title, subtitle, avatar, badgeLabel, icon, className, ref, ...rest }: DropdownMenuSpaceItemProps): import("react").JSX.Element;
+    ({ title, subtitle, avatar, badgeLabel, icon, compact, className, ref, ...rest }: DropdownMenuSpaceItemProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=DropdownMenuSpaceItem.d.ts.map

package/components/dropdown/SpaceDropdown/DropdownMenuSpaceItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSpaceItem.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/SpaceDropdown/DropdownMenuSpaceItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG9D,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACrE,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CACb,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,OAAO,GAAG,aAAa,CAAC,CACxF,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC,CAAC;AAEL,eAAO,MAAM,qBAAqB;6EAS/B,0BAA0B;;CAkC5B,CAAC"}
+{"version":3,"file":"DropdownMenuSpaceItem.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/SpaceDropdown/DropdownMenuSpaceItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG9D,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACrE,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CACb,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,OAAO,GAAG,aAAa,CAAC,CACxF,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEL,eAAO,MAAM,qBAAqB;sFAU/B,0BAA0B;;CAmC5B,CAAC"}

package/index.mjs

@@ -9,7 +9,6 @@ import { AppStoreDeIcon as cee, AppStoreEnIcon as lee, AppStoreEsIcon as uee, Ap
 import { CrossIcon as Rt } from "@photoroom/icons/monochromes/CrossIcon";
 import { DisclosureTriangleIcon as zt } from "@photoroom/icons/monochromes/DisclosureTriangleIcon";
 import Bt from "next/link";
-import "date-fns";
 //#region \0rolldown/runtime.js
 var Vt = Object.create, Ht = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, Wt = Object.getOwnPropertyNames, Gt = Object.getPrototypeOf, Kt = Object.prototype.hasOwnProperty, qt = (e, t) => () => (e && (t = e(e = 0)), t), Jt = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), Yt = (e, t) => {
 	let n = {};
@@ -32531,56 +32530,56 @@ var eV = G([
 	default: "text-content-secondary",
 	positive: "text-content-positive",
 	negative: "text-content-negative"
-} } }), nV = ({ avatar: e, objectPreview: r, icon: i, leading: a, hideIcon: o, children: s, description: c, variant: l = "default", noWrap: u = !1, rightElement: d, trailingLabel: f, className: p, ref: m, ...h }) => {
-	let g = Oe(() => e ? me(e, {
-		className: U("pointer-events-none ms-auto mt-2", e.props.className),
+} } }), nV = (({ as: e = "button", avatar: r, objectPreview: i, icon: a, leading: o, hideIcon: s, children: c, description: l, variant: u = "default", noWrap: d = !1, rightElement: f, trailingLabel: p, className: m, ref: h, ...g }) => {
+	let _ = Oe(() => r ? me(r, {
+		className: U("pointer-events-none ms-auto mt-2", r.props.className),
 		size: 24
-	}) : null, [e]), _ = Oe(() => r ? me(r, { className: U("bg-background-asset pointer-events-none ms-auto mt-2 h-6 w-6", r.props.className) }) : null, [r]);
-	return /* @__PURE__ */ n("button", {
-		ref: m,
+	}) : null, [r]), v = Oe(() => i ? me(i, { className: U("bg-background-asset pointer-events-none ms-auto mt-2 h-6 w-6", i.props.className) }) : null, [i]);
+	return /* @__PURE__ */ n(e, {
+		ref: h,
 		className: eV({
-			variant: l,
-			withIcon: !!i || !!a || !!o,
-			class: p
+			variant: u,
+			withIcon: !!a || !!o || !!s,
+			class: m
 		}),
-		...h,
+		...g,
 		children: [
-			g,
 			_,
-			i && /* @__PURE__ */ t(i, {
-				className: tV({ variant: l }),
+			v,
+			a && /* @__PURE__ */ t(a, {
+				className: tV({ variant: u }),
 				"aria-hidden": "true"
 			}),
-			!i && a && /* @__PURE__ */ t("span", {
+			!a && o && /* @__PURE__ */ t("span", {
 				className: "icon-size-500 mt-2.5 flex items-center justify-center",
 				"aria-hidden": "true",
-				children: a
+				children: o
 			}),
-			!i && !a && o && /* @__PURE__ */ t("span", {
+			!a && !o && s && /* @__PURE__ */ t("span", {
 				className: "icon-size-500 mt-2.5",
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ n("div", {
-				className: U("flex flex-1 flex-col gap-0.5 py-[11px] text-start", u && "truncate"),
+				className: U("flex flex-1 flex-col gap-0.5 py-[11px] text-start", d && "truncate"),
 				children: [/* @__PURE__ */ t("div", {
-					className: U(u && "truncate"),
-					children: s
-				}), !e && c && /* @__PURE__ */ t("div", {
-					className: U("component-300 text-content-tertiary", u && "truncate"),
+					className: U(d && "truncate"),
 					children: c
+				}), !r && l && /* @__PURE__ */ t("div", {
+					className: U("component-300 text-content-tertiary", d && "truncate"),
+					children: l
 				})]
 			}),
-			d && /* @__PURE__ */ t("div", {
+			f && /* @__PURE__ */ t("div", {
 				className: "ms-auto mt-2",
-				children: d
+				children: f
 			}),
-			f && /* @__PURE__ */ t("span", {
+			p && /* @__PURE__ */ t("span", {
 				className: "text-content-secondary shrink-0 self-center whitespace-nowrap",
-				children: f
+				children: p
 			})
 		]
 	});
-};
+});
 nV.displayName = "MenuItemButton";
 //#endregion
 //#region src/components/collections/ContextMenu/MenuItem/MenuItem.tsx
@@ -36616,10 +36615,10 @@ var gJ = ({ label: e, selected: r, badge: i, thumbnail: a, icon: o, ref: s, ...c
 gJ.displayName = "DropdownMenuSingleSelectionItem";
 //#endregion
 //#region src/components/dropdown/SpaceDropdown/DropdownMenuSpaceActionItem.tsx
-var _J = ({ label: e, icon: r, className: i, ref: a, ...o }) => /* @__PURE__ */ n("button", {
-	ref: a,
-	...o,
-	className: U("shrink-0 cursor-pointer outline-hidden", "rounded-300 flex w-full items-center gap-4 p-3", "active:bg-background-subdued-down", "data-radix-collection-item:focus:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:hover:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", i),
+var _J = ({ label: e, icon: r, compact: i = !1, className: a, ref: o, ...s }) => /* @__PURE__ */ n("button", {
+	ref: o,
+	...s,
+	className: U("shrink-0 cursor-pointer outline-hidden", "rounded-300 flex w-full items-center", i ? "gap-3 p-2" : "gap-4 p-3", "active:bg-background-subdued-down", "data-radix-collection-item:focus:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:hover:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", a),
 	children: [/* @__PURE__ */ t("div", {
 		className: "bg-background-accent-subdued relative flex size-500 shrink-0 items-center justify-center rounded-full",
 		children: /* @__PURE__ */ t("span", {
@@ -36634,10 +36633,10 @@ var _J = ({ label: e, icon: r, className: i, ref: a, ...o }) => /* @__PURE__ */
 _J.displayName = "DropdownMenuSpaceActionItem";
 //#endregion
 //#region src/components/dropdown/SpaceDropdown/DropdownMenuSpaceItem.tsx
-var vJ = ({ title: e, subtitle: r, avatar: i, badgeLabel: a, icon: o, className: s, ref: c, ...l }) => /* @__PURE__ */ n("button", {
-	ref: c,
-	...l,
-	className: U("shrink-0 outline-hidden", "rounded-300 flex w-full items-center gap-4 p-3", "disabled:cursor-not-allowed disabled:opacity-50", "enabled:cursor-pointer", "enabled:active:bg-background-subdued-down", "data-radix-collection-item:focus:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:enabled:hover:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", s),
+var vJ = ({ title: e, subtitle: r, avatar: i, badgeLabel: a, icon: o, compact: s = !1, className: c, ref: l, ...u }) => /* @__PURE__ */ n("button", {
+	ref: l,
+	...u,
+	className: U("shrink-0 outline-hidden", "rounded-300 flex w-full items-center", s ? "gap-3 p-2" : "gap-4 p-3", "disabled:cursor-not-allowed disabled:opacity-50", "enabled:cursor-pointer", "enabled:active:bg-background-subdued-down", "data-radix-collection-item:focus:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:enabled:hover:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", c),
 	children: [
 		/* @__PURE__ */ t(Nc, {
 			...i,
@@ -36672,28 +36671,29 @@ var yJ = ({ title: e, avatar: r, badgeLabel: i, className: a, ref: o, ...s }) =>
 	ref: o,
 	...s,
 	className: U("shrink-0 cursor-pointer outline-hidden", "rounded-500 flex h-14 w-full items-center gap-3 p-2", "active:bg-background-subdued-down", "data-radix-collection-item:focus:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:hover:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:bg-background-subdued-hover", "[&:not([data-radix-collection-item])]:focus-visible:misc-border-size-focus-ring", "[&:not([data-radix-collection-item])]:focus-visible:ring-misc-focus-indicator", a),
-	children: [/* @__PURE__ */ t(Nc, {
-		...r,
-		size: 40
-	}), /* @__PURE__ */ n("div", {
-		className: "flex min-w-0 grow flex-col gap-[3px] text-start",
-		children: [/* @__PURE__ */ n("span", {
-			className: "component-semi-strong-500 text-content-primary flex min-w-0 items-center gap-1 truncate",
+	children: [
+		/* @__PURE__ */ t(Nc, {
+			...r,
+			size: 40
+		}),
+		/* @__PURE__ */ n("div", {
+			className: "flex min-w-0 grow flex-col gap-[3px] text-start",
 			children: [/* @__PURE__ */ t("span", {
-				className: "truncate",
+				className: "component-semi-strong-500 text-content-primary min-w-0 truncate",
 				children: e
-			}), /* @__PURE__ */ t("span", {
-				className: "text-content-tertiary h-4 w-4 shrink-0",
-				children: /* @__PURE__ */ t(p, {})
+			}), !!i && /* @__PURE__ */ t("div", {
+				className: "flex items-center gap-1.5",
+				children: /* @__PURE__ */ t(sl, {
+					size: "small",
+					children: i
+				})
 			})]
-		}), !!i && /* @__PURE__ */ t("div", {
-			className: "flex items-center gap-1.5",
-			children: /* @__PURE__ */ t(sl, {
-				size: "small",
-				children: i
-			})
-		})]
-	})]
+		}),
+		/* @__PURE__ */ t("span", {
+			className: "text-content-tertiary h-4 w-4 shrink-0",
+			children: /* @__PURE__ */ t(p, {})
+		})
+	]
 });
 yJ.displayName = "SpacePullDownButton";
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.306",
+  "version": "0.1.308",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [
@@ -37,7 +37,7 @@
   "dependencies": {
     "@img-comparison-slider/react": "8.0.2",
     "@lottiefiles/react-lottie-player": "3.6.0",
-    "@photoroom/icons": "0.1.25",
+    "@photoroom/icons": "0.1.27",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-avatar": "1.2.0",
     "@radix-ui/react-checkbox": "1.3.3",