@photoroom/ui 0.1.467 → 0.1.468

package/components/action/ValidationBanner/ValidationBanner.d.ts

@@ -28,10 +28,17 @@ export type ValidationBannerProps = Readonly<{
     inputValue?: string;
     onInputChange?: (value: string) => void;
     inputPlaceholder?: string;
+    /** Focus the input as soon as it mounts — e.g. when revealed by a toggle. */
+    inputAutoFocus?: boolean;
+    /**
+     * Render the input value in a muted tone, to signal it is a prefilled
+     * suggestion (e.g. an AI-generated prompt) the user can overwrite.
+     */
+    inputMuted?: boolean;
     "data-testid"?: string;
 }> & React.RefAttributes<HTMLButtonElement>;
 export declare const ValidationBanner: {
-    ({ title, description, loading, disabled, onClick, onClose, preview, previewLabel, icon, variant, secondaryTitle, onSecondaryClick, secondaryVariant, secondaryDisabled, secondaryPlacement, inputValue, onInputChange, inputPlaceholder, "data-testid": dataTestId, ref, }: ValidationBannerProps): React.JSX.Element;
+    ({ title, description, loading, disabled, onClick, onClose, preview, previewLabel, icon, variant, secondaryTitle, onSecondaryClick, secondaryVariant, secondaryDisabled, secondaryPlacement, inputValue, onInputChange, inputPlaceholder, inputAutoFocus, inputMuted, "data-testid": dataTestId, ref, }: ValidationBannerProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=ValidationBanner.d.ts.map

package/components/action/ValidationBanner/ValidationBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/action/ValidationBanner/ValidationBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC3C,gBAAgB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,GACA,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,gBAAgB;iRAqB1B,qBAAqB;;CAgFvB,CAAC"}
+{"version":3,"file":"ValidationBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/action/ValidationBanner/ValidationBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC3C,gBAAgB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,GACA,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,gBAAgB;6SAuB1B,qBAAqB;;CAkFvB,CAAC"}

package/index.mjs

@@ -21397,20 +21397,20 @@ var Jw = ({ label: e, helper: r, className: i, invalid: a, trailingElement: o, a
 Jw.displayName = "TextArea";
 //#endregion
 //#region src/components/action/ValidationBanner/ValidationBanner.tsx
-var Yw = ({ title: e, description: r, loading: i, disabled: a, onClick: o, onClose: s, preview: c, previewLabel: l, icon: u, variant: d = "primary", secondaryTitle: f, onSecondaryClick: p, secondaryVariant: m = "secondary", secondaryDisabled: h, secondaryPlacement: g = "below", inputValue: v, onInputChange: y, inputPlaceholder: b, "data-testid": x, ref: S }) => {
-	let C = v !== void 0, w = /* @__PURE__ */ t(zr, {
+var Yw = ({ title: e, description: r, loading: i, disabled: a, onClick: o, onClose: s, preview: c, previewLabel: l, icon: u, variant: d = "primary", secondaryTitle: f, onSecondaryClick: p, secondaryVariant: m = "secondary", secondaryDisabled: h, secondaryPlacement: g = "below", inputValue: v, onInputChange: y, inputPlaceholder: b, inputAutoFocus: x, inputMuted: S, "data-testid": C, ref: w }) => {
+	let T = v !== void 0, E = /* @__PURE__ */ t(zr, {
 		variant: d,
 		density: "regular",
 		size: "medium",
 		className: "w-full",
-		ref: S,
+		ref: w,
 		onClick: o,
 		disabled: a,
 		loading: i,
 		icon: u,
-		"data-testid": x,
+		"data-testid": C,
 		children: e
-	}), T = f ? /* @__PURE__ */ t(zr, {
+	}), D = f ? /* @__PURE__ */ t(zr, {
 		variant: m,
 		density: "regular",
 		size: "medium",
@@ -21436,13 +21436,15 @@ var Yw = ({ title: e, description: r, loading: i, disabled: a, onClick: o, onClo
 					children: l
 				}), c]
 			}),
-			C && /* @__PURE__ */ t("div", {
+			T && /* @__PURE__ */ t("div", {
 				className: "w-full",
 				children: /* @__PURE__ */ t(Jw, {
 					value: v,
 					onChange: (e) => y?.(e.target.value),
 					placeholder: b,
 					"aria-label": b,
+					autoFocus: x,
+					className: U(S && "text-content-secondary"),
 					autosized: !0,
 					minRows: 5,
 					maxRows: void 0
@@ -21451,9 +21453,9 @@ var Yw = ({ title: e, description: r, loading: i, disabled: a, onClick: o, onClo
 			/* @__PURE__ */ n("div", {
 				className: "flex w-full flex-col gap-2",
 				children: [
-					g === "above" && T,
-					w,
-					g === "below" && T
+					g === "above" && D,
+					E,
+					g === "below" && D
 				]
 			}),
 			r && /* @__PURE__ */ t("div", {

package/package.json

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