@vunk/plus 1.1.4 → 1.2.0

package/components/sender/src/index.vue.d.ts

@@ -0,0 +1,484 @@
+/// <reference types="node" />
+import type { AttachmentsProps } from 'ant-design-x-vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, {
+    actionsRender: (_: any, info: any) => JSX.Element;
+    headerOpen: import("vue").Ref<boolean, boolean>;
+    attachmentsPlaceholder: (type: "drop" | "inline") => import("ant-design-x-vue/dist/typings/attachments/interface").PlaceholderType;
+    handlePasteFile: (file: File) => Promise<void>;
+    attachmentsResolve: import("@vunk/core").AnyFunc;
+    fileList: import("vue").Ref<{
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: {
+            (): Promise<ArrayBuffer>;
+            (): Promise<ArrayBuffer>;
+        };
+        slice: {
+            (start?: number, end?: number, contentType?: string): Blob;
+            (start?: number, end?: number, contentType?: string): Blob;
+        };
+        stream: {
+            (): ReadableStream<Uint8Array>;
+            (): NodeJS.ReadableStream;
+        };
+        text: {
+            (): Promise<string>;
+            (): Promise<string>;
+        };
+    }[], File[] | {
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: {
+            (): Promise<ArrayBuffer>;
+            (): Promise<ArrayBuffer>;
+        };
+        slice: {
+            (start?: number, end?: number, contentType?: string): Blob;
+            (start?: number, end?: number, contentType?: string): Blob;
+        };
+        stream: {
+            (): ReadableStream<Uint8Array>;
+            (): NodeJS.ReadableStream;
+        };
+        text: {
+            (): Promise<string>;
+            (): Promise<string>;
+        };
+    }[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_: string) => boolean;
+    submit: (_: string) => boolean;
+    cancel: any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (_: string) => any;
+    onSubmit?: (_: string) => any;
+    onCancel?: (...args: any[] | unknown[]) => any;
+}>, {
+    modelValue: string;
+    loading: boolean;
+}, {}, {
+    Sender: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("ant-design-x-vue").SenderProps> & Readonly<{
+            "onUpdate:value"?: (value: string) => any;
+        }>, {
+            nativeElement: HTMLDivElement;
+            focus: (opt: any) => any;
+            blur: () => any;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:value": (value: string) => any;
+        }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("ant-design-x-vue").SenderProps> & Readonly<{
+            "onUpdate:value"?: (value: string) => any;
+        }>, {
+            nativeElement: HTMLDivElement;
+            focus: (opt: any) => any;
+            blur: () => any;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("ant-design-x-vue").SenderProps> & Readonly<{
+        "onUpdate:value"?: (value: string) => any;
+    }>, {
+        nativeElement: HTMLDivElement;
+        focus: (opt: any) => any;
+        blur: () => any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:value": (value: string) => any;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            header?(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            prefix?(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            actions?(props?: {
+                ori?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>;
+                info?: {
+                    components: {
+                        SendButton: import("vue").DefineComponent<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                        ClearButton: import("vue").DefineComponent<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                        LoadingButton: import("vue").DefineComponent<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    };
+                };
+            }): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+        }> & {
+            header?(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            prefix?(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            actions?(props?: {
+                ori?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>;
+                info?: {
+                    components: {
+                        SendButton: import("vue").DefineComponent<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                        ClearButton: import("vue").DefineComponent<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                        LoadingButton: import("vue").DefineComponent<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("ant-design-x-vue/dist/typings/sender/interface").AntdButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    };
+                };
+            }): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+        };
+    }) & {
+        Header: <T = any>(__VLS_props: {
+            forceRender?: boolean;
+            open?: boolean;
+            onOpenChange?: (open: boolean) => void;
+            title?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            children?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            className?: string;
+            style?: import("vue").CSSProperties;
+            classNames?: Partial<Record<import("ant-design-x-vue/dist/typings/sender/interface").SemanticType, string>>;
+            styles?: Partial<Record<import("ant-design-x-vue/dist/typings/sender/interface").SemanticType, import("vue").CSSProperties>>;
+            closable?: boolean;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+            slots: Readonly<{
+                default(props?: any): any;
+            }> & {
+                default(props?: any): any;
+            };
+            attrs: any;
+            emit: {};
+        }, __VLS_expose?: (exposed: import("vue").ShallowUnwrapRef<{}>) => void, __VLS_setup?: Promise<{
+            props: {
+                forceRender?: boolean;
+                open?: boolean;
+                onOpenChange?: (open: boolean) => void;
+                title?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>;
+                children?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>;
+                className?: string;
+                style?: import("vue").CSSProperties;
+                classNames?: Partial<Record<import("ant-design-x-vue/dist/typings/sender/interface").SemanticType, string>>;
+                styles?: Partial<Record<import("ant-design-x-vue/dist/typings/sender/interface").SemanticType, import("vue").CSSProperties>>;
+                closable?: boolean;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+            expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+            attrs: any;
+            slots: Readonly<{
+                default(props?: any): any;
+            }> & {
+                default(props?: any): any;
+            };
+            emit: {};
+        }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> & {
+            __ctx?: {
+                props: {
+                    forceRender?: boolean;
+                    open?: boolean;
+                    onOpenChange?: (open: boolean) => void;
+                    title?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                        [key: string]: any;
+                    }>;
+                    children?: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                        [key: string]: any;
+                    }>;
+                    className?: string;
+                    style?: import("vue").CSSProperties;
+                    classNames?: Partial<Record<import("ant-design-x-vue/dist/typings/sender/interface").SemanticType, string>>;
+                    styles?: Partial<Record<import("ant-design-x-vue/dist/typings/sender/interface").SemanticType, import("vue").CSSProperties>>;
+                    closable?: boolean;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+                expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+                attrs: any;
+                slots: Readonly<{
+                    default(props?: any): any;
+                }> & {
+                    default(props?: any): any;
+                };
+                emit: {};
+            };
+        };
+    };
+    LinkOutlined: import("@ant-design/icons-vue/lib/icons/LinkOutlined").LinkOutlinedIconType;
+    AntButton: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
+            htmlType: {
+                type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
+            };
+            size: {
+                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean | {
+                    delay?: number;
+                }>;
+                default: () => boolean | {
+                    delay?: number;
+                };
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            ghost: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            danger: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            icon: import("vue-types").VueTypeValidableDef<any>;
+            href: StringConstructor;
+            target: StringConstructor;
+            title: StringConstructor;
+            onClick: {
+                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+            };
+        }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            block: boolean;
+            disabled: boolean;
+            danger: boolean;
+            ghost: boolean;
+            htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
+            loading: boolean | {
+                delay?: number;
+            };
+        }, true, {}, import("ant-design-vue/es/_util/type").CustomSlotsType<{
+            icon: any;
+            default: any;
+        }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
+            htmlType: {
+                type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
+            };
+            size: {
+                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean | {
+                    delay?: number;
+                }>;
+                default: () => boolean | {
+                    delay?: number;
+                };
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            ghost: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            danger: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            icon: import("vue-types").VueTypeValidableDef<any>;
+            href: StringConstructor;
+            target: StringConstructor;
+            title: StringConstructor;
+            onClick: {
+                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+            };
+        }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, {
+            block: boolean;
+            disabled: boolean;
+            danger: boolean;
+            ghost: boolean;
+            htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
+            loading: boolean | {
+                delay?: number;
+            };
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
+        htmlType: {
+            type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            default: string;
+        };
+        shape: {
+            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
+        };
+        size: {
+            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
+        };
+        loading: {
+            type: import("vue").PropType<boolean | {
+                delay?: number;
+            }>;
+            default: () => boolean | {
+                delay?: number;
+            };
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        ghost: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        danger: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        icon: import("vue-types").VueTypeValidableDef<any>;
+        href: StringConstructor;
+        target: StringConstructor;
+        title: StringConstructor;
+        onClick: {
+            type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+        };
+        onMousedown: {
+            type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+        };
+    }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        block: boolean;
+        disabled: boolean;
+        danger: boolean;
+        ghost: boolean;
+        htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
+        loading: boolean | {
+            delay?: number;
+        };
+    }, {}, string, import("ant-design-vue/es/_util/type").CustomSlotsType<{
+        icon: any;
+        default: any;
+    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
+        readonly Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            size: {
+                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
+            };
+        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            size: {
+                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    };
+    SenderHeader: never;
+    Attachments: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<AttachmentsProps> & Readonly<{}>, {
+            nativeElement: HTMLDivElement;
+            upload: (file: File) => void;
+        }, {}, {}, {}, 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<AttachmentsProps> & Readonly<{}>, {
+            nativeElement: HTMLDivElement;
+            upload: (file: File) => void;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<AttachmentsProps> & Readonly<{}>, {
+        nativeElement: HTMLDivElement;
+        upload: (file: File) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            placeholder?(props?: {
+                type: "drop" | "inline";
+            }): string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+        }> & {
+            placeholder?(props?: {
+                type: "drop" | "inline";
+            }): string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+        };
+    }) & {
+        FileCard: import("vue").DefineComponent<import("ant-design-x-vue/dist/typings/attachments/interface").FileListCardProps, {
+            nativeElement: Readonly<import("vue").ShallowRef<HTMLDivElement, HTMLDivElement>>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("ant-design-x-vue/dist/typings/attachments/interface").FileListCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    };
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/sender/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/speech-button/index.css

@@ -0,0 +1,10 @@
+.vk-speech-button{
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.vk-speech-button-recording-icon{
+  height: 1.2em;
+  width: 1.2em;
+  vertical-align: top;
+}

package/components/speech-button/index.d.ts

@@ -0,0 +1,4 @@
+import VkSpeechButton from './src/index.vue';
+export * as __VkSpeechButton from './src/types';
+export { VkSpeechButton, };
+export default VkSpeechButton;

package/components/speech-button/index.mjs

@@ -0,0 +1,131 @@
+import { defineComponent, createVNode, createTextVNode } from 'vue';
+import { useRecorder } from '@vunk/plus/composables/recorder';
+import { Button } from 'ant-design-vue';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+import { A as AudioMutedOutlined, a as AudioOutlined } from '../SendOutlined.mjs';
+
+const props = {
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+};
+const emits = {
+  stop: (_) => true,
+  start: null
+};
+
+const SIZE = 1e3;
+const COUNT = 4;
+const RECT_WIDTH = 140;
+const RECT_RADIUS = RECT_WIDTH / 2;
+const RECT_HEIGHT_MIN = 250;
+const RECT_HEIGHT_MAX = 500;
+const DURATION = 0.8;
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  name: "AXSenderRecordingIcon",
+  setup() {
+    return () => {
+      return createVNode("svg", {
+        "color": "currentColor",
+        "viewBox": `0 0 ${SIZE} ${SIZE}`,
+        "xmlns": "http://www.w3.org/2000/svg",
+        "xmlnsXlink": "http://www.w3.org/1999/xlink"
+      }, [createVNode("title", null, [createTextVNode("Speech Recording")]), Array.from({
+        length: COUNT
+      }).map((_, index) => {
+        const dest = (SIZE - RECT_WIDTH * COUNT) / (COUNT - 1);
+        const x = index * (dest + RECT_WIDTH);
+        const yMin = SIZE / 2 - RECT_HEIGHT_MIN / 2;
+        const yMax = SIZE / 2 - RECT_HEIGHT_MAX / 2;
+        return createVNode("rect", {
+          "fill": "currentColor",
+          "rx": RECT_RADIUS,
+          "ry": RECT_RADIUS,
+          "height": RECT_HEIGHT_MIN,
+          "width": RECT_WIDTH,
+          "x": x,
+          "y": yMin,
+          "key": index
+        }, [createVNode("animate", {
+          "attributeName": "height",
+          "values": `${RECT_HEIGHT_MIN}; ${RECT_HEIGHT_MAX}; ${RECT_HEIGHT_MIN}`,
+          "keyTimes": "0; 0.5; 1",
+          "dur": `${DURATION}s`,
+          "begin": `${DURATION / COUNT * index}s`,
+          "repeatCount": "indefinite"
+        }, null), createVNode("animate", {
+          "attributeName": "y",
+          "values": `${yMin}; ${yMax}; ${yMin}`,
+          "keyTimes": "0; 0.5; 1",
+          "dur": `${DURATION}s`,
+          "begin": `${DURATION / COUNT * index}s`,
+          "repeatCount": "indefinite"
+        }, null)]);
+      })]);
+    };
+  }
+});
+
+var RecordingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/speech-button/src/RecordingIcon.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "VkSpeechButton",
+  components: {
+    RecordingIcon
+  },
+  props,
+  emits,
+  setup(props2, {
+    emit
+  }) {
+    const {
+      openOrStart,
+      recording,
+      stop,
+      opening
+    } = useRecorder();
+    const handleClick = () => {
+      if (props2.disabled || opening.value) return;
+      if (recording.value) {
+        stop().then(blob => {
+          emit("stop", blob);
+        });
+      } else {
+        openOrStart().then(v => {
+          if (v) emit("start");
+        });
+      }
+    };
+    const iconRender = () => {
+      if (props2.disabled) return createVNode(AudioMutedOutlined, null, null);
+      if (opening.value) return createVNode(AudioOutlined, {
+        "spin": true
+      }, null);
+      if (recording.value) {
+        return createVNode(RecordingIcon, {
+          "class": "vk-speech-button-recording-icon"
+        }, null);
+      }
+      return createVNode(AudioOutlined, null, null);
+    };
+    return () => createVNode(Button, {
+      "onClick": handleClick,
+      "class": "vk-speech-button"
+    }, {
+      icon: iconRender
+    });
+  }
+});
+
+var VkSpeechButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/speech-button/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkSpeechButton.install = (app) => {
+  app.component(VkSpeechButton.name || "VkSpeechButton", VkSpeechButton);
+};
+
+export { VkSpeechButton, types as __VkSpeechButton, VkSpeechButton as default };

package/components/speech-button/src/RecordingIcon.vue.d.ts

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

package/components/speech-button/src/ctx.d.ts

@@ -0,0 +1,10 @@
+export declare const props: {
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const emits: {
+    stop: (_: Blob) => boolean;
+    start: any;
+};