ssml-builder-js 2.1.0 → 2.3.0

package/dist/react.mjs

@@ -1,7 +1,49 @@
 "use client";
 import {
-  __export
-} from "./chunk-6S5ODO6A.mjs";
+  BREAK_TIME_DESCRIPTIONS,
+  BREAK_TIME_PRESETS,
+  DEFAULT_LOCALE,
+  EDITOR_COPY,
+  EMPHASIS_LEVEL_DESCRIPTIONS,
+  EMPHASIS_LEVEL_PRESETS,
+  EXPRESS_AS_STYLE_DESCRIPTIONS,
+  EXPRESS_AS_STYLE_PRESETS,
+  INLINE_BADGE_COPY,
+  LANGUAGE_DESCRIPTIONS,
+  LANGUAGE_PRESETS,
+  OVERLAY_Z_INDEX,
+  PROSODY_PITCH_DESCRIPTIONS,
+  PROSODY_PITCH_PRESETS,
+  PROSODY_RATE_DESCRIPTIONS,
+  PROSODY_RATE_PRESETS,
+  PROSODY_VOLUME_DESCRIPTIONS,
+  PROSODY_VOLUME_PRESETS,
+  SAY_AS_DESCRIPTIONS,
+  SAY_AS_PRESETS,
+  SELECTION_OVERLAY_ABOVE_THRESHOLD_LINES,
+  SILENCE_VALUE_DESCRIPTIONS,
+  SILENCE_VALUE_PRESETS,
+  SSML_ATTRIBUTE_PRESETS,
+  SSML_HOVER_COPY,
+  buildPartialSsml,
+  buildSsml,
+  clearSsmlDocument,
+  createSsmlInsertionEdit,
+  findActiveSsmlTags,
+  findSsmlHoverTarget,
+  findSsmlVoiceContext,
+  formatSsmlHover,
+  formatXmlFragment,
+  getEditableRegion,
+  getEditableText,
+  getExpressAsStyleCategory,
+  registerSsmlCompletionProvider,
+  resolveExpressAsStyles,
+  updateEditableText,
+  updateTagAttribute,
+  validateSsml
+} from "./chunk-NPZ44CHU.mjs";
+import "./chunk-6S5ODO6A.mjs";
 
 // packages/ssml-editor-react/src/SsmlEditor.tsx
 import { Fragment, forwardRef, useImperativeHandle } from "react";
@@ -12,871 +54,6 @@ function isSsmlEditorButtonVisible(buttonVisibility, button) {
   return buttonVisibility?.[button] !== false;
 }
 
