npm - @pantograph/vue - Versions diffs - 0.26.0 → 0.27.1 - Mend

@pantograph/vue 0.26.0 → 0.27.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (396) hide show

package/dist/Combobox/Combobox.d.ts CHANGED Viewed

@@ -1,67 +1,948 @@
-import { ComboboxProps, ComboboxSlots } from './types';
+import { ComboboxFlattenOptionType, ComboboxProps, ComboboxSlots } from './types';
+import { Ref } from 'vue';
+import { Virtualizer } from '../utils';
+import { TreeProps } from '../Tree';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ComboboxSlots> & ComboboxSlots;
-    refs: {};
+    refs: {
+        scrollContainerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly scrollDistance?: number | undefined;
+                readonly scrollHideDelay?: number | undefined;
+                readonly dir?: "rtl" | "ltr" | undefined;
+                readonly type?: import('../ScrollContainer').ScrollContainerType | undefined;
+                readonly hasMask?: boolean | undefined;
+                readonly size?: import('../ScrollContainer').ScrollContainerSize | undefined;
+                readonly scrollbarCls?: import('clsx').ClassValue;
+                readonly wrapCls?: import('clsx').ClassValue;
+                readonly areaCls?: import('clsx').ClassValue;
+                readonly rootCls?: import('clsx').ClassValue;
+                readonly thumbCls?: import('clsx').ClassValue;
+                readonly cornerCls?: import('clsx').ClassValue;
+                readonly rootProps?: object | undefined;
+                readonly wrapProps?: object | undefined;
+                readonly overlay?: boolean | undefined;
+                readonly hideVerticalScrollbar?: boolean | undefined;
+                readonly hideHorizontalScrollbar?: boolean | undefined;
+                readonly color?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                root: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
+                        readonly dir?: ("ltr" | "rtl") | undefined;
+                        readonly scrollHideDelay?: number | undefined;
+                        readonly asChild?: boolean | undefined;
+                        readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, {
+                        viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                        scrollTop: () => void;
+                        scrollTopLeft: () => void;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        type: "auto" | "scroll" | "hover" | "always";
+                        scrollHideDelay: number;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    type: "auto" | "scroll" | "hover" | "always";
+                    scrollHideDelay: number;
+                }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
+                    viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    scrollTop: () => void;
+                    scrollTopLeft: () => void;
+                }> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?: (props: {}) => any;
+                    };
+                }) | null;
+                container: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly nonce?: string | undefined;
+                        readonly asChild?: boolean | undefined;
+                        readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, {
+                        viewportElement: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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 import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+                    viewportElement: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                }> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?: (props: {}) => any;
+                    };
+                }) | null;
+                wrap: HTMLDivElement;
+                top: HTMLDivElement;
+                right: HTMLDivElement;
+                left: HTMLDivElement;
+                bottom: HTMLDivElement;
+                corner: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly asChild?: boolean | undefined;
+                        readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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 import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?: (props: {}) => any;
+                    };
+                }) | 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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, {
+                container: Ref<any, any>;
+                wrap: Ref<any, any>;
+                root: Ref<any, any>;
+                isOverflowX: import('vue').ShallowRef<boolean, boolean>;
+                isOverflowY: import('vue').ShallowRef<boolean, boolean>;
+                topVisible: import('vue').ShallowRef<boolean, boolean>;
+                rightVisible: import('vue').ShallowRef<boolean, boolean>;
+                leftVisible: import('vue').ShallowRef<boolean, boolean>;
+                bottomVisible: import('vue').ShallowRef<boolean, boolean>;
+                getScroll: () => {
+                    scrollTop: any;
+                    scrollLeft: any;
+                };
+                scrollTop: () => any;
+                scrollTopLeft: () => any;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                size: import('../ScrollContainer').ScrollContainerSize;
+                type: import('../ScrollContainer').ScrollContainerType;
+                overlay: boolean;
+                scrollDistance: number;
+                scrollHideDelay: number;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: import('../ScrollContainer').ScrollContainerSize;
+            type: import('../ScrollContainer').ScrollContainerType;
+            overlay: boolean;
+            scrollDistance: number;
+            scrollHideDelay: number;
+        }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+            container: Ref<any, any>;
+            wrap: Ref<any, any>;
+            root: Ref<any, any>;
+            isOverflowX: import('vue').ShallowRef<boolean, boolean>;
+            isOverflowY: import('vue').ShallowRef<boolean, boolean>;
+            topVisible: import('vue').ShallowRef<boolean, boolean>;
+            rightVisible: import('vue').ShallowRef<boolean, boolean>;
+            leftVisible: import('vue').ShallowRef<boolean, boolean>;
+            bottomVisible: import('vue').ShallowRef<boolean, boolean>;
+            getScroll: () => {
+                scrollTop: any;
+                scrollLeft: any;
+            };
+            scrollTop: () => any;
+            scrollTopLeft: () => any;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                root?(_: {}): any;
+                root?(_: {}): any;
+                area?(_: {}): any;
+                default?(_: {}): any;
+            };
+        }) | null;
+        treeRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly selectionBehavior?: "toggle" | "replace" | undefined;
+                readonly class?: import('clsx').ClassValue;
+                readonly size?: import('../Tree').TreeSize | undefined;
+                readonly gap?: import('../Tree').TreeGap | undefined;
+                readonly dir?: import('../index.ts').Direction | undefined;
+                readonly data: (import('../Tree').TreeNodeType | object)[];
+                readonly flattenData?: boolean | undefined;
+                readonly modelValue?: string[] | undefined;
+                readonly checkedKeys?: string[] | undefined;
+                readonly expandedKeys?: string[] | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly checkable?: boolean | undefined;
+                readonly selectable?: boolean | undefined;
+                readonly defaultExpandAll?: boolean | undefined;
+                readonly showLine?: boolean | undefined;
+                readonly inlineNode?: boolean | undefined;
+                readonly lazyLoad?: boolean | undefined;
+                readonly getLoading?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+                readonly getNoRotateSwitcherIcon?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+                readonly getTitle?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
+                readonly getLeaf?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+                readonly getDraggable?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+                readonly getKey?: import('@pantograph/utils').OptionGetter<string> | undefined;
+                readonly getSwitcherIcon?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
+                readonly getDisabled?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+                readonly getChildren?: import('@pantograph/utils').OptionGetter<object[] | undefined> | undefined;
+                readonly groupName?: string | ((node?: object) => string) | undefined;
+                readonly sortableProps?: (Omit<import('@pantograph/sortable').SortableOptions, "onMove"> & {
+                    onMove?: (evt: import('../Tree').TreeDragMoveEvent, originalEvent: Event) => boolean | -1 | 1 | void;
+                }) | undefined;
+                readonly focusable?: boolean | undefined;
+                readonly checkStrictly?: boolean | undefined;
+                readonly syncCheckboxAndSelect?: boolean | undefined;
+                readonly virtual?: (boolean | Virtualizer) | undefined;
+                readonly scrollContainerProps?: import('../ScrollContainer').ScrollContainerProps | undefined;
+                readonly outerVirtualScroll?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly switcherIcon?: string | undefined;
+                readonly noRotateSwitcherIcon?: boolean | undefined;
+                readonly draggable?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+                readonly onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
+                readonly onChange?: ((value: {
+                    modelValue: string[];
+                    checkedKeys: string[];
+                }) => any) | undefined;
+                readonly onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
+                readonly "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+                readonly "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
+                readonly onCheck?: ((node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any) | undefined;
+                readonly onDragStart?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+                readonly onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+                readonly onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+                readonly onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "update:modelValue", value: string[]) => void) & ((event: "select", node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => void) & ((event: "change", value: {
+                modelValue: string[];
+                checkedKeys: string[];
+            }) => void) & ((event: "expand", node: object | import('../Tree').TreeNodeType, expanded: boolean) => void) & ((event: "update:expandedKeys", value: string[]) => void) & ((event: "update:checkedKeys", value: string[]) => void) & ((event: "check", node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => void) & ((event: "dragStart", event: import('../Tree').TreeDragEvent) => void) & ((event: "dragEnd", event: import('../Tree').TreeDragEvent) => void) & ((event: "choose", event: import('@pantograph/sortable').SortableEvent) => void) & ((event: "unchoose", event: import('@pantograph/sortable').SortableEvent) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<TreeProps> & Readonly<{
+                "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+                onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
+                onChange?: ((value: {
+                    modelValue: string[];
+                    checkedKeys: string[];
+                }) => any) | undefined;
+                onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
+                "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+                "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
+                onCheck?: ((node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any) | undefined;
+                onDragStart?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+                onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+                onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+                onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+            }>, {
+                scrollContainerRef: Ref<any, any>;
+                onSelect: (node: import('../Tree').TreeItem, value: boolean) => void;
+                onCheck: (node: import('../Tree').TreeItem, value: boolean) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: string[]) => any;
+                select: (node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any;
+                change: (value: {
+                    modelValue: string[];
+                    checkedKeys: string[];
+                }) => any;
+                expand: (node: object | import('../Tree').TreeNodeType, expanded: boolean) => any;
+                "update:expandedKeys": (value: string[]) => any;
+                "update:checkedKeys": (value: string[]) => any;
+                check: (node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any;
+                dragStart: (event: import('../Tree').TreeDragEvent) => any;
+                dragEnd: (event: import('../Tree').TreeDragEvent) => any;
+                choose: (event: import('@pantograph/sortable').SortableEvent) => any;
+                unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
+            }, string, {
+                size: import('../Tree').TreeSize;
+                disabled: boolean;
+                selectionBehavior: "toggle" | "replace";
+                focusable: boolean;
+                checkStrictly: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: import('../Tree').TreeSize;
+            disabled: boolean;
+            selectionBehavior: "toggle" | "replace";
+            focusable: boolean;
+            checkStrictly: boolean;
+        }> & Omit<Readonly<TreeProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+            onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
+            onChange?: ((value: {
+                modelValue: string[];
+                checkedKeys: string[];
+            }) => any) | undefined;
+            onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
+            "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+            "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
+            onCheck?: ((node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any) | undefined;
+            onDragStart?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+            onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+            onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+            onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+        }>, "onSelect" | "onCheck" | "scrollContainerRef" | ("size" | "disabled" | "selectionBehavior" | "focusable" | "checkStrictly")> & import('vue').ShallowUnwrapRef<{
+            scrollContainerRef: Ref<any, any>;
+            onSelect: (node: import('../Tree').TreeItem, value: boolean) => void;
+            onCheck: (node: import('../Tree').TreeItem, value: boolean) => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<import('../Tree').TreeSlots> & import('../Tree').TreeSlots;
+        }) | null;
+        target: HTMLDivElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
-    select: (value: string | undefined, selected: boolean, option?: import('./types').ComboboxOptionType | undefined) => any;
+    "update:modelValue": (value: string | string[]) => any;
+    search: (value?: string | null | undefined) => any;
+    select: (value: string | undefined, selected: boolean, option?: ComboboxFlattenOptionType | undefined) => any;
+    closeAutoFocus: (event: Event) => any;
+    openAutoFocus: (event: Event) => any;
+    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
     interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    "update:open": (value: boolean) => any;
+    fetch: () => any;
+    "update:expandedKeys": (value: string[]) => any;
     "update:search": (value?: string | null | undefined) => any;
-    highlight: (payload: {
-        ref: HTMLElement;
-        value: import('reka-ui').AcceptableValue;
-    } | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<ComboboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
-    onSelect?: ((value: string | undefined, selected: boolean, option?: import('./types').ComboboxOptionType | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    onSearch?: ((value?: string | null | undefined) => any) | undefined;
+    onSelect?: ((value: string | undefined, selected: boolean, option?: ComboboxFlattenOptionType | undefined) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onFetch?: (() => any) | undefined;
+    "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
     "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
-    onHighlight?: ((payload: {
-        ref: HTMLElement;
-        value: import('reka-ui').AcceptableValue;
-    } | undefined) => any) | undefined;
 }>, {
-    size: import('./Combobox.model').ComboboxSize;
+    size: import('./Combobox.model.ts').ComboboxSize;
     disabled: boolean;
-    placement: import('..').PopoverPlacement;
     checkbox: boolean;
-    bordered: boolean;
-    forceMount: boolean;
+    placement: import('../Popover').PopoverPlacement;
     prioritizePosition: boolean;
     sideOffset: number;
     avoidCollisions: boolean;
-    collisionPadding: number | Partial<Record<"top" | "bottom" | "right" | "left", number>>;
-    disableUpdateOnLayoutShift: boolean;
-    hideWhenDetached: boolean;
-    positionStrategy: "absolute" | "fixed";
-    disableOutsidePointerEvents: boolean;
     defaultOpen: boolean;
     open: boolean;
-    trailingIcon: string;
+    disableOutsidePointerEvents: boolean;
     multiple: boolean;
-    resetSearchTermOnBlur: boolean;
-    resetSearchTermOnSelect: boolean;
-    tagRenderMode: "chip" | "avatar" | "go";
+    trailingIcon: string;
+    bordered: boolean;
     selectedItemIconAsTrailingIcon: boolean;
     indicatorIcon: string;
     loadingRowCount: number;
     clearOnChangeMultiple: boolean;
     samePopupWidth: boolean;
     popupHeight: string | number;
-    position: "inline" | "popper";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    resetSearchTermOnBlur: boolean;
+    resetSearchTermOnSelect: boolean;
+    tagRenderMode: "chip" | "avatar" | "go";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollContainerRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly scrollDistance?: number | undefined;
+            readonly scrollHideDelay?: number | undefined;
+            readonly dir?: "rtl" | "ltr" | undefined;
+            readonly type?: import('../ScrollContainer').ScrollContainerType | undefined;
+            readonly hasMask?: boolean | undefined;
+            readonly size?: import('../ScrollContainer').ScrollContainerSize | undefined;
+            readonly scrollbarCls?: import('clsx').ClassValue;
+            readonly wrapCls?: import('clsx').ClassValue;
+            readonly areaCls?: import('clsx').ClassValue;
+            readonly rootCls?: import('clsx').ClassValue;
+            readonly thumbCls?: import('clsx').ClassValue;
+            readonly cornerCls?: import('clsx').ClassValue;
+            readonly rootProps?: object | undefined;
+            readonly wrapProps?: object | undefined;
+            readonly overlay?: boolean | undefined;
+            readonly hideVerticalScrollbar?: boolean | undefined;
+            readonly hideHorizontalScrollbar?: boolean | undefined;
+            readonly color?: string | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            root: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
+                    readonly dir?: ("ltr" | "rtl") | undefined;
+                    readonly scrollHideDelay?: number | undefined;
+                    readonly asChild?: boolean | undefined;
+                    readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, {
+                    viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                    scrollTop: () => void;
+                    scrollTopLeft: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    type: "auto" | "scroll" | "hover" | "always";
+                    scrollHideDelay: number;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                type: "auto" | "scroll" | "hover" | "always";
+                scrollHideDelay: number;
+            }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
+                viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                scrollTop: () => void;
+                scrollTopLeft: () => void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            }) | null;
+            container: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly nonce?: string | undefined;
+                    readonly asChild?: boolean | undefined;
+                    readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, {
+                    viewportElement: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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 import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & import('vue').ShallowUnwrapRef<{
+                viewportElement: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            }) | null;
+            wrap: HTMLDivElement;
+            top: HTMLDivElement;
+            right: HTMLDivElement;
+            left: HTMLDivElement;
+            bottom: HTMLDivElement;
+            corner: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly asChild?: boolean | undefined;
+                    readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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 import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            }) | 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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, {
+            container: Ref<any, any>;
+            wrap: Ref<any, any>;
+            root: Ref<any, any>;
+            isOverflowX: import('vue').ShallowRef<boolean, boolean>;
+            isOverflowY: import('vue').ShallowRef<boolean, boolean>;
+            topVisible: import('vue').ShallowRef<boolean, boolean>;
+            rightVisible: import('vue').ShallowRef<boolean, boolean>;
+            leftVisible: import('vue').ShallowRef<boolean, boolean>;
+            bottomVisible: import('vue').ShallowRef<boolean, boolean>;
+            getScroll: () => {
+                scrollTop: any;
+                scrollLeft: any;
+            };
+            scrollTop: () => any;
+            scrollTopLeft: () => any;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            size: import('../ScrollContainer').ScrollContainerSize;
+            type: import('../ScrollContainer').ScrollContainerType;
+            overlay: boolean;
+            scrollDistance: number;
+            scrollHideDelay: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: import('../ScrollContainer').ScrollContainerSize;
+        type: import('../ScrollContainer').ScrollContainerType;
+        overlay: boolean;
+        scrollDistance: number;
+        scrollHideDelay: number;
+    }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+        container: Ref<any, any>;
+        wrap: Ref<any, any>;
+        root: Ref<any, any>;
+        isOverflowX: import('vue').ShallowRef<boolean, boolean>;
+        isOverflowY: import('vue').ShallowRef<boolean, boolean>;
+        topVisible: import('vue').ShallowRef<boolean, boolean>;
+        rightVisible: import('vue').ShallowRef<boolean, boolean>;
+        leftVisible: import('vue').ShallowRef<boolean, boolean>;
+        bottomVisible: import('vue').ShallowRef<boolean, boolean>;
+        getScroll: () => {
+            scrollTop: any;
+            scrollLeft: any;
+        };
+        scrollTop: () => any;
+        scrollTopLeft: () => any;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            root?(_: {}): any;
+            root?(_: {}): any;
+            area?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+    treeRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly selectionBehavior?: "toggle" | "replace" | undefined;
+            readonly class?: import('clsx').ClassValue;
+            readonly size?: import('../Tree').TreeSize | undefined;
+            readonly gap?: import('../Tree').TreeGap | undefined;
+            readonly dir?: import('../index.ts').Direction | undefined;
+            readonly data: (import('../Tree').TreeNodeType | object)[];
+            readonly flattenData?: boolean | undefined;
+            readonly modelValue?: string[] | undefined;
+            readonly checkedKeys?: string[] | undefined;
+            readonly expandedKeys?: string[] | undefined;
+            readonly multiple?: boolean | undefined;
+            readonly checkable?: boolean | undefined;
+            readonly selectable?: boolean | undefined;
+            readonly defaultExpandAll?: boolean | undefined;
+            readonly showLine?: boolean | undefined;
+            readonly inlineNode?: boolean | undefined;
+            readonly lazyLoad?: boolean | undefined;
+            readonly getLoading?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+            readonly getNoRotateSwitcherIcon?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+            readonly getTitle?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
+            readonly getLeaf?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+            readonly getDraggable?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+            readonly getKey?: import('@pantograph/utils').OptionGetter<string> | undefined;
+            readonly getSwitcherIcon?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
+            readonly getDisabled?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
+            readonly getChildren?: import('@pantograph/utils').OptionGetter<object[] | undefined> | undefined;
+            readonly groupName?: string | ((node?: object) => string) | undefined;
+            readonly sortableProps?: (Omit<import('@pantograph/sortable').SortableOptions, "onMove"> & {
+                onMove?: (evt: import('../Tree').TreeDragMoveEvent, originalEvent: Event) => boolean | -1 | 1 | void;
+            }) | undefined;
+            readonly focusable?: boolean | undefined;
+            readonly checkStrictly?: boolean | undefined;
+            readonly syncCheckboxAndSelect?: boolean | undefined;
+            readonly virtual?: (boolean | Virtualizer) | undefined;
+            readonly scrollContainerProps?: import('../ScrollContainer').ScrollContainerProps | undefined;
+            readonly outerVirtualScroll?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly switcherIcon?: string | undefined;
+            readonly noRotateSwitcherIcon?: boolean | undefined;
+            readonly draggable?: boolean | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+            readonly onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
+            readonly onChange?: ((value: {
+                modelValue: string[];
+                checkedKeys: string[];
+            }) => any) | undefined;
+            readonly onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
+            readonly "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+            readonly "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
+            readonly onCheck?: ((node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any) | undefined;
+            readonly onDragStart?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+            readonly onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+            readonly onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+            readonly onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "update:modelValue", value: string[]) => void) & ((event: "select", node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => void) & ((event: "change", value: {
+            modelValue: string[];
+            checkedKeys: string[];
+        }) => void) & ((event: "expand", node: object | import('../Tree').TreeNodeType, expanded: boolean) => void) & ((event: "update:expandedKeys", value: string[]) => void) & ((event: "update:checkedKeys", value: string[]) => void) & ((event: "check", node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => void) & ((event: "dragStart", event: import('../Tree').TreeDragEvent) => void) & ((event: "dragEnd", event: import('../Tree').TreeDragEvent) => void) & ((event: "choose", event: import('@pantograph/sortable').SortableEvent) => void) & ((event: "unchoose", event: import('@pantograph/sortable').SortableEvent) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<TreeProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+            onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
+            onChange?: ((value: {
+                modelValue: string[];
+                checkedKeys: string[];
+            }) => any) | undefined;
+            onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
+            "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+            "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
+            onCheck?: ((node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any) | undefined;
+            onDragStart?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+            onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+            onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+            onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+        }>, {
+            scrollContainerRef: Ref<any, any>;
+            onSelect: (node: import('../Tree').TreeItem, value: boolean) => void;
+            onCheck: (node: import('../Tree').TreeItem, value: boolean) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: string[]) => any;
+            select: (node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any;
+            change: (value: {
+                modelValue: string[];
+                checkedKeys: string[];
+            }) => any;
+            expand: (node: object | import('../Tree').TreeNodeType, expanded: boolean) => any;
+            "update:expandedKeys": (value: string[]) => any;
+            "update:checkedKeys": (value: string[]) => any;
+            check: (node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any;
+            dragStart: (event: import('../Tree').TreeDragEvent) => any;
+            dragEnd: (event: import('../Tree').TreeDragEvent) => any;
+            choose: (event: import('@pantograph/sortable').SortableEvent) => any;
+            unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
+        }, string, {
+            size: import('../Tree').TreeSize;
+            disabled: boolean;
+            selectionBehavior: "toggle" | "replace";
+            focusable: boolean;
+            checkStrictly: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: import('../Tree').TreeSize;
+        disabled: boolean;
+        selectionBehavior: "toggle" | "replace";
+        focusable: boolean;
+        checkStrictly: boolean;
+    }> & Omit<Readonly<TreeProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+        onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
+        onChange?: ((value: {
+            modelValue: string[];
+            checkedKeys: string[];
+        }) => any) | undefined;
+        onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
+        "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+        "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
+        onCheck?: ((node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => any) | undefined;
+        onDragStart?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+        onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
+        onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+        onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
+    }>, "onSelect" | "onCheck" | "scrollContainerRef" | ("size" | "disabled" | "selectionBehavior" | "focusable" | "checkStrictly")> & import('vue').ShallowUnwrapRef<{
+        scrollContainerRef: Ref<any, any>;
+        onSelect: (node: import('../Tree').TreeItem, value: boolean) => void;
+        onCheck: (node: import('../Tree').TreeItem, value: boolean) => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('../Tree').TreeSlots> & import('../Tree').TreeSlots;
+    }) | null;
+    target: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {