diff --git a/packages/react/package.json b/packages/react/package.json
index 3f5062b2..04356b78 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -17,6 +17,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
+  "browser": "dist/browser/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
diff --git a/packages/react/tsup.config.cjs b/packages/react/tsup.config.cjs
index 76733ccd..79fbfb83 100644
--- a/packages/react/tsup.config.cjs
+++ b/packages/react/tsup.config.cjs
@@ -1,6 +1,6 @@
 const { defineConfig } = require('tsup');
 
-module.exports = defineConfig({
+const config = {
   bundle: true,
   metafile: false,
   splitting: false,
@@ -15,4 +15,16 @@ module.exports = defineConfig({
   target: ['es2020'],
   tsconfig: 'tsconfig.build.json',
   external: ['react'],
-});
+};
+
+module.exports = defineConfig([
+  config,
+  // CDN build: Self-contained
+  {
+    ...config,
+    dts: false,
+    format: ['esm'],
+    noExternal: Object.keys(require('./package.json').dependencies),
+    outDir: 'dist/browser',
+  },
+]);
diff --git a/packages/web/src/dotlottie.ts b/packages/web/src/dotlottie.ts
index f128c5c3..7582918f 100644
--- a/packages/web/src/dotlottie.ts
+++ b/packages/web/src/dotlottie.ts
@@ -205,6 +205,12 @@ export class DotLottie {
           newValue: new_value,
         });
       },
+      state_machine_observer_on_trigger_fired: (_dotlottie_instance_id: number, trigger_name: string) => {
+        this._eventManager.dispatch({
+          type: 'stateMachineTriggerFired',
+          triggerName: trigger_name,
+        });
+      },
       state_machine_observer_on_string_trigger_value_change: (
         _dotlottie_instance_id: number,
         trigger_name: string,