@lumiastream/ui 0.2.8-alpha.9 → 0.2.9

package/dist/index.d.ts

@@ -1,863 +1,26 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps } from '@mui/material/Button';
-import * as React from 'react';
-import { ReactNode, CSSProperties, JSX, HTMLAttributes, ComponentType } from 'react';
-import { TextFieldProps } from '@mui/material/TextField';
-import { SelectProps } from '@mui/material/Select';
-import { CheckboxProps } from '@mui/material/Checkbox';
-import { FieldValues, Path } from 'react-hook-form';
-import { RadioProps } from '@mui/material/Radio';
-import { RadioGroupProps } from '@mui/material/RadioGroup';
-import { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
-import { CompletionContext } from '@codemirror/autocomplete';
-
-type LSButtonColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'neutral';
-type LSButtonVariant = 'text' | 'outlined' | 'contained';
-type LSButtonProps = Omit<ButtonProps, 'children' | 'color' | 'variant' | 'size'> & {
-    /** Compatibility alias for color="primary". */
-    primary?: boolean;
-    /** Compatibility style override for the button background. */
-    backgroundColor?: string;
-    /** Loading state. */
-    loading?: boolean;
-    /** Color of the button. */
-    color?: LSButtonColor;
-    /** How large should the button be? */
-    size?: 'small' | 'medium' | 'large';
-    /** Element placed before the children. */
-    startIcon?: ReactNode;
-    /** Element placed after the children. */
-    endIcon?: ReactNode;
-    /** The variant to use. */
-    variant?: LSButtonVariant;
-    /** Button contents. */
-    label?: ReactNode;
-    /** Adds wider horizontal padding. */
-    extended?: number;
-    style?: CSSProperties;
-};
-declare const LSButton: ({ label, disabled, loading, variant, extended, color, primary, backgroundColor, className, sx, style, ...props }: LSButtonProps) => react_jsx_runtime.JSX.Element;
-
-interface LSInputPropsChild$1 {
-    id?: string;
-    name?: string;
-    label?: React.ReactNode;
-    inputRef?: any;
-    inputAfterText?: React.ReactNode;
-    inputBeforeText?: React.ReactNode;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    InputProps?: any;
-    InputLabelProps?: any;
-    inputProps?: any;
-    centerText?: boolean;
-    maxWidth?: string;
-    $maxWidth?: string;
-    readOnly?: boolean;
-    onChange?: (event: any, value?: string | number) => void;
-    onChangeStart?: (event?: any, value?: string | number) => void;
-    onChangeEnd?: (event?: any, value?: string | number) => void;
-    $noMinHeight?: boolean;
-    $minHeight?: string;
-    bypasscolor?: 'inherit' | 'primary' | 'secondary' | 'default';
-    textColor?: string;
-}
-type ProtoExntends$2<T, U> = U & Omit<T, keyof U>;
-type LSInputProps$1 = ProtoExntends$2<TextFieldProps, LSInputPropsChild$1>;
-declare const LSInput: React.ForwardRefExoticComponent<Omit<LSInputProps$1, "ref"> & React.RefAttributes<HTMLInputElement>>;
-
-interface LSInputPropsChild {
-    name?: string;
-    value?: number | string | null;
-    autoFocus?: boolean;
-    defaultValue?: number | string | null;
-    label?: React.ReactNode;
-    inline?: boolean;
-    hasInfo?: boolean;
-    infoOpen?: () => void;
-    infoClose?: () => void;
-    type?: string;
-    isFloat?: boolean;
-    isMiliseconds?: boolean;
-    isFloatMiliseconds?: boolean;
-    step?: number;
-    min?: number;
-    max?: number;
-    inputAfterText?: string;
-    inputProps?: LSInputProps;
-    startIcon?: React.ElementType;
-    endIcon?: React.ElementType;
-    color?: 'primary' | 'secondary';
-    labelColor?: 'inherit' | 'initial' | 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error';
-    onChange?: (value: any) => any;
-    fullWidth?: boolean;
-    helperText?: React.ReactNode;
-    hideInput?: boolean;
-    hideSlider?: boolean;
-    valueLabelFormat?: (value: number) => React.ReactNode;
-}
-type ProtoExntends$1<T, U> = U & Omit<T, keyof U>;
-type LSInputProps = ProtoExntends$1<LSInputProps$1, LSInputPropsChild>;
-declare const LSSliderInput: React.FC<LSInputProps>;
-
-interface LSSelectPropsChild {
-    noBg?: boolean;
-    placeholder?: React.ReactNode | string;
-}
-type ProtoExntends<T, U> = U & Omit<T, keyof U>;
-type LSSelectProps = ProtoExntends<SelectProps, LSSelectPropsChild>;
-declare const LSSelect: React.FC<LSSelectProps>;
-
-type LSCheckboxProps = CheckboxProps & {
-    inputRef?: React.Ref<HTMLInputElement>;
-};
-declare const LSCheckbox: React.ForwardRefExoticComponent<Omit<LSCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-type LSCheckboxFieldProps<TFieldValues extends FieldValues> = {
-    name: Path<TFieldValues>;
-    label: React.ReactNode;
-    control?: any;
-    className?: string;
-    disabled?: boolean;
-    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
-    checkboxProps?: Omit<LSCheckboxProps, 'checked' | 'onChange' | 'name' | 'inputRef'>;
-};
-declare function LSCheckboxField<TFieldValues extends FieldValues>({ name, label, control, className, disabled, labelPlacement, checkboxProps, }: LSCheckboxFieldProps<TFieldValues>): JSX.Element;
-
-type LSColorPickerProps = {
-    value?: string;
-    onChange: (value: string) => void;
-    onBlur?: () => void;
-    className?: string;
-    name?: string;
-    label?: ReactNode;
-    helperText?: ReactNode;
-    placeholder?: string;
-    hideGradientControls?: boolean;
-    usePopup?: boolean;
-    disabled?: boolean;
-};
-declare const LSColorPicker: ({ value, onChange, onBlur, className, name, label, helperText, placeholder, hideGradientControls, usePopup, disabled }: LSColorPickerProps) => react_jsx_runtime.JSX.Element;
-
-interface FontPickerProps {
-    value: string;
-    onChange: (value: string) => void;
-    fonts?: string[];
-    localFonts?: string[];
-    onLoadFonts?: (fonts: string[]) => void;
-    defaultValue?: string;
-    placeholder?: string;
-    isAlertManager?: boolean;
-    label?: React.ReactNode;
-    helperText?: React.ReactNode;
-}
-declare const LSFontPicker: React.NamedExoticComponent<FontPickerProps>;
-
-type Option = {
-    label: string | number;
-    value: string;
-};
-type LSMultiSelectProps = {
-    options: Option[];
-    placeholder?: string;
-    value: string[];
-    onChange: (selected: string[]) => void;
-    label?: string;
-};
-declare const LSMultiSelect: React.FC<LSMultiSelectProps>;
-
-declare const LSRadio: React.FC<RadioProps>;
-type LSRadioSelection = {
-    value: string;
-    label: React.ReactNode;
-    disabled?: boolean;
-};
-type LSRadioGroupProps = RadioGroupProps & {
-    selections: LSRadioSelection[];
-    optionClassName?: string;
-};
-declare const LSRadioGroup: React.FC<LSRadioGroupProps>;
-
-type LSTextFieldProps = Record<string, any> & {
-    InputLabelProps?: Record<string, unknown>;
-    InputProps?: Record<string, unknown>;
-};
-declare const LSTextField: React.ForwardRefExoticComponent<Omit<LSTextFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-interface IVariables {
-    name: string;
-    system: boolean;
-    isFunction?: boolean;
-    locked?: boolean;
-    origin: string;
-    pluginId?: string;
-    allowedPlaces?: string[];
-    description: string;
-    counter?: boolean;
-    example?: string;
-    value: string | number | boolean | null | Record<string, unknown> | unknown[];
-    hidden?: boolean;
-}
-type LSVariableDefinition = {
-    name: string;
-    description?: string;
-    origin?: string;
-    example?: unknown;
-};
-type LSVariableInputTranslate = (key: string, fallback?: string, options?: Record<string, unknown>) => string;
-type LSVariableInputContextValue = {
-    systemVariables?: Record<string, unknown>;
-    functionVariables?: string[];
-    translate?: LSVariableInputTranslate;
-    onVariableTranslationsNeeded?: () => void;
-    isOriginConnected?: (origin: string) => boolean;
-    translationKeyExists?: (key: string, namespace?: string) => boolean;
-};
-declare const LSVariableInputProvider: ({ children, value, }: {
-    children: ReactNode;
-    value: LSVariableInputContextValue;
-}) => react_jsx_runtime.JSX.Element;
-type LSAutoCompleteOption = {
-    label?: string | number | boolean;
-    value?: unknown;
-    helperText?: string;
-    imageUrl?: string;
-    searchText?: string;
-    thumb?: string;
-    iconUrl?: string;
-    previewImageUrl?: string;
-    [key: string]: unknown;
-};
-type LSVariableInputFieldProps = {
-    name?: string;
-    label?: ReactNode;
-    type?: string;
-    isAutoComplete?: boolean;
-    autoCompleteOptions?: LSAutoCompleteOption[];
-    autoCompleteGroupBy?: (option: any) => string;
-    hideVariables?: boolean;
-    allowedVariables?: IVariables[] | string[] | LSVariableDefinition[] | unknown[];
-    disabled?: boolean;
-    autoFocus?: boolean;
-    inputProps?: any;
-    multiline?: boolean;
-    rows?: number;
-    maxRows?: number;
-    value?: string | number | any[];
-    placeholder?: string;
-    renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: any, state: AutocompleteRenderOptionState) => ReactNode;
-    variant?: "standard" | "filled" | "outlined";
-    ListboxComponent?: any;
-    onScrollListBox?: (e: any) => void;
-    onHighlightChange?: (e: any, value: any) => void;
-    onPopupClose?: (e: any, reason: any) => void;
-    onPopupOpen?: (e: any) => void;
-    onAutocompleteKeyUp?: (e: any, value: any) => void;
-    afterFilter?: (filtered: any[]) => void;
-    onChange?: (value: any) => void;
-    loading?: boolean;
-    getOptionLabel?: (option: any) => string;
-    isOptionEqualToValue?: (option: any, value: any) => boolean;
-    $disableInputChange?: boolean;
-    $getFullValueObject?: boolean;
-    $multiple?: boolean;
-    $disableCloseOnSelect?: boolean;
-    $freeSolo?: boolean;
-    $renderOption?: any;
-    allowedVariableOrigin?: string;
-    systemVariables?: Record<string, unknown>;
-    functionVariables?: string[];
-    translate?: LSVariableInputTranslate;
-    onVariableTranslationsNeeded?: () => void;
-    isOriginConnected?: (origin: string) => boolean;
-    translationKeyExists?: (key: string, namespace?: string) => boolean;
-};
-declare const LSVariableInputField: React.ForwardRefExoticComponent<LSVariableInputFieldProps & React.RefAttributes<HTMLInputElement>>;
-
-declare function variableCompletionOptions(context: CompletionContext, variables: {
-    label: string;
-    displayLabel: string;
-    type: string;
-    info: string;
-    shouldWrap?: boolean;
-}[]): {
-    from: number;
-    options: {
-        label: string;
-        displayLabel: string;
-        type: string;
-        info: string;
-    }[];
-    validFor: RegExp;
-} | null;
-
-declare const codeMirrorlinterOptions: (type: "overlay" | "code", language?: "js" | "css" | "html" | "json") => {
-    languageOptions: {
-        ecmaVersion: number;
-        sourceType: string;
-        globals: {
-            _: string;
-            moment: string;
-            dayjs: string;
-            axios: string;
-            d3: string;
-            Chart: string;
-            anime: string;
-            gsap: string;
-            TweenMax: string;
-            TweenLite: string;
-            Vue: string;
-            angular: string;
-            ReactDOM: string;
-            $: string;
-            jQuery: string;
-            React: string;
-            BABYLON: string;
-            createjs: string;
-            p5: string;
-            fabric: string;
-            THREE: string;
-            Phaser: string;
-            Pixi: string;
-            PixiJS: string;
-            L: string;
-            mapboxgl: string;
-            io: string;
-            Pusher: string;
-            Echo: string;
-        };
-    };
-    rules: {
-        "no-unused-vars": string;
-        "no-undef": string;
-        "no-use-before-define": (string | {
-            functions: boolean;
-            classes: boolean;
-        })[];
-        "no-shadow": string;
-        "no-redeclare": string;
-        eqeqeq: (string | {
-            null: string;
-        })[];
-        "no-eval": string;
-        "no-implied-eval": string;
-        "no-new-func": string;
-        "no-return-await": string;
-        "require-await": string;
-        "no-throw-literal": string;
-        "no-unmodified-loop-condition": string;
-        "no-constant-condition": string;
-        "no-debugger": string;
-        "no-duplicate-case": string;
-        "no-empty": (string | {
-            allowEmptyCatch: boolean;
-        })[];
-        "no-empty-pattern": string;
-        "no-fallthrough": string;
-        "no-sparse-arrays": string;
-        "no-unreachable": string;
-        "use-isnan": string;
-        "valid-typeof": string;
-        "prefer-const": string;
-        "no-var": string;
-        "prefer-template": string;
-        "no-useless-concat": string;
-        "no-cond-assign": string;
-        "no-constant-binary-expression": string;
-        "no-dupe-args": string;
-        "no-dupe-keys": string;
-        "no-duplicate-imports": string;
-        "no-ex-assign": string;
-        "no-func-assign": string;
-        "no-import-assign": string;
-        "no-irregular-whitespace": string;
-        "no-misleading-character-class": string;
-        "no-prototype-builtins": string;
-        "no-unexpected-multiline": string;
-        "no-script-url": string;
-        "no-unsafe-optional-chaining": string;
-        "no-loop-func": string;
-        "no-await-in-loop": string;
-    };
-};
-
-declare const MEDIA_PREVIEW_USER_LEVEL_VALUES: readonly ["streamer", "moderators", "vips", "tier3", "tier2", "subscribers", "regular", "follower", "anyone"];
-type MediaPreviewUserLevel = (typeof MEDIA_PREVIEW_USER_LEVEL_VALUES)[number];
-type ChatboxMediaPreviewKind = 'image' | 'video' | 'audio' | 'youtube' | 'youtubeShort' | 'spotify';
-type ChatboxMediaPreview = {
-    kind: ChatboxMediaPreviewKind;
-    src: string;
-    title?: string;
-};
-type MessageLinkPart = {
-    text: string;
-    url?: string;
-};
-type ChatMessageToken = {
-    type: 'text';
-    text: string;
-} | {
-    type: 'link';
-    text: string;
-    url: string;
-} | {
-    type: 'media';
-    text: string;
-    url: string;
-    media: ChatboxMediaPreview;
-};
-type MediaPreviewRoleSettings = {
-    previewMediaForViewers: boolean;
-    previewMediaForSubscribers: boolean;
-    previewMediaForVips: boolean;
-    previewMediaForModerators: boolean;
-    previewMediaForStreamer: boolean;
-    previewMediaForTier3: boolean;
-    previewMediaForTier2: boolean;
-    previewMediaForRegular: boolean;
-    previewMediaForFollower: boolean;
-    previewMediaForAnyone: boolean;
-};
-type MediaPreviewRoleSettingsInput = Partial<Record<keyof MediaPreviewRoleSettings, unknown>> & {
-    previewMediaUserLevels?: unknown;
-};
-type ChatMessageTokenizationOptions = {
-    hyperClickableLinks?: boolean;
-    previewMediaInChat?: boolean;
-};
-type ChatterProfileUrlInput = {
-    platform?: unknown;
-    username?: unknown;
-    displayname?: unknown;
-    userId?: unknown;
-};
-type ChatMessageEmoteStore = {
-    ffz?: Record<string, string>;
-    bttv?: Record<string, string>;
-    seventv?: Record<string, string>;
-};
-type ChatMessageContentItem = string | {
-    id: string;
-    urls: string[];
-    key: string;
-} | {
-    id: string;
-    type: 'cheer';
-    roundedAmount: number;
-    cheerAmount: number;
-    bitColor: string;
-    key: string;
-};
-type BuildChatMessageContentOptions = {
-    message?: string;
-    replaceWord?: string;
-    filteredWordsRegex?: RegExp;
-    emotesRaw?: string;
-    emotesPack?: Record<string, any> | any[];
-    origin?: string;
-    emoteParserType?: string;
-    isCheer?: boolean;
-    storeEmotes?: ChatMessageEmoteStore;
-    youtubeEmotes?: Record<string, string>;
-    allowParserTypes?: string[];
-};
-type ChatterProfileResolverPayload = {
-    username?: string;
-    displayname?: string;
-    userId?: string;
-    platform?: string;
-    extraSettings?: Record<string, any>;
-};
-type ChatterProfileResolver = (payload: ChatterProfileResolverPayload) => Promise<unknown> | unknown;
-type ResolveChatterProfileUrlWithResolversInput = ChatterProfileUrlInput & {
-    extraSettings?: Record<string, any>;
-    resolvers?: Array<ChatterProfileResolver | null | undefined>;
-};
-declare const parseMessageLinks: (value: string) => MessageLinkPart[];
-declare const tokenizeChatMessage: (value: string, options?: ChatMessageTokenizationOptions) => ChatMessageToken[];
-declare const buildChatMessageContent: ({ message, replaceWord, filteredWordsRegex, emotesRaw, emotesPack, origin, emoteParserType, isCheer, storeEmotes, youtubeEmotes, allowParserTypes, }: BuildChatMessageContentOptions) => ChatMessageContentItem[];
-declare const resolveMediaPreviewSetting: (value: unknown, fallback: boolean) => boolean;
-declare const normalizeMediaPreviewUserLevels: (value: unknown) => MediaPreviewUserLevel[];
-declare const resolveMediaPreviewRoleSettings: (settings: MediaPreviewRoleSettingsInput) => MediaPreviewRoleSettings;
-declare const getNormalizedUserLevels: (value: unknown) => Record<string, boolean>;
-declare const isMediaPreviewAllowedForUser: (userLevelsRaw: unknown, roleSettings: MediaPreviewRoleSettings) => boolean;
-declare const getMediaPreviewFromUrl: (url: string) => ChatboxMediaPreview | null;
-declare const resolvePlatformChatterProfileUrl: ({ platform, username, displayname, userId }: ChatterProfileUrlInput) => string | null;
-declare const normalizeHttpUrl: (value: unknown) => string | null;
-declare const resolveChatterProfileUrlWithResolvers: ({ platform, username, displayname, userId, extraSettings, resolvers, }: ResolveChatterProfileUrlWithResolversInput) => Promise<string | null>;
-
-type ModuleType = 'alert' | 'emotebox' | 'emotealert' | 'text' | 'image' | 'audio' | 'video' | 'camera' | 'slideshow' | 'shape' | 'svg' | 'colorbox' | 'goal' | 'timer' | 'gradientlight' | 'browsersource' | 'chatbox' | 'credits' | 'eventlist' | 'eventrotate' | 'hfx' | 'hfxalert' | 'clip' | 'youtube' | 'spinwheel' | 'raffle' | 'viewerqueue' | 'loyaltyleaderboard' | 'viewerprofiles' | 'achievements' | 'poll' | 'tournaments' | 'spotify' | 'nowplaying' | 'youtubemusic' | 'brbscreen' | 'vlc' | 'tts' | 'livecaption' | 'custom' | 'tipjar' | 'hypetrain' | 'streamboss' | 'songrequest' | 'group';
-type OverlayLayerType = 'layer' | 'group';
-type OverlayLayerBounds = {
-    height: number;
-    width: number;
-    x: number;
-    y: number;
-    scale: [number, number];
-    opacity?: number;
-    rotate?: number;
-    zIndex?: number;
-    matrix?: string;
-    clipPath?: string;
-    autoWidth?: boolean;
-    autoHeight?: boolean;
-};
-type OverlayLayerState = {
-    id: string;
-    group?: string | null;
-    type?: OverlayLayerType;
-    state: {
-        visible?: boolean;
-        locked?: boolean;
-        expanded?: boolean;
-    };
-    bounds: OverlayLayerBounds;
-};
-type OverlayModuleAlertState = {
-    events?: Record<string, unknown>;
-    [key: string]: unknown;
-};
-type OverlayModuleState = {
-    id?: string;
-    loaded?: boolean;
-    version?: number;
-    settings?: {
-        title?: string | null;
-        type?: ModuleType;
-        locked?: boolean;
-    };
-    lights?: unknown[];
-    css?: Record<string, string | number>;
-    content?: Record<string, unknown>;
-    variables?: Record<string, unknown>;
-    events?: Record<string, unknown>;
-    alert?: OverlayModuleAlertState;
-};
-type OverlaySettings = {
-    layers: OverlayLayerState[];
-    metadata: {
-        width: number;
-        height: number;
-    };
-    modules: Record<string, OverlayModuleState>;
-};
-type OverlayState = {
-    uuid: string;
-    listen_id: string;
-    name: string;
-    description?: string;
-    settings: OverlaySettings;
-    metadata?: {
-        width: number | null;
-        height: number | null;
-    } | null;
-    layers_count?: number | null;
-    hasFullSettings?: boolean;
-};
-
-interface SEBootstrapResponse {
-    overlay: SEOverlay;
-    session?: unknown;
-    tipping?: unknown;
-    channel?: unknown;
-    passport?: unknown;
-}
-interface SEOverlay {
-    _id: string;
-    channel?: string;
-    type?: string;
-    name?: string;
-    settings: {
-        width: number;
-        height: number;
-        name?: string;
-    };
-    widgets: SEWidget[];
-    createdAt?: string;
-    updatedAt?: string;
-}
-interface SEWidget {
-    id: number | string;
-    group?: string | null;
-    version?: number | string | null;
-    type: string;
-    name?: string | null;
-    visible?: boolean;
-    locked?: boolean;
-    listener?: string | null;
-    listeners?: Record<string, boolean> | string[] | null;
-    provider?: string;
-    css: SECss;
-    text?: SEText;
-    image?: SEImage;
-    video?: SEVideo;
-    audio?: SEAudio;
-    variables?: Record<string, unknown>;
-}
-interface SECss {
-    'z-index'?: number;
-    width: string | number;
-    height: string | number;
-    opacity?: number;
-    top?: string | number;
-    left?: string | number;
-}
-interface SEText {
-    type?: string;
-    value?: string | null;
-    enableShadow?: boolean;
-    scrolling?: {
-        direction?: string;
-        speed?: number;
-        enabled?: boolean;
-    };
-    css?: Record<string, unknown>;
-}
-interface SEImage {
-    type?: string;
-    src?: string;
-    css?: Record<string, unknown>;
-}
-interface SEVideo {
-    type?: string;
-    src?: string;
-    volume?: number;
-    css?: Record<string, unknown>;
-}
-interface SEAudio {
-    src?: string;
-    volume?: number;
-}
-interface ImportCoverage {
-    totalWidgets: number;
-    mappings: Array<{
-        seType: string;
-        lumiaType: string;
-        status: 'direct' | 'partial' | 'template' | 'placeholder';
-        count: number;
-    }>;
-    notes: string[];
-}
-interface ReviewItem {
-    moduleId: string;
-    seWidget: SEWidget;
-    status: 'placeholder' | 'template';
-    reason: string;
-    flaggedOff?: boolean;
-}
-
-/** Distinct SE CDN URLs referenced anywhere inside the overlay's settings. */
-declare function findSEAssetURLs(overlay: OverlayState): string[];
-/** Return a new overlay with every `oldUrl → newUrl` replacement applied. */
-declare function rewriteAssetURLs(overlay: OverlayState, mapping: Record<string, string>): OverlayState;
-interface AssetMirrorProgress {
-    url: string;
-    state: 'pending' | 'fetching' | 'uploading' | 'done' | 'failed';
-    newUrl?: string;
-    error?: string;
-}
-/**
- * Mirror a single SE asset to Lumia storage via the existing `/overlays/assets`
- * upload endpoint. Returns the new Lumia URL on success.
- *
- * The host call site is responsible for retries and progress reporting; this
- * function is intentionally single-shot. Pass `signal` (AbortSignal) to abort
- * the source-side `fetch` when the modal closes mid-mirror — the upload itself
- * is consumer-defined and the caller decides whether/how to short-circuit it.
- */
-declare function mirrorOneAsset(url: string, upload: (file: File) => Promise<{
-    asset: {
-        url: string;
-    };
-} | {
-    url: string;
-} | unknown>, signal?: AbortSignal): Promise<string>;
-declare function filenameFromURL(url: string): string;
-
-interface TransplantedUnit {
-    layer: OverlayLayerState;
-    module: OverlayModuleState;
-    extras?: Array<{
-        layer: OverlayLayerState;
-        module: OverlayModuleState;
-    }>;
-}
-declare function transplantLayer(source: OverlayState, sourceLayerId: string): TransplantedUnit | null;
-declare function listTransplantableLayers(source: OverlayState): Array<{
-    id: string;
-    label: string;
-    type: string;
-}>;
-
-declare const SE_WIDGET_TO_MARKETPLACE_CANDIDATES: Record<string, number[]>;
-declare function getMarketplaceCandidates(seWidgetType: string): number[];
-declare function hasMarketplaceCandidates(seWidgetType: string): boolean;
-
-declare const SE_IMPORT_FLAGS: {};
-declare function isWidgetFlaggedOff(_seType: string): boolean;
-declare const FLAG_OFF_REASONS: Record<string, string>;
-
-interface SEAccountClaims {
-    channel: string;
-    user: string;
-    authToken: string;
-    provider: string;
-    provider_id: string;
-    role: string;
-    exp: number;
-    jti: string;
-    channel_id?: string;
-    user_id?: string;
-}
-type SEAuthErrorCode = 'invalid-jwt' | 'expired' | 'unauthorized' | 'forbidden';
-declare class SEAuthError extends Error {
-    code: SEAuthErrorCode;
-    constructor(code: SEAuthErrorCode, message: string);
-}
-declare function decodeJwtPayload(jwt: string): SEAccountClaims;
-declare class SEClient {
-    private readonly claims;
-    constructor(claims: SEAccountClaims);
-    static fromJwt(jwt: string): SEClient;
-    get channelId(): string;
-    get provider(): string;
-    get providerId(): string;
-    get userId(): string;
-    get jti(): string;
-    get expiresAt(): Date;
-    provenance(): {
-        jti: string;
-        channelId: string;
-        provider: string;
-        importedAt: string;
-    };
-    get<T>(path: string): Promise<T>;
-}
-interface SEChannelSummary {
-    _id: string;
-    provider: string;
-    providerId: string;
-    username: string;
-    alias?: string;
-    displayName?: string;
-    avatar?: string;
-    role?: string;
-    authorized?: boolean;
-    inactive?: boolean;
-    isPartner?: boolean;
-    broadcasterType?: string;
-}
-interface SEUsersCurrentResponse {
-    _id: string;
-    suspended?: boolean;
-    channels: SEChannelSummary[];
-}
-declare function fetchUsableChannels(client: SEClient): Promise<SEChannelSummary[]>;
-
-interface SEExistingAsset {
-    file_name?: string;
-    name?: string;
-    url: string;
-}
-interface SECustomEmbedProps {
-    codeId: string;
-    html: string;
-    css: string;
-    js: string;
-    data: unknown;
-}
-interface SEUploadAssetResult {
-    url: string;
-    file_name?: string;
-    name?: string;
-}
-interface SESaveOverlayBody {
-    name: string;
-    description?: string;
-    settings: OverlayState['settings'];
-}
-interface SEImportBindings {
-    fetchMarketplaceOverlay: (id: number) => Promise<OverlayState>;
-    generateAICustomCode: (prompt: string) => Promise<AIGeneratedCustomOverlay>;
-    uploadAsset: (file: File) => Promise<SEUploadAssetResult>;
-    existingAssets: SEExistingAsset[];
-    saveOverlay: (body: SESaveOverlayBody) => Promise<{
-        uuid: string;
-    }>;
-    onComplete: (result: {
-        overlayId: string;
-    }) => void;
-    onClose: () => void;
-    notify: {
-        success: (msg: string) => void;
-        error: (msg: string) => void;
-        warning: (msg: string) => void;
-    };
-    CustomEmbed?: ComponentType<SECustomEmbedProps>;
-    t?: (key: string) => string | undefined;
-    onAuthError?: (err: SEAuthError) => void;
-}
-
-interface SEImportWizardProps {
-    bindings: SEImportBindings;
-    initialUrl?: string;
-}
-declare function SEImportWizard({ bindings, initialUrl, }: SEImportWizardProps): react_jsx_runtime.JSX.Element;
-
-interface MarketplacePickerProps {
-    seWidgetType: string;
-    fetchMarketplaceOverlay: SEImportBindings['fetchMarketplaceOverlay'];
-    CustomEmbed?: SEImportBindings['CustomEmbed'];
-    onPick: (transplant: {
-        layer: OverlayLayerState;
-        module: OverlayModuleState;
-    }) => void;
-    onCancel: () => void;
-}
-declare function MarketplacePicker({ seWidgetType, fetchMarketplaceOverlay, CustomEmbed, onPick, onCancel }: MarketplacePickerProps): react_jsx_runtime.JSX.Element;
-
-interface ImportResult {
-    overlay: OverlayState;
-    coverage: ImportCoverage;
-    reviewItems: ReviewItem[];
-}
-declare function extractSEOverlayId(input: string): string | null;
-declare function extractSEPreviewParts(input: string): {
-    overlayId: string;
-    apikey: string;
-} | null;
-declare function buildBootstrapUrl(overlayId: string): string;
-declare function fetchSEBootstrap({ overlayId, apikey }: {
-    overlayId: string;
-    apikey: string;
-}): Promise<SEBootstrapResponse>;
-declare function isSEBootstrap(value: unknown): value is SEBootstrapResponse;
-declare function importSEBootstrap(bootstrap: SEBootstrapResponse): ImportResult;
-interface AIGeneratedCustomOverlay {
-    codeId?: string;
-    html?: string;
-    css?: string;
-    js?: string;
-    data?: unknown;
-    configs?: unknown;
-}
-declare function applyReviewAction(result: ImportResult, moduleId: string, action: 'keep' | 'skip' | 'ai' | 'marketplace', payload?: AIGeneratedCustomOverlay | {
-    layer: OverlayLayerState;
-    module: OverlayModuleState;
-    extras?: Array<{
-        layer: OverlayLayerState;
-        module: OverlayModuleState;
-    }>;
-}): ImportResult;
-declare function getAILandingBounds(widget: SEWidget, canvas?: {
-    width: number;
-    height: number;
-}): {
-    width: number;
-    height: number;
-};
-declare function buildAIPromptForSEWidget(widget: SEWidget, canvas?: {
-    width: number;
-    height: number;
-}): string;
-
-export { type AIGeneratedCustomOverlay, type AssetMirrorProgress, type BuildChatMessageContentOptions, type ChatMessageContentItem, type ChatMessageEmoteStore, type ChatMessageToken, type ChatMessageTokenizationOptions, type ChatboxMediaPreview, type ChatboxMediaPreviewKind, type ChatterProfileResolver, type ChatterProfileResolverPayload, type ChatterProfileUrlInput, FLAG_OFF_REASONS, type IVariables, type ImportCoverage, type ImportResult, LSButton, type LSButtonProps, LSCheckbox, LSCheckboxField, LSColorPicker, type LSColorPickerProps, LSFontPicker, LSInput, type LSInputProps$1 as LSInputProps, LSMultiSelect, LSRadio, LSRadioGroup, LSSelect, LSSliderInput, type LSInputProps as LSSliderInputProps, LSTextField, type LSTextFieldProps, type LSVariableInputContextValue, LSVariableInputField, type LSVariableInputFieldProps, LSVariableInputProvider, MEDIA_PREVIEW_USER_LEVEL_VALUES, MarketplacePicker, type MarketplacePickerProps, type MediaPreviewRoleSettings, type MediaPreviewRoleSettingsInput, type MediaPreviewUserLevel, type MessageLinkPart, type ModuleType, type OverlayLayerBounds, type OverlayLayerState, type OverlayLayerType, type OverlayModuleAlertState, type OverlayModuleState, type OverlaySettings, type OverlayState, type ResolveChatterProfileUrlWithResolversInput, type ReviewItem, type SEAccountClaims, SEAuthError, type SEAuthErrorCode, type SEBootstrapResponse, type SEChannelSummary, SEClient, type SECustomEmbedProps, type SEExistingAsset, type SEImportBindings, SEImportWizard, type SEImportWizardProps, type SESaveOverlayBody, type SEUploadAssetResult, type SEUsersCurrentResponse, type SEWidget, SE_IMPORT_FLAGS, SE_WIDGET_TO_MARKETPLACE_CANDIDATES, type TransplantedUnit, applyReviewAction, buildAIPromptForSEWidget, buildBootstrapUrl, buildChatMessageContent, codeMirrorlinterOptions, decodeJwtPayload, extractSEOverlayId, extractSEPreviewParts, fetchSEBootstrap, fetchUsableChannels, filenameFromURL, findSEAssetURLs, getAILandingBounds, getMarketplaceCandidates, getMediaPreviewFromUrl, getNormalizedUserLevels, hasMarketplaceCandidates, importSEBootstrap, isMediaPreviewAllowedForUser, isSEBootstrap, isWidgetFlaggedOff, listTransplantableLayers, mirrorOneAsset, normalizeHttpUrl, normalizeMediaPreviewUserLevels, parseMessageLinks, resolveChatterProfileUrlWithResolvers, resolveMediaPreviewRoleSettings, resolveMediaPreviewSetting, resolvePlatformChatterProfileUrl, rewriteAssetURLs, tokenizeChatMessage, transplantLayer, variableCompletionOptions };
+export { LSButton, LSButtonProps } from './LSButton.js';
+export { LSInput, LSInputProps } from './LSInput.js';
+export { LSSliderInput, LSSliderInputProps } from './LSSliderInput.js';
+export { LSSelect } from './LSSelect.js';
+export { LSCheckbox, LSCheckboxField } from './LSCheckbox.js';
+export { LSColorPicker, LSColorPickerProps } from './LSColorPicker.js';
+export { LSDatePicker, LSDatePickerProps } from './LSDatePicker.js';
+export { LSFontPicker } from './LSFontPicker.js';
+export { LSMultiSelect } from './LSMultiSelect.js';
+export { LSRadio, LSRadioGroup } from './LSRadio.js';
+export { LSTextField, LSTextFieldProps } from './LSTextField.js';
+export { IVariables, LSVariableInputContextValue, LSVariableInputField, LSVariableInputFieldProps, LSVariableInputProvider } from './LSVariableInputField.js';
+export { codeMirrorlinterOptions, variableCompletionOptions } from './utils.js';
+export { BuildChatMessageContentOptions, ChatMessageContentItem, ChatMessageEmoteStore, ChatMessageToken, ChatMessageTokenizationOptions, ChatboxMediaPreview, ChatboxMediaPreviewKind, ChatterProfileResolver, ChatterProfileResolverPayload, ChatterProfileUrlInput, MEDIA_PREVIEW_USER_LEVEL_VALUES, MediaPreviewRoleSettings, MediaPreviewRoleSettingsInput, MediaPreviewUserLevel, MessageLinkPart, ResolveChatterProfileUrlWithResolversInput, buildChatMessageContent, getMediaPreviewFromUrl, getNormalizedUserLevels, isMediaPreviewAllowedForUser, normalizeHttpUrl, normalizeMediaPreviewUserLevels, parseMessageLinks, resolveChatterProfileUrlWithResolvers, resolveMediaPreviewRoleSettings, resolveMediaPreviewSetting, resolvePlatformChatterProfileUrl, tokenizeChatMessage } from './utils/chatMedia.js';
+export { AIGeneratedCustomOverlay, AssetMirrorProgress, FLAG_OFF_REASONS, ImportCoverage, ImportResult, JWT_DASHBOARD_URL, JwtInstructionStep, MarketplacePicker, MarketplacePickerProps, ModuleType, OverlayLayerBounds, OverlayLayerState, OverlayLayerType, OverlayModuleAlertState, OverlayModuleState, OverlaySettings, OverlayState, ReviewItem, SEAccountClaims, SEAuthDiagnostic, SEAuthError, SEAuthErrorCode, SEAuthMode, SEAuthProbeResult, SEBootstrapResponse, SEChannelSummary, SEClient, SECustomEmbedProps, SEExistingAsset, SEImportBindings, SEImportWizard, SEImportWizardProps, SEOverlaySummary, SESaveOverlayBody, SEUploadAssetResult, SEUsersCurrentResponse, SEWidget, SE_WIDGET_TO_MARKETPLACE_CANDIDATES, TransplantedUnit, applyReviewAction, buildAIPromptForSEWidget, buildBootstrapUrl, decodeJwtPayload, diagnoseSEAuth, extractSEOverlayId, extractSEPreviewParts, fetchSEBootstrap, fetchSEFiltersRaw, fetchSEOverlays, fetchUsableChannels, filenameFromURL, findSEAssetURLs, getAILandingBounds, getJwtInstructionSteps, getMarketplaceCandidates, hasMarketplaceCandidates, importSEBootstrap, isSEBootstrap, isWidgetFlaggedOff, listTransplantableLayers, mirrorOneAsset, rewriteAssetURLs, streamElementsCopyJwt, transplantLayer } from './se-import.js';
+import 'react/jsx-runtime';
+import '@mui/material/Button';
+import 'react';
+import '@mui/material/TextField';
+import '@mui/material/Select';
+import '@mui/material/Checkbox';
+import 'react-hook-form';
+import '@mui/material/Radio';
+import '@mui/material/RadioGroup';
+import '@mui/material/Autocomplete';
+import '@codemirror/autocomplete';