@ghchinoy/lit-audio-ui 0.4.8 → 0.4.9

package/dist/demo/components/demo-album-card.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+export declare class DemoAlbumCard extends LitElement {
+    private _playlist;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _toggleFlip;
+    private _getCurrentTrack;
+}

package/dist/demo/components/demo-chat-experience.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+export declare class DemoChatExperience extends LitElement {
+    private _messages;
+    private _inputValue;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleSend;
+    private _simulateAgentResponse;
+    private _getRandomResponse;
+}

package/dist/demo/components/demo-lyria-player.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+export declare class DemoLyriaPlayer extends LitElement {
+    private _scroller;
+    private _playlist;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _getCurrentTrack;
+    private _handleState;
+}

package/dist/demo/components/demo-media-dashboard.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+export declare class DemoMediaDashboard extends LitElement {
+    private _playlist;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _getCurrentTrack;
+    private _getCurrentIndex;
+    private _isBuffering;
+}

package/dist/demo/components/demo-orb-gallery.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+/**
+ * A gallery showcasing the ui-orb component with a variety of color schemes and seed configurations.
+ * The order pays a subtle homage to the iconic brand colors.
+ */
+export declare class DemoOrbGallery extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/demo/components/demo-podcast-player.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+export declare class DemoPodcastPlayer extends LitElement {
+    private _orb;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    private _handleState;
+}

package/dist/demo/components/demo-smart-textarea.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+export declare class DemoSmartTextarea extends LitElement {
+    private _text;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleStateChange;
+}

package/dist/demo/components/demo-speech-input.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+export declare class DemoSpeechInput extends LitElement {
+    private _state;
+    private _transcript;
+    private _transcriptInterval;
+    private _fakeTranscript;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _toggleRecord;
+}

package/dist/demo/demo-app.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './demo-layouts.js';

package/dist/demo/demo-layouts.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import '../src/index.js';
+import './components/demo-podcast-player.js';
+import './components/demo-lyria-player.js';
+import './components/demo-album-card.js';
+import './components/demo-media-dashboard.js';
+import './components/demo-chat-experience.js';
+import './components/demo-orb-gallery.js';
+import './components/demo-speech-input.js';
+import './components/demo-smart-textarea.js';

