@n8n/design-system 2.33.4 → 2.34.0

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

@@ -0,0 +1,2 @@
+import { Directive } from 'vue';
+export declare const vSvgContent: Directive<SVGElement, string | null | undefined>;

package/dist/components/N8nIconButton/IconButton.vue.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonProps } from '../../types/button';
+declare const _default: import('vue').DefineComponent<IconButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconButtonProps> & Readonly<{}>, {
+    disabled: boolean;
+    size: import('../..').ButtonSize;
+    loading: boolean;
+    iconOnly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import { default as IconButton } from './IconButton.vue';
+export default IconButton;

package/dist/components/N8nIconPicker/IconColorPicker.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_PublicProps = {
+    modelValue?: string | undefined;
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    isOpen: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/N8nIconPicker/IconPicker.vue.d.ts

@@ -0,0 +1,206 @@
+import { nextTick } from 'vue';
+import { IconOrEmoji } from './types';
+type Props = {
+    buttonTooltip: string;
+    buttonSize?: 'small' | 'large' | 'xlarge';
+    isReadOnly?: boolean;
+    iconsOnly?: boolean;
+    showColorPicker?: boolean;
+    containerClass?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    buttonClass?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+};
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: IconOrEmoji;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: IconOrEmoji) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: IconOrEmoji) => any) | undefined;
+}>, {
+    buttonSize: "small" | "large" | "xlarge";
+    iconsOnly: boolean;
+    showColorPicker: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+    searchInputRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | number | null | undefined;
+            readonly type?: import('../N8nInput').InputType | undefined;
+            readonly size?: import('../N8nInput').InputSize | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly required?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly masked?: boolean | undefined;
+            readonly maxlength?: number | undefined;
+            readonly autosize?: boolean | {
+                minRows?: number;
+                maxRows?: number;
+            } | undefined;
+            readonly autofocus?: boolean | undefined;
+            readonly autocomplete?: import('../N8nInput').InputAutocomplete | undefined;
+            readonly name?: string | undefined;
+            readonly onInput?: ((value: string) => any) | undefined;
+            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onMousedown?: ((event: MouseEvent) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            inputRef: HTMLTextAreaElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "input", value: string) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "mousedown", event: MouseEvent) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../N8nInput').InputProps> & Readonly<{
+            onInput?: ((value: string) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onMousedown?: ((event: MouseEvent) => any) | undefined;
+        }>, {
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void | undefined;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            input: (value: string) => any;
+            focus: (event: FocusEvent) => any;
+            "update:modelValue": (value: string) => any;
+            blur: (event: FocusEvent) => any;
+            keydown: (event: KeyboardEvent) => any;
+            mousedown: (event: MouseEvent) => any;
+        }, string, {
+            type: import('../N8nInput').InputType;
+            name: string;
+            disabled: boolean;
+            required: boolean;
+            size: import('../N8nInput').InputSize;
+            placeholder: string;
+            rows: number;
+            modelValue: string | number | null;
+            readonly: boolean;
+            clearable: boolean;
+            masked: boolean;
+            maxlength: number;
+            autosize: boolean | {
+                minRows?: number;
+                maxRows?: number;
+            };
+            autofocus: boolean;
+            autocomplete: import('../N8nInput').InputAutocomplete;
+        }, {}, 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 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<{
+        type: import('../N8nInput').InputType;
+        name: string;
+        disabled: boolean;
+        required: boolean;
+        size: import('../N8nInput').InputSize;
+        placeholder: string;
+        rows: number;
+        modelValue: string | number | null;
+        readonly: boolean;
+        clearable: boolean;
+        masked: boolean;
+        maxlength: number;
+        autosize: boolean | {
+            minRows?: number;
+            maxRows?: number;
+        };
+        autofocus: boolean;
+        autocomplete: import('../N8nInput').InputAutocomplete;
+    }> & Omit<Readonly<import('../N8nInput').InputProps> & Readonly<{
+        onInput?: ((value: string) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onMousedown?: ((event: MouseEvent) => any) | undefined;
+    }>, "select" | "focus" | "blur" | ("type" | "name" | "disabled" | "required" | "size" | "placeholder" | "rows" | "modelValue" | "readonly" | "clearable" | "masked" | "maxlength" | "autosize" | "autofocus" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void | undefined;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('../N8nInput').InputSlots> & import('../N8nInput').InputSlots;
+    }) | null;
+    colorPickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    }>, {
+        isOpen: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    }>, {
+        isOpen: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, {}> | null;
+    skinTonePickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {
+        isOpen: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {
+        isOpen: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/N8nIconPicker/SkinTonePicker.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_PublicProps = {
+    modelValue?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    isOpen: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/N8nIconPicker/constants.d.ts

@@ -0,0 +1,2 @@
+import { IconName } from '../N8nIcon/icons';
+export declare const ALL_ICON_PICKER_ICONS: IconName[];

package/dist/components/N8nIconPicker/emojiData.d.ts

@@ -0,0 +1,12 @@
+export interface EmojiEntry {
+    u: string;
+    l: string;
+    k: string[];
+    s?: [string, string, string, string, string];
+}
+export interface EmojiSection {
+    key: string;
+    labelKey: string;
+    emojis: EmojiEntry[];
+}
+export declare const emojiSections: EmojiSection[];

package/dist/components/N8nIconPicker/iconCategories.d.ts

@@ -0,0 +1,8 @@
+export interface IconCategoryDefinition {
+    key: string;
+    labelKey: string;
+    slugs: string[];
+}
+export declare const ICON_CATEGORIES: IconCategoryDefinition[];
+export declare const OTHER_CATEGORY: IconCategoryDefinition;
+export declare function getPrimaryCategoryKey(categories: string[]): string;

package/dist/components/N8nIconPicker/iconPickerBlocklist.d.ts

@@ -0,0 +1 @@
+export declare const ICON_PICKER_BLOCKLIST: ReadonlySet<string>;

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

@@ -0,0 +1,2 @@
+import { default as IconPicker } from './IconPicker.vue';
+export default IconPicker;

package/dist/components/N8nIconPicker/lucideIconData.d.ts

@@ -0,0 +1,6 @@
+export interface LucideIconMeta {
+    keywords: string[];
+    categories: string[];
+}
+export declare const lucideIcons: Record<string, LucideIconMeta>;
+export declare const lucideCategories: string[];

package/dist/components/N8nIconPicker/types.d.ts

@@ -0,0 +1,10 @@
+import { IconName } from '../N8nIcon/icons';
+export type IconOrEmoji = {
+    type: 'icon';
+    value: IconName | (string & {});
+    color?: string;
+} | {
+    type: 'emoji';
+    value: string;
+};
+export declare function isIconOrEmoji(icon: unknown): icon is IconOrEmoji;

package/dist/components/N8nIconPicker/useIconPickerSearch.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { EmojiSection, EmojiEntry } from './emojiData';
+import { LucideIconMeta } from './lucideIconData';
+export interface DisplayEmojiEntry extends EmojiEntry {
+    display: string;
+}
+export interface DisplayEmojiSection {
+    key: string;
+    labelKey: string;
+    emojis: DisplayEmojiEntry[];
+}
+export interface IconSection {
+    key: string;
+    labelKey: string;
+    icons: Array<[string, LucideIconMeta]>;
+}
+export declare function useIconPickerSearch(lucideData: Ref<Record<string, LucideIconMeta> | null>, emojiSectionsData: Ref<EmojiSection[]>, query: Ref<string>, selectedCategory: Ref<string | null>, selectedSkinTone: Ref<number>, delay?: number): {
+    filteredIcons: import('vue').ComputedRef<[string, LucideIconMeta][]>;
+    filteredIconSections: import('vue').ComputedRef<IconSection[]>;
+    filteredEmojiSections: import('vue').ComputedRef<DisplayEmojiSection[]>;
+    debouncedQuery: Readonly<Ref<string, string>>;
+};

package/dist/components/N8nIconPicker/useIconPickerVirtualRows.d.ts

@@ -0,0 +1,25 @@
+import { LucideIconMeta } from './lucideIconData';
+import { DisplayEmojiEntry, DisplayEmojiSection, IconSection } from './useIconPickerSearch';
+type IconSectionRowBase = {
+    sectionKey: string;
+    labelKey: string;
+};
+export type IconPickerHeaderRow = IconSectionRowBase & {
+    id: string;
+    type: 'header';
+};
+export type IconPickerIconRow = Partial<IconSectionRowBase> & {
+    id: string;
+    type: 'icon-row';
+    iconNames: string[];
+};
+export type IconPickerEmojiRow = IconSectionRowBase & {
+    id: string;
+    type: 'emoji-row';
+    emojis: DisplayEmojiEntry[];
+};
+export type IconPickerVirtualRow = IconPickerHeaderRow | IconPickerIconRow | IconPickerEmojiRow;
+export declare function buildIconBrowseRows(sections: IconSection[], columns?: number): IconPickerVirtualRow[];
+export declare function buildIconSearchRows(icons: Array<[string, LucideIconMeta]>, columns?: number): IconPickerVirtualRow[];
+export declare function buildEmojiRows(sections: DisplayEmojiSection[], columns?: number): IconPickerVirtualRow[];
+export {};

package/dist/components/N8nInfoAccordion/InfoAccordion.vue.d.ts

@@ -0,0 +1,48 @@
+import { EventBus } from '@n8n/utils/event-bus';
+import { IconColor } from '../../types/icon';
+import { IconName } from '../N8nIcon/icons';
+export interface IAccordionItem {
+    id: string;
+    label: string;
+    icon: IconName;
+    iconColor?: IconColor;
+    tooltip?: string | null;
+}
+interface InfoAccordionProps {
+    title?: string;
+    description?: string;
+    items?: IAccordionItem[];
+    initiallyExpanded?: boolean;
+    headerIcon?: {
+        icon: IconName;
+        color: IconColor;
+    };
+    eventBus?: EventBus;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        customContent?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InfoAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "click:body": (e: MouseEvent) => any;
+    tooltipClick: (item: string, e: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<InfoAccordionProps> & Readonly<{
+    "onClick:body"?: ((e: MouseEvent) => any) | undefined;
+    onTooltipClick?: ((item: string, e: MouseEvent) => any) | undefined;
+}>, {
+    items: IAccordionItem[];
+    eventBus: EventBus;
+    initiallyExpanded: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { default as N8nInfoAccordion } from './InfoAccordion.vue';
+export default N8nInfoAccordion;
+export type { IAccordionItem } from './InfoAccordion.vue';

package/dist/components/N8nInfoTip/InfoTip.vue.d.ts

@@ -0,0 +1,37 @@
+import { IconSize } from '../../types';
+import { Placement } from '../N8nTooltip/Tooltip.types';
+declare const THEME: readonly ["info", "info-light", "warning", "warning-light", "danger", "success"];
+declare const TYPE: readonly ["note", "tooltip"];
+interface InfoTipProps {
+    theme?: (typeof THEME)[number];
+    type?: (typeof TYPE)[number];
+    bold?: boolean;
+    tooltipPlacement?: Placement;
+    enterable?: boolean;
+    size?: IconSize;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InfoTipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InfoTipProps> & Readonly<{}>, {
+    bold: boolean;
+    type: (typeof TYPE)[number];
+    enterable: boolean;
+    size: IconSize;
+    theme: (typeof THEME)[number];
+    tooltipPlacement: Placement;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { default as InfoTip } from './InfoTip.vue';
+export default InfoTip;

package/dist/components/N8nInlineTextEdit/InlineTextEdit.vue.d.ts

@@ -0,0 +1,196 @@
+type Props = {
+    modelValue: string;
+    readOnly?: boolean;
+    maxLength?: number;
+    maxWidth?: number | string;
+    minWidth?: number;
+    placeholder?: string;
+    disabled?: boolean;
+};
+declare function forceFocus(): void;
+declare function forceCancel(): void;
+declare const _default: import('vue').DefineComponent<Props, {
+    forceFocus: typeof forceFocus;
+    forceCancel: typeof forceCancel;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:model-value": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    readOnly: boolean;
+    maxLength: number;
+    maxWidth: number | string;
+    minWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    editableRoot: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly defaultValue?: string | undefined;
+            readonly modelValue?: string | null | undefined;
+            readonly placeholder?: string | {
+                edit: string;
+                preview: string;
+            } | undefined;
+            readonly dir?: ("ltr" | "rtl") | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly activationMode?: ("focus" | "none" | "dblclick") | undefined;
+            readonly selectOnFocus?: boolean | undefined;
+            readonly submitMode?: ("none" | "blur" | "both" | "enter") | undefined;
+            readonly startWithEditMode?: boolean | undefined;
+            readonly maxLength?: number | undefined;
+            readonly autoResize?: boolean | undefined;
+            readonly id?: string | undefined;
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+            readonly name?: string | undefined;
+            readonly required?: boolean | undefined;
+            readonly onSubmit?: ((value: string | null | undefined) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+            readonly "onUpdate:state"?: ((state: "cancel" | "submit" | "edit") => any) | undefined | 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: "update:modelValue", value: string) => void) & ((event: "submit", value: string | null | undefined) => void) & ((event: "update:state", state: "edit" | "submit" | "cancel") => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').EditableRootProps> & Readonly<{
+            onSubmit?: ((value: string | null | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:state"?: ((state: "cancel" | "submit" | "edit") => any) | undefined;
+        }>, {
+            submit: () => void;
+            cancel: () => void;
+            edit: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            submit: (value: string | null | undefined) => any;
+            "update:modelValue": (value: string) => any;
+            "update:state": (state: "cancel" | "submit" | "edit") => any;
+        }, string, {
+            required: boolean;
+            as: import('reka-ui').AsTag | import('vue').Component;
+            placeholder: string | {
+                edit: string;
+                preview: string;
+            };
+            disabled: boolean;
+            activationMode: "focus" | "none" | "dblclick";
+            selectOnFocus: boolean;
+            submitMode: "none" | "blur" | "both" | "enter";
+            autoResize: boolean;
+        }, {}, 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<{
+        required: boolean;
+        as: import('reka-ui').AsTag | import('vue').Component;
+        placeholder: string | {
+            edit: string;
+            preview: string;
+        };
+        disabled: boolean;
+        activationMode: "focus" | "none" | "dblclick";
+        selectOnFocus: boolean;
+        submitMode: "none" | "blur" | "both" | "enter";
+        autoResize: boolean;
+    }> & Omit<Readonly<import('reka-ui').EditableRootProps> & Readonly<{
+        onSubmit?: ((value: string | null | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:state"?: ((state: "cancel" | "submit" | "edit") => any) | undefined;
+    }>, "disabled" | "required" | "edit" | "placeholder" | "submit" | "as" | "cancel" | "activationMode" | "selectOnFocus" | "submitMode" | "autoResize"> & import('vue').ShallowUnwrapRef<{
+        submit: () => void;
+        cancel: () => void;
+        edit: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {
+                isEditing: boolean;
+                modelValue: string | null | undefined;
+                isEmpty: boolean;
+                submit: () => void;
+                cancel: () => void;
+                edit: () => void;
+            }) => any;
+        };
+    }) | null;
+    measureSpan: HTMLSpanElement;
+    input: ({
+        $: 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').EditableInputProps> & 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').EditableInputProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import { default as InlineRename } from './InlineTextEdit.vue';
+export default InlineRename;