@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/src/components/grid/grid.stories.d.ts

@@ -0,0 +1,3523 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QGrid } from './grid.vue';
+type StatusObject = {
+    styles: string;
+    label?: string;
+};
+type StatusValue = string | StatusObject;
+type FilterOption = {
+    key: string;
+    name: string;
+    value: string;
+    checked?: boolean;
+    optionClass?: string;
+    tagClass?: string;
+    closeTagClass?: string;
+};
+type Filter = {
+    attribute?: string;
+    key: string;
+    name: string;
+    options: FilterOption[];
+    selected: FilterOption[];
+};
+declare const meta: Meta<typeof QGrid>;
+export default meta;
+export declare const Grid: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                searchBy: import('vue').Ref<string, string>;
+                filteredGridData: import('vue').ComputedRef<any[]>;
+                getCellClassList: import('vue').ComputedRef<(item: any, index: number, hasCellContentSlot: boolean) => string[]>;
+                gridColumnCount: import('vue').ComputedRef<string>;
+                lastRowWillBeFilled: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                skeletonData: import('vue').ComputedRef<any[]>;
+                getCellClasses: (index: any) => {
+                    '!border-t-[0.09375rem]': boolean;
+                    '!border-b-[0.09375rem]': boolean;
+                    '!border-l-[0.09375rem]': boolean;
+                    '!border-r-[0.09375rem]': boolean;
+                    '!rounded-tl-md': boolean;
+                    '!rounded-tr-md': boolean;
+                    '!rounded-bl-md': boolean;
+                    '!rounded-br-md': boolean;
+                };
+                getStatusClass: (status: string, active: boolean) => string;
+                getStatusLabel: (status: string) => string;
+                getTextUtilityClass: (status: string, active?: boolean) => string;
+                selectGridItem: (item: any) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue")[], "select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onSelect-grid-item"?: ((...args: any[]) => any) | undefined;
+                "onFilters-updated"?: ((...args: any[]) => any) | undefined;
+                "onClose-expanded"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                filters: import('../..').FilterObject[];
+                columns: number;
+                exclude: string[];
+                loading: boolean;
+                id: string;
+                skeletonRows: number;
+                isExpanded: boolean;
+                hasSearch: boolean;
+                searchPlaceholder: string;
+                filtersCount: number;
+                noResultMessage: string;
+                activeCellClasses: string | Record<string, any> | unknown[];
+                cellClasses: string | Record<string, any> | unknown[];
+                disableInternalFiltering: boolean;
+                filtersAction: Function;
+                gridData: unknown[];
+                statusClasses: Record<string, string | {
+                    styles: string;
+                    label?: string;
+                }>;
+                searchValue: string;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        gridData: {
+            active: boolean;
+            id: number;
+            name: string;
+            status: string;
+        }[];
+        columns: number;
+        hasSearch: true;
+        filters: {
+            key: string;
+            name: string;
+            options: {
+                key: string;
+                name: string;
+                value: string;
+            }[];
+            selected: null;
+        }[];
+        statusClasses: {
+            completed: string;
+            'in-progress': string;
+        };
+    };
+};
+export declare const InspectionGrid: {
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+    render: (args: Args) => {
+        components: {
+            QFormGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                labelFor: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                statusColor: import('vue').ComputedRef<"red-30" | "inkwell-0" | "blue-40" | "green-20" | "yellow-30">;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                labelFor: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                status: string;
+                required: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                searchBy: import('vue').Ref<string, string>;
+                filteredGridData: import('vue').ComputedRef<any[]>;
+                getCellClassList: import('vue').ComputedRef<(item: any, index: number, hasCellContentSlot: boolean) => string[]>;
+                gridColumnCount: import('vue').ComputedRef<string>;
+                lastRowWillBeFilled: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                skeletonData: import('vue').ComputedRef<any[]>;
+                getCellClasses: (index: any) => {
+                    '!border-t-[0.09375rem]': boolean;
+                    '!border-b-[0.09375rem]': boolean;
+                    '!border-l-[0.09375rem]': boolean;
+                    '!border-r-[0.09375rem]': boolean;
+                    '!rounded-tl-md': boolean;
+                    '!rounded-tr-md': boolean;
+                    '!rounded-bl-md': boolean;
+                    '!rounded-br-md': boolean;
+                };
+                getStatusClass: (status: string, active: boolean) => string;
+                getStatusLabel: (status: string) => string;
+                getTextUtilityClass: (status: string, active?: boolean) => string;
+                selectGridItem: (item: any) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue")[], "select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onSelect-grid-item"?: ((...args: any[]) => any) | undefined;
+                "onFilters-updated"?: ((...args: any[]) => any) | undefined;
+                "onClose-expanded"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                filters: import('../..').FilterObject[];
+                columns: number;
+                exclude: string[];
+                loading: boolean;
+                id: string;
+                skeletonRows: number;
+                isExpanded: boolean;
+                hasSearch: boolean;
+                searchPlaceholder: string;
+                filtersCount: number;
+                noResultMessage: string;
+                activeCellClasses: string | Record<string, any> | unknown[];
+                cellClasses: string | Record<string, any> | unknown[];
+                disableInternalFiltering: boolean;
+                filtersAction: Function;
+                gridData: unknown[];
+                statusClasses: Record<string, string | {
+                    styles: string;
+                    label?: string;
+                }>;
+                searchValue: string;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QModal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                closeButtonClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                containerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                dismissible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissibleOverlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissText: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                overlay: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                showCancelLink: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasBuildingBg: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                onCloseModal: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                closeButtonClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                containerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                dismissible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissibleOverlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissText: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                overlay: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                showCancelLink: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasBuildingBg: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClose?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                overlay: string;
+                id: string;
+                dismissibleOverlay: boolean;
+                closeButtonClass: string;
+                containerClass: string;
+                dismissible: boolean;
+                dismissText: string;
+                showCancelLink: boolean;
+                hasBuildingBg: boolean;
+            }, {}, {
+                QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    width: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    height: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    customClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    customSize: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    iconPath: import('vue').ComputedRef<string>;
+                    customizedSize: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    width: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    height: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    customClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    customSize: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    type: string;
+                    color: string;
+                    size: string;
+                    height: number;
+                    width: number;
+                    inline: boolean;
+                    customClass: string;
+                    customSize: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QModalContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                useFlex: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                footerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                modalSize: unknown;
+                hasHeader: import('vue').ComputedRef<boolean>;
+                hasFooter: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                useFlex: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                footerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                contentClass: string;
+                useFlex: boolean;
+                footerClass: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                currentSelect: import('vue').Ref<object | null, object | null>;
+                search: import('vue').Ref<string, string>;
+                selected: import('vue').Ref<any, any>;
+                isOpened: import('vue').Ref<boolean, boolean>;
+                internalOptions: import('vue').Ref<any, any>;
+                hasAction: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                noOptionsText: import('vue').ComputedRef<string>;
+                noTagFound: import('vue').ComputedRef<string>;
+                selectedCount: import('vue').ComputedRef<number>;
+                selectedText: import('vue').ComputedRef<string>;
+                useTags: import('vue').ComputedRef<boolean>;
+                enableGroupSelect: import('vue').ComputedRef<boolean>;
+                addTag: (newTag: string) => Promise<void>;
+                clearAll: () => void;
+                onOpen: () => Promise<void>;
+                onRemove: (items: any) => void;
+                onUpdateValue: (event: Event) => void;
+                removeElement: (index: any) => void;
+                searchChange: (value: string) => void;
+                selectAll: () => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any> | unknown[];
+                label: string;
+                size: string;
+                placeholder: string;
+                multiple: boolean;
+                disabled: boolean;
+                loading: boolean;
+                id: string;
+                info: string;
+                noResultMessage: string;
+                groupSelectable: boolean;
+                groupLabel: string;
+                groupValues: string;
+                trackBy: string;
+                taggable: boolean;
+                searchable: boolean;
+                filterSortFunction: Function;
+                hasCheckboxes: boolean;
+                allowEmpty: boolean;
+                blockKeys: unknown[];
+                noOptionsMessage: string;
+                selectionControl: boolean;
+                showExpanded: boolean;
+                showPlaceholderImage: boolean;
+                showSelectAll: boolean;
+                tagPlaceholder: string;
+                expand: boolean;
+                showSelectedCount: boolean;
+                truncateTag: boolean;
+                limitShown: number;
+                validationMethod: Function;
+                showOptionDescription: boolean;
+                showTags: boolean;
+                openDirection: string;
+                useAddTagsOnly: boolean;
+                clearOnSelect: boolean;
+                closeOnSelect: boolean;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                VueMultiselect: typeof import('vue-multiselect').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+            clearGridFilters: () => void;
+            gridFilters: import('vue').Ref<{
+                key: string;
+                name: string;
+                options: {
+                    key: string;
+                    name: string;
+                    value: string;
+                    checked: boolean;
+                    optionClass: string;
+                    tagClass: string;
+                    closeTagClass: string;
+                }[];
+                selected: any | null;
+            }[], {
+                key: string;
+                name: string;
+                options: {
+                    key: string;
+                    name: string;
+                    value: string;
+                    checked: boolean;
+                    optionClass: string;
+                    tagClass: string;
+                    closeTagClass: string;
+                }[];
+                selected: any | null;
+            }[] | {
+                key: string;
+                name: string;
+                options: {
+                    key: string;
+                    name: string;
+                    value: string;
+                    checked: boolean;
+                    optionClass: string;
+                    tagClass: string;
+                    closeTagClass: string;
+                }[];
+                selected: any | null;
+            }[]>;
+            gridFiltersCount: import('vue').ComputedRef<number>;
+            roomStatuses: {
+                completed: string;
+                'in-progress': string;
+            };
+            showGridFilters: import('vue').Ref<boolean, boolean>;
+            selectedGridFilters: import('vue').Ref<{
+                attribute: string;
+                key: string;
+                options: never[];
+                selected: null;
+            }[], {
+                attribute: string;
+                key: string;
+                options: never[];
+                selected: null;
+            }[] | {
+                attribute: string;
+                key: string;
+                options: never[];
+                selected: null;
+            }[]>;
+            updateGridFilters: () => void;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        gridData: {
+            id: number;
+            name: string;
+            status: string;
+            active: boolean;
+        }[];
+        columns: number;
+        hasSearch: true;
+        filters: {
+            key: string;
+            name: string;
+            options: {
+                key: string;
+                name: string;
+                value: string;
+            }[];
+            selected: never[];
+        }[];
+    };
+};
+export declare const LoadingGrid: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                searchBy: import('vue').Ref<string, string>;
+                filteredGridData: import('vue').ComputedRef<any[]>;
+                getCellClassList: import('vue').ComputedRef<(item: any, index: number, hasCellContentSlot: boolean) => string[]>;
+                gridColumnCount: import('vue').ComputedRef<string>;
+                lastRowWillBeFilled: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                skeletonData: import('vue').ComputedRef<any[]>;
+                getCellClasses: (index: any) => {
+                    '!border-t-[0.09375rem]': boolean;
+                    '!border-b-[0.09375rem]': boolean;
+                    '!border-l-[0.09375rem]': boolean;
+                    '!border-r-[0.09375rem]': boolean;
+                    '!rounded-tl-md': boolean;
+                    '!rounded-tr-md': boolean;
+                    '!rounded-bl-md': boolean;
+                    '!rounded-br-md': boolean;
+                };
+                getStatusClass: (status: string, active: boolean) => string;
+                getStatusLabel: (status: string) => string;
+                getTextUtilityClass: (status: string, active?: boolean) => string;
+                selectGridItem: (item: any) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue")[], "select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onSelect-grid-item"?: ((...args: any[]) => any) | undefined;
+                "onFilters-updated"?: ((...args: any[]) => any) | undefined;
+                "onClose-expanded"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                filters: import('../..').FilterObject[];
+                columns: number;
+                exclude: string[];
+                loading: boolean;
+                id: string;
+                skeletonRows: number;
+                isExpanded: boolean;
+                hasSearch: boolean;
+                searchPlaceholder: string;
+                filtersCount: number;
+                noResultMessage: string;
+                activeCellClasses: string | Record<string, any> | unknown[];
+                cellClasses: string | Record<string, any> | unknown[];
+                disableInternalFiltering: boolean;
+                filtersAction: Function;
+                gridData: unknown[];
+                statusClasses: Record<string, string | {
+                    styles: string;
+                    label?: string;
+                }>;
+                searchValue: string;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        gridData: never[];
+        loading: true;
+    };
+};
+export declare const PMGrid: {
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+    render: (args: Args) => {
+        components: {
+            QDataFilter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                data: {
+                    type: import('vue').PropType<any[]>;
+                    default: () => never[];
+                };
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                excludedFields: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<any[]>;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                orderBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                repositionPopover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                search: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                showResultsCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                sortBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noneEqualsAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filtersActive: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                debouncedSearch: import('@vueuse/shared').UseDebounceFnReturn<(value: string) => void>;
+                filteredCount: import('vue').Ref<number, number>;
+                showFilterBottomSheet: import('vue').Ref<boolean, boolean>;
+                showFilterPopover: import('vue').Ref<boolean, boolean>;
+                closeBottomSheet: () => void;
+                closePopover: () => void;
+                onFilterClick: (popoverOnClick: () => void) => void;
+                filtersCount: import('vue').ComputedRef<number>;
+                deviceType: {
+                    deviceType: import('vue').Ref<string, string>;
+                };
+                filterData: (data: any, searchBy?: string, filterBy?: import('../..').FilterObject[], sortBy?: string, orderBy?: number, excludedKeys?: string[] | string, noneEqualsAll?: boolean) => any;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:data" | "update:search" | "click:filters" | "popover:close" | "bottom-sheet:close")[], "update:data" | "update:search" | "click:filters" | "popover:close" | "bottom-sheet:close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                data: {
+                    type: import('vue').PropType<any[]>;
+                    default: () => never[];
+                };
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                excludedFields: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<any[]>;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                orderBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                repositionPopover: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                search: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                showResultsCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                sortBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noneEqualsAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filtersActive: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:search"?: ((...args: any[]) => any) | undefined;
+                "onClick:filters"?: ((...args: any[]) => any) | undefined;
+                "onPopover:close"?: ((...args: any[]) => any) | undefined;
+                "onBottom-sheet:close"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                search: string;
+                data: any[];
+                filters: any[];
+                id: string;
+                excludedFields: string[];
+                hasSearch: boolean;
+                orderBy: string;
+                repositionPopover: boolean;
+                searchDelay: number;
+                searchPlaceholder: string;
+                showResultsCount: boolean;
+                sortBy: string;
+                noneEqualsAll: boolean;
+                filtersActive: boolean;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QBottomSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowOnClickOutside: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowDrag: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    backgroundColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    setNoScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showCloseButton: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    topPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    headerClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    titleClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    contentClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    sheetRef: import('vue').Ref<any, any>;
+                    headerRef: import('vue').Ref<any, any>;
+                    windowHeight: import('vue').Ref<number, number>;
+                    isDragging: import('vue').Ref<boolean, boolean>;
+                    bgColor: import('vue').ComputedRef<string>;
+                    containerClasses: import('vue').ComputedRef<"z-[201]" | "-z-40">;
+                    show: import('vue').WritableComputedRef<boolean, boolean>;
+                    hasHeaderAction: import('vue').ComputedRef<boolean>;
+                    onClickOutside: () => void;
+                    onClose: (option?: {
+                        clickOutside: boolean;
+                    }) => Promise<void>;
+                    onOpen: () => void;
+                    dragHandler: (ctx: any) => void;
+                    handleDrag: (ctx: any) => void;
+                    handleDragEnd: (ctx: any) => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowOnClickOutside: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    allowDrag: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    backgroundColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    setNoScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showCloseButton: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    topPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    headerClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    titleClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    contentClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    modelValue: boolean;
+                    contentClass: string;
+                    backgroundColor: string;
+                    allowOnClickOutside: boolean;
+                    allowDrag: boolean;
+                    setNoScroll: boolean;
+                    showCloseButton: boolean;
+                    topPosition: string;
+                    headerClass: string;
+                    titleClass: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    width: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    height: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    customClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    customSize: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    iconPath: import('vue').ComputedRef<string>;
+                    customizedSize: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    width: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    height: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    customClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    customSize: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    type: string;
+                    color: string;
+                    size: string;
+                    height: number;
+                    width: number;
+                    inline: boolean;
+                    customClass: string;
+                    customSize: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    placeholder: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    maxlength: {
+                        type: NumberConstructor;
+                        default: null;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inputClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autocomplete: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    expands: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    hideClear: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    iconPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    currentInput: import('vue').Ref<null, null>;
+                    focused: import('vue').Ref<boolean, boolean>;
+                    icon: import('vue').Ref<string, string>;
+                    isExpanded: import('vue').Ref<boolean, boolean>;
+                    rootClasses: import('vue').ComputedRef<(string | {
+                        focused: boolean;
+                        disabled?: undefined;
+                        collapsed?: undefined;
+                    } | {
+                        disabled: boolean;
+                        focused?: undefined;
+                        collapsed?: undefined;
+                    } | {
+                        [x: string]: boolean | "";
+                        focused?: undefined;
+                        disabled?: undefined;
+                        collapsed?: undefined;
+                    } | {
+                        [x: string]: string;
+                        focused?: undefined;
+                        disabled?: undefined;
+                        collapsed?: undefined;
+                    } | {
+                        collapsed: boolean;
+                        focused?: undefined;
+                        disabled?: undefined;
+                    })[]>;
+                    inputClasses: import('vue').ComputedRef<(string | {
+                        [x: string]: boolean | "";
+                        populated?: undefined;
+                    } | {
+                        populated: boolean;
+                    })[]>;
+                    isDisabled: import('vue').ComputedRef<boolean>;
+                    showClearIcon: import('vue').ComputedRef<boolean>;
+                    isSlotAvailable: import('vue').ComputedRef<boolean>;
+                    onClickIcon: () => void;
+                    onFocusOut: () => void;
+                    togglePasswordVisibility: () => void;
+                    updateValue: (event: Event) => void;
+                    mq: {
+                        xs: boolean;
+                        sm: boolean;
+                        md: boolean;
+                        lg: boolean;
+                        xl: boolean;
+                        'sm-md': boolean;
+                        'md-lg': boolean;
+                        'lg-xl': boolean;
+                        'sm-down': boolean;
+                    };
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update-type")[], "update:model-value" | "update-type", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    modelValue: {
+                        type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    placeholder: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    maxlength: {
+                        type: NumberConstructor;
+                        default: null;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inputClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autocomplete: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    expands: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    hideClear: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    iconPosition: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                    "onUpdate-type"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    modelValue: string | number | Record<string, any>;
+                    type: string;
+                    size: string;
+                    placeholder: string;
+                    disabled: boolean;
+                    status: string;
+                    expands: boolean;
+                    maxlength: number;
+                    controlClass: string;
+                    inputClass: string;
+                    autocomplete: string;
+                    hideClear: boolean;
+                    iconPosition: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    id: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    noWrap: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    relative: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    tooltipClasses: {
+                        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    tooltipStyle: import('vue').Ref<{
+                        top: string;
+                        left: string;
+                    }, {
+                        top: string;
+                        left: string;
+                    } | {
+                        top: string;
+                        left: string;
+                    }>;
+                    tooltipTarget: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+                    isVisible: import('vue').ComputedRef<boolean>;
+                    hideTooltip: () => void;
+                    showTooltip: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    id: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    controlled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    noWrap: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    relative: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    teleportTo: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    tooltipClasses: {
+                        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                        default: string;
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    position: string;
+                    visible: boolean;
+                    relative: boolean;
+                    disabled: boolean;
+                    id: string;
+                    controlled: boolean;
+                    noWrap: boolean;
+                    teleport: boolean;
+                    teleportTo: string;
+                    tooltipClasses: string | Record<string, any> | unknown[];
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                QPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    align: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasCaret: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    reposition: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    trigger: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    entered: import('vue').Ref<boolean, boolean>;
+                    offsetStyle: import('vue').Ref<string, string>;
+                    popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                    alignment: import('vue').ComputedRef<string>;
+                    positioning: import('vue').ComputedRef<string>;
+                    getAlignment: (align: string) => string;
+                    getPositioning: (position: string) => string;
+                    isElementInView: (ele: any) => boolean;
+                    onAfterLeave: () => void;
+                    onClick: () => void;
+                    onClickOutside: typeof import('@vueuse/core').onClickOutside;
+                    onEnter: () => void;
+                    onMouseLeave: () => void;
+                    onMouseOver: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    align: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasCaret: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    modelValue: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    position: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    reposition: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    trigger: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    modelValue: boolean;
+                    size: string;
+                    position: string;
+                    trigger: string;
+                    align: string;
+                    hasCaret: boolean;
+                    reposition: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QFormGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                labelFor: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                statusColor: import('vue').ComputedRef<"red-30" | "inkwell-0" | "blue-40" | "green-20" | "yellow-30">;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                labelFor: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                status: string;
+                required: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                searchBy: import('vue').Ref<string, string>;
+                filteredGridData: import('vue').ComputedRef<any[]>;
+                getCellClassList: import('vue').ComputedRef<(item: any, index: number, hasCellContentSlot: boolean) => string[]>;
+                gridColumnCount: import('vue').ComputedRef<string>;
+                lastRowWillBeFilled: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                skeletonData: import('vue').ComputedRef<any[]>;
+                getCellClasses: (index: any) => {
+                    '!border-t-[0.09375rem]': boolean;
+                    '!border-b-[0.09375rem]': boolean;
+                    '!border-l-[0.09375rem]': boolean;
+                    '!border-r-[0.09375rem]': boolean;
+                    '!rounded-tl-md': boolean;
+                    '!rounded-tr-md': boolean;
+                    '!rounded-bl-md': boolean;
+                    '!rounded-br-md': boolean;
+                };
+                getStatusClass: (status: string, active: boolean) => string;
+                getStatusLabel: (status: string) => string;
+                getTextUtilityClass: (status: string, active?: boolean) => string;
+                selectGridItem: (item: any) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue")[], "select-grid-item" | "filters-updated" | "close-expanded" | "update:searchValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                activeCellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                cellClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                columns: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                disableInternalFiltering: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                exclude: {
+                    type: import('vue').PropType<string[]>;
+                    default: () => never[];
+                };
+                filters: {
+                    type: import('vue').PropType<import('../..').FilterObject[]>;
+                    default: () => never[];
+                };
+                filtersAction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                filtersCount: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                gridData: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                hasSearch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                searchPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                skeletonRows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                statusClasses: {
+                    type: import('vue').PropType<Record<string, string | {
+                        styles: string;
+                        label?: string;
+                    }>>;
+                    default: () => {};
+                };
+                searchValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onSelect-grid-item"?: ((...args: any[]) => any) | undefined;
+                "onFilters-updated"?: ((...args: any[]) => any) | undefined;
+                "onClose-expanded"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                filters: import('../..').FilterObject[];
+                columns: number;
+                exclude: string[];
+                loading: boolean;
+                id: string;
+                skeletonRows: number;
+                isExpanded: boolean;
+                hasSearch: boolean;
+                searchPlaceholder: string;
+                filtersCount: number;
+                noResultMessage: string;
+                activeCellClasses: string | Record<string, any> | unknown[];
+                cellClasses: string | Record<string, any> | unknown[];
+                disableInternalFiltering: boolean;
+                filtersAction: Function;
+                gridData: unknown[];
+                statusClasses: Record<string, string | {
+                    styles: string;
+                    label?: string;
+                }>;
+                searchValue: string;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QModal: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                closeButtonClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                containerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                dismissible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissibleOverlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissText: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                overlay: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                showCancelLink: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasBuildingBg: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                onCloseModal: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                closeButtonClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                containerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                dismissible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissibleOverlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissText: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                overlay: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                showCancelLink: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasBuildingBg: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClose?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                overlay: string;
+                id: string;
+                dismissibleOverlay: boolean;
+                closeButtonClass: string;
+                containerClass: string;
+                dismissible: boolean;
+                dismissText: string;
+                showCancelLink: boolean;
+                hasBuildingBg: boolean;
+            }, {}, {
+                QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    width: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    height: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    customClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    customSize: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    iconPath: import('vue').ComputedRef<string>;
+                    customizedSize: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    width: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    height: {
+                        type: NumberConstructor;
+                        default: number;
+                        required: false;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    inline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    customClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    customSize: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    type: string;
+                    color: string;
+                    size: string;
+                    height: number;
+                    width: number;
+                    inline: boolean;
+                    customClass: string;
+                    customSize: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QModalContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                useFlex: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                footerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                modalSize: unknown;
+                hasHeader: import('vue').ComputedRef<boolean>;
+                hasFooter: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                useFlex: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contentClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                footerClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                contentClass: string;
+                useFlex: boolean;
+                footerClass: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                entered: import('vue').Ref<boolean, boolean>;
+                offsetStyle: import('vue').Ref<string, string>;
+                popover: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                alignment: import('vue').ComputedRef<string>;
+                positioning: import('vue').ComputedRef<string>;
+                getAlignment: (align: string) => string;
+                getPositioning: (position: string) => string;
+                isElementInView: (ele: any) => boolean;
+                onAfterLeave: () => void;
+                onClick: () => void;
+                onClickOutside: typeof import('@vueuse/core').onClickOutside;
+                onEnter: () => void;
+                onMouseLeave: () => void;
+                onMouseOver: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                align: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                hasCaret: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                reposition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                trigger: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: boolean;
+                size: string;
+                position: string;
+                trigger: string;
+                align: string;
+                hasCaret: boolean;
+                reposition: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                currentSelect: import('vue').Ref<object | null, object | null>;
+                search: import('vue').Ref<string, string>;
+                selected: import('vue').Ref<any, any>;
+                isOpened: import('vue').Ref<boolean, boolean>;
+                internalOptions: import('vue').Ref<any, any>;
+                hasAction: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                noOptionsText: import('vue').ComputedRef<string>;
+                noTagFound: import('vue').ComputedRef<string>;
+                selectedCount: import('vue').ComputedRef<number>;
+                selectedText: import('vue').ComputedRef<string>;
+                useTags: import('vue').ComputedRef<boolean>;
+                enableGroupSelect: import('vue').ComputedRef<boolean>;
+                addTag: (newTag: string) => Promise<void>;
+                clearAll: () => void;
+                onOpen: () => Promise<void>;
+                onRemove: (items: any) => void;
+                onUpdateValue: (event: Event) => void;
+                removeElement: (index: any) => void;
+                searchChange: (value: string) => void;
+                selectAll: () => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any> | unknown[];
+                label: string;
+                size: string;
+                placeholder: string;
+                multiple: boolean;
+                disabled: boolean;
+                loading: boolean;
+                id: string;
+                info: string;
+                noResultMessage: string;
+                groupSelectable: boolean;
+                groupLabel: string;
+                groupValues: string;
+                trackBy: string;
+                taggable: boolean;
+                searchable: boolean;
+                filterSortFunction: Function;
+                hasCheckboxes: boolean;
+                allowEmpty: boolean;
+                blockKeys: unknown[];
+                noOptionsMessage: string;
+                selectionControl: boolean;
+                showExpanded: boolean;
+                showPlaceholderImage: boolean;
+                showSelectAll: boolean;
+                tagPlaceholder: string;
+                expand: boolean;
+                showSelectedCount: boolean;
+                truncateTag: boolean;
+                limitShown: number;
+                validationMethod: Function;
+                showOptionDescription: boolean;
+                showTags: boolean;
+                openDirection: string;
+                useAddTagsOnly: boolean;
+                clearOnSelect: boolean;
+                closeOnSelect: boolean;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                VueMultiselect: typeof import('vue-multiselect').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noWrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                relative: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                tooltipClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                visible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                tooltipStyle: import('vue').Ref<{
+                    top: string;
+                    left: string;
+                }, {
+                    top: string;
+                    left: string;
+                } | {
+                    top: string;
+                    left: string;
+                }>;
+                tooltipTarget: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+                isVisible: import('vue').ComputedRef<boolean>;
+                hideTooltip: () => void;
+                showTooltip: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                noWrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                position: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                relative: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleport: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                teleportTo: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                tooltipClasses: {
+                    type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                visible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                color: string;
+                position: string;
+                visible: boolean;
+                relative: boolean;
+                disabled: boolean;
+                id: string;
+                controlled: boolean;
+                noWrap: boolean;
+                teleport: boolean;
+                teleportTo: string;
+                tooltipClasses: string | Record<string, any> | unknown[];
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+            filteredData: import('vue').Ref<any, any>;
+            gridFilters: import('vue').Ref<{
+                attribute?: string | undefined;
+                key: string;
+                name: string;
+                options: {
+                    key: string;
+                    name: string;
+                    value: string;
+                    checked?: boolean | undefined;
+                    optionClass?: string | undefined;
+                    tagClass?: string | undefined;
+                    closeTagClass?: string | undefined;
+                }[];
+                selected: {
+                    key: string;
+                    name: string;
+                    value: string;
+                    checked?: boolean | undefined;
+                    optionClass?: string | undefined;
+                    tagClass?: string | undefined;
+                    closeTagClass?: string | undefined;
+                }[];
+            }[], Filter[] | {
+                attribute?: string | undefined;
+                key: string;
+                name: string;
+                options: {
+                    key: string;
+                    name: string;
+                    value: string;
+                    checked?: boolean | undefined;
+                    optionClass?: string | undefined;
+                    tagClass?: string | undefined;
+                    closeTagClass?: string | undefined;
+                }[];
+                selected: {
+                    key: string;
+                    name: string;
+                    value: string;
+                    checked?: boolean | undefined;
+                    optionClass?: string | undefined;
+                    tagClass?: string | undefined;
+                    closeTagClass?: string | undefined;
+                }[];
+            }[]>;
+            orderBy: import('vue').Ref<string, string>;
+            roomStatuses: Record<string, StatusValue>;
+            showExpandedGrid: import('vue').Ref<boolean, boolean>;
+            showFilters: import('vue').Ref<boolean, boolean>;
+            showInfoPopover: import('vue').Ref<boolean, boolean>;
+            sortBy: import('vue').Ref<string, string>;
+            searchValue: import('vue').Ref<string, string>;
+            getStatusClass: (status: string) => string;
+            getStatusLabel: (status: string) => string;
+            getTooltipPosition: (index: number, columns?: number, filteredGridData?: any[]) => string;
+            handleClearAllFilters: () => void;
+            handleApplyFilters: (close?: () => void) => void;
+            handleClearFilters: () => void;
+            handleFilteredData: (data: any[]) => void;
+            handleUpdateSearch: (search: string) => Promise<void>;
+            mq: {
+                xs: boolean;
+                sm: boolean;
+                md: boolean;
+                lg: boolean;
+                xl: boolean;
+                'sm-md': boolean;
+                'md-lg': boolean;
+                'lg-xl': boolean;
+                'sm-down': boolean;
+            };
+        };
+        template: string;
+    };
+    args: {
+        gridData: ({
+            id: number;
+            name: string;
+            status: string;
+            active: number;
+            daysAgo: number;
+        } | {
+            id: number;
+            name: string;
+            status: string;
+            active: number;
+            daysAgo: string;
+        })[];
+        filters: {
+            key: string;
+            name: string;
+            options: {
+                key: string;
+                name: string;
+                value: string;
+            }[];
+            selected: never[];
+        }[];
+    };
+};