pukaad-ui-lib 1.0.1

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

@@ -0,0 +1,119 @@
+<template>
+  <ShadFormField
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField }"
+  >
+    <ShadFormItem>
+      <ShadFormControl>
+        <div class="flex gap-2 items-center">
+          <ShadCheckbox v-bind="componentField" v-model="modelValue" />
+          <ShadFormLabel
+            class="font-body-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+          >
+            {{ props.label }}
+          </ShadFormLabel>
+        </div>
+      </ShadFormControl>
+    </ShadFormItem>
+  </ShadFormField>
+
+  <!-- <ShadFormField
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField, errorMeczssage }"
+    v-model="modelValue"
+  >
+    <ShadFormItem>
+      <ShadFormLabel class="w-full">
+        <slot name="label">
+          <div
+            :class="[
+              'flex-1',
+              props.disabledBorder && 'font-body-small-prominent',
+            ]"
+          >
+            {{ props.label }}
+            <span v-if="props.required" class="text-destructive">*</span>
+          </div>
+        </slot>
+        <div
+          v-if="props.showCounter"
+          :class="[props.disabledBorder && 'font-body-small']"
+        >
+          <div
+            v-if="props.limit > 0"
+            :class="[modelValue.length > props.limit && 'text-destructive']"
+          >
+            {{ modelValue.length }}/{{ props.limit }}
+          </div>
+        </div>
+      </ShadFormLabel>
+
+      <ShadInputGroup
+        :class="[
+          props.disabledBorder &&
+            'border-0 ring-0 focus-within:border-0 focus-within:ring-0',
+        ]"
+      >
+        <ShadFormControl>
+          <ShadInputGroupInput
+            v-bind="componentField"
+            :id="props.id || props.name"
+            :class="props.class"
+            :readonly="props.readonly"
+            :disabled="props.disabled"
+            :placeholder="props.placeholder"
+            :type="props.type"
+          >
+          </ShadInputGroupInput>
+        </ShadFormControl>
+        <ShadInputGroupAddon
+          v-if="props.iconPrepend"
+          align="inline-start"
+          @click="emits('clickPrepend', $event)"
+        >
+          <slot name="prepend">
+            <Icon
+              :name="props.iconPrepend"
+              size="16"
+              @click="emits('clickIconPrepend', $event)"
+            />
+          </slot>
+        </ShadInputGroupAddon>
+        <ShadInputGroupAddon
+          v-if="props.iconAppend"
+          align="inline-end"
+          @click="emits('clickAppend', $event)"
+        >
+          <slot name="append">
+            <Icon
+              :name="props.iconAppend"
+              size="16"
+              @click="emits('clickIconAppend', $event)"
+            />
+          </slot>
+        </ShadInputGroupAddon>
+      </ShadInputGroup>
+
+      <ShadFormDescription v-if="props.description">
+        {{ props.description }}
+      </ShadFormDescription>
+      <ShadFormMessage v-if="!props.disabledErrorMessage" />
+    </ShadFormItem>
+  </ShadFormField>  -->
+</template>
+
+<script setup>
+const props = defineProps({
+  id: { type: String, required: false },
+  name: { type: String, required: false, default: "input-checkbox" },
+  label: { type: String, required: false },
+  rules: { type: [Object, String, Function], required: false }
+});
+const defaultRules = (v) => {
+};
+const modelValue = defineModel({ type: Boolean, ...{
+  default: false
+} });
+</script>

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

@@ -0,0 +1,20 @@
+export interface InputCheckboxProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    rules?: object | string | Function;
+}
+type __VLS_Props = InputCheckboxProps;
+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;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,18 @@
+interface InputComboboxProps {
+    name?: string;
+    rules?: object | string | Function;
+}
+type __VLS_Props = InputComboboxProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+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: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,25 @@
+<template>
+  <ShadFormField
+    ref="fieldRef"
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField }"
+    v-model="modelValue"
+  >
+    <ShadFormItem> </ShadFormItem>
+  </ShadFormField>
+</template>
+
+<script setup>
+import { ref } from "vue";
+const props = defineProps({
+  name: { type: String, required: false, default: "input-combobox" },
+  rules: { type: [Object, String, Function], required: false }
+});
+const modelValue = defineModel({ type: String, ...{
+  default: ""
+} });
+const fieldRef = ref();
+const defaultRules = (v) => {
+};
+</script>

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

@@ -0,0 +1,18 @@
+interface InputComboboxProps {
+    name?: string;
+    rules?: object | string | Function;
+}
+type __VLS_Props = InputComboboxProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+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: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { InputCommentProps } from "@/types/components/input/input-comment";
+type __VLS_Props = InputCommentProps;
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+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: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,43 @@
+<template>
+  <div
+    contenteditable="true"
+    ref="editorRef"
+    @input="onInput"
+    class="w-full min-h-[40px] px-[12px] py-[8px] font-body-large bg-white ring-[1px] ring-cloud rounded-[8px] outline-none focus:outline-none focus:ring-[2px] focus:ring-primary whitespace-pre-wrap break-words text-black"
+  />
+</template>
+
+<script setup>
+import { ref, watch, onMounted, nextTick } from "vue";
+const props = defineProps({
+  userReply: { type: Object, required: false }
+});
+const modelValue = defineModel({ type: null });
+const editorRef = ref(null);
+onMounted(() => {
+  if (editorRef.value) {
+    editorRef.value.innerText = modelValue.value ?? "";
+  }
+});
+const onInput = (e) => {
+  const target = e.target;
+  modelValue.value = target.innerText;
+};
+watch(
+  () => modelValue.value,
+  (val) => {
+    if (editorRef.value) {
+      const next = val ?? "";
+      if (editorRef.value.innerText !== next) editorRef.value.innerText = next;
+    }
+  }
+);
+watch(() => props.userReply, (user) => {
+  if (!user) return;
+  const mention = `${user.name} `;
+  const current = modelValue.value ?? "";
+  const withoutPrev = current.replace(/^\S+\s+/, "");
+  const next = mention + withoutPrev;
+  modelValue.value = next;
+}, { immediate: true });
+</script>

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

