@n8n/design-system 2.33.4 → 2.34.1

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

@@ -0,0 +1,29 @@
+import { TextSize, BadgeTheme } from '../../types';
+interface BadgeProps {
+    theme?: BadgeTheme;
+    size?: TextSize;
+    bold?: boolean;
+    showBorder?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/N8nBadge/index.d.ts

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

package/dist/components/N8nBlockUi/BlockUi.vue.d.ts

@@ -0,0 +1,7 @@
+type BlockUiProps = {
+    show: boolean;
+};
+declare const _default: import('vue').DefineComponent<BlockUiProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BlockUiProps> & Readonly<{}>, {
+    show: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,59 @@
+export type PathItem = {
+    id: string;
+    label: string;
+    href?: string;
+};
+type Props = {
+    items: PathItem[];
+    hiddenItems?: PathItem[] | Promise<PathItem[]>;
+    theme?: 'small' | 'medium';
+    showBorder?: boolean;
+    loadingSkeletonRows?: number;
+    separator?: string;
+    highlightLastItem?: boolean;
+    hiddenItemsTrigger?: 'hover' | 'click';
+    pathTruncated?: boolean;
+    dragActive?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemSelected: (item: PathItem) => any;
+    tooltipOpened: () => any;
+    tooltipClosed: () => any;
+    hiddenItemsLoadingError: (error: unknown) => any;
+    itemHover: (item: PathItem) => any;
+    itemDrop: (item: PathItem) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onItemSelected?: ((item: PathItem) => any) | undefined;
+    onTooltipOpened?: (() => any) | undefined;
+    onTooltipClosed?: (() => any) | undefined;
+    onHiddenItemsLoadingError?: ((error: unknown) => any) | undefined;
+    onItemHover?: ((item: PathItem) => any) | undefined;
+    onItemDrop?: ((item: PathItem) => any) | undefined;
+}>, {
+    theme: "small" | "medium";
+    showBorder: boolean;
+    separator: string;
+    hiddenItems: PathItem[] | Promise<PathItem[]>;
+    loadingSkeletonRows: number;
+    highlightLastItem: boolean;
+    hiddenItemsTrigger: "hover" | "click";
+    pathTruncated: boolean;
+    dragActive: 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/N8nBreadcrumbs/index.d.ts

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

package/dist/components/N8nButton/Button.vue.d.ts

@@ -0,0 +1,24 @@
+import { ButtonProps } from '../../types/button';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+    disabled: boolean;
+    size: import('../..').ButtonSize;
+    variant: import('../..').ButtonVariant | import('../..').LegacyButtonVariant;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/N8nButton/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export type ButtonListOrientation = 'horizontal' | 'vertical';
+export type ButtonListProps = {
+    orientation?: ButtonListOrientation;
+};

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

@@ -0,0 +1,20 @@
+import { ButtonListProps } from './ButtonList.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonListProps> & Readonly<{}>, {
+    orientation: import('./ButtonList.types').ButtonListOrientation;
+}, {}, {}, {}, 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/N8nButtonList/index.d.ts

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

package/dist/components/N8nCallout/Callout.vue.d.ts

@@ -0,0 +1,35 @@
+import { IconSize, CalloutTheme } from '../../types';
+import { IconName } from '../N8nIcon/icons';
+interface CalloutProps {
+    theme: CalloutTheme;
+    icon?: IconName;
+    iconTooltip?: string;
+    iconSize?: IconSize;
+    iconless?: boolean;
+    slim?: boolean;
+    roundCorners?: boolean;
+    onlyBottomBorder?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        actions?(_: {}): any;
+        trailingContent?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CalloutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalloutProps> & Readonly<{}>, {
+    iconSize: IconSize;
+    iconTooltip: string;
+    roundCorners: 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/N8nCallout/index.d.ts

@@ -0,0 +1,3 @@
+import { default as N8nCallout } from './Callout.vue';
+export type { CalloutTheme } from '../../types';
+export default N8nCallout;

package/dist/components/N8nCard/Card.vue.d.ts

@@ -0,0 +1,26 @@
+interface CardProps {
+    hoverable?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prepend?(_: {}): any;
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+        append?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    hoverable: 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/N8nCard/index.d.ts

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

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

@@ -0,0 +1,88 @@
+export interface N8nChatInputProps {
+    modelValue?: string;
+    placeholder?: string;
+    maxLength?: number;
+    maxLinesBeforeScroll?: number;
+    streaming?: boolean;
+    disabled?: boolean;
+    disabledTooltip?: string;
+    creditsQuota?: number;
+    creditsRemaining?: number;
+    showAskOwnerTooltip?: boolean;
+    refocusAfterSend?: boolean;
+    autofocus?: boolean;
+    buttonLabel?: string;
+    layout?: 'multiline' | 'single-line';
+    autosize?: boolean | {
+        minRows: number;
+        maxRows: number;
+    };
+    submitDisabled?: boolean;
+    sendButtonTestId?: string;
+    stopButtonTestId?: string;
+}
+declare function focusInput(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        leading?(_: {}): any;
+        'left-actions'?(_: {}): any;
+        actions?(_: {}): any;
+        'extra-actions'?(_: {}): any;
+        'right-actions'?(_: {}): any;
+        trailing?(_: {}): any;
+    };
+    refs: {
+        textareaRef: HTMLTextAreaElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<N8nChatInputProps, {
+    focusInput: typeof focusInput;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: FocusEvent) => any;
+    stop: () => any;
+    "update:modelValue": (value: string) => any;
+    blur: (event: FocusEvent) => any;
+    submit: () => any;
+    "upgrade-click": () => any;
+}, string, import('vue').PublicProps, Readonly<N8nChatInputProps> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onStop?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+    "onUpgrade-click"?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    modelValue: string;
+    autosize: boolean | {
+        minRows: number;
+        maxRows: number;
+    };
+    autofocus: boolean;
+    streaming: boolean;
+    maxLength: number;
+    sendButtonTestId: string;
+    stopButtonTestId: string;
+    maxLinesBeforeScroll: number;
+    disabledTooltip: string;
+    creditsQuota: number;
+    creditsRemaining: number;
+    showAskOwnerTooltip: boolean;
+    refocusAfterSend: boolean;
+    buttonLabel: string;
+    layout: "multiline" | "single-line";
+    submitDisabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textareaRef: HTMLTextAreaElement;
+}, any>;
+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/N8nChatInput/index.d.ts

@@ -0,0 +1,4 @@
+import { default as N8nChatInput } from './ChatInput.vue';
+export { useChatInputAutoFocus } from './useChatInputAutoFocus';
+export type { ChatInputAutoFocusOptions, ChatInputAutoFocusTarget, } from './useChatInputAutoFocus';
+export default N8nChatInput;

package/dist/components/N8nChatInput/useChatInputAutoFocus.d.ts

@@ -0,0 +1,10 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+export interface ChatInputAutoFocusTarget {
+    focus: () => void;
+    appendText?: (text: string) => void;
+}
+export interface ChatInputAutoFocusOptions {
+    disabled?: MaybeRefOrGetter<boolean>;
+    reservedKeys?: MaybeRefOrGetter<readonly string[]>;
+}
+export declare function useChatInputAutoFocus(inputRef: Ref<ChatInputAutoFocusTarget | null | undefined>, options?: ChatInputAutoFocusOptions): void;

package/dist/components/N8nChatMessage/ChatMessage.vue.d.ts

@@ -0,0 +1,30 @@
+interface Props {
+    role: 'assistant' | 'user';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): unknown;
+        actions?(): unknown;
+    }> & {
+        default(): unknown;
+        actions?(): unknown;
+    };
+    refs: {
+        message: HTMLDivElement;
+        userBubble: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    message: HTMLDivElement;
+    userBubble: HTMLDivElement;
+}, 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/N8nChatMessage/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ChatMessage.vue';

package/dist/components/N8nCircleLoader/CircleLoader.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    radius: number;
+    progress: number;
+    strokeWidth?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    strokeWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

package/dist/components/N8nCodeBlock/CodeBlock.types.d.ts

@@ -0,0 +1,14 @@
+export declare const CODE_BLOCK_LANGUAGES: readonly ["json", "python", "typescript"];
+export type CodeBlockLanguage = (typeof CODE_BLOCK_LANGUAGES)[number] | 'auto';
+export interface CodeBlockProps {
+    code: string;
+    language?: CodeBlockLanguage;
+    copyable?: boolean;
+    collapsed?: boolean;
+    maxHeight?: number;
+    ariaLabel?: string;
+}
+export interface CodeBlockEmits {
+    'update:collapsed': [collapsed: boolean];
+    copy: [code: string];
+}

package/dist/components/N8nCodeBlock/CodeBlock.vue.d.ts

@@ -0,0 +1,20 @@
+import { CodeBlockProps } from './CodeBlock.types';
+type __VLS_Props = Omit<CodeBlockProps, 'collapsed'>;
+type __VLS_PublicProps = {
+    'collapsed'?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: (code: string) => any;
+    "update:collapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCopy?: ((code: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    language: import('./CodeBlock.types').CodeBlockLanguage;
+    maxHeight: number;
+    copyable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    pre: HTMLPreElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default } from './CodeBlock.vue';
+export * from './CodeBlock.types';

package/dist/components/N8nCollapsiblePanel/CollapsiblePanel.vue.d.ts

@@ -0,0 +1,36 @@
+export interface Props {
+    title?: string;
+    modelValue?: boolean;
+    showActionsOnHover?: boolean;
+    disabled?: boolean;
+    disableAnimation?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        actions?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    disabled: boolean;
+    modelValue: boolean;
+    showActionsOnHover: boolean;
+    disableAnimation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/N8nCollapsiblePanel/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CollapsiblePanel } from './CollapsiblePanel.vue';
+export default CollapsiblePanel;
+export type { Props as CollapsiblePanelProps } from './CollapsiblePanel.vue';

package/dist/components/N8nColorPicker/ColorPicker.vue.d.ts

@@ -0,0 +1,31 @@
+export type ColorPickerProps = {
+    disabled?: boolean;
+    size?: 'small' | 'large';
+    showAlpha?: boolean;
+    colorFormat?: 'hex' | 'rgb' | 'hsl' | 'hsv';
+    popperClass?: string;
+    predefine?: string[];
+    modelValue?: string;
+    showInput?: boolean;
+    name?: string;
+};
+declare const _default: import('vue').DefineComponent<ColorPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+    change: (value: string | null) => any;
+    "active-change": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<ColorPickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    onChange?: ((value: string | null) => any) | undefined;
+    "onActive-change"?: ((value: string | null) => any) | undefined;
+}>, {
+    name: string;
+    disabled: boolean;
+    popperClass: string;
+    size: "small" | "large";
+    modelValue: string;
+    showAlpha: boolean;
+    colorFormat: "hex" | "rgb" | "hsl" | "hsv";
+    predefine: string[];
+    showInput: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

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