@ghchinoy/lit-audio-ui 0.4.5 → 0.4.6

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

@@ -1,9 +1,9 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+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 r, css as i, html as a } from "lit";
-import { customElement as o } from "lit/decorators.js";
+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
@@ -20,16 +20,16 @@ import "@material/web/iconbutton/icon-button.js";
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-var s = class extends r {
+var s = class extends n {
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: inline-block;
     }
   `;
 	}
 	render() {
-		return a`
+		return i`
       <md-icon-button
         ?disabled=${!(this.playerState && this.playerState.items.length > 0 && (this.playerState.currentIndex < this.playerState.items.length - 1 || this.playerState.autoAdvance))}
         @click=${() => this.playerState?.next()}
@@ -39,8 +39,8 @@ var s = class extends r {
     `;
 	}
 };
-n([e({
-	context: t,
+t([o({
+	context: e,
 	subscribe: !0
-})], s.prototype, "playerState", void 0), s = n([o("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,14 +1,14 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+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 r, css as i, html as a } from "lit";
-import { customElement as o, property as s } from "lit/decorators.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";
 import "@material/web/iconbutton/filled-icon-button.js";
 import "@material/web/progress/circular-progress.js";
-var c = class extends r {
+var c = class extends n {
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: inline-flex;
       position: relative;
@@ -62,7 +62,7 @@ var c = class extends r {
 	}
 	render() {
 		let e = this.playerState?.isPlaying ?? !1, t = this.playerState?.isBuffering ?? !1;
-		return a`
+		return i`
       <md-filled-icon-button
         part="button"
         @click="${this._handleClick}"
@@ -70,15 +70,15 @@ var c = class extends r {
       >
         <md-icon>${e ? "pause" : "play_arrow"}</md-icon>
       </md-filled-icon-button>
-      ${t && e ? a`<md-circular-progress indeterminate></md-circular-progress>` : ""}
+      ${t && e ? i`<md-circular-progress indeterminate></md-circular-progress>` : ""}
     `;
 	}
 	_handleClick() {
 		this.playerState && this.playerState.togglePlay();
 	}
 };
-n([e({
-	context: t,
+t([s({
+	context: e,
 	subscribe: !0
-}), s({ attribute: !1 })], c.prototype, "playerState", void 0), c = n([o("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-prev-button.js

@@ -1,9 +1,9 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+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 r, css as i, html as a } from "lit";
-import { customElement as o } from "lit/decorators.js";
+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
@@ -20,16 +20,16 @@ import "@material/web/iconbutton/icon-button.js";
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-var s = class extends r {
+var s = class extends n {
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: inline-block;
     }
   `;
 	}
 	render() {
-		return a`
+		return i`
       <md-icon-button
         ?disabled=${!(this.playerState && this.playerState.items.length > 0 && (this.playerState.currentIndex > 0 || this.playerState.autoAdvance))}
         @click=${() => this.playerState?.previous()}
@@ -39,8 +39,8 @@ var s = class extends r {
     `;
 	}
 };
-n([e({
-	context: t,
+t([o({
+	context: e,
 	subscribe: !0
-})], s.prototype, "playerState", void 0), s = n([o("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,15 +1,15 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.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 { audioPlayerContext as e } from "../../utils/audio-context.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.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";
 import "@material/web/slider/slider.js";
-var c = class extends r {
+var c = class extends n {
 	constructor(...e) {
 		super(...e), this._isDragging = !1, this._dragValue = 0;
 	}
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: flex;
       width: 100%;
@@ -26,7 +26,7 @@ var c = class extends r {
 	}
 	render() {
 		let e = this.playerState?.duration || 0, t = e === 0 || !this.playerState?.src, n = this._isDragging ? this._dragValue : this.playerState?.currentTime || 0;
-		return a`
+		return i`
       <md-slider
         min="0"
         max="${e || 100}"
@@ -45,8 +45,8 @@ var c = class extends r {
 		this._dragValue = e.target.value, this.playerState && this.playerState.seek(this._dragValue), this._isDragging = !1;
 	}
 };
-n([e({
-	context: t,
+t([s({
+	context: e,
 	subscribe: !0
-}), s({ attribute: !1 })], c.prototype, "playerState", void 0), c = n([o("ui-audio-progress-slider")], c);
+}), o({ attribute: !1 })], c.prototype, "playerState", void 0), c = t([a("ui-audio-progress-slider")], c);
 export { c as UiAudioProgressSlider };

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

@@ -1,14 +1,14 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
-import { LitElement as r, css as i, html as a } from "lit";
-import { customElement as o, property as s } from "lit/decorators.js";
-var c = class extends r {
+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 { 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 = class extends n {
 	constructor(...e) {
 		super(...e), this.format = "combined", this.separator = " / ", this.compact = !1;
 	}
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: inline-block;
       font-variant-numeric: tabular-nums;
@@ -20,11 +20,11 @@ var c = class extends r {
 	}
 	render() {
 		let e = this.playerState?.currentTime || 0, t = this.playerState?.duration || 0;
-		if (this.format === "elapsed") return a`${this._formatTime(e)}`;
+		if (this.format === "elapsed") return i`${this._formatTime(e)}`;
 		if (this.format === "remaining") {
 			let n = Math.max(0, t - e);
-			return a`-${this._formatTime(n)}`;
-		} else return a`${this._formatTime(e)}${this.separator}${t ? this._formatTime(t) : "--:--"}`;
+			return i`-${this._formatTime(n)}`;
+		} else return i`${this._formatTime(e)}${this.separator}${t ? this._formatTime(t) : "--:--"}`;
 	}
 	_formatTime(e) {
 		if (!e || isNaN(e)) return this.compact, "0:00";
@@ -32,8 +32,8 @@ var c = class extends r {
 		return t > 0 ? i += "" + t + ":" + (n < 10 ? "0" : "") : this.compact, i += "" + n + ":" + (r < 10 ? "0" : ""), i += "" + r, i;
 	}
 };
-n([e({
-	context: t,
+t([s({
+	context: e,
 	subscribe: !0
-}), s({ attribute: !1 })], c.prototype, "playerState", void 0), n([s({ type: String })], c.prototype, "format", void 0), n([s({ type: String })], c.prototype, "separator", void 0), n([s({ type: Boolean })], c.prototype, "compact", void 0), c = n([o("ui-audio-time-display")], c);
+}), o({ attribute: !1 })], c.prototype, "playerState", void 0), t([o({ type: String })], c.prototype, "format", void 0), t([o({ type: String })], c.prototype, "separator", void 0), t([o({ type: Boolean })], c.prototype, "compact", void 0), c = t([a("ui-audio-time-display")], c);
 export { c as UiAudioTimeDisplay };

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

@@ -1,14 +1,14 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+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 r, css as i, html as a } from "lit";
-import { customElement as o, property as s } from "lit/decorators.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";
 import "@material/web/iconbutton/icon-button.js";
 import "@material/web/slider/slider.js";
-var c = class extends r {
+var c = class extends n {
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: flex;
       align-items: center;
@@ -34,7 +34,7 @@ var c = class extends r {
 	}
 	render() {
 		let e = this.playerState?.volume ?? 1, t = this.playerState?.muted ?? !1, n = "volume_up";
-		return t || e === 0 ? n = "volume_off" : e < .5 && (n = "volume_down"), a`
+		return t || e === 0 ? n = "volume_off" : e < .5 && (n = "volume_down"), i`
       <md-icon-button @click="${this._toggleMute}" part="button">
         <md-icon>${n}</md-icon>
       </md-icon-button>
@@ -57,8 +57,8 @@ var c = class extends r {
 		this.playerState && this.playerState.toggleMute();
 	}
 };
-n([e({
-	context: t,
+t([s({
+	context: e,
 	subscribe: !0
-}), s({ attribute: !1 })], c.prototype, "playerState", void 0), c = n([o("ui-audio-volume-slider")], c);
+}), o({ attribute: !1 })], c.prototype, "playerState", void 0), c = t([a("ui-audio-volume-slider")], c);
 export { c as UiAudioVolumeSlider };

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

@@ -1,13 +1,13 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
-import { speechContext as n } from "../../utils/speech-context.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 r, css as i, html as a } from "lit";
-import { customElement as o } from "lit/decorators.js";
+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";
-var s = class extends r {
+var s = class extends n {
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: inline-block;
       opacity: 0;
@@ -30,18 +30,18 @@ var s = class extends r {
   `;
 	}
 	render() {
-		return this._context ? (this._context.state === "recording" || this._context.state === "processing" || this._context.state === "error" ? this.setAttribute("active", "") : this.removeAttribute("active"), a`
+		return this._context ? (this._context.state === "recording" || this._context.state === "processing" || this._context.state === "error" ? this.setAttribute("active", "") : this.removeAttribute("active"), i`
       <md-icon-button @click=${this._handleClick}>
         <md-icon>close</md-icon>
       </md-icon-button>
-    `) : a``;
+    `) : i``;
 	}
 	_handleClick() {
 		this._context?.cancel();
 	}
 };
-t([e({
-	context: n,
+e([o({
+	context: t,
 	subscribe: !0
-})], s.prototype, "_context", void 0), s = t([o("ui-speech-cancel-button")], s);
+})], s.prototype, "_context", void 0), s = e([a("ui-speech-cancel-button")], s);
 export { s as UiSpeechCancelButton };

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

@@ -1,16 +1,16 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
-import { speechContext as n } from "../../utils/speech-context.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 r, css as i, html as a } from "lit";
-import { customElement as o, property as s } from "lit/decorators.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";
 import "@material/web/iconbutton/filled-icon-button.js";
-var c = class extends r {
+var c = class extends n {
 	constructor(...e) {
 		super(...e), this.size = "default";
 	}
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: inline-block;
     }
@@ -60,7 +60,7 @@ var c = class extends r {
 	}
 	render() {
 		let e = this._context?.state || "idle", t = e === "recording", n = e === "processing" || e === "connecting", r = "mic";
-		return t && (r = "stop"), n && (r = "hourglass_empty"), e === "success" && (r = "check"), e === "error" && (r = "error"), a`
+		return t && (r = "stop"), n && (r = "hourglass_empty"), e === "success" && (r = "check"), e === "error" && (r = "error"), i`
       <md-filled-icon-button
         class="${e}"
         ?disabled=${n || !this._context}
@@ -74,8 +74,8 @@ var c = class extends r {
 		this._context && (this._context.state === "idle" ? this._context.start() : this._context.state === "recording" && this._context.stop());
 	}
 };
-t([e({
-	context: n,
+e([s({
+	context: t,
 	subscribe: !0
-})], c.prototype, "_context", void 0), t([s({ type: String })], c.prototype, "size", void 0), c = t([o("ui-speech-record-button")], c);
+})], c.prototype, "_context", void 0), e([o({ type: String })], c.prototype, "size", void 0), c = e([a("ui-speech-record-button")], c);
 export { c as UiSpeechRecordButton };

package/dist/components/molecules/ui-playlist.js

@@ -1,9 +1,9 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
+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 r, css as i, html as a } from "lit";
-import { customElement as o, property as s } from "lit/decorators.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";
 import "@material/web/list/list.js";
 import "@material/web/list/list-item.js";
 /**
@@ -21,12 +21,12 @@ import "@material/web/list/list-item.js";
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-var c = class extends r {
+var c = class extends n {
 	constructor(...e) {
 		super(...e), this.header = "Queue", this.emptyText = "No tracks in queue";
 	}
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: block;
       background: var(--md-sys-color-surface-container-low, transparent);
@@ -80,21 +80,21 @@ var c = class extends r {
 	}
 	render() {
 		let e = this.playerState?.items || [], t = this.playerState?.currentIndex ?? -1;
-		return a`
+		return i`
       <div class="playlist-header">${this.header}</div>
 
-      ${e.length === 0 ? a`<div class="empty-state">${this.emptyText}</div>` : a`
+      ${e.length === 0 ? i`<div class="empty-state">${this.emptyText}</div>` : i`
             <md-list>
-              ${e.map((e, n) => a`
+              ${e.map((e, n) => i`
                   <md-list-item
                     ?selected=${n === t}
                     @click=${() => this.playerState?.select(n)}
                   >
                     <div slot="headline">${e.title || "Untitled Track"}</div>
                     <div slot="supporting-text">${e.artist || "Unknown Artist"}</div>
-                    ${n === t ? a`<md-icon slot="start" class="now-playing-icon"
+                    ${n === t ? i`<md-icon slot="start" class="now-playing-icon"
                           >${this.playerState?.isPlaying ? "graphic_eq" : "play_arrow"}</md-icon
-                        >` : a`<md-icon slot="start">music_note</md-icon>`}
+                        >` : i`<md-icon slot="start">music_note</md-icon>`}
                   </md-list-item>
                 `)}
             </md-list>
@@ -102,8 +102,8 @@ var c = class extends r {
     `;
 	}
 };
-n([e({
-	context: t,
+t([s({
+	context: e,
 	subscribe: !0
-})], c.prototype, "playerState", void 0), n([s({ type: String })], c.prototype, "header", void 0), n([s({ type: String })], c.prototype, "emptyText", void 0), c = n([o("ui-playlist")], c);
+})], c.prototype, "playerState", void 0), t([o({ type: String })], c.prototype, "header", void 0), t([o({ type: String })], c.prototype, "emptyText", void 0), c = t([a("ui-playlist")], c);
 export { c as UiPlaylist };

package/dist/components/molecules/ui-spectrum-visualizer.js

@@ -1,9 +1,9 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
-import { getNormalizedFrequencyData as r } from "../../utils/audio-utils.js";
-import { LitElement as i, css as a, html as o } from "lit";
-import { customElement as s, property as c, query as l } from "lit/decorators.js";
+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 { getNormalizedFrequencyData 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 } from "lit/decorators.js";
+import { consume as l } from "@lit/context";
 /**
 * Copyright 2026 Google LLC
 *
@@ -19,12 +19,12 @@ import { customElement as s, property as c, query as l } from "lit/decorators.js
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-var u = class extends i {
+var u = class extends r {
 	constructor(...e) {
 		super(...e), this.barWidth = 4, this.barGap = 2, this.height = 100, this._animationFrameId = 0;
 	}
 	static {
-		this.styles = a`
+		this.styles = i`
     :host {
       display: block;
       width: 100%;
@@ -38,7 +38,7 @@ var u = class extends i {
   `;
 	}
 	render() {
-		return o`<canvas style="height: ${this.height}px;"></canvas>`;
+		return a`<canvas style="height: ${this.height}px;"></canvas>`;
 	}
 	firstUpdated() {
 		this._startLoop();
@@ -58,18 +58,18 @@ var u = class extends i {
 		this._dataArray ||= new Uint8Array(e.frequencyBinCount);
 		let t = this._canvas.getContext("2d");
 		if (!t) return;
-		let n = this._canvas.getBoundingClientRect(), i = window.devicePixelRatio || 1;
-		this._canvas.width !== n.width * i && (this._canvas.width = n.width * i, this._canvas.height = n.height * i, t.scale(i, i)), t.clearRect(0, 0, n.width, n.height);
-		let a = r(e, this._dataArray), o = this.barWidth + this.barGap, s = Math.floor(n.width / o), c = getComputedStyle(this), l = this.color;
+		let r = this._canvas.getBoundingClientRect(), i = window.devicePixelRatio || 1;
+		this._canvas.width !== r.width * i && (this._canvas.width = r.width * i, this._canvas.height = r.height * i, t.scale(i, i)), t.clearRect(0, 0, r.width, r.height);
+		let a = n(e, this._dataArray), o = this.barWidth + this.barGap, s = Math.floor(r.width / o), c = getComputedStyle(this), l = this.color;
 		l ||= c.getPropertyValue("--md-sys-color-primary").trim() || "#0066cc", t.fillStyle = l;
 		for (let e = 0; e < s; e++) {
-			let r = (a[Math.floor(e / s * (a.length * .6))] || 0) * n.height, i = e * o, c = n.height - r;
-			t.fillRect(i, c, this.barWidth, r);
+			let n = (a[Math.floor(e / s * (a.length * .6))] || 0) * r.height, i = e * o, c = r.height - n;
+			t.fillRect(i, c, this.barWidth, n);
 		}
 	}
 };
-n([e({
-	context: t,
+t([l({
+	context: e,
 	subscribe: !0
-})], u.prototype, "playerState", void 0), n([c({ type: Number })], u.prototype, "barWidth", void 0), n([c({ type: Number })], u.prototype, "barGap", void 0), n([c({ type: Number })], u.prototype, "height", void 0), n([c({ type: String })], u.prototype, "color", void 0), n([l("canvas")], u.prototype, "_canvas", void 0), u = n([s("ui-spectrum-visualizer")], u);
+})], u.prototype, "playerState", void 0), t([s({ type: Number })], u.prototype, "barWidth", void 0), t([s({ type: Number })], u.prototype, "barGap", void 0), t([s({ type: Number })], u.prototype, "height", void 0), t([s({ type: String })], u.prototype, "color", void 0), t([c("canvas")], u.prototype, "_canvas", void 0), u = t([o("ui-spectrum-visualizer")], u);
 export { u as UiSpectrumVisualizer };

package/dist/components/molecules/ui-speech-preview.js

@@ -1,15 +1,15 @@
-import { c as e } from "../../node_modules/@lit/context/lib/decorators/consume.js";
-import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.js";
-import { speechContext as n } from "../../utils/speech-context.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 "./ui-live-waveform.js";
-import { LitElement as r, css as i, html as a } from "lit";
-import { customElement as o, property as s } from "lit/decorators.js";
-var c = class extends r {
+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 = class extends n {
 	constructor(...e) {
 		super(...e), this.placeholder = "Jot down some thoughts...";
 	}
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: inline-flex;
       align-items: center;
@@ -53,15 +53,15 @@ var c = class extends r {
   `;
 	}
 	render() {
-		let { state: e = "idle", transcript: t = "", partialTranscript: n = "", analyserNode: r = void 0 } = this._context || {}, i = e === "recording", o = e === "processing" || e === "connecting";
-		return a`
-      ${!i && !o && !(t || n) ? a`<span class="placeholder">${this.placeholder}</span>` : a`<span class="transcript">${n || t}</span>`}
+		let { state: e = "idle", transcript: t = "", partialTranscript: n = "", analyserNode: r = void 0 } = this._context || {}, a = e === "recording", o = e === "processing" || e === "connecting";
+		return i`
+      ${!a && !o && !(t || n) ? i`<span class="placeholder">${this.placeholder}</span>` : i`<span class="transcript">${n || t}</span>`}
 
       <div
-        class="waveform-container ${i || o ? "" : "hidden"}"
+        class="waveform-container ${a || o ? "" : "hidden"}"
       >
         <ui-live-waveform
-          .active=${i}
+          .active=${a}
           .processing=${o}
           .analyserNode=${r}
           barWidth="2"
@@ -73,8 +73,8 @@ var c = class extends r {
     `;
 	}
 };
-t([e({
-	context: n,
+e([s({
+	context: t,
 	subscribe: !0
-})], c.prototype, "_context", void 0), t([s({ type: String })], c.prototype, "placeholder", void 0), c = t([o("ui-speech-preview")], c);
+})], c.prototype, "_context", void 0), e([o({ type: String })], c.prototype, "placeholder", void 0), c = e([a("ui-speech-preview")], c);
 export { c as UiSpeechPreview };

package/dist/components/providers/ui-audio-provider.js

@@ -1,9 +1,9 @@
-import { e } from "../../node_modules/@lit/context/lib/decorators/provide.js";
-import { audioPlayerContext as t } from "../../utils/audio-context.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/decorate.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";
-var u = class extends r {
+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 { 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 { provide as l } from "@lit/context";
+var u = class extends n {
 	constructor(...e) {
 		super(...e), this.src = "", this.items = [], this.autoAdvance = !0, this._animationFrameId = 0, this.state = {
 			src: "",
@@ -29,7 +29,7 @@ var u = class extends r {
 		};
 	}
 	static {
-		this.styles = i`
+		this.styles = r`
     :host {
       display: contents; /* We are completely invisible, just wrapping children */
     }
@@ -39,7 +39,7 @@ var u = class extends r {
   `;
 	}
 	render() {
-		return a`
+		return i`
       <audio
         crossorigin="anonymous"
         src="${this.src}"
@@ -162,5 +162,5 @@ var u = class extends r {
 		this._animationFrameId = requestAnimationFrame(e);
 	}
 };
-n([s({ type: String })], u.prototype, "src", void 0), n([s({ type: Array })], u.prototype, "items", void 0), n([s({ type: Boolean })], u.prototype, "autoAdvance", void 0), n([c("audio")], u.prototype, "_audioEl", void 0), n([e({ context: t }), l()], u.prototype, "state", void 0), u = n([o("ui-audio-provider")], u);
+t([o({ type: String })], u.prototype, "src", void 0), t([o({ type: Array })], u.prototype, "items", void 0), t([o({ type: Boolean })], u.prototype, "autoAdvance", void 0), t([s("audio")], u.prototype, "_audioEl", void 0), t([l({ context: e }), c()], u.prototype, "state", void 0), u = t([a("ui-audio-provider")], u);
 export { u as UiAudioProvider };