@photoroom/ui 0.1.192 → 0.1.194

package/index.mjs

@@ -47536,40 +47536,44 @@ var hfe = (e) => e.isFile === !0, gfe = (e) => e.isDirectory === !0, T3 = async
 		waitForFiles: m,
 		waitForFile: g
 	};
-}, D3 = ({ onFileChange: e, onClick: t, multiple: n, children: r, title: i, dropTitle: a, density: o = "compact", ctaLabel: s, className: c, testId: l, autoFocus: u }) => {
-	let { isDragging: d, inputRef: f, openFilePicker: m, handleChange: h, handleDragEnter: g, handleDragLeave: _, handleDragOver: v, handleDrop: y } = E3({ onFileChange: e }), b = p(() => {
+}, D3 = ({ onFileChange: e, onClick: t, onOpenFilePicker: n, multiple: r, children: i, title: a, dropTitle: o, density: s = "compact", ctaLabel: c, className: l, testId: u, autoFocus: d }) => {
+	let { isDragging: f, inputRef: m, openFilePicker: h, handleChange: g, handleDragEnter: _, handleDragLeave: v, handleDragOver: y, handleDrop: b } = E3({ onFileChange: e }), x = p(() => {
 		if (typeof t == "function") {
 			t();
 			return;
 		}
-		m();
-	}, [t, m]);
+		n?.(), h();
+	}, [
+		t,
+		n,
+		h
+	]);
 	return /* @__PURE__ */ D("div", {
-		className: H("interaction-transition", "relative", c),
-		"data-testid": l,
+		className: H("interaction-transition", "relative", l),
+		"data-testid": u,
 		children: [/* @__PURE__ */ E(x3, {
-			showOverlay: d,
-			onDragEnter: g,
-			onDragLeave: _,
-			onDragOver: v,
-			onDrop: y,
+			showOverlay: f,
+			onDragEnter: _,
+			onDragLeave: v,
+			onDragOver: y,
+			onDrop: b,
 			overlay: /* @__PURE__ */ E("div", {
 				className: "absolute inset-0 flex bg-white",
 				children: /* @__PURE__ */ E("div", {
 					className: V("interaction-transition", "rounded-500 border-content-accent border", "flex flex-1 flex-col items-center justify-center p-6", "component-500 bg-background-accent-subdued text-content-accent"),
-					children: a
+					children: o
 				})
 			}),
 			children: /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: b,
-				autoFocus: u,
+				onClick: x,
+				autoFocus: d,
 				className: V("interaction-transition", "group/dropzone", "rounded-500", "border-neutral-alpha-400 border border-dashed", "w-full appearance-none select-none", "hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "disabled:pointer-events-none disabled:opacity-30"),
-				children: r || (o === "compact" ? /* @__PURE__ */ D("div", {
+				children: i || (s === "compact" ? /* @__PURE__ */ D("div", {
 					className: "flex items-center justify-center gap-2 p-6",
 					children: [/* @__PURE__ */ E(Me, { className: "text-content-tertiary size-5 shrink-0" }), /* @__PURE__ */ E("span", {
 						className: "component-500 text-content-secondary text-start",
-						children: i
+						children: a
 					})]
 				}) : /* @__PURE__ */ E("div", {
 					className: "flex items-center justify-center px-4 py-10",
@@ -47582,18 +47586,18 @@ var hfe = (e) => e.isFile === !0, gfe = (e) => e.isDirectory === !0, T3 = async
 							icon: Me,
 							tabIndex: -1,
 							className: V("group-active/dropzone:bg-background-subdued-down", "pointer-events-none"),
-							children: s
+							children: c
 						}), /* @__PURE__ */ E("span", {
 							className: "component-500 text-content-secondary text-center",
-							children: i
+							children: a
 						})]
 					})
 				}))
 			})
 		}), /* @__PURE__ */ E(w3, {
-			multiple: n,
-			onChange: h,
-			ref: f
+			multiple: r,
+			onChange: g,
+			ref: m
 		})]
 	});
 }, O3 = l(({ icon: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ D("button", {
@@ -50240,7 +50244,7 @@ var $pe = v8, eme = C8, A8 = (e, t) => (n) => 100 * (n - e) / (t - e), j8 = [
 			j8.includes(e.key) && (r?.(e), e.stopPropagation());
 		},
 		children: [/* @__PURE__ */ E(eme, {
-			className: "relative h-1 grow rounded-full bg-neutral-200",
+			className: "bg-misc-border-default relative h-1 grow rounded-full",
 			children: /* @__PURE__ */ E("div", {
 				className: tme({ variant: e }),
 				style: s

package/package.json

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