pukaad-ui-lib 1.0.1

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

@@ -0,0 +1,120 @@
+<template>
+  <Dialog v-model:open="isOpen">
+    <DialogContent class="w-[425px]">
+      <div>
+        <Form v-slot="{ meta }" @submit="onVerifyOTP">
+          <DialogHeader>
+            <ShadDialogTitle>รหัสยืนยันตัวตน</ShadDialogTitle>
+            <DialogDescription class="gap-[8px]">
+              ป้อนรหัส 6 หลักที่ส่งไปยังอีเมล <span>{{ props.email }}</span>
+              <span v-if="textRef">(Ref : {{ textRef }})</span>
+            </DialogDescription>
+          </DialogHeader>
+
+          <div class="flex flex-col gap-[8px] font-body-large">
+            <InputOTP ref="otpInputRef" v-model="valueOTP" />
+           
+          </div>
+
+          <DialogFooter>
+            <Button class="w-full" type="submit" :disabled="!meta.valid">
+              {{ props.confirmedText }}
+            </Button>
+          </DialogFooter>
+        </Form>
+      </div>
+    </DialogContent>
+  </Dialog>
+</template>
+
+<script setup>
+import { computed, ref, watch } from "vue";
+import { useNuxtApp, useRuntimeConfig } from "nuxt/app";
+const { BASE_URL_API } = useRuntimeConfig().public;
+const { $toast } = useNuxtApp();
+const emit = defineEmits(["complete", "close"]);
+const props = defineProps({
+  email: { type: String, required: false },
+  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
+  name: { type: String, required: false },
+  type: { type: String, required: false },
+  gap: { type: Number, required: false },
+  digit: { type: Number, required: false },
+  disabled: { type: Boolean, required: false },
+  placeholder: { type: String, required: false }
+});
+const isOpen = defineModel({ type: Boolean, ...{
+  default: false
+} });
+const textRef = ref("");
+const otpRef = ref();
+const valueOTP = ref("");
+const isLoading = ref(false);
+const isDisabledInput = ref(true);
+const timeExp = ref("");
+const onVerifyOTP = async () => {
+  isLoading.value = true;
+  try {
+    await $fetch(`${BASE_URL_API}/me/email-otp-verify`, {
+      method: "POST",
+      credentials: "include",
+      body: {
+        code: valueOTP.value,
+        email: props.email
+      }
+    });
+    otpRef.value?.reset();
+    valueOTP.value = "";
+    isOpen.value = false;
+    emit("complete");
+  } catch (e) {
+    $toast.error("\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14 \u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07 !");
+    otpRef.value?.reset();
+  } finally {
+    isLoading.value = false;
+  }
+};
+const onEmailOTPRequest = async () => {
+  alert();
+  return;
+  isLoading.value = true;
+  isDisabledInput.value = true;
+  try {
+    if (!props.email) throw "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 email";
+    const { data } = await $fetch(
+      `${BASE_URL_API}/me/email-otp-request`,
+      {
+        method: "POST",
+        credentials: "include",
+        body: {
+          email: props.email
+        }
+      }
+    );
+    timeExp.value = data.expired_time;
+    isDisabledInput.value = false;
+  } catch (err) {
+    console.log("Error:", err);
+    onClose();
+    $toast.error("\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14 \u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07 !");
+  } finally {
+    isLoading.value = false;
+  }
+};
+const onClose = () => {
+  isOpen.value = false;
+  emit("close");
+};
+watch(
+  isOpen,
+  (v) => {
+    otpRef.value?.reset();
+    if (v) {
+      onEmailOTPRequest();
+    }
+  },
+  {
+    immediate: true
+  }
+);
+</script>

package/dist/runtime/components/dialog/dialog-email-OTP.vue.d.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;

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

@@ -0,0 +1,22 @@
+import type { ModalPhoneOTPProps } from "@/types/components/modal/modal-phone-otp";
+type __VLS_Props = ModalPhoneOTPProps;
+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: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
+}>, {
+    confirmedText: string;
+    phone: string;
+    phoneLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/dialog-phone-OTP.vue

@@ -0,0 +1,62 @@
+<template>
+  <Dialog v-model:open="isOpen">
+    <Form v-slot="{ meta }" @submit="onVerifyOTP">
+      <DialogContent class="w-[425px]">
+        <DialogHeader>
+          <ShadDialogTitle>ป้อนรหัสรักษาความปลอดภัย (OTP)</ShadDialogTitle>
+          <DialogDescription class="gap-[8px]">
+            ส่งรหัส 6 หลักไปที่เบอร์
+            <span>{{ props.phoneLabel || props.phone }}</span>
+            <div v-if="textRef">(Ref : {{ textRef }})</div>
+          </DialogDescription>
+        </DialogHeader>
+
+        <div class="flex flex-col gap-[8px] font-body-large">
+          <InputOTP ref="otpInputRef" v-model="valueOTP" />
+         
+        </div>
+
+        <DialogFooter>
+          <Button class="w-full" type="submit" :disabled="!meta.valid">
+            {{ props.confirmedText }}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Form>
+  </Dialog>
+</template>
+
+<script setup>
+import { ref, watch, computed } from "vue";
+const emit = defineEmits(["complete", "close"]);
+const props = defineProps({
+  phoneLabel: { type: String, required: false, default: "" },
+  phone: { type: String, required: false, default: "" },
+  confirmedText: { type: String, required: false, default: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19" },
+  name: { type: String, required: false },
+  type: { type: String, required: false },
+  gap: { type: Number, required: false },
+  digit: { type: Number, required: false },
+  disabled: { type: Boolean, required: false },
+  placeholder: { type: String, required: false }
+});
+const isOpen = defineModel({ type: Boolean, ...{
+  default: false
+} });
+const textRef = ref("");
+const valueOTP = ref("");
+const loadingModal = ref(false);
+const timeExp = ref("");
+const onVerifyOTP = () => {
+  loadingModal.value = true;
+  setTimeout(() => {
+    emit("complete", valueOTP.value);
+    isOpen.value = false;
+    loadingModal.value = false;
+  }, 1e3);
+};
+watch(isOpen, (value) => {
+  textRef.value = "";
+  valueOTP.value = "";
+});
+</script>

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

@@ -0,0 +1,22 @@
+import type { ModalPhoneOTPProps } from "@/types/components/modal/modal-phone-otp";
+type __VLS_Props = ModalPhoneOTPProps;
+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: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
+}>, {
+    confirmedText: string;
+    phone: string;
+    phoneLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/display/display-image-place.d.vue.ts

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

package/dist/runtime/components/display/display-image-place.vue

@@ -0,0 +1,4 @@
+<template>
+  <div>asdasds</div>
+</template>
+<script setup lang="ts"></script>

package/dist/runtime/components/display/display-image-place.vue.d.ts

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

package/dist/runtime/components/display/display-image-review.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    items?: string[];
+    limit?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    limit: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/display/display-image-review.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="inline-flex gap-[8px]">
+    <div
+      v-for="(img, i_img) in props.items?.slice(0, props.limit)"
+      :key="i_img"
+      class="relative cursor-pointer"
+      @click="emit('select', i_img)"
+    >
+      <Image :src="img" :height="100" :width="100" class="rounded-[4px]" />
+      <div
+        v-if="props.limit === i_img + 1"
+        class="absolute top-0 left-0 right-0 bottom-0 bg-black/50 flex justify-center items-center text-white rounded-[4px]"
+      >
+        <div class="font-headline-medium">+{{ numberMore }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+const emit = defineEmits(["select"]);
+const props = defineProps({
+  items: { type: Array, required: false },
+  limit: { type: Number, required: false, default: 7 }
+});
+const numberMore = computed(() => {
+  return props.items && props.items.slice(props.limit).length;
+});
+</script>

package/dist/runtime/components/display/display-image-review.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    items?: string[];
+    limit?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    limit: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/display/display-image.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    items?: Array<any>;
+    itemSrc?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    items: Array<any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/display/display-image.vue

@@ -0,0 +1,102 @@
+<template>
+  <div
+    class="flex gap-[8px] max-w-[844px]"
+    :style="{
+  height: `${heightBox}px`
+}"
+  >
+    <div
+      v-if="props.items && props.items?.length <= 2"
+      v-for="(item, i_item) in props.items"
+      :key="i_item"
+      class="w-full flex justify-center bg-black rounded-[8px] cursor-pointer"
+      @click="onSelect(i_item)"
+    >
+      <Image :src="getSrc(item)" height="auto" />
+    </div>
+    <div v-else class="flex gap-[8px] w-full">
+      <div class="flex rounded-[8px] cursor-pointer" @click="onSelect(0)">
+        <Image
+          :src="getSrc((props.items ?? [])[0])"
+          class="rounded-[8px]"
+          width="720"
+          height="auto"
+        />
+      </div>
+      <div class="flex flex-col gap-[8px]">
+        <div
+          v-for="(item, i_item) in props.items?.slice(1, 5)"
+          :key="i_item"
+          class="relative cursor-pointer"
+          @click="onSelect(i_item + 1)"
+        >
+          <Image
+            :src="getSrc(item)"
+            class="rounded-[8px]"
+            :width="widthSubImg"
+            :height="heightSubImg"
+          />
+
+          <div
+            v-if="showMore && i_item === 3"
+            class="absolute top-0 left-0 right-0 bottom-0 bg-black/50 flex justify-center items-center text-white rounded-[8px]"
+          >
+            <div class="flex flex-col gap-[6px] items-center">
+              <Icon name="fa6-solid:image" size="48" />
+              <div class="font-body-large">รูปภาพ ({{ numberMore }})</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+const emit = defineEmits(["select"]);
+const props = defineProps({
+  items: { type: Array, required: false, default: () => [] },
+  itemSrc: { type: String, required: false }
+});
+const heightBox = computed(() => {
+  const length = props.items?.length ?? 0;
+  if (length === 0) return 0;
+  if (length === 1) return 563;
+  if (length > 1 && length <= 4) return 422;
+  return 480;
+});
+const widthSubImg = computed(() => {
+  const length = props.items?.length ?? 0;
+  if (length === 0) return 0;
+  if (length === 3 || length === 4) return 203;
+  return 116;
+});
+const heightSubImg = computed(() => {
+  const length = props.items?.length ?? 0;
+  if (length === 0) return 0;
+  if (length === 3) return 207;
+  if (length === 4) return 135.33;
+  return 114;
+});
+const showMore = computed(() => {
+  return props.items && props.items?.length > 5;
+});
+const numberMore = computed(() => {
+  return props.items && props.items.slice(5).length;
+});
+const getSrc = (item) => {
+  if (!item) return;
+  if (props.itemSrc) {
+    return typeof item === "object" ? item[props.itemSrc] : item;
+  }
+  return item;
+};
+const onSelect = (index) => {
+  emit(
+    "select",
+    props.items.find((f, i) => i == index),
+    index
+  );
+};
+</script>

package/dist/runtime/components/display/display-image.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    items?: Array<any>;
+    itemSrc?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    items: Array<any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,10 @@
+import type { DividerProps, DividerColor } from "@/types/components/divider";
+declare const __VLS_export: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    color: DividerColor;
+    height: number | string;
+    style: import("@/types/components/divider").DividerStyle;
+    size: number | string;
+    alignment: import("@/types/components/divider").DividerAlignment;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/divider.vue

@@ -0,0 +1,42 @@
+<template>
+  <div
+    :style="{
+  paddingLeft: props.width && `${props.width}px`,
+  paddingRight: props.width && `${props.width}px`,
+  paddingTop: props.height && `${props.height}px`,
+  paddingBottom: props.height && `${props.height}px`
+}"
+  >
+    <hr
+      :class="[props.alignment === 'vertical' ? 'h-full' : 'w-full']"
+      :style="{
+  border: 0,
+  borderLeft: props.alignment === 'vertical' ? `${props.size}px` : '',
+  borderBottom: props.alignment === 'horizontal' ? `${props.size}px` : '',
+  borderStyle: props.style,
+  borderColor: color
+}"
+    />
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  size: { type: [Number, String], required: false, default: 1 },
+  style: { type: String, required: false, default: "solid" },
+  color: { type: String, required: false, default: "mercury" },
+  alignment: { type: String, required: false, default: "horizontal" },
+  width: { type: [Number, String], required: false },
+  height: { type: [Number, String], required: false, default: 2 }
+});
+const color = computed(() => {
+  const colors = {
+    mercury: "var(--color-mercury)",
+    primary: "var(--color-primary)",
+    success: "var(--color-success)",
+    error: "var(--color-error)"
+  };
+  return colors[props.color];
+});
+</script>

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

@@ -0,0 +1,10 @@
+import type { DividerProps, DividerColor } from "@/types/components/divider";
+declare const __VLS_export: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    color: DividerColor;
+    height: number | string;
+    style: import("@/types/components/divider").DividerStyle;
+    size: number | string;
+    alignment: import("@/types/components/divider").DividerAlignment;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,23 @@
+type __VLS_ModelProps = {
+    modelValue?: any[];
+};
+declare var __VLS_1: {
+    item: any;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/draggable.vue

@@ -0,0 +1,38 @@
+<template>
+  <div
+    v-for="(n, i) in items"
+    :key="i"
+    class="cursor-grab active:cursor-grabbing"
+    draggable="true"
+    @dragstart="onDragStart($event, i)"
+    @dragover.prevent="onDragOver($event, i)"
+    @dragend="onDragEnd($event, i)"
+    @dragenter.prevent
+    @dragleave.prevent
+  >
+    <slot name="item" :item="n" :index="i"></slot>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+const items = defineModel({ type: Array, ...{
+  default: []
+} });
+const indexDragStart = ref(null);
+const onDragStart = (event, index) => {
+  indexDragStart.value = index;
+};
+const onDragEnd = (event, index) => {
+  indexDragStart.value = null;
+};
+const onDragOver = (event, index) => {
+  if (indexDragStart.value !== null && indexDragStart.value !== index) {
+    const from = indexDragStart.value;
+    const to = index;
+    const movedItem = items.value.splice(from, 1)[0];
+    items.value.splice(to, 0, movedItem);
+    indexDragStart.value = to;
+  }
+};
+</script>

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

@@ -0,0 +1,23 @@
+type __VLS_ModelProps = {
+    modelValue?: any[];
+};
+declare var __VLS_1: {
+    item: any;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/drawer/drawer-notification.d.vue.ts

@@ -0,0 +1,22 @@
+import type { DrawerNotificationProps } from "@/types/components/drawer/drawer-notification";
+type __VLS_Props = DrawerNotificationProps;
+declare const isOpen: import("vue").ModelRef<boolean, string, boolean, boolean>;
+type __VLS_ModelProps = {
+    modelValue?: typeof isOpen['value'];
+};
+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;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    items: {
+        general?: import("@/types/components/drawer/drawer-notification").general[];
+        order?: import("@/types/components/drawer/drawer-notification").order[];
+        promotion?: import("@/types/components/drawer/drawer-notification").promotion[];
+        activity?: import("@/types/components/drawer/drawer-notification").activity[];
+        system?: import("@/types/components/drawer/drawer-notification").system[];
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;