@rotki/ui-library 1.12.2 → 1.12.3

package/dist/components/icons/RuiIcon.vue.d.ts

@@ -8,5 +8,5 @@ export interface Props {
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: number | string;
     color: ContextColorsType;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, SVGSVGElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/index.es.js

@@ -1823,7 +1823,7 @@ const Ia = /* @__PURE__ */ Y({
   emits: ["update:modelValue", "update:searchInput"],
   setup(M, { expose: a }) {
     st((v) => ({
-      fbeb5930: e(ne)
+      "472b1885": e(ne)
     }));
     const l = Qe(M, "modelValue"), d = Qe(M, "searchInput"), u = M, f = Je(), { dense: h, disabled: c, options: y } = ye(u), { getText: r, getIdentifier: i } = Ds({
       keyAttr: u.keyAttr,
@@ -2019,7 +2019,16 @@ const Ia = /* @__PURE__ */ Y({
       };
     }
     function vt(v) {
-      t(C).length > 0 && t(Oe) > -1 && t(re) ? (xe(), v.preventDefault()) : t(y).length > 0 && u.customValue ? (St(), t(H) || w(re, !1), v.preventDefault()) : !t(re) && t(le).length === 0 && (w(re, !0), v.preventDefault());
+      if (t(C).length > 0 && t(Oe) > -1 && t(re))
+        xe(), v.preventDefault();
+      else if (t(y).length > 0 && u.customValue)
+        St(), t(H) || w(re, !1), v.preventDefault();
+      else if (!t(re) && t(le).length === 0)
+        w(re, !0), v.preventDefault();
+      else {
+        const q = t(b).closest("form");
+        q && q.dispatchEvent(new Event("submit"));
+      }
     }
     function ft(v) {
       t(re) && t(C).length > 0 && t(Oe) > -1 && !t(H) && (xe(), v.preventDefault());
@@ -5290,7 +5299,7 @@ const Ia = /* @__PURE__ */ Y({
                       colspan: oe.colspan ?? 1,
                       rowspan: oe.rowspan ?? 1
                     }, [
-                      oe.key === "expand" ? T(o.$slots, `item.${oe.key}`, {
+                      oe.key === "expand" ? T(o.$slots, `item.${oe.key.toString()}`, {
                         key: 0,
                         column: oe,
                         row: j,
@@ -5301,7 +5310,7 @@ const Ia = /* @__PURE__ */ Y({
                           expanded: Me(j[e(C)]),
                           onClick: (ut) => Te(j)
                         }, null, 8, ["expanded", "onClick"]))
-                      ]) : T(o.$slots, `item.${oe.key}`, {
+                      ]) : T(o.$slots, `item.${oe.key.toString()}`, {
                         key: 1,
                         column: oe,
                         index: ie,

package/dist/components/loaders/RuiSkeletonBase.vue.d.ts

@@ -3,5 +3,5 @@ export interface Props {
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     rounded: "none" | "sm" | "md" | "lg" | "full";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/logos/RuiLogo.vue.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     branch: "develop" | "main" | string;
     logo: keyof ExternalLinks;
     uniqueKey: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/overlays/badge/RuiBadge.vue.d.ts

@@ -1,5 +1,6 @@
 import type { ContextColorsType } from '../../../consts/colors';
 import type { RuiIcons } from '../../../icons';
+import RuiIcon from '../../../components/icons/RuiIcon.vue';
 export interface Props {
     text?: string | null;
     icon?: RuiIcons | null;
@@ -13,17 +14,475 @@ export interface Props {
     rounded?: 'sm' | 'md' | 'lg' | 'full';
     color?: 'default' | ContextColorsType;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        badge?(_: {}): any;
-        icon?(_: {}): any;
+declare const modelValue: globalThis.Ref<boolean, boolean>, offsetX: globalThis.Ref<string | number, string | number>, offsetY: globalThis.Ref<string | number, string | number>, icon: globalThis.Ref<string | null, string | null>, text: globalThis.Ref<string | null, string | null>;
+declare const hasText: globalThis.ComputedRef<boolean>;
+declare const hasIconAndText: globalThis.ComputedRef<boolean>;
+declare const __VLS_ctx: {
+    $style: Record<string, string> & __VLS_PrettifyGlobal<{} & {
+        "wrapper": string;
+    } & {
+        "badge": string;
+    } & {
+        "content": string;
+    } & {
+        "text_icon": string;
+    } & {
+        "rounded__": string;
+    } & {
+        "size__sm": string;
+    } & {
+        "left": string;
+    } & {
+        "placement__center": string;
+    } & {
+        "size__md": string;
+    } & {
+        "left": string;
+    } & {
+        "placement__center": string;
+    } & {
+        "size__lg": string;
+    } & {
+        "left": string;
+    } & {
+        "placement__center": string;
+    } & {
+        "placement__top": string;
+    } & {
+        "placement__bottom": string;
+    } & {
+        "dot": string;
+    } & {
+        "default": string;
+    } & {
+        "size__sm": string;
+    } & {
+        "size__md": string;
+    } & {
+        "size__lg": string;
+    } & {
+        "left": string;
+    } & {
+        "placement__top": string;
+    } & {
+        "placement__center": string;
+    } & {
+        "placement__bottom": string;
+    } & {
+        "dark": string;
+    } & {
+        "wrapper": string;
+    } & {
+        "badge": string;
+    }>;
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly text?: string | null | undefined;
+        readonly icon?: (RuiIcons | null) | undefined;
+        readonly modelValue?: boolean | undefined;
+        readonly dot?: boolean | undefined;
+        readonly left?: boolean | undefined;
+        readonly offsetX?: string | number | undefined;
+        readonly offsetY?: string | number | undefined;
+        readonly placement?: "top" | "center" | "bottom" | undefined;
+        readonly size?: "sm" | "md" | "lg" | undefined;
+        readonly rounded?: "sm" | "md" | "lg" | "full" | undefined;
+        readonly color?: ("default" | ContextColorsType) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: ComponentPublicInstance | null;
+    $parent: ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<Props> & Readonly<{}>, {
+        RuiIcon: typeof RuiIcon;
+        modelValue: typeof modelValue;
+        offsetX: typeof offsetX;
+        offsetY: typeof offsetY;
+        icon: typeof icon;
+        text: typeof text;
+        hasText: typeof hasText;
+        hasIconAndText: typeof hasIconAndText;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: "sm" | "md" | "lg";
+        text: string | null;
+        color: "default" | ContextColorsType;
+        placement: "top" | "center" | "bottom";
+        rounded: "sm" | "md" | "lg" | "full";
+        icon: RuiIcons | null;
+        modelValue: boolean;
+        dot: boolean;
+        left: boolean;
+        offsetX: string | number;
+        offsetY: string | number;
+    }, {}, 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)[];
+    };
+    $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" | "lg";
+    text: string | null;
+    color: "default" | ContextColorsType;
+    placement: "top" | "center" | "bottom";
+    rounded: "sm" | "md" | "lg" | "full";
+    icon: RuiIcons | null;
+    modelValue: boolean;
+    dot: boolean;
+    left: boolean;
+    offsetX: string | number;
+    offsetY: string | number;
+    RuiIcon: typeof RuiIcon;
+    hasText: boolean;
+    hasIconAndText: boolean;
+    $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_7: {}, __VLS_9: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    badge?: (props: typeof __VLS_7) => any;
+} & {
+    icon?: (props: typeof __VLS_9) => any;
+}>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "sm" | "md" | "lg";
     text: string | null;
@@ -36,10 +495,10 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     left: boolean;
     offsetX: string | number;
     offsetY: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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;
     };