@phonghq/go-chat 1.0.4 → 1.0.6

package/dist/test/components/modal/Confirm.vue.js

@@ -0,0 +1,164 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref, onBeforeUnmount, onMounted } from 'vue';
+import ModalBase from '../../components/common/modal/ModalBase.vue';
+import ButtonBase from '../../components/common/button/ButtonBase.vue';
+import { useModalConfirm } from '../../composable/useModalConfirm';
+const { setHandleConfirm } = useModalConfirm();
+const confirmPayload = ref(null);
+const isVisible = ref(false);
+const isResolved = ref(false);
+const isOpeningModal = ref(false);
+onMounted(() => {
+    setHandleConfirm(open);
+});
+onBeforeUnmount(() => { });
+const open = (data) => {
+    if (isOpeningModal.value)
+        return;
+    if (!data?.type) {
+        data.type = 'confirm';
+    }
+    confirmPayload.value = data;
+    isVisible.value = true;
+    isOpeningModal.value = true;
+};
+const handleOk = () => {
+    confirmPayload.value?.resolve('ok');
+    isResolved.value = true;
+    isVisible.value = false;
+};
+const handleCancel = () => {
+    isVisible.value = false;
+};
+const handleAfterClose = () => {
+    if (!isResolved.value)
+        confirmPayload.value?.reject();
+    isResolved.value = false;
+    confirmPayload.value = null;
+    isOpeningModal.value = false;
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+/** @type {[typeof ModalBase, typeof ModalBase, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(ModalBase, new ModalBase({
+    wrapClassName: "confirm-modal",
+    open: (__VLS_ctx.isVisible),
+    width: (652),
+    title: (__VLS_ctx.confirmPayload?.headerTitle),
+    showButtonClose: (false),
+    maskClosable: (false),
+    footer: (null),
+    centered: true,
+    afterClose: (__VLS_ctx.handleAfterClose),
+    zIndex: (9000),
+}));
+const __VLS_1 = __VLS_0({
+    wrapClassName: "confirm-modal",
+    open: (__VLS_ctx.isVisible),
+    width: (652),
+    title: (__VLS_ctx.confirmPayload?.headerTitle),
+    showButtonClose: (false),
+    maskClosable: (false),
+    footer: (null),
+    centered: true,
+    afterClose: (__VLS_ctx.handleAfterClose),
+    zIndex: (9000),
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+var __VLS_3 = {};
+const { default: __VLS_4 } = __VLS_2.slots;
+// @ts-ignore
+[isVisible, confirmPayload, handleAfterClose,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "text-center p-8" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-lg font-semibold mb-1" },
+});
+(__VLS_ctx.confirmPayload?.bodyTitle || '');
+// @ts-ignore
+[confirmPayload,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "mb-0" },
+});
+__VLS_asFunctionalDirective(__VLS_directives.vHtml)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.confirmPayload?.bodyMessage) }, null, null);
+// @ts-ignore
+[confirmPayload,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex-center gap-4 pb-7 pt-4" },
+});
+if (__VLS_ctx.confirmPayload?.type === 'confirm') {
+    // @ts-ignore
+    [confirmPayload,];
+    /** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_5 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+        ...{ 'onClick': {} },
+        ...{ class: "min-w-[100px]" },
+        danger: true,
+        ghost: true,
+        type: "danger-outline",
+    }));
+    const __VLS_6 = __VLS_5({
+        ...{ 'onClick': {} },
+        ...{ class: "min-w-[100px]" },
+        danger: true,
+        ghost: true,
+        type: "danger-outline",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_5));
+    let __VLS_8;
+    let __VLS_9;
+    const __VLS_10 = ({ click: {} },
+        { onClick: (__VLS_ctx.handleCancel) });
+    const { default: __VLS_11 } = __VLS_7.slots;
+    // @ts-ignore
+    [handleCancel,];
+    (__VLS_ctx.confirmPayload?.cancelButtonText || 'No');
+    // @ts-ignore
+    [confirmPayload,];
+    var __VLS_7;
+}
+/** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+// @ts-ignore
+const __VLS_12 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+    ...{ 'onClick': {} },
+    ...{ class: "min-w-[100px]" },
+    type: ('primary'),
+}));
+const __VLS_13 = __VLS_12({
+    ...{ 'onClick': {} },
+    ...{ class: "min-w-[100px]" },
+    type: ('primary'),
+}, ...__VLS_functionalComponentArgsRest(__VLS_12));
+let __VLS_15;
+let __VLS_16;
+const __VLS_17 = ({ click: {} },
+    { onClick: (__VLS_ctx.handleOk) });
+const { default: __VLS_18 } = __VLS_14.slots;
+// @ts-ignore
+[handleOk,];
+(__VLS_ctx.confirmPayload?.confirmButtonText || 'Yes');
+// @ts-ignore
+[confirmPayload,];
+var __VLS_14;
+var __VLS_2;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['pb-7']} */ ;
+/** @type {__VLS_StyleScopedClasses['pt-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-w-[100px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-w-[100px]']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/test/components/ui/button/CButton.vue.js

@@ -0,0 +1,49 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { Primitive } from "reka-ui";
+import { cn } from "../../../lib/utils";
+import { buttonVariants } from "./c-button";
+const props = withDefaults(defineProps(), {
+    as: "button",
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {
+    as: "button",
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.Primitive;
+/** @type {[typeof __VLS_components.Primitive, typeof __VLS_components.Primitive, ]} */ ;
+// @ts-ignore
+Primitive;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    as: (__VLS_ctx.as),
+    asChild: (__VLS_ctx.asChild),
+    ...{ class: (__VLS_ctx.cn(__VLS_ctx.buttonVariants({ variant: __VLS_ctx.variant, size: __VLS_ctx.size }), props.class)) },
+}));
+const __VLS_2 = __VLS_1({
+    as: (__VLS_ctx.as),
+    asChild: (__VLS_ctx.asChild),
+    ...{ class: (__VLS_ctx.cn(__VLS_ctx.buttonVariants({ variant: __VLS_ctx.variant, size: __VLS_ctx.size }), props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[as, asChild, cn, buttonVariants, variant, size,];
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/button/c-button.js

@@ -0,0 +1,26 @@
+import { cva } from 'class-variance-authority';
+export { default as CButton } from './CButton.vue';
+export const buttonVariants = cva('inline-flex flex-center gap-2 whitespace-nowrap rounded-[8px] text-base font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50  hover:duration-100', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-white hover:bg-primary-hover [&_.loader::before]:border-white',
+            primary: 'bg-primary text-white hover:bg-primary-hover [&_.loader::before]:border-white',
+            ['danger-outline']: 'bg-white border border-danger border-[1.5px] text-danger hover:bg-danger hover:text-white [&_.loader::before]:border-danger',
+            success: 'bg-success text-white hover:bg-success-hover [&_.loader::before]:border-white',
+            danger: 'bg-danger text-white hover:bg-danger-hover [&_.loader::before]:border-white',
+            ['primary-outline']: 'bg-white text-primary hover:bg-primary border hover:text-white border-primary border-[1.5px] [&_.loader::before]:border-primary',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline'
+        },
+        size: {
+            default: 'h-10 px-4 py-2',
+            sm: 'h-9 rounded-md px-3',
+            lg: 'h-11 rounded-md px-8',
+            icon: 'h-10 w-10'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});

package/dist/test/components/ui/checkbox/Checkbox.vue.js

@@ -0,0 +1,79 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from "@vueuse/core";
+import { Check } from "lucide-vue-next";
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = defineProps();
+const emits = defineEmits();
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.CheckboxRoot;
+/** @type {[typeof __VLS_components.CheckboxRoot, typeof __VLS_components.CheckboxRoot, ]} */ ;
+// @ts-ignore
+CheckboxRoot;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(__VLS_ctx.forwarded),
+    ...{ class: (__VLS_ctx.cn('peer h-6 w-6 shrink-0 rounded-sm border border-[#DDDDE8] ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', props.class)) },
+}));
+const __VLS_2 = __VLS_1({
+    ...(__VLS_ctx.forwarded),
+    ...{ class: (__VLS_ctx.cn('peer h-6 w-6 shrink-0 rounded-sm border border-[#DDDDE8] ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[forwarded, cn,];
+const __VLS_6 = {}.CheckboxIndicator;
+/** @type {[typeof __VLS_components.CheckboxIndicator, typeof __VLS_components.CheckboxIndicator, ]} */ ;
+// @ts-ignore
+CheckboxIndicator;
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({
+    ...{ class: "flex h-full w-full items-center justify-center text-white" },
+}));
+const __VLS_8 = __VLS_7({
+    ...{ class: "flex h-full w-full items-center justify-center text-white" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+const { default: __VLS_10 } = __VLS_9.slots;
+var __VLS_11 = {};
+const __VLS_13 = {}.Check;
+/** @type {[typeof __VLS_components.Check, ]} */ ;
+// @ts-ignore
+Check;
+// @ts-ignore
+const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({
+    ...{ class: "h-6 w-6" },
+}));
+const __VLS_15 = __VLS_14({
+    ...{ class: "h-6 w-6" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_14));
+var __VLS_9;
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-6']} */ ;
+// @ts-ignore
+var __VLS_12 = __VLS_11;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/checkbox/index.js

@@ -0,0 +1 @@
+export { default as Checkbox } from "./Checkbox.vue";

package/dist/test/components/ui/collapsible/Collapsible.vue.js

@@ -0,0 +1,47 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { CollapsibleRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps();
+const emits = defineEmits();
+const forwarded = useForwardPropsEmits(props, emits);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.CollapsibleRoot;
+/** @type {[typeof __VLS_components.CollapsibleRoot, typeof __VLS_components.CollapsibleRoot, ]} */ ;
+// @ts-ignore
+CollapsibleRoot;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(__VLS_ctx.forwarded),
+}));
+const __VLS_2 = __VLS_1({
+    ...(__VLS_ctx.forwarded),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+{
+    const { default: __VLS_5 } = __VLS_3.slots;
+    const [{ open }] = __VLS_getSlotParameters(__VLS_5);
+    // @ts-ignore
+    [forwarded,];
+    var __VLS_6 = {
+        open: (open),
+    };
+    __VLS_3.slots['' /* empty slot name completion */];
+}
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/collapsible/CollapsibleContent.vue.js

@@ -0,0 +1,41 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { CollapsibleContent } from "reka-ui";
+const props = defineProps();
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.CollapsibleContent;
+/** @type {[typeof __VLS_components.CollapsibleContent, typeof __VLS_components.CollapsibleContent, ]} */ ;
+// @ts-ignore
+CollapsibleContent;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(props),
+    ...{ class: "overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" },
+}));
+const __VLS_2 = __VLS_1({
+    ...(props),
+    ...{ class: "overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+var __VLS_6 = {};
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['transition-all']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[state=closed]:animate-collapsible-up']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[state=open]:animate-collapsible-down']} */ ;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/collapsible/CollapsibleTrigger.vue.js

@@ -0,0 +1,35 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { CollapsibleTrigger } from "reka-ui";
+const props = defineProps();
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.CollapsibleTrigger;
+/** @type {[typeof __VLS_components.CollapsibleTrigger, typeof __VLS_components.CollapsibleTrigger, ]} */ ;
+// @ts-ignore
+CollapsibleTrigger;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(props),
+}));
+const __VLS_2 = __VLS_1({
+    ...(props),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/collapsible/index.js

@@ -0,0 +1,3 @@
+export { default as Collapsible } from "./Collapsible.vue";
+export { default as CollapsibleContent } from "./CollapsibleContent.vue";
+export { default as CollapsibleTrigger } from "./CollapsibleTrigger.vue";

package/dist/test/components/ui/dialog/Dialog.vue.js

@@ -0,0 +1,42 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { DialogRoot, useForwardPropsEmits } from 'reka-ui';
+defineOptions({ inheritAttrs: false });
+const props = defineProps();
+const emits = defineEmits();
+const forwarded = useForwardPropsEmits(props, emits);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.DialogRoot;
+/** @type {[typeof __VLS_components.DialogRoot, typeof __VLS_components.DialogRoot, ]} */ ;
+// @ts-ignore
+DialogRoot;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(__VLS_ctx.forwarded),
+}));
+const __VLS_2 = __VLS_1({
+    ...(__VLS_ctx.forwarded),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[forwarded,];
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/dialog/DialogClose.vue.js

@@ -0,0 +1,35 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { DialogClose } from "reka-ui";
+const props = defineProps();
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.DialogClose;
+/** @type {[typeof __VLS_components.DialogClose, typeof __VLS_components.DialogClose, ]} */ ;
+// @ts-ignore
+DialogClose;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(props),
+}));
+const __VLS_2 = __VLS_1({
+    ...(props),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/dialog/DialogContent.vue.js

@@ -0,0 +1,84 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { computed } from 'vue';
+import { reactiveOmit } from "@vueuse/core";
+import { DialogContent, DialogOverlay, DialogPortal, useForwardPropsEmits, } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = defineProps();
+const emits = defineEmits();
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const customStyle = computed(() => {
+    let result = {};
+    if (props.width) {
+        result.width = Number(props.width) ? props.width + 'px' : props.width;
+    }
+    return result;
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.DialogPortal;
+/** @type {[typeof __VLS_components.DialogPortal, typeof __VLS_components.DialogPortal, ]} */ ;
+// @ts-ignore
+DialogPortal;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
+const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+const __VLS_6 = {}.DialogOverlay;
+/** @type {[typeof __VLS_components.DialogOverlay, ]} */ ;
+// @ts-ignore
+DialogOverlay;
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({
+    ...{ class: "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" },
+}));
+const __VLS_8 = __VLS_7({
+    ...{ class: "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+const __VLS_11 = {}.DialogContent;
+/** @type {[typeof __VLS_components.DialogContent, typeof __VLS_components.DialogContent, ]} */ ;
+// @ts-ignore
+DialogContent;
+// @ts-ignore
+const __VLS_12 = __VLS_asFunctionalComponent(__VLS_11, new __VLS_11({
+    ...(__VLS_ctx.forwarded),
+    ...{ style: (__VLS_ctx.customStyle) },
+    ...{ class: (__VLS_ctx.cn('fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-white shadow-3xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg rounded-lg', props.class)) },
+}));
+const __VLS_13 = __VLS_12({
+    ...(__VLS_ctx.forwarded),
+    ...{ style: (__VLS_ctx.customStyle) },
+    ...{ class: (__VLS_ctx.cn('fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-white shadow-3xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg rounded-lg', props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_12));
+const { default: __VLS_15 } = __VLS_14.slots;
+// @ts-ignore
+[forwarded, customStyle, cn,];
+var __VLS_16 = {};
+var __VLS_14;
+var __VLS_3;
+/** @type {__VLS_StyleScopedClasses['fixed']} */ ;
+/** @type {__VLS_StyleScopedClasses['inset-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['z-50']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-black/80']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[state=open]:animate-in']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[state=closed]:animate-out']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[state=closed]:fade-out-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['data-[state=open]:fade-in-0']} */ ;
+// @ts-ignore
+var __VLS_17 = __VLS_16;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};

package/dist/test/components/ui/dialog/DialogDescription.vue.js

@@ -0,0 +1,43 @@
+/// <reference types="C:/phonghq/go-chat/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { reactiveOmit } from "@vueuse/core";
+import { DialogDescription, useForwardProps } from "reka-ui";
+import { cn } from "../../../lib/utils";
+const props = defineProps();
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+const __VLS_0 = {}.DialogDescription;
+/** @type {[typeof __VLS_components.DialogDescription, typeof __VLS_components.DialogDescription, ]} */ ;
+// @ts-ignore
+DialogDescription;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+    ...(__VLS_ctx.forwardedProps),
+    ...{ class: (__VLS_ctx.cn('text-sm text-muted-foreground', props.class)) },
+}));
+const __VLS_2 = __VLS_1({
+    ...(__VLS_ctx.forwardedProps),
+    ...{ class: (__VLS_ctx.cn('text-sm text-muted-foreground', props.class)) },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+var __VLS_4 = {};
+const { default: __VLS_5 } = __VLS_3.slots;
+// @ts-ignore
+[forwardedProps, cn,];
+var __VLS_6 = {};
+var __VLS_3;
+// @ts-ignore
+var __VLS_7 = __VLS_6;
+const __VLS_base = (await import('vue')).defineComponent({
+    __typeProps: {},
+});
+const __VLS_export = {};
+export default {};