package/dist/src/components/atoms/ui-audio-next-button.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+import '@material/web/iconbutton/icon-button.js';
+import '@material/web/icon/icon.js';
+/**
+ * An atomic navigation button that triggers the 'next' track in a playlist.
+ * Consumes the AudioPlayerState from the nearest ui-audio-provider.
+ *
+ * @element ui-audio-next-button
+ */
+export declare class UiAudioNextButton extends LitElement {
+    private playerState?;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/atoms/ui-audio-play-button.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+import { type AudioPlayerState } from '../../utils/audio-context.js';
+import '@material/web/iconbutton/filled-icon-button.js';
+import '@material/web/progress/circular-progress.js';
+import '@material/web/icon/icon.js';
+export declare class UiAudioPlayButton extends LitElement {
+    playerState?: AudioPlayerState;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleClick;
+}

package/dist/src/components/atoms/ui-audio-prev-button.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+import '@material/web/iconbutton/icon-button.js';
+import '@material/web/icon/icon.js';
+/**
+ * An atomic navigation button that triggers the 'previous' track in a playlist.
+ * Consumes the AudioPlayerState from the nearest ui-audio-provider.
+ *
+ * @element ui-audio-prev-button
+ */
+export declare class UiAudioPrevButton extends LitElement {
+    private playerState?;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/atoms/ui-audio-progress-slider.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import { type AudioPlayerState } from '../../utils/audio-context.js';
+import '@material/web/slider/slider.js';
+export declare class UiAudioProgressSlider extends LitElement {
+    playerState?: AudioPlayerState;
+    private _isDragging;
+    private _dragValue;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleInput;
+    private _handleChange;
+}

package/dist/src/components/atoms/ui-audio-time-display.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import { type AudioPlayerState } from '../../utils/audio-context.js';
+/**
+ * A reactive time display component that shows playback progress.
+ * Consumes AudioPlayerState from the nearest ui-audio-provider.
+ *
+ * @element ui-audio-time-display
+ *
+ * @prop {string} format - Display mode: 'elapsed', 'remaining', or 'combined' (default).
+ * @prop {string} separator - The string to use between current and total time in 'combined' mode (default: ' / ').
+ * @prop {boolean} compact - If true, omits leading zeros and hours for a cleaner look.
+ */
+export declare class UiAudioTimeDisplay extends LitElement {
+    playerState?: AudioPlayerState;
+    format: 'elapsed' | 'remaining' | 'combined';
+    separator: string;
+    compact: boolean;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _formatTime;
+}

package/dist/src/components/atoms/ui-audio-volume-slider.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import { type AudioPlayerState } from '../../utils/audio-context.js';
+import '@material/web/slider/slider.js';
+import '@material/web/iconbutton/icon-button.js';
+import '@material/web/icon/icon.js';
+export declare class UiAudioVolumeSlider extends LitElement {
+    playerState?: AudioPlayerState;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleInput;
+    private _toggleMute;
+}

package/dist/src/components/atoms/ui-message-bubble.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+/**
+ * ATOM: Message Bubble
+ * A presentational container for chat message text.
+ * Ported from ElevenLabs 'MessageContent'.
+ *
+ * @element ui-message-bubble
+ *
+ * @prop {string} variant - 'contained' (default) or 'flat'.
+ * @prop {string} direction - 'inbound' (agent) or 'outbound' (user).
+ */
+export declare class UiMessageBubble extends LitElement {
+    variant: 'contained' | 'flat';
+    direction: 'inbound' | 'outbound';
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/atoms/ui-shimmering-text.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright 2026 Google LLC
+ */
+import { LitElement } from 'lit';
+/**
+ * A native Lit WebComponent that provides a shimmering text animation.
+ */
+export declare class UiShimmeringText extends LitElement {
+    text: string;
+    duration: number;
+    delay: number;
+    repeat: boolean;
+    repeatDelay: number;
+    startOnView: boolean;
+    once: boolean;
+    spread: number;
+    color?: string;
+    shimmerColor?: string;
+    private _isInView;
+    private _intersectionObserver?;
+    static styles: import("lit").CSSResult;
+    protected firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/atoms/ui-speech-cancel-button.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+import '@material/web/iconbutton/icon-button.js';
+import '@material/web/icon/icon.js';
+export declare class UiSpeechCancelButton extends LitElement {
+    private _context?;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleClick;
+}

package/dist/src/components/atoms/ui-speech-record-button.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+import '@material/web/iconbutton/filled-icon-button.js';
+import '@material/web/icon/icon.js';
+export declare class UiSpeechRecordButton extends LitElement {
+    private _context?;
+    size: 'sm' | 'default' | 'lg';
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleClick;
+}

package/dist/src/components/atoms/ui-typing-dot.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+/**
+ * ATOM: Typing Dot
+ * A simple animated dot used for typing indicators.
+ *
+ * @element ui-typing-dot
+ *
+ * @prop {string} delay - CSS animation delay (e.g., '0.2s').
+ */
+export declare class UiTypingDot extends LitElement {
+    delay: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/scream-voice-button.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+import '@material/web/button/filled-button.js';
+import '@material/web/icon/icon.js';
+export type VoiceState = 'idle' | 'recording' | 'processing' | 'success' | 'error';
+/**
+ * A basic demonstration of the ported audio button.
+ */
+export declare class ScreamVoiceButton extends LitElement {
+    state: VoiceState;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleClick;
+}

package/dist/src/components/molecules/ui-3d-flip.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2026 Google LLC
+ */
+import { LitElement } from 'lit';
+import '@material/web/icon/icon.js';
+/**
+ * A layout utility component that provides 3D card flipping functionality.
+ */
+export declare class Ui3dFlip extends LitElement {
+    flipped: boolean;
+    axis: 'x' | 'y';
+    duration: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    toggle(): void;
+}

package/dist/src/components/molecules/ui-chat-item.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright 2026 Google LLC
+ */
+import { LitElement } from 'lit';
+import '../atoms/ui-message-bubble.js';
+/**
+ * A composite component representing a single chat message item.
+ */
+export declare class UiChatItem extends LitElement {
+    direction: 'inbound' | 'outbound';
+    variant: 'contained' | 'flat';
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/ui-chat-list.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement, type PropertyValues } from 'lit';
+/**
+ * MOLECULE: Chat List
+ * A scrollable container for ui-chat-items.
+ * Automatically handles scrolling to the bottom when new children are added.
+ *
+ * @element ui-chat-list
+ */
+export declare class UiChatList extends LitElement {
+    private _container;
+    static styles: import("lit").CSSResult;
+    protected updated(changedProperties: PropertyValues): void;
+    /**
+     * Imperatively scroll to the most recent message.
+     */
+    scrollToBottom(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/ui-live-waveform.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Copyright 2026 Google LLC
+ */
+import { LitElement, type PropertyValues } from 'lit';
+/**
+ * A real-time audio visualizer component.
+ */
+export declare class UiLiveWaveform extends LitElement {
+    active: boolean;
+    processing: boolean;
+    analyserNode?: AnalyserNode;
+    barWidth: number;
+    barHeight: number;
+    barGap: number;
+    barRadius: number;
+    barColor?: string;
+    fadeEdges: boolean;
+    fadeWidth: number;
+    height: number;
+    sensitivity: number;
+    updateRate: number;
+    private _canvas;
+    private _container;
+    private _animationFrameId;
+    private _lastUpdateTime;
+    private _resizeObserver?;
+    private _themeObserver?;
+    private _dataArray?;
+    private _currentBars;
+    private _processingTime;
+    private _transitionProgress;
+    private _lastActiveData;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    protected firstUpdated(): void;
+    protected updated(changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    private _handleResize;
+    private _startAnimationLoop;
+    private _updateData;
+    private _renderFrame;
+}