@photoroom/ui 0.1.106 → 0.1.107

package/index.mjs

@@ -46707,53 +46707,53 @@ var z3 = l(({ icon: e, className: t, ...n }, r) => /* @__PURE__ */ T("button", {
 z3.displayName = "ImageWidgetButton";
 //#endregion
 //#region src/components/input/ImageWidget/ImageWidget.tsx
-var B3 = .5, V3 = 2, Rue = 80, zue = 80, H3 = l(({ src: e, alt: t, width: n = zue, height: r = Rue, flexibleWidth: i = !1, fill: a = !1, isLoading: o = !1, buttonIcon: s, onButtonClick: c, buttonLabel: l, className: u, imgClassName: d }, f) => {
-	let [m, h] = C(null), g = p((e) => {
+var B3 = .5, V3 = 2, Rue = 80, zue = 80, H3 = l(({ src: e, alt: t, width: n = zue, height: r = Rue, flexibleWidth: i = !1, fill: a = !1, isLoading: o = !1, selected: s = !1, disabled: c = !1, buttonIcon: l, onButtonClick: u, buttonLabel: d, className: f, imgClassName: m }, h) => {
+	let [g, _] = C(null), v = p((e) => {
 		let t = e.currentTarget;
-		t.naturalWidth && t.naturalHeight && h(t.naturalWidth / t.naturalHeight);
-	}, []), { width: _, height: v, isClamped: y } = b(() => i && m !== null ? {
-		width: Math.round(r * Math.min(V3, Math.max(B3, m))),
+		t.naturalWidth && t.naturalHeight && _(t.naturalWidth / t.naturalHeight);
+	}, []), { width: y, height: x, isClamped: S } = b(() => i && g !== null ? {
+		width: Math.round(r * Math.min(V3, Math.max(B3, g))),
 		height: r,
-		isClamped: m < B3 || m > V3
+		isClamped: g < B3 || g > V3
 	} : {
 		width: n,
 		height: r,
 		isClamped: !1
 	}, [
 		i,
-		m,
+		g,
 		r,
 		n
-	]), x = !o && s && c;
+	]), w = !o && l && u;
 	return /* @__PURE__ */ E("div", {
-		ref: f,
-		className: H("group", a ? "absolute inset-0" : "relative shrink-0", u),
+		ref: h,
+		className: H("group", a ? "absolute inset-0" : "relative shrink-0", f),
 		style: a ? void 0 : {
-			width: _,
-			height: v
+			width: y,
+			height: x
 		},
 		children: [/* @__PURE__ */ E("div", {
-			className: V("rounded-400 bg-surface-default relative h-full w-full overflow-hidden", "after:rounded-400 after:pointer-events-none after:absolute after:inset-0 after:shadow-[inset_0_0_0_1px_var(--color-misc-border)] after:content-['']"),
+			className: V("rounded-400 bg-surface-default relative h-full w-full overflow-hidden", "after:rounded-400 after:pointer-events-none after:absolute after:inset-0 after:content-['']", s ? "after:shadow-[inset_0_0_0_2px_var(--color-content-accent)]" : "after:shadow-[inset_0_0_0_1px_var(--color-misc-border)]"),
 			children: [o ? /* @__PURE__ */ T("div", {
 				className: "flex h-full w-full items-center justify-center",
 				children: /* @__PURE__ */ T(pG, { className: "size-6" })
 			}) : /* @__PURE__ */ T("img", {
 				src: e,
 				alt: t,
-				className: H("h-full w-full", y ? "object-contain" : "object-cover", d),
-				onLoad: i ? g : void 0
-			}), /* @__PURE__ */ T("div", { className: "rounded-400 interaction-transition group-hover:bg-misc-visual-hover group-active:bg-misc-visual-down absolute inset-0 transition-colors" })]
-		}), x && /* @__PURE__ */ T("div", {
+				className: H("h-full w-full", S ? "object-contain" : "object-cover", m),
+				onLoad: i ? v : void 0
+			}), !c && /* @__PURE__ */ T("div", { className: "rounded-400 interaction-transition group-hover:bg-misc-visual-hover group-active:bg-misc-visual-down absolute inset-0 transition-colors" })]
+		}), w && /* @__PURE__ */ T("div", {
 			className: "absolute top-1 right-1 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 focus-within:opacity-100",
 			children: /* @__PURE__ */ T(oo, {
-				content: l,
+				content: d,
 				side: "top",
 				children: /* @__PURE__ */ T(z3, {
-					icon: s,
+					icon: l,
 					onClick: (e) => {
-						e.stopPropagation(), c();
+						e.stopPropagation(), u();
 					},
-					"aria-label": l
+					"aria-label": d
 				})
 			})
 		})]

package/package.json

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