@phonghq/go-chat 1.0.72 → 1.0.74

package/dist/components/common/modal/ModalBase.vue.js

@@ -0,0 +1,187 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import IconCloseCircle from '@/assets/icons/global/IconCloseCircle.vue';
+defineOptions({
+    inheritAttrs: false
+});
+import { Dialog, DialogHeader, DialogTitle, DialogScrollContent } from '../../../components/ui/dialog';
+// COMPONENT
+// import BaseTitle from '../../../components/common/base/BaseTitle.vue'
+import { useAttrs } from 'vue';
+const props = withDefaults(defineProps(), {
+    title: 'This is title',
+    width: '100%',
+    showButtonClose: true,
+    showTitle: true,
+    open: false,
+    nonClosable: false,
+    zIndex: 50,
+    class: '',
+});
+const emit = defineEmits();
+const attrs = useAttrs();
+const show = () => {
+    emit('update:open', true);
+};
+const hide = () => {
+    emit('update:open', false);
+};
+const handleClickOutside = (value) => {
+    if (props.nonClosable)
+        value.preventDefault();
+};
+const __VLS_exposed = {
+    show,
+    hide
+};
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    title: 'This is title',
+    width: '100%',
+    showButtonClose: true,
+    showTitle: true,
+    open: false,
+    nonClosable: false,
+    zIndex: 50,
+    class: '',
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...(__VLS_ctx.attrs),
+});
+// @ts-ignore
+[attrs,];
+const __VLS_0 = {}.Dialog;
+/** @type {[typeof __VLS_components.Dialog, typeof __VLS_components.Dialog, ]} */ ;
+// @ts-ignore
+Dialog;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ 'onUpdate:open': {} },
+    open: (props.open),
+    disableOutsidePointerEvents: (true),
+}));
+const __VLS_2 = __VLS_1({
+    ...{ 'onUpdate:open': {} },
+    open: (props.open),
+    disableOutsidePointerEvents: (true),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+let __VLS_4;
+let __VLS_5;
+const __VLS_6 = ({ 'update:open': {} },
+    { 'onUpdate:open': ((val) => __VLS_ctx.emit('update:open', val)) });
+const { default: __VLS_7 } = __VLS_3.slots;
+// @ts-ignore
+[emit,];
+const __VLS_8 = {}.DialogScrollContent;
+/** @type {[typeof __VLS_components.DialogScrollContent, typeof __VLS_components.DialogScrollContent, ]} */ ;
+// @ts-ignore
+DialogScrollContent;
+// @ts-ignore
+const __VLS_9 = __VLS_asFunctionalComponent(__VLS_8, new __VLS_8({
+    ...{ 'onInteractOutside': {} },
+    disableOutsidePointerEvents: (true),
+    width: (__VLS_ctx.width),
+    ...{ class: (props.class) },
+    zIndex: (__VLS_ctx.zIndex),
+}));
+const __VLS_10 = __VLS_9({
+    ...{ 'onInteractOutside': {} },
+    disableOutsidePointerEvents: (true),
+    width: (__VLS_ctx.width),
+    ...{ class: (props.class) },
+    zIndex: (__VLS_ctx.zIndex),
+}, ...__VLS_functionalComponentArgsRest(__VLS_9));
+let __VLS_12;
+let __VLS_13;
+const __VLS_14 = ({ interactOutside: {} },
+    { onInteractOutside: (__VLS_ctx.handleClickOutside) });
+const { default: __VLS_15 } = __VLS_11.slots;
+// @ts-ignore
+[width, zIndex, handleClickOutside,];
+const __VLS_16 = {}.DialogHeader;
+/** @type {[typeof __VLS_components.DialogHeader, typeof __VLS_components.DialogHeader, ]} */ ;
+// @ts-ignore
+DialogHeader;
+// @ts-ignore
+const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({}));
+const __VLS_18 = __VLS_17({}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+const { default: __VLS_20 } = __VLS_19.slots;
+const __VLS_21 = {}.DialogTitle;
+/** @type {[typeof __VLS_components.DialogTitle, typeof __VLS_components.DialogTitle, ]} */ ;
+// @ts-ignore
+DialogTitle;
+// @ts-ignore
+const __VLS_22 = __VLS_asFunctionalComponent(__VLS_21, new __VLS_21({}));
+const __VLS_23 = __VLS_22({}, ...__VLS_functionalComponentArgsRest(__VLS_22));
+const { default: __VLS_25 } = __VLS_24.slots;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-full min-h-[46px] lg:min-h-[52px] flex items-center relative bg-chat-haze-100 sm:rounded-t-lg px-6 py-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-base lg:text-xl  font-medium mr-[50px] " },
+});
+(__VLS_ctx.title);
+// @ts-ignore
+[title,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-full w-[50px] flex-center absolute right-0 cursor-pointer mr-1" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (__VLS_ctx.hide) },
+    ...{ class: "h-full w-full flex-center" },
+});
+// @ts-ignore
+[hide,];
+/** @type {[typeof IconCloseCircle, ]} */ ;
+// @ts-ignore
+const __VLS_26 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+const __VLS_27 = __VLS_26({}, ...__VLS_functionalComponentArgsRest(__VLS_26));
+var __VLS_24;
+var __VLS_30 = {};
+var __VLS_19;
+var __VLS_11;
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-[46px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:min-h-[52px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-100']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:rounded-t-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['lg:text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[50px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['mr-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+// @ts-ignore
+var __VLS_31 = __VLS_30;
+const __VLS_base = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/common/popover/PopoverBase.vue.d.ts

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

package/dist/components/common/popover/PopoverBase.vue.js

@@ -0,0 +1,36 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+const props = withDefaults(defineProps(), {
+    placement: 'bottom',
+    trigger: 'click'
+});
+const open = ref(false);
+const hide = () => {
+    open.value = false;
+};
+const handleClickChange = (visible) => {
+    open.value = visible;
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    placement: 'bottom',
+    trigger: 'click'
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative" },
+});
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/components/common/select/SelectBase.vue.d.ts

@@ -0,0 +1,33 @@
+import type { SelectContentProps } from 'reka-ui';
+type Props = Pick<SelectContentProps, 'side' | 'align'> & {
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+    disabled?: boolean;
+};
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_15: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    content?: (props: typeof __VLS_22) => any;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean | undefined) => any;
+} & {
+    change: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/common/select/SelectBase.vue.js

@@ -0,0 +1,120 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger } from '../../ui/select';
+import { onMounted, useSlots } from 'vue';
+const props = defineProps();
+const open = defineModel('open');
+const emit = defineEmits();
+onMounted(() => { });
+const slots = useSlots();
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.Select;
+/** @type {[typeof __VLS_components.Select, typeof __VLS_components.Select, ]} */ ;
+// @ts-ignore
+Select;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ 'onUpdate:modelValue': {} },
+    open: (__VLS_ctx.open),
+}));
+const __VLS_2 = __VLS_1({
+    ...{ 'onUpdate:modelValue': {} },
+    open: (__VLS_ctx.open),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+let __VLS_4;
+let __VLS_5;
+const __VLS_6 = ({ 'update:modelValue': {} },
+    { 'onUpdate:modelValue': (...[$event]) => {
+            __VLS_ctx.emit('change', $event);
+            // @ts-ignore
+            [open, emit,];
+        } });
+var __VLS_7 = {};
+const { default: __VLS_8 } = __VLS_3.slots;
+const __VLS_9 = {}.SelectTrigger;
+/** @type {[typeof __VLS_components.SelectTrigger, typeof __VLS_components.SelectTrigger, ]} */ ;
+// @ts-ignore
+SelectTrigger;
+// @ts-ignore
+const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({
+    ...{ class: "" },
+}));
+const __VLS_11 = __VLS_10({
+    ...{ class: "" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_10));
+const { default: __VLS_13 } = __VLS_12.slots;
+var __VLS_14 = {};
+var __VLS_12;
+const __VLS_16 = {}.SelectContent;
+/** @type {[typeof __VLS_components.SelectContent, typeof __VLS_components.SelectContent, ]} */ ;
+// @ts-ignore
+SelectContent;
+// @ts-ignore
+const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({
+    side: (__VLS_ctx.side),
+    align: (__VLS_ctx.align),
+}));
+const __VLS_18 = __VLS_17({
+    side: (__VLS_ctx.side),
+    align: (__VLS_ctx.align),
+}, ...__VLS_functionalComponentArgsRest(__VLS_17));
+const { default: __VLS_20 } = __VLS_19.slots;
+// @ts-ignore
+[side, align,];
+if (__VLS_ctx.slots.content) {
+    // @ts-ignore
+    [slots,];
+    var __VLS_21 = {};
+}
+else {
+    const __VLS_23 = {}.SelectGroup;
+    /** @type {[typeof __VLS_components.SelectGroup, typeof __VLS_components.SelectGroup, ]} */ ;
+    // @ts-ignore
+    SelectGroup;
+    // @ts-ignore
+    const __VLS_24 = __VLS_asFunctionalComponent(__VLS_23, new __VLS_23({}));
+    const __VLS_25 = __VLS_24({}, ...__VLS_functionalComponentArgsRest(__VLS_24));
+    const { default: __VLS_27 } = __VLS_26.slots;
+    for (const [item] of __VLS_getVForSourceType((__VLS_ctx.options))) {
+        // @ts-ignore
+        [options,];
+        const __VLS_28 = {}.SelectItem;
+        /** @type {[typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ]} */ ;
+        // @ts-ignore
+        SelectItem;
+        // @ts-ignore
+        const __VLS_29 = __VLS_asFunctionalComponent(__VLS_28, new __VLS_28({
+            key: (item.value),
+            value: (item.value),
+        }));
+        const __VLS_30 = __VLS_29({
+            key: (item.value),
+            value: (item.value),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_29));
+        const { default: __VLS_32 } = __VLS_31.slots;
+        (item.label);
+        var __VLS_31;
+    }
+    var __VLS_26;
+}
+var __VLS_19;
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['']} */ ;
+// @ts-ignore
+var __VLS_15 = __VLS_14, __VLS_22 = __VLS_21;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/components/common/slider/BaseSlider.vue.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    modelValue: number;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: number) => any;
+    afterChange: (val: number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+    onAfterChange?: ((val: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/common/slider/BaseSlider.vue.js

@@ -0,0 +1,70 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { computed } from 'vue';
+import { CSlider } from "../../../components/ui/slider";
+const props = withDefaults(defineProps(), {});
+const emits = defineEmits();
+const value = computed({
+    get: () => [props.modelValue],
+    set: (val) => {
+        emits('update:modelValue', val[0]);
+    }
+});
+const onAfterChange = (value) => {
+    emits('afterChange', value);
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative" },
+});
+const __VLS_0 = {}.CSlider;
+/** @type {[typeof __VLS_components.CSlider, typeof __VLS_components.cSlider, ]} */ ;
+// @ts-ignore
+CSlider;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...{ 'onValueCommit': {} },
+    modelValue: (__VLS_ctx.value),
+    min: (0),
+    max: (0),
+    step: (0),
+}));
+const __VLS_2 = __VLS_1({
+    ...{ 'onValueCommit': {} },
+    modelValue: (__VLS_ctx.value),
+    min: (0),
+    max: (0),
+    step: (0),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+let __VLS_4;
+let __VLS_5;
+const __VLS_6 = ({ valueCommit: {} },
+    { onValueCommit: ((e) => __VLS_ctx.onAfterChange(e[0])) });
+// @ts-ignore
+[value, onAfterChange,];
+var __VLS_3;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "justify-between flex absolute w-full text-sm" },
+});
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/components/common/spin/CSpin.vue.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    size?: number;
+    border?: number;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: number;
+    border: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/common/spin/CSpin.vue.js

@@ -0,0 +1,41 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { onMounted, computed } from 'vue';
+const props = withDefaults(defineProps(), {
+    size: 48,
+    border: 5,
+});
+const style = computed(() => {
+    let result = {};
+    result.width = props.size + 'px';
+    result.height = props.size + 'px';
+    result.borderWidth = props.border + 'px';
+    return result;
+});
+onMounted(() => {
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    size: 48,
+    border: 5,
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
+    ...{ class: "loader" },
+    ...{ style: (__VLS_ctx.style) },
+});
+// @ts-ignore
+[style,];
+/** @type {__VLS_StyleScopedClasses['loader']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/components/common/tooltip/TooltipBase.vue.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;

package/dist/components/common/tooltip/TooltipBase.vue.js

@@ -0,0 +1,8 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/components/layout/PageError.vue.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;

package/dist/components/layout/PageError.vue.js

@@ -0,0 +1,91 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { goChatError, handleMedialPermissionError, mediaPermissionState } from '../../utils/chat/page-error';
+const reload = () => {
+    ;
+    window.location.reload();
+};
+const askMedialPermission = async () => {
+    try {
+        await navigator.mediaDevices.getUserMedia({ audio: true });
+        window.location.reload();
+    }
+    catch (e) {
+        console.log(e);
+    }
+    handleMedialPermissionError();
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.goChatError) {
+    // @ts-ignore
+    [goChatError,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "w-full bg-chat-error text-white text-sm px-4 py-2 flex items-center justify-between gap-2" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({});
+    (__VLS_ctx.goChatError);
+    // @ts-ignore
+    [goChatError,];
+    if (__VLS_ctx.mediaPermissionState == 'prompt') {
+        // @ts-ignore
+        [mediaPermissionState,];
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (__VLS_ctx.askMedialPermission) },
+            ...{ class: "bg-white min-h-10 text-chat-haze-600 font-bold w-[250px] rounded-lg" },
+        });
+        // @ts-ignore
+        [askMedialPermission,];
+    }
+    else if (__VLS_ctx.mediaPermissionState == 'denied') {
+        // @ts-ignore
+        [mediaPermissionState,];
+        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+    }
+    else {
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.goChatError))
+                        return;
+                    if (!!(__VLS_ctx.mediaPermissionState == 'prompt'))
+                        return;
+                    if (!!(__VLS_ctx.mediaPermissionState == 'denied'))
+                        return;
+                    __VLS_ctx.reload();
+                    // @ts-ignore
+                    [reload,];
+                } },
+            ...{ class: "bg-white min-h-10 text-chat-haze-600 font-bold text-base w-[200px] rounded-lg" },
+        });
+    }
+}
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-error']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[250px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[200px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/components/ui/button/CButton.vue.d.ts

@@ -0,0 +1,19 @@
+import type { PrimitiveProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+import type { ButtonVariants } from "./c-button";
+interface Props extends PrimitiveProps {
+    variant?: ButtonVariants["variant"];
+    size?: ButtonVariants["size"];
+    class?: HTMLAttributes["class"];
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};