fix: shape resize sync and transform event name alignment

- Sync #attrWidth/#attrHeight during resize so CSS reflects new dimensions
- Call #dispatchTransformEvent() directly for immediate visual update
- Fix TransformEvent to fire "folk-transform" matching CommunitySync listeners
- Reduce min-width/min-height on folk-markdown and folk-wrapper to 80x40px

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

lib/TransformEvent.ts

@@ -2,7 +2,7 @@ import type { DOMRectTransformReadonly } from "./DOMRectTransform";
 
 declare global {
 	interface HTMLElementEventMap {
-		transform: TransformEvent;
+		"folk-transform": TransformEvent;
 	}
 }
 
@@ -11,7 +11,7 @@ export class TransformEvent extends Event {
 	readonly #previous: DOMRectTransformReadonly;
 
 	constructor(current: DOMRectTransformReadonly, previous?: DOMRectTransformReadonly) {
-		super("transform", { cancelable: true, bubbles: true });
+		super("folk-transform", { cancelable: true, bubbles: true });
 		this.#current = current;
 		this.#previous = previous ?? current;
 	}

lib/folk-markdown.ts

@@ -6,8 +6,8 @@ const styles = css`
 		background: white;
 		border-radius: 8px;
 		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-		min-width: 200px;
-		min-height: 100px;
+		min-width: 80px;
+		min-height: 40px;
 	}
 
 	.header {

lib/folk-shape.ts

@@ -678,7 +678,12 @@ export class FolkShape extends FolkElement {
 			}
 		}
 
-		this.requestUpdate();
+		// Sync public properties so CommunitySync sees the new values
+		// and #attrWidth/#attrHeight stay current for CSS application.
+		this.#attrWidth = this.#rect.width;
+		this.#attrHeight = this.#rect.height;
+		this.#previousRect = new DOMRectTransform(this.#rect);
+		this.#dispatchTransformEvent();
 	}
 
 	/**

lib/folk-wrapper.ts

@@ -6,8 +6,8 @@ const styles = css`
 		background: white;
 		border-radius: 8px;
 		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-		min-width: 200px;
-		min-height: 100px;
+		min-width: 80px;
+		min-height: 40px;
 		display: flex;
 		flex-direction: column;
 		overflow: hidden;