@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/src/components/icon-action-group/icon-action-group.stories.d.ts

@@ -0,0 +1,2570 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QIconActionGroup } from './icon-action-group.vue';
+declare const meta: Meta<typeof QIconActionGroup>;
+export default meta;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QIconActionGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                selectedState: import('vue').Ref<string, string>;
+                singleOption: import('vue').Ref<boolean, boolean>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                selectedOption: import('vue').ComputedRef<import('./icon-action-group').IconActionOption | undefined>;
+                shouldUseSwipe: import('vue').ComputedRef<boolean>;
+                onSetState: (event: Event, state: string) => 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:state"[], "update:state", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                disabled: boolean;
+                loading: string | boolean;
+                options: import('./icon-action-group').IconActionOption[];
+                currentState: string;
+                isActionItemBar: boolean;
+                isColorKey: boolean;
+                showCompletedState: boolean;
+                showStatusText: boolean;
+            }, {}, {
+                QButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    propsClasses: import('vue').ComputedRef<(string | {
+                        [x: string]: string;
+                        'min-w-min'?: undefined;
+                    } | {
+                        'min-w-min': boolean;
+                    } | {
+                        [x: string]: boolean;
+                        'min-w-min'?: undefined;
+                    })[]>;
+                    disabledAttributes: import('vue').ComputedRef<object>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    shape: string;
+                    disabled: boolean;
+                    isWide: boolean;
+                    status: string;
+                    hasOutline: boolean;
+                    loading: boolean;
+                    useLoadingSpinner: boolean;
+                    isFab: boolean;
+                    noMinWidth: boolean;
+                }, {}, {}, {}, 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>;
+                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>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+            onUpdate: (event: any) => Promise<void>;
+        };
+        template: string;
+    };
+    args: {
+        currentState: string;
+        loading: false;
+    };
+};
+export declare const Checklist: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QIconActionGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                selectedState: import('vue').Ref<string, string>;
+                singleOption: import('vue').Ref<boolean, boolean>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                selectedOption: import('vue').ComputedRef<import('./icon-action-group').IconActionOption | undefined>;
+                shouldUseSwipe: import('vue').ComputedRef<boolean>;
+                onSetState: (event: Event, state: string) => 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:state"[], "update:state", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                disabled: boolean;
+                loading: string | boolean;
+                options: import('./icon-action-group').IconActionOption[];
+                currentState: string;
+                isActionItemBar: boolean;
+                isColorKey: boolean;
+                showCompletedState: boolean;
+                showStatusText: boolean;
+            }, {}, {
+                QButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    propsClasses: import('vue').ComputedRef<(string | {
+                        [x: string]: string;
+                        'min-w-min'?: undefined;
+                    } | {
+                        'min-w-min': boolean;
+                    } | {
+                        [x: string]: boolean;
+                        'min-w-min'?: undefined;
+                    })[]>;
+                    disabledAttributes: import('vue').ComputedRef<object>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    shape: string;
+                    disabled: boolean;
+                    isWide: boolean;
+                    status: string;
+                    hasOutline: boolean;
+                    loading: boolean;
+                    useLoadingSpinner: boolean;
+                    isFab: boolean;
+                    noMinWidth: boolean;
+                }, {}, {}, {}, 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>;
+                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>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+            onUpdate: (event: any) => Promise<void>;
+        };
+        template: string;
+    };
+    args: {
+        options: {
+            state: string;
+            activeClass: string;
+            classes: string;
+            icon: string;
+            mobileIcon: string;
+            idleClass: string;
+            loading: string;
+            name: string;
+            statusText: string;
+        }[];
+        currentState: string;
+        loading: false;
+    };
+};
+export declare const ActionItemBar: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QIconActionGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                selectedState: import('vue').Ref<string, string>;
+                singleOption: import('vue').Ref<boolean, boolean>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                selectedOption: import('vue').ComputedRef<import('./icon-action-group').IconActionOption | undefined>;
+                shouldUseSwipe: import('vue').ComputedRef<boolean>;
+                onSetState: (event: Event, state: string) => 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:state"[], "update:state", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                disabled: boolean;
+                loading: string | boolean;
+                options: import('./icon-action-group').IconActionOption[];
+                currentState: string;
+                isActionItemBar: boolean;
+                isColorKey: boolean;
+                showCompletedState: boolean;
+                showStatusText: boolean;
+            }, {}, {
+                QButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    propsClasses: import('vue').ComputedRef<(string | {
+                        [x: string]: string;
+                        'min-w-min'?: undefined;
+                    } | {
+                        'min-w-min': boolean;
+                    } | {
+                        [x: string]: boolean;
+                        'min-w-min'?: undefined;
+                    })[]>;
+                    disabledAttributes: import('vue').ComputedRef<object>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    shape: string;
+                    disabled: boolean;
+                    isWide: boolean;
+                    status: string;
+                    hasOutline: boolean;
+                    loading: boolean;
+                    useLoadingSpinner: boolean;
+                    isFab: boolean;
+                    noMinWidth: boolean;
+                }, {}, {}, {}, 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>;
+                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>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+            onUpdate: (event: any) => Promise<void>;
+        };
+        template: string;
+    };
+    args: {
+        isActionItemBar: true;
+        currentState: string;
+        loading: false;
+    };
+};
+export declare const ColorKey: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QIconActionGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                selectedState: import('vue').Ref<string, string>;
+                singleOption: import('vue').Ref<boolean, boolean>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                selectedOption: import('vue').ComputedRef<import('./icon-action-group').IconActionOption | undefined>;
+                shouldUseSwipe: import('vue').ComputedRef<boolean>;
+                onSetState: (event: Event, state: string) => 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:state"[], "update:state", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                disabled: boolean;
+                loading: string | boolean;
+                options: import('./icon-action-group').IconActionOption[];
+                currentState: string;
+                isActionItemBar: boolean;
+                isColorKey: boolean;
+                showCompletedState: boolean;
+                showStatusText: boolean;
+            }, {}, {
+                QButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    propsClasses: import('vue').ComputedRef<(string | {
+                        [x: string]: string;
+                        'min-w-min'?: undefined;
+                    } | {
+                        'min-w-min': boolean;
+                    } | {
+                        [x: string]: boolean;
+                        'min-w-min'?: undefined;
+                    })[]>;
+                    disabledAttributes: import('vue').ComputedRef<object>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    shape: string;
+                    disabled: boolean;
+                    isWide: boolean;
+                    status: string;
+                    hasOutline: boolean;
+                    loading: boolean;
+                    useLoadingSpinner: boolean;
+                    isFab: boolean;
+                    noMinWidth: boolean;
+                }, {}, {}, {}, 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>;
+                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>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        isColorKey: true;
+    };
+};
+export declare const ShowCompletedState: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QIconActionGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                selectedState: import('vue').Ref<string, string>;
+                singleOption: import('vue').Ref<boolean, boolean>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                selectedOption: import('vue').ComputedRef<import('./icon-action-group').IconActionOption | undefined>;
+                shouldUseSwipe: import('vue').ComputedRef<boolean>;
+                onSetState: (event: Event, state: string) => 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:state"[], "update:state", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                currentState: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isActionItemBar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                isColorKey: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<import('./icon-action-group').IconActionOption[]>;
+                    default: () => ({
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIdleClass?: undefined;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        mobileIcon: string;
+                        idleClass: string;
+                        mobileIdleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        iconClass?: undefined;
+                        iconType?: undefined;
+                        mobileIconClass?: undefined;
+                    } | {
+                        state: string;
+                        activeClass: string;
+                        classes: string;
+                        icon: string;
+                        iconClass: string;
+                        iconType: string;
+                        idleClass: string;
+                        loading: string;
+                        name: string;
+                        statusText: string;
+                        mobileIconClass: string;
+                        mobileIcon?: undefined;
+                        mobileIdleClass?: undefined;
+                    })[];
+                };
+                showCompletedState: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showStatusText: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                disabled: boolean;
+                loading: string | boolean;
+                options: import('./icon-action-group').IconActionOption[];
+                currentState: string;
+                isActionItemBar: boolean;
+                isColorKey: boolean;
+                showCompletedState: boolean;
+                showStatusText: boolean;
+            }, {}, {
+                QButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    propsClasses: import('vue').ComputedRef<(string | {
+                        [x: string]: string;
+                        'min-w-min'?: undefined;
+                    } | {
+                        'min-w-min': boolean;
+                    } | {
+                        [x: string]: boolean;
+                        'min-w-min'?: undefined;
+                    })[]>;
+                    disabledAttributes: import('vue').ComputedRef<object>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    isWide: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    status: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    hasOutline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    useLoadingSpinner: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    isFab: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    noMinWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    shape: string;
+                    disabled: boolean;
+                    isWide: boolean;
+                    status: string;
+                    hasOutline: boolean;
+                    loading: boolean;
+                    useLoadingSpinner: boolean;
+                    isFab: boolean;
+                    noMinWidth: boolean;
+                }, {}, {}, {}, 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>;
+                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>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        currentState: string;
+        disabled: true;
+        showCompletedState: true;
+        loading: false;
+    };
+};