@n8n/design-system 2.38.2 → 2.39.0

package/dist/components/N8nInputLabel/InputLabel.vue.d.ts

@@ -13,26 +13,25 @@ interface InputLabelProps {
     showTooltip?: boolean;
     showOptions?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        options?(_: {}): any;
-        issues?(_: {}): any;
-        persistentOptions?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+declare var __VLS_25: {}, __VLS_27: {}, __VLS_29: {}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    options?: (props: typeof __VLS_25) => any;
+} & {
+    issues?: (props: typeof __VLS_27) => any;
+} & {
+    persistentOptions?: (props: typeof __VLS_29) => any;
+} & {
+    default?: (props: typeof __VLS_31) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<InputLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InputLabelProps> & Readonly<{}>, {
+declare const __VLS_base: import('vue').DefineComponent<InputLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InputLabelProps> & Readonly<{}>, {
     bold: boolean;
     size: (typeof SIZE)[number];
     compact: boolean;
-}, {}, {}, {}, 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/N8nInputNumber/InputNumber.vue.d.ts

@@ -1,67 +1,6 @@
-import { InputNumberProps, InputNumberSlots } from './InputNumber.types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<InputNumberSlots> & InputNumberSlots;
-    refs: {
-        inputRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly asChild?: boolean | undefined;
-                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | 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: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                as: import('reka-ui').AsTag | import('vue').Component;
-            }, {}, 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: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').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;
-        } & Readonly<{
-            as: import('reka-ui').AsTag | import('vue').Component;
-        }> & Omit<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?: (props: {}) => any;
-            };
-        }) | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
-    focus: () => void;
-    blur: () => void;
-    select: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+import { InputNumberProps, InputNumberSlots, InputNumberExposed } from './InputNumber.types';
+type __VLS_Slots = InputNumberSlots;
+declare const __VLS_base: import('vue').DefineComponent<InputNumberProps, InputNumberExposed, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     focus: (event: FocusEvent) => any;
     "update:modelValue": (val: number) => any;
     blur: (event: FocusEvent) => any;
@@ -75,61 +14,11 @@ declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
     stepSnapping: boolean;
     controls: boolean;
     controlsPosition: import('./InputNumber.types').InputNumberControlsPosition;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    inputRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly asChild?: boolean | undefined;
-            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | 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: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            as: import('reka-ui').AsTag | import('vue').Component;
-        }, {}, 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: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').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;
-    } & Readonly<{
-        as: import('reka-ui').AsTag | import('vue').Component;
-    }> & Omit<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?: (props: {}) => any;
-        };
-    }) | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/N8nKeyboardShortcut/N8nKeyboardShortcut.vue.d.ts

@@ -1,3 +1,4 @@
 import { KeyboardShortcut } from '../../types/keyboardshortcut';
-declare const _default: import('vue').DefineComponent<KeyboardShortcut, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KeyboardShortcut> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_export: import('vue').DefineComponent<KeyboardShortcut, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KeyboardShortcut> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/N8nLink/Link.vue.d.ts

@@ -10,25 +10,21 @@ interface LinkProps {
     theme?: (typeof THEME)[number];
     title?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<LinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_base: import('vue').DefineComponent<LinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     bold: boolean;
     underline: boolean;
     size: TextSize;
     theme: (typeof THEME)[number];
     to: RouteLocationRaw | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/N8nLoading/Loading.vue.d.ts

@@ -7,7 +7,7 @@ interface LoadingProps {
     shrinkLast?: boolean;
     variant?: (typeof VARIANT)[number];
 }
-declare const _default: import('vue').DefineComponent<LoadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+declare const __VLS_export: import('vue').DefineComponent<LoadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
     variant: (typeof VARIANT)[number];
     loading: boolean;
     rows: number;
@@ -15,4 +15,5 @@ declare const _default: import('vue').DefineComponent<LoadingProps, {}, {}, {},
     cols: number;
     shrinkLast: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/N8nLogo/Logo.vue.d.ts

@@ -1,15 +1,8 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        logo: unknown;
-    };
-    rootEl: HTMLDivElement;
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<({
+declare const __VLS_base: import('vue').DefineComponent<({
     size: "large";
 } & {
     releaseChannel?: "stable" | "beta" | "nightly" | "dev" | "rc";
@@ -27,12 +20,11 @@ declare const __VLS_component: import('vue').DefineComponent<({
     collapsed: boolean;
 } & {
     releaseChannel?: "stable" | "beta" | "nightly" | "dev" | "rc";
-})> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    logo: unknown;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/N8nMarkdown/Markdown.vue.d.ts

@@ -22,7 +22,7 @@ interface MarkdownProps {
     theme?: string;
     options?: Options;
 }
-declare const _default: import('vue').DefineComponent<MarkdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<MarkdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "markdown-click": (link: HTMLAnchorElement, e: MouseEvent) => any;
     "update-content": (content: string) => any;
 }, string, import('vue').PublicProps, Readonly<MarkdownProps> & Readonly<{
@@ -37,7 +37,6 @@ declare const _default: import('vue').DefineComponent<MarkdownProps, {}, {}, {},
     withMultiBreaks: boolean;
     loadingBlocks: number;
     loadingRows: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    editor: HTMLDivElement;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/N8nMarkdownEditor/MarkdownEditor.types.d.ts

@@ -9,12 +9,14 @@ export type N8nMarkdownEditorProps = {
     readonly?: boolean;
     showToolbar?: MarkdownEditorToolbarMode;
     maxHeight?: string | number;
+    isCollapsible?: boolean;
     extensions?: Extension[];
     editorProps?: EditorOptions['editorProps'];
     containerClass?: string;
 };
 export type N8nMarkdownEditorEmits = {
     'update:modelValue': [value: string];
+    'update:collapsed': [collapsed: boolean];
     input: [value: string];
     focus: [event: FocusEvent];
     blur: [value: string, event: FocusEvent];

package/dist/components/N8nMarkdownEditor/MarkdownEditor.vue.d.ts

@@ -4,7 +4,7 @@ declare function focus(): void;
 declare function blur(): void;
 declare function getMarkdown(): string;
 declare function getEditor(): Editor | undefined;
-declare const _default: import('vue').DefineComponent<N8nMarkdownEditorProps, {
+declare const __VLS_export: import('vue').DefineComponent<N8nMarkdownEditorProps, {
     focus: typeof focus;
     blur: typeof blur;
     getMarkdown: typeof getMarkdown;
@@ -15,23 +15,24 @@ declare const _default: import('vue').DefineComponent<N8nMarkdownEditorProps, {
     "update:modelValue": (value: string) => any;
     blur: (value: string, event: FocusEvent) => any;
     ready: (editor: Editor) => any;
+    "update:collapsed": (collapsed: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<N8nMarkdownEditorProps> & Readonly<{
     onInput?: ((value: string) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((value: string, event: FocusEvent) => any) | undefined;
     onReady?: ((editor: Editor) => any) | undefined;
+    "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
     variant: import('./MarkdownEditor.types').MarkdownEditorVariant;
-    placeholder: string;
     modelValue: string;
+    placeholder: string;
     readonly: boolean;
     maxHeight: string | number;
     containerClass: string;
     showToolbar: import('./MarkdownEditor.types').MarkdownEditorToolbarMode;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    container: HTMLDivElement;
-    rawEditor: HTMLTextAreaElement;
-}, HTMLDivElement>;
+    isCollapsible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/N8nMarkdownEditor/MarkdownEditorToolbar.vue.d.ts

@@ -7,9 +7,10 @@ type __VLS_Props = {
     mode: Exclude<MarkdownEditorToolbarMode, 'never'>;
     variant: MarkdownEditorVariant;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:isRawMode": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:isRawMode"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/N8nMarkdownEditor/composables/useMarkdownEditor.d.ts

@@ -1,3 +1,3 @@
 import { SetupContext } from 'vue';
 import { N8nMarkdownEditorEmits, N8nMarkdownEditorProps } from '../MarkdownEditor.types';
-export declare const useMarkdownEditor: (props: Readonly<N8nMarkdownEditorProps>, emit: SetupContext<N8nMarkdownEditorEmits>["emit"]) => import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;
+export declare const useMarkdownEditor: (props: Readonly<N8nMarkdownEditorProps>, emit: SetupContext<Omit<N8nMarkdownEditorEmits, "update:collapsed">>["emit"]) => import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;

package/dist/components/N8nMenuItem/MenuItem.vue.d.ts

@@ -8,9 +8,10 @@ type __VLS_Props = {
     open?: boolean;
     ariaLabel?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/N8nNavigationDropdown/NavigationDropdown.vue.d.ts

@@ -32,105 +32,16 @@ type __VLS_Props = {
     teleport?: boolean;
     submenuClass?: string;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        [key: `item.append.${string}`]: (props: {
-            item: Item;
-        }) => unknown;
-        default?: () => unknown;
-        'item-icon'?: (props: {
-            item: BaseItem;
-        }) => unknown;
-    }> & {
-        [key: `item.append.${string}`]: (props: {
-            item: Item;
-        }) => unknown;
-        default?: () => unknown;
-        'item-icon'?: (props: {
-            item: BaseItem;
-        }) => unknown;
-    };
-    refs: {
-        menuRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            readonly mode: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-            readonly defaultActive: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly defaultOpeneds: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
-            readonly uniqueOpened: BooleanConstructor;
-            readonly router: BooleanConstructor;
-            readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
-            readonly collapse: BooleanConstructor;
-            readonly backgroundColor: StringConstructor;
-            readonly textColor: StringConstructor;
-            readonly activeTextColor: StringConstructor;
-            readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
-        }>> & {
-            onClose?: ((index: string, indexPath: string[]) => any) | undefined;
-            onSelect?: ((index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => any) | undefined;
-            onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
-        }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            close: (index: string, indexPath: string[]) => boolean;
-            open: (index: string, indexPath: string[]) => boolean;
-            select: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => boolean;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
-            readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly collapse: boolean;
-            readonly mode: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-            readonly defaultActive: string;
-            readonly defaultOpeneds: string[];
-            readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-            readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
-            readonly uniqueOpened: boolean;
-            readonly router: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            readonly mode: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-            readonly defaultActive: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly defaultOpeneds: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
-            readonly uniqueOpened: BooleanConstructor;
-            readonly router: BooleanConstructor;
-            readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
-            readonly collapse: BooleanConstructor;
-            readonly backgroundColor: StringConstructor;
-            readonly textColor: StringConstructor;
-            readonly activeTextColor: StringConstructor;
-            readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
-        }>> & {
-            onClose?: ((index: string, indexPath: string[]) => any) | undefined;
-            onSelect?: ((index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => any) | undefined;
-            onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
-        }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, {
-            readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly collapse: boolean;
-            readonly mode: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-            readonly defaultActive: string;
-            readonly defaultOpeneds: string[];
-            readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-            readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
-            readonly uniqueOpened: boolean;
-            readonly router: boolean;
-        }> | null;
-    };
-    rootEl: any;
+type __VLS_Slots = {
+    default?: () => unknown;
+    'item-icon'?: (props: {
+        item: BaseItem;
+    }) => unknown;
+    [key: `item.append.${string}`]: (props: {
+        item: Item;
+    }) => unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     open: () => void;
     close: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -139,85 +50,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((id: string) => any) | undefined;
     onItemClick?: ((item: MenuItemRegistered) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    menuRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        readonly mode: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-        readonly defaultActive: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly defaultOpeneds: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
-        readonly uniqueOpened: BooleanConstructor;
-        readonly router: BooleanConstructor;
-        readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
-        readonly collapse: BooleanConstructor;
-        readonly backgroundColor: StringConstructor;
-        readonly textColor: StringConstructor;
-        readonly activeTextColor: StringConstructor;
-        readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-        readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-        readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
-    }>> & {
-        onClose?: ((index: string, indexPath: string[]) => any) | undefined;
-        onSelect?: ((index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => any) | undefined;
-        onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
-    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        close: (index: string, indexPath: string[]) => boolean;
-        open: (index: string, indexPath: string[]) => boolean;
-        select: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => boolean;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
-        readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly collapse: boolean;
-        readonly mode: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-        readonly defaultActive: string;
-        readonly defaultOpeneds: string[];
-        readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-        readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
-        readonly uniqueOpened: boolean;
-        readonly router: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        readonly mode: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-        readonly defaultActive: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly defaultOpeneds: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
-        readonly uniqueOpened: BooleanConstructor;
-        readonly router: BooleanConstructor;
-        readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
-        readonly collapse: BooleanConstructor;
-        readonly backgroundColor: StringConstructor;
-        readonly textColor: StringConstructor;
-        readonly activeTextColor: StringConstructor;
-        readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-        readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-        readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
-    }>> & {
-        onClose?: ((index: string, indexPath: string[]) => any) | undefined;
-        onSelect?: ((index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => any) | undefined;
-        onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
-    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, {
-        readonly ellipsis: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly collapse: boolean;
-        readonly mode: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-        readonly defaultActive: string;
-        readonly defaultOpeneds: string[];
-        readonly menuTrigger: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-        readonly collapseTransition: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly popperEffect: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
-        readonly uniqueOpened: boolean;
-        readonly router: boolean;
-    }> | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };