pukaad-ui-lib 1.436.0 → 1.438.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.436.0",
+  "version": "1.438.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/card/card-blog.d.vue.ts

@@ -38,8 +38,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onBlog-updated"?: ((id: string, data: any) => any) | undefined;
     "onBlog-deleted"?: ((id: string) => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     disabledMenu: boolean;
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-blog.vue.d.ts

@@ -38,8 +38,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onBlog-updated"?: ((id: string, data: any) => any) | undefined;
     "onBlog-deleted"?: ((id: string) => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     disabledMenu: boolean;
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-profile/card-profile-header.d.vue.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    disabledPadding: boolean;
     preview: boolean;
+    disabledPadding: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-profile/card-profile-header.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    disabledPadding: boolean;
     preview: boolean;
+    disabledPadding: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/chat/chat-conversation-item.d.vue.ts

@@ -26,13 +26,13 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     name: string;
     avatar: string | null;
     muted: boolean;
-    disabledMenu: boolean;
-    unreadCount: number;
-    pinned: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
+    unreadCount: number;
+    pinned: boolean;
+    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chat/chat-conversation-item.vue.d.ts

@@ -26,13 +26,13 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     name: string;
     avatar: string | null;
     muted: boolean;
-    disabledMenu: boolean;
-    unreadCount: number;
-    pinned: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
+    unreadCount: number;
+    pinned: boolean;
+    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-address.d.vue.ts

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-address.vue.d.ts

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-file.d.vue.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-file.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-id-card.d.vue.ts

@@ -0,0 +1,45 @@
+type ValidationRule = (value: string) => boolean | string | Promise<boolean | string>;
+export interface InputIdCardProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    required?: boolean;
+    rules?: ValidationRule | ValidationRule[] | object | string;
+    disabled?: boolean;
+    error?: string;
+}
+type __VLS_Props = InputIdCardProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_21: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (messages: string[]) => void;
+    validate: () => Promise<any>;
+    fieldRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    complete: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    error: string;
+    id: string;
+    name: string;
+    required: 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/input/input-id-card.vue

@@ -0,0 +1,114 @@
+<template>
+  <ShadFormField
+    ref="fieldRef"
+    v-model="modelValue"
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ errorMessage: formError }"
+  >
+    <ShadFormItem>
+      <ShadFormLabel v-if="props.label || $slots.label" class="w-full">
+        <slot name="label">
+          {{ props.label }}
+          <span v-if="props.required" class="text-destructive">*</span>
+        </slot>
+      </ShadFormLabel>
+
+      <div class="max-w-full overflow-x-auto p-[2px]">
+        <ShadPinInput
+          :id="props.id || props.name"
+          v-model="digits"
+          type="number"
+          placeholder="0"
+          :disabled="props.disabled"
+          :name="props.name"
+          :required="props.required"
+          @complete="handleComplete"
+        >
+          <ShadPinInputGroup class="w-max gap-[8px]">
+            <template v-for="index in 13" :key="index">
+              <ShadFormControl :index="index - 1">
+                <ShadPinInputSlot
+                  class="h-[48px] w-[40px] rounded-[6px]"
+                  :class="{
+  'border-destructive': formError || props.error
+}"
+                />
+              </ShadFormControl>
+
+              <ShadPinInputSeparator
+                v-if="separatorIndexes.includes(index)"
+                class="font-body-large text-gray"
+              >
+                –
+              </ShadPinInputSeparator>
+            </template>
+          </ShadPinInputGroup>
+        </ShadPinInput>
+      </div>
+
+      <p
+        v-if="formError || props.error"
+        class="font-body-small text-destructive"
+      >
+        {{ formError || props.error }}
+      </p>
+    </ShadFormItem>
+  </ShadFormField>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+const props = defineProps({
+  id: { type: String, required: false, default: "input-id-card" },
+  name: { type: String, required: false, default: "input-id-card" },
+  label: { type: String, required: false, default: "\u0E40\u0E25\u0E02\u0E1A\u0E31\u0E15\u0E23\u0E1B\u0E23\u0E30\u0E0A\u0E32\u0E0A\u0E19" },
+  required: { type: Boolean, required: false, default: true },
+  rules: { type: [Function, Array, Object, String], required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  error: { type: String, required: false, default: "" }
+});
+const emit = defineEmits(["complete"]);
+const modelValue = defineModel({ type: String, ...{ default: "" } });
+const digits = ref([]);
+const fieldRef = ref();
+const separatorIndexes = [1, 5, 10, 12];
+const defaultRules = (value) => {
+  if (!value && props.required) return "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E01\u0E23\u0E2D\u0E01\u0E40\u0E25\u0E02\u0E1A\u0E31\u0E15\u0E23\u0E1B\u0E23\u0E30\u0E0A\u0E32\u0E0A\u0E19";
+  if (value && !/^\d{13}$/.test(value)) {
+    return "\u0E40\u0E25\u0E02\u0E1A\u0E31\u0E15\u0E23\u0E1B\u0E23\u0E30\u0E0A\u0E32\u0E0A\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E21\u0E35 13 \u0E2B\u0E25\u0E31\u0E01";
+  }
+  return true;
+};
+const handleComplete = (value) => {
+  const idCard = value.join("");
+  modelValue.value = idCard;
+  emit("complete", idCard);
+};
+watch(
+  digits,
+  (value) => {
+    modelValue.value = value.join("");
+  },
+  { deep: true }
+);
+watch(
+  modelValue,
+  (value) => {
+    const nextDigits = value.replace(/\D/g, "").slice(0, 13).split("").map(Number);
+    if (nextDigits.join("") !== digits.value.join("")) {
+      digits.value = nextDigits;
+    }
+  },
+  { immediate: true }
+);
+const setErrors = (messages) => {
+  fieldRef.value?.setErrors(messages);
+};
+const validate = async () => fieldRef.value?.validate?.();
+defineExpose({
+  setErrors,
+  validate,
+  fieldRef
+});
+</script>

package/dist/runtime/components/input/input-id-card.vue.d.ts

@@ -0,0 +1,45 @@
+type ValidationRule = (value: string) => boolean | string | Promise<boolean | string>;
+export interface InputIdCardProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    required?: boolean;
+    rules?: ValidationRule | ValidationRule[] | object | string;
+    disabled?: boolean;
+    error?: string;
+}
+type __VLS_Props = InputIdCardProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_21: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (messages: string[]) => void;
+    validate: () => Promise<any>;
+    fieldRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    complete: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    error: string;
+    id: string;
+    name: string;
+    required: 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/input/input-passport.d.vue.ts

@@ -0,0 +1,25 @@
+export interface InputPassportProps {
+    name?: string;
+    disabledErrorMessage?: boolean;
+    preview?: string;
+}
+type __VLS_Props = InputPassportProps;
+type __VLS_ModelProps = {
+    modelValue?: File | null;
+};
+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: File | null) => any;
+} & {
+    complete: (file: File) => any;
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
+    onRemove?: (() => any) | undefined;
+}>, {
+    name: string;
+    disabledErrorMessage: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/input/input-passport.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="space-y-[4px]">
+    <div
+      class="relative w-full aspect-[224/126] rounded-[8px] overflow-hidden cursor-pointer group border-2 border-dashed"
+      :class="previewUrl ? 'border-transparent bg-cover bg-center' : 'border-mercury bg-white'"
+      :style="previewUrl ? { backgroundImage: `url(${previewUrl})` } : void 0"
+      @click="isOpenModal = true"
+    >
+      <div
+        v-if="!previewUrl"
+        class="absolute inset-0 flex flex-col justify-center items-center gap-[8px] text-primary"
+      >
+        <Icon name="lucide:upload" :size="24" />
+        <div class="font-body-small">คลิกเพื่ออัปโหลด</div>
+      </div>
+
+      <template v-else>
+        <div
+          class="absolute bottom-0 w-full text-white bg-black/50 flex gap-[8px] items-center justify-center py-[8px]"
+        >
+          <Icon name="lucide:upload" :size="20" />
+          <div class="font-body-medium">อัปโหลดรูปภาพหนังสือเดินทาง</div>
+        </div>
+        <div
+          class="absolute top-[8px] right-[8px] p-[4px] bg-white/80 rounded-full cursor-pointer flex justify-center items-center opacity-0 group-hover:opacity-100 transition-opacity"
+          @click.stop="onRemove"
+        >
+          <Icon name="lucide:x" :size="16" />
+        </div>
+      </template>
+    </div>
+
+    <div
+      v-if="!props.disabledErrorMessage && errorMessage"
+      class="font-body-small text-destructive"
+    > 
+      {{ errorMessage }}
+    </div>
+
+    <ModalPassport
+      v-model="isOpenModal"
+      :item="previewUrl"
+      @complete="onComplete"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { useField } from "vee-validate";
+const props = defineProps({
+  name: { type: String, required: false, default: "input-passport" },
+  disabledErrorMessage: { type: Boolean, required: false, default: false },
+  preview: { type: String, required: false }
+});
+const emit = defineEmits(["complete", "remove"]);
+const { errorMessage } = useField(props.name);
+const modelValue = defineModel({ type: null, ...{ default: null } });
+const isOpenModal = ref(false);
+const previewUrl = ref(props.preview);
+watch(
+  () => props.preview,
+  (v) => {
+    previewUrl.value = v;
+  }
+);
+const onComplete = (file) => {
+  previewUrl.value = URL.createObjectURL(file);
+  modelValue.value = file;
+  emit("complete", file);
+};
+const onRemove = () => {
+  if (previewUrl.value?.startsWith("blob:")) {
+    URL.revokeObjectURL(previewUrl.value);
+  }
+  previewUrl.value = void 0;
+  modelValue.value = null;
+  emit("remove");
+};
+</script>

package/dist/runtime/components/input/input-passport.vue.d.ts

@@ -0,0 +1,25 @@
+export interface InputPassportProps {
+    name?: string;
+    disabledErrorMessage?: boolean;
+    preview?: string;
+}
+type __VLS_Props = InputPassportProps;
+type __VLS_ModelProps = {
+    modelValue?: File | null;
+};
+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: File | null) => any;
+} & {
+    complete: (file: File) => any;
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
+    onRemove?: (() => any) | undefined;
+}>, {
+    name: string;
+    disabledErrorMessage: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/input/input-password.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-password.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-personal-card-id-selfie.d.vue.ts

@@ -0,0 +1,25 @@
+export interface InputPersonalCardIdSelfieProps {
+    name?: string;
+    disabledErrorMessage?: boolean;
+    preview?: string;
+}
+type __VLS_Props = InputPersonalCardIdSelfieProps;
+type __VLS_ModelProps = {
+    modelValue?: File | null;
+};
+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: File | null) => any;
+} & {
+    complete: (file: File) => any;
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
+    onRemove?: (() => any) | undefined;
+}>, {
+    name: string;
+    disabledErrorMessage: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/input/input-personal-card-id-selfie.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="space-y-[4px]">
+    <div
+      class="relative w-full aspect-[224/126] rounded-[8px] overflow-hidden cursor-pointer group border-2 border-dashed"
+      :class="previewUrl ? 'border-transparent bg-cover bg-center' : 'border-mercury bg-white'"
+      :style="previewUrl ? { backgroundImage: `url(${previewUrl})` } : void 0"
+      @click="isOpenModal = true"
+    >
+      <div
+        v-if="!previewUrl"
+        class="absolute inset-0 flex flex-col justify-center items-center gap-[8px] text-primary"
+      >
+        <Icon name="lucide:upload" :size="24" />
+        <div class="font-body-small">คลิกเพื่ออัปโหลด</div>
+      </div>
+
+      <template v-else>
+        <div
+          class="absolute bottom-0 w-full text-white bg-black/50 flex gap-[8px] items-center justify-center py-[8px]"
+        >
+          <Icon name="lucide:upload" :size="20" />
+          <div class="font-body-medium">อัปโหลดรูปใบหน้าและบัตร</div>
+        </div>
+        <div
+          class="absolute top-[8px] right-[8px] p-[4px] bg-white/80 rounded-full cursor-pointer flex justify-center items-center opacity-0 group-hover:opacity-100 transition-opacity"
+          @click.stop="onRemove"
+        >
+          <Icon name="lucide:x" :size="16" /> 
+        </div>
+      </template>
+    </div>
+
+    <div
+      v-if="!props.disabledErrorMessage && errorMessage"
+      class="font-body-small text-destructive"
+    >
+      {{ errorMessage }}
+    </div>
+
+    <ModalPersonalCardIDSelfie
+      v-model="isOpenModal"
+      :item="previewUrl"
+      @complete="onComplete"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { useField } from "vee-validate";
+const props = defineProps({
+  name: { type: String, required: false, default: "input-personal-card-id-selfie" },
+  disabledErrorMessage: { type: Boolean, required: false, default: false },
+  preview: { type: String, required: false }
+});
+const emit = defineEmits(["complete", "remove"]);
+const { errorMessage } = useField(props.name);
+const modelValue = defineModel({ type: null, ...{ default: null } });
+const isOpenModal = ref(false);
+const previewUrl = ref(props.preview);
+watch(
+  () => props.preview,
+  (v) => {
+    previewUrl.value = v;
+  }
+);
+const onComplete = (file) => {
+  previewUrl.value = URL.createObjectURL(file);
+  modelValue.value = file;
+  emit("complete", file);
+};
+const onRemove = () => {
+  if (previewUrl.value?.startsWith("blob:")) {
+    URL.revokeObjectURL(previewUrl.value);
+  }
+  previewUrl.value = void 0;
+  modelValue.value = null;
+  emit("remove");
+};
+</script>

package/dist/runtime/components/input/input-personal-card-id-selfie.vue.d.ts

@@ -0,0 +1,25 @@
+export interface InputPersonalCardIdSelfieProps {
+    name?: string;
+    disabledErrorMessage?: boolean;
+    preview?: string;
+}
+type __VLS_Props = InputPersonalCardIdSelfieProps;
+type __VLS_ModelProps = {
+    modelValue?: File | null;
+};
+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: File | null) => any;
+} & {
+    complete: (file: File) => any;
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
+    onRemove?: (() => any) | undefined;
+}>, {
+    name: string;
+    disabledErrorMessage: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.436.0",
+  "version": "1.438.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",