@n8n/design-system 2.40.1 → 2.41.0

package/dist/components/N8nActionDropdown/ActionDropdown.types.d.ts

@@ -14,4 +14,5 @@ export interface ActionDropdownProps<T extends string = string> {
     maxHeight?: string | number;
     width?: string;
     modal?: boolean;
+    suppressCloseAutoFocus?: boolean;
 }

package/dist/components/N8nBadge/Badge.type.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from '../N8nIcon';
+export declare const BADGE_VARIANT: readonly ["filled", "primary", "secondary", "subtle", "outline", "ghost", "warning", "danger", "success", "info"];
+export type BadgeVariant = (typeof BADGE_VARIANT)[number];
+export interface BadgeProps {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    clickable?: boolean;
+    disabled?: boolean;
+    leadingIcon?: IconName;
+    trailingIcon?: IconName;
+}
+export declare const BADGE_SIZE: readonly ["xxsmall", "xsmall", "small", "medium", "large", "xlarge"];
+export type BadgeSize = (typeof BADGE_SIZE)[number];

package/dist/components/N8nBadge/Badge.vue.d.ts

@@ -1,19 +1,16 @@
-import { TextSize, BadgeTheme } from '../../types';
-interface BadgeProps {
-    theme?: BadgeTheme;
-    size?: TextSize;
-    bold?: boolean;
-    showBorder?: boolean;
-}
-declare var __VLS_7: {};
+import { BadgeProps } from './Badge.type';
+declare var __VLS_13: {}, __VLS_21: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    leading?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
+} & {
+    trailing?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    bold: boolean;
-    size: TextSize;
-    theme: BadgeTheme;
-    showBorder: boolean;
+    size: import('./Badge.type').BadgeSize;
+    variant: import('./Badge.type').BadgeVariant;
+    clickable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/N8nBreadcrumbs/Breadcrumbs.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     onItemDrop?: ((item: PathItem) => any) | undefined;
 }>, {
     theme: "small" | "medium";
-    showBorder: boolean;
     separator: string;
+    showBorder: boolean;
     hiddenItems: PathItem[] | Promise<PathItem[]>;
     loadingSkeletonRows: number;
     highlightLastItem: boolean;

package/dist/components/N8nButtonList/ButtonList.types.d.ts

@@ -1,4 +1,6 @@
 export type ButtonListOrientation = 'horizontal' | 'vertical';
+export type ButtonListVariant = 'default' | 'toolbar';
 export type ButtonListProps = {
     orientation?: ButtonListOrientation;
+    variant?: ButtonListVariant;
 };

package/dist/components/N8nButtonList/ButtonList.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<ButtonListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonListProps> & Readonly<{}>, {
+    variant: import('./ButtonList.types').ButtonListVariant;
     orientation: import('./ButtonList.types').ButtonListOrientation;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/N8nButtonList/index.d.ts

@@ -1,3 +1,3 @@
 import { default as N8nButtonList } from './ButtonList.vue';
-export type { ButtonListOrientation, ButtonListProps } from './ButtonList.types';
+export type { ButtonListOrientation, ButtonListProps, ButtonListVariant } from './ButtonList.types';
 export default N8nButtonList;

package/dist/components/N8nChatInput/ChatInput.vue.d.ts

@@ -22,6 +22,7 @@ export interface N8nChatInputProps {
     stopButtonTestId?: string;
 }
 declare function focusInput(options?: FocusOptions): void;
+declare function getInputElement(): HTMLTextAreaElement | undefined;
 declare var __VLS_8: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {}, __VLS_32: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_8) => any;
@@ -38,6 +39,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import('vue').DefineComponent<N8nChatInputProps, {
     focusInput: typeof focusInput;
+    getInputElement: typeof getInputElement;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     focus: (event: FocusEvent) => any;
     stop: () => any;

package/dist/components/N8nContextMenu/ContextMenu.constants.d.ts

@@ -0,0 +1,4 @@
+export declare const COLLISION_PADDING_PX = 8;
+export declare const ITEMS_PADDING_PX = 4;
+export declare const SUBMENU_ALIGN_OFFSET_PX: number;
+export declare const SUBMENU_SIDE_OFFSET_PX = 1;

package/dist/components/N8nContextMenu/ContextMenu.types.d.ts

@@ -0,0 +1,105 @@
+import { ClassValue } from 'clsx';
+import { ComputedRef, InjectionKey } from 'vue';
+import { KeyboardShortcut } from '../../types/keyboardshortcut';
+import { IconOrEmoji } from '../N8nIconPicker/types';
+export type ContextMenuId = string;
+type ContextMenuLeafBase<T extends ContextMenuId = ContextMenuId> = {
+    id: T;
+    label: string;
+    icon?: IconOrEmoji;
+    shortcut?: KeyboardShortcut;
+    disabled?: boolean;
+    class?: ClassValue;
+};
+type ContextMenuSectionBase<T extends ContextMenuId = ContextMenuId> = {
+    id: T;
+    label?: string;
+    class?: ClassValue;
+};
+export type ContextMenuItem<T extends ContextMenuId = ContextMenuId> = ContextMenuLeafBase<T> & {
+    type: 'item';
+    keepOpen?: boolean;
+    variant?: 'default' | 'destructive';
+};
+export type ContextMenuRadio<T extends ContextMenuId = ContextMenuId> = ContextMenuLeafBase<T> & {
+    type: 'radio';
+};
+export type ContextMenuCheckbox<T extends ContextMenuId = ContextMenuId> = ContextMenuLeafBase<T> & {
+    type: 'checkbox';
+};
+export type ContextMenuGroup<T extends ContextMenuId = ContextMenuId> = ContextMenuSectionBase<T> & {
+    type: 'group';
+    children: Array<ContextMenuNode<T>>;
+};
+export type ContextMenuSubmenu<T extends ContextMenuId = ContextMenuId> = ContextMenuLeafBase<T> & {
+    type: 'submenu';
+    children: Array<ContextMenuNode<T>>;
+    loading?: boolean;
+    loadingItemCount?: number;
+};
+export type ContextMenuRadioGroup<T extends ContextMenuId = ContextMenuId> = ContextMenuSectionBase<T> & {
+    type: 'radio-group';
+    children: Array<ContextMenuRadio<T>>;
+};
+export type ContextMenuNode<T extends ContextMenuId = ContextMenuId> = ContextMenuItem<T> | ContextMenuCheckbox<T> | ContextMenuGroup<T> | ContextMenuSubmenu<T> | ContextMenuRadioGroup<T>;
+export type ContextMenuLeaf<T extends ContextMenuId = ContextMenuId> = ContextMenuItem<T> | ContextMenuRadio<T> | ContextMenuCheckbox<T> | ContextMenuSubmenu<T>;
+export type ContextMenuProps<T extends ContextMenuId = ContextMenuId> = {
+    id?: string;
+    items: Array<ContextMenuNode<T>>;
+    selectedValues?: T[];
+    defaultSelectedValues?: T[];
+    disabled?: boolean;
+    loading?: boolean;
+    loadingItemCount?: number;
+    contentClass?: ClassValue;
+    modal?: boolean;
+};
+export type ContextMenuEmits<T extends ContextMenuId = ContextMenuId> = {
+    (e: 'update:open', open: boolean): void;
+    (e: 'update:selectedValues', value: T[]): void;
+    (e: 'select', value: T): void;
+    (e: 'submenu:toggle', itemId: T, open: boolean): void;
+    (e: 'close-auto-focus', event: Event): void;
+};
+type SlotUiProps = {
+    class: string;
+};
+export type ContextMenuSlots<T extends ContextMenuId = ContextMenuId> = {
+    trigger: () => void;
+    item?: (props: {
+        item: ContextMenuLeaf<T>;
+    }) => void;
+    ['item-leading']?: (props: {
+        item: ContextMenuLeaf<T>;
+        ui: SlotUiProps;
+    }) => void;
+    ['item-label']?: (props: {
+        item: ContextMenuLeaf<T>;
+        ui: SlotUiProps;
+    }) => void;
+    ['item-trailing']?: (props: {
+        item: ContextMenuLeaf<T>;
+        ui: SlotUiProps;
+    }) => void;
+    loading?: () => void;
+    empty?: () => void;
+};
+export type ContextMenuItemProps<T extends ContextMenuId = ContextMenuId> = {
+    item: ContextMenuLeaf<T>;
+};
+export type ContextMenuItemEmits<T extends ContextMenuId = ContextMenuId> = {
+    (e: 'select', value: T): void;
+    (e: 'toggle-checkbox', id: T): void;
+    (e: 'submenu:toggle', open: boolean): void;
+};
+export type ContextMenuItemSlots<T extends ContextMenuId = ContextMenuId> = Pick<ContextMenuSlots<T>, 'item' | 'item-leading' | 'item-label' | 'item-trailing' | 'empty'>;
+export type ContextMenuState = {
+    selectedValues: Pick<ComputedRef<readonly string[]>, 'value'>;
+    contentClass: Pick<ComputedRef<ClassValue | undefined>, 'value'>;
+    onSelect(id: string): void;
+    onToggleCheckbox(id: string): void;
+    onSelectRadio(groupId: string, radioId: string): void;
+    onSubmenuToggle(itemId: string, open: boolean): void;
+};
+export declare const contextMenuStateKey: InjectionKey<ContextMenuState>;
+export {};

package/dist/components/N8nContextMenu/ContextMenu.utils.d.ts

@@ -0,0 +1,5 @@
+import { ContextMenuId, ContextMenuNode, ContextMenuRadioGroup } from './ContextMenu.types';
+export declare function findRadioGroup<T extends ContextMenuId>(nodes: Array<ContextMenuNode<T>>, groupId: T): ContextMenuRadioGroup<T> | undefined;
+export declare function applyRadioSelection<T extends ContextMenuId>(selected: T[], radioIdsInGroup: T[], radioId: T): T[];
+export declare function applyCheckboxToggle<T extends ContextMenuId>(selected: T[], id: T): T[];
+export declare function radioGroupValue<T extends ContextMenuId>(group: ContextMenuRadioGroup<T>, selected: readonly string[]): T | undefined;

package/dist/components/N8nContextMenu/ContextMenu.vue.d.ts

@@ -0,0 +1,25 @@
+import { ContextMenuEmits, ContextMenuId, ContextMenuProps, ContextMenuSlots } from './ContextMenu.types';
+declare const __VLS_export: <T extends ContextMenuId = ContextMenuId>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T> & {
+        onSelect?: ((value: T) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        "onSubmenu:toggle"?: ((itemId: T, open: boolean) => any) | undefined;
+        "onClose-auto-focus"?: ((event: Event) => any) | undefined;
+        "onUpdate:selectedValues"?: ((value: T[]) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: ContextMenuSlots<T>;
+    emit: ContextMenuEmits<T>;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/N8nContextMenu/ContextMenuBody.vue.d.ts

@@ -0,0 +1,23 @@
+import { ContextMenuId, ContextMenuNode, ContextMenuSlots } from './ContextMenu.types';
+declare const __VLS_export: <T extends ContextMenuId = ContextMenuId>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+        nodes: Array<ContextMenuNode<T>>;
+        loading?: boolean;
+        loadingItemCount?: number;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: Omit<ContextMenuSlots<T>, "trigger">;
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/N8nContextMenu/ContextMenuItem.vue.d.ts

@@ -0,0 +1,23 @@
+import { ContextMenuId, ContextMenuItemEmits, ContextMenuItemProps, ContextMenuItemSlots } from './ContextMenu.types';
+declare const __VLS_export: <T extends ContextMenuId = ContextMenuId>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<ContextMenuItemProps<T> & {
+        onSelect?: ((value: T) => any) | undefined;
+        "onSubmenu:toggle"?: ((open: boolean) => any) | undefined;
+        "onToggle-checkbox"?: ((id: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: ContextMenuItemSlots<T>;
+    emit: ContextMenuItemEmits<T>;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/N8nContextMenu/ContextMenuItemContent.vue.d.ts

@@ -0,0 +1,26 @@
+import { ContextMenuId, ContextMenuItemSlots, ContextMenuLeaf } from './ContextMenu.types';
+import { IconColor } from '../../types/icon';
+import { TextColor } from '../../types/text';
+declare const __VLS_export: <T extends ContextMenuId = ContextMenuId>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+        item: ContextMenuLeaf<T>;
+        textColor?: TextColor;
+        iconColor: IconColor | (string & {});
+        title?: string;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: Pick<ContextMenuItemSlots<T>, "item-leading" | "item-label" | "item-trailing">;
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/N8nContextMenu/ContextMenuNodes.vue.d.ts

@@ -0,0 +1,21 @@
+import { ContextMenuId, ContextMenuItemSlots, ContextMenuNode } from './ContextMenu.types';
+declare const __VLS_export: <T extends ContextMenuId = ContextMenuId>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<{
+        nodes: Array<ContextMenuNode<T>>;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: ContextMenuItemSlots<T>;
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/N8nContextMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { default as N8nContextMenu } from './ContextMenu.vue';
+export { default as N8nContextMenuItem } from './ContextMenuItem.vue';
+export type { ContextMenuId, ContextMenuItem, ContextMenuRadio, ContextMenuCheckbox, ContextMenuGroup, ContextMenuSubmenu, ContextMenuRadioGroup, ContextMenuNode, ContextMenuLeaf, ContextMenuProps, ContextMenuEmits, ContextMenuSlots, ContextMenuItemProps, ContextMenuItemEmits, ContextMenuItemSlots, } from './ContextMenu.types';

package/dist/components/N8nDialog/Dialog.vue.d.ts

@@ -13,6 +13,7 @@ export interface DialogProps {
     header?: string;
     description?: string;
     stacked?: boolean;
+    containerClass?: string;
 }
 export interface DialogEmits {
     escapeKeyDown: [event: KeyboardEvent];

package/dist/components/N8nDropdownMenu/DropdownMenu.types.d.ts

@@ -1,12 +1,34 @@
+import { DropdownMenuContentProps } from 'reka-ui';
 import { InjectionKey, Ref } from 'vue';
 import { IconOrEmoji } from '../N8nIconPicker/types';
 export declare const DropdownMenuPortalTargetKey: InjectionKey<Ref<string | HTMLElement | undefined>>;
 export declare const DropdownMenuSubMaxHeightKey: InjectionKey<Ref<string | undefined>>;
+export declare const DropdownMenuWidthKey: InjectionKey<Ref<string>>;
+export interface DropdownMenuExternalNavigationController {
+    handleExternalKeydown: (event: KeyboardEvent) => boolean;
+    highlightFirstItem: () => void;
+    getActiveDescendantId: () => string | undefined;
+}
+export interface DropdownMenuExternalNavigationContext {
+    register: (controller: DropdownMenuExternalNavigationController) => () => void;
+    activate: (controller: DropdownMenuExternalNavigationController) => void;
+    focusTarget: () => void;
+    syncActiveDescendant: () => void;
+}
+export declare const DropdownMenuExternalNavigationKey: InjectionKey<DropdownMenuExternalNavigationContext>;
 type VueCssClass = undefined | string | Record<string, boolean> | Array<string | VueCssClass>;
 export type DropdownMenuPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 export type DropdownMenuSide = 'top' | 'bottom' | 'left' | 'right';
 export type DropdownMenuAlign = 'start' | 'end' | 'center';
 export type DropdownMenuTrigger = 'click' | 'hover';
+export type DropdownMenuSearchMode = 'internal' | 'external';
+export interface DropdownMenuExposed {
+    open: () => void;
+    close: () => void;
+    highlightFirstItem: () => void;
+    handleExternalKeydown: (event: KeyboardEvent) => boolean;
+    focusTrigger: () => void;
+}
 export type DropdownMenuItemProps<T = string, D = never> = {
     id: T;
     testId?: string;
@@ -16,6 +38,7 @@ export type DropdownMenuItemProps<T = string, D = never> = {
     divided?: boolean;
     checked?: boolean;
     keepOpen?: boolean;
+    suppressCloseAutoFocus?: boolean;
     header?: boolean;
     checkbox?: boolean;
     class?: VueCssClass;
@@ -23,6 +46,7 @@ export type DropdownMenuItemProps<T = string, D = never> = {
     loading?: boolean;
     loadingItemCount?: number;
     searchable?: boolean;
+    selectable?: boolean;
     searchPlaceholder?: string;
     highlighted?: boolean;
     subMenuOpen?: boolean;
@@ -33,7 +57,9 @@ export interface DropdownMenuProps<T = string, D = never> {
     id?: string;
     contentTestId?: string;
     portalTarget?: string | HTMLElement;
+    reference?: DropdownMenuContentProps['reference'];
     modal?: boolean;
+    suppressCloseAutoFocus?: boolean;
     items: Array<DropdownMenuItemProps<T, D>>;
     modelValue?: boolean;
     defaultOpen?: boolean;
@@ -50,6 +76,8 @@ export interface DropdownMenuProps<T = string, D = never> {
     extraPopperClass?: string;
     dataTestId?: string;
     searchable?: boolean;
+    searchMode?: DropdownMenuSearchMode;
+    externalFocusTarget?: HTMLInputElement | HTMLTextAreaElement | null;
     searchPlaceholder?: string;
     searchDebounce?: number;
     emptyText?: string;

package/dist/components/N8nDropdownMenu/DropdownMenu.vue.d.ts

@@ -13,6 +13,8 @@ declare const __VLS_export: <T = string, D = never>(__VLS_props: NonNullable<Awa
         open: () => void;
         close: () => void;
         highlightFirstItem: () => void;
+        handleExternalKeydown: (event: KeyboardEvent) => boolean;
+        focusTrigger: () => void;
     }>) => void;
     attrs: any;
     slots: DropdownMenuSlots<T, D>;

package/dist/components/N8nDropdownMenu/DropdownMenuItem.vue.d.ts

@@ -1,9 +1,10 @@
-import { DropdownMenuItemProps, DropdownMenuItemSlots } from './DropdownMenu.types';
+import { DropdownMenuItemProps, DropdownMenuItemSlots, DropdownMenuSearchMode } from './DropdownMenu.types';
 declare const __VLS_export: <T = string, D = never>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<(DropdownMenuItemProps<T, D> & {
         htmlId?: string;
         disablePointerFocus?: boolean;
         closeOnSelect?: boolean;
+        searchMode?: DropdownMenuSearchMode;
     }) & {
         onSearch?: ((searchTerm: string, itemId: T) => any) | undefined;
         onSelect?: ((value: T) => any) | undefined;

package/dist/components/N8nDropdownMenu/DropdownMenuItems.vue.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenuItemProps, DropdownMenuSlots } from './DropdownMenu.types';
+import { DropdownMenuItemProps, DropdownMenuSearchMode, DropdownMenuSlots } from './DropdownMenu.types';
 declare const __VLS_export: <T = string, D = never>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<{
         items: Array<DropdownMenuItemProps<T, D>>;
@@ -10,6 +10,7 @@ declare const __VLS_export: <T = string, D = never>(__VLS_props: NonNullable<Awa
         getItemDomId?: (index: number) => string;
         onItemHover?: (index: number) => void;
         disablePointerFocus?: boolean;
+        searchMode?: DropdownMenuSearchMode;
     } & {
         onSearch?: ((searchTerm: string, itemId: T) => any) | undefined;
         onSelect?: ((value: T) => any) | undefined;

package/dist/components/N8nDropdownMenu/DropdownMenuSearchableContent.vue.d.ts

@@ -1,15 +1,19 @@
-import { DropdownMenuItemProps, DropdownMenuSlots } from './DropdownMenu.types';
+import { DropdownMenuItemProps, DropdownMenuSearchMode, DropdownMenuSlots } from './DropdownMenu.types';
 declare const __VLS_export: <T = string, D = never>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<{
         open: boolean;
         items: Array<DropdownMenuItemProps<T, D>>;
         searchPlaceholder?: string;
         searchDebounce?: number;
+        searchMode?: DropdownMenuSearchMode;
+        isSubMenu?: boolean;
+        highlightFirstItemOnOpen?: boolean;
     } & {
         onSearch?: ((searchTerm: string, itemId?: T | undefined) => any) | undefined;
         onSelect?: ((value: T) => any) | undefined;
         onClose?: (() => any) | undefined;
         "onSubmenu:toggle"?: ((itemId: T, open: boolean) => any) | undefined;
+        onBack?: (() => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -28,7 +32,7 @@ declare const __VLS_export: <T = string, D = never>(__VLS_props: NonNullable<Awa
             getItemDomId: (index: number) => string;
         }) => void;
     };
-    emit: ((evt: "search", searchTerm: string, itemId?: T | undefined) => void) & ((evt: "select", value: T) => void) & ((evt: "close") => void) & ((evt: "submenu:toggle", itemId: T, open: boolean) => void);
+    emit: ((evt: "search", searchTerm: string, itemId?: T | undefined) => void) & ((evt: "select", value: T) => void) & ((evt: "close") => void) & ((evt: "submenu:toggle", itemId: T, open: boolean) => void) & ((evt: "back") => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/N8nDropdownMenu/index.d.ts

@@ -1,4 +1,4 @@
 export { default as N8nDropdownMenu } from './DropdownMenu.vue';
 export { default as N8nDropdownMenuItem } from './DropdownMenuItem.vue';
 export { useDropdownSearch } from './composables/useDropdownSearch';
-export type { DropdownMenuProps, DropdownMenuItemProps, DropdownMenuSlots, DropdownMenuItemSlots, DropdownMenuEmits, DropdownMenuTrigger, DropdownMenuPlacement, } from './DropdownMenu.types';
+export type { DropdownMenuProps, DropdownMenuItemProps, DropdownMenuSlots, DropdownMenuItemSlots, DropdownMenuEmits, DropdownMenuExposed, DropdownMenuSearchMode, DropdownMenuTrigger, DropdownMenuPlacement, } from './DropdownMenu.types';

package/dist/components/N8nIcon/icons.d.ts

@@ -20,6 +20,7 @@ export declare const deprecatedIconSet: {
     readonly linear: string;
     readonly telegram: string;
     readonly discord: string;
+    readonly teams: string;
     readonly spinner: string;
     readonly xmark: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly mcp: string;
@@ -236,6 +237,7 @@ export declare const updatedIconSet: {
     readonly linear: string;
     readonly telegram: string;
     readonly discord: string;
+    readonly teams: string;
     readonly spinner: string;
     readonly 'node-dirty': string;
     readonly 'node-ellipsis': string;
@@ -270,6 +272,7 @@ export declare const updatedIconSet: {
     readonly bold: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly book: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly 'book-open': import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
+    readonly bookmark: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly bot: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly box: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly brain: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;

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

@@ -10,6 +10,8 @@ export type N8nMarkdownEditorProps = {
     showToolbar?: MarkdownEditorToolbarMode;
     maxHeight?: string | number;
     isCollapsible?: boolean;
+    allowExpandedView?: boolean;
+    expandedViewToolbarMode?: MarkdownEditorToolbarMode;
     extensions?: Extension[];
     editorProps?: EditorOptions['editorProps'];
     containerClass?: string;

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

@@ -33,6 +33,7 @@ declare const __VLS_export: import('vue').DefineComponent<N8nMarkdownEditorProps
     containerClass: string;
     showToolbar: import('./MarkdownEditor.types').MarkdownEditorToolbarMode;
     isCollapsible: boolean;
+    allowExpandedView: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,18 @@
+import { ButtonVariant } from '../../types/button';
+import { IconSize } from '../../types/icon';
+type __VLS_Props = {
+    isExpandedView?: boolean;
+    variant?: ButtonVariant;
+    iconSize?: IconSize;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+}>, {
+    variant: ButtonVariant;
+    iconSize: IconSize;
+    isExpandedView: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -6,11 +6,15 @@ type __VLS_Props = {
     isRawMode?: boolean;
     mode: Exclude<MarkdownEditorToolbarMode, 'never'>;
     variant: MarkdownEditorVariant;
+    allowExpandedView?: boolean;
+    isExpandedView?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:isRawMode": (value: boolean) => any;
+    "toggle-expanded-view": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:isRawMode"?: ((value: boolean) => any) | undefined;
+    "onToggle-expanded-view"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/N8nSelect/Select.vue.d.ts

@@ -128,7 +128,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
         type: PropType<string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | undefined>;
     };
     tagType: {
-        type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "info" | "success" | "warning" | "danger", unknown> | undefined>;
+        type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "info" | "danger" | "success" | "warning", unknown> | undefined>;
     };
     remoteShowSuffix: {
         type: PropType<boolean | undefined>;
@@ -255,7 +255,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
         type: PropType<string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | undefined>;
     };
     tagType: {
-        type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "info" | "success" | "warning" | "danger", unknown> | undefined>;
+        type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "info" | "danger" | "success" | "warning", unknown> | undefined>;
     };
     remoteShowSuffix: {
         type: PropType<boolean | undefined>;

package/dist/components/N8nSelectedItemsInfo/SelectedItemsInfo.vue.d.ts

@@ -0,0 +1,22 @@
+export interface SelectedItemsInfoProps {
+    selectedCount: number;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<SelectedItemsInfoProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    deleteSelected: () => any;
+    clearSelection: () => any;
+}, string, import('vue').PublicProps, Readonly<SelectedItemsInfoProps> & Readonly<{
+    onDeleteSelected?: (() => any) | undefined;
+    onClearSelection?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/N8nSelectedItemsInfo/index.d.ts

@@ -0,0 +1,3 @@
+import { default as N8nSelectedItemsInfo } from './SelectedItemsInfo.vue';
+export default N8nSelectedItemsInfo;
+export type { SelectedItemsInfoProps } from './SelectedItemsInfo.vue';