@rotki/ui-library 1.12.1 → 1.12.3

package/dist/components/chips/RuiChip.vue.d.ts

@@ -1,5 +1,8 @@
 import type { ContextColorsType } from '../../consts/colors';
 import type { RuiIcons } from '../../icons';
+import type { StyleValue } from 'vue';
+import RuiIcon from '../../components/icons/RuiIcon.vue';
+import { objectOmit } from '@vueuse/shared';
 export interface Props {
     tile?: boolean;
     clickable?: boolean;
@@ -12,16 +15,486 @@ export interface Props {
     bgColor?: string;
     textColor?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        prepend?(_: {}): any;
-        default?(_: {}): any;
+type __VLS_Emit = {
+    (event: 'click:close'): void;
+    (event: 'click', e: any): void;
+};
+declare const emit: __VLS_Emit;
+declare const clickable: globalThis.Ref<boolean, boolean>, disabled: globalThis.Ref<boolean, boolean>;
+declare function click(e: any): void;
+declare const style: globalThis.ComputedRef<Partial<StyleValue>>;
+declare const __VLS_ctx: {
+    $style: Record<string, string> & __VLS_PrettifyGlobal<{} & {
+        "chip": string;
+    } & {
+        "tile": string;
+    } & {
+        "readonly": string;
+    } & {
+        "disabled": string;
+    } & {
+        "grey": string;
+    } & {
+        "filled": string;
+    } & {
+        "outlined": string;
+    } & {
+        "readonly": string;
+    } & {
+        "disabled": string;
+    } & {
+        "filled": string;
+    } & {
+        "outlined": string;
+    } & {
+        "readonly": string;
+    } & {
+        "disabled": string;
+    } & {
+        "md": string;
+    } & {
+        "sm": string;
+    } & {
+        "disabled": string;
+    } & {
+        "readonly": string;
+    } & {
+        "disabled": string;
+    } & {
+        "dark": string;
+    } & {
+        "chip": string;
+    } & {
+        "readonly": string;
+    } & {
+        "disabled": string;
+    } & {
+        "grey": string;
+    } & {
+        "filled": string;
+    } & {
+        "outlined": string;
+    } & {
+        "readonly": string;
+    } & {
+        "disabled": string;
+    } & {
+        "filled": string;
+    }>;
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly tile?: boolean | undefined;
+        readonly clickable?: boolean | undefined;
+        readonly closeable?: boolean | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly size?: "sm" | "md" | undefined;
+        readonly variant?: "filled" | "outlined" | undefined;
+        readonly color?: ("grey" | ContextColorsType) | undefined;
+        readonly closeIcon?: RuiIcons | undefined;
+        readonly bgColor?: string | undefined;
+        readonly textColor?: string | undefined;
+        readonly onClick?: ((e: any) => any) | undefined;
+        readonly "onClick:close"?: (() => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: ComponentPublicInstance | null;
+    $parent: ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "click", e: any) => void) & ((event: "click:close") => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<Props> & Readonly<{
+        onClick?: ((e: any) => any) | undefined;
+        "onClick:close"?: (() => any) | undefined;
+    }>, {
+        RuiIcon: typeof RuiIcon;
+        objectOmit: typeof objectOmit;
+        emit: typeof emit;
+        clickable: typeof clickable;
+        disabled: typeof disabled;
+        click: typeof click;
+        style: typeof style;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        click: (e: any) => any;
+        "click:close": () => any;
+    }, string, {
+        size: "sm" | "md";
+        variant: "filled" | "outlined";
+        color: "grey" | ContextColorsType;
+        disabled: boolean;
+        closeable: boolean;
+        tile: boolean;
+        clickable: boolean;
+        closeIcon: RuiIcons;
+        bgColor: string;
+        textColor: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
     };
-    refs: {};
-    rootEl: any;
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    size: "sm" | "md";
+    variant: "filled" | "outlined";
+    color: "grey" | ContextColorsType;
+    disabled: boolean;
+    closeable: boolean;
+    tile: boolean;
+    clickable: boolean;
+    closeIcon: RuiIcons;
+    bgColor: string;
+    textColor: string;
+    onClick?: ((e: any) => any) | undefined;
+    "onClick:close"?: (() => any) | undefined;
+    RuiIcon: typeof RuiIcon;
+    objectOmit: typeof objectOmit;
+    emit: typeof emit;
+    click: typeof click;
+    style: Partial<StyleValue>;
+    $route: import("vue-router").TypesConfig extends Record<"$route", infer T> ? T : import("vue-router").RouteLocationNormalizedLoaded;
+    $router: import("vue-router").TypesConfig extends Record<"$router", infer T> ? T : import("vue-router").Router;
+    DEFAULT_POPPER_OPTIONS: import("vue").UnwrapRef<typeof import("../../composables/popper")["DEFAULT_POPPER_OPTIONS"]>;
+    EffectScope: import("vue").UnwrapRef<typeof import("vue")["EffectScope"]>;
+    TableSymbol: import("vue").UnwrapRef<typeof import("../../composables/defaults/table")["TableSymbol"]>;
+    assert: import("vue").UnwrapRef<typeof import("../../utils/assert")["assert"]>;
+    asyncComputed: import("vue").UnwrapRef<typeof import("@vueuse/core")["asyncComputed"]>;
+    autoResetRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["autoResetRef"]>;
+    computed: import("vue").UnwrapRef<typeof import("vue")["computed"]>;
+    computedAsync: import("vue").UnwrapRef<typeof import("@vueuse/core")["computedAsync"]>;
+    computedEager: import("vue").UnwrapRef<typeof import("@vueuse/core")["computedEager"]>;
+    computedInject: import("vue").UnwrapRef<typeof import("@vueuse/core")["computedInject"]>;
+    computedWithControl: import("vue").UnwrapRef<typeof import("@vueuse/core")["computedWithControl"]>;
+    controlledComputed: import("vue").UnwrapRef<typeof import("@vueuse/core")["controlledComputed"]>;
+    controlledRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["controlledRef"]>;
+    createApp: import("vue").UnwrapRef<typeof import("vue")["createApp"]>;
+    createEventHook: import("vue").UnwrapRef<typeof import("@vueuse/core")["createEventHook"]>;
+    createGlobalState: import("vue").UnwrapRef<typeof import("@vueuse/core")["createGlobalState"]>;
+    createInjectionState: import("vue").UnwrapRef<typeof import("@vueuse/core")["createInjectionState"]>;
+    createPopper: import("vue").UnwrapRef<typeof import("../../composables/popper")["createPopper"]>;
+    createReactiveFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["createReactiveFn"]>;
+    createRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["createRef"]>;
+    createReusableTemplate: import("vue").UnwrapRef<typeof import("@vueuse/core")["createReusableTemplate"]>;
+    createSharedComposable: import("vue").UnwrapRef<typeof import("@vueuse/core")["createSharedComposable"]>;
+    createTableDefaults: import("vue").UnwrapRef<typeof import("../../composables/defaults/table")["createTableDefaults"]>;
+    createTemplatePromise: import("vue").UnwrapRef<typeof import("@vueuse/core")["createTemplatePromise"]>;
+    createUnrefFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["createUnrefFn"]>;
+    customRef: import("vue").UnwrapRef<typeof import("vue")["customRef"]>;
+    debouncedRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["debouncedRef"]>;
+    debouncedWatch: import("vue").UnwrapRef<typeof import("@vueuse/core")["debouncedWatch"]>;
+    defineAsyncComponent: import("vue").UnwrapRef<typeof import("vue")["defineAsyncComponent"]>;
+    defineComponent: import("vue").UnwrapRef<typeof import("vue")["defineComponent"]>;
+    eagerComputed: import("vue").UnwrapRef<typeof import("@vueuse/core")["eagerComputed"]>;
+    effectScope: import("vue").UnwrapRef<typeof import("vue")["effectScope"]>;
+    extendRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["extendRef"]>;
+    formatCurrency: import("vue").UnwrapRef<typeof import("../../utils/helpers")["formatCurrency"]>;
+    formatInteger: import("vue").UnwrapRef<typeof import("../../utils/helpers")["formatInteger"]>;
+    formatNumber: import("vue").UnwrapRef<typeof import("../../utils/helpers")["formatNumber"]>;
+    generateId: import("vue").UnwrapRef<typeof import("../../utils/generate-id")["generateId"]>;
+    get: import("vue").UnwrapRef<typeof import("@vueuse/shared")["get"]>;
+    getCurrentInstance: import("vue").UnwrapRef<typeof import("vue")["getCurrentInstance"]>;
+    getCurrentScope: import("vue").UnwrapRef<typeof import("vue")["getCurrentScope"]>;
+    getNonRootAttrs: import("vue").UnwrapRef<typeof import("../../utils/helpers")["getNonRootAttrs"]>;
+    getRootAttrs: import("vue").UnwrapRef<typeof import("../../utils/helpers")["getRootAttrs"]>;
+    getRootKeys: import("vue").UnwrapRef<typeof import("../../utils/helpers")["getRootKeys"]>;
+    getStringValue: import("vue").UnwrapRef<typeof import("../../utils/forms/auto-complete")["getStringValue"]>;
+    getText: import("vue").UnwrapRef<typeof import("../../utils/forms/auto-complete")["getText"]>;
+    getTextToken: import("vue").UnwrapRef<typeof import("../../utils/helpers")["getTextToken"]>;
+    h: import("vue").UnwrapRef<typeof import("vue")["h"]>;
+    ignorableWatch: import("vue").UnwrapRef<typeof import("@vueuse/core")["ignorableWatch"]>;
+    inject: import("vue").UnwrapRef<typeof import("vue")["inject"]>;
+    injectLocal: import("vue").UnwrapRef<typeof import("@vueuse/core")["injectLocal"]>;
+    isDefined: import("vue").UnwrapRef<typeof import("@vueuse/core")["isDefined"]>;
+    isEqual: import("vue").UnwrapRef<typeof import("../../utils/is-equal")["isEqual"]>;
+    isProxy: import("vue").UnwrapRef<typeof import("vue")["isProxy"]>;
+    isReactive: import("vue").UnwrapRef<typeof import("vue")["isReactive"]>;
+    isReadonly: import("vue").UnwrapRef<typeof import("vue")["isReadonly"]>;
+    isRef: import("vue").UnwrapRef<typeof import("vue")["isRef"]>;
+    makeDestructurable: import("vue").UnwrapRef<typeof import("@vueuse/core")["makeDestructurable"]>;
+    markRaw: import("vue").UnwrapRef<typeof import("vue")["markRaw"]>;
+    nextTick: import("vue").UnwrapRef<typeof import("vue")["nextTick"]>;
+    onActivated: import("vue").UnwrapRef<typeof import("vue")["onActivated"]>;
+    onBeforeMount: import("vue").UnwrapRef<typeof import("vue")["onBeforeMount"]>;
+    onBeforeUnmount: import("vue").UnwrapRef<typeof import("vue")["onBeforeUnmount"]>;
+    onBeforeUpdate: import("vue").UnwrapRef<typeof import("vue")["onBeforeUpdate"]>;
+    onClickOutside: import("vue").UnwrapRef<typeof import("@vueuse/core")["onClickOutside"]>;
+    onDeactivated: import("vue").UnwrapRef<typeof import("vue")["onDeactivated"]>;
+    onElementRemoval: import("vue").UnwrapRef<typeof import("@vueuse/core")["onElementRemoval"]>;
+    onErrorCaptured: import("vue").UnwrapRef<typeof import("vue")["onErrorCaptured"]>;
+    onKeyStroke: import("vue").UnwrapRef<typeof import("@vueuse/core")["onKeyStroke"]>;
+    onLongPress: import("vue").UnwrapRef<typeof import("@vueuse/core")["onLongPress"]>;
+    onMounted: import("vue").UnwrapRef<typeof import("vue")["onMounted"]>;
+    onRenderTracked: import("vue").UnwrapRef<typeof import("vue")["onRenderTracked"]>;
+    onRenderTriggered: import("vue").UnwrapRef<typeof import("vue")["onRenderTriggered"]>;
+    onScopeDispose: import("vue").UnwrapRef<typeof import("vue")["onScopeDispose"]>;
+    onServerPrefetch: import("vue").UnwrapRef<typeof import("vue")["onServerPrefetch"]>;
+    onStartTyping: import("vue").UnwrapRef<typeof import("@vueuse/core")["onStartTyping"]>;
+    onUnmounted: import("vue").UnwrapRef<typeof import("vue")["onUnmounted"]>;
+    onUpdated: import("vue").UnwrapRef<typeof import("vue")["onUpdated"]>;
+    onWatcherCleanup: import("vue").UnwrapRef<typeof import("vue")["onWatcherCleanup"]>;
+    pausableWatch: import("vue").UnwrapRef<typeof import("@vueuse/core")["pausableWatch"]>;
+    provide: import("vue").UnwrapRef<typeof import("vue")["provide"]>;
+    provideLocal: import("vue").UnwrapRef<typeof import("@vueuse/core")["provideLocal"]>;
+    reactify: import("vue").UnwrapRef<typeof import("@vueuse/core")["reactify"]>;
+    reactifyObject: import("vue").UnwrapRef<typeof import("@vueuse/core")["reactifyObject"]>;
+    reactive: import("vue").UnwrapRef<typeof import("vue")["reactive"]>;
+    reactiveComputed: import("vue").UnwrapRef<typeof import("@vueuse/core")["reactiveComputed"]>;
+    reactiveOmit: import("vue").UnwrapRef<typeof import("@vueuse/core")["reactiveOmit"]>;
+    reactivePick: import("vue").UnwrapRef<typeof import("@vueuse/core")["reactivePick"]>;
+    readonly: import("vue").UnwrapRef<typeof import("vue")["readonly"]>;
+    ref: import("vue").UnwrapRef<typeof import("vue")["ref"]>;
+    refAutoReset: import("vue").UnwrapRef<typeof import("@vueuse/core")["refAutoReset"]>;
+    refDebounced: import("vue").UnwrapRef<typeof import("@vueuse/core")["refDebounced"]>;
+    refDefault: import("vue").UnwrapRef<typeof import("@vueuse/core")["refDefault"]>;
+    refThrottled: import("vue").UnwrapRef<typeof import("@vueuse/core")["refThrottled"]>;
+    refWithControl: import("vue").UnwrapRef<typeof import("@vueuse/core")["refWithControl"]>;
+    resolveComponent: import("vue").UnwrapRef<typeof import("vue")["resolveComponent"]>;
+    resolveRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["resolveRef"]>;
+    resolveUnref: import("vue").UnwrapRef<typeof import("@vueuse/core")["resolveUnref"]>;
+    set: import("vue").UnwrapRef<typeof import("@vueuse/shared")["set"]>;
+    shallowReactive: import("vue").UnwrapRef<typeof import("vue")["shallowReactive"]>;
+    shallowReadonly: import("vue").UnwrapRef<typeof import("vue")["shallowReadonly"]>;
+    shallowRef: import("vue").UnwrapRef<typeof import("vue")["shallowRef"]>;
+    syncRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["syncRef"]>;
+    syncRefs: import("vue").UnwrapRef<typeof import("@vueuse/core")["syncRefs"]>;
+    templateRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["templateRef"]>;
+    throttledRef: import("vue").UnwrapRef<typeof import("@vueuse/core")["throttledRef"]>;
+    throttledWatch: import("vue").UnwrapRef<typeof import("@vueuse/core")["throttledWatch"]>;
+    toRaw: import("vue").UnwrapRef<typeof import("vue")["toRaw"]>;
+    toReactive: import("vue").UnwrapRef<typeof import("@vueuse/core")["toReactive"]>;
+    toRef: import("vue").UnwrapRef<typeof import("vue")["toRef"]>;
+    toRefs: import("vue").UnwrapRef<typeof import("vue")["toRefs"]>;
+    toValue: import("vue").UnwrapRef<typeof import("vue")["toValue"]>;
+    transformCase: import("vue").UnwrapRef<typeof import("../../utils/helpers")["transformCase"]>;
+    transformPropsUnit: import("vue").UnwrapRef<typeof import("../../utils/helpers")["transformPropsUnit"]>;
+    triggerRef: import("vue").UnwrapRef<typeof import("vue")["triggerRef"]>;
+    tryOnBeforeMount: import("vue").UnwrapRef<typeof import("@vueuse/core")["tryOnBeforeMount"]>;
+    tryOnBeforeUnmount: import("vue").UnwrapRef<typeof import("@vueuse/core")["tryOnBeforeUnmount"]>;
+    tryOnMounted: import("vue").UnwrapRef<typeof import("@vueuse/core")["tryOnMounted"]>;
+    tryOnScopeDispose: import("vue").UnwrapRef<typeof import("@vueuse/core")["tryOnScopeDispose"]>;
+    tryOnUnmounted: import("vue").UnwrapRef<typeof import("@vueuse/core")["tryOnUnmounted"]>;
+    unref: import("vue").UnwrapRef<typeof import("vue")["unref"]>;
+    unrefElement: import("vue").UnwrapRef<typeof import("@vueuse/core")["unrefElement"]>;
+    until: import("vue").UnwrapRef<typeof import("@vueuse/core")["until"]>;
+    useActiveElement: import("vue").UnwrapRef<typeof import("@vueuse/core")["useActiveElement"]>;
+    useAnimate: import("vue").UnwrapRef<typeof import("@vueuse/core")["useAnimate"]>;
+    useArrayDifference: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayDifference"]>;
+    useArrayEvery: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayEvery"]>;
+    useArrayFilter: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayFilter"]>;
+    useArrayFind: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayFind"]>;
+    useArrayFindIndex: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayFindIndex"]>;
+    useArrayFindLast: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayFindLast"]>;
+    useArrayIncludes: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayIncludes"]>;
+    useArrayJoin: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayJoin"]>;
+    useArrayMap: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayMap"]>;
+    useArrayReduce: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayReduce"]>;
+    useArraySome: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArraySome"]>;
+    useArrayUnique: import("vue").UnwrapRef<typeof import("@vueuse/core")["useArrayUnique"]>;
+    useAsyncQueue: import("vue").UnwrapRef<typeof import("@vueuse/core")["useAsyncQueue"]>;
+    useAsyncState: import("vue").UnwrapRef<typeof import("@vueuse/core")["useAsyncState"]>;
+    useAttrs: import("vue").UnwrapRef<typeof import("vue")["useAttrs"]>;
+    useAutoCompleteProps: import("vue").UnwrapRef<typeof import("../../composables/forms/auto-complete")["useAutoCompleteProps"]>;
+    useBase64: import("vue").UnwrapRef<typeof import("@vueuse/core")["useBase64"]>;
+    useBattery: import("vue").UnwrapRef<typeof import("@vueuse/core")["useBattery"]>;
+    useBluetooth: import("vue").UnwrapRef<typeof import("@vueuse/core")["useBluetooth"]>;
+    useBreakpoint: import("vue").UnwrapRef<typeof import("../../composables")["useBreakpoint"]>;
+    useBreakpoints: import("vue").UnwrapRef<typeof import("@vueuse/core")["useBreakpoints"]>;
+    useBroadcastChannel: import("vue").UnwrapRef<typeof import("@vueuse/core")["useBroadcastChannel"]>;
+    useBrowserLocation: import("vue").UnwrapRef<typeof import("@vueuse/core")["useBrowserLocation"]>;
+    useCached: import("vue").UnwrapRef<typeof import("@vueuse/core")["useCached"]>;
+    useClipboard: import("vue").UnwrapRef<typeof import("@vueuse/core")["useClipboard"]>;
+    useClipboardItems: import("vue").UnwrapRef<typeof import("@vueuse/core")["useClipboardItems"]>;
+    useCloned: import("vue").UnwrapRef<typeof import("@vueuse/core")["useCloned"]>;
+    useColorMode: import("vue").UnwrapRef<typeof import("@vueuse/core")["useColorMode"]>;
+    useConfirmDialog: import("vue").UnwrapRef<typeof import("@vueuse/core")["useConfirmDialog"]>;
+    useCountdown: import("vue").UnwrapRef<typeof import("@vueuse/core")["useCountdown"]>;
+    useCounter: import("vue").UnwrapRef<typeof import("@vueuse/core")["useCounter"]>;
+    useCssModule: import("vue").UnwrapRef<typeof import("vue")["useCssModule"]>;
+    useCssVar: import("vue").UnwrapRef<typeof import("@vueuse/core")["useCssVar"]>;
+    useCssVars: import("vue").UnwrapRef<typeof import("vue")["useCssVars"]>;
+    useCurrentElement: import("vue").UnwrapRef<typeof import("@vueuse/core")["useCurrentElement"]>;
+    useCycleList: import("vue").UnwrapRef<typeof import("@vueuse/core")["useCycleList"]>;
+    useDark: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDark"]>;
+    useDateFormat: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDateFormat"]>;
+    useDebounce: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDebounce"]>;
+    useDebounceFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDebounceFn"]>;
+    useDebouncedRefHistory: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDebouncedRefHistory"]>;
+    useDeviceMotion: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDeviceMotion"]>;
+    useDeviceOrientation: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDeviceOrientation"]>;
+    useDevicePixelRatio: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDevicePixelRatio"]>;
+    useDevicesList: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDevicesList"]>;
+    useDisplayMedia: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDisplayMedia"]>;
+    useDocumentVisibility: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDocumentVisibility"]>;
+    useDraggable: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDraggable"]>;
+    useDropZone: import("vue").UnwrapRef<typeof import("@vueuse/core")["useDropZone"]>;
+    useDropdownMenu: import("vue").UnwrapRef<typeof import("../../composables/dropdown-menu")["useDropdownMenu"]>;
+    useDropdownOptionProperty: import("vue").UnwrapRef<typeof import("../../composables/dropdown-menu")["useDropdownOptionProperty"]>;
+    useElementBounding: import("vue").UnwrapRef<typeof import("@vueuse/core")["useElementBounding"]>;
+    useElementByPoint: import("vue").UnwrapRef<typeof import("@vueuse/core")["useElementByPoint"]>;
+    useElementHover: import("vue").UnwrapRef<typeof import("@vueuse/core")["useElementHover"]>;
+    useElementSize: import("vue").UnwrapRef<typeof import("@vueuse/core")["useElementSize"]>;
+    useElementVisibility: import("vue").UnwrapRef<typeof import("@vueuse/core")["useElementVisibility"]>;
+    useEventBus: import("vue").UnwrapRef<typeof import("@vueuse/core")["useEventBus"]>;
+    useEventListener: import("vue").UnwrapRef<typeof import("@vueuse/core")["useEventListener"]>;
+    useEventSource: import("vue").UnwrapRef<typeof import("@vueuse/core")["useEventSource"]>;
+    useEyeDropper: import("vue").UnwrapRef<typeof import("@vueuse/core")["useEyeDropper"]>;
+    useFavicon: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFavicon"]>;
+    useFetch: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFetch"]>;
+    useFileDialog: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFileDialog"]>;
+    useFileSystemAccess: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFileSystemAccess"]>;
+    useFocus: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFocus"]>;
+    useFocusWithin: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFocusWithin"]>;
+    useFormTextDetail: import("vue").UnwrapRef<typeof import("../../utils/form-text-detail")["useFormTextDetail"]>;
+    useFps: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFps"]>;
+    useFullscreen: import("vue").UnwrapRef<typeof import("@vueuse/core")["useFullscreen"]>;
+    useGamepad: import("vue").UnwrapRef<typeof import("@vueuse/core")["useGamepad"]>;
+    useGeolocation: import("vue").UnwrapRef<typeof import("@vueuse/core")["useGeolocation"]>;
+    useGlobalId: import("vue").UnwrapRef<typeof import("../../utils/generate-id")["useGlobalId"]>;
+    useIcons: import("vue").UnwrapRef<typeof import("../../composables")["useIcons"]>;
+    useId: import("vue").UnwrapRef<typeof import("vue")["useId"]>;
+    useIdle: import("vue").UnwrapRef<typeof import("@vueuse/core")["useIdle"]>;
+    useImage: import("vue").UnwrapRef<typeof import("@vueuse/core")["useImage"]>;
+    useInfiniteScroll: import("vue").UnwrapRef<typeof import("@vueuse/core")["useInfiniteScroll"]>;
+    useIntersectionObserver: import("vue").UnwrapRef<typeof import("@vueuse/core")["useIntersectionObserver"]>;
+    useInterval: import("vue").UnwrapRef<typeof import("@vueuse/core")["useInterval"]>;
+    useIntervalFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["useIntervalFn"]>;
+    useKeyModifier: import("vue").UnwrapRef<typeof import("@vueuse/core")["useKeyModifier"]>;
+    useLastChanged: import("vue").UnwrapRef<typeof import("@vueuse/core")["useLastChanged"]>;
+    useLocalStorage: import("vue").UnwrapRef<typeof import("@vueuse/core")["useLocalStorage"]>;
+    useMagicKeys: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMagicKeys"]>;
+    useManualRefHistory: import("vue").UnwrapRef<typeof import("@vueuse/core")["useManualRefHistory"]>;
+    useMediaControls: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMediaControls"]>;
+    useMediaQuery: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMediaQuery"]>;
+    useMemoize: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMemoize"]>;
+    useMemory: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMemory"]>;
+    useModel: import("vue").UnwrapRef<typeof import("vue")["useModel"]>;
+    useMounted: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMounted"]>;
+    useMouse: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMouse"]>;
+    useMouseInElement: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMouseInElement"]>;
+    useMousePressed: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMousePressed"]>;
+    useMutationObserver: import("vue").UnwrapRef<typeof import("@vueuse/core")["useMutationObserver"]>;
+    useNavigatorLanguage: import("vue").UnwrapRef<typeof import("@vueuse/core")["useNavigatorLanguage"]>;
+    useNetwork: import("vue").UnwrapRef<typeof import("@vueuse/core")["useNetwork"]>;
+    useNow: import("vue").UnwrapRef<typeof import("@vueuse/core")["useNow"]>;
+    useObjectUrl: import("vue").UnwrapRef<typeof import("@vueuse/core")["useObjectUrl"]>;
+    useOffsetPagination: import("vue").UnwrapRef<typeof import("@vueuse/core")["useOffsetPagination"]>;
+    useOnline: import("vue").UnwrapRef<typeof import("@vueuse/core")["useOnline"]>;
+    usePageLeave: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePageLeave"]>;
+    useParallax: import("vue").UnwrapRef<typeof import("@vueuse/core")["useParallax"]>;
+    useParentElement: import("vue").UnwrapRef<typeof import("@vueuse/core")["useParentElement"]>;
+    usePerformanceObserver: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePerformanceObserver"]>;
+    usePermission: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePermission"]>;
+    usePointer: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePointer"]>;
+    usePointerLock: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePointerLock"]>;
+    usePointerSwipe: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePointerSwipe"]>;
+    usePopper: import("vue").UnwrapRef<typeof import("../../composables/popper")["usePopper"]>;
+    usePreferredColorScheme: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePreferredColorScheme"]>;
+    usePreferredContrast: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePreferredContrast"]>;
+    usePreferredDark: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePreferredDark"]>;
+    usePreferredLanguages: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePreferredLanguages"]>;
+    usePreferredReducedMotion: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePreferredReducedMotion"]>;
+    usePreferredReducedTransparency: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePreferredReducedTransparency"]>;
+    usePrevious: import("vue").UnwrapRef<typeof import("@vueuse/core")["usePrevious"]>;
+    useRafFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["useRafFn"]>;
+    useRefHistory: import("vue").UnwrapRef<typeof import("@vueuse/core")["useRefHistory"]>;
+    useResizeObserver: import("vue").UnwrapRef<typeof import("@vueuse/core")["useResizeObserver"]>;
+    useRotkiTheme: import("vue").UnwrapRef<typeof import("../../composables")["useRotkiTheme"]>;
+    useSSRWidth: import("vue").UnwrapRef<typeof import("@vueuse/core")["useSSRWidth"]>;
+    useScreenOrientation: import("vue").UnwrapRef<typeof import("@vueuse/core")["useScreenOrientation"]>;
+    useScreenSafeArea: import("vue").UnwrapRef<typeof import("@vueuse/core")["useScreenSafeArea"]>;
+    useScriptTag: import("vue").UnwrapRef<typeof import("@vueuse/core")["useScriptTag"]>;
+    useScroll: import("vue").UnwrapRef<typeof import("@vueuse/core")["useScroll"]>;
+    useScrollLock: import("vue").UnwrapRef<typeof import("@vueuse/core")["useScrollLock"]>;
+    useSessionStorage: import("vue").UnwrapRef<typeof import("@vueuse/core")["useSessionStorage"]>;
+    useShare: import("vue").UnwrapRef<typeof import("@vueuse/core")["useShare"]>;
+    useSlots: import("vue").UnwrapRef<typeof import("vue")["useSlots"]>;
+    useSorted: import("vue").UnwrapRef<typeof import("@vueuse/core")["useSorted"]>;
+    useSpeechRecognition: import("vue").UnwrapRef<typeof import("@vueuse/core")["useSpeechRecognition"]>;
+    useSpeechSynthesis: import("vue").UnwrapRef<typeof import("@vueuse/core")["useSpeechSynthesis"]>;
+    useStepper: import("vue").UnwrapRef<typeof import("@vueuse/core")["useStepper"]>;
+    useStickyTableHeader: import("vue").UnwrapRef<typeof import("../../composables/sticky-header")["useStickyTableHeader"]>;
+    useStorage: import("vue").UnwrapRef<typeof import("@vueuse/core")["useStorage"]>;
+    useStorageAsync: import("vue").UnwrapRef<typeof import("@vueuse/core")["useStorageAsync"]>;
+    useStyleTag: import("vue").UnwrapRef<typeof import("@vueuse/core")["useStyleTag"]>;
+    useSupported: import("vue").UnwrapRef<typeof import("@vueuse/core")["useSupported"]>;
+    useSwipe: import("vue").UnwrapRef<typeof import("@vueuse/core")["useSwipe"]>;
+    useTable: import("vue").UnwrapRef<typeof import("../../composables/defaults/table")["useTable"]>;
+    useTemplateRef: import("vue").UnwrapRef<typeof import("vue")["useTemplateRef"]>;
+    useTemplateRefsList: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTemplateRefsList"]>;
+    useTextDirection: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTextDirection"]>;
+    useTextSelection: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTextSelection"]>;
+    useTextareaAutosize: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTextareaAutosize"]>;
+    useThrottle: import("vue").UnwrapRef<typeof import("@vueuse/core")["useThrottle"]>;
+    useThrottleFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["useThrottleFn"]>;
+    useThrottledRefHistory: import("vue").UnwrapRef<typeof import("@vueuse/core")["useThrottledRefHistory"]>;
+    useTimeAgo: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTimeAgo"]>;
+    useTimeout: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTimeout"]>;
+    useTimeoutFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTimeoutFn"]>;
+    useTimeoutPoll: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTimeoutPoll"]>;
+    useTimestamp: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTimestamp"]>;
+    useTitle: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTitle"]>;
+    useToNumber: import("vue").UnwrapRef<typeof import("@vueuse/core")["useToNumber"]>;
+    useToString: import("vue").UnwrapRef<typeof import("@vueuse/core")["useToString"]>;
+    useToggle: import("vue").UnwrapRef<typeof import("@vueuse/core")["useToggle"]>;
+    useTransition: import("vue").UnwrapRef<typeof import("@vueuse/core")["useTransition"]>;
+    useUrlSearchParams: import("vue").UnwrapRef<typeof import("@vueuse/core")["useUrlSearchParams"]>;
+    useUserMedia: import("vue").UnwrapRef<typeof import("@vueuse/core")["useUserMedia"]>;
+    useVModel: import("vue").UnwrapRef<typeof import("@vueuse/core")["useVModel"]>;
+    useVModels: import("vue").UnwrapRef<typeof import("@vueuse/core")["useVModels"]>;
+    useVibrate: import("vue").UnwrapRef<typeof import("@vueuse/core")["useVibrate"]>;
+    useVirtualList: import("vue").UnwrapRef<typeof import("@vueuse/core")["useVirtualList"]>;
+    useWakeLock: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWakeLock"]>;
+    useWebNotification: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWebNotification"]>;
+    useWebSocket: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWebSocket"]>;
+    useWebWorker: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWebWorker"]>;
+    useWebWorkerFn: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWebWorkerFn"]>;
+    useWindowFocus: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWindowFocus"]>;
+    useWindowScroll: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWindowScroll"]>;
+    useWindowSize: import("vue").UnwrapRef<typeof import("@vueuse/core")["useWindowSize"]>;
+    watch: import("vue").UnwrapRef<typeof import("vue")["watch"]>;
+    watchArray: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchArray"]>;
+    watchAtMost: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchAtMost"]>;
+    watchDebounced: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchDebounced"]>;
+    watchDeep: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchDeep"]>;
+    watchEffect: import("vue").UnwrapRef<typeof import("vue")["watchEffect"]>;
+    watchIgnorable: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchIgnorable"]>;
+    watchImmediate: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchImmediate"]>;
+    watchOnce: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchOnce"]>;
+    watchPausable: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchPausable"]>;
+    watchPostEffect: import("vue").UnwrapRef<typeof import("vue")["watchPostEffect"]>;
+    watchSyncEffect: import("vue").UnwrapRef<typeof import("vue")["watchSyncEffect"]>;
+    watchThrottled: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchThrottled"]>;
+    watchTriggerable: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchTriggerable"]>;
+    watchWithFilter: import("vue").UnwrapRef<typeof import("@vueuse/core")["watchWithFilter"]>;
+    whenever: import("vue").UnwrapRef<typeof import("@vueuse/core")["whenever"]>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    prepend?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+}>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (e: any) => any;
     "click:close": () => any;
@@ -30,8 +503,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     "onClick:close"?: (() => any) | undefined;
 }>, {
     size: "sm" | "md";
-    color: "grey" | ContextColorsType;
     variant: "filled" | "outlined";
+    color: "grey" | ContextColorsType;
     disabled: boolean;
     closeable: boolean;
     tile: boolean;
@@ -40,9 +513,9 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     bgColor: string;
     textColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };