@opencloud-eu/web-pkg 6.0.0 → 6.1.0

package/dist/src/components/CreateShortcutModal.vue.d.ts

@@ -1,8 +1,10 @@
-import { ComponentPublicInstance, nextTick, PropType, Ref } from 'vue';
+import { ComponentPublicInstance, PropType, Ref } from 'vue';
 import { SpaceResource } from '@opencloud-eu/web-client';
 import { Modal } from '../composables';
 import { SearchResult, SearchResultValue } from './Search';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modal: {
         type: PropType<Modal>;
         required: true;
@@ -14,134 +16,171 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     inputUrl: Ref<string, string>;
     inputFilename: Ref<string, string>;
-    dropRef: Readonly<import('vue').ShallowRef<ComponentPublicInstance<{
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcDrop.vue').Props> & Readonly<{
+    dropRef: Readonly<import("vue").ShallowRef<ComponentPublicInstance<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: PropType<string>;
+            };
+            closeOnClick: {
+                type: PropType<boolean>;
+            };
+            dropId: {
+                type: PropType<string>;
+            };
+            mode: {
+                type: PropType<"manual" | "click" | "hover">;
+            };
+            offset: {
+                type: PropType<number>;
+            };
+            paddingSize: {
+                type: PropType<import("@opencloud-eu/design-system/helpers").SizeType | "remove">;
+            };
+            position: {
+                type: PropType<import("@floating-ui/dom").Placement>;
+            };
+            toggle: {
+                type: PropType<string>;
+            };
+            enforceDropOnMobile: {
+                type: PropType<boolean>;
+            };
+            teleport: {
+                type: PropType<string>;
+            };
+            isMenu: {
+                type: PropType<boolean>;
+            };
+        }>> & Readonly<{
             onHideDrop?: () => any;
             onShowDrop?: () => any;
         }>, {
-            show: ({ event, useMouseAnchor }?: {
+            show: ({ event, useMouseAnchor, noFocus }?: {
                 event?: Event;
                 useMouseAnchor?: boolean;
-            }) => void;
+                noFocus?: boolean;
+            }) => Promise<void>;
             hide: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            hideDrop: () => any;
-            showDrop: () => any;
-        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            bottomDrawerRef: {
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly drawerId: string;
-                    readonly toggle: string;
-                    readonly closeOnClick?: boolean;
-                    readonly title?: string;
-                    readonly registerClickHandler?: boolean;
-                    readonly onShow?: () => any;
-                    readonly onHide?: () => any;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    bottomDrawerCardBodyRef: HTMLDivElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any>;
-                }>;
-                $root: ComponentPublicInstance | null;
-                $parent: ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "show") => void) & ((event: "hide") => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcMobileDrop.vue').Props> & Readonly<{
-                    onShow?: () => any;
-                    onHide?: () => any;
-                }>, {
-                    show: () => Promise<void>;
-                    hide: () => void;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                    show: () => any;
-                    hide: () => 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: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcMobileDrop.vue').Props> & Readonly<{
-                onShow?: () => any;
-                onHide?: () => any;
-            }>, "show" | "hide"> & import('vue').ShallowUnwrapRef<{
-                show: () => Promise<void>;
-                hide: () => void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcMobileDrop.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcMobileDrop.vue').Slots;
-            };
-            drop: HTMLDivElement;
-        }, any, import('vue').ComponentProvideOptions, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            hideDrop: () => void;
+            showDrop: () => void;
+        }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcDrop.vue').Props> & Readonly<{
+        }, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: PropType<string>;
+            };
+            closeOnClick: {
+                type: PropType<boolean>;
+            };
+            dropId: {
+                type: PropType<string>;
+            };
+            mode: {
+                type: PropType<"manual" | "click" | "hover">;
+            };
+            offset: {
+                type: PropType<number>;
+            };
+            paddingSize: {
+                type: PropType<import("@opencloud-eu/design-system/helpers").SizeType | "remove">;
+            };
+            position: {
+                type: PropType<import("@floating-ui/dom").Placement>;
+            };
+            toggle: {
+                type: PropType<string>;
+            };
+            enforceDropOnMobile: {
+                type: PropType<boolean>;
+            };
+            teleport: {
+                type: PropType<string>;
+            };
+            isMenu: {
+                type: PropType<boolean>;
+            };
+        }>> & Readonly<{
             onHideDrop?: () => any;
             onShowDrop?: () => any;
         }>, {
-            show: ({ event, useMouseAnchor }?: {
+            show: ({ event, useMouseAnchor, noFocus }?: {
                 event?: Event;
                 useMouseAnchor?: boolean;
-            }) => void;
+                noFocus?: boolean;
+            }) => Promise<void>;
             hide: () => void;
         }, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcDrop.vue').Props> & Readonly<{
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: PropType<string>;
+        };
+        closeOnClick: {
+            type: PropType<boolean>;
+        };
+        dropId: {
+            type: PropType<string>;
+        };
+        mode: {
+            type: PropType<"manual" | "click" | "hover">;
+        };
+        offset: {
+            type: PropType<number>;
+        };
+        paddingSize: {
+            type: PropType<import("@opencloud-eu/design-system/helpers").SizeType | "remove">;
+        };
+        position: {
+            type: PropType<import("@floating-ui/dom").Placement>;
+        };
+        toggle: {
+            type: PropType<string>;
+        };
+        enforceDropOnMobile: {
+            type: PropType<boolean>;
+        };
+        teleport: {
+            type: PropType<string>;
+        };
+        isMenu: {
+            type: PropType<boolean>;
+        };
+    }>> & Readonly<{
         onHideDrop?: () => any;
         onShowDrop?: () => any;
     }>, {
-        show: ({ event, useMouseAnchor }?: {
+        show: ({ event, useMouseAnchor, noFocus }?: {
             event?: Event;
             useMouseAnchor?: boolean;
-        }) => void;
+            noFocus?: boolean;
+        }) => Promise<void>;
         hide: () => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        hideDrop: () => any;
-        showDrop: () => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcDrop.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcDrop.vue').Slots;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        hideDrop: () => void;
+        showDrop: () => void;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: import("node_modules/@opencloud-eu/design-system/src/components/OcDrop/OcDrop.vue").Slots;
     })>>>;
