@photoroom/ui 0.1.768 → 0.1.770

package/components/dialog/StandardDialog/StandardDialogFooter.d.ts

@@ -1,7 +1,10 @@
 export type StandardDialogFooterProps = Readonly<{
     actions: React.ReactNode;
     detail?: React.ReactNode;
-    /** Takes precedence over `detail`. */
+    /**
+     * Puts the actions at the start with the footnote below; takes precedence over `detail`.
+     * `null` keeps that layout with no footnote, like Figma's "Has footnote" with the text hidden.
+     */
     footnote?: React.ReactNode;
     className?: string;
 }>;

package/components/dialog/StandardDialog/StandardDialogFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDialogFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/StandardDialog/StandardDialogFooter.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,8CAK9B,yBAAyB,gCAgB3B,CAAC"}
+{"version":3,"file":"StandardDialogFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/StandardDialog/StandardDialogFooter.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,8CAK9B,yBAAyB,gCAgB3B,CAAC"}

package/components/editor/ColorPicker/ColorPicker.d.ts

@@ -8,7 +8,7 @@ export type ColorPickerProps = Readonly<{
     /** Extra classes for the popover content -- e.g. raising z-index above a floating parent. */
     popoverClassName?: string;
     onChange: (newColor: string) => void;
-    /** Fires when a drag or arrow-key change on the color area or hue slider ends. */
+    /** Fires when a drag or arrow-key change on the color area or hue slider ends, or a value is typed. */
     onChangeEnd?: () => void;
     onConfirm?: (newColor?: string) => void;
     onOpenChange?: (open: boolean) => void;

package/components/editor/ColorPicker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKlE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACrC;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,kBAAkB,CAAC,CAC7F,CAAC;AAEF,eAAO,MAAM,WAAW,kLAgBrB,gBAAgB,gCA4BlB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKlE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACrC;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uGAAuG;IACvG,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,kBAAkB,CAAC,CAC7F,CAAC;AAEF,eAAO,MAAM,WAAW,kLAgBrB,gBAAgB,gCA4BlB,CAAC"}

package/components/editor/ColorPicker/InlineColorPicker/InlineColorPicker.d.ts

@@ -1,7 +1,7 @@
 export type InlineColorPickerProps = Readonly<{
     color: string;
     onChange: (newColor: string) => void;
-    /** Fires when a drag or arrow-key change on the color area or hue slider ends. */
+    /** Fires when a drag or arrow-key change on the color area or hue slider ends, or a value is typed. */
     onChangeEnd?: () => void;
     onConfirm?: (newColor?: string) => void;
     initialMode?: "hex" | "rgb" | "hsl";

package/components/editor/ColorPicker/InlineColorPicker/InlineColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineColorPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/ColorPicker/InlineColorPicker/InlineColorPicker.tsx"],"names":[],"mappings":"AAuBA,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB,+GAU3B,sBAAsB,gCAuExB,CAAC"}
+{"version":3,"file":"InlineColorPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/editor/ColorPicker/InlineColorPicker/InlineColorPicker.tsx"],"names":[],"mappings":"AAuBA,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uGAAuG;IACvG,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB,+GAU3B,sBAAsB,gCAwExB,CAAC"}

package/index.mjs

@@ -36793,16 +36793,7 @@ var SJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ L(sJ, {
 	Root: () => Hq,
 	Title: () => iJ,
 	Trigger: () => Wq
-}), EJ = ({ actions: e, detail: t, footnote: n, className: r }) => n ? /* @__PURE__ */ R("div", {
-	className: W("flex w-full flex-col gap-3", r),
-	children: [/* @__PURE__ */ L("div", {
-		className: "flex items-center gap-2",
-		children: e
-	}), /* @__PURE__ */ L("div", {
-		className: "component-400 text-content-secondary",
-		children: n
-	})]
-}) : /* @__PURE__ */ R("div", {
+}), EJ = ({ actions: e, detail: t, footnote: n, className: r }) => n === void 0 ? /* @__PURE__ */ R("div", {
 	className: W("flex w-full items-center gap-2", r),
 	children: [t && /* @__PURE__ */ L("div", {
 		className: "component-500 text-content-tertiary",
@@ -36811,6 +36802,15 @@ var SJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ L(sJ, {
 		className: "flex flex-1 items-center justify-end gap-2",
 		children: e
 	})]
+}) : /* @__PURE__ */ R("div", {
+	className: W("flex w-full flex-col gap-3", r),
+	children: [/* @__PURE__ */ L("div", {
+		className: "flex items-center gap-2",
+		children: e
+	}), n && /* @__PURE__ */ L("div", {
+		className: "component-400 text-content-secondary",
+		children: n
+	})]
 }), DJ = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, title: i, subtitle: a, footer: o, hideCloseButton: s = !1, closeButtonLabel: c, onEscapeKeyDown: l, onPointerDownOutside: u, onOpenAutoFocus: d, onCloseAutoFocus: f, className: p, testId: m, children: h }) => /* @__PURE__ */ R(Hq, {
 	open: e,
 	defaultOpen: t,
@@ -38903,8 +38903,8 @@ var Qme = ({ color: e, onChange: t, label: n }) => {
 	}
 ], gX = ({ color: e, onChange: t, onChangeEnd: n, onConfirm: r, initialMode: i = "hex", inputLabel: a, selectLabel: o, buttonLabel: s, className: c }) => {
 	let [l, u] = Ne(i), d = V((e) => {
-		t(GY(e).toHex());
-	}, [t]), f = Me(() => GY(e).toHex(), [e]);
+		t(GY(e).toHex()), n?.();
+	}, [t, n]), f = Me(() => GY(e).toHex(), [e]);
 	return /* @__PURE__ */ R("div", {
 		className: W("misc-color-picker", "flex flex-col gap-3", c),
 		children: [

package/package.json

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