pukaad-ui-lib 1.0.1

package/dist/runtime/components/collapse/collapse.vue

@@ -0,0 +1,39 @@
+<template>
+  <div
+    class="flex flex-col"
+    :style="{
+  width: props.fullWidth ? '100%' : `${props.width}`
+}"
+  >
+    <slot name="title">
+      <div
+        class="flex justify-between items-center cursor-pointer"
+        @click="isOpen = !isOpen"
+      >
+        <slot name="title-text">
+          <div>{{ props.title }}</div>
+        </slot>
+        <slot name="title-toggle">
+          <Icon
+            :name="
+  isOpen ? 'flowbite:angle-up-outline' : 'flowbite:angle-down-outline'
+"
+          />
+        </slot>
+      </div>
+    </slot>
+    <div v-if="isOpen">
+      <slot name="content"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+const props = defineProps({
+  title: { type: String, required: false },
+  width: { type: [Number, String], required: false },
+  fullWidth: { type: Boolean, required: false, default: false }
+});
+const isOpen = ref(false);
+</script>

package/dist/runtime/components/collapse/collapse.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    title?: string;
+    width?: number | string;
+    fullWidth?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    'title-text'?: (props: typeof __VLS_3) => any;
+} & {
+    'title-toggle'?: (props: typeof __VLS_5) => any;
+} & {
+    content?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fullWidth: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/comment.d.vue.ts

@@ -0,0 +1,6 @@
+import type { CommentProps } from "@/types/components/comment";
+declare const __VLS_export: import("vue").DefineComponent<CommentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CommentProps> & Readonly<{}>, {
+    item: import("@/types/components/comment").Comment[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/comment.vue

@@ -0,0 +1,308 @@
+<template>
+  <!-- <div class="flex flex-col gap-[16px] py-[16px]">
+    <div class="flex gap-[8px]">
+      <div class="font-title-medium-prominent">ความคิดเห็น</div>
+      <div class="font-title-medium text-gray">{{ comments.length }}</div>
+    </div>
+    <div class="gap-[8px] flex flex-col w-full">
+      <div class="flex gap-[8px] items-start w-full">
+        <div>
+          <Avatar src="https://placehold.co/40x40?text=ME" alt="Me" />
+        </div>
+        <div class="flex-1" @click="showButtons = true">
+          <InputComment v-model="draft" />
+        </div>
+      </div>
+      <div v-if="showButtons" class="flex justify-end items-center w-full">
+        <div class="flex gap-[8px]">
+          <div class="w-[64px]">
+            <Button
+              full-rounded
+              variant="flat-outline"
+              full-width
+              size="small"
+              @click="resetDraft"
+            >
+              ยกเลิก
+            </Button>
+          </div>
+          <div class="w-[64px]">
+            <Button
+              full-rounded
+              color="primary"
+              full-width
+              size="small"
+              :disabled="!draft.trim()"
+              @click="submitDraft"
+            >
+              ส่ง
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="flex flex-col gap-[16px]">
+      <div
+        v-for="(comment, commentIndex) in comments"
+        :key="comment.id"
+        class="flex flex-col gap-[16px]"
+      >
+        <div class="flex flex-col gap-[4px]">
+          <div class="flex gap-[8px] w-full">
+            <div>
+              <Avatar :src="comment.user.avatar" :alt="comment.user.name" />
+            </div>
+            <div
+              class="flex flex-col gap-[4px] p-[8px] bg-bright rounded-[8px]"
+            >
+              <div class="font-body-large-prominent">
+                {{ comment.user.name }}
+              </div>
+              <ReadMoreText :text="comment.content" :max-line="2" />
+            </div>
+          </div>
+          <div class="pl-[38px] flex gap-[16px]">
+            <div class="text-gray font-body-large">
+              {{ comment.created_at }}
+            </div>
+            <Button
+              type="text"
+              :variant="comment.liked ? 'primary' : 'black'"
+              :icon-size="20"
+              size="tiny"
+              :prepend-icon="
+                comment.liked
+                  ? 'pukaad:thumbs-up-solid'
+                  : 'pukaad:thumbs-up-regular'
+              "
+              :aria-pressed="comment.liked"
+              @click="toggleLikeComment(comment)"
+              disabled-padding
+            >
+              <div>
+                {{ comment.like_count }}
+              </div>
+            </Button>
+            <Button
+              variant="text"
+              disabled-padding
+              @click="toggleReplyInput(comment.id, comment.user)"
+            >
+              ตอบกลับ
+            </Button>
+          </div>
+          <div
+            v-if="comment.replies && comment.replies.length > 0"
+            @click="toggleShowComments(commentIndex)"
+            class="text-primary font-body-large cursor-pointer pl-[38px] flex items-center gap-[4px]"
+          >
+            <div>ดูการตอบกลับ {{ comment.replies.length }} รายการ</div>
+            <Icon
+              :name="
+                showCommentsState[commentIndex]
+                  ? 'lucide:chevron-up'
+                  : 'lucide:chevron-down'
+              "
+              :size="16"
+            />
+          </div>
+        </div>
+
+        <div
+          v-for="reply in comment.replies"
+          :key="reply.id"
+          v-if="
+            comment.replies &&
+            comment.replies.length > 0 &&
+            showCommentsState[commentIndex]
+          "
+          class="flex flex-col gap-[16px] pl-[38px]"
+        >
+          <div class="flex flex-col gap-[4px]">
+            <div class="flex gap-[8px] w-full">
+              <div>
+                <Avatar :src="reply.user.avatar" :alt="reply.user.name" />
+              </div>
+              <div
+                class="flex flex-col gap-[4px] p-[8px] bg-bright rounded-[8px]"
+              >
+                <div class="font-body-large-prominent">
+                  {{ reply.user.name }}
+                </div>
+                <ReadMoreText :text="reply.content" :max-line="1">
+                  <span class="font-body-large-prominent text-primary"
+                    >เห้ย</span
+                  >
+                </ReadMoreText>
+              </div>
+            </div>
+            <div class="flex gap-[16px]">
+              <div class="text-gray font-body-large">
+                {{ reply.created_at }}
+              </div>
+              <Button
+                type="text"
+                :variant="reply.liked ? 'primary' : 'black'"
+                :icon-size="20"
+                size="tiny"
+                :prepend-icon="
+                  reply.liked
+                    ? 'pukaad:thumbs-up-solid'
+                    : 'pukaad:thumbs-up-regular'
+                "
+                :aria-pressed="reply.liked"
+                @click="toggleLikeComment(reply)"
+                disabled-padding
+              >
+                <div>
+                  {{ reply.like_count }}
+                </div>
+              </Button>
+              <Button
+                variant="text"
+                disabled-padding
+                @click="toggleReplyInput(comment.id, reply.user)"
+              >
+                ตอบกลับ
+              </Button>
+            </div>
+          </div>
+        </div>
+
+        <div
+          v-if="showReplyInput[comment.id]"
+          class="pl-[38px] flex flex-col gap-[8px]"
+        >
+          <div class="flex gap-[8px] items-start w-full">
+            <div>
+              <Avatar src="https://placehold.co/40x40?text=ME" alt="Me" />
+            </div>
+            <div class="flex-1">
+              <InputComment
+                v-model="replyDrafts[comment.id]"
+                :user-reply="replyTargets[comment.id] || comment.user"
+              />
+            </div>
+          </div>
+          <div class="flex justify-end items-center w-full">
+            <div class="flex gap-[8px]">
+              <div class="w-[64px]">
+                <Button
+                  full-rounded
+                  variant="flat-outline"
+                  full-width
+                  size="small"
+                  @click="cancelReply(comment.id)"
+                >
+                  ยกเลิก
+                </Button>
+              </div>
+              <div class="w-[64px]">
+                <Button
+                  full-rounded
+                  color="primary"
+                  full-width
+                  size="small"
+                  :disabled="!replyDrafts[comment.id]?.trim()"
+                  @click="submitReply(comment.id)"
+                >
+                  ส่ง
+                </Button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div> -->
+</template>
+
+<script setup>
+import { ref, reactive } from "vue";
+const draft = ref("");
+const showButtons = ref(false);
+const props = defineProps({
+  item: { type: Array, required: true, default: () => [] }
+});
+const comments = reactive(props.item);
+const showCommentsState = ref([]);
+const showReplyInput = ref({});
+const replyDrafts = ref({});
+const replyTargets = ref({});
+function resetDraft() {
+  draft.value = "";
+  showButtons.value = false;
+}
+function toggleLikeComment(comment) {
+  if (comment.liked) {
+    comment.like_count = Math.max(0, comment.like_count - 1);
+    comment.liked = false;
+  } else {
+    comment.like_count += 1;
+    comment.liked = true;
+  }
+}
+function toggleShowComments(commentIndex) {
+  if (showCommentsState.value[commentIndex] === void 0) {
+    showCommentsState.value[commentIndex] = false;
+  }
+  showCommentsState.value[commentIndex] = !showCommentsState.value[commentIndex];
+}
+function toggleReplyInput(commentId, targetUser) {
+  const isOpen = !!showReplyInput.value[commentId];
+  if (!isOpen) {
+    replyDrafts.value[commentId] = "";
+    replyTargets.value[commentId] = targetUser;
+  }
+  if (isOpen) {
+    replyTargets.value[commentId] = void 0;
+  }
+  showReplyInput.value[commentId] = !isOpen;
+}
+function cancelReply(commentId) {
+  showReplyInput.value[commentId] = false;
+  replyDrafts.value[commentId] = "";
+  replyTargets.value[commentId] = void 0;
+}
+function submitReply(commentId) {
+  const text = replyDrafts.value[commentId]?.trim();
+  if (!text) return;
+  const comment = comments.find((c) => c.id === commentId);
+  if (comment) {
+    if (!comment.replies) {
+      comment.replies = [];
+    }
+    comment.replies.push({
+      id: Date.now().toString(),
+      user: {
+        id: "current_user",
+        name: "Me",
+        avatar: "https://placehold.co/40x40?text=ME"
+      },
+      content: text,
+      like_count: 0,
+      liked: false,
+      created_at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  cancelReply(commentId);
+}
+function submitDraft() {
+  const text = draft.value.trim();
+  if (!text) return;
+  comments.push({
+    id: Date.now().toString(),
+    user: {
+      id: "current_user",
+      name: "Me",
+      avatar: "https://placehold.co/40x40?text=ME"
+    },
+    content: text,
+    like_count: 0,
+    liked: false,
+    created_at: (/* @__PURE__ */ new Date()).toISOString(),
+    replies: []
+  });
+  resetDraft();
+}
+</script>

package/dist/runtime/components/comment.vue.d.ts

@@ -0,0 +1,6 @@
+import type { CommentProps } from "@/types/components/comment";
+declare const __VLS_export: import("vue").DefineComponent<CommentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CommentProps> & Readonly<{}>, {
+    item: import("@/types/components/comment").Comment[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/dialog-2FA-generate.d.vue.ts

@@ -0,0 +1,18 @@
+import type { Modal2FAGenerateProps } from "@/types/components/modal/modal-2FA-generate";
+type __VLS_Props = Modal2FAGenerateProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    complete: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onComplete?: (() => any) | undefined;
+}>, {
+    confirmedText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/dialog-2FA-generate.vue

@@ -0,0 +1,113 @@
+<template>
+  <ShadDialog v-model:open="isOpen">
+    <ShadDialogContent class="w-[540px]">
+      <ShadDialogHeader class="flex justify-center">
+        <ShadDialogTitle class="text-center">คำแนะนำการตั้งค่า</ShadDialogTitle>
+      </ShadDialogHeader>
+      <div class="flex flex-col gap-[16px]">
+        <div class="flex flex-col gap-[8px] text-gray font-body-large">
+          <div class="font-body-large-prominent text-black">
+            1.ดาวน์โหลดแอพยืนยันตัวตน
+          </div>
+          <div>
+            เราแนะนำให้ดาวน์โหลด Google Authenticator หากคุณยังไม่ได้ติดตั้ง
+          </div>
+        </div>
+        <div class="flex flex-col gap-[8px] text-gray font-body-large">
+          <div class="font-body-large-prominent text-black">
+            2.สแกนบาร์โค้ด/คิวอาร์โค้ดนี้หรือคัดลอกคีย์
+          </div>
+          <div>
+            สแกนบาร์โค้ด/คิวอาร์โค้ดนี้ในแอพยืนยันตัวตนหรือคัดลอกคีย์แล้ววางลงในแอพ
+            ยืนยันตัวตน
+          </div>
+        </div>
+        <div class="flex justify-center items-center">
+          <div class="flex items-center gap-[32px]">
+            <Image width="146" height="145" :src="barcode2FA" />
+            <div class="w-[168px] gap-[8px] flex flex-col justify-between">
+              <div class="font-body-large-prominent">
+                {{ key }}
+              </div>
+              <div
+                class="cursor-pointer text-primary font-body-large"
+                @click="copyToClipboard(key)"
+              >
+                คัดลอกคีย์
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-col gap-[8px] text-gray font-body-large">
+          <div class="font-body-large-prominent text-black">
+            3.คัดลอกแล้วป้อนรหัสตัวเลข 6 หลัก
+          </div>
+          <div>
+            หลังจากสแกนบาร์โค้ด/คิวอาร์โค้ด หรือคัดลอกคีย์แล้ว
+            แอพยืนยันตัวตนจะสร้าง รหัสตัวเลข 6 หลัก
+            ให้คัดลอกรหัสนั้นแล้วกลับมาป้อนบน Pukaad
+          </div>
+        </div>
+      </div>
+
+      <ShadDialogFooter>
+        <Button class="w-full" @click="onComplete">
+          {{ props.confirmedText }}
+        </Button>
+      </ShadDialogFooter>
+    </ShadDialogContent>
+  </ShadDialog>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { useClipboard } from "@/runtime/composables/useCopy";
+import { useRuntimeConfig } from "nuxt/app";
+const { BASE_URL_API } = useRuntimeConfig().public;
+const { copyToClipboard } = useClipboard();
+const emit = defineEmits(["complete"]);
+const props = defineProps({
+  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  footer: { type: String, required: false }
+});
+const isOpen = defineModel({ type: Boolean, ...{
+  default: false
+} });
+const key = ref("");
+const barcode2FA = ref("");
+const isLoading = ref(false);
+const isDisabled = ref(true);
+const twoFaGenerate = async () => {
+  try {
+    isLoading.value = true;
+    const { status, data } = await $fetch(`${BASE_URL_API}/me/two-fa-generate`, {
+      credentials: "include"
+    });
+    if (status !== "success") throw "Generate \u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08";
+    key.value = data.key;
+    barcode2FA.value = data.qr_code;
+    isDisabled.value = false;
+  } catch (error) {
+    console.error("error:", error);
+  } finally {
+    isLoading.value = false;
+  }
+};
+const onComplete = () => {
+  emit("complete");
+  isOpen.value = false;
+};
+watch(
+  isOpen,
+  (v) => {
+    if (v) {
+      twoFaGenerate();
+    }
+  },
+  {
+    immediate: true
+  }
+);
+</script>

package/dist/runtime/components/dialog/dialog-2FA-generate.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Modal2FAGenerateProps } from "@/types/components/modal/modal-2FA-generate";
+type __VLS_Props = Modal2FAGenerateProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    complete: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onComplete?: (() => any) | undefined;
+}>, {
+    confirmedText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/dialog-2FA.d.vue.ts

@@ -0,0 +1,18 @@
+import type { Modal2FAProps } from "@/types/components/modal/modal-2FA";
+type __VLS_Props = Modal2FAProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    complete: (verify: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onComplete?: ((verify: boolean) => any) | undefined;
+}>, {
+    confirmedText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/dialog-2FA.vue

@@ -0,0 +1,65 @@
+<template>
+  <Dialog v-model:open="isOpen">
+    <DialogContent class="w-[425px]">
+      <Form v-slot="{ meta }" @submit="onVerify2FA">
+        <div class="flex flex-col gap-[24px]">
+          <DialogHeader class="flex justify-center">
+            <ShadDialogTitle>การยืนยันตัวตนแบบสองชั้น</ShadDialogTitle>
+            <DialogDescription>
+              ป้อนรหัสยืนยันที่คุณเห็นในแอปยืนยันตัวตน
+            </DialogDescription>
+          </DialogHeader>
+          <InputOTP ref="twoFaRef" v-model="valueOTP" />
+          <DialogFooter>
+            <Button class="w-full" type="submit" :disabled="!meta.valid">
+              {{ props.confirmedText }}
+            </Button>
+          </DialogFooter>
+        </div>
+      </Form>
+    </DialogContent>
+  </Dialog>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { useRuntimeConfig } from "nuxt/app";
+const { BASE_URL_API } = useRuntimeConfig().public;
+const emit = defineEmits(["complete"]);
+const props = defineProps({
+  phone: { type: String, required: false },
+  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  footer: { type: String, required: false }
+});
+const isOpen = defineModel({ type: Boolean, ...{
+  default: false
+} });
+const twoFaRef = ref();
+const valueOTP = ref("");
+const isLoading = ref(false);
+const onVerify2FA = async () => {
+  try {
+    const { data } = await $fetch(
+      !props.phone ? `${BASE_URL_API}/me/two-fa-verify` : `${BASE_URL_API}/auth/two-fa-verify`,
+      {
+        method: "POST",
+        body: {
+          phone: props.phone,
+          code: valueOTP.value
+        },
+        credentials: "include"
+      }
+    );
+    if (!data) throw "error";
+    emit("complete", data);
+    isOpen.value = false;
+  } catch (e) {
+    twoFaRef.value.setErrors(["\u0E23\u0E2B\u0E31\u0E2A\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07"]);
+  }
+};
+watch(isOpen, (value) => {
+  valueOTP.value = "";
+});
+</script>

package/dist/runtime/components/dialog/dialog-2FA.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Modal2FAProps } from "@/types/components/modal/modal-2FA";
+type __VLS_Props = Modal2FAProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    complete: (verify: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onComplete?: ((verify: boolean) => any) | undefined;
+}>, {
+    confirmedText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/dialog-email-OTP.d.vue.ts

@@ -0,0 +1,20 @@
+import type { ModalEmailOTPProps } from "~/types/components/modal/modal-email-otp";
+type __VLS_Props = ModalEmailOTPProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    close: () => any;
+    complete: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onComplete?: (() => any) | undefined;
+}>, {
+    confirmedText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;