-    dropItemUrl: import('vue').ComputedRef<string>;
+    dropItemUrl: import("vue").ComputedRef<string>;
     searchResult: Ref<SearchResult, SearchResult>;
-    confirmButtonDisabled: import('vue').ComputedRef<boolean>;
-    inputFileNameErrorMessage: import('vue').ComputedRef<string>;
-    searchTask: import('vue-concurrency').Task<void, [searchTerm: string]>;
+    confirmButtonDisabled: import("vue").ComputedRef<boolean>;
+    inputFileNameErrorMessage: import("vue").ComputedRef<string>;
+    searchTask: import("vue-concurrency").Task<void, [searchTerm: string]>;
     dropItemUrlClicked: () => void;
     dropItemResourceClicked: (item: SearchResultValue) => void;
-    getPathPrefix: (resource: import('@opencloud-eu/web-client').Resource) => string;
-    getFolderLink: (resource: import('@opencloud-eu/web-client').Resource) => import('vue-router').RouteLocationNamedRaw;
-    getParentFolderLink: (resource: import('@opencloud-eu/web-client').Resource) => import('vue-router').RouteLocationNamedRaw;
-    getParentFolderName: (resource: import('@opencloud-eu/web-client').Resource) => string;
-    getParentFolderLinkIconAdditionalAttributes: (resource: import('@opencloud-eu/web-client').Resource) => {
+    getPathPrefix: (resource: import("@opencloud-eu/web-client").Resource) => string;
+    getFolderLink: (resource: import("@opencloud-eu/web-client").Resource) => import("vue-router").RouteLocationNamedRaw;
+    getParentFolderLink: (resource: import("@opencloud-eu/web-client").Resource) => import("vue-router").RouteLocationNamedRaw;
+    getParentFolderName: (resource: import("@opencloud-eu/web-client").Resource) => string;
+    getParentFolderLinkIconAdditionalAttributes: (resource: import("@opencloud-eu/web-client").Resource) => {
         name: string;
         'fill-type': string;
     } | {
@@ -158,7 +197,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClickUrlInput: () => void;
     isDropItemActive: (index: number) => boolean;
     onConfirm: () => Promise<void>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:confirmDisabled"[], "update:confirmDisabled", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:confirmDisabled"[], "update:confirmDisabled", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modal: {
         type: PropType<Modal>;
         required: true;
@@ -170,53 +209,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onUpdate:confirmDisabled"?: (...args: any[]) => any;
 }>, {}, {}, {
-    ResourcePreview: import('vue').DefineComponent<{
-        searchResult?: SearchResultValue;
-        isClickable?: boolean;
-        term?: string;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        searchResult?: SearchResultValue;
-        isClickable?: boolean;
-        term?: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-        resourceListItem: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            resource: import('@opencloud-eu/web-client').Resource;
-            pathPrefix?: string;
-            link?: import('vue-router').RouteLocationRaw;
-            isPathDisplayed?: boolean;
-            parentFolderLink?: import('vue-router').RouteLocationRaw;
-            parentFolderName?: string;
-            parentFolderLinkIconAdditionalAttributes?: Record<string, unknown>;
-            isExtensionDisplayed?: boolean;
-            isThumbnailDisplayed?: boolean;
-            isIconDisplayed?: boolean;
-            isResourceClickable?: boolean;
-        }> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            click: (event: MouseEvent) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            resource: import('@opencloud-eu/web-client').Resource;
-            pathPrefix?: string;
-            link?: import('vue-router').RouteLocationRaw;
-            isPathDisplayed?: boolean;
-            parentFolderLink?: import('vue-router').RouteLocationRaw;
-            parentFolderName?: string;
-            parentFolderLinkIconAdditionalAttributes?: Record<string, unknown>;
-            isExtensionDisplayed?: boolean;
-            isThumbnailDisplayed?: boolean;
-            isIconDisplayed?: boolean;
-            isResourceClickable?: boolean;
-        }> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, {}>;
-    }, HTMLDivElement>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+    ResourcePreview: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        searchResult: {
+            type: PropType<SearchResultValue>;
+        };
+        isClickable: {
+            type: PropType<boolean>;
+        };
+        term: {
+            type: PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        searchResult: {
+            type: PropType<SearchResultValue>;
+        };
+        isClickable: {
+            type: PropType<boolean>;
+        };
+        term: {
+            type: PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/CustomComponentTarget.vue.d.ts

@@ -2,5 +2,14 @@ import { CustomComponentExtension, ExtensionPoint } from '../composables';
 type __VLS_Props = {
     extensionPoint: ExtensionPoint<CustomComponentExtension>;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/src/components/FilesList/ContextActions.vue.d.ts

@@ -1,66 +1,86 @@
 import { PropType } from 'vue';
 import { FileActionOptions } from '../../composables';
 import { MenuSection } from '../ContextActions';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     actionOptions: {
         type: PropType<FileActionOptions>;
         required: true;
     };
 }>, {
-    menuSections: import('vue').ComputedRef<MenuSection[]>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    menuSections: import("vue").ComputedRef<MenuSection[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     actionOptions: {
         type: PropType<FileActionOptions>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {
-    ContextActionMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    ContextActionMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         menuSections: {
             type: PropType<MenuSection[]>;
             required: true;
         };
         appearance: {
-            type: PropType<import('@opencloud-eu/design-system/helpers').AppearanceType>;
+            type: PropType<import("@opencloud-eu/design-system/helpers").AppearanceType>;
             default: string;
         };
         actionOptions: {
-            type: PropType<import('../..').ActionOptions>;
+            type: PropType<import("../../composables").ActionOptions>;
             required: true;
         };
     }>, {}, {}, {}, {
         getSectionClasses(index: number): string[];
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         menuSections: {
             type: PropType<MenuSection[]>;
             required: true;
         };
         appearance: {
-            type: PropType<import('@opencloud-eu/design-system/helpers').AppearanceType>;
+            type: PropType<import("@opencloud-eu/design-system/helpers").AppearanceType>;
             default: string;
         };
         actionOptions: {
-            type: PropType<import('../..').ActionOptions>;
+            type: PropType<import("../../composables").ActionOptions>;
             required: true;
         };
     }>> & Readonly<{}>, {
-        appearance: import('@opencloud-eu/design-system/helpers').AppearanceType;
+        appearance: import("@opencloud-eu/design-system/helpers").AppearanceType;
     }, {}, {
-        ActionMenuDropItem: import('vue').DefineComponent<{
-            menuSectionDrop: import('..').MenuSectionDrop;
-            appearance: import('@opencloud-eu/design-system/helpers').AppearanceType;
-            actionOptions: import('../..').ActionOptions;
-        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-            menuSectionDrop: import('..').MenuSectionDrop;
-            appearance: import('@opencloud-eu/design-system/helpers').AppearanceType;
-            actionOptions: import('../..').ActionOptions;
-        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
-        ActionMenuItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        ActionMenuDropItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            menuSectionDrop: {
+                type: PropType<import("../ContextActions").MenuSectionDrop>;
+                required: true;
+            };
+            appearance: {
+                type: PropType<import("@opencloud-eu/design-system/helpers").AppearanceType>;
+                required: true;
+            };
+            actionOptions: {
+                type: PropType<import("../../composables").ActionOptions>;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            menuSectionDrop: {
+                type: PropType<import("../ContextActions").MenuSectionDrop>;
+                required: true;
+            };
+            appearance: {
+                type: PropType<import("@opencloud-eu/design-system/helpers").AppearanceType>;
+                required: true;
+            };
+            actionOptions: {
+                type: PropType<import("../../composables").ActionOptions>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ActionMenuItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             action: {
-                type: PropType<import('../..').Action>;
+                type: PropType<import("../../composables").Action>;
                 required: true;
             };
             actionOptions: {
-                type: PropType<import('../..').ActionOptions>;
+                type: PropType<import("../../composables").ActionOptions>;
                 required: true;
             };
             size: {
@@ -69,7 +89,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             appearance: {
-                type: PropType<import('@opencloud-eu/design-system/helpers').AppearanceType>;
+                type: PropType<import("@opencloud-eu/design-system/helpers").AppearanceType>;
                 default: string;
             };
             shortcutHint: {
@@ -87,16 +107,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: () => string[];
             };
         }>, {
-            componentType: import('vue').ComputedRef<"a" | "button" | "router-link">;
-            componentProps: import('vue').ComputedRef<{
+            componentType: import("vue").ComputedRef<"a" | "button" | "router-link">;
+            componentProps: import("vue").ComputedRef<{
                 target: "_blank" | "_self";
                 href: string;
-                to: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
+                to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
                 id: string;
                 disabled: boolean;
-                appearance: import('@opencloud-eu/design-system/helpers').AppearanceType;
+                appearance: import("@opencloud-eu/design-system/helpers").AppearanceType;
             }>;
-            actionIcon: import('vue').ComputedRef<string>;
+            actionIcon: import("vue").ComputedRef<string>;
         }, {}, {
             hasExternalImageIcon(): boolean;
             componentListeners(): {
@@ -104,13 +124,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } | {
                 click: (event: Event) => void;
             };
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             action: {
-                type: PropType<import('../..').Action>;
+                type: PropType<import("../../composables").Action>;
                 required: true;
             };
             actionOptions: {
-                type: PropType<import('../..').ActionOptions>;
+                type: PropType<import("../../composables").ActionOptions>;
                 required: true;
             };
             size: {
@@ -119,7 +139,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             appearance: {
-                type: PropType<import('@opencloud-eu/design-system/helpers').AppearanceType>;
+                type: PropType<import("@opencloud-eu/design-system/helpers").AppearanceType>;
                 default: string;
             };
             shortcutHint: {
@@ -138,11 +158,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             size: "small" | "large" | "medium";
-            appearance: import('@opencloud-eu/design-system/helpers').AppearanceType;
+            appearance: import("@opencloud-eu/design-system/helpers").AppearanceType;
             shortcutHint: boolean;
             showTooltip: boolean;
             buttonClasses: string[];
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/FilesList/ResourceGhostElement.vue.d.ts

@@ -3,7 +3,9 @@ import { Resource } from '@opencloud-eu/web-client';
 /**
  * Please head to the OpenCloud web ResourceTable component (https://github.com/opencloud-eu/web/blob/main/packages/web-app-files/src/components/FilesList/ResourceTable.vue) for a demo of the Ghost Element.
  */
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     previewItems: {
         type: PropType<Resource[]>;
         required: true;
@@ -13,18 +15,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     showSecondLayer(): boolean;
     showThirdLayer(): boolean;
     itemCount(): number;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     previewItems: {
         type: PropType<Resource[]>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {
-    ResourceIcon: import('vue').DefineComponent<{
-        resource: Resource | import('@opencloud-eu/web-client').SpaceResource;
-        size?: import('@opencloud-eu/design-system/helpers').SizeType;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        resource: Resource | import('@opencloud-eu/web-client').SpaceResource;
-        size?: import('@opencloud-eu/design-system/helpers').SizeType;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+    ResourceIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        resource: {
+            type: PropType<Resource | import("@opencloud-eu/web-client").SpaceResource>;
+            required: true;
+        };
+        size: {
+            type: PropType<import("@opencloud-eu/design-system/helpers").SizeType>;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        resource: {
+            type: PropType<Resource | import("@opencloud-eu/web-client").SpaceResource>;
+            required: true;
+        };
+        size: {
+            type: PropType<import("@opencloud-eu/design-system/helpers").SizeType>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/FilesList/ResourceIcon.vue.d.ts

@@ -4,5 +4,14 @@ type __VLS_Props = {
     resource: Resource | SpaceResource;
     size?: SizeType;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};