Fix event types

[vividviolet]

Background

Fix https://github.com/Shopify/app-ui/issues/2211

🎩

1. Follow this doc to create a block extension
2. Open the package.json of the extension and update to use the 0.0.0-snapshot-20250421182514 snapshot with the fixed types. Note that the types for the snapshot was generated with this PR for building individual d.ts files for each component.
3. Run pnpm install to install the snapshot
4. Update your extension code to be as follows:

import {render} from 'preact';
export default function extension() {
  render(<Extension />, document.body);
}

function Extension() {
  return (
    <s-admin-block title="My Block Extension">
      <s-form onSubmit={(event) => {
        event.waitUntil((async () => {
          console.log('saving');
          close();
        })());
      }}>
      <s-button onClick={(event) => {
        console.log('clicked', event);
      }}>Test button</s-button>
      </s-form>
    </s-admin-block>
  );
}

5. Verify that you get the event typed as either Event for the Button onClick handler

7. Verify that you get the event typed as `ExtendableEvent` for the Form onSubmit handler

Checklist

• I have 🎩'd these changes
• I have updated relevant documentation

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250415150153"

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250415163640"

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250415175606"

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250415203727"

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250421181747"

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250421182514"

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250422211948"

[vividviolet]

/snapit

[shopify-github-actions-access]

🫰✨ Thanks @vividviolet! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/ui-extensions": "0.0.0-snapshot-20250422220349"

[henrytao-me]

🎩-ed. LGTM