@vocalstack/player 0.0.0-stage → 0.1.0-alpha.0

package/dist/ds/Controls.d.ts

@@ -0,0 +1,163 @@
+import { type ReactNode } from 'react';
+export declare function Card({ children, panel, inset, className, style }: {
+    children: ReactNode;
+    panel?: boolean;
+    inset?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+export declare function Toggle({ checked, onChange, label, disabled }: {
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    label: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export declare function TextField({ label, value, onChange, onKeyDown, type, placeholder, hint, error, mono, inputMode, autoComplete, ariaLabel }: {
+    label?: string;
+    value: string;
+    onChange: (v: string) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    type?: string;
+    placeholder?: string;
+    hint?: ReactNode;
+    error?: string;
+    mono?: boolean;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    autoComplete?: string;
+    ariaLabel?: string;
+}): import("react").JSX.Element;
+export interface SwitchOption<T extends string> {
+    value: T;
+    label: ReactNode;
+    icon?: ReactNode;
+}
+export declare function Checkbox({ checked, indeterminate, disabled, label, title, size, onChange }: {
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    label?: string;
+    title?: string;
+    size?: 'sm';
+    onChange?: (v: boolean) => void;
+}): import("react").JSX.Element;
+export declare function Tooltip({ open, onDismiss, content, side, align, width, children }: {
+    open: boolean;
+    onDismiss: () => void;
+    content: ReactNode;
+    side?: 'top' | 'bottom';
+    align?: 'start' | 'center' | 'end';
+    width?: number;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function Switch<T extends string>({ value, onChange, options, size, bordered, fill }: {
+    value: T;
+    onChange: (v: T) => void;
+    options: SwitchOption<T>[];
+    size?: 'sm';
+    bordered?: boolean;
+    fill?: boolean;
+}): import("react").JSX.Element;
+export declare function IconButton({ children, onClick, label, size, variant, bordered, active, title }: {
+    children: ReactNode;
+    onClick?: () => void;
+    label: string;
+    size?: 'sm';
+    variant?: 'default' | 'primary';
+    bordered?: boolean;
+    active?: boolean;
+    title?: string;
+}): import("react").JSX.Element;
+export declare function LanguageChip({ flag, code, label, onClick, variant, block, bordered, size, style }: {
+    flag: ReactNode;
+    code: string;
+    label?: string;
+    onClick?: () => void;
+    variant?: 'primary';
+    block?: boolean;
+    bordered?: boolean;
+    size?: 'sm';
+    style?: React.CSSProperties;
+}): import("react").JSX.Element;
+export declare function CopyButton({ value, label, onCopied }: {
+    value: string;
+    label?: string;
+    onCopied?: () => void;
+}): import("react").JSX.Element;
+export declare function Copyable({ value, label }: {
+    value: string;
+    label?: string;
+}): import("react").JSX.Element;
+export declare function GrowBox({ children, ms }: {
+    children: ReactNode;
+    ms?: number;
+}): import("react").JSX.Element;
+export declare function Sheet({ open, onClose, title, titleNode, note, doneLabel, children, drawer, header, kind, sticky }: {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    titleNode?: ReactNode;
+    note?: string;
+    doneLabel?: string;
+    children: ReactNode;
+    drawer?: boolean;
+    header?: ReactNode;
+    kind?: string;
+    sticky?: boolean;
+}): import("react").JSX.Element | null;
+export interface ModalAction {
+    label: string;
+    variant?: 'primary' | 'danger' | 'ghost';
+    onClick: () => void;
+}
+export declare function Modal({ open, onClose, title, body, actions, children, dismissible, zIndex, width, page }: {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    body?: ReactNode;
+    actions?: ModalAction[];
+    children?: ReactNode;
+    dismissible?: boolean;
+    zIndex?: number;
+    width?: number;
+    page?: boolean;
+}): import("react").JSX.Element | null;
+export declare function LiveBadge({ state, label, size, tone }: {
+    state: 'live' | 'paused' | 'ended' | 'starting' | 'idle';
+    label?: string;
+    size?: 'sm';
+    tone?: 'muted';
+}): import("react").JSX.Element;
+export declare function RecordButton({ state, onClick, size, disabled, label }: {
+    state: 'idle' | 'connecting' | 'recording' | 'paused' | 'captured' | 'warming' | 'ended';
+    onClick?: () => void;
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    label?: string;
+}): import("react").JSX.Element;
+export declare const MenuBadge: import("react").Context<number>;
+export declare function MenuBadgeDot(): import("react").JSX.Element | null;
+export declare function ScreenHeader({ onBack, backLabel, leading, center, centerAlign, onCenter, centerLabel, title, avatar, badge, subtitle, actions, onMenu, menuActive, showMenu, headerRef, frost }: {
+    onBack?: () => void;
+    backLabel?: string;
+    leading?: ReactNode;
+    center?: ReactNode;
+    centerAlign?: 'start' | 'center';
+    onCenter?: () => void;
+    centerLabel?: string;
+    title?: string;
+    avatar?: ReactNode;
+    badge?: ReactNode;
+    subtitle?: ReactNode;
+    actions?: ReactNode;
+    onMenu?: () => void;
+    menuActive?: boolean;
+    showMenu?: boolean;
+    headerRef?: React.Ref<HTMLDivElement>;
+    frost?: boolean;
+}): import("react").JSX.Element;
+export declare function Eyebrow({ children, style, className }: {
+    children: ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function portalTheme(): 'dark' | 'light';

package/dist/ds/Icons.d.ts

@@ -0,0 +1,141 @@
+/** Heroicons v2 outline paths (24px, stroke 1.5) used by the app, as
+ *  they appear in the design. `currentColor` throughout. */
+import type { SVGProps } from 'react';
+export declare const SITE = "https://vocalstack.com";
+type P = SVGProps<SVGSVGElement> & {
+    size?: number;
+    stroke?: string;
+    sw?: number;
+};
+export declare const D: {
+    plus: string;
+    check: string;
+    downloaded: string;
+    chevronRight: string;
+    chevronLeft: string;
+    chevronDown: string;
+    external: string;
+    arrowLeft: string;
+    arrowRight: string;
+    volumeOffSpk: string;
+    notice: string;
+    close: string;
+    search: string;
+    info: string;
+    pencil: string;
+    infoNote: string;
+    copy: string;
+    extLink: string;
+    pin: string;
+    pencilEdit: string;
+    squarePen: string;
+    voiceClone: string;
+    headphonesOff: string;
+    broadcast: string;
+    globeAlt: string;
+    uturn: string;
+    tabGauge: string;
+    tabScript: string;
+    tabFix: string;
+    pencilFix: string;
+    tabEnding: string;
+    tabSummary: string;
+    tabExport: string;
+    tabSettings: string;
+    tabSources: string;
+    textLines: string;
+    mic: string;
+    signal: string;
+    checkCircle: string;
+    warnCircle: string;
+    infoCircle: string;
+    discard: string;
+    micOff: string[];
+    venus: string;
+    mars: string;
+    language: string;
+    langAuto: string;
+    share: string;
+    users: string;
+    globe: string;
+    clock: string;
+    bolt: string;
+    sparkles: string;
+    viewfinder: string;
+    speaker: string;
+    warnTri: string[];
+    checkThick: string;
+    warn: string;
+    link: string;
+    archive: string;
+    restore: string;
+    archiveDown: string;
+    lockRow: string;
+    userRow: string;
+    usersRow: string;
+    upload: string;
+    music: string;
+    trash: string;
+    qr: string;
+    lockOpen: string;
+    calendar: string;
+    lock: string;
+    user: string;
+    userGroup: string;
+    home: string;
+    cog: string;
+    docs: string;
+    speakerOne: string;
+    cc: string;
+    ccOff: string;
+    volume: string;
+    volumeOff: string;
+    volumeSq: string;
+    volumeOffSq: string;
+    book: string;
+    headphones: string[];
+    video: string;
+    squares: string;
+    code: string;
+    card: string;
+};
+export declare function Icon({ d, ...rest }: Omit<P, 'd'> & {
+    d: string | string[];
+}): import("react").JSX.Element;
+export declare function AppsGlyph({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+export declare function MenuGlyph({ size, r }: {
+    size?: number;
+    r?: number;
+}): import("react").JSX.Element;
+export declare function StopGlyph({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+export declare function PlayGlyph({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+export declare function Spinner({ size, color, track, sw }: {
+    size?: number;
+    color?: string;
+    track?: string;
+    sw?: number;
+}): import("react").JSX.Element;
+export declare function PauseGlyph({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+export declare function EqBars({ bars, height, color }: {
+    bars?: number;
+    height?: number;
+    color?: string;
+}): import("react").JSX.Element;
+export declare function Logo({ dark, height, link }: {
+    dark: boolean;
+    height?: number;
+    link?: boolean;
+}): import("react").JSX.Element;
+export declare function Mark({ dark, size }: {
+    dark: boolean;
+    size?: number;
+}): import("react").JSX.Element;
+export {};

package/dist/ds/LanguagePicker.d.ts

@@ -0,0 +1,34 @@
+export interface PickerLanguage {
+    code: string;
+    label: string;
+    native: string;
+    flag: string;
+    voice?: boolean;
+    live?: boolean;
+}
+export interface LanguageListProps {
+    value: string | null;
+    onSelect: (code: string | null) => void;
+    languages: PickerLanguage[];
+    searchPlaceholder?: string;
+    none?: string;
+    pinned?: string[];
+    recent?: string[];
+    requireVoice?: boolean;
+    keepOpen?: boolean;
+    busy?: string | null;
+}
+export declare function useLanguageList({ open, onClose, value, onSelect, languages, searchPlaceholder, none, pinned, recent, requireVoice, keepOpen, busy }: LanguageListProps & {
+    open: boolean;
+    onClose: () => void;
+}): {
+    search: import("react").JSX.Element;
+    list: import("react").JSX.Element;
+};
+export declare function LanguagePicker({ open, onClose, title, note, sticky, ...rest }: LanguageListProps & {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    note?: string;
+    sticky?: boolean;
+}): import("react").JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import './styles.css';
+export { VocalStackPlayer, type VocalStackPlayerProps, type PlayerSettings } from './ui/VocalStackPlayer';
+export type { EndCardOptions } from './ui/EndCard';
+export type { PlayerSource, TokenSource } from './data/context';
+export type { ErrorLike } from './data/errors';
+export { setErrorReporter } from './core/audio';