@ghchinoy/lit-audio-ui 0.5.0 → 0.6.0

package/custom-elements.json

@@ -667,6 +667,33 @@
             }
           ],
           "description": "Formats a duration in seconds into a standard MM:SS or HH:MM:SS string."
+        },
+        {
+          "kind": "function",
+          "name": "computeAudioPeaks",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "audioUrl",
+              "type": {
+                "text": "string"
+              },
+              "description": "The URL of the audio file."
+            },
+            {
+              "name": "numPeaks",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "description": "The number of peaks to generate."
+            }
+          ],
+          "description": "Computes an array of normalized RMS peaks from an audio URL using the Web Audio API."
         }
       ],
       "exports": [
@@ -717,6 +744,14 @@
             "name": "formatAudioTime",
             "module": "src/utils/audio-utils.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "computeAudioPeaks",
+          "declaration": {
+            "name": "computeAudioPeaks",
+            "module": "src/utils/audio-utils.ts"
+          }
         }
       ]
     },
@@ -1749,6 +1784,51 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/organisms/ui-audio-player.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A monolithic backward-compatibility wrapper that renders the classic ElevenLabs\npill-shaped audio player. Internally, it relies completely on the new\ncompound <ui-audio-provider> architecture.",
+          "name": "UiAudioPlayer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "item",
+              "type": {
+                "text": "AudioPlayerItem | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "static": true,
+              "default": "css` :host { display: inline-block; width: 100%; max-width: 400px; } .player-pill { display: flex; align-items: center; gap: var(--ui-audio-player-gap, 16px); padding: var(--ui-audio-player-padding, 12px 24px); background: var(--md-sys-color-surface-container-high, #e2e2e2); border-radius: 999px; /* Pill shape */ width: fit-content; font-family: inherit; } .time-container { min-width: 85px; /* prevent jitter when times change */ } .slider-container { width: 200px; display: flex; align-items: center; } `"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UiAudioPlayer",
+          "declaration": {
+            "name": "UiAudioPlayer",
+            "module": "src/components/organisms/ui-audio-player.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/molecules/scream-voice-button.ts",
@@ -4288,6 +4368,13 @@
           "description": "",
           "name": "UiWaveform",
           "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "data",
@@ -4373,6 +4460,47 @@
                 "text": "number | string | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "overlayText",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "overlayFont",
+              "type": {
+                "text": "string"
+              },
+              "default": "'14px Inter, sans-serif'"
+            },
+            {
+              "kind": "field",
+              "name": "overlayColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "'#ffffff'"
+            },
+            {
+              "kind": "field",
+              "name": "_computedPeaks",
+              "type": {
+                "text": "number[] | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_preparedOverlayText",
+              "type": {
+                "text": "PreparedTextWithSegments | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "_canvas",
@@ -4452,51 +4580,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/organisms/ui-audio-player.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A monolithic backward-compatibility wrapper that renders the classic ElevenLabs\npill-shaped audio player. Internally, it relies completely on the new\ncompound <ui-audio-provider> architecture.",
-          "name": "UiAudioPlayer",
-          "members": [
-            {
-              "kind": "field",
-              "name": "item",
-              "type": {
-                "text": "AudioPlayerItem | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "static": true,
-              "default": "css` :host { display: inline-block; width: 100%; max-width: 400px; } .player-pill { display: flex; align-items: center; gap: var(--ui-audio-player-gap, 16px); padding: var(--ui-audio-player-padding, 12px 24px); background: var(--md-sys-color-surface-container-high, #e2e2e2); border-radius: 999px; /* Pill shape */ width: fit-content; font-family: inherit; } .time-container { min-width: 85px; /* prevent jitter when times change */ } .slider-container { width: 200px; display: flex; align-items: center; } `"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UiAudioPlayer",
-          "declaration": {
-            "name": "UiAudioPlayer",
-            "module": "src/components/organisms/ui-audio-player.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/providers/ui-audio-provider.ts",
@@ -4586,6 +4669,11 @@
               "static": true,
               "default": "css` :host { display: contents; /* We are completely invisible, just wrapping children */ } audio { display: none; } `"
             },
+            {
+              "kind": "method",
+              "name": "clearTextCache",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "render"

package/dist/components/atoms/ui-audio-next-button.js

@@ -1,8 +1,9 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
 import "@material/web/icon/icon.js";
-import { LitElement as t, css as n, html as r } from "lit";
-import { customElement as i } from "lit/decorators.js";
-import { consume as a } from "@lit/context";
+import { LitElement as n, css as r, html as i } from "lit";
+import { customElement as a } from "lit/decorators.js";
+import { consume as o } from "@lit/context";
 import "@material/web/iconbutton/icon-button.js";
 /**
 * Copyright 2026 Google LLC
@@ -19,21 +20,16 @@ import "@material/web/iconbutton/icon-button.js";
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-var o = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, s = class extends t {
+var s = class extends n {
 	static {
-		this.styles = n`
+		this.styles = r`
     :host {
       display: inline-block;
     }
   `;
 	}
 	render() {
-		return r`
+		return i`
       <md-icon-button
         aria-label="Next track"
         ?disabled=${!(this.playerState && this.playerState.items.length > 0 && (this.playerState.currentIndex < this.playerState.items.length - 1 || this.playerState.autoAdvance))}
@@ -44,8 +40,8 @@ var o = function(e, t, n, r) {
     `;
 	}
 };
-o([a({
+t([o({
 	context: e,
 	subscribe: !0
-})], s.prototype, "playerState", void 0), s = o([i("ui-audio-next-button")], s);
+})], s.prototype, "playerState", void 0), s = t([a("ui-audio-next-button")], s);
 export { s as UiAudioNextButton };

package/dist/components/atoms/ui-audio-play-button.js

@@ -1,18 +1,14 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
 import "@material/web/icon/icon.js";
-import { LitElement as t, css as n, html as r } from "lit";
-import { customElement as i, property as a } from "lit/decorators.js";
-import { consume as o } from "@lit/context";
+import { LitElement as n, css as r, html as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { consume as s } from "@lit/context";
 import "@material/web/iconbutton/filled-icon-button.js";
 import "@material/web/progress/circular-progress.js";
-var s = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, c = class extends t {
+var c = class extends n {
 	static {
-		this.styles = n`
+		this.styles = r`
     :host {
       display: inline-flex;
       position: relative;
@@ -73,7 +69,7 @@ var s = function(e, t, n, r) {
 	}
 	render() {
 		let e = this.playerState?.isPlaying ?? !1, t = this.playerState?.isBuffering ?? !1, n = !!this.playerState?.error;
-		return r`
+		return i`
       <md-filled-icon-button
         part="button"
         class="${n ? "error" : ""}"
@@ -81,7 +77,7 @@ var s = function(e, t, n, r) {
         @click="${this._handleClick}"
         ?disabled="${!this.playerState?.src}"
       >
-        ${t && e && !n ? r`<md-circular-progress indeterminate></md-circular-progress>` : r`<md-icon>${n ? "error" : e ? "pause" : "play_arrow"}</md-icon>`}
+        ${t && e && !n ? i`<md-circular-progress indeterminate></md-circular-progress>` : i`<md-icon>${n ? "error" : e ? "pause" : "play_arrow"}</md-icon>`}
       </md-filled-icon-button>
     `;
 	}
@@ -89,8 +85,8 @@ var s = function(e, t, n, r) {
 		this.playerState && this.playerState.togglePlay();
 	}
 };
-s([o({
+t([s({
 	context: e,
 	subscribe: !0
-}), a({ attribute: !1 })], c.prototype, "playerState", void 0), c = s([i("ui-audio-play-button")], c);
+}), o({ attribute: !1 })], c.prototype, "playerState", void 0), c = t([a("ui-audio-play-button")], c);
 export { c as UiAudioPlayButton };

package/dist/components/atoms/ui-audio-player-error.js

@@ -1,19 +1,15 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
 import "@material/web/icon/icon.js";
-import { LitElement as t, css as n, html as r } from "lit";
-import { customElement as i, property as a } from "lit/decorators.js";
-import { consume as o } from "@lit/context";
+import { LitElement as n, css as r, html as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { consume as s } from "@lit/context";
 /**
 * Copyright 2026 Google LLC
 */
-var s = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, c = class extends t {
+var c = class extends n {
 	static {
-		this.styles = n`
+		this.styles = r`
     :host {
       display: inline-flex;
       align-items: center;
@@ -49,14 +45,14 @@ var s = function(e, t, n, r) {
 	}
 	render() {
 		let e = this.playerState?.error;
-		return e ? r`
+		return e ? i`
       <md-icon class="error-icon">error</md-icon>
       <span class="error-text" title="${e}">${e}</span>
-    ` : r``;
+    ` : i``;
 	}
 };
-s([o({
+t([s({
 	context: e,
 	subscribe: !0
-}), a({ attribute: !1 })], c.prototype, "playerState", void 0), c = s([i("ui-audio-player-error")], c);
+}), o({ attribute: !1 })], c.prototype, "playerState", void 0), c = t([a("ui-audio-player-error")], c);
 export { c as UiAudioPlayerError };

package/dist/components/atoms/ui-audio-prev-button.js

@@ -1,8 +1,9 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
 import "@material/web/icon/icon.js";
-import { LitElement as t, css as n, html as r } from "lit";
-import { customElement as i } from "lit/decorators.js";
-import { consume as a } from "@lit/context";
+import { LitElement as n, css as r, html as i } from "lit";
+import { customElement as a } from "lit/decorators.js";
+import { consume as o } from "@lit/context";
 import "@material/web/iconbutton/icon-button.js";
 /**
 * Copyright 2026 Google LLC
@@ -19,21 +20,16 @@ import "@material/web/iconbutton/icon-button.js";
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-var o = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, s = class extends t {
+var s = class extends n {
 	static {
-		this.styles = n`
+		this.styles = r`
     :host {
       display: inline-block;
     }
   `;
 	}
 	render() {
-		return r`
+		return i`
       <md-icon-button
         aria-label="Previous track"
         ?disabled=${!(this.playerState && this.playerState.items.length > 0 && (this.playerState.currentIndex > 0 || this.playerState.autoAdvance))}
@@ -44,8 +40,8 @@ var o = function(e, t, n, r) {
     `;
 	}
 };
-o([a({
+t([o({
 	context: e,
 	subscribe: !0
-})], s.prototype, "playerState", void 0), s = o([i("ui-audio-prev-button")], s);
+})], s.prototype, "playerState", void 0), s = t([a("ui-audio-prev-button")], s);
 export { s as UiAudioPrevButton };

package/dist/components/atoms/ui-audio-progress-slider.js

@@ -1,20 +1,16 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
-import { formatAudioTime as t } from "../../utils/audio-utils.js";
-import { LitElement as n, css as r, html as i } from "lit";
-import { customElement as a, property as o, query as s, state as c } from "lit/decorators.js";
-import { consume as l } from "@lit/context";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+import { formatAudioTime as n } from "../../utils/audio-utils.js";
+import { LitElement as r, css as i, html as a } from "lit";
+import { customElement as o, property as s, query as c, state as l } from "lit/decorators.js";
+import { consume as u } from "@lit/context";
 import "@material/web/slider/slider.js";
-var u = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, d = class extends n {
-	constructor() {
-		super(...arguments), this._isDragging = !1, this._dragValue = 0, this.hoverTimestamp = !1, this._hoverX = 0, this._showHover = !1, this._hoverTime = 0;
+var d = class extends r {
+	constructor(...e) {
+		super(...e), this._isDragging = !1, this._dragValue = 0, this.hoverTimestamp = !1, this._hoverX = 0, this._showHover = !1, this._hoverTime = 0;
 	}
 	static {
-		this.styles = r`
+		this.styles = i`
     
 
     :host {
@@ -69,20 +65,20 @@ var u = function(e, t, n, r) {
   `;
 	}
 	render() {
-		let e = this.playerState?.duration || 0, n = e === 0 || !this.playerState?.src, r = this._isDragging ? this._dragValue : this.playerState?.currentTime || 0;
-		return i`
+		let e = this.playerState?.duration || 0, t = e === 0 || !this.playerState?.src, r = this._isDragging ? this._dragValue : this.playerState?.currentTime || 0;
+		return a`
       <div 
         style="position: relative; width: 100%; display: flex; align-items: center;"
         @mousemove="${this._handleMouseMove}"
         @mouseenter="${() => this._showHover = !0}"
         @mouseleave="${() => this._showHover = !1}"
       >
-        ${this.hoverTimestamp && this.playerState?.src ? i`
+        ${this.hoverTimestamp && this.playerState?.src ? a`
           <div 
             class="hover-tooltip ${this._showHover ? "show" : ""}" 
             style="left: ${this._hoverX}px;"
           >
-            ${t(this._hoverTime)}
+            ${n(this._hoverTime)}
           </div>
         ` : ""}
         <md-slider
@@ -92,7 +88,7 @@ var u = function(e, t, n, r) {
         max="${e || 100}"
         value="${r}"
         step="0.1"
-        ?disabled="${n}"
+        ?disabled="${t}"
         @input="${this._handleInput}"
         @change="${this._handleChange}"
         ></md-slider>
@@ -111,8 +107,8 @@ var u = function(e, t, n, r) {
 		this._dragValue = e.target.value, this.playerState && this.playerState.seek(this._dragValue), this._isDragging = !1;
 	}
 };
-u([l({
+t([u({
 	context: e,
 	subscribe: !0
-}), o({ attribute: !1 })], d.prototype, "playerState", void 0), u([o({ type: Boolean })], d.prototype, "hoverTimestamp", void 0), u([c()], d.prototype, "_hoverX", void 0), u([c()], d.prototype, "_showHover", void 0), u([c()], d.prototype, "_hoverTime", void 0), u([s("md-slider")], d.prototype, "_sliderEl", void 0), d = u([a("ui-audio-progress-slider")], d);
+}), s({ attribute: !1 })], d.prototype, "playerState", void 0), t([s({ type: Boolean })], d.prototype, "hoverTimestamp", void 0), t([l()], d.prototype, "_hoverX", void 0), t([l()], d.prototype, "_showHover", void 0), t([l()], d.prototype, "_hoverTime", void 0), t([c("md-slider")], d.prototype, "_sliderEl", void 0), d = t([o("ui-audio-progress-slider")], d);
 export { d as UiAudioProgressSlider };

package/dist/components/atoms/ui-audio-time-display.js

@@ -1,19 +1,15 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
-import { formatAudioTime as t } from "../../utils/audio-utils.js";
-import { LitElement as n, css as r, html as i } from "lit";
-import { customElement as a, property as o } from "lit/decorators.js";
-import { consume as s } from "@lit/context";
-var c = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, l = class extends n {
-	constructor() {
-		super(...arguments), this.format = "combined", this.separator = " / ", this.compact = !1;
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+import { formatAudioTime as n } from "../../utils/audio-utils.js";
+import { LitElement as r, css as i, html as a } from "lit";
+import { customElement as o, property as s } from "lit/decorators.js";
+import { consume as c } from "@lit/context";
+var l = class extends r {
+	constructor(...e) {
+		super(...e), this.format = "combined", this.separator = " / ", this.compact = !1;
 	}
 	static {
-		this.styles = r`
+		this.styles = i`
     :host {
       display: inline-block;
       font-variant-numeric: tabular-nums;
@@ -25,18 +21,18 @@ var c = function(e, t, n, r) {
 	}
 	render() {
 		let e = this.playerState?.currentTime || 0, t = this.playerState?.duration || 0;
-		if (this.format === "elapsed") return i`${this._formatTime(e)}`;
+		if (this.format === "elapsed") return a`${this._formatTime(e)}`;
 		if (this.format === "remaining") {
 			let n = Math.max(0, t - e);
-			return i`-${this._formatTime(n)}`;
-		} else return i`${this._formatTime(e)}${this.separator}${t ? this._formatTime(t) : "--:--"}`;
+			return a`-${this._formatTime(n)}`;
+		} else return a`${this._formatTime(e)}${this.separator}${t ? this._formatTime(t) : "--:--"}`;
 	}
 	_formatTime(e) {
-		return t(e);
+		return n(e);
 	}
 };
-c([s({
+t([c({
 	context: e,
 	subscribe: !0
-}), o({ attribute: !1 })], l.prototype, "playerState", void 0), c([o({ type: String })], l.prototype, "format", void 0), c([o({ type: String })], l.prototype, "separator", void 0), c([o({ type: Boolean })], l.prototype, "compact", void 0), l = c([a("ui-audio-time-display")], l);
+}), s({ attribute: !1 })], l.prototype, "playerState", void 0), t([s({ type: String })], l.prototype, "format", void 0), t([s({ type: String })], l.prototype, "separator", void 0), t([s({ type: Boolean })], l.prototype, "compact", void 0), l = t([o("ui-audio-time-display")], l);
 export { l as UiAudioTimeDisplay };

package/dist/components/atoms/ui-audio-volume-slider.js

@@ -1,21 +1,17 @@
 import { audioPlayerContext as e } from "../../utils/audio-context.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
 import "@material/web/icon/icon.js";
-import { LitElement as t, css as n, html as r } from "lit";
-import { customElement as i, property as a } from "lit/decorators.js";
-import { consume as o } from "@lit/context";
+import { LitElement as n, css as r, html as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { consume as s } from "@lit/context";
 import "@material/web/iconbutton/icon-button.js";
 import "@material/web/slider/slider.js";
-var s = function(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}, c = class extends t {
-	constructor() {
-		super(...arguments), this.variant = "inline", this._isOpen = !1;
+var c = class extends n {
+	constructor(...e) {
+		super(...e), this.variant = "inline", this._isOpen = !1;
 	}
 	static {
-		this.styles = n`
+		this.styles = r`
     :host([variant="popover"]) {
       display: inline-block;
       width: auto;
@@ -105,8 +101,8 @@ var s = function(e, t, n, r) {
 	render() {
 		let e = this.playerState?.volume ?? 1, t = this.playerState?.muted ?? !1, n = "volume_up";
 		t || e === 0 ? n = "volume_off" : e < .5 && (n = "volume_down");
-		let i = t ? "Unmute audio" : "Mute audio";
-		return this.variant === "popover" ? r`
+		let r = t ? "Unmute audio" : "Mute audio";
+		return this.variant === "popover" ? i`
         <div 
           @mouseenter="${() => this._isOpen = !0}" 
           @mouseleave="${() => this._isOpen = !1}"
@@ -115,7 +111,7 @@ var s = function(e, t, n, r) {
           <md-icon-button
             @click="${this._toggleMute}"
             part="button"
-            aria-label="${i}"
+            aria-label="${r}"
           >
             <md-icon>${n}</md-icon>
           </md-icon-button>
@@ -133,11 +129,11 @@ var s = function(e, t, n, r) {
             </div>
           </div>
         </div>
-      ` : r`
+      ` : i`
       <md-icon-button
         @click="${this._toggleMute}"
         part="button"
-        aria-label="${i}"
+        aria-label="${r}"
       >
         <md-icon>${n}</md-icon>
       </md-icon-button>
@@ -161,14 +157,14 @@ var s = function(e, t, n, r) {
 		this.playerState && this.playerState.toggleMute();
 	}
 };
-s([o({
+t([s({
 	context: e,
 	subscribe: !0
-}), a({ attribute: !1 })], c.prototype, "playerState", void 0), s([a({
+}), o({ attribute: !1 })], c.prototype, "playerState", void 0), t([o({
 	type: String,
 	reflect: !0
-})], c.prototype, "variant", void 0), s([a({
+})], c.prototype, "variant", void 0), t([o({
 	type: Boolean,
 	state: !0
-})], c.prototype, "_isOpen", void 0), c = s([i("ui-audio-volume-slider")], c);
+})], c.prototype, "_isOpen", void 0), c = t([a("ui-audio-volume-slider")], c);
 export { c as UiAudioVolumeSlider };

package/dist/components/atoms/ui-speech-cancel-button.js

@@ -1,5 +1,5 @@
-import { speechContext as e } from "../../utils/speech-context.js";
-import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+import { speechContext as t } from "../../utils/speech-context.js";
 import "@material/web/icon/icon.js";
 import { LitElement as n, css as r, html as i } from "lit";
 import { customElement as a } from "lit/decorators.js";
@@ -40,8 +40,8 @@ var s = class extends n {
 		this._context?.cancel();
 	}
 };
-t([o({
-	context: e,
+e([o({
+	context: t,
 	subscribe: !0
-})], s.prototype, "_context", void 0), s = t([a("ui-speech-cancel-button")], s);
+})], s.prototype, "_context", void 0), s = e([a("ui-speech-cancel-button")], s);
 export { s as UiSpeechCancelButton };