@knime/kds-components 0.28.10 → 0.29.1

package/dist/src/containers/FileExplorer/KdsFileExplorer.vue.d.ts

@@ -0,0 +1,1670 @@
+import { nextTick } from 'vue';
+import { KdsFileExplorerItem, KdsFileExplorerProps } from './types';
+/**
+ * Component that handles FileExplorer interactions.
+ */
+type __VLS_Props = KdsFileExplorerProps;
+type __VLS_PublicProps = {
+    "activeRenamedItemId"?: string | null;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        item: KdsFileExplorerItem<Record<string, unknown>>;
+        isRenameActive: boolean;
+        isSelected: boolean;
+    }) => any>> & {
+        itemIcon?(_: {
+            item: KdsFileExplorerItem<Record<string, unknown>>;
+        }): any;
+        customDragPreview?(_: {}): any;
+    };
+    refs: {
+        itemBack: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            isDragging: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            isDragging: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}> | null;
+        virtualItemRefs: (({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly blacklistedNames: Array<string>;
+                readonly item: KdsFileExplorerItem;
+                readonly isSelected: boolean;
+                readonly isDragging: boolean;
+                readonly isRenameActive: boolean;
+                readonly disabled: boolean;
+                readonly isDraggingEnabled?: boolean | undefined;
+                readonly hasOptionsMenu?: boolean | undefined;
+                readonly onClick?: ((nativeEvent: MouseEvent) => any) | undefined;
+                readonly onContextmenu?: ((nativeEvent: MouseEvent) => any) | undefined;
+                readonly onDblclick?: ((nativeEvent: MouseEvent) => any) | undefined;
+                readonly onDrag?: ((nativeEvent: DragEvent) => any) | undefined;
+                readonly onDragend?: ((nativeEvent: DragEvent) => any) | undefined;
+                readonly onDragenter?: ((nativeEvent: DragEvent) => any) | undefined;
+                readonly onDragleave?: ((nativeEvent: DragEvent) => any) | undefined;
+                readonly onDragover?: ((nativeEvent: DragEvent) => any) | undefined;
+                readonly onDragstart?: ((nativeEvent: DragEvent) => any) | undefined;
+                readonly onDrop?: ((nativeEvent: DragEvent) => any) | undefined;
+                readonly "onRename:submit"?: ((payload: {
+                    itemId: string;
+                    newName: string;
+                }) => any) | undefined;
+                readonly "onRename:clear"?: (() => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                baseItem: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                    isSelected: {
+                        type: BooleanConstructor;
+                        required: true;
+                    };
+                    isDragging: {
+                        type: BooleanConstructor;
+                        required: true;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    disabled: boolean;
+                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('vue').ExtractPropTypes<{
+                    isSelected: {
+                        type: BooleanConstructor;
+                        required: true;
+                    };
+                    isDragging: {
+                        type: BooleanConstructor;
+                        required: true;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, {
+                    disabled: boolean;
+                }> | null;
+                renameInputContainer: HTMLDivElement;
+                renameInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                    modelValue?: string;
+                } & {
+                    description?: string;
+                } & {
+                    label: string;
+                    ariaLabel?: never;
+                } & {
+                    id?: string;
+                } & {
+                    error?: boolean | undefined;
+                    subText?: string | undefined;
+                    validating?: boolean | undefined;
+                    preserveSubTextSpace?: boolean | undefined;
+                } & {
+                    placeholder?: string;
+                    disabled?: boolean;
+                    autocomplete?: string;
+                } & {
+                    suggestions?: string[];
+                    suggestionsHeadline?: string;
+                }) | ({
+                    modelValue?: string;
+                } & {
+                    description?: string;
+                } & {
+                    label?: never;
+                    ariaLabel: string;
+                } & {
+                    id?: string;
+                } & {
+                    error?: boolean | undefined;
+                    subText?: string | undefined;
+                    validating?: boolean | undefined;
+                    preserveSubTextSpace?: boolean | undefined;
+                } & {
+                    placeholder?: string;
+                    disabled?: boolean;
+                    autocomplete?: string;
+                } & {
+                    suggestions?: string[];
+                    suggestionsHeadline?: string;
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }>, {
+                    focus: (options?: FocusOptions) => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: string) => any;
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    baseInput: ({
+                        $: import('vue').ComponentInternalInstance;
+                        $data: {};
+                        $props: {
+                            readonly modelValue?: string | undefined;
+                            readonly id?: string | undefined;
+                            readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                            readonly min?: number | string | undefined;
+                            readonly max?: number | string | undefined;
+                            readonly ariaExpanded?: boolean | undefined;
+                            readonly step?: number | undefined;
+                            readonly placeholder?: string | undefined;
+                            readonly disabled?: boolean | undefined;
+                            readonly leadingIcon?: import('../..').KdsIconName | undefined;
+                            readonly trailingIcon?: import('../..').KdsIconName | undefined;
+                            readonly error?: boolean | undefined;
+                            readonly autocomplete?: string | undefined;
+                            readonly ariaLabel?: string | undefined;
+                            readonly ariaLabelledby?: string | undefined;
+                            readonly ariaDescribedby?: string | undefined;
+                            readonly ariaInvalid?: boolean | undefined;
+                            readonly role?: string | undefined;
+                            readonly ariaValuenow?: number | undefined;
+                            readonly ariaValuemin?: number | undefined;
+                            readonly ariaValuemax?: number | undefined;
+                            readonly ariaValuetext?: string | undefined;
+                            readonly ariaActivedescendant?: string | undefined;
+                            readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                            readonly ariaControls?: string | undefined;
+                            readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                            readonly unit?: string | undefined;
+                            readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                            readonly clearable?: boolean | undefined;
+                            readonly pattern?: string | undefined;
+                            readonly segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
+                            readonly onInput?: ((event: Event) => any) | undefined;
+                            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                            readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                        $attrs: import('vue').Attrs;
+                        $refs: {
+                            [x: string]: unknown;
+                        } & {
+                            input: HTMLInputElement;
+                        };
+                        $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", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+                        $el: HTMLDivElement;
+                        $options: import('vue').ComponentOptionsBase<Readonly<{
+                            modelValue?: string;
+                        } & {
+                            id?: string;
+                            type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                            min?: number | string;
+                            max?: number | string;
+                            ariaExpanded?: boolean;
+                            step?: number;
+                            placeholder?: string;
+                            disabled?: boolean;
+                            leadingIcon?: import('../..').KdsIconName;
+                            trailingIcon?: import('../..').KdsIconName;
+                            error?: boolean;
+                            autocomplete?: string;
+                            ariaLabel?: string;
+                            ariaLabelledby?: string;
+                            ariaDescribedby?: string;
+                            ariaInvalid?: boolean;
+                            role?: string;
+                            ariaValuenow?: number;
+                            ariaValuemin?: number;
+                            ariaValuemax?: number;
+                            ariaValuetext?: string;
+                            ariaActivedescendant?: string;
+                            ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                            ariaControls?: string;
+                            ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                            unit?: string;
+                            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                            clearable?: boolean;
+                            pattern?: string;
+                            segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+                        }> & Readonly<{
+                            onInput?: ((event: Event) => any) | undefined;
+                            onClick?: ((event: MouseEvent) => any) | undefined;
+                            onBlur?: ((event: FocusEvent) => any) | undefined;
+                            onFocus?: ((event: FocusEvent) => any) | undefined;
+                            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                        }>, {
+                            focus: (options?: FocusOptions) => void;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                            input: (event: Event) => any;
+                            click: (event: MouseEvent) => any;
+                            blur: (event: FocusEvent) => any;
+                            focus: (event: FocusEvent) => any;
+                            keydown: (event: KeyboardEvent) => any;
+                            paste: (event: ClipboardEvent) => any;
+                            "update:modelValue": (value: string) => any;
+                        }, string, {}, {}, 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 : (
+                        /** KEYBOARD NAV */
+                        ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                    } & Readonly<{}> & Omit<Readonly<{
+                        modelValue?: string;
+                    } & {
+                        id?: string;
+                        type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                        min?: number | string;
+                        max?: number | string;
+                        ariaExpanded?: boolean;
+                        step?: number;
+                        placeholder?: string;
+                        disabled?: boolean;
+                        leadingIcon?: import('../..').KdsIconName;
+                        trailingIcon?: import('../..').KdsIconName;
+                        error?: boolean;
+                        autocomplete?: string;
+                        ariaLabel?: string;
+                        ariaLabelledby?: string;
+                        ariaDescribedby?: string;
+                        ariaInvalid?: boolean;
+                        role?: string;
+                        ariaValuenow?: number;
+                        ariaValuemin?: number;
+                        ariaValuemax?: number;
+                        ariaValuetext?: string;
+                        ariaActivedescendant?: string;
+                        ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                        ariaControls?: string;
+                        ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                        unit?: string;
+                        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                        clearable?: boolean;
+                        pattern?: string;
+                        segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+                    }> & Readonly<{
+                        onInput?: ((event: Event) => any) | undefined;
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                        onBlur?: ((event: FocusEvent) => any) | undefined;
+                        onFocus?: ((event: FocusEvent) => any) | undefined;
+                        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    }>, "focus"> & {
+                        focus: (options?: FocusOptions) => void;
+                    } & {} & import('vue').ComponentCustomProperties & {} & {
+                        $slots: {
+                            leading?(_: {}): any;
+                            trailing?(_: {}): any;
+                        };
+                    }) | null;
+                    popoverRef: ({
+                        $: import('vue').ComponentInternalInstance;
+                        $data: {};
+                        $props: ({
+                            readonly modelValue?: boolean | undefined;
+                            readonly role?: import('../..').KdsPopoverRole | undefined;
+                            readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                            readonly fullWidth?: boolean | undefined;
+                            readonly maxInlineSize?: string | undefined;
+                            readonly content?: string | undefined;
+                            readonly placement?: Exclude<import('../..').KdsPopoverPlacement, "custom"> | undefined;
+                            readonly customPlacementPosition?: never | undefined;
+                            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                        } | {
+                            readonly modelValue?: boolean | undefined;
+                            readonly role?: import('../..').KdsPopoverRole | undefined;
+                            readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                            readonly fullWidth?: boolean | undefined;
+                            readonly maxInlineSize?: string | undefined;
+                            readonly content?: string | undefined;
+                            readonly placement: "custom";
+                            readonly customPlacementPosition: {
+                                x: number;
+                                y: number;
+                            };
+                            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                        $attrs: import('vue').Attrs;
+                        $refs: {
+                            [x: string]: unknown;
+                        } & {
+                            popoverEl: HTMLDivElement;
+                        };
+                        $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: boolean) => void;
+                        $el: HTMLDivElement;
+                        $options: import('vue').ComponentOptionsBase<Readonly<({
+                            modelValue?: boolean;
+                        } & {
+                            role?: import('../..').KdsPopoverRole;
+                            popoverType?: import('../..').KdsPopoverType;
+                            fullWidth?: boolean;
+                            maxInlineSize?: string;
+                            content?: string;
+                        } & {
+                            placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                            customPlacementPosition?: never;
+                        }) | ({
+                            modelValue?: boolean;
+                        } & {
+                            role?: import('../..').KdsPopoverRole;
+                            popoverType?: import('../..').KdsPopoverType;
+                            fullWidth?: boolean;
+                            maxInlineSize?: string;
+                            content?: string;
+                        } & {
+                            placement: "custom";
+                            customPlacementPosition: {
+                                x: number;
+                                y: number;
+                            };
+                        })> & Readonly<{
+                            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                        }>, {
+                            anchorStyle: Record<string, string>;
+                            popoverId: string;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                            "update:modelValue": (value: boolean) => any;
+                        }, string, {}, {}, 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 : (
+                        /** KEYBOARD NAV */
+                        ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                    } & Readonly<{}> & Omit<{} & (Readonly<({
+                        modelValue?: boolean;
+                    } & {
+                        role?: import('../..').KdsPopoverRole;
+                        popoverType?: import('../..').KdsPopoverType;
+                        fullWidth?: boolean;
+                        maxInlineSize?: string;
+                        content?: string;
+                    } & {
+                        placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                        customPlacementPosition?: never;
+                    }) | ({
+                        modelValue?: boolean;
+                    } & {
+                        role?: import('../..').KdsPopoverRole;
+                        popoverType?: import('../..').KdsPopoverType;
+                        fullWidth?: boolean;
+                        maxInlineSize?: string;
+                        content?: string;
+                    } & {
+                        placement: "custom";
+                        customPlacementPosition: {
+                            x: number;
+                            y: number;
+                        };
+                    })> & Readonly<{
+                        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    }>), "anchorStyle" | "popoverId"> & {
+                        anchorStyle: Record<string, string>;
+                        popoverId: string;
+                    } & {} & import('vue').ComponentCustomProperties & {} & {
+                        $slots: {
+                            default?(_: {}): any;
+                        };
+                    }) | null;
+                    listContainerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').KdsListContainerProps> & Readonly<{
+                        onItemClick?: ((id?: string | undefined) => any) | undefined;
+                    }>, {
+                        handleKeydown: (event: KeyboardEvent) => void;
+                        handleFocus: () => void;
+                        handleBlur: () => void;
+                        activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                        focus: () => void;
+                        scrollSelectedIntoView: () => void;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        itemClick: (id?: string | undefined) => any;
+                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                        containerEl: HTMLDivElement;
+                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import('..').KdsListContainerProps> & Readonly<{
+                        onItemClick?: ((id?: string | undefined) => any) | undefined;
+                    }>, {
+                        handleKeydown: (event: KeyboardEvent) => void;
+                        handleFocus: () => void;
+                        handleBlur: () => void;
+                        activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                        focus: () => void;
+                        scrollSelectedIntoView: () => void;
+                    }, {}, {}, {}, {}> | null;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, {} & (Readonly<({
+                    modelValue?: string;
+                } & {
+                    description?: string;
+                } & {
+                    label: string;
+                    ariaLabel?: never;
+                } & {
+                    id?: string;
+                } & {
+                    error?: boolean | undefined;
+                    subText?: string | undefined;
+                    validating?: boolean | undefined;
+                    preserveSubTextSpace?: boolean | undefined;
+                } & {
+                    placeholder?: string;
+                    disabled?: boolean;
+                    autocomplete?: string;
+                } & {
+                    suggestions?: string[];
+                    suggestionsHeadline?: string;
+                }) | ({
+                    modelValue?: string;
+                } & {
+                    description?: string;
+                } & {
+                    label?: never;
+                    ariaLabel: string;
+                } & {
+                    id?: string;
+                } & {
+                    error?: boolean | undefined;
+                    subText?: string | undefined;
+                    validating?: boolean | undefined;
+                    preserveSubTextSpace?: boolean | undefined;
+                } & {
+                    placeholder?: string;
+                    disabled?: boolean;
+                    autocomplete?: string;
+                } & {
+                    suggestions?: string[];
+                    suggestionsHeadline?: string;
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }>), {
+                    focus: (options?: FocusOptions) => void;
+                }, {}, {}, {}, {}> | null;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "click", nativeEvent: MouseEvent) => void) & ((event: "contextmenu", nativeEvent: MouseEvent) => void) & ((event: "dblclick", nativeEvent: MouseEvent) => void) & ((event: "drag", nativeEvent: DragEvent) => void) & ((event: "dragend", nativeEvent: DragEvent) => void) & ((event: "dragenter", nativeEvent: DragEvent) => void) & ((event: "dragleave", nativeEvent: DragEvent) => void) & ((event: "dragover", nativeEvent: DragEvent) => void) & ((event: "dragstart", nativeEvent: DragEvent) => void) & ((event: "drop", nativeEvent: DragEvent) => void) & ((event: "rename:submit", payload: {
+                itemId: string;
+                newName: string;
+            }) => void) & ((event: "rename:clear") => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                blacklistedNames: Array<string>;
+                item: KdsFileExplorerItem;
+                isSelected: boolean;
+                isDragging: boolean;
+                isRenameActive: boolean;
+                disabled: boolean;
+                isDraggingEnabled?: boolean;
+                hasOptionsMenu?: boolean;
+            }> & Readonly<{
+                onClick?: ((nativeEvent: MouseEvent) => any) | undefined;
+                onContextmenu?: ((nativeEvent: MouseEvent) => any) | undefined;
+                onDblclick?: ((nativeEvent: MouseEvent) => any) | undefined;
+                onDrag?: ((nativeEvent: DragEvent) => any) | undefined;
+                onDragend?: ((nativeEvent: DragEvent) => any) | undefined;
+                onDragenter?: ((nativeEvent: DragEvent) => any) | undefined;
+                onDragleave?: ((nativeEvent: DragEvent) => any) | undefined;
+                onDragover?: ((nativeEvent: DragEvent) => any) | undefined;
+                onDragstart?: ((nativeEvent: DragEvent) => any) | undefined;
+                onDrop?: ((nativeEvent: DragEvent) => any) | undefined;
+                "onRename:submit"?: ((payload: {
+                    itemId: string;
+                    newName: string;
+                }) => any) | undefined;
+                "onRename:clear"?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (nativeEvent: MouseEvent) => any;
+                contextmenu: (nativeEvent: MouseEvent) => any;
+                dblclick: (nativeEvent: MouseEvent) => any;
+                drag: (nativeEvent: DragEvent) => any;
+                dragend: (nativeEvent: DragEvent) => any;
+                dragenter: (nativeEvent: DragEvent) => any;
+                dragleave: (nativeEvent: DragEvent) => any;
+                dragover: (nativeEvent: DragEvent) => any;
+                dragstart: (nativeEvent: DragEvent) => any;
+                drop: (nativeEvent: DragEvent) => any;
+                "rename:submit": (payload: {
+                    itemId: string;
+                    newName: string;
+                }) => any;
+                "rename:clear": () => any;
+            }, string, {
+                isDraggingEnabled: 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 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 : (
+            /** KEYBOARD NAV */
+            ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            isDraggingEnabled: boolean;
+        }> & Omit<Readonly<{
+            blacklistedNames: Array<string>;
+            item: KdsFileExplorerItem;
+            isSelected: boolean;
+            isDragging: boolean;
+            isRenameActive: boolean;
+            disabled: boolean;
+            isDraggingEnabled?: boolean;
+            hasOptionsMenu?: boolean;
+        }> & Readonly<{
+            onClick?: ((nativeEvent: MouseEvent) => any) | undefined;
+            onContextmenu?: ((nativeEvent: MouseEvent) => any) | undefined;
+            onDblclick?: ((nativeEvent: MouseEvent) => any) | undefined;
+            onDrag?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragend?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragenter?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragleave?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragover?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragstart?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDrop?: ((nativeEvent: DragEvent) => any) | undefined;
+            "onRename:submit"?: ((payload: {
+                itemId: string;
+                newName: string;
+            }) => any) | undefined;
+            "onRename:clear"?: (() => any) | undefined;
+        }>, "isDraggingEnabled"> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Partial<Record<string, (_: {
+                isRenameActive: boolean;
+                isSelected: boolean;
+            }) => any>> & {
+                optionsMenu?(_: {}): any;
+            };
+        }) | null)[];
+        customPreviewContainer: HTMLDivElement;
+        customDragPreviewPlaceholder: HTMLDivElement;
+        popover: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: ({
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../..').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement?: Exclude<import('../..').KdsPopoverPlacement, "custom"> | undefined;
+                readonly customPlacementPosition?: never | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } | {
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../..').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement: "custom";
+                readonly customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                popoverEl: HTMLDivElement;
+            };
+            $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: boolean) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('../..').KdsPopoverRole;
+                popoverType?: import('../..').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('../..').KdsPopoverRole;
+                popoverType?: import('../..').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, string, {}, {}, 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 : (
+            /** KEYBOARD NAV */
+            ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<{} & (Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('../..').KdsPopoverRole;
+            popoverType?: import('../..').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../..').KdsPopoverRole;
+            popoverType?: import('../..').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), "anchorStyle" | "popoverId"> & {
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        contextMenu: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            itemClick: (id: string) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            containerEl: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, {}> | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    drag: (payload: {
+        event: DragEvent;
+        item: KdsFileExplorerItem;
+    }) => any;
+    dragend: (payload: {
+        event: DragEvent;
+        sourceItem: KdsFileExplorerItem;
+        onComplete: (isSuccessfulMove: boolean) => void;
+    }) => any;
+    "update:selectedItemIds": (selectedItemIds: string[]) => any;
+    changeDirectory: (pathId: string) => any;
+    openFile: (item: KdsFileExplorerItem<Record<string, unknown>>) => any;
+    moveItems: (payload: {
+        sourceItems: Array<string>;
+        targetItem: string;
+        onComplete: (isSuccessfulMove: boolean) => void;
+    }) => any;
+    renameFile: (payload: {
+        itemId: string;
+        newName: string;
+    }) => any;
+    "update:activeRenamedItemId": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onDrag?: ((payload: {
+        event: DragEvent;
+        item: KdsFileExplorerItem;
+    }) => any) | undefined;
+    onDragend?: ((payload: {
+        event: DragEvent;
+        sourceItem: KdsFileExplorerItem;
+        onComplete: (isSuccessfulMove: boolean) => void;
+    }) => any) | undefined;
+    "onUpdate:selectedItemIds"?: ((selectedItemIds: string[]) => any) | undefined;
+    onChangeDirectory?: ((pathId: string) => any) | undefined;
+    onOpenFile?: ((item: KdsFileExplorerItem<Record<string, unknown>>) => any) | undefined;
+    onMoveItems?: ((payload: {
+        sourceItems: Array<string>;
+        targetItem: string;
+        onComplete: (isSuccessfulMove: boolean) => void;
+    }) => any) | undefined;
+    onRenameFile?: ((payload: {
+        itemId: string;
+        newName: string;
+    }) => any) | undefined;
+    "onUpdate:activeRenamedItemId"?: ((value: string | null) => any) | undefined;
+}>, {
+    size: import('./types').KdsFileExplorerSize;
+    fullPath: string;
+    isRootFolder: boolean;
+    disableMultiSelect: boolean;
+    disableSelection: boolean;
+    disableDragging: boolean;
+    draggingAnimationMode: import('./types').KdsFileExplorerDraggingAnimationMode;
+    clickOutsideExceptions: Array<import('@vueuse/core').MaybeElementRef | string>;
+    selectedItemIds: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemBack: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        isDragging: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        isDragging: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}> | null;
+    virtualItemRefs: (({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly blacklistedNames: Array<string>;
+            readonly item: KdsFileExplorerItem;
+            readonly isSelected: boolean;
+            readonly isDragging: boolean;
+            readonly isRenameActive: boolean;
+            readonly disabled: boolean;
+            readonly isDraggingEnabled?: boolean | undefined;
+            readonly hasOptionsMenu?: boolean | undefined;
+            readonly onClick?: ((nativeEvent: MouseEvent) => any) | undefined;
+            readonly onContextmenu?: ((nativeEvent: MouseEvent) => any) | undefined;
+            readonly onDblclick?: ((nativeEvent: MouseEvent) => any) | undefined;
+            readonly onDrag?: ((nativeEvent: DragEvent) => any) | undefined;
+            readonly onDragend?: ((nativeEvent: DragEvent) => any) | undefined;
+            readonly onDragenter?: ((nativeEvent: DragEvent) => any) | undefined;
+            readonly onDragleave?: ((nativeEvent: DragEvent) => any) | undefined;
+            readonly onDragover?: ((nativeEvent: DragEvent) => any) | undefined;
+            readonly onDragstart?: ((nativeEvent: DragEvent) => any) | undefined;
+            readonly onDrop?: ((nativeEvent: DragEvent) => any) | undefined;
+            readonly "onRename:submit"?: ((payload: {
+                itemId: string;
+                newName: string;
+            }) => any) | undefined;
+            readonly "onRename:clear"?: (() => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            baseItem: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                isSelected: {
+                    type: BooleanConstructor;
+                    required: true;
+                };
+                isDragging: {
+                    type: BooleanConstructor;
+                    required: true;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                disabled: boolean;
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                isSelected: {
+                    type: BooleanConstructor;
+                    required: true;
+                };
+                isDragging: {
+                    type: BooleanConstructor;
+                    required: true;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, {
+                disabled: boolean;
+            }> | null;
+            renameInputContainer: HTMLDivElement;
+            renameInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: string;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                suggestions?: string[];
+                suggestionsHeadline?: string;
+            }) | ({
+                modelValue?: string;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                suggestions?: string[];
+                suggestionsHeadline?: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>, {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: string) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                baseInput: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly modelValue?: string | undefined;
+                        readonly id?: string | undefined;
+                        readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                        readonly min?: number | string | undefined;
+                        readonly max?: number | string | undefined;
+                        readonly ariaExpanded?: boolean | undefined;
+                        readonly step?: number | undefined;
+                        readonly placeholder?: string | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly leadingIcon?: import('../..').KdsIconName | undefined;
+                        readonly trailingIcon?: import('../..').KdsIconName | undefined;
+                        readonly error?: boolean | undefined;
+                        readonly autocomplete?: string | undefined;
+                        readonly ariaLabel?: string | undefined;
+                        readonly ariaLabelledby?: string | undefined;
+                        readonly ariaDescribedby?: string | undefined;
+                        readonly ariaInvalid?: boolean | undefined;
+                        readonly role?: string | undefined;
+                        readonly ariaValuenow?: number | undefined;
+                        readonly ariaValuemin?: number | undefined;
+                        readonly ariaValuemax?: number | undefined;
+                        readonly ariaValuetext?: string | undefined;
+                        readonly ariaActivedescendant?: string | undefined;
+                        readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                        readonly ariaControls?: string | undefined;
+                        readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                        readonly unit?: string | undefined;
+                        readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                        readonly clearable?: boolean | undefined;
+                        readonly pattern?: string | undefined;
+                        readonly segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
+                        readonly onInput?: ((event: Event) => any) | undefined;
+                        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: import('vue').Attrs;
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        input: HTMLInputElement;
+                    };
+                    $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", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+                    $el: HTMLDivElement;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        modelValue?: string;
+                    } & {
+                        id?: string;
+                        type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                        min?: number | string;
+                        max?: number | string;
+                        ariaExpanded?: boolean;
+                        step?: number;
+                        placeholder?: string;
+                        disabled?: boolean;
+                        leadingIcon?: import('../..').KdsIconName;
+                        trailingIcon?: import('../..').KdsIconName;
+                        error?: boolean;
+                        autocomplete?: string;
+                        ariaLabel?: string;
+                        ariaLabelledby?: string;
+                        ariaDescribedby?: string;
+                        ariaInvalid?: boolean;
+                        role?: string;
+                        ariaValuenow?: number;
+                        ariaValuemin?: number;
+                        ariaValuemax?: number;
+                        ariaValuetext?: string;
+                        ariaActivedescendant?: string;
+                        ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                        ariaControls?: string;
+                        ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                        unit?: string;
+                        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                        clearable?: boolean;
+                        pattern?: string;
+                        segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+                    }> & Readonly<{
+                        onInput?: ((event: Event) => any) | undefined;
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                        onBlur?: ((event: FocusEvent) => any) | undefined;
+                        onFocus?: ((event: FocusEvent) => any) | undefined;
+                        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    }>, {
+                        focus: (options?: FocusOptions) => void;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        input: (event: Event) => any;
+                        click: (event: MouseEvent) => any;
+                        blur: (event: FocusEvent) => any;
+                        focus: (event: FocusEvent) => any;
+                        keydown: (event: KeyboardEvent) => any;
+                        paste: (event: ClipboardEvent) => any;
+                        "update:modelValue": (value: string) => any;
+                    }, string, {}, {}, 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 : (
+                    /** KEYBOARD NAV */
+                    ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<{
+                    modelValue?: string;
+                } & {
+                    id?: string;
+                    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                    min?: number | string;
+                    max?: number | string;
+                    ariaExpanded?: boolean;
+                    step?: number;
+                    placeholder?: string;
+                    disabled?: boolean;
+                    leadingIcon?: import('../..').KdsIconName;
+                    trailingIcon?: import('../..').KdsIconName;
+                    error?: boolean;
+                    autocomplete?: string;
+                    ariaLabel?: string;
+                    ariaLabelledby?: string;
+                    ariaDescribedby?: string;
+                    ariaInvalid?: boolean;
+                    role?: string;
+                    ariaValuenow?: number;
+                    ariaValuemin?: number;
+                    ariaValuemax?: number;
+                    ariaValuetext?: string;
+                    ariaActivedescendant?: string;
+                    ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                    ariaControls?: string;
+                    ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                    unit?: string;
+                    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                    clearable?: boolean;
+                    pattern?: string;
+                    segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+                }> & Readonly<{
+                    onInput?: ((event: Event) => any) | undefined;
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                    onBlur?: ((event: FocusEvent) => any) | undefined;
+                    onFocus?: ((event: FocusEvent) => any) | undefined;
+                    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }>, "focus"> & {
+                    focus: (options?: FocusOptions) => void;
+                } & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        leading?(_: {}): any;
+                        trailing?(_: {}): any;
+                    };
+                }) | null;
+                popoverRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: ({
+                        readonly modelValue?: boolean | undefined;
+                        readonly role?: import('../..').KdsPopoverRole | undefined;
+                        readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                        readonly fullWidth?: boolean | undefined;
+                        readonly maxInlineSize?: string | undefined;
+                        readonly content?: string | undefined;
+                        readonly placement?: Exclude<import('../..').KdsPopoverPlacement, "custom"> | undefined;
+                        readonly customPlacementPosition?: never | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    } | {
+                        readonly modelValue?: boolean | undefined;
+                        readonly role?: import('../..').KdsPopoverRole | undefined;
+                        readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                        readonly fullWidth?: boolean | undefined;
+                        readonly maxInlineSize?: string | undefined;
+                        readonly content?: string | undefined;
+                        readonly placement: "custom";
+                        readonly customPlacementPosition: {
+                            x: number;
+                            y: number;
+                        };
+                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: import('vue').Attrs;
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        popoverEl: HTMLDivElement;
+                    };
+                    $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: boolean) => void;
+                    $el: HTMLDivElement;
+                    $options: import('vue').ComponentOptionsBase<Readonly<({
+                        modelValue?: boolean;
+                    } & {
+                        role?: import('../..').KdsPopoverRole;
+                        popoverType?: import('../..').KdsPopoverType;
+                        fullWidth?: boolean;
+                        maxInlineSize?: string;
+                        content?: string;
+                    } & {
+                        placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                        customPlacementPosition?: never;
+                    }) | ({
+                        modelValue?: boolean;
+                    } & {
+                        role?: import('../..').KdsPopoverRole;
+                        popoverType?: import('../..').KdsPopoverType;
+                        fullWidth?: boolean;
+                        maxInlineSize?: string;
+                        content?: string;
+                    } & {
+                        placement: "custom";
+                        customPlacementPosition: {
+                            x: number;
+                            y: number;
+                        };
+                    })> & Readonly<{
+                        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    }>, {
+                        anchorStyle: Record<string, string>;
+                        popoverId: string;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        "update:modelValue": (value: boolean) => any;
+                    }, string, {}, {}, 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 : (
+                    /** KEYBOARD NAV */
+                    ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<{} & (Readonly<({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('../..').KdsPopoverRole;
+                    popoverType?: import('../..').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                    customPlacementPosition?: never;
+                }) | ({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('../..').KdsPopoverRole;
+                    popoverType?: import('../..').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement: "custom";
+                    customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }>), "anchorStyle" | "popoverId"> & {
+                    anchorStyle: Record<string, string>;
+                    popoverId: string;
+                } & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?(_: {}): any;
+                    };
+                }) | null;
+                listContainerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').KdsListContainerProps> & Readonly<{
+                    onItemClick?: ((id?: string | undefined) => any) | undefined;
+                }>, {
+                    handleKeydown: (event: KeyboardEvent) => void;
+                    handleFocus: () => void;
+                    handleBlur: () => void;
+                    activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                    focus: () => void;
+                    scrollSelectedIntoView: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    itemClick: (id?: string | undefined) => any;
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    containerEl: HTMLDivElement;
+                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('..').KdsListContainerProps> & Readonly<{
+                    onItemClick?: ((id?: string | undefined) => any) | undefined;
+                }>, {
+                    handleKeydown: (event: KeyboardEvent) => void;
+                    handleFocus: () => void;
+                    handleBlur: () => void;
+                    activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                    focus: () => void;
+                    scrollSelectedIntoView: () => void;
+                }, {}, {}, {}, {}> | null;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: string;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                suggestions?: string[];
+                suggestionsHeadline?: string;
+            }) | ({
+                modelValue?: string;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                suggestions?: string[];
+                suggestionsHeadline?: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>), {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, {}> | null;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "click", nativeEvent: MouseEvent) => void) & ((event: "contextmenu", nativeEvent: MouseEvent) => void) & ((event: "dblclick", nativeEvent: MouseEvent) => void) & ((event: "drag", nativeEvent: DragEvent) => void) & ((event: "dragend", nativeEvent: DragEvent) => void) & ((event: "dragenter", nativeEvent: DragEvent) => void) & ((event: "dragleave", nativeEvent: DragEvent) => void) & ((event: "dragover", nativeEvent: DragEvent) => void) & ((event: "dragstart", nativeEvent: DragEvent) => void) & ((event: "drop", nativeEvent: DragEvent) => void) & ((event: "rename:submit", payload: {
+            itemId: string;
+            newName: string;
+        }) => void) & ((event: "rename:clear") => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            blacklistedNames: Array<string>;
+            item: KdsFileExplorerItem;
+            isSelected: boolean;
+            isDragging: boolean;
+            isRenameActive: boolean;
+            disabled: boolean;
+            isDraggingEnabled?: boolean;
+            hasOptionsMenu?: boolean;
+        }> & Readonly<{
+            onClick?: ((nativeEvent: MouseEvent) => any) | undefined;
+            onContextmenu?: ((nativeEvent: MouseEvent) => any) | undefined;
+            onDblclick?: ((nativeEvent: MouseEvent) => any) | undefined;
+            onDrag?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragend?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragenter?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragleave?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragover?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDragstart?: ((nativeEvent: DragEvent) => any) | undefined;
+            onDrop?: ((nativeEvent: DragEvent) => any) | undefined;
+            "onRename:submit"?: ((payload: {
+                itemId: string;
+                newName: string;
+            }) => any) | undefined;
+            "onRename:clear"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (nativeEvent: MouseEvent) => any;
+            contextmenu: (nativeEvent: MouseEvent) => any;
+            dblclick: (nativeEvent: MouseEvent) => any;
+            drag: (nativeEvent: DragEvent) => any;
+            dragend: (nativeEvent: DragEvent) => any;
+            dragenter: (nativeEvent: DragEvent) => any;
+            dragleave: (nativeEvent: DragEvent) => any;
+            dragover: (nativeEvent: DragEvent) => any;
+            dragstart: (nativeEvent: DragEvent) => any;
+            drop: (nativeEvent: DragEvent) => any;
+            "rename:submit": (payload: {
+                itemId: string;
+                newName: string;
+            }) => any;
+            "rename:clear": () => any;
+        }, string, {
+            isDraggingEnabled: 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 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 : (
+        /** KEYBOARD NAV */
+        ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        isDraggingEnabled: boolean;
+    }> & Omit<Readonly<{
+        blacklistedNames: Array<string>;
+        item: KdsFileExplorerItem;
+        isSelected: boolean;
+        isDragging: boolean;
+        isRenameActive: boolean;
+        disabled: boolean;
+        isDraggingEnabled?: boolean;
+        hasOptionsMenu?: boolean;
+    }> & Readonly<{
+        onClick?: ((nativeEvent: MouseEvent) => any) | undefined;
+        onContextmenu?: ((nativeEvent: MouseEvent) => any) | undefined;
+        onDblclick?: ((nativeEvent: MouseEvent) => any) | undefined;
+        onDrag?: ((nativeEvent: DragEvent) => any) | undefined;
+        onDragend?: ((nativeEvent: DragEvent) => any) | undefined;
+        onDragenter?: ((nativeEvent: DragEvent) => any) | undefined;
+        onDragleave?: ((nativeEvent: DragEvent) => any) | undefined;
+        onDragover?: ((nativeEvent: DragEvent) => any) | undefined;
+        onDragstart?: ((nativeEvent: DragEvent) => any) | undefined;
+        onDrop?: ((nativeEvent: DragEvent) => any) | undefined;
+        "onRename:submit"?: ((payload: {
+            itemId: string;
+            newName: string;
+        }) => any) | undefined;
+        "onRename:clear"?: (() => any) | undefined;
+    }>, "isDraggingEnabled"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Partial<Record<string, (_: {
+            isRenameActive: boolean;
+            isSelected: boolean;
+        }) => any>> & {
+            optionsMenu?(_: {}): any;
+        };
+    }) | null)[];
+    customPreviewContainer: HTMLDivElement;
+    customDragPreviewPlaceholder: HTMLDivElement;
+    popover: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: ({
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../..').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../..').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement?: Exclude<import('../..').KdsPopoverPlacement, "custom"> | undefined;
+            readonly customPlacementPosition?: never | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } | {
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../..').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../..').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement: "custom";
+            readonly customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            popoverEl: HTMLDivElement;
+        };
+        $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: boolean) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('../..').KdsPopoverRole;
+            popoverType?: import('../..').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../..').KdsPopoverRole;
+            popoverType?: import('../..').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, string, {}, {}, 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 : (
+        /** KEYBOARD NAV */
+        ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<{} & (Readonly<({
+        modelValue?: boolean;
+    } & {
+        role?: import('../..').KdsPopoverRole;
+        popoverType?: import('../..').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+        customPlacementPosition?: never;
+    }) | ({
+        modelValue?: boolean;
+    } & {
+        role?: import('../..').KdsPopoverRole;
+        popoverType?: import('../..').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement: "custom";
+        customPlacementPosition: {
+            x: number;
+            y: number;
+        };
+    })> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>), "anchorStyle" | "popoverId"> & {
+        anchorStyle: Record<string, string>;
+        popoverId: string;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    contextMenu: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
+        onItemClick?: ((id: string) => any) | undefined;
+    }>, {
+        focus: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        itemClick: (id: string) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        containerEl: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
+        onItemClick?: ((id: string) => any) | undefined;
+    }>, {
+        focus: () => void;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=KdsFileExplorer.vue.d.ts.map