@pantograph/pattern-vue 0.0.3 → 0.0.4

package/dist/components/Comment/CommentActions.d.ts

@@ -0,0 +1,431 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    reactionRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly hover?: boolean | undefined;
+            readonly as?: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly class?: import('clsx').ClassValue;
+            readonly icon?: string | undefined;
+            readonly flipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+            readonly dir?: import('@pantograph/vue').Direction | undefined;
+            readonly size?: "md" | "sm" | "lg" | undefined;
+            readonly color?: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray" | undefined;
+            readonly noRing?: boolean | undefined;
+            readonly type?: "ghost" | "fill" | "outline" | undefined;
+            readonly loading?: boolean | undefined;
+            readonly customStroke?: boolean | undefined;
+            readonly preIconCustomStroke?: boolean | undefined;
+            readonly postIconCustomStroke?: boolean | undefined;
+            readonly htmlType?: "reset" | "submit" | "button" | undefined;
+            readonly block?: boolean | undefined;
+            readonly href?: string | undefined;
+            readonly target?: string | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            buttonRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly dir?: import('@pantograph/vue').Direction | undefined;
+                    readonly as?: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component | undefined;
+                    readonly class?: import('clsx').ClassValue;
+                    readonly text?: string | number | undefined;
+                    readonly size?: "md" | "sm" | "lg" | undefined;
+                    readonly color?: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray" | undefined;
+                    readonly noRing?: boolean | undefined;
+                    readonly type?: "ghost" | "fill" | "outline" | undefined;
+                    readonly variant?: "icon" | "simple" | "float" | undefined;
+                    readonly loading?: boolean | undefined;
+                    readonly action?: boolean | undefined;
+                    readonly active?: boolean | undefined;
+                    readonly badgeText?: string | undefined;
+                    readonly badgeIcon?: string | undefined;
+                    readonly icon?: string | undefined;
+                    readonly preIcon?: string | undefined;
+                    readonly postIcon?: string | undefined;
+                    readonly customStroke?: boolean | undefined;
+                    readonly preIconCustomStroke?: boolean | undefined;
+                    readonly postIconCustomStroke?: boolean | undefined;
+                    readonly flipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly preIconFlipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly postIconFlipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly badgeIconFlipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly htmlType?: "reset" | "submit" | "button" | undefined;
+                    readonly block?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly hover?: boolean | undefined;
+                    readonly href?: string | undefined;
+                    readonly target?: string | undefined;
+                    readonly onClick?: ((...args: any[]) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                        asChild: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        as: {
+                            type: import('vue').PropType<("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component>;
+                            default: string;
+                        };
+                    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                        asChild: boolean;
+                        as: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component;
+                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import('vue').ExtractPropTypes<{
+                        asChild: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        as: {
+                            type: import('vue').PropType<("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component>;
+                            default: string;
+                        };
+                    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, {
+                        asChild: boolean;
+                        as: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component;
+                    }> | null;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $host: Element | null;
+                $emit: (event: "click", ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('@pantograph/vue').BaseButtonProps> & Readonly<{
+                    onClick?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    isFocused(): boolean;
+                    focus(): void;
+                    blur(): void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (...args: any[]) => void;
+                }, string, {
+                    type: "ghost" | "fill" | "outline";
+                    disabled: boolean;
+                    color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+                    htmlType: "reset" | "submit" | "button";
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[] | undefined;
+                    created?: (() => void) | (() => void)[] | undefined;
+                    beforeMount?: (() => void) | (() => void)[] | undefined;
+                    mounted?: (() => void) | (() => void)[] | undefined;
+                    beforeUpdate?: (() => void) | (() => void)[] | undefined;
+                    updated?: (() => void) | (() => void)[] | undefined;
+                    activated?: (() => void) | (() => void)[] | undefined;
+                    deactivated?: (() => void) | (() => void)[] | undefined;
+                    beforeDestroy?: (() => void) | (() => void)[] | undefined;
+                    beforeUnmount?: (() => void) | (() => void)[] | undefined;
+                    destroyed?: (() => void) | (() => void)[] | undefined;
+                    unmounted?: (() => void) | (() => void)[] | undefined;
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+            } & Readonly<{
+                type: "ghost" | "fill" | "outline";
+                disabled: boolean;
+                color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+                htmlType: "reset" | "submit" | "button";
+            }> & Omit<Readonly<import('@pantograph/vue').BaseButtonProps> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, "disabled" | "color" | "type" | "htmlType" | "blur" | "focus" | "isFocused"> & import('vue').ShallowUnwrapRef<{
+                isFocused(): boolean;
+                focus(): void;
+                blur(): void;
+            }> & import('vue').ComponentCustomProperties & {
+                $slots: Readonly<import('@pantograph/vue').BaseButtonSlots> & import('@pantograph/vue').BaseButtonSlots;
+            }) | null;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>> & Readonly<{}>, {
+            isFocused(): void;
+            focus(): void;
+            blur(): void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            type: "ghost" | "fill" | "outline";
+            disabled: boolean;
+            color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+            htmlType: "reset" | "submit" | "button";
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R_1 ? (args_0: R_1, args_1: R_1, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+    } & Readonly<{
+        type: "ghost" | "fill" | "outline";
+        disabled: boolean;
+        color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+        htmlType: "reset" | "submit" | "button";
+    }> & Omit<Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>> & Readonly<{}>, "disabled" | "color" | "type" | "htmlType" | "blur" | "focus" | "isFocused"> & import('vue').ShallowUnwrapRef<{
+        isFocused(): void;
+        focus(): void;
+        blur(): void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('@pantograph/vue').IconButtonSlots> & import('@pantograph/vue').IconButtonSlots;
+    }) | null;
+    actionRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly hover?: boolean | undefined;
+            readonly as?: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly class?: import('clsx').ClassValue;
+            readonly icon?: string | undefined;
+            readonly flipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+            readonly dir?: import('@pantograph/vue').Direction | undefined;
+            readonly size?: "md" | "sm" | "lg" | undefined;
+            readonly color?: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray" | undefined;
+            readonly noRing?: boolean | undefined;
+            readonly type?: "ghost" | "fill" | "outline" | undefined;
+            readonly loading?: boolean | undefined;
+            readonly customStroke?: boolean | undefined;
+            readonly preIconCustomStroke?: boolean | undefined;
+            readonly postIconCustomStroke?: boolean | undefined;
+            readonly htmlType?: "reset" | "submit" | "button" | undefined;
+            readonly block?: boolean | undefined;
+            readonly href?: string | undefined;
+            readonly target?: string | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            buttonRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly dir?: import('@pantograph/vue').Direction | undefined;
+                    readonly as?: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component | undefined;
+                    readonly class?: import('clsx').ClassValue;
+                    readonly text?: string | number | undefined;
+                    readonly size?: "md" | "sm" | "lg" | undefined;
+                    readonly color?: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray" | undefined;
+                    readonly noRing?: boolean | undefined;
+                    readonly type?: "ghost" | "fill" | "outline" | undefined;
+                    readonly variant?: "icon" | "simple" | "float" | undefined;
+                    readonly loading?: boolean | undefined;
+                    readonly action?: boolean | undefined;
+                    readonly active?: boolean | undefined;
+                    readonly badgeText?: string | undefined;
+                    readonly badgeIcon?: string | undefined;
+                    readonly icon?: string | undefined;
+                    readonly preIcon?: string | undefined;
+                    readonly postIcon?: string | undefined;
+                    readonly customStroke?: boolean | undefined;
+                    readonly preIconCustomStroke?: boolean | undefined;
+                    readonly postIconCustomStroke?: boolean | undefined;
+                    readonly flipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly preIconFlipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly postIconFlipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly badgeIconFlipOnDir?: import('@pantograph/vue').FlipOnDir | undefined;
+                    readonly htmlType?: "reset" | "submit" | "button" | undefined;
+                    readonly block?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly hover?: boolean | undefined;
+                    readonly href?: string | undefined;
+                    readonly target?: string | undefined;
+                    readonly onClick?: ((...args: any[]) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                        asChild: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        as: {
+                            type: import('vue').PropType<("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component>;
+                            default: string;
+                        };
+                    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                        asChild: boolean;
+                        as: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component;
+                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import('vue').ExtractPropTypes<{
+                        asChild: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        as: {
+                            type: import('vue').PropType<("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component>;
+                            default: string;
+                        };
+                    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, {
+                        asChild: boolean;
+                        as: ("svg" | "input" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "label" | "li" | "nav" | "ol" | "p" | "span" | "template" | "ul" | ({} & string)) | import('vue').Component;
+                    }> | null;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $host: Element | null;
+                $emit: (event: "click", ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('@pantograph/vue').BaseButtonProps> & Readonly<{
+                    onClick?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    isFocused(): boolean;
+                    focus(): void;
+                    blur(): void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (...args: any[]) => void;
+                }, string, {
+                    type: "ghost" | "fill" | "outline";
+                    disabled: boolean;
+                    color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+                    htmlType: "reset" | "submit" | "button";
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[] | undefined;
+                    created?: (() => void) | (() => void)[] | undefined;
+                    beforeMount?: (() => void) | (() => void)[] | undefined;
+                    mounted?: (() => void) | (() => void)[] | undefined;
+                    beforeUpdate?: (() => void) | (() => void)[] | undefined;
+                    updated?: (() => void) | (() => void)[] | undefined;
+                    activated?: (() => void) | (() => void)[] | undefined;
+                    deactivated?: (() => void) | (() => void)[] | undefined;
+                    beforeDestroy?: (() => void) | (() => void)[] | undefined;
+                    beforeUnmount?: (() => void) | (() => void)[] | undefined;
+                    destroyed?: (() => void) | (() => void)[] | undefined;
+                    unmounted?: (() => void) | (() => void)[] | undefined;
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[] | undefined;
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[] | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+            } & Readonly<{
+                type: "ghost" | "fill" | "outline";
+                disabled: boolean;
+                color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+                htmlType: "reset" | "submit" | "button";
+            }> & Omit<Readonly<import('@pantograph/vue').BaseButtonProps> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, "disabled" | "color" | "type" | "htmlType" | "blur" | "focus" | "isFocused"> & import('vue').ShallowUnwrapRef<{
+                isFocused(): boolean;
+                focus(): void;
+                blur(): void;
+            }> & import('vue').ComponentCustomProperties & {
+                $slots: Readonly<import('@pantograph/vue').BaseButtonSlots> & import('@pantograph/vue').BaseButtonSlots;
+            }) | null;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>> & Readonly<{}>, {
+            isFocused(): void;
+            focus(): void;
+            blur(): void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            type: "ghost" | "fill" | "outline";
+            disabled: boolean;
+            color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+            htmlType: "reset" | "submit" | "button";
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R_1 ? (args_0: R_1, args_1: R_1, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+    } & Readonly<{
+        type: "ghost" | "fill" | "outline";
+        disabled: boolean;
+        color: "neutral" | "primary" | "danger" | "success" | "warning" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "gray";
+        htmlType: "reset" | "submit" | "button";
+    }> & Omit<Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>> & Readonly<{}>, "disabled" | "color" | "type" | "htmlType" | "blur" | "focus" | "isFocused"> & import('vue').ShallowUnwrapRef<{
+        isFocused(): void;
+        focus(): void;
+        blur(): void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('@pantograph/vue').IconButtonSlots> & import('@pantograph/vue').IconButtonSlots;
+    }) | null;
+}, any>;
+export default _default;

package/dist/components/Comment/CommentEditor.d.ts

@@ -0,0 +1,67 @@
+import { UploadSlots } from '@pantograph/vue';
+import { CommentEditorProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CommentEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (value: InputEvent) => any;
+    cancel: () => any;
+    focus: (value: InputEvent) => any;
+    submit: () => any;
+    openReaction: (value: HTMLElement) => any;
+    openMention: (value: HTMLElement) => any;
+}, string, import('vue').PublicProps, Readonly<CommentEditorProps> & Readonly<{
+    onBlur?: ((value: InputEvent) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onFocus?: ((value: InputEvent) => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+    onOpenReaction?: ((value: HTMLElement) => any) | undefined;
+    onOpenMention?: ((value: HTMLElement) => any) | undefined;
+}>, {
+    maxHeight: string | number;
+    okProps: Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "icon" | "flipOnDir" | "badgeIconFlipOnDir">> & {
+        text: string;
+        hide?: boolean | undefined;
+    };
+    cancelProps: Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "icon" | "flipOnDir" | "badgeIconFlipOnDir">> & {
+        text: string;
+        hide?: boolean | undefined;
+    };
+    kbdProps: import('@pantograph/vue').KbdProps & {
+        text: string;
+        hide?: boolean | undefined;
+    };
+    kbdDescription: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    uploadRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}> | null;
+    mentionRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>>, import('@pantograph/vue').IconButtonSlots, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>>, import('@pantograph/vue').IconButtonSlots, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+    reactionRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>>, import('@pantograph/vue').IconButtonSlots, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir" | "text" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir">>>, import('@pantograph/vue').IconButtonSlots, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+}, HTMLDivElement>, Readonly<UploadSlots & {
+    default: (data?: object | undefined) => never;
+}> & UploadSlots & {
+    default: (data?: object | undefined) => never;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Comment/CommentFileList.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;