@@ -0,0 +1,13 @@
+import type { InputCommentProps } from "@/types/components/input/input-comment";
+type __VLS_Props = InputCommentProps;
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+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: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,19 @@
+export interface InputContentProps {
+    height?: string | number;
+    placeholder?: string;
+    disabledBorder?: boolean;
+}
+type __VLS_Props = InputContentProps;
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+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: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    height: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div class="quill-wrapper">
+      <div ref="contentRef" :style="{ '--height': `${props.height}px` }" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from "vue";
+import { useNuxtApp } from "nuxt/app";
+const { $quill } = useNuxtApp();
+const contentRef = ref(null);
+let quillEditor = null;
+const props = defineProps({
+  height: { type: [String, Number], required: false, default: 288 },
+  placeholder: { type: String, required: false },
+  disabledBorder: { type: Boolean, required: false }
+});
+const modelValue = defineModel();
+onMounted(() => {
+  if (contentRef.value) {
+    const toolbarOptions = [
+      ["bold", "italic", "underline", "strike"],
+      ["blockquote", "code-block"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ script: "sub" }, { script: "super" }],
+      [{ indent: "-1" }, { indent: "+1" }],
+      [{ color: [] }, { background: [] }],
+      [{ align: [] }],
+      ["link", "image", "video"]
+    ];
+    quillEditor = new $quill(contentRef.value, {
+      theme: "snow",
+      placeholder: props.placeholder,
+      modules: {
+        toolbar: toolbarOptions
+      }
+    });
+    if (modelValue.value) {
+      quillEditor.setContents(modelValue.value);
+    }
+    quillEditor.on("text-change", (delta, oldDelta, source) => {
+      if (source === "user") {
+        if (!quillEditor) return;
+        const currentDeltaJson = quillEditor.getContents();
+        modelValue.value = currentDeltaJson;
+      }
+    });
+  }
+});
+onUnmounted(() => {
+  if (quillEditor && contentRef.value) {
+    quillEditor.off("text-change");
+    const toolbar = contentRef.value.previousElementSibling;
+    if (toolbar && toolbar.classList.contains("ql-toolbar")) {
+      toolbar.remove();
+    }
+    contentRef.value.innerHTML = "";
+    quillEditor = null;
+  }
+});
+</script>
+
+<style scoped>
+.quill-wrapper :deep(.ql-toolbar.ql-snow){background-color:#fafafa;border:none;border-radius:8px}.quill-wrapper :deep(.ql-container.ql-snow){border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden}.quill-wrapper :deep(.ql-editor){font-family:Sarabun-Regular;font-size:16px;margin-top:8px;min-height:var(--height)!important;padding:4px 12px}.quill-wrapper :deep(.ql-editor.ql-blank:before){color:#c4c4c4;content:attr(data-placeholder);font-size:16px;font-style:normal}
+</style>

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

@@ -0,0 +1,19 @@
+export interface InputContentProps {
+    height?: string | number;
+    placeholder?: string;
+    disabledBorder?: boolean;
+}
+type __VLS_Props = InputContentProps;
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+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: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    height: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/input/input-date-opening.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/input/input-date-opening.vue

@@ -0,0 +1,181 @@
+<template>
+  <!-- <InputTextField
+    v-if="!isConfirmed"
+    :label="props.label"
+    :placeholder="props.placeholder"
+    :full-width="props.fullWidth"
+    :required="props.required"
+    :disabled="props.disabled"
+    :readonly="props.readonly"
+    :width="props.width"
+    :height="props.height"
+    :append-icon="props.prependIcon"
+    @click="openModal"
+  />
+
+  <div v-else class="flex flex-col gap-[4px]">
+    <div class="text-gray font-body-large-prominent">วัน เวลาทำการ</div>
+    <Card variant="outline" full-width>
+      <div
+        class="flex gap-[8px] w-full items-center cursor-pointer"
+        @click="openModal"
+      >
+        <div class="flex w-[432px] gap-[8px] flex-col">
+          <div
+            v-for="item in schedules"
+            :key="item.day"
+            class="flex justify-between"
+          >
+            <div class="font-body-large">{{ getDayName(item.day) }}</div>
+            <div>
+              <div v-if="!item.isOpen" class="flex items-center gap-2">
+                <span>หยุดทำการ</span>
+              </div>
+              <div v-else-if="item.is24Hours" class="flex items-center gap-2">
+                <span>เปิด 24 ชั่วโมง</span>
+              </div>
+              <div v-else class="space-y-1">
+                <div
+                  v-for="(time, index) in item.timeSlots"
+                  :key="index"
+                  class="flex items-center gap-2"
+                >
+                  <span>{{ time.start }} - {{ time.end }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <Icon name="lucide:chevron-right" :size="24" />
+      </div>
+    </Card>
+  </div> 
+
+<Modal
+    title="วัน เวลาทำการ"
+    v-model="isOpenModal"
+    divider
+    :width="604"
+    @close="closeModal"
+  >
+    <div v-if="!isEditMode" class="p-4 space-y-4">
+      <div
+        v-for="schedule in schedules"
+        :key="schedule.day"
+        class="flex justify-between"
+      >
+        <div class="w-32 font-medium">{{ getDayName(schedule.day) }}</div>
+
+        <div class="w-40">
+          <div v-if="!schedule.isOpen" class="flex items-center gap-2">
+            <Icon name="lucide:clock" size="20" />
+            <span>หยุดทำการ</span>
+          </div>
+          <div v-else-if="schedule.is24Hours" class="flex items-center gap-2">
+            <Icon name="lucide:clock" size="20" />
+            <span>เปิด 24 ชั่วโมง</span>
+          </div>
+          <div v-else class="space-y-1">
+            <div
+              v-for="(time, index) in schedule.timeSlots"
+              :key="index"
+              class="flex items-center gap-2"
+            >
+              <Icon name="lucide:clock" size="20" />
+              <span>{{ time.start }} - {{ time.end }}</span>
+            </div>
+          </div>
+        </div>
+
+        <Button
+          prepend-icon="lucide:square-pen"
+          :icon-size="20"
+          size="tiny"
+          variant="text"
+          color="black"
+          @click="editSchedule(schedule.day)"
+        />
+      </div>
+    </div>
+
+    <div v-else class="p-4 space-y-4">
+  
+      <div class="flex justify-between">
+        <div
+          v-for="(shortName, index) in dayShortNames"
+          :key="index"
+          :class="getDayButtonClass(index)"
+          @click="selectDay(index)"
+        >
+          {{ shortName }}
+        </div>
+      </div>
+
+      <div class="flex gap-6">
+        <InputCheckbox label="เปิด 24 ชั่วโมง" v-model="isOpen24h" />
+        <InputCheckbox label="หยุดทำการ" v-model="isClosed" />
+      </div>
+      <div class="flex flex-col gap-6">
+        <div v-if="!isClosed && !isOpen24h" class="space-y-4">
+          <div
+            v-for="(timeSlot, index) in timeSlots"
+            :key="timeSlot.id"
+            class="flex justify-between w-full"
+          >
+            <InputSelect
+              :name="`time-slot-start-${timeSlot.id}`"
+              v-model="timeSlots[index]!.start"
+              label="เวลาเปิด"
+              :items="timeOptions"
+              :width="140"
+              placeholder="00:00"
+            />
+            <InputSelect
+              :name="`time-slot-end-${timeSlot.id}`"
+              v-model="timeSlots[index]!.end"
+              label="เวลาปิด"
+              :items="timeOptions"
+              :width="140"
+              placeholder="00:00"
+            />
+            <div class="flex items-end">
+              <Button
+                prepend-icon="lucide:trash-2"
+                variant="text"
+                color="error"
+                @click="removeTimeSlot(index)"
+              />
+            </div>
+          </div>
+        </div>
+        <div v-if="!isClosed && !isOpen24h">
+          <Button
+            disabled-padding
+            variant="text"
+            color="primary"
+            prepend-icon="lucide:plus"
+            size="small"
+            @click="addTimeSlot"
+            >เพิ่มเวลา</Button
+          >
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="flex w-full justify-end">
+        <Button v-if="!isEditMode" color="primary" @click="saveSchedules">
+          ยืนยัน
+        </Button>
+
+        <Button v-else color="primary" @click="confirmEditChanges">
+          ยืนยัน
+        </Button>
+      </div>
+    </template>
+  </Modal> -->
+</template>
+
+<script setup>
+
+</script>

package/dist/runtime/components/input/input-date-opening.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/input/input-email.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/input/input-email.vue

@@ -0,0 +1,14 @@
+<template>
+  <!-- <InputTextField
+    ref="inputRef"
+    :name="props.name"
+    :label="props.label"
+    :placeholder="props.placeholder"
+    :required="props.required"
+    :rules="rules"
+  /> -->
+</template>
+
+<script setup>
+
+</script>

package/dist/runtime/components/input/input-email.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/input/input-file.d.vue.ts

@@ -0,0 +1,42 @@
+import type { InputFile } from "@/types/components/input/input-file";
+type __VLS_Props = InputFile;
+type __VLS_ModelProps = {
+    modelValue?: Array<File>;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_22: {
+    label: string;
+}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_22) => any;
+} & {
+    error?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File[]) => any;
+} & {
+    select: (files: File[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((files: File[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
+}>, {
+    width: number | string;
+    height: number | string;
+    fullWidth: boolean;
+    fullHeight: boolean;
+    label: string;
+    name: string;
+    limit: number;
+    accept: string;
+    labelIcon: string;
+    disabledDrop: boolean;
+    disabledErrorMessage: 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;
+    };
+};