docs(website): fix event type generation for unquoted and nested events

Rewrite eventDetails parsing with brace-counting to correctly handle
unquoted event names (e.g. click in ToolbarItem) and skip false
positives from nested detail type fields (e.g. item inside detail-click).
Adds onClick to ToolbarButton, removes false onItem/onSelected events.

Author: ilhan007

packages/website/scripts/generate-monaco-types.mjs

@@ -370,28 +370,57 @@ function parseDeclarationFile(dtsContent, componentName, packagesDir = null, inc
 
   // Extract eventDetails to get event names and their detail types
   // Match eventDetails: { ... } or eventDetails: ParentType["eventDetails"] & { ... }
-  const eventDetailsMatch = classBody.match(/eventDetails\s*:[^{]*\{([^}]+(?:\{[^}]*\}[^}]*)*)\}/);
-  if (eventDetailsMatch) {
-    const eventBody = eventDetailsMatch[1];
-    // Match event names and their detail type references
-    const eventMatches = eventBody.matchAll(/["']([a-z][a-z0-9-]*)["']\s*:\s*([^;\n,]+)/gi);
-    for (const match of eventMatches) {
-      const eventName = match[1];
-      const detailTypeName = match[2].trim();
-      // Skip internal events starting with _
-      if (!eventName.startsWith('_')) {
-        // Resolve the detail type fields
-        let detailFields = null;
-        if (detailTypeName !== "void" && detailTypes.has(detailTypeName)) {
-          detailFields = detailTypes.get(detailTypeName);
-        }
-        // Override inherited event with same name if present
-        const existingIndex = events.findIndex(e => e.name === eventName);
-        if (existingIndex >= 0) {
-          events[existingIndex] = { name: eventName, detailTypeName: detailTypeName, detailFields };
-        } else {
-          events.push({ name: eventName, detailTypeName: detailTypeName, detailFields });
+  const eventDetailsIdx = classBody.indexOf("eventDetails");
+  if (eventDetailsIdx >= 0) {
+    // Find the opening brace of eventDetails
+    const openBrace = classBody.indexOf("{", eventDetailsIdx);
+    if (openBrace >= 0) {
+      // Use brace counting to find the matching close brace
+      let depth = 1;
+      let i = openBrace + 1;
+      while (i < classBody.length && depth > 0) {
+        if (classBody[i] === "{") depth++;
+        if (classBody[i] === "}") depth--;
+        i++;
+      }
+      const eventDetailsBody = classBody.substring(openBrace + 1, i - 1);
+
+      // Parse top-level event entries only (depth 0 relative to eventDetails body)
+      // Skip entries nested inside inline detail type objects like { item: ListItem; }
+      let entryDepth = 0;
+      let pos = 0;
+      while (pos < eventDetailsBody.length) {
+        if (eventDetailsBody[pos] === "{") { entryDepth++; pos++; continue; }
+        if (eventDetailsBody[pos] === "}") { entryDepth--; pos++; continue; }
+
+        // Only match at top level (entryDepth === 0)
+        if (entryDepth === 0) {
+          // Try to match: "event-name": Type  or  eventName: Type
+          const entryMatch = eventDetailsBody.substring(pos).match(/^["']?([a-z][a-z0-9-]*)["']?\s*:\s*([^;{\n,]+)/i);
+          if (entryMatch) {
+            const eventName = entryMatch[1];
+            const detailTypeName = entryMatch[2].trim();
+            pos += entryMatch[0].length;
+
+            // Skip internal events starting with _
+            if (!eventName.startsWith('_')) {
+              // Resolve the detail type fields
+              let detailFields = null;
+              if (detailTypeName !== "void" && detailTypes.has(detailTypeName)) {
+                detailFields = detailTypes.get(detailTypeName);
+              }
+              // Override inherited event with same name if present
+              const existingIndex = events.findIndex(e => e.name === eventName);
+              if (existingIndex >= 0) {
+                events[existingIndex] = { name: eventName, detailTypeName, detailFields };
+              } else {
+                events.push({ name: eventName, detailTypeName, detailFields });
+              }
+            }
+            continue;
+          }
         }
+        pos++;
       }
     }
   }