### `transform`

Event fires when MotionTransform state changes with full event context.

**Parameters:**
- `event: Event | undefined` — DOM event that triggered the change (if any)
- `options: MotionTransformEmitOptions` — object with transform data

**MotionTransformEmitOptions structure:**
- `type: 'head' | 'body' | 'top' | 'script'` — area type that initiated the event
- `open: boolean` — current open state (`true` - open, `false` - closed)

```html
<script setup>
const handleTransform = (event, options) => {
  console.log('Event:', event)
  console.log('Type:', options.type)
  console.log('Open state:', options.open)
}
</script>

<template>
  <MotionTransform @transform="handleTransform">
    <template #head>
      <div>Header</div>
    </template>
    <template #body>
      <p>Content</p>
    </template>
  </MotionTransform>
</template>
```

### `transformLite`

Event fires when MotionTransform state changes without DOM event context (lightweight version).

**Parameters:**
- `options: MotionTransformEmitOptions` — object with transform data