-// packages/ssml-editor-react/src/constants/ssmlPresets.ts
-var ssmlPresets_exports = {};
-__export(ssmlPresets_exports, {
-  BREAK_STRENGTH_PRESETS: () => BREAK_STRENGTH_PRESETS,
-  BREAK_TIME_DESCRIPTIONS: () => BREAK_TIME_DESCRIPTIONS,
-  BREAK_TIME_PRESETS: () => BREAK_TIME_PRESETS,
-  EMPHASIS_LEVEL_DESCRIPTIONS: () => EMPHASIS_LEVEL_DESCRIPTIONS,
-  EMPHASIS_LEVEL_PRESETS: () => EMPHASIS_LEVEL_PRESETS,
-  EXPRESS_AS_ROLE_PRESETS: () => EXPRESS_AS_ROLE_PRESETS,
-  EXPRESS_AS_STYLES_BY_VOICE: () => EXPRESS_AS_STYLES_BY_VOICE,
-  EXPRESS_AS_STYLE_DESCRIPTIONS: () => EXPRESS_AS_STYLE_DESCRIPTIONS,
-  EXPRESS_AS_STYLE_PRESETS: () => EXPRESS_AS_STYLE_PRESETS,
-  LANGUAGE_DESCRIPTIONS: () => LANGUAGE_DESCRIPTIONS,
-  LANGUAGE_PRESETS: () => LANGUAGE_PRESETS,
-  PHONEME_ALPHABET_PRESETS: () => PHONEME_ALPHABET_PRESETS,
-  PROSODY_PITCH_DESCRIPTIONS: () => PROSODY_PITCH_DESCRIPTIONS,
-  PROSODY_PITCH_PRESETS: () => PROSODY_PITCH_PRESETS,
-  PROSODY_RATE_DESCRIPTIONS: () => PROSODY_RATE_DESCRIPTIONS,
-  PROSODY_RATE_PRESETS: () => PROSODY_RATE_PRESETS,
-  PROSODY_RATE_VALUES: () => PROSODY_RATE_VALUES,
-  PROSODY_VOLUME_DESCRIPTIONS: () => PROSODY_VOLUME_DESCRIPTIONS,
-  PROSODY_VOLUME_PRESETS: () => PROSODY_VOLUME_PRESETS,
-  SAY_AS_DESCRIPTIONS: () => SAY_AS_DESCRIPTIONS,
-  SAY_AS_PRESETS: () => SAY_AS_PRESETS,
-  SILENCE_TYPE_PRESETS: () => SILENCE_TYPE_PRESETS,
-  SILENCE_VALUE_DESCRIPTIONS: () => SILENCE_VALUE_DESCRIPTIONS,
-  SILENCE_VALUE_PRESETS: () => SILENCE_VALUE_PRESETS,
-  SSML_ATTRIBUTE_PRESETS: () => SSML_ATTRIBUTE_PRESETS,
-  SSML_PRESETS: () => SSML_PRESETS,
-  SSML_PRESET_EXAMPLES: () => SSML_PRESET_EXAMPLES,
-  VISEME_TYPE_PRESETS: () => VISEME_TYPE_PRESETS,
-  resolveExpressAsStyles: () => resolveExpressAsStyles
-});
-var SSML_PRESETS = [
-  {
-    id: "basic",
-    label: "Basic speech",
-    ssml: '<speak version="1.0" xml:lang="en-US">Hello, world!</speak>',
-    description: "A minimal SSML document."
-  },
-  {
-    id: "voice",
-    label: "Voice selection",
-    ssml: '<speak version="1.0" xml:lang="en-US"><voice name="en-US-JennyNeural">Hello, world!</voice></speak>',
-    description: "Speaks text with a selected voice."
-  },
-  {
-    id: "prosody",
-    label: "Prosody",
-    ssml: '<speak version="1.0" xml:lang="en-US"><prosody rate="fast" pitch="+2st">Hello, world!</prosody></speak>',
-    description: "Adjusts the speech rate and pitch."
-  }
-];
-var BREAK_TIME_PRESETS = ["500ms", "1s", "2s", "3s"];
-var BREAK_STRENGTH_PRESETS = ["none", "x-weak", "weak", "medium", "strong", "x-strong"];
-var PROSODY_RATE_PRESETS = ["x-slow", "slow", "medium", "fast", "x-fast"];
-var PROSODY_RATE_VALUES = [...PROSODY_RATE_PRESETS, "percentage"];
-var PROSODY_PITCH_PRESETS = ["+2st", "-2st", "0st", "+4st", "-4st", "+8st", "-8st", "+12st", "-12st"];
-var PROSODY_VOLUME_PRESETS = ["silent", "x-soft", "soft", "medium", "loud", "x-loud"];
-var EXPRESS_AS_STYLE_PRESETS = [
-  "cheerful",
-  "friendly",
-  "calm",
-  "sad",
-  "angry",
-  "excited",
-  "serious",
-  "assistant",
-  "chat",
-  "customerservice",
-  "hopeful",
-  "newscast",
-  "shouting",
-  "terrified",
-  "unfriendly",
-  "whispering"
-];
-var EXPRESS_AS_STYLES_BY_VOICE = {
-  "ja-JP-NanamiNeural": ["chat", "cheerful", "customerservice"],
-  "ja-JP-KeitaNeural": [],
-  "en-US-JennyNeural": [
-    "angry",
-    "assistant",
-    "chat",
-    "cheerful",
-    "customerservice",
-    "excited",
-    "friendly",
-    "hopeful",
-    "newscast",
-    "sad",
-    "shouting",
-    "terrified",
-    "unfriendly",
-    "whispering"
-  ],
-  "en-US-GuyNeural": [
-    "angry",
-    "cheerful",
-    "excited",
-    "friendly",
-    "hopeful",
-    "newscast",
-    "sad",
-    "shouting",
-    "terrified",
-    "unfriendly",
-    "whispering"
-  ]
-};
-var EXPRESS_AS_STYLES_BY_NORMALIZED_VOICE = new Map(
-  Object.entries(EXPRESS_AS_STYLES_BY_VOICE).map(([voiceName, styles]) => [voiceName.toLowerCase(), styles])
-);
-function resolveExpressAsStyles(voiceName, candidates = EXPRESS_AS_STYLE_PRESETS) {
-  if (voiceName === void 0) {
-    return candidates;
-  }
-  const supportedStyles = EXPRESS_AS_STYLES_BY_NORMALIZED_VOICE.get(voiceName.trim().toLowerCase());
-  if (supportedStyles === void 0) {
-    return candidates;
-  }
-  const supportedStyleSet = new Set(supportedStyles);
-  return candidates.filter((style) => supportedStyleSet.has(style));
-}
-var EXPRESS_AS_ROLE_PRESETS = [
-  "Girl",
-  "Boy",
-  "YoungAdultFemale",
-  "YoungAdultMale",
-  "OlderAdultFemale",
-  "OlderAdultMale",
-  "SeniorFemale",
-  "SeniorMale"
-];
-var EMPHASIS_LEVEL_PRESETS = ["strong", "moderate", "reduced", "none"];
-var SAY_AS_PRESETS = [
-  "characters",
-  "spell-out",
-  "cardinal",
-  "ordinal",
-  "number",
-  "date",
-  "time",
-  "telephone",
-  "fraction",
-  "address",
-  "name",
-  "currency"
-];
-var LANGUAGE_PRESETS = ["ja-JP", "en-US", "de-DE", "fr-FR"];
-var SILENCE_VALUE_PRESETS = ["300ms", "500ms", "1s"];
-var SILENCE_TYPE_PRESETS = [
-  "Leading",
-  "Tailing",
-  "Sentenceboundary",
-  "Comma",
-  "Semicolon",
-  "Enumerationcomma"
-];
-var PHONEME_ALPHABET_PRESETS = ["ipa", "sapi", "ups", "x-sampa"];
-var VISEME_TYPE_PRESETS = ["redlips_front", "FacialExpression"];
-var SSML_ATTRIBUTE_PRESETS = {
-  break: {
-    strength: BREAK_STRENGTH_PRESETS,
-    time: BREAK_TIME_PRESETS
-  },
-  prosody: {
-    rate: PROSODY_RATE_PRESETS,
-    pitch: PROSODY_PITCH_PRESETS,
-    volume: PROSODY_VOLUME_PRESETS
-  },
-  "mstts:express-as": {
-    style: EXPRESS_AS_STYLE_PRESETS,
-    role: EXPRESS_AS_ROLE_PRESETS
-  },
-  "express-as": {
-    style: EXPRESS_AS_STYLE_PRESETS,
-    role: EXPRESS_AS_ROLE_PRESETS
-  },
-  expressAs: {
-    style: EXPRESS_AS_STYLE_PRESETS,
-    role: EXPRESS_AS_ROLE_PRESETS
-  },
-  "say-as": {
-    "interpret-as": SAY_AS_PRESETS
-  },
-  sayAs: {
-    "interpret-as": SAY_AS_PRESETS
-  },
-  emphasis: {
-    level: EMPHASIS_LEVEL_PRESETS
-  },
-  lang: {
-    "xml:lang": LANGUAGE_PRESETS
-  },
-  phoneme: {
-    alphabet: PHONEME_ALPHABET_PRESETS
-  },
-  "mstts:silence": {
-    type: SILENCE_TYPE_PRESETS,
-    value: SILENCE_VALUE_PRESETS
-  },
-  silence: {
-    type: SILENCE_TYPE_PRESETS,
-    value: SILENCE_VALUE_PRESETS
-  },
-  "mstts:viseme": {
-    type: VISEME_TYPE_PRESETS
-  },
-  viseme: {
-    type: VISEME_TYPE_PRESETS
-  }
-};
-var SSML_PRESET_EXAMPLES = {
-  breakTime: "500ms",
-  prosodyRate: "fast",
-  prosodyPitch: "+2st",
-  prosodyVolume: "loud",
-  expressAsStyle: "cheerful",
-  phonemeAlphabet: "ipa",
-  silenceValue: "300ms"
-};
-var BREAK_TIME_DESCRIPTIONS = {
-  "500ms": {
-    ja: "500\u30DF\u30EA\u79D2\u306E\u7121\u97F3",
-    en: "Inserts 500 milliseconds of silence."
-  },
-  "1s": {
-    ja: "1\u79D2\u306E\u7121\u97F3",
-    en: "Inserts one second of silence."
-  },
-  "2s": {
-    ja: "2\u79D2\u306E\u7121\u97F3",
-    en: "Inserts two seconds of silence."
-  },
-  "3s": {
-    ja: "3\u79D2\u306E\u7121\u97F3",
-    en: "Inserts three seconds of silence."
-  }
-};
-var EMPHASIS_LEVEL_DESCRIPTIONS = {
-  strong: {
-    ja: "\u5F37\u3044\u5F37\u8ABF",
-    en: "Applies strong emphasis."
-  },
-  moderate: {
-    ja: "\u4E2D\u7A0B\u5EA6\u306E\u5F37\u8ABF",
-    en: "Applies moderate emphasis."
-  },
-  reduced: {
-    ja: "\u5F31\u3081\u306E\u5F37\u8ABF",
-    en: "Applies reduced emphasis."
-  },
-  none: {
-    ja: "\u5F37\u8ABF\u306A\u3057",
-    en: "Applies no emphasis."
-  }
-};
-var PROSODY_RATE_DESCRIPTIONS = {
-  "x-slow": {
-    ja: "\u6700\u3082\u9045\u3044\u901F\u5EA6",
-    en: "Uses the slowest speech rate."
-  },
-  slow: {
-    ja: "\u9045\u3044\u901F\u5EA6",
-    en: "Uses a slow speech rate."
-  },
-  medium: {
-    ja: "\u6A19\u6E96\u7684\u306A\u901F\u5EA6",
-    en: "Uses the standard speech rate."
-  },
-  fast: {
-    ja: "\u901F\u3044\u901F\u5EA6",
-    en: "Uses a fast speech rate."
-  },
-  "x-fast": {
-    ja: "\u6700\u3082\u901F\u3044\u901F\u5EA6",
-    en: "Uses the fastest speech rate."
-  }
-};
-var PROSODY_PITCH_DESCRIPTIONS = {
-  "+2st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A2\u534A\u97F3\u4E0A",
-    en: "Raises the pitch by two semitones."
-  },
-  "-2st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A2\u534A\u97F3\u4E0B",
-    en: "Lowers the pitch by two semitones."
-  },
-  "0st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055",
-    en: "Keeps the baseline pitch."
-  },
-  "+4st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A4\u534A\u97F3\u4E0A",
-    en: "Raises the pitch by four semitones."
-  },
-  "-4st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A4\u534A\u97F3\u4E0B",
-    en: "Lowers the pitch by four semitones."
-  },
-  "+8st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A8\u534A\u97F3\u4E0A",
-    en: "Raises the pitch by eight semitones."
-  },
-  "-8st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A8\u534A\u97F3\u4E0B",
-    en: "Lowers the pitch by eight semitones."
-  },
-  "+12st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A12\u534A\u97F3\u4E0A",
-    en: "Raises the pitch by twelve semitones."
-  },
-  "-12st": {
-    ja: "\u57FA\u6E96\u306E\u58F0\u306E\u9AD8\u3055\u3088\u308A12\u534A\u97F3\u4E0B",
-    en: "Lowers the pitch by twelve semitones."
-  }
-};
-var PROSODY_VOLUME_DESCRIPTIONS = {
-  silent: {
-    ja: "\u7121\u97F3",
-    en: "Makes the selected text silent."
-  },
-  "x-soft": {
-    ja: "\u6700\u3082\u5C0F\u3055\u3044\u97F3\u91CF",
-    en: "Uses the quietest volume."
-  },
-  soft: {
-    ja: "\u5C0F\u3055\u3044\u97F3\u91CF",
-    en: "Uses a soft volume."
-  },
-  medium: {
-    ja: "\u6A19\u6E96\u7684\u306A\u97F3\u91CF",
-    en: "Uses the standard volume."
-  },
-  loud: {
-    ja: "\u5927\u304D\u3044\u97F3\u91CF",
-    en: "Uses a loud volume."
-  },
-  "x-loud": {
-    ja: "\u6700\u3082\u5927\u304D\u3044\u97F3\u91CF",
-    en: "Uses the loudest volume."
-  }
-};
-var EXPRESS_AS_STYLE_DESCRIPTIONS = {
-  cheerful: {
-    ja: "\u660E\u308B\u304F\u5143\u6C17\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a cheerful style."
-  },
-  friendly: {
-    ja: "\u89AA\u3057\u307F\u3084\u3059\u3044\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a friendly style."
-  },
-  calm: {
-    ja: "\u7A4F\u3084\u304B\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a calm style."
-  },
-  sad: {
-    ja: "\u60B2\u3057\u3052\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a sad style."
-  },
-  angry: {
-    ja: "\u6012\u3063\u305F\u3088\u3046\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses an angry style."
-  },
-  excited: {
-    ja: "\u8208\u596E\u3057\u305F\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses an excited style."
-  },
-  serious: {
-    ja: "\u771F\u5263\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a serious style."
-  },
-  assistant: {
-    ja: "\u30C7\u30B8\u30BF\u30EB\u30A2\u30B7\u30B9\u30BF\u30F3\u30C8\u5411\u3051\u306E\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a digital assistant style."
-  },
-  chat: {
-    ja: "\u4F1A\u8A71\u5411\u3051\u306E\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a conversational style."
-  },
-  customerservice: {
-    ja: "\u30AB\u30B9\u30BF\u30DE\u30FC\u30B5\u30FC\u30D3\u30B9\u5411\u3051\u306E\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a customer service style."
-  },
-  hopeful: {
-    ja: "\u5E0C\u671B\u306B\u6E80\u3061\u305F\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a hopeful style."
-  },
-  newscast: {
-    ja: "\u30CB\u30E5\u30FC\u30B9\u8AAD\u307F\u4E0A\u3052\u5411\u3051\u306E\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a newscast style."
-  },
-  shouting: {
-    ja: "\u53EB\u3076\u3088\u3046\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a shouting style."
-  },
-  terrified: {
-    ja: "\u6050\u6016\u306B\u6E80\u3061\u305F\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a terrified style."
-  },
-  unfriendly: {
-    ja: "\u7121\u611B\u60F3\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses an unfriendly style."
-  },
-  whispering: {
-    ja: "\u3055\u3055\u3084\u304F\u3088\u3046\u306A\u30B9\u30BF\u30A4\u30EB",
-    en: "Uses a whispering style."
-  }
-};
-var SAY_AS_DESCRIPTIONS = {
-  characters: {
-    ja: "1\u6587\u5B57\u305A\u3064\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the characters one by one."
-  },
-  "spell-out": {
-    ja: "\u7DB4\u308A\u306E\u8AAD\u307F\u4E0A\u3052\uFF081\u6587\u5B57\u305A\u3064\uFF09",
-    en: "Spells out the text character by character."
-  },
-  cardinal: {
-    ja: "\u57FA\u6570\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as a cardinal number."
-  },
-  ordinal: {
-    ja: "\u5E8F\u6570\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as an ordinal number."
-  },
-  number: {
-    ja: "\u6570\u5024\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as a number."
-  },
-  date: {
-    ja: "\u65E5\u4ED8\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as a date."
-  },
-  time: {
-    ja: "\u6642\u523B\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as a time."
-  },
-  telephone: {
-    ja: "\u96FB\u8A71\u756A\u53F7\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as a telephone number."
-  },
-  fraction: {
-    ja: "\u5206\u6570\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as a fraction."
-  },
-  address: {
-    ja: "\u4F4F\u6240\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as an address."
-  },
-  name: {
-    ja: "\u540D\u524D\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as a name."
-  },
-  currency: {
-    ja: "\u901A\u8CA8\u3068\u3057\u3066\u306E\u8AAD\u307F\u4E0A\u3052",
-    en: "Speaks the value as currency."
-  }
-};
-var LANGUAGE_DESCRIPTIONS = {
-  "ja-JP": {
-    ja: "\u65E5\u672C\u8A9E\uFF08\u65E5\u672C\uFF09\u3067\u8AAD\u307F\u4E0A\u3052\u307E\u3059\u3002",
-    en: "Speaks the text in Japanese (Japan)."
-  },
-  "en-US": {
-    ja: "\u82F1\u8A9E\uFF08\u7C73\u56FD\uFF09\u3067\u8AAD\u307F\u4E0A\u3052\u307E\u3059\u3002",
-    en: "Speaks the text in English (United States)."
-  },
-  "de-DE": {
-    ja: "\u30C9\u30A4\u30C4\u8A9E\uFF08\u30C9\u30A4\u30C4\uFF09\u3067\u8AAD\u307F\u4E0A\u3052\u307E\u3059\u3002",
-    en: "Speaks the text in German (Germany)."
-  },
-  "fr-FR": {
-    ja: "\u30D5\u30E9\u30F3\u30B9\u8A9E\uFF08\u30D5\u30E9\u30F3\u30B9\uFF09\u3067\u8AAD\u307F\u4E0A\u3052\u307E\u3059\u3002",
-    en: "Speaks the text in French (France)."
-  }
-};
-var SILENCE_VALUE_DESCRIPTIONS = {
-  "300ms": {
-    ja: "\u5148\u982D\u306B300\u30DF\u30EA\u79D2\u306E\u7121\u97F3\u3092\u633F\u5165\u3057\u307E\u3059\u3002",
-    en: "Inserts 300 milliseconds of leading silence."
-  },
-  "500ms": {
-    ja: "\u5148\u982D\u306B500\u30DF\u30EA\u79D2\u306E\u7121\u97F3\u3092\u633F\u5165\u3057\u307E\u3059\u3002",
-    en: "Inserts 500 milliseconds of leading silence."
-  },
-  "1s": {
-    ja: "\u5148\u982D\u306B1\u79D2\u306E\u7121\u97F3\u3092\u633F\u5165\u3057\u307E\u3059\u3002",
-    en: "Inserts one second of leading silence."
-  }
-};
-
-// packages/ssml-editor-react/src/locales.ts
-var EDITOR_COPY = {
-  ja: {
-    editorAriaLabel: "SSML\u30A8\u30C7\u30A3\u30BF\u30FC",
-    toolbarAriaLabel: "SSML\u30C4\u30FC\u30EB\u30D0\u30FC",
-    clearAll: "\u5168\u3066\u30AF\u30EA\u30A2",
-    clearAllTitle: "\u97F3\u58F0\u8A2D\u5B9A\u3092\u4FDD\u6301\u3057\u3066XML\u8981\u7D20\u3092\u524A\u9664\u3057\u672C\u6587\u3092\u6B8B\u3059",
-    undo: "\u5143\u306B\u623B\u3059",
-    undoTitle: "\u76F4\u524D\u306E\u5909\u66F4\u3092\u5143\u306B\u623B\u3059",
-    redo: "\u3084\u308A\u76F4\u3059",
-    redoTitle: "\u5143\u306B\u623B\u3057\u305F\u5909\u66F4\u3092\u3084\u308A\u76F4\u3059",
-    help: "\u8AAC\u660E",
-    helpTitle: "\u30DC\u30BF\u30F3\u3068\u30D1\u30E9\u30E1\u30FC\u30BF\u306E\u8AAC\u660E\u3092\u8868\u793A",
-    helpHeading: "\u30DC\u30BF\u30F3\u3068\u30D1\u30E9\u30E1\u30FC\u30BF\u306E\u8AAC\u660E",
-    helpDescription: "\u5404\u30B3\u30F3\u30C8\u30ED\u30FC\u30EB\u306E\u6A5F\u80FD\u3068\u30D1\u30E9\u30E1\u30FC\u30BF\u3092\u78BA\u8A8D\u3067\u304D\u307E\u3059\u3002",
-    parameters: "\u30D1\u30E9\u30E1\u30FC\u30BF",
-    format: "\u30D5\u30A9\u30FC\u30DE\u30C3\u30C8",
-    formatTitle: "\u672C\u6587\u306EXML\u3092\u6539\u884C\u3057\u3066\u898B\u3084\u3059\u304F\u8868\u793A",
-    decorations: "\u88C5\u98FE",
-    decorationsShowTitle: "\u30A4\u30F3\u30E9\u30A4\u30F3\u88C5\u98FE\u3092\u8868\u793A",
-    decorationsHideTitle: "\u30A4\u30F3\u30E9\u30A4\u30F3\u88C5\u98FE\u3092\u975E\u8868\u793A",
-    syntaxError: "\u69CB\u6587\u30A8\u30E9\u30FC",
-    selectionActions: "\u9078\u629E\u7BC4\u56F2\u306E\u64CD\u4F5C",
-    selectionCountSuffix: "\u6587\u5B57",
-    previewSelection: "\u9078\u629E\u90E8\u5206\u3092\u8A66\u8074",
-    previewSelectionTitle: "\u9078\u629E\u90E8\u5206\u306ESSML\u3092\u8A66\u8074",
-    noAvailableOptions: "\u5229\u7528\u53EF\u80FD\u306A\u9078\u629E\u80A2\u304C\u3042\u308A\u307E\u305B\u3093\u3002"
-  },
-  en: {
-    editorAriaLabel: "SSML editor",
-    toolbarAriaLabel: "SSML toolbar",
-    clearAll: "Clear all",
-    clearAllTitle: "Remove non-voice XML elements and keep the text and voice settings",
-    undo: "Undo",
-    undoTitle: "Undo the last change",
-    redo: "Redo",
-    redoTitle: "Redo the last undone change",
-    help: "Help",
-    helpTitle: "Show button and parameter descriptions",
-    helpHeading: "Button and parameter descriptions",
-    helpDescription: "Review what each control does and its parameters.",
-    parameters: "Parameters",
-    format: "Format",
-    formatTitle: "Format the XML in the editor",
-    decorations: "Decorations",
-    decorationsShowTitle: "Show inline decorations",
-    decorationsHideTitle: "Hide inline decorations",
-    syntaxError: "Syntax error",
-    selectionActions: "Selection actions",
-    selectionCountSuffix: " characters",
-    previewSelection: "Preview selection",
-    previewSelectionTitle: "Preview the selected SSML",
-    noAvailableOptions: "No options are available."
-  }
-};
-var INLINE_BADGE_COPY = {
-  ja: {
-    pause: "\u9593",
-    pitch: "\u30D4\u30C3\u30C1\u5909\u5316",
-    prosody: "\u58F0\u306E\u8ABF\u6574"
-  },
-  en: {
-    pause: "Pause",
-    pitch: "Pitch change",
-    prosody: "Prosody"
-  }
-};
-var SSML_HOVER_COPY = {
-  ja: {
-    parameterHeading: "\u30D1\u30E9\u30E1\u30FC\u30BF",
-    parametersHeading: "\u30D1\u30E9\u30E1\u30FC\u30BF",
-    allowedValues: "\u4F7F\u7528\u3067\u304D\u308B\u5024",
-    example: "\u4F8B",
-    noParameters: "\u3053\u306E\u8981\u7D20\u306B\u30D1\u30E9\u30E1\u30FC\u30BF\u306F\u3042\u308A\u307E\u305B\u3093\u3002",
-    tags: {
-      voice: {
-        title: "\u97F3\u58F0",
-        description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u306E\u5408\u6210\u306B\u4F7F\u7528\u3059\u308B\u97F3\u58F0\u3068\u3001\u4EFB\u610F\u306E\u97F3\u58F0\u52B9\u679C\u3092\u9078\u629E\u3057\u307E\u3059\u3002",
-        parameters: {
-          name: { title: "name", description: "\u97F3\u58F0\u540D\u3002\u4F8B: `en-US-JennyNeural`\u3002" },
-          effect: { title: "effect", description: "\u4EFB\u610F\u306E\u97F3\u58F0\u52B9\u679C\u3002\u4F8B: `eq_car`\u3002" }
-        }
-      },
-      prosody: {
-        title: "\u97FB\u5F8B",
-        description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u306E\u901F\u5EA6\u3001\u30D4\u30C3\u30C1\u3001\u97F3\u91CF\u3001\u307E\u305F\u306F\u30D4\u30C3\u30C1\u66F2\u7DDA\u3092\u5909\u66F4\u3057\u307E\u3059\u3002",
-        parameters: {
-          rate: { title: "rate", description: "\u767A\u8A71\u901F\u5EA6\u3092\u6307\u5B9A\u3057\u307E\u3059\u3002" },
-          pitch: { title: "pitch", description: "\u540D\u524D\u4ED8\u304D\u306E\u5024\u3001\u5272\u5408\u3001\u5468\u6CE2\u6570\u3001\u307E\u305F\u306F\u534A\u97F3\u3067\u30D4\u30C3\u30C1\u3092\u8ABF\u6574\u3057\u307E\u3059\u3002" },
-          volume: { title: "volume", description: "\u540D\u524D\u4ED8\u304D\u306E\u5024\u3001\u5272\u5408\u3001\u307E\u305F\u306F\u30C7\u30B7\u30D9\u30EB\u5024\u3067\u97F3\u91CF\u3092\u6307\u5B9A\u3057\u307E\u3059\u3002" },
-          contour: { title: "contour", description: "\u30C6\u30AD\u30B9\u30C8\u5185\u306E\u4F4D\u7F6E\u3054\u3068\u306E\u76F8\u5BFE\u7684\u306A\u30D4\u30C3\u30C1\u5909\u5316\u3092\u5B9A\u7FA9\u3057\u307E\u3059\u3002" },
-          range: { title: "range", description: "\u97F3\u58F0\u306E\u30D4\u30C3\u30C1\u7BC4\u56F2\u3092\u8ABF\u6574\u3057\u307E\u3059\u3002" }
-        }
-      },
-      break: {
-        title: "\u9593",
-        description: "\u5358\u8A9E\u3084\u305D\u306E\u4ED6\u306E\u97F3\u58F0\u30B3\u30F3\u30C6\u30F3\u30C4\u306E\u9593\u306B\u30DD\u30FC\u30BA\u3092\u633F\u5165\u3057\u307E\u3059\u3002",
-        parameters: {
-          time: { title: "time", description: "\u30DD\u30FC\u30BA\u306E\u9577\u3055\u3002\u4F8B: `500ms` \u307E\u305F\u306F `1s`\u3002" },
-          strength: { title: "strength", description: "\u76F8\u5BFE\u7684\u306A\u30DD\u30FC\u30BA\u306E\u5F37\u3055\u3002" }
-        }
-      },
-      "mstts:express-as": {
-        title: "\u8868\u73FE",
-        description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u306B\u97F3\u58F0\u30B9\u30BF\u30A4\u30EB\u3001\u30B9\u30BF\u30A4\u30EB\u306E\u5F37\u3055\u3001\u307E\u305F\u306F\u5F79\u5272\u3092\u9069\u7528\u3057\u307E\u3059\u3002",
-        parameters: {
-          style: { title: "style", description: "\u9078\u629E\u3057\u305F\u97F3\u58F0\u304C\u5BFE\u5FDC\u3059\u308B\u97F3\u58F0\u30B9\u30BF\u30A4\u30EB\u3002\u4F8B: `cheerful`\u3002" },
-          styledegree: { title: "styledegree", description: "\u9078\u629E\u3057\u305F\u97F3\u58F0\u30B9\u30BF\u30A4\u30EB\u306E\u5F37\u3055\u3092\u6307\u5B9A\u3057\u307E\u3059\u3002" },
-          role: { title: "role", description: "\u5BFE\u5FDC\u3057\u3066\u3044\u308B\u5834\u5408\u306B\u97F3\u58F0\u306E\u5F79\u5272\u3092\u5909\u66F4\u3057\u307E\u3059\u3002" }
-        }
-      },
-      "say-as": {
-        title: "\u8AAD\u307F\u4E0A\u3052\u65B9",
-        description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u306E\u89E3\u91C8\u65B9\u6CD5\u3068\u8AAD\u307F\u4E0A\u3052\u65B9\u3092\u6307\u5B9A\u3057\u307E\u3059\u3002",
-        parameters: {
-          "interpret-as": { title: "interpret-as", description: "\u6587\u5B57\u3001\u6570\u5B57\u3001\u65E5\u4ED8\u3001\u6642\u523B\u306A\u3069\u306E\u89E3\u91C8\u3092\u6307\u5B9A\u3057\u307E\u3059\u3002" },
-          format: { title: "format", description: "\u9078\u629E\u3057\u305F\u89E3\u91C8\u306E\u5F62\u5F0F\u3092\u88DC\u8DB3\u3057\u307E\u3059\u3002" },
-          detail: { title: "detail", description: "\u9078\u629E\u3057\u305F\u89E3\u91C8\u306E\u8A73\u7D30\u3092\u88DC\u8DB3\u3057\u307E\u3059\u3002" }
-        }
-      },
-      phoneme: {
-        title: "\u97F3\u7D20",
-        description: "\u6307\u5B9A\u3057\u305F\u97F3\u7D20\u8868\u8A18\u3067\u901A\u5E38\u306E\u767A\u97F3\u3092\u7F6E\u304D\u63DB\u3048\u307E\u3059\u3002",
-        parameters: {
-          alphabet: { title: "alphabet", description: "`ph` \u5024\u306B\u4F7F\u7528\u3059\u308B\u97F3\u7D20\u30A2\u30EB\u30D5\u30A1\u30D9\u30C3\u30C8\u3002" },
-          ph: { title: "ph", description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u306E\u97F3\u7D20\u8868\u8A18\u3002" }
-        }
-      },
-      emphasis: {
-        title: "\u5F37\u8ABF",
-        description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u3092\u5F37\u8ABF\u3057\u307E\u3059\u3002",
-        parameters: {
-          level: { title: "level", description: "\u5F37\u8ABF\u306E\u5EA6\u5408\u3044\u3092\u6307\u5B9A\u3057\u307E\u3059\u3002" }
-        }
-      },
-      audio: {
-        title: "\u97F3\u58F0\u30D5\u30A1\u30A4\u30EB",
-        description: "\u5408\u6210\u7D50\u679C\u306E\u4E00\u90E8\u3068\u3057\u3066\u97F3\u58F0\u30D5\u30A1\u30A4\u30EB\u3092\u518D\u751F\u3057\u307E\u3059\u3002",
-        parameters: {
-          src: { title: "src", description: "\u97F3\u58F0\u30D5\u30A1\u30A4\u30EB\u306E URI\u3002" },
-          desc: { title: "desc", description: "\u97F3\u58F0\u3092\u518D\u751F\u3067\u304D\u306A\u3044\u5834\u5408\u306B\u4F7F\u7528\u3059\u308B\u4EE3\u66FF\u30C6\u30AD\u30B9\u30C8\u3002" },
-          clipBegin: { title: "clipBegin", description: "\u97F3\u58F0\u30D5\u30A1\u30A4\u30EB\u5185\u306E\u958B\u59CB\u4F4D\u7F6E\u3002\u4F8B: `0s`\u3002" },
-          clipEnd: { title: "clipEnd", description: "\u97F3\u58F0\u30D5\u30A1\u30A4\u30EB\u5185\u306E\u7D42\u4E86\u4F4D\u7F6E\u3002\u4F8B: `5s`\u3002" },
-          speed: { title: "speed", description: "\u97F3\u58F0\u30D5\u30A1\u30A4\u30EB\u306E\u518D\u751F\u901F\u5EA6\u3002\u4F8B: `1.0`\u3002" },
-          repeatCount: { title: "repeatCount", description: "\u97F3\u58F0\u3092\u7E70\u308A\u8FD4\u3059\u56DE\u6570\u3002\u4F8B: `2`\u3002" },
-          repeatDuration: { title: "repeatDuration", description: "\u97F3\u58F0\u3092\u7E70\u308A\u8FD4\u3059\u5408\u8A08\u6642\u9593\u3002\u4F8B: `10s`\u3002" },
-          soundLevel: { title: "soundLevel", description: "\u30C7\u30B7\u30D9\u30EB\u5358\u4F4D\u306E\u97F3\u91CF\u8ABF\u6574\u3002\u4F8B: `-3dB`\u3002" }
-        }
-      },
-      sub: {
-        title: "\u7F6E\u63DB",
-        description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u306E\u4EE3\u308F\u308A\u306B\u5225\u540D\u30C6\u30AD\u30B9\u30C8\u3092\u8AAD\u307F\u4E0A\u3052\u307E\u3059\u3002",
-        parameters: {
-          alias: { title: "alias", description: "\u5143\u306E\u30C6\u30AD\u30B9\u30C8\u306E\u4EE3\u308F\u308A\u306B\u8AAD\u307F\u4E0A\u3052\u308B\u30C6\u30AD\u30B9\u30C8\u3002\u4F8B: `World Wide Web`\u3002" }
-        }
-      },
-      lang: {
-        title: "\u8A00\u8A9E",
-        description: "\u56F2\u307E\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u306E\u8AAD\u307F\u4E0A\u3052\u8A00\u8A9E\u3092\u5909\u66F4\u3057\u307E\u3059\u3002",
-        parameters: {
-          "xml:lang": { title: "xml:lang", description: "BCP-47 \u8A00\u8A9E\u30BF\u30B0\u3002\u4F8B: `ja-JP`\u3002" }
-        }
-      },
-      mark: {
-        title: "\u30DE\u30FC\u30AB\u30FC",
-        description: "\u5408\u6210\u97F3\u58F0\u30B9\u30C8\u30EA\u30FC\u30E0\u306B\u30AB\u30B9\u30BF\u30E0\u30DE\u30FC\u30AB\u30FC\u3092\u633F\u5165\u3057\u307E\u3059\u3002",
-        parameters: {
-          name: { title: "name", description: "\u30A2\u30D7\u30EA\u30B1\u30FC\u30B7\u30E7\u30F3\u3067\u5B9A\u7FA9\u3057\u305F\u30DE\u30FC\u30AB\u30FC\u540D\u3002\u4F8B: `chapter-1`\u3002" }
-        }
-      },
-      bookmark: {
-        title: "\u30D6\u30C3\u30AF\u30DE\u30FC\u30AF",
-        description: "\u5408\u6210\u97F3\u58F0\u30B9\u30C8\u30EA\u30FC\u30E0\u306B\u30D6\u30C3\u30AF\u30DE\u30FC\u30AF\u30DE\u30FC\u30AB\u30FC\u3092\u633F\u5165\u3057\u307E\u3059\u3002",
-        parameters: {
-          mark: { title: "mark", description: "\u30A2\u30D7\u30EA\u30B1\u30FC\u30B7\u30E7\u30F3\u3067\u5B9A\u7FA9\u3057\u305F\u30D6\u30C3\u30AF\u30DE\u30FC\u30AF\u540D\u3002\u4F8B: `chapter-1`\u3002" }
-        }
-      },
-      lexicon: {
-        title: "\u767A\u97F3\u8F9E\u66F8",
-        description: "\u5408\u6210\u6587\u66F8\u306B\u767A\u97F3\u8F9E\u66F8\u3092\u95A2\u9023\u4ED8\u3051\u307E\u3059\u3002",
-        parameters: {
-          uri: { title: "uri", description: "\u767A\u97F3\u8F9E\u66F8\u306E URI\u3002" }
-        }
-      },
-      p: { title: "\u6BB5\u843D", description: "\u30C6\u30AD\u30B9\u30C8\u3092\u6BB5\u843D\u3068\u3057\u3066\u307E\u3068\u3081\u307E\u3059\u3002", parameters: {} },
-      s: { title: "\u6587", description: "\u30C6\u30AD\u30B9\u30C8\u3092\u6587\u3068\u3057\u3066\u307E\u3068\u3081\u307E\u3059\u3002", parameters: {} },
-      w: { title: "\u5358\u8A9E", description: "\u30C6\u30AD\u30B9\u30C8\u3092\u5358\u8A9E\u3068\u3057\u3066\u307E\u3068\u3081\u307E\u3059\u3002", parameters: {} },
-      "mstts:silence": {
-        title: "\u7121\u97F3",
-        description: "\u30C6\u30AD\u30B9\u30C8\u306E\u524D\u5F8C\u3001\u307E\u305F\u306F\u53E5\u8AAD\u70B9\u306E\u5883\u754C\u306B\u6307\u5B9A\u3057\u305F\u7121\u97F3\u3092\u8FFD\u52A0\u3057\u307E\u3059\u3002",
-        parameters: {
-          type: { title: "type", description: "\u7121\u97F3\u306E\u4F4D\u7F6E\u307E\u305F\u306F\u53E5\u8AAD\u70B9\u306E\u5883\u754C\u3002" },
-          value: { title: "value", description: "\u7121\u97F3\u306E\u9577\u3055\u3002\u4F8B: `300ms`\u3002" }
-        }
-      },
-      "mstts:viseme": {
-        title: "\u30D3\u30BC\u30FC\u30E0",
-        description: "\u5408\u6210\u97F3\u58F0\u306E\u30D3\u30BC\u30FC\u30E0\u30A4\u30D9\u30F3\u30C8\u3092\u8981\u6C42\u3057\u307E\u3059\u3002",
-        parameters: {
-          type: { title: "type", description: "\u30D3\u30BC\u30FC\u30E0\u30A4\u30D9\u30F3\u30C8\u306E\u5F62\u5F0F\u3002" }
-        }
-      }
-    }
-  },
-  en: {
-    parameterHeading: "Parameter",
-    parametersHeading: "Parameters",
-    allowedValues: "Allowed values",
-    example: "Example",
-    noParameters: "This element has no parameters.",
-    tags: {
-      voice: {
-        title: "Voice",
-        description: "Selects the voice and optional voice effect used to synthesize the enclosed text.",
-        parameters: {
-          name: { title: "name", description: "The voice name, such as `en-US-JennyNeural`." },
-          effect: { title: "effect", description: "An optional voice effect, such as `eq_car`." }
-        }
-      },
-      prosody: {
-        title: "Prosody",
-        description: "Changes the speaking rate, pitch, volume, or pitch contour of the enclosed text.",
-        parameters: {
-          rate: { title: "rate", description: "Controls speaking speed." },
-          pitch: {
-            title: "pitch",
-            description: "Adjusts pitch using a named value, percentage, frequency, or semitone value."
-          },
-          volume: {
-            title: "volume",
-            description: "Controls loudness using a named value, percentage, or decibel value."
-          },
-          contour: {
-            title: "contour",
-            description: "Defines a sequence of relative pitch changes at positions in the text."
-          },
-          range: { title: "range", description: "Adjusts the pitch range of the voice." }
-        }
-      },
-      break: {
-        title: "Break",
-        description: "Inserts a pause between words or other spoken content.",
-        parameters: {
-          time: { title: "time", description: "The pause duration, for example `500ms` or `1s`." },
-          strength: { title: "strength", description: "The relative pause strength." }
-        }
-      },
-      "mstts:express-as": {
-        title: "Express-as",
-        description: "Applies a speaking style, style degree, or role to the enclosed text.",
-        parameters: {
-          style: {
-            title: "style",
-            description: "The speaking style supported by the selected voice, such as `cheerful`."
-          },
-          styledegree: { title: "styledegree", description: "Controls the intensity of the selected speaking style." },
-          role: { title: "role", description: "Changes the speaking role when supported by the selected voice." }
-        }
-      },
-      "say-as": {
-        title: "Say-as",
-        description: "Controls how the enclosed text is interpreted and spoken.",
-        parameters: {
-          "interpret-as": {
-            title: "interpret-as",
-            description: "Specifies the interpretation, such as characters, digits, date, or time."
-          },
-          format: { title: "format", description: "Provides a format hint for the selected interpretation." },
-          detail: {
-            title: "detail",
-            description: "Provides an additional detail hint for the selected interpretation."
-          }
-        }
-      },
-      phoneme: {
-        title: "Phoneme",
-        description: "Replaces normal pronunciation with the supplied phonetic pronunciation.",
-        parameters: {
-          alphabet: { title: "alphabet", description: "The phonetic alphabet used by the `ph` value." },
-          ph: { title: "ph", description: "The phonetic pronunciation for the enclosed text." }
-        }
-      },
-      emphasis: {
-        title: "Emphasis",
-        description: "Adds emphasis to the enclosed text.",
-        parameters: {
-          level: { title: "level", description: "Controls the amount of emphasis." }
-        }
-      },
-      audio: {
-        title: "Audio",
-        description: "Plays an audio file as part of the synthesized output.",
-        parameters: {
-          src: { title: "src", description: "The URI of the audio file." },
-          desc: { title: "desc", description: "Alternative text to use if the audio cannot be played." },
-          clipBegin: { title: "clipBegin", description: "The starting offset within the audio file." },
-          clipEnd: { title: "clipEnd", description: "The ending offset within the audio file." },
-          speed: { title: "speed", description: "The playback speed of the audio file." },
-          repeatCount: { title: "repeatCount", description: "The number of times to repeat the audio." },
-          repeatDuration: {
-            title: "repeatDuration",
-            description: "The total duration for which the audio may repeat."
-          },
-          soundLevel: { title: "soundLevel", description: "The audio volume adjustment in decibels." }
-        }
-      },
-      sub: {
-        title: "Substitution",
-        description: "Substitutes the alias text when speaking the enclosed text.",
-        parameters: {
-          alias: { title: "alias", description: "The text to speak instead of the enclosed text." }
-        }
-      },
-      lang: {
-        title: "Language",
-        description: "Changes the language used for the enclosed text.",
-        parameters: {
-          "xml:lang": { title: "xml:lang", description: "The BCP-47 language tag." }
-        }
-      },
-      mark: {
-        title: "Mark",
-        description: "Inserts a custom marker into the synthesized audio stream.",
-        parameters: {
-          name: { title: "name", description: "The application-defined marker name." }
-        }
-      },
-      bookmark: {
-        title: "Bookmark",
-        description: "Inserts a bookmark marker into the synthesized audio stream.",
-        parameters: {
-          mark: { title: "mark", description: "The application-defined bookmark name." }
-        }
-      },
-      lexicon: {
-        title: "Lexicon",
-        description: "Associates a pronunciation lexicon with the synthesized document.",
-        parameters: {
-          uri: { title: "uri", description: "The URI of the pronunciation lexicon." }
-        }
-      },
-      p: { title: "Paragraph", description: "Groups text into a paragraph.", parameters: {} },
-      s: { title: "Sentence", description: "Groups text into a sentence.", parameters: {} },
-      w: { title: "Word", description: "Groups text into a word.", parameters: {} },
-      "mstts:silence": {
-        title: "Silence",
-        description: "Adds a specified silence before or after text or at a punctuation boundary.",
-        parameters: {
-          type: { title: "type", description: "The silence position or punctuation boundary." },
-          value: { title: "value", description: "The silence duration, for example `300ms`." }
-        }
-      },
-      "mstts:viseme": {
-        title: "Viseme",
-        description: "Requests viseme events for the synthesized audio.",
-        parameters: {
-          type: { title: "type", description: "The viseme event format." }
-        }
-      }
-    }
-  }
-};
-
-// packages/ssml-editor-react/src/constants/ui.ts
-var DEFAULT_LOCALE = "ja";
-var OVERLAY_Z_INDEX = 9999;
-var SELECTION_OVERLAY_ABOVE_THRESHOLD_LINES = 4;
-var SSML_INSERTION_MODES = {
-  insert: "insert",
-  wrap: "wrap"
-};
-
 // packages/ssml-editor-react/src/components/popovers/InsertionPopover.tsx
 import { createPortal } from "react-dom";
 
@@ -954,6 +131,10 @@ var editorStyles = {
     font: "inherit",
     cursor: "pointer"
   },
+  toolbarButtonActive: {
+    border: "1px solid var(--ssml-editor-active-border)",
+    backgroundColor: "var(--ssml-editor-active-bg)"
+  },
   display: {
     display: "grid",
     gap: "0.5rem"
@@ -999,12 +180,35 @@ var editorStyles = {
     whiteSpace: "nowrap",
     cursor: "pointer"
   },
+  toolbarOptionGroup: {
+    display: "grid",
+    gap: "0.125rem",
+    margin: 0,
+    padding: 0,
+    border: 0
+  },
+  toolbarOptionGroupLabel: {
+    padding: "0.375rem 0.5rem 0.125rem",
+    color: "var(--ssml-editor-color)",
+    fontSize: "0.875rem",
+    fontWeight: 600,
+    whiteSpace: "nowrap"
+  },
   toolbarEmpty: {
     margin: 0,
     padding: "0.375rem 0.5rem",
     color: "var(--ssml-editor-color)",
     whiteSpace: "nowrap"
   },
+  toolbarEmptySelect: {
+    padding: "0.375rem 0.5rem",
+    border: "1px solid var(--ssml-editor-control-border)",
+    borderRadius: "0.125rem",
+    color: "var(--ssml-editor-color)",
+    backgroundColor: "var(--ssml-editor-control-bg)",
+    font: "inherit",
+    textAlign: "left"
+  },
   helpPanel: {
     display: "grid",
     gap: "0.5rem",
@@ -1130,1619 +334,175 @@ var editorStyles = {
     borderRadius: "0.25rem",
     color: "var(--ssml-editor-error)",
     backgroundColor: "var(--ssml-editor-error-bg)",
-    lineHeight: 1.5
-  }
-};
-
-// packages/ssml-editor-react/src/components/popovers/InsertionPopover.tsx
-function getInsertionTitle(insertion, language) {
-  if (insertion.titles) {
-    return insertion.titles[language];
-  }
-  const tag = insertion.tagName ? ` <${insertion.tagName}${insertion.selfClosing ? "/>" : ">"}` : "";
-  return `${insertion.labels[language]}${tag} \u2014 ${insertion.descriptions[language]}`;
-}
-function InsertionPopover({
-  insertion,
-  language,
-  isDarkTheme,
-  showToolbarIcons,
-  showToolbarText,
-  toolbarButtonStyle,
-  emptyOptionsMessage,
-  isReadOnly,
-  isOpen,
-  menuPosition,
-  menuRef,
-  onToggle,
-  onClose,
-  onApply
-}) {
-  const menu = isOpen && menuPosition && typeof document !== "undefined" ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: menuRef,
-      id: `ssml-editor-popover-${insertion.id}`,
-      "data-ssml-editor": "",
-      "data-theme": isDarkTheme ? "dark" : "light",
-      style: { ...editorStyles.toolbarMenu, top: menuPosition.top, left: menuPosition.left },
-      role: "menu",
-      "aria-label": insertion.labels[language]
-    },
-    insertion.options.length === 0 ? /* @__PURE__ */ React.createElement("p", { role: "status", style: editorStyles.toolbarEmpty }, emptyOptionsMessage) : insertion.options.map((option) => /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        key: option.value,
-        type: "button",
-        role: "menuitem",
-        style: editorStyles.toolbarOption,
-        title: option.descriptions?.[language] ?? insertion.descriptions[language],
-        disabled: isReadOnly,
-        onMouseDown: (event) => event.preventDefault(),
-        onClick: () => {
-          if (!isReadOnly) {
-            onApply(insertion, option);
-          }
-          onClose();
-        }
-      },
-      option.labels[language]
-    ))
-  ) : null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { style: editorStyles.toolbarDropdown }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      style: toolbarButtonStyle,
-      title: getInsertionTitle(insertion, language),
-      "aria-label": insertion.labels[language],
-      "aria-haspopup": "menu",
-      "aria-expanded": isOpen,
-      "aria-controls": isOpen ? `ssml-editor-popover-${insertion.id}` : void 0,
-      onClick: (event) => onToggle(event.currentTarget)
-    },
-    showToolbarIcons && /* @__PURE__ */ React.createElement("span", { style: editorStyles.toolbarIcon, "aria-hidden": "true" }, insertion.icon),
-    showToolbarText && /* @__PURE__ */ React.createElement("span", null, insertion.labels[language]),
-    /* @__PURE__ */ React.createElement("span", { style: editorStyles.toolbarChevron, "aria-hidden": "true" }, "\u25BE")
-  )), menu && createPortal(menu, document.body));
-}
-
-// packages/ssml-editor-react/src/components/popovers/InsertionPopovers.tsx
-function InsertionPopovers({
-  insertions,
-  openPopoverId,
-  onToggle,
-  ...props
-}) {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, insertions.map((insertion) => /* @__PURE__ */ React.createElement(
-    InsertionPopover,
-    {
-      key: insertion.id,
-      ...props,
-      insertion,
-      isOpen: openPopoverId === insertion.id,
-      onToggle: (trigger) => onToggle(insertion.id, trigger)
-    }
-  )));
-}
-
-// packages/ssml-editor-react/src/components/popovers/ProsodyPopovers.tsx
-function ProsodyPopovers({ insertions, voiceName, ...props }) {
-  const filteredInsertions = insertions.map((insertion) => {
-    if (insertion.id !== "emotion" || insertion.tagName?.toLowerCase() !== "mstts:express-as") {
-      return insertion;
-    }
-    const styles = new Set(
-      resolveExpressAsStyles(
-        voiceName,
-        insertion.options.map((option) => option.value)
-      )
-    );
-    return {
-      ...insertion,
-      options: insertion.options.filter((option) => styles.has(option.value))
-    };
-  });
-  return /* @__PURE__ */ React.createElement(InsertionPopovers, { ...props, insertions: filteredInsertions });
-}
-
-// packages/ssml-editor-react/src/components/popovers/TextPopovers.tsx
-function TextPopovers(props) {
-  return /* @__PURE__ */ React.createElement(InsertionPopovers, { ...props });
-}
-
-// packages/ssml-editor-react/src/components/popovers/TimingPopovers.tsx
-function TimingPopovers(props) {
-  return /* @__PURE__ */ React.createElement(InsertionPopovers, { ...props });
-}
-
-// packages/ssml-editor-react/src/hooks/useSsmlEditorState.ts
-import { useCallback, useEffect, useId, useRef, useState } from "react";
-
-// packages/ssml-core/dist/index.mjs
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var SYNTHESIS_NAMESPACE = "http://www.w3.org/2001/10/synthesis";
-var MSTTS_NAMESPACE = "http://www.w3.org/2001/mstts";
-var DEFAULT_SSML_VERSION = "1.0";
-var DEFAULT_SSML_LANGUAGE = "en-US";
-var MAX_NESTING_DEPTH = 1e3;
-var XML_NAME_PATTERN = /^[A-Za-z_][A-Za-z0-9_.:-]*$/;
-var MSTTS_TAG_PREFIX = "mstts:";
-var SSML_TAGS = {
-  SPEAK: "speak",
-  VOICE: "voice",
-  PROSODY: "prosody",
-  BREAK: "break",
-  EXPRESS_AS: "express-as",
-  EXPRESS_AS_CAMEL: "expressAs",
-  MSTTS_EXPRESS_AS: "mstts:express-as",
-  SAY_AS: "say-as",
-  SAY_AS_CAMEL: "sayAs",
-  PHONEME: "phoneme",
-  EMPHASIS: "emphasis",
-  AUDIO: "audio",
-  SUB: "sub",
-  LANG: "lang",
-  MARK: "mark",
-  BOOKMARK: "bookmark",
-  LEXICON: "lexicon",
-  PARAGRAPH: "p",
-  SENTENCE: "s",
-  WORD: "w",
-  MSTTS_SILENCE: "mstts:silence",
-  SILENCE: "silence",
-  MSTTS_VISEME: "mstts:viseme",
-  VISEME: "viseme"
-};
-var SSML_ATTRS = {
-  VERSION: "version",
-  XMLNS: "xmlns",
-  XML_LANG: "xml:lang",
-  LANG: "lang",
-  MSTTS_XMLNS: "xmlns:mstts",
-  NAME: "name",
-  EFFECT: "effect",
-  RATE: "rate",
-  PITCH: "pitch",
-  VOLUME: "volume",
-  CONTOUR: "contour",
-  RANGE: "range",
-  TIME: "time",
-  STRENGTH: "strength",
-  STYLE: "style",
-  STYLE_DEGREE: "styledegree",
-  STYLE_DEGREE_CAMEL: "styleDegree",
-  ROLE: "role",
-  INTERPRET_AS: "interpret-as",
-  FORMAT: "format",
-  DETAIL: "detail",
-  ALPHABET: "alphabet",
-  PH: "ph",
-  LEVEL: "level",
-  SRC: "src",
-  DESC: "desc",
-  CLIP_BEGIN: "clipBegin",
-  CLIP_END: "clipEnd",
-  SPEED: "speed",
-  REPEAT_COUNT: "repeatCount",
-  REPEAT_DURATION: "repeatDuration",
-  SOUND_LEVEL: "soundLevel",
-  ALIAS: "alias",
-  MARK: "mark",
-  URI: "uri",
-  TYPE: "type",
-  VALUE: "value"
-};
-function escapeText(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function escapeAttribute(value) {
-  return escapeText(value).replace(/"/g, "&quot;").replace(/'/g, "&apos;");
-}
-function addAttribute(attributes, name, value) {
-  if (value !== void 0) {
-    attributes[name] = value;
-  }
-}
-function getAttributes(element) {
-  const attributes = {
-    ...element.attributes ?? {}
-  };
-  switch (element.type) {
-    case SSML_TAGS.VOICE:
-      addAttribute(attributes, SSML_ATTRS.NAME, element.name);
-      addAttribute(attributes, SSML_ATTRS.EFFECT, element.effect);
-      break;
-    case SSML_TAGS.PROSODY:
-      addAttribute(attributes, SSML_ATTRS.RATE, element.rate);
-      addAttribute(attributes, SSML_ATTRS.PITCH, element.pitch);
-      addAttribute(attributes, SSML_ATTRS.VOLUME, element.volume);
-      addAttribute(attributes, SSML_ATTRS.CONTOUR, element.contour);
-      addAttribute(attributes, SSML_ATTRS.RANGE, element.range);
-      break;
-    case SSML_TAGS.BREAK:
-      addAttribute(attributes, SSML_ATTRS.TIME, element.time);
-      addAttribute(attributes, SSML_ATTRS.STRENGTH, element.strength);
-      break;
-    case SSML_TAGS.EXPRESS_AS:
-    case SSML_TAGS.EXPRESS_AS_CAMEL:
-    case SSML_TAGS.MSTTS_EXPRESS_AS:
-      addAttribute(attributes, SSML_ATTRS.STYLE, element.style);
-      addAttribute(attributes, SSML_ATTRS.STYLE_DEGREE, element.styleDegree);
-      addAttribute(attributes, SSML_ATTRS.ROLE, element.role);
-      break;
-    case SSML_TAGS.SAY_AS:
-    case SSML_TAGS.SAY_AS_CAMEL:
-      addAttribute(attributes, SSML_ATTRS.INTERPRET_AS, element.interpretAs);
-      addAttribute(attributes, SSML_ATTRS.FORMAT, element.format);
-      addAttribute(attributes, SSML_ATTRS.DETAIL, element.detail);
-      break;
-    case SSML_TAGS.PHONEME:
-      addAttribute(attributes, SSML_ATTRS.ALPHABET, element.alphabet);
-      addAttribute(attributes, SSML_ATTRS.PH, element.ph);
-      break;
-    case SSML_TAGS.EMPHASIS:
-      addAttribute(attributes, SSML_ATTRS.LEVEL, element.level);
-      break;
-    case SSML_TAGS.AUDIO:
-      addAttribute(attributes, SSML_ATTRS.SRC, element.src);
-      addAttribute(attributes, SSML_ATTRS.DESC, element.desc);
-      addAttribute(attributes, SSML_ATTRS.CLIP_BEGIN, element.clipBegin);
-      addAttribute(attributes, SSML_ATTRS.CLIP_END, element.clipEnd);
-      addAttribute(attributes, SSML_ATTRS.SPEED, element.speed);
-      addAttribute(attributes, SSML_ATTRS.REPEAT_COUNT, element.repeatCount);
-      addAttribute(attributes, SSML_ATTRS.REPEAT_DURATION, element.repeatDuration);
-      addAttribute(attributes, SSML_ATTRS.SOUND_LEVEL, element.soundLevel);
-      break;
-    case SSML_TAGS.SUB:
-      addAttribute(attributes, SSML_ATTRS.ALIAS, element.alias);
-      break;
-    case SSML_TAGS.LANG:
-      addAttribute(attributes, SSML_ATTRS.XML_LANG, element.lang);
-      break;
-    case SSML_TAGS.MARK:
-      addAttribute(attributes, SSML_ATTRS.NAME, element.name);
-      break;
-    case SSML_TAGS.BOOKMARK:
-      addAttribute(attributes, SSML_ATTRS.MARK, element.mark);
-      break;
-    case SSML_TAGS.LEXICON:
-      addAttribute(attributes, SSML_ATTRS.URI, element.uri);
-      break;
-    case SSML_TAGS.MSTTS_SILENCE:
-    case SSML_TAGS.SILENCE:
-      addAttribute(attributes, SSML_ATTRS.TYPE, element.typeValue ?? element.silenceType);
-      addAttribute(attributes, SSML_ATTRS.VALUE, element.value);
-      break;
-    case SSML_TAGS.MSTTS_VISEME:
-    case SSML_TAGS.VISEME:
-      addAttribute(attributes, SSML_ATTRS.TYPE, element.typeValue ?? element.visemeType);
-      break;
-    case SSML_TAGS.PARAGRAPH:
-    case SSML_TAGS.SENTENCE:
-    case SSML_TAGS.WORD:
-    case "element":
-    case "custom":
-      break;
-  }
-  return attributes;
-}
-function getTagName(element) {
-  switch (element.type) {
-    case SSML_TAGS.EXPRESS_AS:
-    case SSML_TAGS.EXPRESS_AS_CAMEL:
-    case SSML_TAGS.MSTTS_EXPRESS_AS:
-      return SSML_TAGS.MSTTS_EXPRESS_AS;
-    case SSML_TAGS.SAY_AS:
-    case SSML_TAGS.SAY_AS_CAMEL:
-      return SSML_TAGS.SAY_AS;
-    case SSML_TAGS.SILENCE:
-    case SSML_TAGS.MSTTS_SILENCE:
-      return SSML_TAGS.MSTTS_SILENCE;
-    case SSML_TAGS.VISEME:
-    case SSML_TAGS.MSTTS_VISEME:
-      return SSML_TAGS.MSTTS_VISEME;
-    case "element":
-    case "custom":
-      return element.name;
-    default:
-      return element.type;
-  }
-}
-function getChildren(element) {
-  return element.children ?? [];
-}
-function validateName(name, kind) {
-  if (!XML_NAME_PATTERN.test(name)) {
-    throw new Error(`Invalid XML ${kind} name: ${name}`);
-  }
-}
-function serializeAttributes(attributes) {
-  return Object.entries(attributes).map(([name, value]) => {
-    validateName(name, "attribute");
-    return ` ${name}="${escapeAttribute(String(value))}"`;
-  }).join("");
-}
-function serializeNode(node) {
-  if (typeof node === "string") {
-    return escapeText(node);
-  }
-  if (node.type === "text") {
-    return escapeText(node.value);
-  }
-  const tagName = getTagName(node);
-  validateName(tagName, "element");
-  const attributes = serializeAttributes(getAttributes(node));
-  const children = getChildren(node);
-  if (children.length === 0) {
-    return `<${tagName}${attributes}/>`;
-  }
-  return `<${tagName}${attributes}>${children.map(serializeNode).join("")}</${tagName}>`;
-}
-function usesMsttsNamespace(nodes) {
-  return nodes.some((node) => {
-    if (typeof node === "string" || node.type === "text") {
-      return false;
-    }
-    const tagName = getTagName(node);
-    return tagName.startsWith(MSTTS_TAG_PREFIX) || usesMsttsNamespace(getChildren(node));
-  });
-}
-function serializeDocument(document2) {
-  const children = document2.children ?? (document2.content === void 0 ? [] : [document2.content]);
-  const attributes = {
-    ...document2.attributes ?? {},
-    [SSML_ATTRS.VERSION]: document2.version,
-    [SSML_ATTRS.XMLNS]: SYNTHESIS_NAMESPACE,
-    [SSML_ATTRS.XML_LANG]: document2.lang
-  };
-  if (usesMsttsNamespace(children) && attributes[SSML_ATTRS.MSTTS_XMLNS] === void 0) {
-    attributes[SSML_ATTRS.MSTTS_XMLNS] = MSTTS_NAMESPACE;
-  }
-  return `<${SSML_TAGS.SPEAK}${serializeAttributes(attributes)}>${children.map(serializeNode).join("")}</${SSML_TAGS.SPEAK}>`;
-}
-function buildSsml(documentOrContent, lang = DEFAULT_SSML_LANGUAGE) {
-  if (typeof documentOrContent === "string") {
-    return {
-      version: DEFAULT_SSML_VERSION,
-      lang,
-      content: documentOrContent
-    };
-  }
-  return serializeDocument(documentOrContent);
-}
-var XML_ENTITIES = {
-  amp: "&",
-  apos: "'",
-  gt: ">",
-  lt: "<",
-  quot: '"'
-};
-function hasOwn(object, property) {
-  return Object.getOwnPropertyDescriptor(object, property) !== void 0;
-}
-function setAttribute(attributes, name, value) {
-  Object.defineProperty(attributes, name, {
-    configurable: true,
-    enumerable: true,
-    value,
-    writable: true
-  });
-}
-function decodeEntity(entity) {
-  const namedValue = hasOwn(XML_ENTITIES, entity) ? XML_ENTITIES[entity] : void 0;
-  if (namedValue !== void 0) {
-    return namedValue;
-  }
-  const isHexadecimal = entity.startsWith("#x") || entity.startsWith("#X");
-  const isDecimal = entity.startsWith("#");
-  if (!isHexadecimal && !isDecimal) {
-    throw new Error(`Unknown XML entity: &${entity};`);
-  }
-  const digits = entity.slice(isHexadecimal ? 2 : 1);
-  const codePoint = Number.parseInt(digits, isHexadecimal ? 16 : 10);
-  if (!digits || !Number.isInteger(codePoint) || codePoint < 0 || codePoint > 1114111 || codePoint >= 55296 && codePoint <= 57343 || codePoint < 32 && ![9, 10, 13].includes(codePoint)) {
-    throw new Error(`Invalid XML character reference: &${entity};`);
-  }
-  return String.fromCodePoint(codePoint);
-}
-function decodeXmlEntities(value) {
-  let result = "";
-  let start = 0;
-  while (true) {
-    const ampersand = value.indexOf("&", start);
-    if (ampersand === -1) {
-      return result + value.slice(start);
-    }
-    result += value.slice(start, ampersand);
-    const semicolon = value.indexOf(";", ampersand + 1);
-    if (semicolon === -1) {
-      throw new Error("Unterminated XML entity reference");
-    }
-    result += decodeEntity(value.slice(ampersand + 1, semicolon));
-    start = semicolon + 1;
-  }
-}
-function isXmlNameStart(value) {
-  return value !== void 0 && /[A-Za-z_]/.test(value);
-}
-function isXmlNameCharacter(value) {
-  return value !== void 0 && /[A-Za-z0-9_.:-]/.test(value);
-}
-function isXmlWhitespace(value) {
-  return value === " " || value === "	" || value === "\r" || value === "\n";
-}
-function removeStandardNamespaceAttributes(attributes) {
-  if (attributes[SSML_ATTRS.XMLNS] === SYNTHESIS_NAMESPACE) {
-    delete attributes[SSML_ATTRS.XMLNS];
-  }
-  if (attributes[SSML_ATTRS.MSTTS_XMLNS] === MSTTS_NAMESPACE) {
-    delete attributes[SSML_ATTRS.MSTTS_XMLNS];
-  }
-}
-var _index;
-var XmlParser = class {
-  constructor(source) {
-    __privateAdd(this, _index, 0);
-    this.source = source;
-  }
-  parse() {
-    if (this.source.charCodeAt(0) === 65279) {
-      __privateSet(this, _index, __privateGet(this, _index) + 1);
-    }
-    this.skipMisc();
-    if (__privateGet(this, _index) >= this.source.length) {
-      this.fail("SSML input is empty");
-    }
-    if (this.source[__privateGet(this, _index)] !== "<") {
-      this.fail("SSML input must start with an XML element");
-    }
-    const root = this.parseElement(0);
-    this.skipMisc();
-    if (__privateGet(this, _index) !== this.source.length) {
-      this.fail("Unexpected content after the root XML element");
-    }
-    return root;
-  }
-  parseElement(depth) {
-    if (depth > MAX_NESTING_DEPTH) {
-      this.fail("XML nesting depth exceeds the supported limit");
-    }
-    this.expect("<");
-    if (this.source[__privateGet(this, _index)] === "/") {
-      this.fail("Unexpected closing XML element");
-    }
-    const name = this.parseName();
-    const { attributes, selfClosing } = this.parseStartTag();
-    if (selfClosing) {
-      return { name, attributes, children: [] };
-    }
-    const children = [];
-    while (__privateGet(this, _index) < this.source.length) {
-      if (this.source.startsWith("</", __privateGet(this, _index))) {
-        __privateSet(this, _index, __privateGet(this, _index) + 2);
-        const closingName = this.parseName();
-        this.skipWhitespace();
-        this.expect(">");
-        if (closingName !== name) {
-          this.fail(`Mismatched closing element: expected </${name}> but found </${closingName}>`);
-        }
-        return { name, attributes, children };
-      }
-      if (this.source.startsWith("<!--", __privateGet(this, _index))) {
-        this.skipComment();
-        continue;
-      }
-      if (this.source.startsWith("<![CDATA[", __privateGet(this, _index))) {
-        this.appendText(children, this.parseCdata());
-        continue;
-      }
-      if (this.source.startsWith("<?", __privateGet(this, _index))) {
-        this.skipProcessingInstruction();
-        continue;
-      }
-      if (this.source.startsWith("<!", __privateGet(this, _index))) {
-        this.fail("Unsupported XML declaration inside an element");
-      }
-      if (this.source[__privateGet(this, _index)] === "<") {
-        children.push(this.parseElement(depth + 1));
-      } else {
-        this.appendText(children, this.parseText());
-      }
-    }
-    this.fail(`Unclosed XML element: <${name}>`);
-  }
-  parseStartTag() {
-    const attributes = {};
-    while (__privateGet(this, _index) < this.source.length) {
-      this.skipWhitespace();
-      if (this.source.startsWith("/>", __privateGet(this, _index))) {
-        __privateSet(this, _index, __privateGet(this, _index) + 2);
-        return { attributes, selfClosing: true };
-      }
-      if (this.source[__privateGet(this, _index)] === ">") {
-        __privateSet(this, _index, __privateGet(this, _index) + 1);
-        return { attributes, selfClosing: false };
-      }
-      const name = this.parseName();
-      this.skipWhitespace();
-      this.expect("=");
-      this.skipWhitespace();
-      const quote = this.source[__privateGet(this, _index)];
-      if (quote !== '"' && quote !== "'") {
-        this.fail(`XML attribute ${name} must use a quoted value`);
-      }
-      __privateSet(this, _index, __privateGet(this, _index) + 1);
-      const valueStart = __privateGet(this, _index);
-      while (__privateGet(this, _index) < this.source.length && this.source[__privateGet(this, _index)] !== quote) {
-        if (this.source[__privateGet(this, _index)] === "<") {
-          this.fail(`Invalid "<" in XML attribute ${name}`);
-        }
-        __privateSet(this, _index, __privateGet(this, _index) + 1);
-      }
-      if (__privateGet(this, _index) >= this.source.length) {
-        this.fail(`Unclosed XML attribute ${name}`);
-      }
-      const value = decodeXmlEntities(this.source.slice(valueStart, __privateGet(this, _index)));
-      __privateSet(this, _index, __privateGet(this, _index) + 1);
-      if (hasOwn(attributes, name)) {
-        this.fail(`Duplicate XML attribute: ${name}`);
-      }
-      setAttribute(attributes, name, value);
-    }
-    this.fail("Unclosed XML start tag");
-  }
-  parseText() {
-    const start = __privateGet(this, _index);
-    while (__privateGet(this, _index) < this.source.length && this.source[__privateGet(this, _index)] !== "<") {
-      __privateSet(this, _index, __privateGet(this, _index) + 1);
-    }
-    const value = this.source.slice(start, __privateGet(this, _index));
-    if (value.includes("]]>")) {
-      this.fail("CDATA termination is not valid in ordinary XML text");
-    }
-    return decodeXmlEntities(value);
-  }
-  parseCdata() {
-    __privateSet(this, _index, __privateGet(this, _index) + "<![CDATA[".length);
-    const end = this.source.indexOf("]]>", __privateGet(this, _index));
-    if (end === -1) {
-      this.fail("Unclosed XML CDATA section");
-    }
-    const value = this.source.slice(__privateGet(this, _index), end);
-    __privateSet(this, _index, end + 3);
-    return value;
-  }
-  skipComment() {
-    __privateSet(this, _index, __privateGet(this, _index) + "<!--".length);
-    const end = this.source.indexOf("-->", __privateGet(this, _index));
-    if (end === -1) {
-      this.fail("Unclosed XML comment");
-    }
-    if (this.source.slice(__privateGet(this, _index), end).includes("--")) {
-      this.fail("XML comments cannot contain consecutive hyphens");
-    }
-    __privateSet(this, _index, end + 3);
-  }
-  skipProcessingInstruction() {
-    __privateSet(this, _index, __privateGet(this, _index) + "<?".length);
-    this.parseName();
-    const end = this.source.indexOf("?>", __privateGet(this, _index));
-    if (end === -1) {
-      this.fail("Unclosed XML processing instruction");
-    }
-    __privateSet(this, _index, end + 2);
-  }
-  skipMisc() {
-    while (__privateGet(this, _index) < this.source.length) {
-      this.skipWhitespace();
-      if (this.source.startsWith("<!--", __privateGet(this, _index))) {
-        this.skipComment();
-        continue;
-      }
-      if (this.source.startsWith("<?", __privateGet(this, _index))) {
-        this.skipProcessingInstruction();
-        continue;
-      }
-      if (this.source.startsWith("<!DOCTYPE", __privateGet(this, _index))) {
-        this.fail("DOCTYPE declarations are not supported");
-      }
-      break;
-    }
-  }
-  parseName() {
-    const first = this.source[__privateGet(this, _index)];
-    if (!isXmlNameStart(first)) {
-      this.fail("Invalid XML name");
-    }
-    const start = __privateGet(this, _index);
-    __privateSet(this, _index, __privateGet(this, _index) + 1);
-    while (isXmlNameCharacter(this.source[__privateGet(this, _index)])) {
-      __privateSet(this, _index, __privateGet(this, _index) + 1);
-    }
-    return this.source.slice(start, __privateGet(this, _index));
-  }
-  appendText(children, value) {
-    if (!value) {
-      return;
-    }
-    const previous = children[children.length - 1];
-    if (typeof previous === "string") {
-      children[children.length - 1] = previous + value;
-    } else {
-      children.push(value);
-    }
-  }
-  skipWhitespace() {
-    while (isXmlWhitespace(this.source[__privateGet(this, _index)])) {
-      __privateSet(this, _index, __privateGet(this, _index) + 1);
-    }
-  }
-  expect(value) {
-    if (!this.source.startsWith(value, __privateGet(this, _index))) {
-      this.fail(`Expected "${value}"`);
-    }
-    __privateSet(this, _index, __privateGet(this, _index) + value.length);
-  }
-  fail(message) {
-    throw new Error(`${message} at position ${__privateGet(this, _index)}`);
-  }
-};
-_index = /* @__PURE__ */ new WeakMap();
-function readAttribute(attributes, ...names) {
-  let found = false;
-  let value;
-  for (const name of names) {
-    if (hasOwn(attributes, name)) {
-      if (!found) {
-        value = String(attributes[name]);
-        found = true;
-      }
-      delete attributes[name];
-    }
-  }
-  return value;
-}
-function getElementAttributes(node) {
-  const attributes = { ...node.attributes };
-  removeStandardNamespaceAttributes(attributes);
-  return attributes;
-}
-function finishElement(element, node, attributes) {
-  if (node.children.length > 0) {
-    element.children = node.children.map(convertNode);
-  }
-  if (Object.keys(attributes).length > 0) {
-    element.attributes = attributes;
-  }
-  return element;
-}
-function convertElement(node) {
-  const attributes = getElementAttributes(node);
-  switch (node.name) {
-    case SSML_TAGS.VOICE: {
-      const element = { type: SSML_TAGS.VOICE };
-      const name = readAttribute(attributes, SSML_ATTRS.NAME);
-      const effect = readAttribute(attributes, SSML_ATTRS.EFFECT);
-      if (name !== void 0) element.name = name;
-      if (effect !== void 0) element.effect = effect;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.PROSODY: {
-      const element = { type: SSML_TAGS.PROSODY };
-      const rate = readAttribute(attributes, SSML_ATTRS.RATE);
-      const pitch = readAttribute(attributes, SSML_ATTRS.PITCH);
-      const volume = readAttribute(attributes, SSML_ATTRS.VOLUME);
-      const contour = readAttribute(attributes, SSML_ATTRS.CONTOUR);
-      const range = readAttribute(attributes, SSML_ATTRS.RANGE);
-      if (rate !== void 0) element.rate = rate;
-      if (pitch !== void 0) element.pitch = pitch;
-      if (volume !== void 0) element.volume = volume;
-      if (contour !== void 0) element.contour = contour;
-      if (range !== void 0) element.range = range;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.BREAK: {
-      const element = { type: SSML_TAGS.BREAK };
-      const time = readAttribute(attributes, SSML_ATTRS.TIME);
-      const strength = readAttribute(attributes, SSML_ATTRS.STRENGTH);
-      if (time !== void 0) element.time = time;
-      if (strength !== void 0) element.strength = strength;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.EXPRESS_AS:
-    case SSML_TAGS.EXPRESS_AS_CAMEL:
-    case SSML_TAGS.MSTTS_EXPRESS_AS: {
-      const element = { type: node.name };
-      const style = readAttribute(attributes, SSML_ATTRS.STYLE);
-      const styleDegree = readAttribute(attributes, SSML_ATTRS.STYLE_DEGREE, SSML_ATTRS.STYLE_DEGREE_CAMEL);
-      const role = readAttribute(attributes, SSML_ATTRS.ROLE);
-      if (style !== void 0) element.style = style;
-      if (styleDegree !== void 0) element.styleDegree = styleDegree;
-      if (role !== void 0) element.role = role;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.SAY_AS:
-    case SSML_TAGS.SAY_AS_CAMEL: {
-      const element = { type: node.name };
-      const interpretAs = readAttribute(attributes, SSML_ATTRS.INTERPRET_AS);
-      const format = readAttribute(attributes, SSML_ATTRS.FORMAT);
-      const detail = readAttribute(attributes, SSML_ATTRS.DETAIL);
-      if (interpretAs !== void 0) element.interpretAs = interpretAs;
-      if (format !== void 0) element.format = format;
-      if (detail !== void 0) element.detail = detail;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.PHONEME: {
-      const element = { type: SSML_TAGS.PHONEME };
-      const alphabet = readAttribute(attributes, SSML_ATTRS.ALPHABET);
-      const ph = readAttribute(attributes, SSML_ATTRS.PH);
-      if (alphabet !== void 0) element.alphabet = alphabet;
-      if (ph !== void 0) element.ph = ph;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.EMPHASIS: {
-      const element = { type: SSML_TAGS.EMPHASIS };
-      const level = readAttribute(attributes, SSML_ATTRS.LEVEL);
-      if (level !== void 0) element.level = level;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.AUDIO: {
-      const element = { type: SSML_TAGS.AUDIO };
-      const src = readAttribute(attributes, SSML_ATTRS.SRC);
-      const desc = readAttribute(attributes, SSML_ATTRS.DESC);
-      const clipBegin = readAttribute(attributes, SSML_ATTRS.CLIP_BEGIN);
-      const clipEnd = readAttribute(attributes, SSML_ATTRS.CLIP_END);
-      const speed = readAttribute(attributes, SSML_ATTRS.SPEED);
-      const repeatCount = readAttribute(attributes, SSML_ATTRS.REPEAT_COUNT);
-      const repeatDuration = readAttribute(attributes, SSML_ATTRS.REPEAT_DURATION);
-      const soundLevel = readAttribute(attributes, SSML_ATTRS.SOUND_LEVEL);
-      if (src !== void 0) element.src = src;
-      if (desc !== void 0) element.desc = desc;
-      if (clipBegin !== void 0) element.clipBegin = clipBegin;
-      if (clipEnd !== void 0) element.clipEnd = clipEnd;
-      if (speed !== void 0) element.speed = speed;
-      if (repeatCount !== void 0) element.repeatCount = repeatCount;
-      if (repeatDuration !== void 0) element.repeatDuration = repeatDuration;
-      if (soundLevel !== void 0) element.soundLevel = soundLevel;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.SUB: {
-      const element = { type: SSML_TAGS.SUB };
-      const alias = readAttribute(attributes, SSML_ATTRS.ALIAS);
-      if (alias !== void 0) element.alias = alias;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.LANG: {
-      const element = { type: SSML_TAGS.LANG };
-      const lang = readAttribute(attributes, SSML_ATTRS.XML_LANG, SSML_ATTRS.LANG);
-      if (lang !== void 0) element.lang = lang;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.MARK: {
-      const element = { type: SSML_TAGS.MARK };
-      const name = readAttribute(attributes, SSML_ATTRS.NAME);
-      if (name !== void 0) element.name = name;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.BOOKMARK: {
-      const element = { type: SSML_TAGS.BOOKMARK };
-      const mark = readAttribute(attributes, SSML_ATTRS.MARK);
-      if (mark !== void 0) element.mark = mark;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.LEXICON: {
-      const element = { type: SSML_TAGS.LEXICON };
-      const uri = readAttribute(attributes, SSML_ATTRS.URI);
-      if (uri !== void 0) element.uri = uri;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.PARAGRAPH: {
-      const element = { type: SSML_TAGS.PARAGRAPH };
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.SENTENCE: {
-      const element = { type: SSML_TAGS.SENTENCE };
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.WORD: {
-      const element = { type: SSML_TAGS.WORD };
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.MSTTS_SILENCE:
-    case SSML_TAGS.SILENCE: {
-      const element = {
-        type: node.name === SSML_TAGS.MSTTS_SILENCE ? SSML_TAGS.MSTTS_SILENCE : SSML_TAGS.SILENCE
-      };
-      const typeValue = readAttribute(attributes, SSML_ATTRS.TYPE);
-      const value = readAttribute(attributes, SSML_ATTRS.VALUE);
-      if (typeValue !== void 0) element.typeValue = typeValue;
-      if (value !== void 0) element.value = value;
-      return finishElement(element, node, attributes);
-    }
-    case SSML_TAGS.MSTTS_VISEME:
-    case SSML_TAGS.VISEME: {
-      const element = {
-        type: node.name === SSML_TAGS.MSTTS_VISEME ? SSML_TAGS.MSTTS_VISEME : SSML_TAGS.VISEME
-      };
-      const typeValue = readAttribute(attributes, SSML_ATTRS.TYPE);
-      if (typeValue !== void 0) element.typeValue = typeValue;
-      return finishElement(element, node, attributes);
-    }
-    default: {
-      const element = {
-        name: node.name,
-        type: "custom"
-      };
-      return finishElement(element, node, attributes);
-    }
-  }
-}
-function convertNode(node) {
-  return typeof node === "string" ? node : convertElement(node);
-}
-function parseSsml(xmlString) {
-  if (typeof xmlString !== "string") {
-    throw new TypeError("SSML input must be a string");
-  }
-  const root = new XmlParser(xmlString).parse();
-  if (root.name !== SSML_TAGS.SPEAK) {
-    throw new Error(`SSML root element must be <${SSML_TAGS.SPEAK}>, found <${root.name}>`);
-  }
-  const attributes = { ...root.attributes };
-  const version = readAttribute(attributes, SSML_ATTRS.VERSION);
-  const lang = readAttribute(attributes, SSML_ATTRS.XML_LANG, SSML_ATTRS.LANG);
-  if (version === void 0) {
-    throw new Error(`SSML <${SSML_TAGS.SPEAK}> element is missing the "${SSML_ATTRS.VERSION}" attribute`);
-  }
-  if (lang === void 0) {
-    throw new Error(`SSML <${SSML_TAGS.SPEAK}> element is missing the "${SSML_ATTRS.XML_LANG}" attribute`);
-  }
-  removeStandardNamespaceAttributes(attributes);
-  const document2 = {
-    children: root.children.map(convertNode),
-    lang,
-    type: SSML_TAGS.SPEAK,
-    version
-  };
-  if (Object.keys(attributes).length > 0) {
-    document2.attributes = attributes;
-  }
-  return document2;
-}
-function escapeAttribute2(value) {
-  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/'/g, "&apos;");
-}
-function getPartialTextNodes(text, version, lang) {
-  if (!text.includes("<")) {
-    return [text];
-  }
-  try {
-    const openingTag = `<${SSML_TAGS.SPEAK} ${SSML_ATTRS.VERSION}="${escapeAttribute2(version)}" ${SSML_ATTRS.XMLNS}="${SYNTHESIS_NAMESPACE}" ${SSML_ATTRS.XML_LANG}="${escapeAttribute2(lang)}">`;
-    return parseSsml(`${openingTag}${text}</${SSML_TAGS.SPEAK}>`).children ?? [];
-  } catch {
-    return [{ type: "text", value: text }];
-  }
-}
-function getVoiceContext(context) {
-  const voice = context.voice;
-  if (typeof voice === "object" && voice !== null) {
-    return voice;
-  }
-  if (context.voiceName === void 0 && context.voiceEffect === void 0 && typeof voice !== "string") {
-    return void 0;
-  }
-  return {
-    name: context.voiceName ?? voice,
-    effect: context.voiceEffect
-  };
-}
-function serializePartialSsml(text, context) {
-  const version = context.version ?? DEFAULT_SSML_VERSION;
-  const lang = context.lang ?? DEFAULT_SSML_LANGUAGE;
-  let children = getPartialTextNodes(text, version, lang);
-  if (context.prosody) {
-    children = [
-      {
-        type: SSML_TAGS.PROSODY,
-        ...context.prosody,
-        children
-      }
-    ];
-  }
-  const voice = getVoiceContext(context);
-  if (voice) {
-    children = [
-      {
-        type: SSML_TAGS.VOICE,
-        ...voice,
-        children
-      }
-    ];
-  }
-  const document2 = {
-    type: SSML_TAGS.SPEAK,
-    version,
-    lang,
-    attributes: context.attributes,
-    children
-  };
-  return buildSsml(document2);
-}
-function buildPartialSsml(textOrOptions, context) {
-  if (typeof textOrOptions === "string") {
-    return serializePartialSsml(textOrOptions, context ?? {});
-  }
-  return serializePartialSsml(textOrOptions.text, textOrOptions);
-}
-var PARSER_POSITION_SUFFIX = / at position (\d+)$/;
-function validateSsml(xmlString) {
-  try {
-    parseSsml(xmlString);
-    return null;
-  } catch (error) {
-    const rawMessage = error instanceof Error ? error.message : String(error);
-    const positionMatch = PARSER_POSITION_SUFFIX.exec(rawMessage);
-    return {
-      message: positionMatch ? rawMessage.slice(0, positionMatch.index) : rawMessage,
-      position: positionMatch ? Number.parseInt(positionMatch[1], 10) : 0
-    };
-  }
-}
-
-// packages/ssml-editor-react/src/clearSsmlDocument.ts
-function getDocumentChildren(document2) {
-  return document2.children ?? (document2.content === void 0 ? [] : [document2.content]);
-}
-function appendNode(nodes, node) {
-  if (typeof node === "string") {
-    const lastNode = nodes[nodes.length - 1];
-    if (typeof lastNode === "string") {
-      nodes[nodes.length - 1] = lastNode + node;
-    } else if (node !== "") {
-      nodes.push(node);
-    }
-    return;
-  }
-  nodes.push(node);
-}
-function clearNodes(nodes) {
-  const clearedNodes = [];
-  for (const node of nodes) {
-    if (typeof node === "string") {
-      appendNode(clearedNodes, node);
-      continue;
-    }
-    if (node.type === "text") {
-      appendNode(clearedNodes, node.value);
-      continue;
-    }
-    const children = clearNodes(node.children ?? []);
-    if (node.type === "voice") {
-      appendNode(clearedNodes, { ...node, children });
-      continue;
-    }
-    for (const child of children) {
-      appendNode(clearedNodes, child);
-    }
-  }
-  return clearedNodes;
-}
-function clearSsmlDocument(document2) {
-  const nextDocument = {
-    ...document2,
-    children: clearNodes(getDocumentChildren(document2))
-  };
-  if (nextDocument.content !== void 0) {
-    delete nextDocument.content;
-  }
-  return nextDocument;
-}
-
-// packages/ssml-editor-react/src/formatXml.ts
-var INDENT = "  ";
-var FRAGMENT_ROOT = "ssml-builder-fragment";
-var XML_ENTITY_NAMES = /* @__PURE__ */ new Set(["amp", "apos", "gt", "lt", "quot"]);
-var INTRINSICALLY_EMPTY_ELEMENTS = /* @__PURE__ */ new Set([
-  "break",
-  "bookmark",
-  "lexicon",
-  "mark",
-  "mstts:silence",
-  "mstts:viseme",
-  "silence",
-  "viseme"
-]);
-function isXmlNameStart2(value) {
-  return value !== void 0 && /[A-Za-z_]/.test(value);
-}
-function isXmlNameCharacter2(value) {
-  return value !== void 0 && /[A-Za-z0-9_.:-]/.test(value);
-}
-function isXmlWhitespace2(value) {
-  return value === " " || value === "	" || value === "\r" || value === "\n";
-}
-function fail(message) {
-  throw new Error(message);
-}
-function skipWhitespace(source, index) {
-  while (isXmlWhitespace2(source[index])) {
-    index += 1;
-  }
-  return index;
-}
-function readName(source, start, end) {
-  if (!isXmlNameStart2(source[start])) {
-    fail("Invalid XML name");
-  }
-  let index = start + 1;
-  while (index < end && isXmlNameCharacter2(source[index])) {
-    index += 1;
-  }
-  return { name: source.slice(start, index), index };
-}
-function validateCharacterReference(entity) {
-  const isHexadecimal = entity.startsWith("#x") || entity.startsWith("#X");
-  const isDecimal = entity.startsWith("#");
-  if (!isHexadecimal && !isDecimal) {
-    if (!XML_ENTITY_NAMES.has(entity)) {
-      fail(`Unknown XML entity: &${entity};`);
-    }
-    return;
-  }
-  const digits = entity.slice(isHexadecimal ? 2 : 1);
-  const validDigits = isHexadecimal ? /^[0-9A-Fa-f]+$/.test(digits) : /^[0-9]+$/.test(digits);
-  const codePoint = Number.parseInt(digits, isHexadecimal ? 16 : 10);
-  if (!validDigits || !Number.isInteger(codePoint) || codePoint < 0 || codePoint > 1114111 || codePoint >= 55296 && codePoint <= 57343 || codePoint < 32 && ![9, 10, 13].includes(codePoint)) {
-    fail(`Invalid XML character reference: &${entity};`);
-  }
-}
-function validateEntityReferences(value) {
-  let index = 0;
-  while (true) {
-    const ampersand = value.indexOf("&", index);
-    if (ampersand === -1) {
-      return;
-    }
-    const semicolon = value.indexOf(";", ampersand + 1);
-    if (semicolon === -1) {
-      fail("Unterminated XML entity reference");
-    }
-    validateCharacterReference(value.slice(ampersand + 1, semicolon));
-    index = semicolon + 1;
-  }
-}
-function findTagEnd(source, start, hasInternalSubset = false) {
-  let quote;
-  let subsetDepth = 0;
-  for (let index = start + 1; index < source.length; index += 1) {
-    const character = source[index];
-    if (quote !== void 0) {
-      if (character === quote) {
-        quote = void 0;
-      }
-      continue;
-    }
-    if (character === '"' || character === "'") {
-      quote = character;
-      continue;
-    }
-    if (hasInternalSubset) {
-      if (character === "[") {
-        subsetDepth += 1;
-        continue;
-      }
-      if (character === "]" && subsetDepth > 0) {
-        subsetDepth -= 1;
-        continue;
-      }
-    }
-    if (character === ">" && subsetDepth === 0) {
-      return index;
-    }
-  }
-  fail("Unclosed XML markup");
-}
-function parseStartTag(source, start, end) {
-  const nameResult = readName(source, start + 1, end);
-  let index = nameResult.index;
-  let hasAttribute = false;
-  const attributeNames = /* @__PURE__ */ new Set();
-  while (index < end) {
-    const beforeWhitespace = index;
-    index = skipWhitespace(source, index);
-    if (index === end) {
-      break;
-    }
-    if (source[index] === "/") {
-      if (index + 1 !== end) {
-        fail("Invalid XML self-closing tag");
-      }
-      return { name: nameResult.name, selfClosing: true };
-    }
-    if (hasAttribute && beforeWhitespace === index) {
-      fail("XML attributes must be separated by whitespace");
-    }
-    const attribute = readName(source, index, end);
-    index = skipWhitespace(source, attribute.index);
-    if (source[index] !== "=") {
-      fail(`XML attribute ${attribute.name} must have a value`);
-    }
-    index = skipWhitespace(source, index + 1);
-    const quote = source[index];
-    if (quote !== '"' && quote !== "'") {
-      fail(`XML attribute ${attribute.name} must use a quoted value`);
-    }
-    index += 1;
-    const valueStart = index;
-    while (index < end && source[index] !== quote) {
-      if (source[index] === "<") {
-        fail(`Invalid "<" in XML attribute ${attribute.name}`);
-      }
-      index += 1;
-    }
-    if (index === end) {
-      fail(`Unclosed XML attribute ${attribute.name}`);
-    }
-    if (attributeNames.has(attribute.name)) {
-      fail(`Duplicate XML attribute: ${attribute.name}`);
-    }
-    attributeNames.add(attribute.name);
-    validateEntityReferences(source.slice(valueStart, index));
-    index += 1;
-    hasAttribute = true;
-  }
-  return { name: nameResult.name, selfClosing: false };
-}
-function parseClosingTag(source, start, end) {
-  const nameResult = readName(source, start + 2, end);
-  if (skipWhitespace(source, nameResult.index) !== end) {
-    fail("Invalid XML closing tag");
-  }
-  return nameResult.name;
-}
-function parseProcessingInstruction(source, start, end) {
-  readName(source, start + 2, end);
-}
-function parseDeclaration(source, start, end) {
-  readName(source, start + 2, end);
-}
-function appendNode2(nodes, node) {
-  const previous = nodes[nodes.length - 1];
-  if (node.kind === "text" && previous?.kind === "text") {
-    previous.value += node.value;
-    return;
-  }
-  nodes.push(node);
-}
-function currentElement(stack) {
-  return stack[stack.length - 1];
-}
-function parseXml(source) {
-  const children = [];
-  const stack = [];
-  let root;
-  let index = 0;
-  while (index < source.length) {
-    if (source[index] !== "<") {
-      const textStart = index;
-      while (index < source.length && source[index] !== "<") {
-        index += 1;
-      }
-      const value = source.slice(textStart, index);
-      if (value.includes("]]>")) {
-        fail("CDATA termination is not valid in ordinary XML text");
-      }
-      validateEntityReferences(value);
-      if (stack.length === 0 && value.trim() !== "") {
-        fail("Unexpected text outside the root XML element");
-      }
-      appendNode2(currentElement(stack)?.children ?? children, { kind: "text", value });
-      continue;
-    }
-    if (source.startsWith("<!--", index)) {
-      const end2 = source.indexOf("-->", index + 4);
-      if (end2 === -1) {
-        fail("Unclosed XML comment");
-      }
-      const content = source.slice(index + 4, end2);
-      if (content.includes("--") || content.endsWith("-")) {
-        fail("Invalid XML comment");
-      }
-      appendNode2(currentElement(stack)?.children ?? children, {
-        kind: "comment",
-        raw: source.slice(index, end2 + 3)
-      });
-      index = end2 + 3;
-      continue;
-    }
-    if (source.startsWith("<![CDATA[", index)) {
-      const end2 = source.indexOf("]]>", index + "<![CDATA[".length);
-      if (end2 === -1) {
-        fail("Unclosed XML CDATA section");
-      }
-      if (stack.length === 0) {
-        fail("CDATA is not allowed outside the root XML element");
-      }
-      appendNode2(currentElement(stack)?.children ?? children, {
-        kind: "cdata",
-        raw: source.slice(index, end2 + 3)
-      });
-      index = end2 + 3;
-      continue;
-    }
-    if (source.startsWith("<?", index)) {
-      const end2 = source.indexOf("?>", index + 2);
-      if (end2 === -1) {
-        fail("Unclosed XML processing instruction");
-      }
-      parseProcessingInstruction(source, index, end2);
-      appendNode2(currentElement(stack)?.children ?? children, {
-        kind: "processing-instruction",
-        raw: source.slice(index, end2 + 2)
-      });
-      index = end2 + 2;
-      continue;
-    }
-    if (source.startsWith("</", index)) {
-      const end2 = findTagEnd(source, index);
-      const name2 = parseClosingTag(source, index, end2);
-      const element = currentElement(stack);
-      if (element === void 0 || element.name !== name2) {
-        fail(`Mismatched closing XML element: </${name2}>`);
-      }
-      element.close = source.slice(index, end2 + 1);
-      stack.pop();
-      index = end2 + 1;
-      continue;
-    }
-    if (source.startsWith("<!", index)) {
-      const end2 = findTagEnd(source, index, true);
-      parseDeclaration(source, index, end2);
-      appendNode2(currentElement(stack)?.children ?? children, {
-        kind: "declaration",
-        raw: source.slice(index, end2 + 1)
-      });
-      index = end2 + 1;
-      continue;
-    }
-    const end = findTagEnd(source, index);
-    const { name, selfClosing } = parseStartTag(source, index, end);
-    if (stack.length === 0) {
-      if (root !== void 0) {
-        fail("Multiple root XML elements are not allowed");
-      }
-      root = {
-        kind: "element",
-        name,
-        open: source.slice(index, end + 1),
-        selfClosing,
-        children: []
-      };
-      children.push(root);
-    } else {
-      const element = {
-        kind: "element",
-        name,
-        open: source.slice(index, end + 1),
-        selfClosing,
-        children: []
-      };
-      currentElement(stack)?.children.push(element);
-      if (!selfClosing) {
-        stack.push(element);
-      }
-      index = end + 1;
-      continue;
-    }
-    if (!selfClosing) {
-      stack.push(root);
-    }
-    index = end + 1;
-  }
-  if (stack.length > 0) {
-    fail(`Unclosed XML element: <${currentElement(stack)?.name}>`);
-  }
-  if (root === void 0) {
-    fail("XML input does not contain a root element");
-  }
-  return { children, root };
-}
-function indentation(depth) {
-  return INDENT.repeat(depth);
-}
-function renderInline(node) {
-  const content = node.children.map((child) => {
-    if (child.kind === "element") {
-      return renderInline(child);
-    }
-    return child.kind === "text" ? child.value : child.raw;
-  }).join("");
-  return `${node.open}${content}${node.close ?? ""}`;
-}
-function hasOnlyTextChildren(node) {
-  return node.children.every((child) => child.kind === "text");
-}
-function hasSignificantText(node) {
-  return node.children.some((child) => child.kind === "text" && child.value.trim() !== "");
-}
-function hasOnlyWhitespaceText(node) {
-  return node.children.every((child) => child.kind === "text" && child.value.trim() === "");
-}
-function toSelfClosingTag(open) {
-  return `${open.slice(0, -1).trimEnd()}/>`;
-}
-function formatElement(node, depth, isRoot) {
-  const prefix = indentation(depth);
-  if (node.selfClosing) {
-    return [`${prefix}${node.open}`];
-  }
-  if (node.close === void 0) {
-    fail(`Unclosed XML element: <${node.name}>`);
-  }
-  if (INTRINSICALLY_EMPTY_ELEMENTS.has(node.name) && hasOnlyWhitespaceText(node)) {
-    return [`${prefix}${toSelfClosingTag(node.open)}`];
-  }
-  if (isRoot && hasOnlyTextChildren(node)) {
-    const text = node.children.filter((child) => child.kind === "text").map((child) => child.value).join("");
-    const trimmedText = text.trim();
-    if (trimmedText === "") {
-      return [`${prefix}${node.open}`, `${prefix}${node.close}`];
-    }
-    if (text.includes("\n") || text.includes("\r") || text !== trimmedText) {
-      return [`${prefix}${renderInline(node)}`];
-    }
-    return [`${prefix}${node.open}`, `${indentation(depth + 1)}${trimmedText}`, `${prefix}${node.close}`];
-  }
-  if (hasSignificantText(node)) {
-    return [`${prefix}${renderInline(node)}`];
-  }
-  const lines = [`${prefix}${node.open}`];
-  for (const child of node.children) {
-    if (child.kind === "text") {
-      continue;
-    }
-    if (child.kind === "element") {
-      lines.push(...formatElement(child, depth + 1, false));
-    } else {
-      lines.push(`${indentation(depth + 1)}${child.raw}`);
-    }
-  }
-  lines.push(`${prefix}${node.close}`);
-  return lines;
-}
-function stripTrailingWhitespace(value) {
-  return value.replace(/[ \t]+$/gm, "");
-}
-function getTrailingLineBreaks(value) {
-  let start = value.length;
-  while (start > 0) {
-    if (value[start - 1] === "\n") {
-      start -= 1;
-      if (start > 0 && value[start - 1] === "\r") {
-        start -= 1;
-      }
-      continue;
-    }
-    if (value[start - 1] === "\r") {
-      start -= 1;
-      continue;
-    }
-    break;
-  }
-  return value.slice(start);
-}
-function stripTrailingLineBreaks(value) {
-  let end = value.length;
-  while (end > 0) {
-    if (value[end - 1] === "\n") {
-      end -= 1;
-      if (end > 0 && value[end - 1] === "\r") {
-        end -= 1;
-      }
-      continue;
-    }
-    if (value[end - 1] === "\r") {
-      end -= 1;
-      continue;
-    }
-    break;
-  }
-  return value.slice(0, end);
-}
-function preserveTrailingLineBreak(formatted, trailingLineBreaks) {
-  if (trailingLineBreaks === "") {
-    return formatted;
-  }
-  return `${stripTrailingLineBreaks(formatted)}${trailingLineBreaks}`;
-}
-function renderDocument(document2) {
-  const lines = [];
-  for (const child of document2.children) {
-    if (child.kind === "text") {
-      continue;
-    }
-    if (child.kind === "element") {
-      lines.push(...formatElement(child, 0, child === document2.root));
-    } else {
-      lines.push(child.raw);
-    }
-  }
-  return stripTrailingWhitespace(lines.join("\n")).trim();
-}
-function unwrapFormattedFragment(formatted) {
-  const opening = `<${FRAGMENT_ROOT}>`;
-  const closing = `</${FRAGMENT_ROOT}>`;
-  if (!formatted.startsWith(opening) || !formatted.endsWith(closing)) {
-    return void 0;
-  }
-  if (formatted === `${opening}${closing}`) {
-    return "";
-  }
-  const multilineOpening = `${opening}
-`;
-  const multilineClosing = `
-${closing}`;
-  if (formatted.startsWith(multilineOpening) && formatted.endsWith(multilineClosing)) {
-    const content = formatted.slice(multilineOpening.length, -multilineClosing.length);
-    return content.split("\n").map((line) => line.startsWith(INDENT) ? line.slice(INDENT.length) : line).join("\n");
-  }
-  return formatted.slice(opening.length, -closing.length);
-}
-function formatXmlFragment(xml) {
-  const trailingLineBreaks = getTrailingLineBreaks(xml);
-  const source = xml.trim();
-  if (source === "") {
-    return "";
-  }
-  const wrapped = `<${FRAGMENT_ROOT}>${source}</${FRAGMENT_ROOT}>`;
-  let formatted;
-  try {
-    formatted = renderDocument(parseXml(wrapped));
-  } catch {
-    return xml;
-  }
-  return preserveTrailingLineBreak(unwrapFormattedFragment(formatted) ?? xml, trailingLineBreaks);
-}
-
-// packages/ssml-editor-react/src/ssmlInsertion.ts
-function isLineStart(value, offset) {
-  return offset === 0 || value[offset - 1] === "\n" || value[offset - 1] === "\r";
-}
-function isLineEnd(value, offset) {
-  return offset === value.length || value[offset] === "\n" || value[offset] === "\r";
-}
-function getLineBreakAt(value, offset) {
-  if (value.startsWith("\r\n", offset)) {
-    return "\r\n";
+    lineHeight: 1.5
   }
-  if (value[offset] === "\n" || value[offset] === "\r") {
-    return value[offset];
+};
+
+// packages/ssml-editor-react/src/components/popovers/InsertionPopover.tsx
+function getInsertionTitle(insertion, language) {
+  if (insertion.titles) {
+    return insertion.titles[language];
   }
-  return "";
-}
-function startsWithLineBreak(value) {
-  return value.startsWith("\n") || value.startsWith("\r");
+  const tag = insertion.tagName ? ` <${insertion.tagName}${insertion.selfClosing ? "/>" : ">"}` : "";
+  return `${insertion.labels[language]}${tag} \u2014 ${insertion.descriptions[language]}`;
 }
-function endsWithLineBreak(value) {
-  return value.endsWith("\n") || value.endsWith("\r");
+function InsertionPopover({
+  insertion,
+  language,
+  isDarkTheme,
+  showToolbarIcons,
+  showToolbarText,
+  toolbarButtonStyle,
+  emptyOptionsMessage,
+  isReadOnly,
+  isOpen,
+  menuPosition,
+  menuRef,
+  onToggle,
+  onClose,
+  onApply,
+  optionGroups
+}) {
+  const hasOptions = optionGroups ? optionGroups.some((group) => group.options.length > 0) : insertion.options.length > 0;
+  const renderOption = (option) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      key: option.value,
+      type: "button",
+      role: "menuitem",
+      style: editorStyles.toolbarOption,
+      title: option.descriptions?.[language] ?? insertion.descriptions[language],
+      disabled: isReadOnly,
+      onMouseDown: (event) => event.preventDefault(),
+      onClick: () => {
+        if (!isReadOnly) {
+          onApply(insertion, option);
+        }
+        onClose();
+      }
+    },
+    option.labels[language]
+  );
+  const menu = isOpen && menuPosition && typeof document !== "undefined" ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: menuRef,
+      id: `ssml-editor-popover-${insertion.id}`,
+      "data-ssml-editor": "",
+      "data-theme": isDarkTheme ? "dark" : "light",
+      style: { ...editorStyles.toolbarMenu, top: menuPosition.top, left: menuPosition.left },
+      role: "menu",
+      "aria-label": insertion.labels[language]
+    },
+    !hasOptions ? /* @__PURE__ */ React.createElement("div", { role: "presentation" }, /* @__PURE__ */ React.createElement("select", { disabled: true, value: "", style: editorStyles.toolbarEmptySelect }, /* @__PURE__ */ React.createElement("option", { value: "", disabled: true }, emptyOptionsMessage))) : optionGroups ? optionGroups.map((group) => /* @__PURE__ */ React.createElement("fieldset", { key: group.label, style: editorStyles.toolbarOptionGroup }, /* @__PURE__ */ React.createElement("legend", { style: editorStyles.toolbarOptionGroupLabel }, group.label), group.options.map(renderOption))) : insertion.options.map(renderOption)
+  ) : null;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { style: editorStyles.toolbarDropdown }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      style: toolbarButtonStyle,
+      title: getInsertionTitle(insertion, language),
+      "aria-label": insertion.labels[language],
+      "aria-haspopup": "menu",
+      "aria-expanded": isOpen,
+      "aria-controls": isOpen ? `ssml-editor-popover-${insertion.id}` : void 0,
+      onClick: (event) => onToggle(event.currentTarget)
+    },
+    showToolbarIcons && /* @__PURE__ */ React.createElement("span", { style: editorStyles.toolbarIcon, "aria-hidden": "true" }, insertion.icon),
+    showToolbarText && /* @__PURE__ */ React.createElement("span", null, insertion.labels[language]),
+    /* @__PURE__ */ React.createElement("span", { style: editorStyles.toolbarChevron, "aria-hidden": "true" }, "\u25BE")
+  )), menu && createPortal(menu, document.body));
 }
-function createSsmlInsertionEdit(source, startOffset, endOffset, template, eol = "\n", selectedText = startOffset === endOffset ? "" : source.slice(startOffset, endOffset)) {
-  if (template.mode === SSML_INSERTION_MODES.wrap) {
-    const trailingLineBreak2 = getLineBreakAt(source, endOffset) === "" ? eol : "";
-    return {
-      replacement: `${template.prefix}${selectedText}${template.suffix}${trailingLineBreak2}`,
-      selectionOffset: template.prefix.length
-    };
-  }
-  const followingLineBreak = getLineBreakAt(source, endOffset);
-  const leadingLineBreak = !isLineStart(source, startOffset) && !startsWithLineBreak(template.prefix) ? eol : "";
-  const needsTrailingLineBreak = selectedText.length > 0 ? !selectedText.startsWith("\n") && !selectedText.startsWith("\r") : !isLineEnd(source, endOffset) || followingLineBreak === "";
-  const trailingLineBreak = needsTrailingLineBreak && !endsWithLineBreak(template.prefix) ? eol : "";
-  const insertionPrefix = `${leadingLineBreak}${template.prefix}`;
-  return {
-    replacement: `${insertionPrefix}${trailingLineBreak}${selectedText}`,
-    selectionOffset: insertionPrefix.length + trailingLineBreak.length + (selectedText.length === 0 && trailingLineBreak === "" ? followingLineBreak.length : 0)
-  };
+
+// packages/ssml-editor-react/src/components/popovers/InsertionPopovers.tsx
+function InsertionPopovers({
+  insertions,
+  openPopoverId,
+  onToggle,
+  emptyOptionsMessages,
+  optionGroups,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, insertions.map((insertion) => /* @__PURE__ */ React.createElement(
+    InsertionPopover,
+    {
+      key: insertion.id,
+      ...props,
+      insertion,
+      emptyOptionsMessage: emptyOptionsMessages?.[insertion.id] ?? props.emptyOptionsMessage,
+      optionGroups: optionGroups?.[insertion.id],
+      isOpen: openPopoverId === insertion.id,
+      onToggle: (trigger) => onToggle(insertion.id, trigger)
+    }
+  )));
 }
 
-// packages/ssml-editor-react/src/ssmlContext.ts
-function findTagEnd2(source, start, limit) {
-  let quote;
-  for (let index = start + 1; index < limit; index += 1) {
-    const character = source[index];
-    if (quote !== void 0) {
-      if (character === quote) {
-        quote = void 0;
-      }
-      continue;
+// packages/ssml-editor-react/src/components/popovers/ProsodyPopovers.tsx
+var CATEGORY_LABEL_KEYS = {
+  emotions: "categoryEmotions",
+  scenarios: "categoryScenarios",
+  media: "categoryMedia",
+  other: "categoryOther"
+};
+var CATEGORY_ORDER = ["emotions", "scenarios", "media", "other"];
+function isExpressAsInsertion(insertion) {
+  return insertion.id === "emotion" && insertion.tagName?.toLowerCase() === "mstts:express-as";
+}
+function createOptionGroups(options, language) {
+  const t = (key) => EDITOR_COPY[language][key];
+  return CATEGORY_ORDER.map((category) => ({
+    label: t(CATEGORY_LABEL_KEYS[category]),
+    options: options.filter((option) => getExpressAsStyleCategory(option.value) === category)
+  })).filter((group) => group.options.length > 0);
+}
+function ProsodyPopovers({ insertions, voiceName, language, ...props }) {
+  const emptyOptionsMessages = {};
+  const filteredInsertions = insertions.map((insertion) => {
+    if (!isExpressAsInsertion(insertion)) {
+      return insertion;
     }
-    if (character === '"' || character === "'") {
-      quote = character;
-      continue;
+    const availableStyles = new Set(
+      resolveExpressAsStyles(
+        voiceName,
+        insertion.options.map((option) => option.value)
+      )
+    );
+    if (availableStyles.size === 0) {
+      emptyOptionsMessages[insertion.id] = EDITOR_COPY[language].styleNotSupported;
     }
-    if (character === ">") {
-      return index;
+    const availableOptions = insertion.options.filter((option) => availableStyles.has(option.value));
+    return {
+      ...insertion,
+      options: availableOptions
+    };
+  });
+  const optionGroups = Object.fromEntries(
+    filteredInsertions.filter(isExpressAsInsertion).map((insertion) => [insertion.id, createOptionGroups(insertion.options, language)])
+  );
+  return /* @__PURE__ */ React.createElement(
+    InsertionPopovers,
+    {
+      ...props,
+      emptyOptionsMessages,
+      language,
+      insertions: filteredInsertions,
+      optionGroups
     }
-  }
-  return -1;
-}
-function getVoiceName(tag) {
-  return tag.match(/\bname\s*=\s*(["'])([\s\S]*?)\1/i)?.[2];
+  );
 }
-function closeElement(stack, name) {
-  for (let index = stack.length - 1; index >= 0; index -= 1) {
-    if (stack[index]?.name === name) {
-      stack.splice(index);
-      return;
-    }
-  }
+
+// packages/ssml-editor-react/src/components/popovers/TextPopovers.tsx
+function TextPopovers(props) {
+  return /* @__PURE__ */ React.createElement(InsertionPopovers, { ...props });
 }
-function findSsmlVoiceContext(source, offset) {
-  const limit = Math.max(0, Math.min(offset, source.length));
-  const stack = [];
-  let index = 0;
-  while (index < limit) {
-    const tagStart = source.indexOf("<", index);
-    if (tagStart === -1 || tagStart >= limit) {
-      break;
-    }
-    if (source.startsWith("<!--", tagStart)) {
-      const end = source.indexOf("-->", tagStart + 4);
-      index = end === -1 || end + 3 > limit ? limit : end + 3;
-      continue;
-    }
-    if (source.startsWith("<![CDATA[", tagStart)) {
-      const end = source.indexOf("]]>", tagStart + 9);
-      index = end === -1 || end + 3 > limit ? limit : end + 3;
-      continue;
-    }
-    if (source.startsWith("<?", tagStart)) {
-      const end = source.indexOf("?>", tagStart + 2);
-      index = end === -1 || end + 2 > limit ? limit : end + 2;
-      continue;
-    }
-    const tagEnd = findTagEnd2(source, tagStart, limit);
-    if (tagEnd === -1) {
-      break;
-    }
-    const tag = source.slice(tagStart, tagEnd + 1);
-    if (tag.startsWith("<!")) {
-      index = tagEnd + 1;
-      continue;
-    }
-    const closingMatch = tag.match(/^<\s*\/\s*([A-Za-z_][A-Za-z0-9_.:-]*)/);
-    if (closingMatch?.[1]) {
-      closeElement(stack, closingMatch[1].toLowerCase());
-      index = tagEnd + 1;
-      continue;
-    }
-    const openingMatch = tag.match(/^<\s*([A-Za-z_][A-Za-z0-9_.:-]*)/);
-    if (openingMatch?.[1] && !/\/\s*>$/.test(tag)) {
-      const name = openingMatch[1].toLowerCase();
-      stack.push({
-        name,
-        ...name === "voice" ? { voiceName: getVoiceName(tag) } : {}
-      });
-    }
-    index = tagEnd + 1;
-  }
-  for (let stackIndex = stack.length - 1; stackIndex >= 0; stackIndex -= 1) {
-    const element = stack[stackIndex];
-    if (element?.name === "voice") {
-      return element.voiceName === void 0 ? {} : { voiceName: element.voiceName };
-    }
-  }
-  return void 0;
+
+// packages/ssml-editor-react/src/components/popovers/TimingPopovers.tsx
+function TimingPopovers(props) {
+  return /* @__PURE__ */ React.createElement(InsertionPopovers, { ...props });
 }
 
 // packages/ssml-editor-react/src/hooks/useSsmlEditorState.ts
+import { useCallback, useEffect, useId, useRef, useState } from "react";
 var TIMING_INSERTION_TAGS = /* @__PURE__ */ new Set(["break", "mstts:silence"]);
 var PROSODY_INSERTION_TAGS = /* @__PURE__ */ new Set(["prosody", "mstts:express-as", "voice", "emphasis"]);
 var TEXT_INSERTION_TAGS = /* @__PURE__ */ new Set(["sub", "say-as", "phoneme", "w", "lang"]);
@@ -2762,93 +522,11 @@ function isVoice(element) {
 function isProsody(element) {
   return element.type === "prosody";
 }
-function getSsmlElementName(element) {
-  return element.type === "custom" || element.type === "element" ? element.name : element.type;
-}
-function findEditableTagEnd(source, start) {
-  let quote;
-  for (let index = start + 1; index < source.length; index += 1) {
-    const character = source[index];
-    if (quote !== void 0) {
-      if (character === quote) {
-        quote = void 0;
-      }
-      continue;
-    }
-    if (character === '"' || character === "'") {
-      quote = character;
-      continue;
-    }
-    if (character === ">") {
-      return index;
-    }
-  }
-  return source.length;
-}
-function collectEditableStartTags(source) {
-  const tags = [];
-  let index = 0;
-  while (index < source.length) {
-    if (source[index] !== "<") {
-      index += 1;
-      continue;
-    }
-    if (source.startsWith("<!--", index)) {
-      const end2 = source.indexOf("-->", index + 4);
-      index = end2 === -1 ? source.length : end2 + 3;
-      continue;
-    }
-    if (source.startsWith("<![CDATA[", index)) {
-      const end2 = source.indexOf("]]>", index + 9);
-      index = end2 === -1 ? source.length : end2 + 3;
-      continue;
-    }
-    if (source.startsWith("<?", index)) {
-      const end2 = source.indexOf("?>", index + 2);
-      index = end2 === -1 ? source.length : end2 + 2;
-      continue;
-    }
-    if (source.startsWith("</", index) || source.startsWith("<!", index)) {
-      const end2 = findEditableTagEnd(source, index);
-      index = end2 === source.length ? source.length : end2 + 1;
-      continue;
-    }
-    const end = findEditableTagEnd(source, index);
-    if (end === source.length) {
-      break;
-    }
-    const raw = source.slice(index, end + 1);
-    const match = raw.match(/^<([A-Za-z_][A-Za-z0-9_.:-]*)/);
-    if (match) {
-      tags.push({ name: match[1], selfClosing: /\/\s*>$/.test(raw) });
-    }
-    index = end + 1;
-  }
-  return tags;
-}
-function preserveEmptyPairElements(nodes, startTags, startTagIndex) {
-  return nodes.map((node) => {
-    if (!isSsmlElement(node)) {
-      return node;
-    }
-    const elementName = getSsmlElementName(node);
-    const startTag = startTags[startTagIndex.value];
-    startTagIndex.value += 1;
-    if (node.children === void 0 || node.children.length === 0) {
-      return startTag?.name === elementName && !startTag.selfClosing && !INTRINSICALLY_EMPTY_ELEMENTS.has(elementName) ? { ...node, children: [""] } : node;
-    }
-    const children = preserveEmptyPairElements(node.children, startTags, startTagIndex);
-    if (children.every((child, index) => child === node.children?.[index])) {
-      return node;
-    }
-    return { ...node, children };
-  });
-}
-function getDocumentChildren2(document2) {
+function getDocumentChildren(document2) {
   return document2.children ?? (document2.content === void 0 ? [] : [document2.content]);
 }
 function getPartialContext(document2) {
-  const children = getDocumentChildren2(document2);
+  const children = getDocumentChildren(document2);
   const voice = findFirstElement(children, isVoice);
   const prosody = findFirstElement(children, isProsody);
   const context = {
@@ -2889,112 +567,6 @@ function findFirstElement(nodes, predicate) {
   }
   return void 0;
 }
-function findFirstElementPath(nodes, predicate, ancestors = []) {
-  for (const node of nodes) {
-    if (!isSsmlElement(node)) {
-      continue;
-    }
-    const path = [...ancestors, node];
-    if (predicate(node)) {
-      return path;
-    }
-    const childPath = findFirstElementPath(node.children ?? [], predicate, path);
-    if (childPath) {
-      return childPath;
-    }
-  }
-  return void 0;
-}
-function updateFirstElement(nodes, predicate, update) {
-  let updated = false;
-  const nextNodes = nodes.map((node) => {
-    if (updated || !isSsmlElement(node)) {
-      return node;
-    }
-    if (predicate(node)) {
-      updated = true;
-      return update(node);
-    }
-    if (node.children) {
-      const result = updateFirstElement(node.children, predicate, update);
-      if (result.updated) {
-        updated = true;
-        return { ...node, children: result.nodes };
-      }
-    }
-    return node;
-  });
-  return { nodes: nextNodes, updated };
-}
-function withChildren(document2, children) {
-  const nextDocument = { ...document2, children };
-  if (nextDocument.content !== void 0) {
-    delete nextDocument.content;
-  }
-  return nextDocument;
-}
-function parseEditableText(value, lang) {
-  try {
-    const wrapper = buildSsml({
-      version: "1.0",
-      lang,
-      children: []
-    });
-    const openingTagEnd = wrapper.indexOf(">") + 1;
-    const children = parseSsml(`${wrapper.slice(0, openingTagEnd)}${value}</speak>`).children ?? [];
-    return children.some(isSsmlElement) ? preserveEmptyPairElements(children, collectEditableStartTags(value), { value: 0 }) : [value];
-  } catch {
-    return [value];
-  }
-}
-function serializeEditableText(nodes, lang) {
-  if (nodes.length === 1 && typeof nodes[0] === "string") {
-    return nodes[0];
-  }
-  const xml = buildSsml({
-    version: "1.0",
-    lang,
-    children: nodes
-  });
-  const contentStart = xml.indexOf(">") + 1;
-  return xml.slice(contentStart, -"</speak>".length);
-}
-function getEditableRegion(document2) {
-  const children = getDocumentChildren2(document2);
-  const path = findFirstElementPath(children, isProsody) ?? findFirstElementPath(children, isVoice);
-  const element = path ? path[path.length - 1] : void 0;
-  const voice = path ? [...path].reverse().find(isVoice) : void 0;
-  return {
-    children: element?.children ?? children,
-    ...voice ? { voiceName: voice.name } : {}
-  };
-}
-function getEditableChildren(document2) {
-  return getEditableRegion(document2).children;
-}
-function getEditableText(document2) {
-  return serializeEditableText(getEditableChildren(document2), document2.lang);
-}
-function updateText(document2, value) {
-  const nextChildren = parseEditableText(value, document2.lang);
-  const editableChildren = nextChildren.length > 0 ? nextChildren : [value];
-  const children = getDocumentChildren2(document2);
-  const prosodyResult = updateFirstElement(children, isProsody, (prosody) => ({
-    ...prosody,
-    children: editableChildren
-  }));
-  if (prosodyResult.updated) {
-    return withChildren(document2, prosodyResult.nodes);
-  }
-  const voiceResult = updateFirstElement(children, isVoice, (voice) => ({
-    ...voice,
-    children: editableChildren
-  }));
-  if (voiceResult.updated) {
-    return withChildren(document2, voiceResult.nodes);
-  }
-  return withChildren(document2, editableChildren);
-}
 function getSelectionInfo(editor) {
   const model = editor.getModel();
   const selection = editor.getSelection();
@@ -3130,9 +702,11 @@ function useSsmlEditorState({
   const [decorationsVisible, setDecorationsVisible] = useState(showDecorations);
   const [isHelpOpen, setIsHelpOpen] = useState(false);
   const [syntaxError, setSyntaxError] = useState(null);
+  const [activeTags, setActiveTags] = useState(() => /* @__PURE__ */ new Set());
   const [openPopoverId, setOpenPopoverId] = useState(null);
   const [popoverVoiceName, setPopoverVoiceName] = useState(void 0);
   const [popoverPosition, setPopoverPosition] = useState(null);
+  const pendingCodeLensAttributeRef = useRef(null);
   const helpPanelId = useId();
   const draftDocumentRef = useRef(document2);
   const onSelectionChangeRef = useRef(onSelectionChange);
@@ -3158,6 +732,7 @@ function useSsmlEditorState({
     setDecorationsVisible(showDecorations);
   }, [showDecorations]);
   const closePopover = useCallback((restoreFocus = false) => {
+    pendingCodeLensAttributeRef.current = null;
     setOpenPopoverId(null);
     setPopoverVoiceName(void 0);
     setPopoverPosition(null);
@@ -3166,6 +741,7 @@ function useSsmlEditorState({
     }
   }, []);
   const togglePopover = useCallback((id, trigger) => {
+    pendingCodeLensAttributeRef.current = null;
     setOpenPopoverId((currentId) => {
       if (currentId === id) {
         setPopoverVoiceName(void 0);
@@ -3189,13 +765,41 @@ function useSsmlEditorState({
     }
     const updatePopoverPosition = () => {
       const trigger = activePopoverTriggerRef.current;
-      if (!trigger) {
+      if (trigger) {
+        const triggerBounds = trigger.getBoundingClientRect();
+        setPopoverPosition({
+          top: triggerBounds.bottom + 4,
+          left: triggerBounds.left
+        });
+        return;
+      }
+      const pending = pendingCodeLensAttributeRef.current;
+      const editor = editorRef.current;
+      const model = editor?.getModel();
+      if (!pending || !editor || !model) {
+        return;
+      }
+      const position = model.getPositionAt(pending.tagRange.start);
+      const visiblePosition = editor.getScrolledVisiblePosition(position);
+      const editorElement = editor.getDomNode();
+      if (!visiblePosition || !editorElement) {
         return;
       }
-      const triggerBounds = trigger.getBoundingClientRect();
+      const editorBounds = editorElement.getBoundingClientRect();
+      const menu = activePopoverMenuRef.current;
+      const margin = 8;
       setPopoverPosition({
-        top: triggerBounds.bottom + 4,
-        left: triggerBounds.left
+        top: Math.max(
+          margin,
+          Math.min(
+            editorBounds.top + visiblePosition.top + visiblePosition.height + 4,
+            window.innerHeight - (menu?.offsetHeight ?? 0) - margin
+          )
+        ),
+        left: Math.max(
+          margin,
+          Math.min(editorBounds.left + visiblePosition.left, window.innerWidth - (menu?.offsetWidth ?? 0) - margin)
+        )
       });
     };
     const handlePointerDown = (event) => {
@@ -3232,6 +836,14 @@ function useSsmlEditorState({
       });
     }
   }, []);
+  const updateActiveTags = useCallback((nextTags) => {
+    setActiveTags((currentTags) => {
+      if (currentTags.size === nextTags.size && [...currentTags].every((tag) => nextTags.has(tag))) {
+        return currentTags;
+      }
+      return new Set(nextTags);
+    });
+  }, []);
   const commit = useCallback(
     (nextDocument) => {
       draftDocumentRef.current = nextDocument;
@@ -3243,7 +855,7 @@ function useSsmlEditorState({
   );
   const handleTextChange = useCallback(
     (value) => {
-      commit(updateText(draftDocumentRef.current, value));
+      commit(updateEditableText(draftDocumentRef.current, value));
       if (editorRef.current) {
         refreshSelectionOverlay(editorRef.current, false);
       }
@@ -3252,11 +864,48 @@ function useSsmlEditorState({
   );
   const handleInsert = useCallback(
     (insertion, option) => {
-      if (editorRef.current) {
-        applySsmlInsertion(editorRef.current, insertion, option);
+      const editor = editorRef.current;
+      const pending = pendingCodeLensAttributeRef.current;
+      if (!editor) {
+        return;
+      }
+      if (pending?.insertionId === insertion.id) {
+        const model = editor.getModel();
+        if (model && model.getVersionId() === pending.modelVersionId) {
+          const source = model.getValue();
+          const tagText = source.slice(pending.tagRange.start, pending.tagRange.end);
+          const updatedTag = updateTagAttribute(
+            tagText,
+            { start: 0, end: tagText.length },
+            pending.attributeName,
+            option.value
+          );
+          const start = model.getPositionAt(pending.tagRange.start);
+          const end = model.getPositionAt(pending.tagRange.end);
+          editor.pushUndoStop();
+          editor.executeEdits("ssml-code-lens", [
+            {
+              range: {
+                startLineNumber: start.lineNumber,
+                startColumn: start.column,
+                endLineNumber: end.lineNumber,
+                endColumn: end.column
+              },
+              text: updatedTag
+            }
+          ]);
+          editor.pushUndoStop();
+          editor.focus();
+        }
+        pendingCodeLensAttributeRef.current = null;
+        if (!model || model.getVersionId() !== pending.modelVersionId) {
+          closePopover();
+        }
+        return;
       }
+      applySsmlInsertion(editor, insertion, option);
     },
-    []
+    [closePopover]
   );
   const handleInsertBreak = useCallback(
     (insertion, option) => {
@@ -3287,7 +936,7 @@ function useSsmlEditorState({
   }, [commit]);
   const handleFormat = useCallback(() => {
     const value = editorRef.current?.getValue() ?? getEditableText(draftDocumentRef.current);
-    commit(updateText(draftDocumentRef.current, formatXmlFragment(value)));
+    commit(updateEditableText(draftDocumentRef.current, formatXmlFragment(value)));
   }, [commit]);
   const handleUndo = useCallback(() => {
     editorRef.current?.trigger("toolbar", "undo", null);
@@ -3317,16 +966,65 @@ function useSsmlEditorState({
   );
   const getFullSsml = useCallback(
     () => buildSsml(
-      editorRef.current ? updateText(draftDocumentRef.current, editorRef.current.getValue()) : draftDocumentRef.current
+      editorRef.current ? updateEditableText(draftDocumentRef.current, editorRef.current.getValue()) : draftDocumentRef.current
     ),
     []
   );
   const getOuterVoiceName = useCallback(() => getEditableRegion(draftDocumentRef.current).voiceName, []);
+  const handleCodeLensAction = useCallback((action) => {
+    const editor = editorRef.current;
+    const model = editor?.getModel();
+    if (!editor || !model) {
+      return;
+    }
+    if (action.type === "attribute") {
+      pendingCodeLensAttributeRef.current = {
+        insertionId: action.insertionId,
+        attributeName: action.attributeName,
+        tagRange: action.tagRange,
+        modelVersionId: model.getVersionId()
+      };
+      activePopoverTriggerRef.current = null;
+      setPopoverVoiceName(getEffectiveVoiceName(editor, draftDocumentRef.current));
+      setOpenPopoverId(action.insertionId);
+      setPopoverPosition(null);
+      return;
+    }
+    const source = model.getValue();
+    const toEditorRange = (range) => {
+      const start = model.getPositionAt(range.start);
+      const end = model.getPositionAt(range.end);
+      return {
+        startLineNumber: start.lineNumber,
+        startColumn: start.column,
+        endLineNumber: end.lineNumber,
+        endColumn: end.column
+      };
+    };
+    const edits = action.type === "delete" ? [{ range: toEditorRange(action.tagRange), text: "" }] : (() => {
+      const elementText = source.slice(action.elementRange.start, action.elementRange.end);
+      const closingOffset = elementText.search(/<\/\s*prosody\s*>/i);
+      const closingStart = closingOffset === -1 ? action.elementRange.end : action.elementRange.start + closingOffset;
+      const closingEnd = closingOffset === -1 ? action.elementRange.end : source.indexOf(">", closingStart) === -1 ? action.elementRange.end : source.indexOf(">", closingStart) + 1;
+      return [
+        { range: toEditorRange(action.tagRange), text: "" },
+        { range: toEditorRange({ start: closingStart, end: closingEnd }), text: "" }
+      ];
+    })();
+    editor.pushUndoStop();
+    editor.executeEdits("ssml-code-lens", edits);
+    editor.pushUndoStop();
+    pendingCodeLensAttributeRef.current = null;
+    setOpenPopoverId(null);
+    setPopoverPosition(null);
+    editor.focus();
+  }, []);
   return {
     editorRef,
     draftDocument,
     text: getEditableText(draftDocument),
     selectionOverlay,
+    activeTags,
     isDarkTheme: resolvedTheme === "dark" || resolvedTheme === "system" && isDark,
     decorationsVisible,
     setDecorationsVisible,
@@ -3348,10 +1046,12 @@ function useSsmlEditorState({
     previewSelection,
     canPreviewSelection: onPreviewSelection !== void 0,
     refreshSelectionOverlay,
+    updateActiveTags,
     getSelectedSsml: getSelectedSsmlValue,
     getCurrentLineSsml: getCurrentLineSsmlValue,
     getFullSsml,
     getOuterVoiceName,
+    handleCodeLensAction,
     openPopoverId,
     popoverVoiceName,
     popoverPosition,
@@ -3500,97 +1200,6 @@ function updateSsmlDiagnostics(monaco, model) {
   return syntaxError;
 }
 
-// packages/ssml-editor-react/src/ssmlCompletion.ts
-var SSML_ATTRIBUTE_VALUE_PATTERN = /<([\w:-]+)\s+[^>]*?\b([\w:-]+)=["']([^"']*)$/i;
-var EXPRESS_AS_TAG_NAMES = /* @__PURE__ */ new Set(["mstts:express-as", "express-as", "expressas"]);
-function findSsmlAttributePresets(tagName, attributeName) {
-  const tagPresets = Object.entries(SSML_ATTRIBUTE_PRESETS).find(
-    ([presetTagName]) => presetTagName.toLowerCase() === tagName.toLowerCase()
-  )?.[1];
-  return Object.entries(tagPresets ?? {}).find(
-    ([presetAttributeName]) => presetAttributeName.toLowerCase() === attributeName.toLowerCase()
-  )?.[1];
-}
-var SSML_COMPLETION_SNIPPETS = [
-  {
-    label: "break",
-    insertText: '<break time="500ms" />'
-  },
-  {
-    label: "prosody",
-    insertText: `<prosody rate="medium" pitch="medium">\${1:text}</prosody>`
-  },
-  {
-    label: "mstts:express-as",
-    insertText: `<mstts:express-as style="cheerful">\${1:text}</mstts:express-as>`
-  },
-  {
-    label: "sub",
-    insertText: `<sub alias="\${1:\u8AAD\u307F}">\${2:\u6F22\u5B57}</sub>`
-  }
-];
-function registerSsmlCompletionProvider(monaco, options = {}) {
-  const provider = {
-    provideCompletionItems(model, position) {
-      if (options.model && options.model !== model) {
-        return { suggestions: [] };
-      }
-      const value = model.getValue();
-      const offset = model.getOffsetAt(position);
-      const textUntilPosition = value.slice(0, offset);
-      const isClosingTag = /<\/[a-zA-Z0-9:-]*$/.test(textUntilPosition);
-      if (isClosingTag) {
-        return { suggestions: [] };
-      }
-      const attributeMatch = SSML_ATTRIBUTE_VALUE_PATTERN.exec(textUntilPosition);
-      let attributeValues = attributeMatch ? findSsmlAttributePresets(attributeMatch[1], attributeMatch[2]) : void 0;
-      if (attributeMatch && attributeValues && EXPRESS_AS_TAG_NAMES.has(attributeMatch[1].toLowerCase()) && attributeMatch[2].toLowerCase() === "style") {
-        const voiceContext = findSsmlVoiceContext(value, offset);
-        const voiceName = voiceContext === void 0 ? options.getOuterVoiceName?.() : voiceContext.voiceName;
-        attributeValues = resolveExpressAsStyles(voiceName, attributeValues);
-      }
-      const openTagMatch = textUntilPosition.match(/<(?!\/)[a-zA-Z0-9:-]*$/);
-      const openTagLength = openTagMatch?.[0].length ?? 0;
-      const isAfterBracket = model.getValueInRange({
-        startLineNumber: position.lineNumber,
-        startColumn: position.column - 1,
-        endLineNumber: position.lineNumber,
-        endColumn: position.column
-      }) === "<";
-      const hasClosingBracket = isAfterBracket && model.getValueInRange({
-        startLineNumber: position.lineNumber,
-        startColumn: position.column,
-        endLineNumber: position.lineNumber,
-        endColumn: position.column + 1
-      }) === ">";
-      const range = {
-        startLineNumber: position.lineNumber,
-        startColumn: openTagLength > 0 ? position.column - openTagLength : position.column,
-        endLineNumber: position.lineNumber,
-        endColumn: hasClosingBracket ? position.column + 1 : position.column
-      };
-      return {
-        suggestions: [
-          ...attributeMatch ? [] : SSML_COMPLETION_SNIPPETS.map(({ label, insertText }) => ({
-            label,
-            kind: monaco.languages.CompletionItemKind.Snippet,
-            insertText,
-            insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
-            range
-          })),
-          ...attributeValues?.map((value2) => ({
-            label: value2,
-            kind: monaco.languages.CompletionItemKind.Value,
-            insertText: value2
-          })) ?? []
-        ]
-      };
-    },
-    triggerCharacters: ["<", '"', "'"]
-  };
-  return monaco.languages.registerCompletionItemProvider("xml", provider);
-}
-
 // packages/ssml-editor-react/src/ssmlCodeAction.ts
 var MISSING_TIME_UNIT_ACTION_TITLE = '\u5358\u4F4D "ms" \u3092\u4ED8\u4E0E\u3057\u3066\u4FEE\u5FA9';
 function getStructuredMarkerCode(marker) {
@@ -3699,358 +1308,11 @@ function registerSsmlCodeActions(monaco) {
   });
 }
 
-// packages/ssml-editor-react/src/ssmlHover.ts
-var {
-  BREAK_STRENGTH_PRESETS: BREAK_STRENGTH_PRESETS2,
-  EMPHASIS_LEVEL_PRESETS: EMPHASIS_LEVEL_PRESETS2,
-  PHONEME_ALPHABET_PRESETS: PHONEME_ALPHABET_PRESETS2,
-  PROSODY_RATE_VALUES: PROSODY_RATE_VALUES2,
-  PROSODY_VOLUME_PRESETS: PROSODY_VOLUME_PRESETS2,
-  SILENCE_TYPE_PRESETS: SILENCE_TYPE_PRESETS2,
-  SSML_PRESET_EXAMPLES: SSML_PRESET_EXAMPLES2,
-  VISEME_TYPE_PRESETS: VISEME_TYPE_PRESETS2
-} = ssmlPresets_exports;
-var SSML_TAG_DEFINITIONS = [
-  {
-    name: "voice",
-    description: "Selects the voice and optional voice effect used to synthesize the enclosed text.",
-    parameters: [
-      {
-        name: "name",
-        description: "The voice name, such as `en-US-JennyNeural`.",
-        example: "en-US-JennyNeural"
-      },
-      {
-        name: "effect",
-        description: "An optional voice effect, such as `eq_car`."
-      }
-    ]
-  },
-  {
-    name: "prosody",
-    description: "Changes the speaking rate, pitch, volume, or pitch contour of the enclosed text.",
-    parameters: [
-      {
-        name: "rate",
-        description: "Controls speaking speed.",
-        values: PROSODY_RATE_VALUES2,
-        example: SSML_PRESET_EXAMPLES2.prosodyRate
-      },
-      {
-        name: "pitch",
-        description: "Adjusts pitch using a named value, percentage, frequency, or semitone value.",
-        example: SSML_PRESET_EXAMPLES2.prosodyPitch
-      },
-      {
-        name: "volume",
-        description: "Controls loudness using a named value, percentage, or decibel value.",
-        values: PROSODY_VOLUME_PRESETS2,
-        example: SSML_PRESET_EXAMPLES2.prosodyVolume
-      },
-      {
-        name: "contour",
-        description: "Defines a sequence of relative pitch changes at positions in the text.",
-        example: "(0%,+0st) (100%,+2st)"
-      },
-      {
-        name: "range",
-        description: "Adjusts the pitch range of the voice.",
-        example: "+2st"
-      }
-    ]
-  },
-  {
-    name: "break",
-    description: "Inserts a pause between words or other spoken content.",
-    parameters: [
-      {
-        name: "time",
-        description: "The pause duration, for example `500ms` or `1s`.",
-        example: SSML_PRESET_EXAMPLES2.breakTime
-      },
-      {
-        name: "strength",
-        description: "The relative pause strength.",
-        values: BREAK_STRENGTH_PRESETS2
-      }
-    ]
-  },
-  {
-    name: "mstts:express-as",
-    aliases: ["express-as", "expressAs"],
-    description: "Applies a speaking style, style degree, or role to the enclosed text.",
-    parameters: [
-      {
-        name: "style",
-        description: "The speaking style supported by the selected voice, such as `cheerful`.",
-        example: SSML_PRESET_EXAMPLES2.expressAsStyle
-      },
-      {
-        name: "styledegree",
-        aliases: ["style-degree", "styleDegree"],
-        description: "Controls the intensity of the selected speaking style.",
-        example: "1.5"
-      },
-      {
-        name: "role",
-        description: "Changes the speaking role when supported by the selected voice.",
-        example: "YoungAdultFemale"
-      }
-    ]
-  },
-  {
-    name: "say-as",
-    aliases: ["sayAs"],
-    description: "Controls how the enclosed text is interpreted and spoken.",
-    parameters: [
-      {
-        name: "interpret-as",
-        description: "Specifies the interpretation, such as characters, digits, date, or time.",
-        example: "characters"
-      },
-      {
-        name: "format",
-        description: "Provides a format hint for the selected interpretation."
-      },
-      {
-        name: "detail",
-        description: "Provides an additional detail hint for the selected interpretation."
-      }
-    ]
-  },
-  {
-    name: "phoneme",
-    description: "Replaces normal pronunciation with the supplied phonetic pronunciation.",
-    parameters: [
-      {
-        name: "alphabet",
-        description: "The phonetic alphabet used by the `ph` value.",
-        values: PHONEME_ALPHABET_PRESETS2,
-        example: SSML_PRESET_EXAMPLES2.phonemeAlphabet
-      },
-      {
-        name: "ph",
-        description: "The phonetic pronunciation for the enclosed text.",
-        example: "h\u0259\u02C8lo\u028A"
-      }
-    ]
-  },
-  {
-    name: "emphasis",
-    description: "Adds emphasis to the enclosed text.",
-    parameters: [
-      {
-        name: "level",
-        description: "Controls the amount of emphasis.",
-        values: EMPHASIS_LEVEL_PRESETS2
-      }
-    ]
-  },
-  {
-    name: "audio",
-    description: "Plays an audio file as part of the synthesized output.",
-    parameters: [
-      {
-        name: "src",
-        description: "The URI of the audio file.",
-        example: "https://example.com/intro.wav"
-      },
-      {
-        name: "desc",
-        description: "Alternative text to use if the audio cannot be played."
-      },
-      {
-        name: "clipBegin",
-        description: "The starting offset within the audio file.",
-        example: "0s"
-      },
-      {
-        name: "clipEnd",
-        description: "The ending offset within the audio file.",
-        example: "5s"
-      },
-      {
-        name: "speed",
-        description: "The playback speed of the audio file.",
-        example: "1.0"
-      },
-      {
-        name: "repeatCount",
-        description: "The number of times to repeat the audio.",
-        example: "2"
-      },
-      {
-        name: "repeatDuration",
-        description: "The total duration for which the audio may repeat.",
-        example: "10s"
-      },
-      {
-        name: "soundLevel",
-        description: "The audio volume adjustment in decibels.",
-        example: "-3dB"
-      }
-    ]
-  },
-  {
-    name: "sub",
-    description: "Substitutes the alias text when speaking the enclosed text.",
-    parameters: [
-      {
-        name: "alias",
-        description: "The text to speak instead of the enclosed text.",
-        example: "World Wide Web"
-      }
-    ]
-  },
-  {
-    name: "lang",
-    description: "Changes the language used for the enclosed text.",
-    parameters: [
-      {
-        name: "xml:lang",
-        aliases: ["lang"],
-        description: "The BCP-47 language tag.",
-        example: "ja-JP"
-      }
-    ]
-  },
-  {
-    name: "mark",
-    description: "Inserts a custom marker into the synthesized audio stream.",
-    parameters: [
-      {
-        name: "name",
-        description: "The application-defined marker name.",
-        example: "chapter-1"
-      }
-    ]
-  },
-  {
-    name: "bookmark",
-    description: "Inserts a bookmark marker into the synthesized audio stream.",
-    parameters: [
-      {
-        name: "mark",
-        description: "The application-defined bookmark name.",
-        example: "chapter-1"
-      }
-    ]
-  },
-  {
-    name: "lexicon",
-    description: "Associates a pronunciation lexicon with the synthesized document.",
-    parameters: [
-      {
-        name: "uri",
-        description: "The URI of the pronunciation lexicon.",
-        example: "https://example.com/lexicon.pls"
-      }
-    ]
-  },
-  {
-    name: "p",
-    description: "Groups text into a paragraph.",
-    parameters: []
-  },
-  {
-    name: "s",
-    description: "Groups text into a sentence.",
-    parameters: []
-  },
-  {
-    name: "w",
-    description: "Groups text into a word.",
-    parameters: []
-  },
-  {
-    name: "mstts:silence",
-    aliases: ["silence"],
-    description: "Adds a specified silence before or after text or at a punctuation boundary.",
-    parameters: [
-      {
-        name: "type",
-        description: "The silence position or punctuation boundary.",
-        values: SILENCE_TYPE_PRESETS2
-      },
-      {
-        name: "value",
-        description: "The silence duration, for example `300ms`.",
-        example: SSML_PRESET_EXAMPLES2.silenceValue
-      }
-    ]
-  },
-  {
-    name: "mstts:viseme",
-    aliases: ["viseme"],
-    description: "Requests viseme events for the synthesized audio.",
-    parameters: [
-      {
-        name: "type",
-        description: "The viseme event format.",
-        values: VISEME_TYPE_PRESETS2
-      }
-    ]
-  }
-];
-var definitionsByName = /* @__PURE__ */ new Map();
-for (const definition of SSML_TAG_DEFINITIONS) {
-  definitionsByName.set(definition.name, definition);
-  for (const alias of definition.aliases ?? []) {
-    definitionsByName.set(alias, definition);
-  }
-}
-function isXmlNameStart3(value) {
-  return value !== void 0 && /[A-Za-z_]/.test(value);
-}
-function isXmlNameCharacter3(value) {
-  return value !== void 0 && /[A-Za-z0-9_.:-]/.test(value);
-}
-function isXmlWhitespace3(value) {
-  return value === " " || value === "	" || value === "\r" || value === "\n";
-}
-function positionToOffset(source, lineNumber, column) {
-  if (!Number.isInteger(lineNumber) || !Number.isInteger(column) || lineNumber < 1 || column < 1) {
-    return void 0;
-  }
-  let lineStart = 0;
-  for (let line = 1; line < lineNumber; line += 1) {
-    const newline = source.indexOf("\n", lineStart);
-    if (newline === -1) {
-      return void 0;
-    }
-    lineStart = newline + 1;
-  }
-  const lineEnd = source.indexOf("\n", lineStart);
-  const lineLength = lineEnd === -1 ? source.length - lineStart : lineEnd - lineStart;
-  if (column > lineLength + 1) {
-    return void 0;
-  }
-  return lineStart + column - 1;
-}
-function offsetToPosition(source, offset) {
-  const lastNewline = source.lastIndexOf("\n", offset - 1);
-  const lineNumber = source.slice(0, offset).split("\n").length;
-  return {
-    lineNumber,
-    column: offset - lastNewline
-  };
-}
-function toRange(source, token) {
-  const start = offsetToPosition(source, token.start);
-  const end = offsetToPosition(source, token.end);
-  return {
-    startLineNumber: start.lineNumber,
-    startColumn: start.column,
-    endLineNumber: end.lineNumber,
-    endColumn: end.column
-  };
-}
-function containsOffset(token, offset) {
-  return offset >= token.start && offset < token.end;
-}
-function findTagEnd3(source, start) {
+// packages/ssml-editor-react/src/ssmlCodeLens.ts
+var CODE_LENS_COMMAND = "ssml-editor.codeLens";
+function findTagEnd(source, start) {
   let quote;
-  for (let index = start; index < source.length; index += 1) {
+  for (let index = start + 1; index < source.length; index += 1) {
     const character = source[index];
     if (quote !== void 0) {
       if (character === quote) {
@@ -4062,236 +1324,162 @@ function findTagEnd3(source, start) {
       return index;
     }
   }
-  return void 0;
+  return -1;
 }
-function parseTag(source, start, contentEnd, tokenEnd) {
-  let index = start + 1;
-  let closing = false;
-  if (source[index] === "/") {
-    closing = true;
-    index += 1;
-  }
-  while (index < contentEnd && isXmlWhitespace3(source[index])) {
-    index += 1;
-  }
-  if (!isXmlNameStart3(source[index])) {
-    return void 0;
-  }
-  const nameStart = index;
-  index += 1;
-  while (index < contentEnd && isXmlNameCharacter3(source[index])) {
-    index += 1;
-  }
-  const nameEnd = index;
-  const attributes = [];
-  if (!closing) {
-    while (index < contentEnd) {
-      while (index < contentEnd && isXmlWhitespace3(source[index])) {
-        index += 1;
-      }
-      if (index >= contentEnd || source[index] === "/") {
-        break;
-      }
-      if (!isXmlNameStart3(source[index])) {
-        index += 1;
-        continue;
-      }
-      const attributeStart = index;
-      index += 1;
-      while (index < contentEnd && isXmlNameCharacter3(source[index])) {
-        index += 1;
-      }
-      const attributeEnd = index;
-      while (index < contentEnd && isXmlWhitespace3(source[index])) {
-        index += 1;
-      }
-      let value;
-      if (source[index] === "=") {
-        index += 1;
-        while (index < contentEnd && isXmlWhitespace3(source[index])) {
-          index += 1;
-        }
-        const quote = source[index];
-        if (quote === '"' || quote === "'") {
-          index += 1;
-          const valueStart = index;
-          while (index < contentEnd && source[index] !== quote) {
-            index += 1;
-          }
-          value = { start: valueStart, end: index };
-          if (index < contentEnd) {
-            index += 1;
-          }
-        } else {
-          const valueStart = index;
-          while (index < contentEnd && !isXmlWhitespace3(source[index]) && source[index] !== "/") {
-            index += 1;
-          }
-          value = { start: valueStart, end: index };
-        }
-      }
-      attributes.push({
-        name: { start: attributeStart, end: attributeEnd },
-        value
-      });
-    }
-  }
-  return {
-    name: source.slice(nameStart, nameEnd),
-    nameRange: { start: nameStart, end: nameEnd },
-    start,
-    end: tokenEnd,
-    closing,
-    attributes
-  };
+function getAttributeValue(tag, attributeName) {
+  const escapedName = attributeName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return tag.match(new RegExp(`\\b${escapedName}\\s*=\\s*(["'])([\\s\\S]*?)\\1`, "i"))?.[2];
+}
+function getTagRange(start, end) {
+  return { start, end };
 }
-function findTagAtOffset(source, offset) {
-  let searchStart = 0;
-  while (searchStart < source.length) {
-    const start = source.indexOf("<", searchStart);
-    if (start === -1 || start > offset) {
-      return void 0;
+function getElementEnd(source, tagName, tagEnd) {
+  const openingTag = source.slice(0, tagEnd + 1);
+  if (/\/\s*>$/.test(openingTag)) {
+    return tagEnd + 1;
+  }
+  let depth = 1;
+  let index = tagEnd + 1;
+  while (index < source.length) {
+    const nextStart = source.indexOf("<", index);
+    if (nextStart === -1) {
+      break;
     }
-    if (source.startsWith("<!--", start)) {
-      const commentEnd = source.indexOf("-->", start + 4);
-      const tokenEnd2 = commentEnd === -1 ? source.length : commentEnd + 3;
-      if (offset < tokenEnd2) {
-        return void 0;
-      }
-      searchStart = tokenEnd2;
+    if (source.startsWith("<!--", nextStart)) {
+      index = source.indexOf("-->", nextStart + 4);
+      index = index === -1 ? source.length : index + 3;
       continue;
     }
-    if (source.startsWith("<![CDATA[", start)) {
-      const cdataEnd = source.indexOf("]]>", start + 9);
-      const tokenEnd2 = cdataEnd === -1 ? source.length : cdataEnd + 3;
-      if (offset < tokenEnd2) {
-        return void 0;
-      }
-      searchStart = tokenEnd2;
-      continue;
+    const nextEnd = findTagEnd(source, nextStart);
+    if (nextEnd === -1) {
+      break;
     }
-    if (source.startsWith("<?", start)) {
-      const processingEnd = source.indexOf("?>", start + 2);
-      const tokenEnd2 = processingEnd === -1 ? source.length : processingEnd + 2;
-      if (offset < tokenEnd2) {
-        return void 0;
+    const nextTag = source.slice(nextStart, nextEnd + 1);
+    const closingMatch = nextTag.match(/^<\s*\/\s*([A-Za-z_][A-Za-z0-9_.:-]*)/);
+    const openingMatch = nextTag.match(/^<\s*([A-Za-z_][A-Za-z0-9_.:-]*)/);
+    if (closingMatch?.[1]?.toLowerCase() === tagName) {
+      depth -= 1;
+      if (depth === 0) {
+        return nextEnd + 1;
       }
-      searchStart = tokenEnd2;
-      continue;
-    }
-    const tagEnd = findTagEnd3(source, start + 1);
-    const contentEnd = tagEnd ?? source.length;
-    const tokenEnd = tagEnd === void 0 ? source.length : tagEnd + 1;
-    if (offset < tokenEnd) {
-      return parseTag(source, start, contentEnd, tokenEnd);
-    }
-    if (tagEnd === void 0) {
-      return void 0;
+    } else if (openingMatch?.[1]?.toLowerCase() === tagName && !/\/\s*>$/.test(nextTag)) {
+      depth += 1;
     }
-    searchStart = tokenEnd;
+    index = nextEnd + 1;
   }
-  return void 0;
-}
-function findParameter(definition, name) {
-  return definition.parameters.find(
-    (parameter) => parameter.name === name || parameter.aliases?.includes(name) === true
-  );
+  return tagEnd + 1;
 }
-function getSsmlTagDefinition(name) {
-  return definitionsByName.get(name);
+function createLens(model, start, end, title, action) {
+  const startPosition = model.getPositionAt(start);
+  const endPosition = model.getPositionAt(end);
+  return {
+    range: {
+      startLineNumber: startPosition.lineNumber,
+      startColumn: startPosition.column,
+      endLineNumber: endPosition.lineNumber,
+      endColumn: endPosition.column
+    },
+    command: {
+      id: CODE_LENS_COMMAND,
+      title,
+      arguments: [action]
+    }
+  };
 }
-function findSsmlHoverTarget(source, lineNumber, column) {
-  const offset = positionToOffset(source, lineNumber, column);
-  if (offset === void 0) {
-    return void 0;
-  }
-  const tag = findTagAtOffset(source, offset);
-  if (!tag) {
-    return void 0;
-  }
-  const definition = getSsmlTagDefinition(tag.name);
-  if (!definition) {
-    return void 0;
-  }
-  if (containsOffset(tag.nameRange, offset)) {
-    return {
-      kind: "tag",
-      tagName: tag.name,
-      isClosingTag: tag.closing,
-      definition,
-      range: toRange(source, tag.nameRange)
-    };
-  }
-  for (const attribute of tag.attributes) {
-    if (containsOffset(attribute.name, offset)) {
-      const parameter = findParameter(definition, source.slice(attribute.name.start, attribute.name.end));
-      if (!parameter) {
-        return void 0;
+function registerSsmlCodeLens(monaco, editor, onOpenPopover) {
+  const provider = {
+    provideCodeLenses(model) {
+      const source = model.getValue();
+      const lenses = [];
+      let index = 0;
+      while (index < source.length) {
+        const tagStart = source.indexOf("<", index);
+        if (tagStart === -1) {
+          break;
+        }
+        if (source.startsWith("<!--", tagStart)) {
+          index = source.indexOf("-->", tagStart + 4);
+          index = index === -1 ? source.length : index + 3;
+          continue;
+        }
+        const tagEnd = findTagEnd(source, tagStart);
+        if (tagEnd === -1) {
+          break;
+        }
+        const tag = source.slice(tagStart, tagEnd + 1);
+        const tagName = tag.match(/^<\s*(prosody|break)\b/i)?.[1]?.toLowerCase();
+        index = tagEnd + 1;
+        if (!tagName) {
+          continue;
+        }
+        const tagRange = getTagRange(tagStart, tagEnd + 1);
+        const elementEnd = getElementEnd(source, tagName, tagEnd);
+        const elementRange = { start: tagStart, end: elementEnd };
+        if (tagName === "prosody") {
+          lenses.push(
+            createLens(
+              model,
+              tagStart,
+              tagEnd + 1,
+              `\u26A1 Rate: ${getAttributeValue(tag, "rate") ?? "default"} (Click to edit)`,
+              { type: "attribute", insertionId: "rate", attributeName: "rate", tagRange }
+            ),
+            createLens(
+              model,
+              tagStart,
+              tagEnd + 1,
+              `\u26A1 Pitch: ${getAttributeValue(tag, "pitch") ?? "default"} (Click to edit)`,
+              { type: "attribute", insertionId: "pitch", attributeName: "pitch", tagRange }
+            ),
+            createLens(model, tagStart, tagEnd + 1, "Unwrap", {
+              type: "unwrap",
+              tagRange,
+              elementRange
+            })
+          );
+        } else if (/\/\s*>$/.test(tag)) {
+          lenses.push(
+            createLens(
+              model,
+              tagStart,
+              tagEnd + 1,
+              `\u26A1 Time: ${getAttributeValue(tag, "time") ?? "default"} (Click to edit)`,
+              { type: "attribute", insertionId: "break", attributeName: "time", tagRange }
+            ),
+            createLens(model, tagStart, tagEnd + 1, "Delete", {
+              type: "delete",
+              tagRange,
+              elementRange
+            })
+          );
+        }
       }
-      return {
-        kind: "parameter",
-        tagName: tag.name,
-        isClosingTag: tag.closing,
-        definition,
-        parameter,
-        range: toRange(source, attribute.name)
-      };
+      return { lenses, dispose: () => void 0 };
     }
-    if (attribute.value && containsOffset(attribute.value, offset)) {
-      const parameter = findParameter(definition, source.slice(attribute.name.start, attribute.name.end));
-      if (!parameter) {
-        return void 0;
-      }
-      return {
-        kind: "parameter-value",
-        tagName: tag.name,
-        isClosingTag: tag.closing,
-        definition,
-        parameter,
-        range: toRange(source, attribute.value)
-      };
+  };
+  const disposable = monaco.languages.registerCodeLensProvider("xml", provider);
+  const commandHandler = (_accessor, ...args) => {
+    const action = args[0];
+    if (action && typeof action === "object" && "type" in action) {
+      onOpenPopover(action);
     }
-  }
-  return void 0;
-}
-function code(value) {
-  return `\`${value.replace(/\\/g, "\\\\").replace(/`/g, "\\`")}\``;
-}
-function formatParameter(parameter, tagName, locale) {
-  const localizedParameter = SSML_HOVER_COPY[locale].tags[tagName]?.parameters[parameter.name];
-  const description = localizedParameter?.description ?? parameter.description;
-  const values = parameter.values && parameter.values.length > 0 ? ` ${SSML_HOVER_COPY[locale].allowedValues}: ${parameter.values.map(code).join(", ")}.` : "";
-  const example = parameter.example ? ` ${SSML_HOVER_COPY[locale].example}: ${code(parameter.example)}.` : "";
-  return `- ${code(parameter.name)}: ${description}${values}${example}`;
-}
-function formatSsmlHover(target, locale = "en") {
-  const localizedTag = SSML_HOVER_COPY[locale].tags[target.definition.name];
-  const tagTitle = localizedTag?.title ?? target.definition.name;
-  const tagDescription = localizedTag?.description ?? target.definition.description;
-  const tagSyntax = target.isClosingTag ? `</${target.tagName}>` : `<${target.tagName}>`;
-  const lines = [`### ${code(tagSyntax)}`, "", `**${tagTitle}**`, "", tagDescription];
-  if (target.parameter) {
-    const localizedParameter = localizedTag?.parameters[target.parameter.name];
-    const parameterTitle = localizedParameter?.title ?? target.parameter.name;
-    const parameterDescription = localizedParameter?.description ?? target.parameter.description;
-    lines.push("", `**${SSML_HOVER_COPY[locale].parameterHeading} ${code(parameterTitle)}**`, "", parameterDescription);
-    if (target.parameter.values && target.parameter.values.length > 0) {
-      lines.push("", `${SSML_HOVER_COPY[locale].allowedValues}: ${target.parameter.values.map(code).join(", ")}.`);
+  };
+  const commandDisposable = typeof monaco.editor?.registerCommand === "function" ? monaco.editor.registerCommand(CODE_LENS_COMMAND, commandHandler) : typeof monaco.registerCommand === "function" ? monaco.registerCommand(CODE_LENS_COMMAND, commandHandler) : editor.addAction({
+    id: CODE_LENS_COMMAND,
+    label: "SSML CodeLens",
+    run: (_editor, ...args) => {
+      const action = args[0];
+      if (action && typeof action === "object" && "type" in action) {
+        onOpenPopover(action);
+      }
     }
-    if (target.parameter.example) {
-      lines.push("", `${SSML_HOVER_COPY[locale].example}: ${code(target.parameter.example)}.`);
+  });
+  return {
+    dispose: () => {
+      commandDisposable.dispose();
+      disposable.dispose();
     }
-  } else if (target.definition.parameters.length > 0) {
-    lines.push(
-      "",
-      `**${SSML_HOVER_COPY[locale].parametersHeading}**`,
-      "",
-      ...target.definition.parameters.map((parameter) => formatParameter(parameter, target.definition.name, locale))
-    );
-  } else {
-    lines.push("", SSML_HOVER_COPY[locale].noParameters);
-  }
-  return lines.join("\n");
+  };
 }
 
 // packages/ssml-editor-react/src/hooks/useSsmlMonaco.ts
@@ -4395,8 +1583,11 @@ function useSsmlMonaco({
   language,
   text,
   decorationsVisible,
+  enableCodeLens,
   getOuterVoiceName,
+  onOpenPopover,
   onSelectionOverlayChange,
+  onActiveTagsChange,
   onSyntaxErrorChange
 }) {
   const internalEditorRef = useRef2(null);
@@ -4404,22 +1595,30 @@ function useSsmlMonaco({
   const monacoRef = useRef2(null);
   const completionProviderRef = useRef2(null);
   const codeActionProviderRef = useRef2(null);
+  const codeLensProviderRef = useRef2(null);
   const releaseHoverProviderRef = useRef2(null);
   const selectionChangeRef = useRef2(null);
+  const cursorPositionChangeRef = useRef2(null);
   const diagnosticsChangeRef = useRef2(null);
   const diagnosticsTimeoutRef = useRef2(null);
   const selectionLayoutDisposablesRef = useRef2([]);
   const inlineDecorationIdsRef = useRef2([]);
   const languageRef = useRef2(language);
   const decorationsVisibleRef = useRef2(decorationsVisible);
+  const enableCodeLensRef = useRef2(enableCodeLens);
   const getOuterVoiceNameRef = useRef2(getOuterVoiceName);
   const onSelectionOverlayChangeRef = useRef2(onSelectionOverlayChange);
+  const onActiveTagsChangeRef = useRef2(onActiveTagsChange);
   const onSyntaxErrorChangeRef = useRef2(onSyntaxErrorChange);
+  const onOpenPopoverRef = useRef2(onOpenPopover);
   languageRef.current = language;
   decorationsVisibleRef.current = decorationsVisible;
+  enableCodeLensRef.current = enableCodeLens;
   getOuterVoiceNameRef.current = getOuterVoiceName;
   onSelectionOverlayChangeRef.current = onSelectionOverlayChange;
+  onActiveTagsChangeRef.current = onActiveTagsChange;
   onSyntaxErrorChangeRef.current = onSyntaxErrorChange;
+  onOpenPopoverRef.current = onOpenPopover;
   const runSsmlDiagnostics = useCallback2((editor, monaco) => {
     const model = editor.getModel();
     if (!model) {
@@ -4448,6 +1647,15 @@ function useSsmlMonaco({
     diagnosticsChangeRef.current?.dispose();
     diagnosticsChangeRef.current = null;
   }, []);
+  const syncActiveTags = useCallback2((editor) => {
+    const model = editor.getModel();
+    const position = editor.getPosition();
+    if (!model || !position) {
+      onActiveTagsChangeRef.current(/* @__PURE__ */ new Set());
+      return;
+    }
+    onActiveTagsChangeRef.current(findActiveSsmlTags(model.getValue(), model.getOffsetAt(position)));
+  }, []);
   const disposeMonacoResources = useCallback2(() => {
     clearSsmlDiagnosticsResources();
     const model = editorRef.current?.getModel();
@@ -4457,10 +1665,14 @@ function useSsmlMonaco({
     }
     selectionChangeRef.current?.dispose();
     selectionChangeRef.current = null;
+    cursorPositionChangeRef.current?.dispose();
+    cursorPositionChangeRef.current = null;
     completionProviderRef.current?.dispose();
     completionProviderRef.current = null;
     codeActionProviderRef.current?.dispose();
     codeActionProviderRef.current = null;
+    codeLensProviderRef.current?.dispose();
+    codeLensProviderRef.current = null;
     for (const disposable of selectionLayoutDisposablesRef.current) {
       disposable.dispose();
     }
@@ -4478,6 +1690,9 @@ function useSsmlMonaco({
       selectionChangeRef.current = editor.onDidChangeCursorSelection(() => {
         onSelectionOverlayChangeRef.current(editor, true);
       });
+      cursorPositionChangeRef.current = editor.onDidChangeCursorPosition(() => {
+        syncActiveTags(editor);
+      });
       diagnosticsChangeRef.current = editor.onDidChangeModelContent(() => {
         const model2 = editor.getModel();
         if (model2) {
@@ -4489,6 +1704,7 @@ function useSsmlMonaco({
             inlineDecorationIdsRef.current
           );
         }
+        syncActiveTags(editor);
         scheduleSsmlDiagnostics(editor, monaco);
       });
       selectionLayoutDisposablesRef.current = [
@@ -4501,6 +1717,13 @@ function useSsmlMonaco({
         model: editor.getModel()
       });
       codeActionProviderRef.current = registerSsmlCodeActions(monaco);
+      if (enableCodeLensRef.current) {
+        codeLensProviderRef.current = registerSsmlCodeLens(
+          monaco,
+          editor,
+          (action) => onOpenPopoverRef.current(action)
+        );
+      }
       releaseHoverProviderRef.current = acquireSsmlHoverProvider(monaco, languageRef.current);
       runSsmlDiagnostics(editor, monaco);
       const model = editor.getModel();
@@ -4514,9 +1737,19 @@ function useSsmlMonaco({
         );
       }
       onSelectionOverlayChangeRef.current(editor, true);
+      syncActiveTags(editor);
     },
-    [disposeMonacoResources, editorRef, runSsmlDiagnostics, scheduleSsmlDiagnostics]
+    [disposeMonacoResources, editorRef, runSsmlDiagnostics, scheduleSsmlDiagnostics, syncActiveTags]
   );
+  useEffect2(() => {
+    const editor = editorRef.current;
+    const monaco = monacoRef.current;
+    if (!editor || !monaco) {
+      return;
+    }
+    codeLensProviderRef.current?.dispose();
+    codeLensProviderRef.current = enableCodeLens ? registerSsmlCodeLens(monaco, editor, (action) => onOpenPopoverRef.current(action)) : null;
+  }, [editorRef, enableCodeLens]);
   useEffect2(() => {
     const monaco = monacoRef.current;
     if (!monaco) {
@@ -4903,6 +2136,8 @@ var STYLE_CSS = `
   --ssml-editor-border: #d1d5db;
   --ssml-editor-control-bg: #f9fafb;
   --ssml-editor-control-border: #9ca3af;
+  --ssml-editor-active-bg: #dbeafe;
+  --ssml-editor-active-border: #2563eb;
   --ssml-editor-preview-bg: #f3f4f6;
   --ssml-editor-error: #b91c1c;
   --ssml-editor-error-bg: #fef2f2;
@@ -4920,6 +2155,8 @@ var STYLE_CSS = `
   --ssml-editor-border: #374151;
   --ssml-editor-control-bg: #111827;
   --ssml-editor-control-border: #4b5563;
+  --ssml-editor-active-bg: #1e3a8a;
+  --ssml-editor-active-border: #60a5fa;
   --ssml-editor-preview-bg: #111827;
   --ssml-editor-error: #fca5a5;
   --ssml-editor-error-bg: #450a0a;
@@ -5033,6 +2270,7 @@ var SsmlEditor = forwardRef(function SsmlEditor2({
   showToolbarIcons = true,
   showToolbarLabels = false,
   showDecorations = false,
+  enableCodeLens = true,
   buttonVisibility,
   editorOptions,
   settings,
@@ -5139,6 +2377,7 @@ var SsmlEditor = forwardRef(function SsmlEditor2({
     editorRef,
     text,
     selectionOverlay,
+    activeTags,
     isDarkTheme,
     decorationsVisible,
     setDecorationsVisible,
@@ -5159,10 +2398,12 @@ var SsmlEditor = forwardRef(function SsmlEditor2({
     previewSelection,
     canPreviewSelection,
     refreshSelectionOverlay,
+    updateActiveTags,
     getSelectedSsml: getSelectedSsml2,
     getCurrentLineSsml: getCurrentLineSsml2,
     getFullSsml,
     getOuterVoiceName,
+    handleCodeLensAction,
     openPopoverId,
     popoverVoiceName,
     popoverPosition,
@@ -5187,7 +2428,10 @@ var SsmlEditor = forwardRef(function SsmlEditor2({
     decorationsVisible,
     getOuterVoiceName,
     onSelectionOverlayChange: refreshSelectionOverlay,
-    onSyntaxErrorChange: setSyntaxError
+    onActiveTagsChange: updateActiveTags,
+    onSyntaxErrorChange: setSyntaxError,
+    enableCodeLens,
+    onOpenPopover: handleCodeLensAction
   });
   useImperativeHandle(
     ref,
@@ -5202,12 +2446,13 @@ var SsmlEditor = forwardRef(function SsmlEditor2({
     const isTimingPopover = insertion.tagName !== void 0 && TIMING_POPOVER_TAGS.has(insertion.tagName);
     const isProsodyPopover = insertion.tagName !== void 0 && PROSODY_POPOVER_TAGS.has(insertion.tagName);
     const isTextPopover = insertion.tagName !== void 0 && TEXT_POPOVER_TAGS.has(insertion.tagName);
+    const insertionButtonStyle = insertion.tagName && activeTags.has(insertion.tagName.toLowerCase()) ? { ...toolbarButtonStyle, ...editorStyles.toolbarButtonActive } : toolbarButtonStyle;
     const props = {
       language,
       isDarkTheme,
       showToolbarIcons,
       showToolbarText,
-      toolbarButtonStyle,
+      toolbarButtonStyle: insertionButtonStyle,
       emptyOptionsMessage: copy.noAvailableOptions,
       isReadOnly,
       openPopoverId,
@@ -5464,6 +2709,8 @@ export {
   SSML_HOVER_COPY,
   SSML_INSERTIONS,
   SsmlEditor,
-  createSsmlEditorInsertionDefinition
+  createSsmlEditorInsertionDefinition,
+  registerSsmlCodeLens,
+  updateTagAttribute
 };
 //# sourceMappingURL=react.mjs.map