@photoroom/ui 0.1.248 → 0.1.249

package/index.mjs

@@ -46978,44 +46978,52 @@ var pfe = typeof window < "u" ? y : h, mfe = function(e) {
 U4.displayName = "TextAreaAutosize";
 //#endregion
 //#region src/components/input/CanvasInput/CanvasInput.tsx
-var W4 = ({ value: e, buttonLabel: t, disabled: n = !1, loading: r = !1, autoFocus: i = !1, placeholder: a, className: o, onChange: s, onSubmit: c, onKeyDown: l, onFocus: u, ...d }) => {
-	let f = S(null);
+var W4 = ({ value: e, buttonLabel: t, disabled: n = !1, loading: r = !1, autoFocus: i = !1, placeholder: a, className: o, trailingAction: s, onChange: c, onSubmit: l, onKeyDown: u, onFocus: d, ...f }) => {
+	let p = S(null);
 	return hfe(() => {
-		i && f.current && setTimeout(() => {
-			f.current?.focus();
+		i && p.current && setTimeout(() => {
+			p.current?.focus();
 		}, 0);
 	}), /* @__PURE__ */ D("div", {
-		className: V("rounded-area-500 bg-surface-high box-border flex w-[320px] items-center gap-2 py-2 ps-3 pe-2", "border-misc-border-box border transition duration-200", "hover:border-neutral-400", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", n && "cursor-not-allowed opacity-30"),
+		className: V("rounded-area-500 bg-surface-high box-border flex w-[440px] items-center gap-2 py-2 ps-3 pe-2", "border-misc-border-box border transition duration-200", "hover:border-neutral-400", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", n && "cursor-not-allowed opacity-30"),
 		onClick: () => {
-			n || f.current?.focus();
+			n || p.current?.focus();
 		},
-		children: [/* @__PURE__ */ E(U4, {
-			ref: f,
-			value: e,
-			disabled: n,
-			placeholder: a,
-			onChange: s,
-			onKeyDown: l,
-			onFocus: u,
-			className: V("flex-1 resize-none bg-transparent p-0", "text-content-primary placeholder:text-content-tertiary text-sm", "caret-content-secondary", "overflow-y-auto", o),
-			style: {
-				border: "none",
-				outline: "none",
-				boxShadow: "none"
-			},
-			minRows: 1,
-			maxRows: 3,
-			...d
-		}), /* @__PURE__ */ E(Dr, {
-			onClick: c,
-			disabled: n || !e.trim(),
-			loading: r,
-			className: "h-10 w-10 shrink-0 self-end",
-			icon: N,
-			density: "compact",
-			variant: "accent",
-			"aria-label": t
-		})]
+		children: [
+			/* @__PURE__ */ E(U4, {
+				ref: p,
+				value: e,
+				disabled: n,
+				placeholder: a,
+				onChange: c,
+				onKeyDown: u,
+				onFocus: d,
+				className: V("flex-1 resize-none bg-transparent p-0", "text-content-primary placeholder:text-content-tertiary text-sm", "caret-content-secondary", "overflow-y-auto", o),
+				style: {
+					border: "none",
+					outline: "none",
+					boxShadow: "none"
+				},
+				minRows: 1,
+				maxRows: 3,
+				...f
+			}),
+			s && /* @__PURE__ */ E("div", {
+				className: "flex h-10 shrink-0 items-center self-end",
+				onClick: (e) => e.stopPropagation(),
+				children: s
+			}),
+			/* @__PURE__ */ E(Dr, {
+				onClick: l,
+				disabled: n || !e.trim(),
+				loading: r,
+				className: "h-10 w-10 shrink-0 self-end",
+				icon: N,
+				density: "compact",
+				variant: "accent",
+				"aria-label": t
+			})
+		]
 	});
 };
 W4.displayName = "CanvasInput";

package/package.json

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