@photoroom/ui 0.1.374 → 0.1.375

package/index.mjs

@@ -45215,61 +45215,61 @@ var The = /* @__PURE__ */ function(e) {
 } }), Mhe = (e) => {
 	let [t, n] = e;
 	return t && n ? t === n ? "nwse-resize" : "nesw-resize" : t ? "ew-resize" : "ns-resize";
-}, Nhe = (e) => ((e.inputEvent?.target)?.closest?.(".layer-box-rotation-zone"))?.style.cursor || "grabbing", Phe = `.moveable-edge-hover-band .moveable-line.moveable-direction::before{height:24px;bottom:${-24 / 2}px}`, _4 = ({ target: r, shouldShowLateralHandles: i, shouldShowVerticalHandles: a, selectionBoxHeight: o, editionPill: s, forcedPillPosition: c, variant: l = "default", onRotateStart: u, onRotateEnd: d, onScaleStart: f, onScale: p, onScaleEnd: m, onRotate: h, onEditionPillPointerMove: g, onRotateButtonPointerMove: _, ref: v, ...y }) => {
-	let b = l === "layerBox", x = l === "cropBox", S = [
+}, Nhe = (e) => ((e.inputEvent?.target)?.closest?.(".layer-box-rotation-zone"))?.style.cursor || "grabbing", Phe = `.moveable-edge-hover-band .moveable-line.moveable-direction::before{height:24px;bottom:${-24 / 2}px}`, _4 = ({ target: r, shouldShowLateralHandles: i, shouldShowVerticalHandles: a, selectionBoxHeight: o, editionPill: s, forcedPillPosition: c, variant: l = "default", onRotateStart: u, onRotateEnd: d, onScaleStart: f, onScale: p, onScaleEnd: m, onRotate: h, onEditionPillPointerMove: g, onRotateButtonPointerMove: _, scalable: v, rotatable: y, ref: b, ...x }) => {
+	let S = l === "layerBox", C = l === "cropBox", w = v ?? !C, T = S && !w, E = [
 		"nw",
 		"ne",
 		"sw",
 		"se"
 	];
-	!x && i && S.push("w", "e"), !x && a && S.push("n", "s");
-	let C = (e) => {
+	!C && i && E.push("w", "e"), !C && a && E.push("n", "s");
+	let D = (e) => {
 		p4(Mhe(e.direction)), f?.(e);
-	}, w = (e) => {
+	}, O = (e) => {
 		p4(null), m?.(e);
-	}, T = (e) => {
+	}, k = (e) => {
 		p4(Nhe(e)), u?.(e);
-	}, E = (e) => {
+	}, A = (e) => {
 		p4(null), d?.(e);
 	};
 	Ce(() => () => p4(null), []);
-	let D = U("[&>.moveable-ne]:bg-white! [&>.moveable-nw]:bg-white! [&>.moveable-se]:bg-white! [&>.moveable-sw]:bg-white!", "[&>.moveable-nw]:border-content-accent! [&>.moveable-ne]:border-content-accent! [&>.moveable-sw]:border-content-accent! [&>.moveable-se]:border-content-accent!", "[&>.moveable-ne]:border! [&>.moveable-nw]:border! [&>.moveable-se]:border! [&>.moveable-sw]:border!", "[&>.moveable-ne]:size-2.5! [&>.moveable-nw]:size-2.5! [&>.moveable-se]:size-2.5! [&>.moveable-sw]:size-2.5!", "[&>.moveable-ne]:rounded-[2px]! [&>.moveable-nw]:rounded-[2px]! [&>.moveable-se]:rounded-[2px]! [&>.moveable-sw]:rounded-[2px]!", "[&>.moveable-control]:z-10!"), O = U("[&>.moveable-control]:rounded-none! [&>.moveable-control]:border-0! [&>.moveable-control]:bg-transparent!", "[&>.moveable-ne]:size-6! [&>.moveable-nw]:size-6! [&>.moveable-se]:size-6! [&>.moveable-sw]:size-6!"), k = {
+	let j = U("[&>.moveable-ne]:bg-white! [&>.moveable-nw]:bg-white! [&>.moveable-se]:bg-white! [&>.moveable-sw]:bg-white!", "[&>.moveable-nw]:border-content-accent! [&>.moveable-ne]:border-content-accent! [&>.moveable-sw]:border-content-accent! [&>.moveable-se]:border-content-accent!", "[&>.moveable-ne]:border! [&>.moveable-nw]:border! [&>.moveable-se]:border! [&>.moveable-sw]:border!", "[&>.moveable-ne]:size-2.5! [&>.moveable-nw]:size-2.5! [&>.moveable-se]:size-2.5! [&>.moveable-sw]:size-2.5!", "[&>.moveable-ne]:rounded-[2px]! [&>.moveable-nw]:rounded-[2px]! [&>.moveable-se]:rounded-[2px]! [&>.moveable-sw]:rounded-[2px]!", "[&>.moveable-control]:z-10!"), M = U("[&>.moveable-control]:rounded-none! [&>.moveable-control]:border-0! [&>.moveable-control]:bg-transparent!", "[&>.moveable-ne]:size-6! [&>.moveable-nw]:size-6! [&>.moveable-se]:size-6! [&>.moveable-sw]:size-6!"), N = {
 		default: U("[&>.moveable-control]:border-content-accent! [&>.moveable-control]:border-2! [&>.moveable-control]:bg-white!", "[&>.moveable-control:hover]:bg-content-accent! [&>.moveable-control:hover]:text-content-white-primary!", "[&>.moveable-control:focus-visible]:bg-content-accent! [&>.moveable-control:focus-visible]:text-content-white-primary!", "[&>.moveable-control:active]:bg-content-accent! [&>.moveable-control:active]:text-content-white-primary!", "[&>.moveable-e]:rounded-300! [&>.moveable-e]:h-5! [&>.moveable-e]:w-2!", "[&>.moveable-w]:rounded-300! [&>.moveable-w]:h-5! [&>.moveable-w]:w-2!", "[&>.moveable-n]:rounded-300! [&>.moveable-n]:h-2! [&>.moveable-n]:w-5!", "[&>.moveable-s]:rounded-300! [&>.moveable-s]:h-2! [&>.moveable-s]:w-5!", "[&>.moveable-e]:top-[-3px]! [&>.moveable-e]:left-0.5!", "[&>.moveable-w]:top-[-3px]! [&>.moveable-w]:left-1!", "[&>.moveable-n]:top-1! [&>.moveable-n]:left-[-3px]!", "[&>.moveable-s]:top-0.5! [&>.moveable-s]:left-[-3px]!"),
-		layerBox: D,
-		cropBox: O
-	}[l], A = U("[&>.moveable-nw]:mt-[-4px]! [&>.moveable-nw]:ml-[-4px]!", "[&>.moveable-ne]:mt-[-4px]! [&>.moveable-ne]:ml-[-6px]!", "[&>.moveable-sw]:mt-[-6px]! [&>.moveable-sw]:ml-[-4px]!", "[&>.moveable-se]:mt-[-6px]! [&>.moveable-se]:ml-[-6px]!"), j = {
+		layerBox: j,
+		cropBox: M
+	}[l], P = U("[&>.moveable-nw]:mt-[-4px]! [&>.moveable-nw]:ml-[-4px]!", "[&>.moveable-ne]:mt-[-4px]! [&>.moveable-ne]:ml-[-6px]!", "[&>.moveable-sw]:mt-[-6px]! [&>.moveable-sw]:ml-[-4px]!", "[&>.moveable-se]:mt-[-6px]! [&>.moveable-se]:ml-[-6px]!"), F = {
 		default: U("[&>.moveable-ne]:top-px! [&>.moveable-ne]:-left-px!", "[&>.moveable-nw]:top-px! [&>.moveable-nw]:left-px!", "[&>.moveable-se]:-top-px! [&>.moveable-se]:-left-px!", "[&>.moveable-sw]:-top-px! [&>.moveable-sw]:left-px!"),
-		layerBox: A,
+		layerBox: P,
 		cropBox: void 0
-	}[l], M = {
+	}[l], I = {
 		default: "[&>.moveable-line:not(.moveable-edge)]:bg-content-accent!",
 		layerBox: "[&>.moveable-line:not(.moveable-edge)]:bg-content-accent!",
 		cropBox: "[&>.moveable-line]:bg-transparent!"
 	}[l];
-	return /* @__PURE__ */ n(e, { children: [(b || x) && /* @__PURE__ */ t("style", { children: Phe }), /* @__PURE__ */ t(The, {
-		ref: v,
+	return /* @__PURE__ */ n(e, { children: [(S || C) && /* @__PURE__ */ t("style", { children: Phe }), /* @__PURE__ */ t(The, {
+		ref: b,
 		dragArea: !1,
 		draggable: !1,
 		origin: !1,
 		transformOrigin: "center",
 		target: r,
-		className: U("z-10!", M, b || x ? "[&>.moveable-line:not(.moveable-edge)]:h-px!" : "[&>.moveable-line]:h-0.5!", (b || x) && "moveable-edge-hover-band", "[&>.moveable-line[data-line-key=render-line-0]]:top-px!", "[&>.moveable-line[data-line-key=render-line-1]]:-left-px!", "[&>.moveable-line[data-line-key=render-line-2]]:-top-px!", "[&>.moveable-line[data-line-key=render-line-3]]:left-px!", k, j),
-		scalable: !x,
-		resizable: x,
-		checkResizableError: x ? !1 : void 0,
+		className: U("z-10!", I, S || C ? "[&>.moveable-line:not(.moveable-edge)]:h-px!" : "[&>.moveable-line]:h-0.5!", T && "[&>.moveable-line:not(.moveable-edge)]:hidden!", (S || C) && "moveable-edge-hover-band", "[&>.moveable-line[data-line-key=render-line-0]]:top-px!", "[&>.moveable-line[data-line-key=render-line-1]]:-left-px!", "[&>.moveable-line[data-line-key=render-line-2]]:-top-px!", "[&>.moveable-line[data-line-key=render-line-3]]:left-px!", N, F),
+		scalable: w,
+		resizable: C,
+		checkResizableError: C ? !1 : void 0,
 		keepRatio: !1,
-		edge: b || x ? [
+		edge: S || C ? [
 			"n",
 			"e",
 			"s",
 			"w"
 		] : void 0,
-		renderDirections: S,
-		rotatable: !x,
-		ables: [...x ? [] : [b ? jhe : Dhe], Ehe],
+		renderDirections: E,
+		rotatable: S ? { renderDirections: !1 } : y ?? !C,
+		ables: [...C ? [] : [S ? jhe : Dhe], Ehe],
 		props: {
-			customRotation: !b && !x,
-			layerBoxRotation: b,
+			customRotation: !S && !C,
+			layerBoxRotation: S,
 			customEditable: !0,
 			selectionBoxHeight: o,
 			forcedPillPosition: c,
@@ -45283,13 +45283,13 @@ var The = /* @__PURE__ */ function(e) {
 			layerBox: ".layer-box-rotation-zone",
 			cropBox: void 0
 		}[l],
-		onScaleStart: b ? C : f,
+		onScaleStart: S ? D : f,
 		onScale: p,
-		onScaleEnd: b ? w : m,
-		onRotateStart: b ? T : u,
+		onScaleEnd: S ? O : m,
+		onRotateStart: S ? k : u,
 		onRotate: h,
-		onRotateEnd: b ? E : d,
-		...y
+		onRotateEnd: S ? A : d,
+		...x
 	})] });
 };
 _4.displayName = "MoveableSelectionObjectBox";

package/package.json

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